/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.mod-ep-flyout {
  -webkit-transition: right 0.125s ease-in;
  -o-transition: right 0.125s ease-in;
  transition: right 0.125s ease-in;
  display: none;
  z-index: 30;
  position: fixed;
  right: 0px; }
  .mod-ep-flyout.mod-ep-flyout_active {
    right: 340px;
    -webkit-transition: right 0.125s ease-out;
    -o-transition: right 0.125s ease-out;
    transition: right 0.125s ease-out; }
  @media (min-width: 1025px) {
    .mod-ep-flyout {
      display: block;
      top: 50%;
      -webkit-transform: translate(0, -49.8%);
          -ms-transform: translate(0, -49.8%);
              transform: translate(0, -49.8%);
      width: 60px; }
      .mod-ep-flyout__item {
        width: 60px;
        display: inline-block; }
        .mod-ep-flyout__item button {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: normal;
              -ms-flex-align: normal;
                  align-items: normal; }
        .mod-ep-flyout__item:last-of-type .mod-ep-flyout__tab {
          border-bottom: 1px solid #979797; }
      .mod-ep-flyout__tab {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 75px;
        background: #666666;
        border-bottom: 1px solid white;
        padding: 3px;
        color: white; }
        .mod-ep-flyout__tab.mod-ep-flyout_active {
          -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.5);
          box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.5); }
        .mod-ep-flyout__tab _:-ms-lang(x), .mod-ep-flyout__tab {
          margin-bottom: -4.5px;
          box-sizing: border-box; }
        .mod-ep-flyout__tab:hover, .mod-ep-flyout__tab:focus {
          text-decoration: none; }
        .mod-ep-flyout__tab.mod-ep-flyout_active {
          background-color: white;
          border-right: none;
          color: #333333; }
          .mod-ep-flyout__tab.mod-ep-flyout_active:link, .mod-ep-flyout__tab.mod-ep-flyout_active:visited, .mod-ep-flyout__tab.mod-ep-flyout_active:active, .mod-ep-flyout__tab.mod-ep-flyout_active:hover, .mod-ep-flyout__tab.mod-ep-flyout_active:focus {
            color: #333333; }
          .mod-ep-flyout__tab.mod-ep-flyout_active .mod-ep-flyout__icon-active {
            display: block; }
            .mod-ep-flyout__tab.mod-ep-flyout_active .mod-ep-flyout__icon-active::before {
              content: "";
              height: 74px;
              width: 9px;
              background: white;
              right: -2px;
              top: 0;
              position: absolute;
              z-index: 10000; }
            .mod-ep-flyout__tab.mod-ep-flyout_active .mod-ep-flyout__icon-active _:-ms-lang(x)::before, .mod-ep-flyout__tab.mod-ep-flyout_active .mod-ep-flyout__icon-active::before {
              right: -3px; }
          .mod-ep-flyout__tab.mod-ep-flyout_active .mod-ep-flyout__icon-inactive {
            display: none; }
        .mod-ep-flyout__tab:link, .mod-ep-flyout__tab:visited {
          color: white; }
      .mod-ep-flyout__icon-active {
        min-width: 30px;
        width: 100%;
        height: 30px;
        display: none; }
      .mod-ep-flyout__icon-inactive {
        min-width: 30px;
        width: 100%;
        height: 30px;
        display: block; }
        .mod-ep-flyout__icon-inactive path {
          fill: #fff; }
      .mod-ep-flyout__icon-text {
        width: 100%;
        display: block;
        font-size: 11px;
        line-height: 12px;
        margin-top: 4px; }
      .mod-ep-flyout__icon-container {
        text-align: center;
        vertical-align: middle; }
      .mod-ep-flyout__content {
        position: absolute;
        left: 60px;
        width: 340px;
        top: 0px;
        padding: 10px 20px 20px 20px;
        visibility: hidden;
        -webkit-transition: visibility 0.125s ease-in;
        -o-transition: visibility 0.125s ease-in;
        transition: visibility 0.125s ease-in;
        background-color: white;
        color: #333333;
        border-bottom: 1px solid #979797;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.5); }
        .mod-ep-flyout__content > :last-child {
          margin-bottom: 0px; }
        .mod-ep-flyout__content.mod-ep-flyout_active {
          visibility: visible;
          -webkit-transition: visibility 0.125s ease-out;
          -o-transition: visibility 0.125s ease-out;
          transition: visibility 0.125s ease-out; }
        .mod-ep-flyout__content-headline {
          font-size: 28px;
          margin-bottom: 10px;
          font-weight: lighter;
          line-height: 34px; }
        .mod-ep-flyout__content-subline {
          font-size: 20px;
          margin-bottom: 15px;
          line-height: 23px; }
        .mod-ep-flyout__content-copy {
          font-size: 14px;
          margin-bottom: 20px;
          line-height: 20px; }
        .mod-ep-flyout__content a.mod-ep-flyout__content-tel {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #e60000;
          margin-bottom: 15px;
          font-size: 28px;
          line-height: 32px;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .mod-ep-flyout__content a.mod-ep-flyout__content-tel .i-sml {
            margin-right: 10px; }
          .mod-ep-flyout__content a.mod-ep-flyout__content-tel:hover, .mod-ep-flyout__content a.mod-ep-flyout__content-tel:focus {
            text-decoration: none;
            color: #990000; }
            .mod-ep-flyout__content a.mod-ep-flyout__content-tel:hover .i-sml, .mod-ep-flyout__content a.mod-ep-flyout__content-tel:focus .i-sml {
              fill: #990000; }
          .mod-ep-flyout__content a.mod-ep-flyout__content-tel:visited, .mod-ep-flyout__content a.mod-ep-flyout__content-tel:active {
            text-decoration: none; }
        .mod-ep-flyout__content-cta {
          height: 48px;
          width: 100%;
          text-align: center;
          display: block;
          font-size: 20px;
          line-height: 26px;
          padding: 11px;
          background-color: #e60000;
          border: 1px solid #e60000;
          color: white; }
          .mod-ep-flyout__content-cta:link, .mod-ep-flyout__content-cta:visited, .mod-ep-flyout__content-cta:active {
            color: #ffffff; }
          .mod-ep-flyout__content-cta:hover {
            background-color: #990000;
            border-color: #990000;
            text-decoration: none; }
          .mod-ep-flyout__content-cta.mod-ep-flyout_secondary {
            background-color: white;
            color: #666666;
            border-color: #979797; }
            .mod-ep-flyout__content-cta.mod-ep-flyout_secondary:hover {
              background-color: #F4F4F4;
              border-color: #333333;
              color: #333333; }
      .mod-ep-flyout_1 .mod-ep-flyout__content {
        min-height: 75px; }
      .mod-ep-flyout_2 .mod-ep-flyout__content {
        min-height: 150px; }
      .mod-ep-flyout_3 .mod-ep-flyout__content {
        min-height: 225px; } }

/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.hotline-wrapper {
  position: relative; }
  .hotline-wrapper .hotline {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    color: #ffffff;
    padding: 0 56px 0 20px;
    background-color: #4a4d4e;
    cursor: pointer;
    z-index: 2; }
    .hotline-wrapper .hotline a {
      color: #ffffff;
      font-weight: bold;
      display: inline-block; }
  .hotline-wrapper .icon {
    display: block;
    position: absolute;
    top: 3px;
    right: 22px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    z-index: 2; }
    .hotline-wrapper .icon path {
      fill: #ffffff; }
  .hotline-wrapper .hotline-flyout {
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    display: block;
    top: -200%;
    right: 20px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
            box-shadow: 0 1px 3px rgba(50, 50, 50, 0.2);
    z-index: 1;
    -webkit-transition: all .1s ease .15s;
    -o-transition: all .1s ease .15s;
    transition: all .1s ease .15s;
    text-align: center; }
    .hotline-wrapper .hotline-flyout b {
      font-size: 14px;
      line-height: 18px;
      font-weight: bold; }
    .hotline-wrapper .hotline-flyout a {
      display: inline !important;
      text-decoration: underline !important; }
    .hotline-wrapper .hotline-flyout .dslink {
      font-size: 10px;
      display: block; }
  .hotline-wrapper:after {
    position: absolute;
    display: block;
    content: '';
    bottom: -2px;
    right: 31px;
    width: 5px;
    height: 5px;
    opacity: 0;
    visibility: hidden;
    background-color: #f4f4f4;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    z-index: 2;
    -webkit-transition: all .1s ease .15s;
    -o-transition: all .1s ease .15s;
    transition: all .1s ease .15s; }
  .hotline-wrapper:hover .hotline-flyout {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;
    transition: all .3s ease .3s; }
  .hotline-wrapper:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s ease .3s;
    -o-transition: all .3s ease .3s;
    transition: all .3s ease .3s; }

.mouse-active button:focus,
.mouse-active a:focus,
.mouse-active [role="button"],
.mouse-active input:focus + label {
  outline: 0; }

.mouse-active select:focus {
  outline: none; }

/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.belt {
  margin: 0 auto;
  width: 100%;
  max-width: none;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  z-index: 1; }
  @media (min-width: 600px) {
    .belt {
      padding: 0 8px;
      margin-bottom: 40px; } }
  @media (min-width: 1025px) {
    .belt {
      max-width: 960px;
      padding: 0 16px;
      margin-bottom: 120px; } }
  .belt.belt--pt {
    padding-top: 30px; }
    @media (min-width: 600px) {
      .belt.belt--pt {
        padding-top: 73px; } }
    @media (min-width: 1025px) {
      .belt.belt--pt {
        padding-top: 113px; } }
  .belt:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333;
    top: 0;
    z-index: -3; }
    @media (min-width: 600px) {
      .belt:after {
        width: 80%;
        left: 10%; } }

/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.divider.divider--border {
  position: relative; }
  .divider.divider--border:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-bottom: 1px solid #cccccc;
    width: 100%; }

.divider.divider--belt {
  height: 40px; }
  @media (min-width: 1025px) {
    .divider.divider--belt {
      height: 60px; } }

/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.headline, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .content {
  font-family: "Vodafone", Arial, Helvetica, sans-serif;
  color: #333333;
  margin: 0 0 20px 0; }
  .headline.heading--no-margin, h1.heading--no-margin, .heading--no-margin.h1, h2.heading--no-margin, .heading--no-margin.h2, h3.heading--no-margin, .heading--no-margin.h3, h4.heading--no-margin, .heading--no-margin.h4, h5.heading--no-margin, .heading--no-margin.h5, h6.heading--no-margin, .heading--no-margin.h6, .heading--no-margin.content {
    margin: 0; }
  .headline.headline--color-red, h1.headline--color-red, .headline--color-red.h1, h2.headline--color-red, .headline--color-red.h2, h3.headline--color-red, .headline--color-red.h3, h4.headline--color-red, .headline--color-red.h4, h5.headline--color-red, .headline--color-red.h5, h6.headline--color-red, .headline--color-red.h6, .headline--color-red.content {
    color: #e60000; }
  .headline.headline--color-mine-shaft, h1.headline--color-mine-shaft, .headline--color-mine-shaft.h1, h2.headline--color-mine-shaft, .headline--color-mine-shaft.h2, h3.headline--color-mine-shaft, .headline--color-mine-shaft.h3, h4.headline--color-mine-shaft, .headline--color-mine-shaft.h4, h5.headline--color-mine-shaft, .headline--color-mine-shaft.h5, h6.headline--color-mine-shaft, .headline--color-mine-shaft.h6, .headline--color-mine-shaft.content {
    color: #333333; }
  .headline.headline--color-white, h1.headline--color-white, .headline--color-white.h1, h2.headline--color-white, .headline--color-white.h2, h3.headline--color-white, .headline--color-white.h3, h4.headline--color-white, .headline--color-white.h4, h5.headline--color-white, .headline--color-white.h5, h6.headline--color-white, .headline--color-white.h6, .headline--color-white.content {
    color: #ffffff; }
  .headline.headline--color-black, h1.headline--color-black, .headline--color-black.h1, h2.headline--color-black, .headline--color-black.h2, h3.headline--color-black, .headline--color-black.h3, h4.headline--color-black, .headline--color-black.h4, h5.headline--color-black, .headline--color-black.h5, h6.headline--color-black, .headline--color-black.h6, .headline--color-black.content {
    color: #000000; }
  .headline.headline--color-red-berry, h1.headline--color-red-berry, .headline--color-red-berry.h1, h2.headline--color-red-berry, .headline--color-red-berry.h2, h3.headline--color-red-berry, .headline--color-red-berry.h3, h4.headline--color-red-berry, .headline--color-red-berry.h4, h5.headline--color-red-berry, .headline--color-red-berry.h5, h6.headline--color-red-berry, .headline--color-red-berry.h6, .headline--color-red-berry.content {
    color: #990000; }
  .headline.headline--color-guard-red, h1.headline--color-guard-red, .headline--color-guard-red.h1, h2.headline--color-guard-red, .headline--color-guard-red.h2, h3.headline--color-guard-red, .headline--color-guard-red.h3, h4.headline--color-guard-red, .headline--color-guard-red.h4, h5.headline--color-guard-red, .headline--color-guard-red.h5, h6.headline--color-guard-red, .headline--color-guard-red.h6, .headline--color-guard-red.content {
    color: #bd0000; }
  .headline.headline--color-seance, h1.headline--color-seance, .headline--color-seance.h1, h2.headline--color-seance, .headline--color-seance.h2, h3.headline--color-seance, .headline--color-seance.h3, h4.headline--color-seance, .headline--color-seance.h4, h5.headline--color-seance, .headline--color-seance.h5, h6.headline--color-seance, .headline--color-seance.h6, .headline--color-seance.content {
    color: #9c2aa0; }
  .headline.headline--color-finn, h1.headline--color-finn, .headline--color-finn.h1, h2.headline--color-finn, .headline--color-finn.h2, h3.headline--color-finn, .headline--color-finn.h3, h4.headline--color-finn, .headline--color-finn.h4, h5.headline--color-finn, .headline--color-finn.h5, h6.headline--color-finn, .headline--color-finn.h6, .headline--color-finn.content {
    color: #5e2750; }
  .headline.headline--color-budd-gold, h1.headline--color-budd-gold, .headline--color-budd-gold.h1, h2.headline--color-budd-gold, .headline--color-budd-gold.h2, h3.headline--color-budd-gold, .headline--color-budd-gold.h3, h4.headline--color-budd-gold, .headline--color-budd-gold.h4, h5.headline--color-budd-gold, .headline--color-budd-gold.h5, h6.headline--color-budd-gold, .headline--color-budd-gold.h6, .headline--color-budd-gold.content {
    color: #a8b400; }
  .headline.headline--color-la-palma, h1.headline--color-la-palma, .headline--color-la-palma.h1, h2.headline--color-la-palma, .headline--color-la-palma.h2, h3.headline--color-la-palma, .headline--color-la-palma.h3, h4.headline--color-la-palma, .headline--color-la-palma.h4, h5.headline--color-la-palma, .headline--color-la-palma.h5, h6.headline--color-la-palma, .headline--color-la-palma.h6, .headline--color-la-palma.content {
    color: #41871b; }
  .headline.headline--color-supernova, h1.headline--color-supernova, .headline--color-supernova.h1, h2.headline--color-supernova, .headline--color-supernova.h2, h3.headline--color-supernova, .headline--color-supernova.h3, h4.headline--color-supernova, .headline--color-supernova.h4, h5.headline--color-supernova, .headline--color-supernova.h5, h6.headline--color-supernova, .headline--color-supernova.h6, .headline--color-supernova.content {
    color: #fecb00; }
  .headline.headline--color-tangerine, h1.headline--color-tangerine, .headline--color-tangerine.h1, h2.headline--color-tangerine, .headline--color-tangerine.h2, h3.headline--color-tangerine, .headline--color-tangerine.h3, h4.headline--color-tangerine, .headline--color-tangerine.h4, h5.headline--color-tangerine, .headline--color-tangerine.h5, h6.headline--color-tangerine, .headline--color-tangerine.h6, .headline--color-tangerine.content {
    color: #eb9700; }
  .headline.headline--color-blue-lago, h1.headline--color-blue-lago, .headline--color-blue-lago.h1, h2.headline--color-blue-lago, .headline--color-blue-lago.h2, h3.headline--color-blue-lago, .headline--color-blue-lago.h3, h4.headline--color-blue-lago, .headline--color-blue-lago.h4, h5.headline--color-blue-lago, .headline--color-blue-lago.h5, h6.headline--color-blue-lago, .headline--color-blue-lago.h6, .headline--color-blue-lago.content {
    color: #007e92; }
  .headline.headline--color-cerulean, h1.headline--color-cerulean, .headline--color-cerulean.h1, h2.headline--color-cerulean, .headline--color-cerulean.h2, h3.headline--color-cerulean, .headline--color-cerulean.h3, h4.headline--color-cerulean, .headline--color-cerulean.h4, h5.headline--color-cerulean, .headline--color-cerulean.h5, h6.headline--color-cerulean, .headline--color-cerulean.h6, .headline--color-cerulean.content {
    color: #00b0ca; }
  .headline.headline--color-black, h1.headline--color-black, .headline--color-black.h1, h2.headline--color-black, .headline--color-black.h2, h3.headline--color-black, .headline--color-black.h3, h4.headline--color-black, .headline--color-black.h4, h5.headline--color-black, .headline--color-black.h5, h6.headline--color-black, .headline--color-black.h6, .headline--color-black.content {
    color: #000000; }
  .headline.headline--color-mine-shaft, h1.headline--color-mine-shaft, .headline--color-mine-shaft.h1, h2.headline--color-mine-shaft, .headline--color-mine-shaft.h2, h3.headline--color-mine-shaft, .headline--color-mine-shaft.h3, h4.headline--color-mine-shaft, .headline--color-mine-shaft.h4, h5.headline--color-mine-shaft, .headline--color-mine-shaft.h5, h6.headline--color-mine-shaft, .headline--color-mine-shaft.h6, .headline--color-mine-shaft.content {
    color: #333333; }
  .headline.headline--color-abbey, h1.headline--color-abbey, .headline--color-abbey.h1, h2.headline--color-abbey, .headline--color-abbey.h2, h3.headline--color-abbey, .headline--color-abbey.h3, h4.headline--color-abbey, .headline--color-abbey.h4, h5.headline--color-abbey, .headline--color-abbey.h5, h6.headline--color-abbey, .headline--color-abbey.h6, .headline--color-abbey.content {
    color: #4a4d4e; }
  .headline.headline--color-dove-gray, h1.headline--color-dove-gray, .headline--color-dove-gray.h1, h2.headline--color-dove-gray, .headline--color-dove-gray.h2, h3.headline--color-dove-gray, .headline--color-dove-gray.h3, h4.headline--color-dove-gray, .headline--color-dove-gray.h4, h5.headline--color-dove-gray, .headline--color-dove-gray.h5, h6.headline--color-dove-gray, .headline--color-dove-gray.h6, .headline--color-dove-gray.content {
    color: #666666; }
  .headline.headline--color-dust-gray, h1.headline--color-dust-gray, .headline--color-dust-gray.h1, h2.headline--color-dust-gray, .headline--color-dust-gray.h2, h3.headline--color-dust-gray, .headline--color-dust-gray.h3, h4.headline--color-dust-gray, .headline--color-dust-gray.h4, h5.headline--color-dust-gray, .headline--color-dust-gray.h5, h6.headline--color-dust-gray, .headline--color-dust-gray.h6, .headline--color-dust-gray.content {
    color: #999999; }
  .headline.headline--color-silver-cha, h1.headline--color-silver-cha, .headline--color-silver-cha.h1, h2.headline--color-silver-cha, .headline--color-silver-cha.h2, h3.headline--color-silver-cha, .headline--color-silver-cha.h3, h4.headline--color-silver-cha, .headline--color-silver-cha.h4, h5.headline--color-silver-cha, .headline--color-silver-cha.h5, h6.headline--color-silver-cha, .headline--color-silver-cha.h6, .headline--color-silver-cha.content {
    color: #afafaf; }
  .headline.headline--color-silver, h1.headline--color-silver, .headline--color-silver.h1, h2.headline--color-silver, .headline--color-silver.h2, h3.headline--color-silver, .headline--color-silver.h3, h4.headline--color-silver, .headline--color-silver.h4, h5.headline--color-silver, .headline--color-silver.h5, h6.headline--color-silver, .headline--color-silver.h6, .headline--color-silver.content {
    color: #cccccc; }
  .headline.headline--color-gallery, h1.headline--color-gallery, .headline--color-gallery.h1, h2.headline--color-gallery, .headline--color-gallery.h2, h3.headline--color-gallery, .headline--color-gallery.h3, h4.headline--color-gallery, .headline--color-gallery.h4, h5.headline--color-gallery, .headline--color-gallery.h5, h6.headline--color-gallery, .headline--color-gallery.h6, .headline--color-gallery.content {
    color: #ebebeb; }
  .headline.headline--color-wild-sand, h1.headline--color-wild-sand, .headline--color-wild-sand.h1, h2.headline--color-wild-sand, .headline--color-wild-sand.h2, h3.headline--color-wild-sand, .headline--color-wild-sand.h3, h4.headline--color-wild-sand, .headline--color-wild-sand.h4, h5.headline--color-wild-sand, .headline--color-wild-sand.h5, h6.headline--color-wild-sand, .headline--color-wild-sand.h6, .headline--color-wild-sand.content {
    color: #f4f4f4; }
  .headline.headline--color-white, h1.headline--color-white, .headline--color-white.h1, h2.headline--color-white, .headline--color-white.h2, h3.headline--color-white, .headline--color-white.h3, h4.headline--color-white, .headline--color-white.h4, h5.headline--color-white, .headline--color-white.h5, h6.headline--color-white, .headline--color-white.h6, .headline--color-white.content {
    color: #ffffff; }
  .headline.headline--color-error, h1.headline--color-error, .headline--color-error.h1, h2.headline--color-error, .headline--color-error.h2, h3.headline--color-error, .headline--color-error.h3, h4.headline--color-error, .headline--color-error.h4, h5.headline--color-error, .headline--color-error.h5, h6.headline--color-error, .headline--color-error.h6, .headline--color-error.content {
    color: #e60000; }
  .headline.headline--color-hint, h1.headline--color-hint, .headline--color-hint.h1, h2.headline--color-hint, .headline--color-hint.h2, h3.headline--color-hint, .headline--color-hint.h3, h4.headline--color-hint, .headline--color-hint.h4, h5.headline--color-hint, .headline--color-hint.h5, h6.headline--color-hint, .headline--color-hint.h6, .headline--color-hint.content {
    color: #eb9700; }
  .headline.headline--color-valid, h1.headline--color-valid, .headline--color-valid.h1, h2.headline--color-valid, .headline--color-valid.h2, h3.headline--color-valid, .headline--color-valid.h3, h4.headline--color-valid, .headline--color-valid.h4, h5.headline--color-valid, .headline--color-valid.h5, h6.headline--color-valid, .headline--color-valid.h6, .headline--color-valid.content {
    color: #41871b; }

h1, .h1 {
  font-size: 32px;
  line-height: 40px; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 56px;
      line-height: 62px; } }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 64px;
      line-height: 72px; } }

h2, .h2 {
  font-size: 28px;
  line-height: 36px; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 40px;
      line-height: 48px; } }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 56px;
      line-height: 62px; } }

h3, .h3 {
  font-size: 24px;
  line-height: 30px; }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 34px;
      line-height: 40px; } }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 40px;
      line-height: 48px; } }

h4, .h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal; }
  @media (min-width: 768px) {
    h4, .h4 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 100; } }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 28px;
      line-height: 34px; } }

h5, .h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal; }
  @media (min-width: 768px) {
    h5, .h5 {
      font-size: 20px;
      line-height: 28px; } }

h6, .h6 {
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 768px) {
    h6, .h6 {
      font-size: 18px;
      line-height: 24px; } }

.content {
  font-size: 22px;
  line-height: 28px;
  font-weight: lighter;
  font-stretch: normal;
  font-style: normal; }

/**
 * Returns a colour key from the global color palettes
 *
 * @var $palette: The palettes name
 * @var $tone: The palettes color tone
 */
.panel {
  margin-left: auto;
  margin-right: auto;
  max-width: 928px;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: height .2s ease-in-out;
  -o-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out; }
  .panel .panel-header {
    border-bottom: 1px solid #ebebeb; }
  .panel .panel-content {
    padding: 30px 20px 60px 20px; }
  .panel .panel-footer {
    border-top: 1px solid #ebebeb; }
  .panel .panel-close {
    margin-top: 32px;
    margin-bottom: 12px;
    text-align: center; }
    .panel .panel-close-button {
      font-size: 20px;
      line-height: 1.3;
      text-decoration: underline;
      color: #666666; }
  .panel.panel--active {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 0 0 2px #e60000;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 0 0 2px #e60000; }
  .panel.panel--centered .panel-content {
    text-align: center; }
  .panel.panel--constrained .panel-content {
    max-width: 780px;
    margin: 0 auto; }
  .panel.panel--no-padding .panel-content {
    padding: 0; }
  .panel.panel--no-padding-x .panel-content {
    padding-left: 0;
    padding-right: 0; }
  .panel.panel--closed {
    display: none; }