@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-zoom-out {
  from {
    opacity: 0;
    transform: scale(1.05); }
  to {
    opacity: 1;
    transform: scale(1); } }

@keyframes circle {
  1% {
    transform: scale(0.6);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes value {
  1% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in-extended {
  1% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes flickering {
  1% {
    opacity: 1; }
  50% {
    opacity: .6; }
  100% {
    opacity: 1; } }

@keyframes bounce-in {
  1% {
    transform: scale(0); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes cdot {
  1% {
    opacity: 0;
    background: white; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1;
    background: white; } }

@keyframes radarWave {
  1% {
    opacity: 0;
    transform: scale(0); }
  5% {
    background: white;
    opacity: 1; }
  100% {
    transform: scale(1);
    background: white; } }

@keyframes wave-animate {
  1% {
    transform: scale(0);
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }

@font-face {
  font-family: "VodafoneLight";
  src: url("clientlib-external/resources/fonts/vodafone-light.eot");
  src: url("clientlib-external/resources/fonts/vodafone-light.eot?#ie-fix") format("embedded-opentype"), url("clientlib-external/resources/fonts/vodafone-light.woff") format("woff"), url("clientlib-external/resources/fonts/vodafone-light.ttf") format("truetype"), url("clientlib-external/resources/fonts/vodafone-light.svg") format("svg");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "VodafoneRegular";
  src: url("clientlib-external/resources/fonts/vodafone-regular.eot");
  src: url("clientlib-external/resources/fonts/vodafone-regular.eot?#ie-fix") format("embedded-opentype"), url("clientlib-external/resources/fonts/vodafone-regular.woff") format("woff"), url("clientlib-external/resources/fonts/vodafone-regular.ttf") format("truetype"), url("clientlib-external/resources/fonts/vodafone-regular.svg") format("svg");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "VodafoneRegularBold";
  src: url("clientlib-external/resources/fonts/vodafone-bold.eot");
  src: url("clientlib-external/resources/fonts/vodafone-bold.eot?#ie-fix") format("embedded-opentype"), url("clientlib-external/resources/fonts/vodafone-bold.woff") format("woff"), url("clientlib-external/resources/fonts/vodafone-bold.ttf") format("truetype"), url("clientlib-external/resources/fonts/vodafone-bold.svg") format("svg");
  font-style: normal;
  font-weight: 400; }

.vf abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important; }

.vf address {
  font-style: normal; }

* {
  box-sizing: border-box; }
  *:focus {
    outline: 2px solid #00B0CA; }
  *:active {
    outline: 0; }

.vf a {
  color: inherit;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }

.vf blockquote {
  margin: 0;
  width: 100%; }

.vf .clear {
  clear: both; }

.vf code {
  font-size: 18px;
  font-family: "Fira Mono", Menlo, Monaco, Consolas, "Courier New", monospace; }

.vf fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.vf h1,
.vf h2,
.vf h3,
.vf h4,
.vf h5,
.vf h6 {
  font: inherit; }

.vf img {
  -ms-interpolation-mode: bicubic; }

.vf picture {
  display: block;
  line-height: 0; }

.vf img,
.vf audio,
.vf video {
  border: none;
  max-width: 100%; }

.vf p {
  margin: 15px 0;
  display: inline-block;
  width: 100%; }

@media only screen and (max-width: 970px) {
  .vf p {
    margin: 10px 0; } }

.vf small {
  display: inline-block;
  font-size: .8em;
  line-height: 1.4em;
  text-decoration: inherit; }

.vf strong {
  font-family: "VodafoneRegularBold";
  font-weight: 400; }

.vf table {
  width: 100%; }

.vf caption {
  text-align: left; }

.vf th,
.vf td {
  font-weight: 400;
  text-align: left;
  vertical-align: top; }

.vf iframe {
  border: 0; }

.v-accordion-transition,
.v-show-more-transition {
  -webkit-transition: max-height 0.5s ease-out;
  -moz-transition: max-height 0.5s ease-out;
  -ms-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  overflow: hidden; }

.v-collapse-expand-enter-active,
.v-collapse-expand-leave-active {
  transition: all .3s;
  -webkit-transition: all .3s;
  height: height; }

.v-collapse-expand-enter,
.v-collapse-expand-leave-to {
  height: 0;
  opacity: 0; }

.vf .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }

.vf .caption__icon, .vf .dialog--interstitial .vf .dialog__content, .vf .brands__image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.vf .form__checkbox--bubble, .vf .toggle-switch__title--hide, .vf .visually-hidden {
  background: #E60000 !important;
  border: none !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

[v-cloak] {
  display: none; }

.vf .content {
  animation-duration: .5s;
  animation-name: fade-in;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 350px; }

.vf {
  /* Temporay placeholder for link fix inside of images */
  /* Media query to solve inline-block breaking in Safari */ }
  .vf .grid {
    display: block;
    letter-spacing: -.215em;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .vf .grid::before, .vf .grid::after {
      content: " ";
      display: table; }
    .vf .grid::after {
      clear: both; }
    .vf .grid--relative {
      position: relative; }
    .vf .grid--auto {
      height: auto; }
    .vf .grid--gutter {
      margin: 0 -10px; }
    .vf .grid--half-gutter {
      margin: 0 -5px; }
    .vf .grid__item {
      display: inline-block;
      letter-spacing: normal;
      margin: 0;
      vertical-align: top; }
      .vf .grid__item--1\/1 {
        width: 100%; }
      .vf .grid__item--1\/2 {
        width: 50%; }
      .vf .grid__item--1\/3 {
        width: 33.3333333333%; }
      .vf .grid__item--2\/3 {
        width: 66.6666666667%; }
      .vf .grid__item--1\/4 {
        width: 25%; }
      .vf .grid__item--3\/4 {
        width: 75%; }
      .vf .grid__item--1\/5 {
        width: 20%; }
      .vf .grid__item--2\/5 {
        width: 40%; }
      .vf .grid__item--3\/5 {
        width: 60%; }
      .vf .grid__item--4\/5 {
        width: 80%; }
      .vf .grid__item--1\/6 {
        width: 16.6666666667%; }
      .vf .grid__item--5\/6 {
        width: 83.3333333333%; }
      .vf .grid__item--1\/7 {
        width: 14.2857142857%; }
      .vf .grid__item--2\/7 {
        width: 28.5714285714%; }
      .vf .grid__item--3\/7 {
        width: 42.8571428571%; }
      .vf .grid__item--4\/7 {
        width: 57.1428571429%; }
      .vf .grid__item--5\/7 {
        width: 71.4285714286%; }
      .vf .grid__item--6\/7 {
        width: 85.7142857143%; }
      .vf .grid__item--1\/8 {
        width: 12.5%; }
      .vf .grid__item--3\/8 {
        width: 37.5%; }
      .vf .grid__item--5\/8 {
        width: 62.5%; }
      .vf .grid__item--7\/8 {
        width: 87.5%; }
      .vf .grid__item--1\/9 {
        width: 11.1111111111%; }
      .vf .grid__item--2\/9 {
        width: 22.2222222222%; }
      .vf .grid__item--4\/9 {
        width: 44.4444444444%; }
      .vf .grid__item--5\/9 {
        width: 55.5555555556%; }
      .vf .grid__item--7\/9 {
        width: 77.7777777778%; }
      .vf .grid__item--8\/9 {
        width: 88.8888888889%; }
      .vf .grid__item--1\/10 {
        width: 10%; }
      .vf .grid__item--3\/10 {
        width: 30%; }
      .vf .grid__item--7\/10 {
        width: 70%; }
      .vf .grid__item--9\/10 {
        width: 90%; }
      .vf .grid__item--1\/11 {
        width: 9.0909090909%; }
      .vf .grid__item--2\/11 {
        width: 18.1818181818%; }
      .vf .grid__item--3\/11 {
        width: 27.2727272727%; }
      .vf .grid__item--4\/11 {
        width: 36.3636363636%; }
      .vf .grid__item--5\/11 {
        width: 45.4545454545%; }
      .vf .grid__item--6\/11 {
        width: 54.5454545455%; }
      .vf .grid__item--7\/11 {
        width: 63.6363636364%; }
      .vf .grid__item--8\/11 {
        width: 72.7272727273%; }
      .vf .grid__item--9\/11 {
        width: 81.8181818182%; }
      .vf .grid__item--10\/11 {
        width: 90.9090909091%; }
      .vf .grid__item--1\/12 {
        width: 8.3333333333%; }
      .vf .grid__item--5\/12 {
        width: 41.6666666667%; }
      .vf .grid__item--7\/12 {
        width: 58.3333333333%; }
      .vf .grid__item--11\/12 {
        width: 91.6666666667%; }
      @media only screen and (max-width: 970px) {
        .vf .grid__item--md-1\/1 {
          width: 100%; }
        .vf .grid__item--md-1\/2 {
          width: 50%; }
        .vf .grid__item--md-1\/3 {
          width: 33.3333333333%; }
        .vf .grid__item--md-2\/3 {
          width: 66.6666666667%; }
        .vf .grid__item--md-1\/4 {
          width: 25%; }
        .vf .grid__item--md-3\/4 {
          width: 75%; }
        .vf .grid__item--md-1\/5 {
          width: 20%; }
        .vf .grid__item--md-2\/5 {
          width: 40%; }
        .vf .grid__item--md-3\/5 {
          width: 60%; }
        .vf .grid__item--md-4\/5 {
          width: 80%; }
        .vf .grid__item--md-1\/6 {
          width: 16.6666666667%; }
        .vf .grid__item--md-5\/6 {
          width: 83.3333333333%; }
        .vf .grid__item--md-1\/7 {
          width: 14.2857142857%; }
        .vf .grid__item--md-2\/7 {
          width: 28.5714285714%; }
        .vf .grid__item--md-3\/7 {
          width: 42.8571428571%; }
        .vf .grid__item--md-4\/7 {
          width: 57.1428571429%; }
        .vf .grid__item--md-5\/7 {
          width: 71.4285714286%; }
        .vf .grid__item--md-6\/7 {
          width: 85.7142857143%; }
        .vf .grid__item--md-1\/8 {
          width: 12.5%; }
        .vf .grid__item--md-3\/8 {
          width: 37.5%; }
        .vf .grid__item--md-5\/8 {
          width: 62.5%; }
        .vf .grid__item--md-7\/8 {
          width: 87.5%; }
        .vf .grid__item--md-1\/9 {
          width: 11.1111111111%; }
        .vf .grid__item--md-2\/9 {
          width: 22.2222222222%; }
        .vf .grid__item--md-4\/9 {
          width: 44.4444444444%; }
        .vf .grid__item--md-5\/9 {
          width: 55.5555555556%; }
        .vf .grid__item--md-7\/9 {
          width: 77.7777777778%; }
        .vf .grid__item--md-8\/9 {
          width: 88.8888888889%; }
        .vf .grid__item--md-1\/10 {
          width: 10%; }
        .vf .grid__item--md-3\/10 {
          width: 30%; }
        .vf .grid__item--md-7\/10 {
          width: 70%; }
        .vf .grid__item--md-9\/10 {
          width: 90%; }
        .vf .grid__item--md-1\/11 {
          width: 9.0909090909%; }
        .vf .grid__item--md-2\/11 {
          width: 18.1818181818%; }
        .vf .grid__item--md-3\/11 {
          width: 27.2727272727%; }
        .vf .grid__item--md-4\/11 {
          width: 36.3636363636%; }
        .vf .grid__item--md-5\/11 {
          width: 45.4545454545%; }
        .vf .grid__item--md-6\/11 {
          width: 54.5454545455%; }
        .vf .grid__item--md-7\/11 {
          width: 63.6363636364%; }
        .vf .grid__item--md-8\/11 {
          width: 72.7272727273%; }
        .vf .grid__item--md-9\/11 {
          width: 81.8181818182%; }
        .vf .grid__item--md-10\/11 {
          width: 90.9090909091%; }
        .vf .grid__item--md-1\/12 {
          width: 8.3333333333%; }
        .vf .grid__item--md-5\/12 {
          width: 41.6666666667%; }
        .vf .grid__item--md-7\/12 {
          width: 58.3333333333%; }
        .vf .grid__item--md-11\/12 {
          width: 91.6666666667%; } }
      @media only screen and (max-width: 639px) {
        .vf .grid__item--sm-1\/1 {
          width: 100%; }
        .vf .grid__item--sm-1\/2 {
          width: 50%; }
        .vf .grid__item--sm-1\/3 {
          width: 33.3333333333%; }
        .vf .grid__item--sm-2\/3 {
          width: 66.6666666667%; }
        .vf .grid__item--sm-1\/4 {
          width: 25%; }
        .vf .grid__item--sm-3\/4 {
          width: 75%; }
        .vf .grid__item--sm-1\/5 {
          width: 20%; }
        .vf .grid__item--sm-2\/5 {
          width: 40%; }
        .vf .grid__item--sm-3\/5 {
          width: 60%; }
        .vf .grid__item--sm-4\/5 {
          width: 80%; }
        .vf .grid__item--sm-1\/6 {
          width: 16.6666666667%; }
        .vf .grid__item--sm-5\/6 {
          width: 83.3333333333%; }
        .vf .grid__item--sm-1\/7 {
          width: 14.2857142857%; }
        .vf .grid__item--sm-2\/7 {
          width: 28.5714285714%; }
        .vf .grid__item--sm-3\/7 {
          width: 42.8571428571%; }
        .vf .grid__item--sm-4\/7 {
          width: 57.1428571429%; }
        .vf .grid__item--sm-5\/7 {
          width: 71.4285714286%; }
        .vf .grid__item--sm-6\/7 {
          width: 85.7142857143%; }
        .vf .grid__item--sm-1\/8 {
          width: 12.5%; }
        .vf .grid__item--sm-3\/8 {
          width: 37.5%; }
        .vf .grid__item--sm-5\/8 {
          width: 62.5%; }
        .vf .grid__item--sm-7\/8 {
          width: 87.5%; }
        .vf .grid__item--sm-1\/9 {
          width: 11.1111111111%; }
        .vf .grid__item--sm-2\/9 {
          width: 22.2222222222%; }
        .vf .grid__item--sm-4\/9 {
          width: 44.4444444444%; }
        .vf .grid__item--sm-5\/9 {
          width: 55.5555555556%; }
        .vf .grid__item--sm-7\/9 {
          width: 77.7777777778%; }
        .vf .grid__item--sm-8\/9 {
          width: 88.8888888889%; }
        .vf .grid__item--sm-1\/10 {
          width: 10%; }
        .vf .grid__item--sm-3\/10 {
          width: 30%; }
        .vf .grid__item--sm-7\/10 {
          width: 70%; }
        .vf .grid__item--sm-9\/10 {
          width: 90%; }
        .vf .grid__item--sm-1\/11 {
          width: 9.0909090909%; }
        .vf .grid__item--sm-2\/11 {
          width: 18.1818181818%; }
        .vf .grid__item--sm-3\/11 {
          width: 27.2727272727%; }
        .vf .grid__item--sm-4\/11 {
          width: 36.3636363636%; }
        .vf .grid__item--sm-5\/11 {
          width: 45.4545454545%; }
        .vf .grid__item--sm-6\/11 {
          width: 54.5454545455%; }
        .vf .grid__item--sm-7\/11 {
          width: 63.6363636364%; }
        .vf .grid__item--sm-8\/11 {
          width: 72.7272727273%; }
        .vf .grid__item--sm-9\/11 {
          width: 81.8181818182%; }
        .vf .grid__item--sm-10\/11 {
          width: 90.9090909091%; }
        .vf .grid__item--sm-1\/12 {
          width: 8.3333333333%; }
        .vf .grid__item--sm-5\/12 {
          width: 41.6666666667%; }
        .vf .grid__item--sm-7\/12 {
          width: 58.3333333333%; }
        .vf .grid__item--sm-11\/12 {
          width: 91.6666666667%; } }
      .vf .grid__item--gutter {
        padding: 0 10px; }
      .vf .grid__item--half-gutter {
        padding: 0 5px; }
      .vf .grid__item--align-left {
        text-align: left; }
      .vf .grid__item--align-center {
        text-align: center; }
      .vf .grid__item--align-right {
        text-align: right; }
      .vf .grid__item--top {
        vertical-align: top; }
      .vf .grid__item--middle {
        vertical-align: middle; }
      .vf .grid__item--bottom {
        vertical-align: bottom; }
      .vf .grid__item--pull {
        float: left; }
      .vf .grid__item--push {
        float: right; }
      .vf .grid__item--auto {
        height: auto; }
      .vf .grid__item--bullet {
        position: relative;
        padding-left: 25px; }
        .vf .grid__item--bullet::before {
          content: "";
          width: 5px;
          height: 5px;
          left: 10px;
          background: #333333;
          border-radius: 50%;
          position: absolute;
          margin-top: 8px; }
  @media only screen and (max-width: 970px) {
    .vf .grid__item--md-align-left {
      text-align: left; }
    .vf .grid__item--md-align-center {
      text-align: center; }
    .vf .grid__item--md-align-right {
      text-align: right; }
    .vf .grid__item--md-top {
      vertical-align: top; }
    .vf .grid__item--md-middle {
      vertical-align: middle; }
    .vf .grid__item--md-bottom {
      vertical-align: bottom; }
    .vf .grid__item--md-pull {
      float: left; }
    .vf .grid__item--md-push {
      float: right; } }
  @media only screen and (max-width: 639px) {
    .vf .grid--gutter {
      margin: 0 -5px; }
    .vf .grid--half-gutter {
      padding: 0 -5px; }
    .vf .grid__item--gutter {
      padding: 0 5px 10px; }
    .vf .grid__item--half-gutter {
      padding: 0 5px 10px; }
    .vf .grid__item--sm-align-left {
      text-align: left; }
    .vf .grid__item--sm-align-center {
      text-align: center; }
    .vf .grid__item--sm-align-right {
      text-align: right; }
    .vf .grid__item--sm-top {
      vertical-align: top; }
    .vf .grid__item--sm-middle {
      vertical-align: middle; }
    .vf .grid__item--sm-bottom {
      vertical-align: bottom; }
    .vf .grid__item--sm-pull {
      float: left; }
    .vf .grid__item--sm-push {
      float: right; }
    .vf .grid__item--bullet {
      padding-left: 25px; } }
  .vf .vf_image a {
    display: block; }
  @media not all and (min-resolution: 0.001dpcm) {
    .vf .grid {
      font-size: 0; }
      .vf .grid__item {
        font-size: 18px; } }

.vf .icon {
  display: inline-block;
  fill: none;
  stroke: currentColor;
  stroke-width: .4em;
  vertical-align: middle; }
  .vf .icon--thin {
    stroke-width: .15em; }
  .vf .icon--thick {
    stroke-width: 1.5em; }
  .vf .icon--full {
    width: 100%;
    height: 100%; }
  .vf .icon--extra-small {
    width: 20px;
    height: 20px; }
  .vf .icon--middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .vf .icon--small {
    width: 28px;
    height: 28px; }
  .vf .icon--medium {
    width: 36px;
    height: 36px; }
  .vf .icon--large, .vf .accordion__heading--link-tile .link__icon {
    width: 44px;
    height: 44px; }
  .vf .icon--extra-large {
    width: 60px;
    height: 60px; }
  .vf .icon:hover {
    fill: none;
    stroke: currentColor; }
  .vf .icon--fill, .vf .icon--fill:hover {
    stroke: none;
    stroke-width: 0;
    fill: currentColor; }
  .vf .icon--light {
    stroke: white; }
    .vf .icon--light:hover {
      stroke: white; }
  .vf .icon--captioned {
    vertical-align: text-top; }
  .vf .icon--pad {
    padding: 5px; }
  .vf .icon--empty, .vf .icon--empty:hover {
    stroke: none;
    stroke-width: 0;
    fill: none; }
  .vf .icon--fix {
    display: inline !important; }
  .vf .icon--disabled {
    opacity: .5; }
  .vf .icon--green {
    color: #428600; }
  .vf .icon--red {
    color: #E60000; }
  .vf .icon--mine-shaft {
    color: #333333; }
  .vf .icon--circle {
    border-radius: 100%;
    background-color: currentColor;
    width: 30px;
    height: 30px;
    position: relative; }
    .vf .icon--circle--red {
      background-color: #990000;
      color: white; }
    .vf .icon--circle--green {
      background-color: #428600;
      color: white; }
    .vf .icon--circle .icon {
      width: 16px;
      height: 16px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .vf .icon--circle--lg {
      width: 40px;
      height: 40px; }
      .vf .icon--circle--lg .icon {
        width: 22px;
        height: 22px; }
  .vf .icon--circle-background {
    position: relative;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: white;
    background-color: rgba(0, 0, 0, 0.4); }
    .vf .icon--circle-background--large {
      width: 200px;
      height: 200px; }
    .vf .icon--circle-background--medium {
      width: 100px;
      height: 100px; }
    .vf .icon--circle-background--small {
      width: 50px;
      height: 50px; }
    .vf .icon--circle-background--cerulean {
      background-color: #00B0CA; }
  .vf .icon__informative {
    top: 4px;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .vf .icon__informative .icon {
      width: 14px;
      height: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer; }
  .vf .icon--link {
    cursor: pointer; }

@media only screen and (max-width: 970px) {
  .vf .icon--extra-small {
    width: 18px;
    height: 18px; }
  .vf .icon--small {
    width: 24px;
    height: 24px; }
  .vf .icon--medium {
    width: 36px;
    height: 36px; }
  .vf .icon--large, .vf .accordion__heading--link-tile .link__icon {
    width: 44px;
    height: 44px; }
  .vf .icon--extra-large {
    width: 52px;
    height: 52px; } }

@media only screen and (max-width: 639px) {
  .vf .icon--extra-small {
    width: 16px;
    height: 16px; }
  .vf .icon--small {
    width: 20px;
    height: 20px; }
  .vf .icon--medium {
    width: 28px;
    height: 28px; }
  .vf .icon--large, .vf .accordion__heading--link-tile .link__icon {
    width: 36px;
    height: 36px; }
  .vf .icon--extra-large {
    width: 52px;
    height: 52px; } }

.vf .media {
  display: table;
  width: 100%; }
  .vf .media::before, .vf .media::after {
    content: " ";
    display: table; }
  .vf .media::after {
    clear: both; }
  .vf .media--gutter {
    margin: 0 -10px; }
    .vf .media--gutter--slim {
      margin: 0 -5px; }
  .vf .media--no-gutter-bottom {
    margin: 0 0 -20px 0; }
  .vf .media--auto {
    width: auto; }
  .vf .media--align-center {
    table-layout: fixed; }
  .vf .media--reverse {
    direction: rtl; }
  .vf .media__image, .vf .media__body {
    display: table-cell;
    vertical-align: top; }
  .vf .media--align-center .vf .media__image,
  .vf .media--align-center .vf .media__body {
    width: 100%; }
  .vf .media--gutter .vf .media__image,
  .vf .media--gutter .vf .media__body {
    padding: 0 10px; }
  .vf .media--gutter--slim .vf .media__image,
  .vf .media--gutter--slim .vf .media__body {
    padding: 0 5px; }
  .vf .media--middle .vf .media__image,
  .vf .media--middle .vf .media__body {
    vertical-align: middle; }
  .vf .media--bottom .vf .media__image,
  .vf .media--bottom .vf .media__body {
    vertical-align: bottom; }
  .vf .media__image {
    text-align: right; }
  .vf .media--reverse .vf .media__image {
    text-align: left; }
  .vf .media__body {
    text-align: left; }
    .vf .media__body--full {
      width: 100%; }
  .vf .media--reverse .vf .media__body {
    text-align: right; }

@media only screen and (max-width: 639px) {
  .vf .media__image {
    text-align: left; }
  .vf .media--gutter .vf .media__image {
    padding: 0; } }

.vf .row::before, .vf .row::after {
  content: " ";
  display: table; }

.vf .row::after {
  clear: both; }

.vf .section {
  position: relative; }
  .vf .section::before, .vf .section::after {
    content: " ";
    display: table; }
  .vf .section::after {
    clear: both; }
  .vf .section--break {
    margin-bottom: 50px;
    margin-top: 2px; }
  .vf .section--abbey, .vf .section--blue-lagoon, .vf .section--dove-gray, .vf .section--gallery, .vf .section--mine-shaft, .vf .section--ruled, .vf .section--ruled-top, .vf .section--silver, .vf .section--transparent, .vf .section--white, .vf .section--red, .vf .section--grey, .vf .section--red-violet, .vf .section--red-aubergine, .vf .section--turquoise, .vf .section--aqua-blue, .vf .section--spring-green, .vf .section--lemon-yellow, .vf .section--fresh-orange, .vf .section--black, .vf .section--maroon, .vf .section--dark-red, .vf .section--digital-green, .vf .section--wild-sand {
    padding: 50px 0; }
    .vf .section--abbey--leading, .vf .section--blue-lagoon--leading, .vf .section--dove-gray--leading, .vf .section--gallery--leading, .vf .section--mine-shaft--leading, .vf .section--ruled--leading, .vf .section--ruled-top--leading, .vf .section--silver--leading, .vf .section--transparent--leading, .vf .section--white--leading, .vf .section--red--leading, .vf .section--grey--leading, .vf .section--red-violet--leading, .vf .section--red-aubergine--leading, .vf .section--turquoise--leading, .vf .section--aqua-blue--leading, .vf .section--spring-green--leading, .vf .section--lemon-yellow--leading, .vf .section--fresh-orange--leading, .vf .section--black--leading, .vf .section--maroon--leading, .vf .section--dark-red--leading, .vf .section--digital-green--leading, .vf .section--wild-sand--leading {
      padding-top: 0; }
    .vf .section--abbey--trailing, .vf .section--blue-lagoon--trailing, .vf .section--dove-gray--trailing, .vf .section--gallery--trailing, .vf .section--mine-shaft--trailing, .vf .section--ruled--trailing, .vf .section--ruled-top--trailing, .vf .section--silver--trailing, .vf .section--transparent--trailing, .vf .section--white--trailing, .vf .section--red--trailing, .vf .section--grey--trailing, .vf .section--red-violet--trailing, .vf .section--red-aubergine--trailing, .vf .section--turquoise--trailing, .vf .section--aqua-blue--trailing, .vf .section--spring-green--trailing, .vf .section--lemon-yellow--trailing, .vf .section--fresh-orange--trailing, .vf .section--black--trailing, .vf .section--maroon--trailing, .vf .section--dark-red--trailing, .vf .section--digital-green--trailing, .vf .section--wild-sand--trailing {
      padding-bottom: 0; }
  .vf .section--red {
    background-color: #E60000;
    color: white; }
  .vf .section--seance {
    background-color: #9C2AA0;
    color: white; }
  .vf .section--abbey {
    background-color: #4A4D4E;
    color: white; }
  .vf .section--finn {
    background-color: #5E2750;
    color: white; }
  .vf .section--cerulean {
    background-color: #00B0CA;
    color: white; }
  .vf .section--buddha-gold {
    background-color: #A8B400;
    color: white; }
  .vf .section--supernova {
    background-color: #FECB00;
    color: white; }
  .vf .section--tangerine {
    background-color: #EB9700;
    color: white; }
  .vf .section--black {
    background-color: black;
    color: white; }
  .vf .section--red-berry {
    background-color: #990000;
    color: white; }
  .vf .section--guardsman-red {
    background-color: #BD0000;
    color: white; }
  .vf .section--limeade {
    background-color: #428600;
    color: white; }
  .vf .section--gallery {
    background-color: #EBEBEB;
    color: #333333; }
  .vf .section--wild-sand {
    background-color: #F4F4F4;
    color: #333333; }
  .vf .section--mine-shaft {
    background-color: #333333;
    color: white; }
  .vf .section--silver {
    background-color: #CCCCCC;
    color: white; }
  .vf .section--white {
    background-color: white;
    color: #333333; }
  .vf .section--blue-lagoon {
    background-color: #007C92;
    color: white; }
  .vf .section--dove-gray {
    background-color: #666666;
    color: white; }
  .vf .section--transparent {
    background-color: transparent;
    color: #333333; }
  .vf .section--ruled {
    border-bottom: 1px solid #AFAFAF; }
  .vf .section--ruled-top {
    border-top: 1px solid #AFAFAF; }
  .vf .section--card {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
  .vf .section--narrow {
    padding-left: 20px;
    padding-right: 20px; }
  .vf .section__flush {
    padding: 50px 0; }
    .vf .section__flush--top {
      padding-top: 50px; }
    .vf .section__flush--bottom {
      padding-bottom: 50px; }
  .vf .section__gutter {
    margin: 50px 0; }
    .vf .section__gutter--top {
      margin-top: 50px; }
    .vf .section__gutter--bottom {
      margin-bottom: 50px; }
    .vf .section__gutter--left {
      margin-left: 50px; }
    .vf .section__gutter--right {
      margin-right: 50px; }
    .vf .section__gutter--half {
      margin: 25px 0; }
  .vf .section__level--zero {
    height: 460px; }
  .vf .section__level--one {
    height: 360px; }
  .vf .section__level--two {
    height: 260px; }
  .vf .section__level--three {
    height: 160px; }
  .vf .section--reset {
    padding: 0px; }
    .vf .section--reset--top {
      padding-top: 0px; }
    .vf .section--reset--bottom {
      padding-bottom: 0px; }
  .vf .section--10 {
    padding-left: 10px;
    padding-right: 10px; }
  .vf .section--20 {
    padding-left: 20px;
    padding-right: 20px; }
  .vf .section--25 {
    padding-left: 25px;
    padding-right: 25px; }
  .vf .section--50 {
    padding-left: 50px;
    padding-right: 50px; }

@media only screen and (max-width: 970px) {
  .vf .section--gutter {
    margin: 40px 0; }
    .vf .section--gutter--leading {
      margin-top: 0; }
  .vf .section--break {
    margin-bottom: 40px; }
  .vf .section--md-break {
    margin-bottom: 40px;
    margin-top: 2px; }
  .vf .section--abbey, .vf .section--gallery, .vf .section--wild-sand, .vf .section--silver, .vf .section--white, .vf .section--ruled, .vf .section--ruled-top, .vf .section--md-gallery, .vf .section--md-wild-sand, .vf .section--md-silver, .vf .section--md-ruled, .vf .section--md-ruled-top {
    padding: 40px 0; }
    .vf .section--abbey--leading, .vf .section--gallery--leading, .vf .section--wild-sand--leading, .vf .section--silver--leading, .vf .section--white--leading, .vf .section--ruled--leading, .vf .section--ruled-top--leading, .vf .section--md-gallery--leading, .vf .section--md-wild-sand--leading, .vf .section--md-silver--leading, .vf .section--md-ruled--leading, .vf .section--md-ruled-top--leading {
      padding-top: 0; }
    .vf .section--abbey--trailing, .vf .section--gallery--trailing, .vf .section--wild-sand--trailing, .vf .section--silver--trailing, .vf .section--white--trailing, .vf .section--ruled--trailing, .vf .section--ruled-top--trailing, .vf .section--md-gallery--trailing, .vf .section--md-wild-sand--trailing, .vf .section--md-silver--trailing, .vf .section--md-ruled--trailing, .vf .section--md-ruled-top--trailing {
      padding-bottom: 0; }
  .vf .section--md-gallery {
    background-color: #EBEBEB; }
  .vf .section--md-wild-sand {
    background-color: #F4F4F4; }
  .vf .section--md-silver {
    background-color: #CCCCCC; }
  .vf .section--vertical-gutter {
    padding-left: 20px;
    padding-right: 20px; }
  .vf .section__level--zero {
    height: 320px;
    padding: 40px 0; }
  .vf .section__level--one {
    height: 280px;
    padding: 40px 0; }
  .vf .section__level--two {
    height: 220px;
    padding: 40px 0; }
  .vf .section__level--three {
    height: 130px;
    padding: 0px; } }

@media only screen and (max-width: 639px) {
  .vf .section--gutter {
    margin: 30px 0; }
    .vf .section--gutter--leading {
      margin-top: 0; }
  .vf .section--break {
    margin-bottom: 30px; }
  .vf .section--sm-break {
    margin-bottom: 2px; }
  .vf .section--abbey, .vf .section--gallery, .vf .section--wild-sand, .vf .section--silver, .vf .section--white, .vf .section--ruled, .vf .section--ruled-top, .vf .section--sm-gallery, .vf .section--sm-wild-sand, .vf .section--sm-silver, .vf .section--sm-ruled, .vf .section--sm-ruled-top {
    padding: 30px 0; }
    .vf .section--abbey--leading, .vf .section--gallery--leading, .vf .section--wild-sand--leading, .vf .section--silver--leading, .vf .section--white--leading, .vf .section--ruled--leading, .vf .section--ruled-top--leading, .vf .section--sm-gallery--leading, .vf .section--sm-wild-sand--leading, .vf .section--sm-silver--leading, .vf .section--sm-ruled--leading, .vf .section--sm-ruled-top--leading {
      padding-top: 0; }
    .vf .section--abbey--trailing, .vf .section--gallery--trailing, .vf .section--wild-sand--trailing, .vf .section--silver--trailing, .vf .section--white--trailing, .vf .section--ruled--trailing, .vf .section--ruled-top--trailing, .vf .section--sm-gallery--trailing, .vf .section--sm-wild-sand--trailing, .vf .section--sm-silver--trailing, .vf .section--sm-ruled--trailing, .vf .section--sm-ruled-top--trailing {
      padding-bottom: 0; }
  .vf .section--sm-gallery {
    background-color: #EBEBEB; }
  .vf .section--sm-wild-sand {
    background-color: #F4F4F4; }
  .vf .section--sm-silver {
    background-color: #CCCCCC; }
  .vf .section--sm-white {
    background-color: white; }
  .vf .section--narrow {
    padding-left: 10px;
    padding-right: 10px; }
  .vf .section--vertical-gutter {
    padding-left: 10px;
    padding-right: 10px; }
  .vf .section__level--zero {
    padding: 30px 0; }
  .vf .section__level--one {
    padding: 30px 0; }
  .vf .section__level--two {
    padding: 30px 0; }
  .vf .section__level--three {
    padding: 0px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vf .section {
    z-index: 0; } }

.vf .sidebar {
  display: table;
  width: 100%;
  position: relative; }
  .vf .sidebar__panel, .vf .sidebar__content {
    display: table-cell;
    vertical-align: top;
    position: relative; }
    .vf .sidebar__panel::before, .vf .sidebar__content::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: -99999px;
      z-index: 0; }
  .vf .sidebar__panel {
    width: 25%;
    color: white;
    background: #666666; }
    .vf .sidebar__panel::before {
      left: -100vw;
      right: 100%;
      background-color: #666666; }
    .vf .sidebar__panel--white {
      color: #333333;
      background: white;
      border-right: 1px solid rgba(102, 102, 102, 0.5); }
      .vf .sidebar__panel--white::before {
        background-color: white; }
    .vf .sidebar__panel__buttons {
      padding-right: 14px; }
    .vf .sidebar__panel__search {
      position: relative; }
      .vf .sidebar__panel__search--input {
        padding-right: 40px !important; }
        .vf .sidebar__panel__search--input-close {
          right: 10px !important; }
  .vf .sidebar__content {
    width: 75%;
    padding-left: 20px;
    background: #EBEBEB; }
    .vf .sidebar__content::before {
      left: 100%;
      right: -100vw;
      background-color: #EBEBEB; }
  .vf .sidebar > .spring {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex; }

@media only screen and (max-width: 970px) {
  .vf .sidebar {
    display: block;
    background: #EBEBEB;
    z-index: auto; }
    .vf .sidebar__panel {
      display: none; }
    .vf .sidebar__content {
      width: 100%;
      display: block;
      padding: 0;
      padding-top: 140px;
      float: none; }
      .vf .sidebar__content::before {
        right: 0; } }

.vf .spring {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 300px;
  padding: 0 10px;
  height: 100%; }
  .vf .spring--sm {
    max-width: 400px; }
  .vf .spring--md {
    max-width: 780px; }
  .vf .spring--flex {
    max-width: 600px; }
  .vf .spring--nested {
    min-width: auto;
    padding: 0 16.6666666667%; }
    .vf .spring--nested--small {
      padding: 0 8.3333333333%; }
  .vf .spring--reset {
    list-style-type: none; }
  .vf .spring--lg-flush {
    padding: 0; }

@media only screen and (max-width: 970px) {
  .vf .spring {
    padding: 0 20px; }
    .vf .spring--md-nested {
      padding: 0 16.6666666667%; }
    .vf .spring--md-flush {
      padding: 0; } }

@media only screen and (max-width: 639px) {
  .vf .spring {
    padding: 0 10px; }
    .vf .spring--nested {
      padding: 0; }
    .vf .spring--sm-flush {
      padding: 0; } }

.vf .accordion {
  list-style: none;
  padding: 0;
  color: black; }
  .vf .accordion__item {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0 0 10px;
    background: white;
    width: 100%; }
    .vf .accordion__item--strip {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 0; }
    .vf .accordion__item--bar-cerulean, .vf .accordion__item--bar-seance, .vf .accordion__item--bar-abbey, .vf .accordion__item--bar-red {
      border-left: 6px solid #4A4D4E; }
    .vf .accordion__item--bar-cerulean {
      border-color: #00B0CA; }
    .vf .accordion__item--bar-seance {
      border-color: #9C2AA0; }
    .vf .accordion__item--bar-abbey {
      border-color: #4A4D4E; }
    .vf .accordion__item--bar-red {
      border-color: #E60000; }
  .vf .accordion__heading {
    font-size: 22px;
    margin: 0;
    overflow: hidden;
    line-height: 1.3em;
    padding: 30px 40px; }
    .vf .accordion__heading::before, .vf .accordion__heading::after {
      content: " ";
      display: table; }
    .vf .accordion__heading::after {
      clear: both; }
    .vf .accordion__heading:hover {
      cursor: pointer; }
    .vf .accordion__heading--slim {
      padding: 14px 30px 15px; }
    .vf .accordion__heading--slimer {
      padding: 14px 20px 15px; }
    .vf .accordion__heading--medium {
      padding: 22px 40px 24px; }
    .vf .accordion__heading--link-tile {
      padding: 22px; }
    .vf .accordion__heading--term {
      font-size: 18px; }
    .vf .accordion__heading .chevron__text {
      text-align: left; }
  .vf .accordion--spring .vf .accordion__heading {
    border-bottom: none;
    padding: 16px 16.6666666667%; }
  .vf .accordion--eqrows .vf .accordion__heading {
    border-bottom: none; }
    .vf .accordion--eqrows .vf .accordion__heading--eqrows {
      font-size: 0; }
  .vf .accordion__eqrows-content::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .vf .accordion__eqrows-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle; }
  .vf .accordion__sub-heading {
    font-size: 18px; }
  .vf .accordion__chevron {
    color: #E60000;
    display: inline-block;
    padding-left: 20px;
    transform-origin: 50% 50%;
    transition: transform .4s; }
  .vf .accordion__heading--active .vf .accordion__chevron {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1); }
  .vf .accordion__content {
    display: block;
    border-top: 1px solid #CCCCCC;
    margin-right: 20px;
    margin-left: 20px;
    padding: 35px 20px; }
    .vf .accordion__content--slim {
      padding: 18px 30px 19px; }
    .vf .accordion__content--wild-sand {
      background-color: #F4F4F4; }
    .vf .accordion__content--item-slim {
      padding: 0 20px; }
    .vf .accordion__content--no-border {
      border: none; }
  .vf .accordion--spring .vf .accordion__content {
    padding: 26px 16.6666666667% 38px;
    margin-right: 0;
    margin-left: 0; }
  .vf .accordion__card {
    margin: 0 10px 10px; }
    .vf .accordion__card .icon {
      color: #E60000; }
  .vf .accordion__card .vf .accordion__content {
    border-top: 0; }
  .vf .accordion--wide .vf .accordion__content {
    padding: 30px 40px 30px 50px;
    margin-right: 0;
    margin-left: 0; }
  .vf .accordion--wide .vf .accordion__heading {
    border-bottom: none;
    padding: 15px 40px 15px 50px; }

.vf .csstransitions .accordion__heading--active .vf .csstransitions .accordion__chevron {
  transform: rotate(180deg); }

.vf .js .accordion__content--collapse {
  display: none; }

@media only screen and (max-width: 970px) {
  .vf .accordion__heading {
    font-size: 20px;
    padding: 25px 30px; }
    .vf .accordion__heading--slim {
      padding: 14px 30px 15px; }
  .vf .accordion--spring .vf .accordion__heading {
    padding: 20px; }
  .vf .accordion__content {
    padding: 25px 15px;
    margin-right: 15px;
    margin-left: 15px; }
    .vf .accordion__content--slim {
      padding: 18px 30px 19px; }
  .vf .accordion--spring .vf .accordion__content {
    margin-right: 0;
    margin-left: 0;
    padding: 20px; } }

@media only screen and (max-width: 639px) {
  .vf .accordion__heading {
    font-size: 18px;
    padding: 20px;
    line-height: 1.2em; }
    .vf .accordion__heading--slim {
      padding: 14px 15px 15px; }
  .vf .accordion--spring .vf .accordion__heading {
    padding: 10px; }
  .vf .accordion__content {
    margin-right: 10px;
    margin-left: 10px;
    padding: 20px 0 15px; }
    .vf .accordion__content--slim {
      padding: 18px 15px 19px; }
    .vf .accordion__content--item-slim {
      padding: 0; }
  .vf .accordion--spring .vf .accordion__content {
    margin-right: 0;
    margin-left: 0;
    padding: 10px; }
  .vf .accordion--wide .vf .accordion__heading {
    padding: 15px 20px; }
  .vf .accordion--wide .vf .accordion__content {
    padding: 20px; } }

.vf .accordion__heading--active .accordion__chevron {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1); }

.vf .alert {
  background-color: #4A4D4E;
  color: white;
  border: 1px solid transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  text-align: left;
  font-size: 18px; }
  .vf .alert--arrow {
    margin-bottom: 12px; }
  .vf .alert--light,
  .vf .alert--light-wrapper .vf .alert {
    background-color: white;
    color: #333333; }
  .vf .alert--warning {
    border-color: #9C2AA0; }
  .vf .alert--error {
    border-color: #FECB00; }
  .vf .alert--info {
    border-color: #00B0CA; }
  .vf .alert--success {
    border-color: #428600; }
  .vf .alert__media {
    border-right: none;
    padding: 11px 15px;
    position: relative;
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px; }
  .vf .alert__media .vf .alert__icon.icon {
    position: relative;
    right: auto;
    top: auto;
    transform: inherit; }
  .vf .alert--warning .vf .alert__media {
    background-color: #9C2AA0; }
  .vf .alert--error .vf .alert__media {
    background-color: #FECB00;
    color: white; }
  .vf .alert--info .vf .alert__media {
    background-color: #00B0CA;
    color: white; }
  .vf .alert--success .vf .alert__media {
    background-color: #428600;
    color: white; }
  .vf .alert__text {
    padding: 12px 20px; }
    .vf .alert__text--half {
      padding: 6px 10px;
      font-size: 14px; }
  .vf .alert__icon {
    color: #333333; }
  .vf .alert--warning.alert--arrow .vf .alert__media::before, .vf .alert--warning.alert--arrow .vf .alert__media::after {
    border: 8px solid transparent;
    border-top-color: #9C2AA0;
    display: block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    margin-left: -8px;
    content: "";
    position: absolute;
    top: 100%; }
  .vf .alert--warning.alert--arrow .vf .alert__media::after {
    margin-top: -1px;
    border-top-color: #9C2AA0; }
  .vf .alert--error.alert--arrow .vf .alert__media::before, .vf .alert--error.alert--arrow .vf .alert__media::after {
    border: 8px solid transparent;
    border-top-color: #FECB00;
    display: block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    margin-left: -8px;
    content: "";
    position: absolute;
    top: 100%; }
  .vf .alert--error.alert--arrow .vf .alert__media::after {
    margin-top: -1px;
    border-top-color: #FECB00; }
  .vf .alert--info.alert--arrow .vf .alert__media::before, .vf .alert--info.alert--arrow .vf .alert__media::after {
    border: 8px solid transparent;
    border-top-color: #00B0CA;
    display: block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    margin-left: -8px;
    content: "";
    position: absolute;
    top: 100%; }
  .vf .alert--info.alert--arrow .vf .alert__media::after {
    margin-top: -1px;
    border-top-color: #00B0CA; }
  .vf .alert--success.alert--arrow .vf .alert__media::before, .vf .alert--success.alert--arrow .vf .alert__media::after {
    border: 8px solid transparent;
    border-top-color: #428600;
    display: block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    margin-left: -8px;
    content: "";
    position: absolute;
    top: 100%; }
  .vf .alert--success.alert--arrow .vf .alert__media::after {
    margin-top: -1px;
    border-top-color: #428600; }

@media only screen and (max-width: 970px) {
  .vf .alert {
    font-size: 18px; } }

@media only screen and (max-width: 639px) {
  .vf .alert {
    font-size: 16px; } }

.vf .alert__media .alert__icon.icon {
  position: relative;
  right: auto;
  top: auto;
  transform: inherit; }

.vf .alert--warning .alert__media {
  background-color: #9C2AA0; }

.vf .alert--warning.alert--arrow .alert__media::before, .vf .alert--warning.alert--arrow .alert__media::after {
  border: 8px solid transparent;
  border-top-color: #9C2AA0;
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  margin-left: -8px;
  content: "";
  position: absolute;
  top: 100%; }

.vf .alert--warning.alert--arrow .alert__media::after {
  margin-top: -1px;
  border-top-color: #9C2AA0; }

.vf .alert--error .alert__media {
  background-color: #FECB00;
  color: white; }

.vf .alert--error.alert--arrow .alert__media::before, .vf .alert--error.alert--arrow .alert__media::after {
  border: 8px solid transparent;
  border-top-color: #FECB00;
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  margin-left: -8px;
  content: "";
  position: absolute;
  top: 100%; }

.vf .alert--error.alert--arrow .alert__media::after {
  margin-top: -1px;
  border-top-color: #FECB00; }

.vf .alert--info .alert__media {
  background-color: #00B0CA;
  color: white; }

.vf .alert--info.alert--arrow .alert__media::before, .vf .alert--info.alert--arrow .alert__media::after {
  border: 8px solid transparent;
  border-top-color: #00B0CA;
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  margin-left: -8px;
  content: "";
  position: absolute;
  top: 100%; }

.vf .alert--info.alert--arrow .alert__media::after {
  margin-top: -1px;
  border-top-color: #00B0CA; }

.vf .alert--success .alert__media {
  background-color: #428600;
  color: white; }

.vf .alert--success.alert--arrow .alert__media::before, .vf .alert--success.alert--arrow .alert__media::after {
  border: 8px solid transparent;
  border-top-color: #428600;
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  margin-left: -8px;
  content: "";
  position: absolute;
  top: 100%; }

.vf .alert--success.alert--arrow .alert__media::after {
  margin-top: -1px;
  border-top-color: #428600; }

.vf .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  padding: 11px 37px;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  font-family: "VodafoneRegular";
  position: relative; }
  .vf .button:hover {
    cursor: pointer; }
  .vf .button--reset {
    border: none;
    padding: 0;
    background: none; }
  .vf .button--primary {
    color: white;
    background-color: #E60000; }
    .vf .button--primary:hover {
      background-color: #990000; }
    .vf .button--primary--dark {
      background-color: #BD0000;
      color: white; }
      .vf .button--primary--dark:hover {
        background-color: #900; }
  .vf .button--secondary {
    color: white;
    background-color: #666666; }
    .vf .button--secondary:hover {
      background-color: #333333; }
    .vf .button--secondary--dark {
      background-color: #AFAFAF;
      color: #333333; }
      .vf .button--secondary--dark:hover {
        background-color: #CCCCCC; }
  .vf .button--tertiary {
    background-color: white;
    border-color: #999999;
    color: #666666; }
    .vf .button--tertiary:hover {
      background-color: #F4F4F4;
      border-color: #333333;
      color: #333333; }
    .vf .button--tertiary--dark {
      background-color: transparent;
      border-color: #CCCCCC;
      color: white; }
      .vf .button--tertiary--dark:hover {
        background-color: #F4F4F4;
        border-color: #333333;
        color: #333333; }
      .vf .button--tertiary--dark:focus {
        color: #333333;
        background-color: #F4F4F4; }
  .vf .button--quaternary {
    color: white;
    background-color: #333333; }
    .vf .button--quaternary:hover {
      background-color: #CCCCCC; }
    .vf .button--quaternary--dark {
      background-color: #333333;
      color: white; }
      .vf .button--quaternary--dark:hover {
        background-color: #CCCCCC; }
  .vf .button--confirm {
    color: white;
    background-color: #428600; }
    .vf .button--confirm:hover {
      background-color: #295300; }
  .vf .button--transparent {
    background-color: transparent;
    border-color: white;
    color: white; }
  .vf .button--blend {
    color: currentColor;
    border-color: currentColor;
    background-color: transparent; }
  .vf .button--location {
    padding: 9px 38px; }
  .vf .button--block {
    display: block; }
  .vf .button--full-width {
    display: block;
    width: 100%;
    text-align: center; }
  .vf .button--square {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0; }
  .vf .button--trailing {
    margin-bottom: 10px; }
  .vf .button--disabled, .vf .button--disabled:hover, .vf .button--disabled:focus {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    color: white;
    cursor: default; }
  .vf .button--disabled--dark, .vf .button--disabled--dark:hover, .vf .button--disabled--dark:focus, .vf .button--disabled.button--primary--dark, .vf .button--disabled.button--primary--dark:hover, .vf .button--disabled.button--primary--dark:focus, .vf .button--disabled.button--secondary--dark, .vf .button--disabled.button--secondary--dark:hover, .vf .button--disabled.button--secondary--dark:focus {
    background-color: #666666;
    border-color: #666666;
    color: #333333;
    cursor: default; }
  .vf .button--pay {
    padding-left: 70px;
    padding-right: 70px; }
  .vf .button__icon {
    margin-right: 10px; }
  .vf .button--align {
    width: 100%;
    display: block; }
  .vf .button--sm-gutter {
    margin-bottom: 10px !important; }

.vf button[data-balloon] {
  overflow: visible; }

@media only screen and (max-width: 639px) {
  .vf .button {
    display: block;
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%; }
    .vf .button--inline {
      display: inline-block;
      width: auto; }
    .vf .button--square {
      width: 45px;
      height: 45px;
      float: right;
      margin-right: 5px; } }

.vf .caption {
  display: table; }
  .vf .caption__media, .vf .caption__text {
    display: table-cell;
    vertical-align: middle; }
  .vf .caption__media--top {
    vertical-align: top; }
  .vf .caption__text--gutter {
    padding-left: 10px; }
  .vf .caption__text--top {
    vertical-align: top; }
  .vf .caption__text--left {
    text-align: left; }
  .vf .caption--center {
    margin: 0 auto; }
  .vf .caption__icon-wrapper {
    width: 32px;
    height: 32px;
    color: white;
    margin-right: 20px;
    display: inline-block;
    border-radius: 50%;
    position: relative; }
    .vf .caption__icon-wrapper--la-palma {
      background-color: #41871B; }
  .vf .caption__icon {
    width: 100%;
    width: 20px;
    height: 20px; }

.vf .chevron {
  display: table;
  position: relative;
  width: 100%; }
  .vf .chevron--inline {
    display: block; }
    .vf .chevron--inline--wrap {
      word-wrap: break-word; }
  .vf .chevron__text, .vf .chevron__container {
    display: table-cell;
    vertical-align: middle; }
  .vf .chevron__text--wide {
    width: 100%;
    padding-right: 25px; }
  .vf .chevron--inline .vf .chevron__text {
    display: inline; }
  .vf .chevron__container {
    line-height: 0;
    text-align: right; }
    .vf .chevron__container--float {
      float: right; }
  .vf .chevron--inline .vf .chevron__container {
    display: inline-block; }
  .vf .chevron__icon {
    font-size: 18px; }
    .vf .chevron__icon--inherit {
      color: inherit; }
    .vf .chevron__icon--white {
      color: white; }
    .vf .chevron__icon--red {
      color: #E60000; }
  .vf .chevron__back {
    height: 15px;
    width: 18px;
    float: left;
    margin-top: 4px; }
.vf .chevron--item {
  height: 80px; }

.vf .chevron--inline .chevron__text {
  display: inline; }

.vf .chevron--inline .chevron__container {
  display: inline-block; }

.vf .dialog {
  background-color: #333333;
  color: white;
  font-size: 18px;
  line-height: 1.333;
  font-family: "VodafoneRegular";
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  left: 0;
  top: -125%;
  bottom: 125%;
  transition: top .35s, bottom .35s;
  z-index: 9999; }
  .vf .dialog--light {
    background-color: #EBEBEB;
    color: black; }
  .vf .dialog--display {
    bottom: 0;
    top: 0; }
  .vf .dialog--scrollable {
    overflow-y: auto; }
  .vf .dialog--interstitial .vf .dialog__content {
    width: 100%; }
  .vf .dialog--interstitial .vf .dialog__close {
    display: none; }
  .vf .dialog__close-spring {
    height: auto;
    position: relative; }
  .vf .dialog__close {
    position: absolute;
    z-index: 1;
    right: 0;
    padding: 30px; }
  .vf .dialog__content {
    padding: 60px 0;
    height: auto;
    position: relative; }
    .vf .dialog__content--inline {
      display: none; }
  .vf .dialog__loading {
    text-align: center; }

@media only screen and (max-width: 970px) {
  .vf .dialog__spring {
    position: static; } }

.vf .form {
  margin: 0 2px 2px;
  /* Preventing outline on focus to be cutted off */ }
  .vf .form--dark {
    background-color: #333333;
    color: white;
    padding: 20px; }
  .vf .form--narrow {
    max-width: 400px;
    margin: 0px auto; }
  .vf .form__row {
    display: block;
    margin-top: 28px;
    position: relative; }
    .vf .form__row--inline {
      display: inline-block; }
    .vf .form__row--slim {
      margin-top: 20px; }
    .vf .form__row--medium {
      margin-top: 40px; }
    .vf .form__row--large {
      margin-top: 60px; }
    .vf .form__row--leading {
      margin-top: 0; }
    .vf .form__row--no-square {
      width: 100%; }
    .vf .form__row--one-square {
      width: calc(100% - 70px); }
    .vf .form__row--two-squares {
      width: calc(100% - 120px); }
    .vf .form__row--date .v-dropdown .dropdown-toggle {
      padding: 13px 40px 12px 15px; }
  .vf .form__label {
    display: block;
    margin-bottom: 9px; }
    .vf .form__label--checkable {
      display: inline-block;
      margin-bottom: 0;
      position: relative;
      vertical-align: middle;
      cursor: pointer; }
      .vf .form__label--checkable--ruled::after {
        border-bottom: 1px solid currentColor;
        content: "";
        display: block;
        margin-top: -3px; }
    .vf .form__label--required::after {
      content: " *";
      color: #E60000; }
    .vf .form__label--inline {
      display: inline-block; }
  .vf .form__input {
    background-color: white;
    border: 1px solid #999999;
    border-radius: 0;
    -webkit-box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, 0.1);
    color: #666666;
    display: block;
    position: relative;
    width: 100%;
    padding: 13px 20px 12px;
    font-size: 20px;
    height: 50px;
    font-family: "VodafoneRegular"; }
    .vf .form__input--shaded {
      -webkit-box-shadow: inset 0 5px 9px -7px rgba(0, 0, 0, 0.4), inset 5px 0 9px -7px rgba(0, 0, 0, 0.4);
      box-shadow: inset 0 5px 9px -7px rgba(0, 0, 0, 0.4), inset 5px 0 9px -7px rgba(0, 0, 0, 0.4); }
    .vf .form__input--error {
      border: #FECB00 solid 2px; }
    .vf .form__input::-ms-clear {
      display: none;
      height: 0;
      width: 0; }
    .vf .form__input--caption {
      margin-top: 14px; }
    .vf .form__input--selectable {
      background-color: transparent;
      overflow: hidden;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
      padding: 0; }
      .vf .form__input--selectable--dark {
        color: black;
        border-color: black; }
      .vf .form__input--selectable::before {
        background: #CCCCCC;
        bottom: 8px;
        content: "";
        position: absolute;
        right: 46px;
        top: 8px;
        width: 1px;
        z-index: 1;
        display: none; }
    .vf .form__input--select {
      display: inline-block; }
    .vf .form__input--range {
      background-color: transparent;
      border: none;
      padding: 0; }
    .vf .form__input--disabled {
      opacity: .5; }
    .vf .form__input--light {
      border: none; }
    .vf .form__input--small {
      height: 35px;
      padding: 10px; }
    .vf .form__input__clean {
      background-color: #999999;
      border-radius: 100%;
      color: white;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 25px;
      top: 50%;
      cursor: pointer;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .vf .form__input__clean .icon {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .vf .form__checkbox, .vf .form__radio {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: auto; }
  .vf .form__button {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    vertical-align: middle; }
    .vf .form__button--square {
      height: 50px;
      width: 50px;
      padding: 0; }
  .vf .form__checkbox--bubble + .vf .form__label {
    background-color: white;
    border-radius: 50%;
    line-height: 50px;
    transition: all .3s;
    width: 50px; }
  .vf .form__checkbox--bubble:checked + .vf .form__label {
    background-color: #BD0000;
    color: white; }
  .vf .form__checkbox--bubble:focus + .vf .form__label {
    outline: 2px solid #00B0CA; }
  .vf .form__select {
    width: 100%;
    border: none;
    padding: 12px 20px 11px; }
    .vf .form__select[disabled] {
      background-color: rgba(102, 102, 102, 0.5);
      border-color: rgba(102, 102, 102, 0.5); }
  .vf .form__icon {
    display: none;
    background: inherit;
    float: right;
    height: 22px;
    width: 22px;
    pointer-events: none;
    position: relative; }
    .vf .form__icon--red {
      background: #BD0000; }
  .vf .form .form__input[disabled] {
    background-color: white;
    color: #666666;
    -webkit-text-fill-color: #666666;
    opacity: 1;
    -webkit-opacity: 1; }

.vf .mouse-active .form__checkbox--bubble:focus + .form__label {
  outline: none; }

.vf .no-appearance .input-group__input {
  padding-right: inherit; }

.vf .appearance .form__input {
  padding: 13px 20px 12px; }
  .vf .appearance .form__input--selectable {
    padding-right: 14px; }
    .vf .appearance .form__input--selectable::before {
      display: none; }
  .vf .appearance .form__input--select {
    border: none;
    padding-left: 0; }

.vf .appearance .form__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  border-radius: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  padding-right: 45px;
  cursor: pointer; }
  .vf .appearance .form__select[disabled] {
    background-color: rgba(102, 102, 102, 0.5); }
  .vf .appearance .form__select::-ms-expand {
    display: none; }

.vf .appearance .form__icon {
  display: block; }

@media only screen and (max-width: 639px) {
  .vf .form__row {
    margin-top: 18px; }
    .vf .form__row--leading {
      margin-top: 0; }
    .vf .form__row--one-square, .vf .form__row--two-squares {
      width: 100%; }
  .vf .form__input, .vf .form__checkbox, .vf .form__radio {
    font-size: 18px;
    padding-top: 11px;
    padding-bottom: 12px;
    height: 45px; }
  .vf .form__checkbox, .vf .form__radio {
    height: auto; }
  .vf .form__checkbox--bubble + .vf .form__label {
    line-height: 35px;
    width: 35px; }
  .vf .form__heading {
    text-align: center; }
  .vf .form__input--small {
    height: 35px;
    width: 100%;
    float: right; }
  .vf .appearance .form__input {
    padding-top: 11px;
    padding-bottom: 12px; }
  .vf .appearance .form__select {
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 65px; } }

.vf .list {
  margin: 0;
  padding-left: 20px; }
  .vf .list--reset {
    list-style: none;
    padding-left: 0; }
  .vf .list--overflow {
    overflow: hidden; }
  .vf .list__item--lined {
    border-bottom: 1px solid #D6D6D6;
    margin: 0;
    padding: 20px 20px 20px 15px;
    text-align: left; }
  .vf .list__item--last {
    border-bottom: none; }
  .vf .list__horizontal {
    display: inline;
    padding-right: 10px; }
  .vf .list__term {
    font-family: "VodafoneRegularBold";
    margin-top: 20px; }
  .vf .list__definition {
    margin: 0; }

.vf .loading--button {
  display: inline-block;
  position: absolute;
  left: 80%;
  top: 15%;
  height: 30px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vf .loading--button {
    right: 0%; } }

.vf .heading {
  display: block;
  font-family: "VodafoneLight";
  font-weight: 400;
  line-height: 1em;
  margin: 0;
  width: 100%; }
  .vf .heading--1 {
    font-size: 64px;
    line-height: 72px;
    margin: 60px 0; }
  .vf .heading--2 {
    font-size: 56px;
    line-height: 62px;
    margin: 70px 0 35px; }
  .vf .heading--3 {
    font-size: 40px;
    line-height: 48px;
    margin: 60px 0 30px; }
  .vf .heading--4 {
    font-size: 28px;
    line-height: 34px;
    margin: 40px 0 30px; }
  .vf .heading--5 {
    font-family: "VodafoneRegular";
    font-size: 20px;
    line-height: 28px;
    margin: 15px 0; }
  .vf .heading--6 {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0; }
  .vf .heading--light {
    font-family: "VodafoneLight"; }
  .vf .heading--regular {
    font-family: "VodafoneRegular"; }
  .vf .heading--bold {
    font-family: "VodafoneRegularBold"; }
  .vf .heading--left {
    text-align: left; }
  .vf .heading--center {
    text-align: center; }
  .vf .heading--right {
    text-align: right; }
  .vf .heading--inline-block {
    display: inline-block;
    width: auto; }
  .vf .heading--inline {
    display: inline; }
  .vf .heading--leading {
    margin-top: 0; }
  .vf .heading--trailing {
    margin-bottom: 0; }
  .vf .heading--no-gutter {
    margin: 0; }
  .vf .heading--tabs {
    margin-top: 45px; }
  .vf .heading--uppercase {
    text-transform: uppercase; }

@media only screen and (max-width: 970px) {
  .vf .heading--1 {
    font-size: 56px;
    line-height: 62px;
    margin: 20px 0 60px; }
  .vf .heading--2 {
    font-size: 40px;
    line-height: 48px;
    margin: 60px 0 30px; }
  .vf .heading--3 {
    font-size: 34px;
    line-height: 40px;
    margin: 50px 0 25px; }
  .vf .heading--4 {
    font-size: 24px;
    line-height: 30px;
    margin: 35px 0 25px; }
  .vf .heading--5 {
    font-size: 20px;
    line-height: 28px;
    margin: 15px 0; }
  .vf .heading--6 {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0; }
  .vf .heading--4, .vf .heading--5 {
    margin: 15px 0; }
  .vf .heading--light {
    font-family: "VodafoneLight"; }
  .vf .heading--regular {
    font-family: "VodafoneRegular"; }
  .vf .heading--bold {
    font-family: "VodafoneRegularBold"; }
  .vf .heading--leading {
    margin-top: 0; }
  .vf .heading--trailing {
    margin-bottom: 0; }
  .vf .heading--no-gutter {
    margin: 0; } }

@media only screen and (max-width: 639px) {
  .vf .heading--1 {
    font-size: 32px;
    line-height: 40px;
    margin: 25px 0 35px; }
  .vf .heading--2 {
    font-size: 28px;
    line-height: 36px;
    margin: 50px 0 30px; }
  .vf .heading--3 {
    font-size: 24px;
    line-height: 30px;
    margin: 40px 0 20px; }
  .vf .heading--4 {
    font-family: "VodafoneRegular";
    font-size: 20px;
    line-height: 28px;
    margin: 25px 0 15px; }
  .vf .heading--5 {
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0; }
  .vf .heading--6 {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0; }
  .vf .heading--light {
    font-family: "VodafoneLight"; }
  .vf .heading--regular {
    font-family: "VodafoneRegular"; }
  .vf .heading--bold {
    font-family: "VodafoneRegularBold"; }
  .vf .heading--leading {
    margin-top: 0; }
  .vf .heading--trailing {
    margin-bottom: 0; }
  .vf .heading--no-gutter {
    margin: 0; } }

.vf .input-group {
  display: block;
  padding-right: 50px;
  position: relative; }
  .vf .input-group--large {
    padding-right: 100px; }
  .vf .input-group--clear {
    padding-right: 0; }
  .vf .input-group__submit {
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px; }
  .vf .input-group--large .vf .input-group__submit {
    width: 100px; }
  .vf .input-group__submit-icon {
    height: 30px;
    width: 30px; }
  .vf .input-group__input {
    font-size: 20px;
    overflow: hidden;
    padding-right: 70px;
    height: 50px; }
    .vf .input-group__input:valid {
      padding-right: 40px; }
    .vf .input-group__input--flush:valid {
      padding-right: 50px; }
  .vf .input-group__clear {
    margin-right: -20px;
    display: none;
    background: transparent;
    border: none;
    padding: 12px;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0.5em; }
    .vf .input-group__clear:hover {
      background: transparent; }
    .vf .input-group__clear--flush {
      right: 23px; }
  .vf .input-group--clear .vf .input-group__clear {
    right: 20px; }
  .vf .input-group__input:valid + .vf .input-group__clear {
    display: block; }
  .vf .input-group__clear-icon {
    width: 20px;
    height: 20px;
    color: #333333; }

@media only screen and (max-width: 639px) {
  .vf .input-group {
    padding-right: 45px; }
    .vf .input-group--clear {
      padding-right: 0; }
    .vf .input-group__clear {
      width: auto; }
    .vf .input-group__submit {
      width: 45px;
      height: 45px; }
    .vf .input-group__input {
      height: 45px; } }

.tabs__navigation--fixed-reset {
  margin-top: -10px; }

.tabs__navigation--transparent {
  background-color: transparent !important; }

.tabs > .tabs__navigation-wrapper {
  max-height: 100%;
  overflow-x: auto;
  overflow-y: hidden; }
  .tabs > .tabs__navigation-wrapper--arrow-overflow {
    margin-bottom: -7px; }
    .tabs > .tabs__navigation-wrapper--arrow-overflow > .tabs__navigation {
      margin-bottom: 7px; }

.tabs--gallery > .tabs__navigation-wrapper,
.tabs--gallery > .tabs__content {
  background: #EBEBEB; }

.tabs--white > .tabs__navigation-wrapper,
.tabs--white > .tabs__content {
  background: white; }

.tabs--narrow {
  padding-left: 80px;
  padding-right: 80px; }

.tabs > .tabs__navigation-wrapper > .tabs__navigation {
  background: white;
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
  display: inline-block;
  letter-spacing: -.215em;
  text-align: center;
  white-space: nowrap;
  width: auto;
  min-width: 100%; }
  .tabs > .tabs__navigation-wrapper > .tabs__navigation--fixed {
    margin-bottom: 10px; }
  .tabs > .tabs__navigation-wrapper > .tabs__navigation--plain {
    background: none; }
  .tabs > .tabs__navigation-wrapper > .tabs__navigation--gutter {
    margin-bottom: 25px; }
  .tabs > .tabs__navigation-wrapper > .tabs__navigation--gutter-all {
    margin-top: 10px;
    margin-bottom: 20px; }

.tabs > .tabs__navigation-wrapper .tabs__tab {
  display: inline-block;
  letter-spacing: normal; }

.tabs:not(.tabs--fieldset) > .tabs__navigation-wrapper .tabs__tab,
.tabs--fieldset > .tabs__navigation-wrapper .tabs__tab-label {
  display: inline-block;
  color: #666666;
  cursor: pointer;
  font-family: "VodafoneRegular";
  padding: 10px 20px;
  position: relative;
  font-size: 20px; }
  .tabs:not(.tabs--fieldset) > .tabs__navigation-wrapper .tabs__tab:hover,
  .tabs--fieldset > .tabs__navigation-wrapper .tabs__tab-label:hover {
    color: #E60000; }

.tabs:not(.tabs--fieldset) > .tabs__navigation-wrapper .tabs__tab--active,
.tabs__tab-input:checked + .tabs__tab-label {
  color: #E60000;
  position: relative; }
  .tabs:not(.tabs--fieldset) > .tabs__navigation-wrapper .tabs__tab--active::before,
  .tabs__tab-input:checked + .tabs__tab-label::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #E60000;
    z-index: 1; }
  .tabs:not(.tabs--fieldset) > .tabs__navigation-wrapper .tabs__tab--active::after,
  .tabs__tab-input:checked + .tabs__tab-label::after {
    border: 6px solid transparent;
    border-top-color: currentColor;
    display: block;
    height: 0;
    width: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #E60000;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    z-index: 1; }

.tabs__tab-input:focus + .tabs__tab-label {
  outline: 2px solid #00B0CA; }
  .mouse-active .tabs__tab-input:focus + .tabs__tab-label {
    outline: none; }

.tabs--dark > .tabs__navigation-wrapper > .tabs__navigation {
  background: #434343;
  color: white;
  border-color: #666666; }

.tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
  color: #AFAFAF; }
  .tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab::before {
    background-color: white; }
  .tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active, .tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab:hover {
    color: white; }
    .tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::after, .tabs--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab:hover::after {
      color: white; }

.tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation {
  border: none;
  background: none; }

.tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
  border: 1px solid #CCCCCC;
  margin-left: -1px;
  margin-bottom: 0;
  background: #F4F4F4;
  color: #333333; }
  .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab:hover {
    color: #333333;
    background: #E4E4E4; }
  .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active, .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover {
    border-color: #333333;
    background: #333333;
    z-index: 1;
    color: white; }
    .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::after, .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::before, .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::after, .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::before {
      display: none; }
  .tabs--secondary > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--fixed-width {
    width: 175px; }

.tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation {
  background: #2A2A2A;
  color: white; }

.tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
  border-color: #666666;
  background: #434343;
  color: #CCCCCC; }
  .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab:hover {
    background: #666666; }
  .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active, .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover {
    border-color: #CCCCCC;
    background: white;
    color: #333333; }
    .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::after, .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::before, .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::after, .tabs--secondary--dark > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::before {
      display: none; }

.tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation {
  background: #F4F4F4;
  color: #4A4D4E; }

.tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
  border-color: #666666;
  background: #4A4D4E;
  color: #CCCCCC;
  width: 33.333%; }
  .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab:hover {
    background: #434343;
    color: white; }
  .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active, .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover {
    border-color: #CCCCCC;
    background: white;
    color: #333333; }
    .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::after, .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active::before, .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::after, .tabs--secondary--wide > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--active:hover::before {
      display: none; }

.tabs > .tabs__content {
  padding-top: 30px; }
  .tabs > .tabs__content::before, .tabs > .tabs__content::after {
    content: " ";
    display: table; }
  .tabs > .tabs__content::after {
    clear: both; }

.tabs--collapsed > .tabs__content {
  padding-top: 0;
  margin-top: -15px; }

.tabs__loading {
  text-align: center; }

.tabs__icon {
  width: 25px;
  height: 25px; }

@media only screen and (max-width: 970px) {
  .tabs--stretch > .tabs__navigation-wrapper {
    margin: 0 -20px; }
  .tabs--narrow {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 639px) {
  .tabs--full > .tabs__navigation-wrapper > .tabs__navigation {
    display: table;
    table-layout: fixed; }
  .tabs--full > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
    display: table-cell; }
  .tabs > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px; }
    .tabs > .tabs__navigation-wrapper > .tabs__navigation > .tabs__tab--sm-half {
      width: 50%; }
  .tabs--collapsed > .tabs__content {
    padding-top: 0; }
  .tabs--stretch > .tabs__navigation-wrapper {
    margin: 0 -15px; } }

.v-datepicker {
  position: relative;
  text-align: left;
  color: white; }
  .v-datepicker__icon {
    color: black;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .v-datepicker__calendar {
    position: absolute;
    z-index: 9;
    background: #333333;
    border: 1px solid #00B0CA; }
  .v-datepicker__calendar header {
    display: block;
    line-height: 50px; }
  .v-datepicker__calendar header span {
    display: inline-block;
    text-align: center;
    width: 71%;
    float: left; }
  .v-datepicker__calendar header .prev,
  .v-datepicker__calendar header .next {
    width: 14%;
    color: white; }
  .v-datepicker__calendar header .prev:not(.disabled),
  .v-datepicker__calendar header .next:not(.disabled),
  .v-datepicker__calendar header .up:not(.disabled) {
    cursor: pointer; }
  .v-datepicker__calendar .disabled {
    color: #666666;
    cursor: default; }
  .v-datepicker__calendar .flex-rtl {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    width: inherit;
    flex-wrap: wrap; }
  .v-datepicker__calendar .cell {
    display: inline-block;
    padding: 0 5px;
    width: 14%;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 100%; }
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).day,
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).month,
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).year {
    cursor: pointer; }
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
  .v-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border: 1px solid white;
    border-radius: 100%;
    background-color: #666666;
    color: #333333; }
  .v-datepicker__calendar .cell.selected {
    border: 1px solid white;
    border-radius: 100%;
    background-color: #E60000; }
  .v-datepicker__calendar .cell.selected.highlighted {
    background: #4bd; }
  .v-datepicker__calendar .cell.highlighted {
    background: #cae5ed; }
  .v-datepicker__calendar .cell.gr1ey {
    color: #888; }
  .v-datepicker__calendar .cell.grey:hover {
    background: inherit; }
  .v-datepicker__calendar .cell.day-header {
    font-size: 75%;
    white-space: nowrap;
    cursor: inherit; }
  .v-datepicker__calendar .cell.day-header:hover {
    background: inherit; }
  .v-datepicker__calendar .month,
  .v-datepicker__calendar .year {
    width: 33.333%; }
  .v-datepicker__clear-button, .v-datepicker__calendar-button {
    cursor: pointer;
    font-style: normal; }
  .v-datepicker__clear-button.disabled, .v-datepicker__calendar-button.disabled {
    color: #999;
    cursor: default; }

.v-dropdown {
  position: relative;
  color: #666666;
  font-family: "VodafoneRegular";
  font-size: 20px;
  text-align: left;
  /* Open Indicator */
  /* Open Indicator States */
  /*&.open .open-indicator:before {transform: rotate(315deg);}*/
  /*&.open .open-indicator {bottom: 1px;}*/
  /* Dropdown Toggle */
  /* Clear Button */
  /* Dropdown Toggle States */
  /* Dropdown Menu */
  /* Selected Tags */
  /* Search Input */
  /* List Items */
  /* Loading Spinner */
  /* Disabled state */
  /* Loading Spinner States */
  /* KeyFrames */
  /* Dropdown Default Transition */ }
  .v-dropdown,
  .v-dropdown * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .v-dropdown.rtl .open-indicator {
    left: 10px;
    right: auto; }
  .v-dropdown.rtl .selected-tag {
    float: right;
    margin-right: 3px;
    margin-left: 1px; }
  .v-dropdown.rtl .dropdown-menu {
    text-align: right; }
  .v-dropdown.rtl .dropdown-toggle .clear {
    left: 30px;
    right: auto; }
  .v-dropdown .open-indicator {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: inline-block;
    cursor: pointer;
    pointer-events: all;
    transition: all 150 cubic-bezier(1, -0.115, 0.975, 0.855);
    transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    opacity: 1;
    height: 22px;
    width: 22px; }
  .v-dropdown .open-indicator:before {
    border-color: #666666;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: top;
    box-sizing: inherit;
    transform: rotate(133deg);
    /* transition: all 150 cubic-bezier(1.000, -.115, .975, .855);
        transition-timing-function: cubic-bezier(1.000, -.115, .975, .855);*/ }
  .v-dropdown.loading .open-indicator {
    opacity: 0; }
  .v-dropdown .dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    background-color: white;
    border: 1px solid #999999;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    white-space: normal;
    padding: 13px 46px 12px 15px;
    height: 53.4px;
    overflow: hidden; }
  .v-dropdown .dropdown-toggle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  .v-dropdown .dropdown-toggle .clear {
    position: absolute;
    bottom: 16px;
    right: 60px;
    font-size: 23px;
    line-height: 1;
    color: rgba(60, 60, 60, 0.5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer; }
  .v-dropdown.searchable .dropdown-toggle {
    cursor: text; }
  .v-dropdown.unsearchable .dropdown-toggle {
    cursor: pointer; }
  .v-dropdown.open .dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .v-dropdown .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    border-top: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: white; }
  .v-dropdown .no-options {
    text-align: left; }
  .v-dropdown .selected-tag {
    background-color: white;
    height: 26px;
    width: 100%;
    float: left;
    line-height: 24px; }
  .v-dropdown.single .selected-tag {
    background-color: transparent;
    border-color: transparent;
    word-break: break-all;
    overflow: hidden; }
  .v-dropdown.single.open .selected-tag {
    position: absolute;
    opacity: .5; }
  .v-dropdown.single.open.searching .selected-tag,
  .v-dropdown.single.loading .selected-tag {
    display: none; }
  .v-dropdown .selected-tag .close {
    float: none;
    margin-right: 0;
    font-size: 20px;
    appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-weight: 700;
    line-height: 1;
    color: black;
    text-shadow: 0 1px 0 white;
    filter: alpha(opacity=20);
    opacity: .2; }
  .v-dropdown.single.searching:not(.open):not(.loading) input[type="search"] {
    opacity: .2; }
  .v-dropdown input[type="search"]::-webkit-search-decoration,
  .v-dropdown input[type="search"]::-webkit-search-cancel-button,
  .v-dropdown input[type="search"]::-webkit-search-results-button,
  .v-dropdown input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  .v-dropdown input[type="search"]::-ms-clear {
    display: none; }
  .v-dropdown input[type="search"],
  .v-dropdown input[type="search"]:focus {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
    position: relative; }
  .v-dropdown.unsearchable input[type="search"] {
    opacity: 0; }
  .v-dropdown.unsearchable input[type="search"]:hover {
    cursor: pointer; }
  .v-dropdown li {
    line-height: 1.429; }
  .v-dropdown li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333;
    /* Overrides most CSS frameworks */
    white-space: nowrap; }
  .v-dropdown li:hover {
    cursor: pointer; }
  .v-dropdown .dropdown-menu .active > a {
    color: #333;
    background: rgba(50, 50, 50, 0.1); }
  .v-dropdown .dropdown-menu > .highlight > a {
    /*
        * required to override bootstrap 3's
        * .dropdown-menu > li > a:hover {} styles
        */
    background: #5897fb;
    color: white; }
  .v-dropdown .highlight:not(:last-child) {
    margin-bottom: 0;
    /* Fixes Bulma Margin */ }
  .v-dropdown .spinner {
    opacity: 0;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 5px;
    text-indent: -9999em;
    overflow: hidden;
    border-top: 0.9em solid rgba(100, 100, 100, 0.1);
    border-right: 0.9em solid rgba(100, 100, 100, 0.1);
    border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
    border-left: 0.9em solid rgba(60, 60, 60, 0.45);
    transform: translateZ(0);
    animation: vSelectSpinner 1.1s infinite linear;
    transition: opacity .1s; }
  .v-dropdown .spinner,
  .v-dropdown .spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em; }
  .v-dropdown.disabled .dropdown-toggle,
  .v-dropdown.disabled .dropdown-toggle .clear,
  .v-dropdown.disabled .dropdown-toggle input,
  .v-dropdown.disabled .selected-tag .close,
  .v-dropdown.disabled .open-indicator {
    cursor: not-allowed;
    background-color: #f8f8f8; }
  .v-dropdown.loading .spinner {
    opacity: 1; }

@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .v-dropdown .fade-enter-active,
  .v-dropdown .fade-leave-active {
    transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); }
  .v-dropdown .fade-enter,
  .v-dropdown .fade-leave-to {
    opacity: 0; }

.vf .toggle-switch-squares {
  overflow: auto;
  border: 1px solid #CCCCCC;
  border-right: 0; }
  .vf .toggle-switch-squares--small {
    width: 350px;
    margin-left: auto;
    margin-right: auto; }
  .vf .toggle-switch-squares__button {
    color: #CCCCCC;
    cursor: pointer;
    background: #4A4D4E;
    border-right: 1px solid #CCCCCC;
    padding: 10px 20px;
    text-align: center;
    float: left;
    width: 50%; }
    .vf .toggle-switch-squares__button--full-width {
      width: 100%; }
    .vf .toggle-switch-squares__button--active {
      background: #F4F4F4;
      color: #333333; }
    .vf .toggle-switch-squares__button:hover {
      color: #333333;
      background: #E4E4E4; }
    .vf .toggle-switch-squares__button--confirm {
      width: 100%;
      background: #F4F4F4;
      color: #333333; }
      .vf .toggle-switch-squares__button--confirm:hover {
        background-color: #F4F4F4;
        cursor: default; }

.vf .toggle-switch {
  text-align: center; }
  .vf .toggle-switch__flex {
    position: absolute;
    left: -100px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .vf .toggle-switch--border {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px; }
  .vf .toggle-switch__trigger {
    cursor: pointer;
    display: inline-block;
    text-align: center; }
  .vf .toggle-switch--full .vf .toggle-switch__trigger {
    display: table;
    width: 100%;
    text-align: left; }
  .vf .toggle-switch__input {
    position: absolute;
    z-index: -1;
    visibility: hidden; }
  .vf .toggle-switch__title {
    display: inline-block;
    vertical-align: middle; }
  .vf .toggle-switch__feedback--on {
    display: none; }
  .vf .toggle-switch__input:checked + .vf .toggle-switch__title .vf .toggle-switch__feedback--on {
    display: inline-block; }
  .vf .toggle-switch__input:checked + .vf .toggle-switch__title .vf .toggle-switch__feedback--off {
    display: none; }
  .vf .toggle-switch__input:focus + .vf .toggle-switch__title {
    color: #007C92;
    outline: 2px solid #00B0CA; }
  .vf .toggle-switch__indicator {
    border: 1px solid #CCCCCC;
    border-radius: 56px;
    display: inline-block;
    height: 28px;
    margin-left: 10px;
    transition: all .6s;
    width: 50px; }
  .vf .toggle-switch--full .vf .toggle-switch__title,
  .vf .toggle-switch--full .vf .toggle-switch__indicator-wrapper {
    display: table-cell; }
  .vf .toggle-switch--full .vf .toggle-switch__title {
    width: 100%; }
  .vf .toggle-switch__input:checked ~ .vf .toggle-switch__indicator-wrapper .vf .toggle-switch__indicator {
    background-color: #007C92;
    border-color: #007C92; }
  .vf .toggle-switch__input:checked ~ .vf .toggle-switch__indicator-wrapper .vf .toggle-switch__indicator--included {
    opacity: .5; }
  .vf .toggle-switch__indication {
    background-color: white;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px black;
    box-shadow: 0 1px 2px black;
    display: block;
    height: 26px;
    margin-left: 0;
    position: relative;
    transition: margin-left .3s;
    width: 26px; }
  .vf .toggle-switch__input:checked ~ .vf .toggle-switch__indicator-wrapper .vf .toggle-switch__indication {
    margin-left: calc(50% - 2px); }

.vf .mouse-active .toggle-switch__input:focus + .toggle-switch__title {
  outline: none;
  color: inherit; }

@media only screen and (max-width: 639px) {
  .vf .toggle-switch__flex {
    left: -10px; } }

.vf .brand {
  margin: 12px 10px 12px 0; }
  .vf .brand__logo, .vf .brand__logo a, .vf .brand__logo div, .vf .brand__logo svg {
    position: relative;
    width: 48px;
    height: 48px;
    vertical-align: top; }
    .vf .brand__logo--documentation {
      margin-top: -10px;
      width: 85px;
      margin-left: 30px; }

@media only screen and (max-width: 970px) {
  .vf .brand {
    margin: 10px 10px 10px 0; }
    .vf .brand--docs {
      margin: 10px 0 0; }
    .vf .brand__logo, .vf .brand__logo a, .vf .brand__logo div, .vf .brand__logo svg {
      width: 40px;
      height: 40px; } }

@media only screen and (max-width: 639px) {
  .vf .brand {
    margin: 8px 10px 8px 0; }
    .vf .brand--docs {
      margin: 10px 0 0; }
    .vf .brand__logo, .vf .brand__logo a, .vf .brand__logo div, .vf .brand__logo svg {
      width: 32px;
      height: 32px; } }

.vf .brands__area {
  overflow: hidden;
  width: 100%; }

.vf .brands__list {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  list-style: none;
  padding: 0 10px; }

.vf .brands__square {
  padding: 0 6px; }

.vf .brands__link {
  background-color: white;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: box-shadow .3s;
  display: inline-block;
  height: 100px;
  margin: 2px 0;
  position: relative;
  width: 110px; }
  .vf .brands__link:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }

.vf .brands--fixed .vf .brands__link {
  width: 100%;
  height: 160px;
  margin: 0; }

.vf .brands--guides .vf .brands__link {
  margin-bottom: 15px; }

.vf .brands--guides {
  margin-left: 20px; }

.vf .brands__image {
  width: 100%;
  padding: 10px;
  width: auto; }

@media only screen and (max-width: 970px) {
  .vf .brands--fixed .vf .brands__link {
    height: 92px;
    width: 104px; }
  .vf .brands--guides .vf .brands__link {
    margin-bottom: 0; } }

@media only screen and (max-width: 639px) {
  .vf .brands__link,
  .vf .brands--fixed .vf .brands__link {
    height: 75px;
    width: 80px; } }

.vf .footer {
  color: white;
  overflow: hidden;
  position: relative;
  z-index: 4; }
  .vf .footer__list {
    margin-bottom: 37px; }
  .vf .footer__chat {
    text-align: center; }
  .vf .footer__banner {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  .vf .footer__image {
    max-width: none;
    min-height: 100%;
    min-width: 100%; }
  .vf .footer__curtain {
    background-color: #333333; }
  .vf .footer__navigation {
    padding: 20px 0 50px; }
  .vf .footer__heading:hover {
    cursor: pointer; }
  .vf .footer__icon {
    margin-right: 10px; }
  .vf .footer__item {
    margin: 15px 0;
    font-size: 20px; }
    .vf .footer__item--last {
      margin-bottom: 25px; }
  .vf .footer__aside {
    font-size: 20px;
    margin-top: 30px; }
    .vf .footer__aside::before, .vf .footer__aside::after {
      content: " ";
      display: table; }
    .vf .footer__aside::after {
      clear: both; }
  .vf .footer__book {
    position: relative;
    font-size: 16px;
    z-index: 0;
    margin: 20px 0; }
    .vf .footer__book:before {
      content: "";
      position: absolute;
      width: 55px;
      height: 55px;
      background-color: white;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      top: -80%;
      z-index: -1; }
    .vf .footer__book--text {
      color: #333333;
      padding-left: 4px; }
  .vf .footer__contracts {
    margin-bottom: 10px;
    display: inline; }
  .vf .footer__contract {
    border-left: 1px solid currentColor;
    display: inline-block;
    padding: 0 15px; }
    .vf .footer__contract--first {
      border-left: none;
      padding-left: 0; }
  .vf .footer__copyright {
    float: right;
    font-family: "VodafoneRegular"; }

@media only screen and (max-width: 970px) {
  .vf .footer__chat {
    padding: 0 20px; }
  .vf .footer__navigation {
    padding: 20px 20px 40px; }
  .vf .footer__heading {
    border-top: 1px solid #999999;
    display: block;
    padding: 10px;
    font-size: 20px;
    margin: 0; }
    .vf .footer__heading--last {
      border-bottom: 1px solid #999999; }
  .vf .footer__content {
    padding: 10px 20px; }
  .vf .footer__icon {
    width: 25px;
    height: 25px;
    margin-right: 5px; }
  .vf .footer__accordion {
    margin: 40px 0 0; }
  .vf .footer__aside {
    margin-top: 40px;
    font-size: 16px; }
  .vf .footer__item {
    margin: 20px 0;
    font-size: 18px; }
  .vf .footer__list {
    margin-bottom: 17px; } }

@media only screen and (max-width: 639px) {
  .vf .footer__aside {
    margin-top: 20px; }
  .vf .footer__navigation {
    padding: 15px 0 30px; }
  .vf .footer__copyright {
    clear: left;
    display: block;
    float: none; }
  .vf .footer__heading {
    padding: 10px; }
  .vf .footer__accordion {
    margin: 12px 0 25px; }
  .vf .footer__contract {
    padding: 0 5px;
    margin: 5px 0 15px; }
    .vf .footer__contract--first {
      padding-left: 0; }
  .vf .footer__item {
    margin: 18px 0; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vf .footer {
    z-index: 0; } }

.vf .footer {
  font-size: 18px;
  line-height: 1.333;
  font-family: "VodafoneRegular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media only screen and (max-width: 970px) {
  .vf .footer-accordion {
    margin: 40px 0 0; }
    .vf .footer-accordion__item {
      font-size: 18px; }
    .vf .footer-accordion__heading {
      border-top: 1px solid #999999;
      display: block;
      padding: 10px;
      font-size: 20px;
      margin: 0; }
      .vf .footer-accordion__heading:hover {
        cursor: pointer; }
    .vf .footer-accordion__content {
      padding: 10px 20px; }
      .vf .footer-accordion__content--collapse {
        display: none; } }

@media only screen and (max-width: 639px) {
  .vf .footer-accordion {
    margin: 20px 0 0; } }

.vf .header {
  position: relative;
  width: 100%;
  z-index: 100; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vf .header {
    z-index: 1; } }

@media only screen and (max-width: 970px) {
  .vf .header__global {
    float: left; } }

.vf .header {
  color: #333333;
  font-size: 18px;
  line-height: 1.333;
  font-family: "VodafoneRegular";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.jumper {
  background-color: #666666;
  color: white;
  left: -9999em;
  padding: 5px;
  position: absolute;
  z-index: 10000; }
  .jumper:focus {
    left: 0; }

.login__framer {
  overflow: hidden;
  position: relative; }

.login__frames {
  width: 300%;
  left: -100%;
  position: relative;
  transition: left .4s; }
  .login__frames--first {
    left: 0; }
  .login__frames--last {
    left: -200%; }

.login__frame {
  width: 33.33%;
  float: left;
  overflow: hidden;
  border: 1px solid #333333;
  transition: visibility 0s;
  transition-delay: 0s; }
  .login__frame--first, .login__frame--last {
    visibility: hidden;
    transition-delay: .4s; }

.login__frames--first .login__frame,
.login__frames--last .login__frame {
  visibility: hidden;
  transition-delay: .4s; }

.login__frames--first .login__frame--first,
.login__frames--last .login__frame--last {
  visibility: visible;
  transition-delay: 0s; }

.login__text {
  padding-bottom: 15px;
  border-bottom: 1px solid #333333; }

.loader--center {
  position: absolute;
  width: 30px;
  top: 50%;
  right: 5px;
  margin-top: 2px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%); }

.loader--button {
  left: 85%; }

.vf .login-nudge {
  position: relative; }
  .vf .login-nudge--active .vf .login-nudge__link {
    background-color: white;
    color: #E60000;
    position: relative;
    z-index: 1; }
    .vf .login-nudge--active .vf .login-nudge__link::after {
      background-color: currentColor;
      content: "";
      position: absolute;
      bottom: 0;
      height: 3px;
      left: 0;
      right: 0; }
  .vf .login-nudge__prompt {
    background-color: rgba(255, 255, 255, 0.95);
    color: #333333;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 250px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    opacity: 1;
    visibility: visible; }
  .vf .login-nudge__login {
    padding: 11px 0; }
  .vf .login-nudge--hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s 1s, opacity 1s ease-in-out; }

@media only screen and (max-width: 970px) {
  .vf .login-nudge--active .vf .login-nudge__link::after {
    height: 2px; }
  .vf .login-nudge__prompt {
    right: -43px; } }

.vf .navigation-static {
  width: 100%;
  line-height: 0; }

.vf .navigation {
  background-color: #4A4D4E;
  font-size: 32px;
  position: relative; }
  .vf .navigation__link--active .vf .navigation__accessibility {
    display: inline-block; }
  .vf .navigation__accessibility {
    display: none; }
  .vf .navigation--primary {
    background-color: white;
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
    background-clip: padding-box;
    height: 73px; }
  .vf .navigation--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0; }
  .vf .navigation--transparent {
    background: none; }
  .vf .navigation--white {
    background-color: white; }
  .vf .navigation__list {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .vf .navigation__list::before, .vf .navigation__list::after {
      content: " ";
      display: table; }
    .vf .navigation__list::after {
      clear: both; }
  .vf .navigation__icon--active {
    background-color: #E60000; }
  .vf .navigation__spring {
    display: block;
    max-height: 72px; }
    .vf .navigation__spring--primary {
      max-width: 1200px;
      margin: 0 auto;
      padding-left: 75px; }
  .vf .navigation__content {
    padding: 0;
    margin: 0;
    list-style: none; }
  .vf .navigation--secondary {
    background-color: rgba(255, 255, 255, 0.9);
    left: 0;
    position: absolute;
    right: 0;
    top: -200%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .1s ease .15s; }
  .vf .navigation--secondary-sub {
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    left: 0;
    top: -200%;
    opacity: 0;
    z-index: -2;
    transition: all .3s ease .35s; }
  .vf .navigation--tertiary {
    background-color: transparent;
    display: none;
    position: absolute;
    right: 0;
    text-align: left; }
    .vf .navigation--tertiary--user {
      background-color: rgba(255, 255, 255, 0.96);
      width: 300px; }
    .vf .navigation--tertiary--display {
      display: block;
      top: 100%;
      opacity: 1;
      visibility: visible;
      -webkit-transition: opacity 2s ease-in-out;
      -moz-transition: opacity 2s ease-in-out;
      -ms-transition: opacity 2s ease-in-out;
      -o-transition: opacity 2s ease-in-out;
      transition: opacity 2s ease-in-out; }
    .vf .navigation--tertiary--closed {
      visibility: hidden;
      opacity: 0;
      transition: visibility .1s 1s, opacity 1s ease-in-out; }
  .vf .navigation--display {
    display: block;
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease .3s; }
  .vf .navigation--docs {
    background-color: transparent;
    color: #333333;
    font-size: 18px; }
  .vf .navigation__item {
    float: left;
    font-family: "VodafoneLight";
    font-size: 24px; }
    .vf .navigation__item--right {
      float: right; }
    .vf .navigation__item--parent {
      position: relative; }
    .vf .navigation__item--secondary-sub {
      float: none;
      white-space: nowrap; }
    .vf .navigation__item--tertiary {
      width: 100%; }
    .vf .navigation__item--nested {
      width: 100%; }
    .vf .navigation__item--first {
      border-top: none; }
    .vf .navigation__item--docs {
      width: 100%; }
    .vf .navigation__item--last {
      border-bottom: none; }
    .vf .navigation__item--clickable {
      pointer-events: auto; }
    .vf .navigation__item--go-to {
      display: none; }
    .vf .navigation__item--conditions > .vf .navigation__item {
      margin-left: 30px; }
      .vf .navigation__item--conditions > .vf .navigation__item:first-child {
        margin-left: 0px; }
      .vf .navigation__item--conditions > .vf .navigation__item:last-child {
        float: right; }
  .vf .navigation__item--active > .vf .navigation__link--main-secondary {
    color: #E60000;
    background: rgba(255, 255, 255, 0.7); }
  .vf .navigation__link {
    display: block;
    padding: 15px 20px;
    position: relative; }
    .vf .navigation__link:hover, .vf .navigation__link:focus, .vf .navigation__link--active {
      color: #E60000; }
    .vf .navigation__link--main {
      min-width: 100px;
      text-align: center;
      padding: 21px 20px 20px; }
    .vf .navigation__link--main-secondary:hover {
      background-color: rgba(255, 255, 255, 0.7); }
    .vf .navigation__link--active, .vf .navigation__link--main:hover {
      color: #E60000; }
      .vf .navigation__link--active::after, .vf .navigation__link--main:hover::after {
        background-color: #E60000;
        content: "";
        position: absolute;
        bottom: -1px;
        height: 3px;
        left: 0;
        right: 0; }
    .vf .navigation__link--nested {
      padding-left: 40px; }
    .vf .navigation__link--nested-sub {
      padding-left: 60px; }
    .vf .navigation__link--icon {
      line-height: 0;
      padding: 21px 20px 23px; }
    .vf .navigation__link--slim {
      padding: 4px 20px; }
      .vf .navigation__link--slim:hover {
        background-color: white;
        color: #333333; }
    .vf .navigation__link--menu {
      padding: 16px 20px; }
    .vf .navigation__link--menu.vf .navigation__link--active:hover {
      background-color: white;
      color: #333333; }
    .vf .navigation__link--menu.vf .navigation__link--active .navigation__toggle {
      display: none; }
    .vf .navigation__link--menu.vf .navigation__link--active .navigation__close {
      display: block; }
    .vf .navigation__link--user.vf .navigation__link--active {
      background-color: rgba(255, 255, 255, 0.95); }
      .vf .navigation__link--user.vf .navigation__link--active::after {
        content: none; }
      .vf .navigation__link--user.vf .navigation__link--active:active, .vf .navigation__link--user.vf .navigation__link--active:focus, .vf .navigation__link--user.vf .navigation__link--active:hover {
        background-color: rgba(255, 255, 255, 0.95); }
  .vf .navigation__close {
    display: none; }
  .vf .navigation__user {
    height: 53px;
    width: 60px; }
    .vf .navigation__user--icon {
      height: auto;
      width: auto;
      line-height: 0;
      padding: 15px 25px; }
    .vf .navigation__user--close {
      padding: 6px;
      color: white; }
  .vf .navigation__basket {
    background-color: #E60000;
    border-radius: 50%;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-family: "VodafoneRegularBold";
    height: 20px;
    line-height: 1.5em;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 10px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    width: 20px; }
  .vf .navigation__global {
    width: 100%;
    overflow: hidden;
    background: none;
    z-index: 1;
    padding-left: 60px;
    max-height: 29px; }
    .vf .navigation__global--type {
      position: relative;
      display: inline-block;
      padding: 0;
      margin: 0;
      background: none;
      float: left; }
      .vf .navigation__global--type::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 265px;
        background: #4A4D4E; }
      .vf .navigation__global--type::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100vw;
        background: #4A4D4E; }
    .vf .navigation__global--right {
      display: inline-block;
      padding: 0;
      margin: 0;
      background: none;
      float: right;
      width: auto; }
    .vf .navigation__global--text {
      font-size: 16px;
      color: #CCCCCC;
      display: block;
      margin: 4px 0px; }
  .vf .navigation__site {
    font-size: 16px;
    background-color: #4A4D4E;
    color: #CCCCCC; }
    .vf .navigation__site--active {
      background-color: #FCFDFD;
      color: #333333; }
  .vf .navigation__site-chevron {
    background-color: #E60000;
    position: relative;
    width: 54px;
    height: 54px;
    float: right; }
  .vf .navigation__select {
    background-color: transparent;
    border: none;
    padding: 5px;
    padding-right: 22px;
    overflow: hidden; }
  .vf .navigation__selectable {
    color: white;
    padding: 5px; }

.vf .touch .navigation__item--go-to {
  display: inline-block; }

.vf .mouse-active .navigation__link:focus {
  background-color: transparent; }

.vf .no-appearance .navigation--display {
  z-index: 0; }

.vf .no-appearance .navigation__link--main:hover::after {
  bottom: 1px; }

@media only screen and (max-width: 970px) {
  .vf .navigation__spring {
    max-width: none;
    margin-left: 0;
    max-height: none; }
  .vf .navigation--primary {
    height: 60px; }
  .vf .navigation--tertiary {
    margin: 0;
    -webkit-overflow-scrolling: touch;
    width: 370px;
    right: 0px;
    top: auto;
    bottom: auto;
    position: absolute;
    overflow: visible; }
    .vf .navigation--tertiary::before {
      background-color: rgba(255, 255, 255, 0.96);
      content: "";
      display: block;
      position: fixed;
      right: 0;
      top: 0;
      bottom: 0;
      width: inherit;
      z-index: 0; }
    .vf .navigation--tertiary--user {
      background: transparent; }
  .vf .navigation--display {
    transition-delay: 0s;
    display: block; }
  .vf .navigation--docs {
    z-index: 1;
    background-color: #333333;
    color: white;
    font-size: 32px; }
    .vf .navigation--docs::before {
      bottom: auto; }
  .vf .navigation__global {
    padding-left: 0px; }
    .vf .navigation__global--right {
      display: block;
      width: 100%; }
  .vf .navigation__hide {
    z-index: 2; }
  .vf .navigation__item {
    font-size: 20px;
    pointer-events: auto;
    font-family: "VodafoneRegular"; }
    .vf .navigation__item--tertiary {
      padding: 0 10px;
      color: #333333; }
    .vf .navigation__item--site {
      padding: 10px; }
    .vf .navigation__item--nested {
      padding-left: 20px; }
  .vf .navigation__item--clickable .vf .navigation__link--active.vf .navigation__link--menu,
  .vf .navigation__item--clickable .vf .navigation__link--active.vf .navigation__link--menu:hover {
    background-color: #E60000;
    color: white; }
  .vf .navigation__link {
    padding: 15px 10px; }
    .vf .navigation__link--nested {
      padding-left: 40px; }
    .vf .navigation__link--icon {
      margin: 8px 5px;
      padding: 10px; }
    .vf .navigation__link--icon-last {
      margin-right: 0; }
    .vf .navigation__link--menu {
      z-index: 2; }
    .vf .navigation__link--menu.vf .navigation__link--active {
      background-color: #E60000;
      color: white; }
      .vf .navigation__link--menu.vf .navigation__link--active:hover {
        background-color: white;
        color: #333333; }
    .vf .navigation__link--menu.vf .navigation__link--active .navigation__toggle {
      display: none; }
    .vf .navigation__link--menu.vf .navigation__link--active .navigation__close {
      display: block; }
    .vf .navigation__link--active {
      background-color: white;
      color: #333333; }
  .vf .navigation__user--menu {
    padding: 0;
    border-radius: 50%; }
  .vf .navigation__user--icon {
    padding: 15px; }
  .vf .navigation__user--close {
    padding: 10px; }
  .vf .navigation__chevron {
    color: #E60000;
    margin-right: 10px;
    padding-left: 0;
    right: 30px; }
    .vf .navigation__chevron--site {
      margin-right: 0; }
  .vf .navigation__site {
    background-color: #666666;
    color: white;
    font-size: inherit;
    margin-top: 40px; }
    .vf .navigation__site:hover {
      background-color: #333333;
      color: white; }
    .vf .navigation__site--active {
      background-color: transparent;
      border-bottom: 2px solid white; }
  .vf .navigation__site .vf .navigation__chevron {
    color: white; }
  .vf .navigation__basket {
    right: 0;
    top: 0; }
  .vf .navigation__accordion {
    padding-bottom: 180px;
    max-height: 100vh;
    max-height: calc(100vh - 180px);
    overflow-y: auto; }
  .vf .navigation__item--go-to,
  .vf .touch .navigation__item--go-to {
    display: block; }
  .vf .mouse-active .navigation__link--menu.navigation__link--active:active, .vf .mouse-active .navigation__link--user.navigation__link--active:active, .vf .mouse-active .navigation__link--menu.navigation__link--active:focus, .vf .mouse-active .navigation__link--user.navigation__link--active:focus {
    background-color: #E60000;
    color: white; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vf .navigation--fixed {
    z-index: 10; } }

@media only screen and (max-width: 639px) {
  .vf .navigation__chevron {
    float: right; }
  .vf .navigation--zero {
    z-index: 1; }
  .vf .navigation--primary {
    height: 49px; }
  .vf .navigation--tertiary {
    left: 45px;
    position: fixed;
    width: auto; }
    .vf .navigation--tertiary::before {
      left: 45px;
      right: 0; }
  .vf .navigation__link {
    padding: 15px 10px; }
    .vf .navigation__link--icon {
      padding: 6px;
      margin: 8px 5px; }
    .vf .navigation__link--icon-last {
      margin-right: 0; }
    .vf .navigation__link--nested {
      padding-left: 30px; }
    .vf .navigation__link--user.navigation__link--active {
      border-radius: 0;
      padding: 8px; }
  .vf .navigation__user {
    height: 40px;
    width: 47px; }
    .vf .navigation__user--icon {
      height: auto;
      width: auto;
      padding: 10px; }
    .vf .navigation__user--close {
      padding: 6px; }
    .vf .navigation__user--menu {
      padding: 0;
      border-radius: 50%; } }

.vf .navigation__link--menu.navigation__link--active .navigation__toggle {
  display: none; }

.vf .navigation__link--menu.navigation__link--active .navigation__close {
  display: block;
  float: none; }

.vf .navigation__link--menu.navigation__link--active:hover {
  background-color: white;
  color: #333333; }

.vf .navigation__site .navigation__chevron {
  color: white; }

.vf .navigation__item--conditions > .navigation__item {
  margin-left: 30px; }
  .vf .navigation__item--conditions > .navigation__item:first-child {
    margin-left: 0px; }
  .vf .navigation__item--conditions > .navigation__item:last-child {
    float: right; }

@media only screen and (max-width: 970px) {
  .vf .navigation__item--clickable .navigation__link--active.navigation__link--menu,
  .vf .navigation__item--clickable .navigation__link--active.navigation__link--menu:hover {
    background-color: #E60000;
    color: white; } }

.vf .password-checker {
  font-size: 12px;
  padding-top: 5px; }
  .vf .password-checker__bars {
    padding: 5px 0 20px; }
  .vf .password-checker__bar {
    float: left;
    height: 5px;
    width: calc(20% - 4px);
    margin-right: 4px; }
    .vf .password-checker__bar:last-child {
      margin-right: 0; }
  .vf .password-checker--grey .password-checker__bar--l0,
  .vf .password-checker--grey .password-checker__bar--l1,
  .vf .password-checker--grey .password-checker__bar--l2,
  .vf .password-checker--grey .password-checker__bar--l3,
  .vf .password-checker--grey .password-checker__bar--l4 {
    background-color: #666666; }
  .vf .password-checker--red .password-checker__bar--l0 {
    background-color: #990000; }
  .vf .password-checker--red .password-checker__bar--l1,
  .vf .password-checker--red .password-checker__bar--l2,
  .vf .password-checker--red .password-checker__bar--l3,
  .vf .password-checker--red .password-checker__bar--l4 {
    background-color: #666666; }
  .vf .password-checker--orange .password-checker__bar--l0,
  .vf .password-checker--orange .password-checker__bar--l1 {
    background-color: #EB9700; }
  .vf .password-checker--orange .password-checker__bar--l2,
  .vf .password-checker--orange .password-checker__bar--l3,
  .vf .password-checker--orange .password-checker__bar--l4 {
    background-color: #666666; }
  .vf .password-checker--blue .password-checker__bar--l0,
  .vf .password-checker--blue .password-checker__bar--l1,
  .vf .password-checker--blue .password-checker__bar--l2 {
    background-color: #00B0CA; }
  .vf .password-checker--blue .password-checker__bar--l3,
  .vf .password-checker--blue .password-checker__bar--l4 {
    background-color: #666666; }
  .vf .password-checker--sprint-green .password-checker__bar--l0,
  .vf .password-checker--sprint-green .password-checker__bar--l1,
  .vf .password-checker--sprint-green .password-checker__bar--l2,
  .vf .password-checker--sprint-green .password-checker__bar--l3 {
    background-color: #A8B600; }
  .vf .password-checker--sprint-green .password-checker__bar--l4 {
    background-color: #666666; }
  .vf .password-checker--digital-green .password-checker__bar--l0,
  .vf .password-checker--digital-green .password-checker__bar--l1,
  .vf .password-checker--digital-green .password-checker__bar--l2,
  .vf .password-checker--digital-green .password-checker__bar--l3,
  .vf .password-checker--digital-green .password-checker__bar--l4 {
    background-color: #428600; }

.vf .dialog .password-checker--grey .password-checker__bar--l4, .vf .dialog .password-checker--red .password-checker__bar--l4, .vf .dialog .password-checker--orange .password-checker__bar--l4, .vf .dialog .password-checker--blue .password-checker__bar--l4, .vf .dialog .password-checker--sprint-green .password-checker__bar--l4 {
  background-color: #CCCCCC; }

.vf .dialog .password-checker--grey .password-checker__bar--l3, .vf .dialog .password-checker--red .password-checker__bar--l3, .vf .dialog .password-checker--orange .password-checker__bar--l3, .vf .dialog .password-checker--blue .password-checker__bar--l3 {
  background-color: #CCCCCC; }

.vf .dialog .password-checker--grey .password-checker__bar--l2, .vf .dialog .password-checker--red .password-checker__bar--l2, .vf .dialog .password-checker--orange .password-checker__bar--l2 {
  background-color: #CCCCCC; }

.vf .dialog .password-checker--grey .password-checker__bar--l1, .vf .dialog .password-checker--red .password-checker__bar--l1 {
  background-color: #CCCCCC; }

.vf .dialog .password-checker--grey .password-checker__bar--l0 {
  background-color: #CCCCCC; }

.vf .search::before, .vf .search::after {
  content: " ";
  display: table; }

.vf .search::after {
  clear: both; }

.vf .search__heading {
  background-color: #333333;
  color: white;
  line-height: 45px;
  margin: 0;
  padding-bottom: 70px;
  padding-top: 150px;
  text-align: center; }

.vf .search__background {
  background-color: white; }

.vf .search__section {
  display: inline-block;
  width: 100%; }
  .vf .search__section--summary, .vf .search__section--actions {
    display: block; }
  .vf .search__section--actions {
    margin-bottom: 40px;
    margin-top: 40px; }
  .vf .search__section--popular, .vf .search__section--compare, .vf .search__section--pagination {
    border-top: 1px solid #D6D6D6; }
  .vf .search__section--compare {
    padding-bottom: 60px;
    padding-top: 55px; }
  .vf .search__section--popular {
    background-color: #E4E4E4;
    padding: 55px 0; }
  .vf .search__section--related {
    background: #F4F4F4; }
  .vf .search__section--results, .vf .search__section--results-subsection {
    padding: 40px 0; }
  .vf .search__section--results {
    background-color: #F4F4F4;
    padding-bottom: 0; }
  .vf .search__section--pagination {
    padding: 40px 0; }

@media only screen and (max-width: 970px) {
  .vf .search__section--results {
    padding-bottom: 30px; } }

@media only screen and (max-width: 639px) {
  .vf .search__heading {
    padding-bottom: 35px;
    padding-top: 65px; }
  .vf .search__section--results, .vf .search__section--results-subsection {
    padding: 30px 0; }
  .vf .search__section--summary {
    margin-bottom: 20px; }
  .vf .search__section--actions {
    margin-bottom: 30px;
    margin-top: 20px; }
  .vf .search__section--compare {
    padding: 35px 0 40px; }
  .vf .search__section--popular {
    padding-bottom: 30px;
    padding-top: 35px; }
  .vf .search__section--pagination {
    padding-top: 25px; } }

.vf .search-form__wrapper {
  background-color: #3D3D3D;
  padding: 40px 0; }

.vf .search-form__query {
  margin: 0 auto;
  max-width: 580px; }

@media only screen and (max-width: 639px) {
  .vf .search-form__wrapper {
    padding: 20px 10px; } }

.vf .search-snack {
  margin: 0 auto;
  text-align: center;
  width: 100%; }
  .vf .search-snack__form {
    padding: 5px 40px;
    position: relative; }
  .vf .search-snack__popular-tags {
    margin: -10px;
    text-align: center; }
  .vf .search-snack__popular-tag {
    background: #CCCCCC;
    border-radius: 3px;
    color: black;
    display: inline-block;
    font-size: 20px;
    line-height: normal;
    margin: 10px;
    padding: 13px 20px;
    text-align: center; }
    .vf .search-snack__popular-tag:hover {
      background: white;
      text-decoration: underline; }
  .vf .search-snack__input {
    width: 580px;
    margin: 0 auto; }

@media only screen and (max-width: 970px) {
  .vf .search-snack__input {
    width: 480px; } }

@media only screen and (max-width: 639px) {
  .vf .search-snack__input {
    width: 100%; } }

.vf .social {
  margin: 35px 0 34px; }
  .vf .social__item {
    display: inline-block;
    padding: 0 15px; }
    .vf .social__item:first-child {
      padding-left: 0; }
    .vf .social__item--small {
      padding: 0 3px; }
  .vf .social__community-text {
    margin-right: 10px; }
  .vf .social__community {
    margin: 0;
    text-align: right; }

@media only screen and (max-width: 639px) {
  .vf .social {
    text-align: center;
    margin-top: 25px; }
    .vf .social__community {
      margin-top: 17px;
      float: none;
      display: inline-block;
      text-align: center; }
    .vf .social__list {
      margin-bottom: 10px; } }

.vf .user-menu {
  position: relative; }
  .vf .user-menu__image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white; }
    .vf .user-menu__image--icon {
      border: 2px solid white;
      background-color: #333333; }
    .vf .user-menu__image .icon {
      width: 22px;
      height: 22px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: relative; }

@media only screen and (max-width: 970px) {
  .vf .user-menu {
    position: static; }
    .vf .user-menu__image {
      width: 44px;
      height: 44px; } }

@media only screen and (max-width: 639px) {
  .vf .user-menu__image {
    width: 32px;
    height: 32px; } }

.vf .align--left {
  text-align: left !important; }

.vf .align--center {
  text-align: center !important; }

.vf .align--right {
  text-align: right !important; }

.vf .align--top {
  vertical-align: top !important; }

.vf .align--middle {
  vertical-align: middle !important; }

.vf .align--bottom {
  vertical-align: bottom !important; }

@media only screen and (max-width: 970px) {
  .vf .align--md-left {
    text-align: left !important; }
  .vf .align--md-center {
    text-align: center !important; }
  .vf .align--md-right {
    text-align: right !important; }
  .vf .align--md-top {
    vertical-align: top !important; }
  .vf .align--md-middle {
    vertical-align: middle !important; }
  .vf .align--md-bottom {
    vertical-align: bottom !important; } }

@media only screen and (max-width: 639px) {
  .vf .align--sm-left {
    text-align: left !important; }
  .vf .align--sm-center {
    text-align: center !important; }
  .vf .align--sm-right {
    text-align: right !important; }
  .vf .align--sm-top {
    vertical-align: top !important; }
  .vf .align--sm-middle {
    vertical-align: middle !important; }
  .vf .align--sm-bottom {
    vertical-align: bottom !important; } }

.vf .bold {
  font-family: "VodafoneRegularBold" !important; }

@media only screen and (min-width: 971px) {
  .vf .bold--lg {
    font-family: "VodafoneRegularBold" !important; } }

@media only screen and (min-width: 640px) and (max-width: 970px) {
  .vf .bold--md {
    font-family: "VodafoneRegularBold" !important; } }

@media only screen and (max-width: 640px) {
  .vf .bold--sm {
    font-family: "VodafoneRegularBold" !important; } }

.vf .disabled {
  cursor: not-allowed !important;
  opacity: .5 !important; }

.vf .display {
  display: block !important; }
  .vf .display--inline {
    display: inline !important; }
  .vf .display--inline-block {
    display: inline-block !important; }
  .vf .display--flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex; }
  .vf .display--grid {
    display: grid !important; }
    .vf .display--grid--order1 {
      order: 1; }
    .vf .display--grid--order2 {
      order: 2; }
    .vf .display--grid--order3 {
      order: 3; }

@media only screen and (max-width: 970px) {
  .vf .display--md-block {
    display: block !important; }
  .vf .display--md-grid {
    display: grid !important; }
    .vf .display--md-grid--order1 {
      order: 1; }
    .vf .display--md-grid--order2 {
      order: 2; }
    .vf .display--md-grid--order3 {
      order: 3; } }

@media only screen and (max-width: 639px) {
  .vf .display--sm-block {
    display: block !important; }
  .vf .display--sm-grid {
    display: grid !important; }
    .vf .display--sm-grid--order1 {
      order: 1; }
    .vf .display--sm-grid--order2 {
      order: 2; }
    .vf .display--sm-grid--order3 {
      order: 3; } }

.vf .float--left {
  float: left !important; }

.vf .float--right {
  float: right !important; }

.vf .float--none {
  float: none !important; }

.vf .flush--all {
  padding: 0 !important; }

.vf .flush--top {
  padding-top: 0 !important; }

.vf .flush--bottom {
  padding-bottom: 0 !important; }

.vf .flush--left {
  padding-left: 0 !important; }

.vf .flush--right {
  padding-right: 0 !important; }

.vf .flush--half {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.vf .flush--half-top {
  padding-top: 25px !important; }

.vf .flush--half-bottom {
  padding-bottom: 25px !important; }

@media only screen and (max-width: 970px) {
  .vf .flush--md-all {
    padding: 0 !important; }
  .vf .flush--md-top {
    padding-top: 0 !important; }
  .vf .flush--md-bottom {
    padding-bottom: 0 !important; }
  .vf .flush--md-left {
    padding-left: 0 !important; }
  .vf .flush--md-right {
    padding-right: 0 !important; }
  .vf .flush--md-half {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }
  .vf .flush--md-half-top {
    padding-top: 25px !important; }
  .vf .flush--md-half-bottom {
    padding-bottom: 25px !important; } }

@media only screen and (max-width: 639px) {
  .vf .flush--sm-all {
    padding: 0 !important; }
  .vf .flush--sm-top {
    padding-top: 0 !important; }
  .vf .flush--sm-bottom {
    padding-bottom: 0 !important; }
  .vf .flush--sm-left {
    padding-left: 0 !important; }
  .vf .flush--sm-right {
    padding-right: 0 !important; }
  .vf .flush--sm-half {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }
  .vf .flush--sm-half-top {
    padding-top: 25px !important; }
  .vf .flush--sm-half-bottom {
    padding-bottom: 25px !important; } }

.vf .font-color--red {
  color: #E60000; }

.vf .font-color--white {
  color: white; }

.vf .font-color--green {
  color: #428600; }

.vf .font-color--yellow {
  color: #FECB00; }

.vf .font-color--mine-shaft {
  color: #333333; }

.vf .font-color--dove-gray {
  color: #666666; }

.vf .font-color--dusty-gray {
  color: #999999; }

.vf .half-gutter--all {
  margin: 10px !important; }

.vf .half-gutter--top {
  margin-top: 10px !important; }

.vf .half-gutter--bottom {
  margin-bottom: 10px !important; }

.vf .half-gutter--left {
  margin-left: 10px !important; }

.vf .half-gutter--right {
  margin-right: 10px !important; }

@media only screen and (max-width: 970px) {
  .vf .half-gutter--md-all {
    margin: 10px !important; }
  .vf .half-gutter--md-top {
    margin-top: 10px !important; }
  .vf .half-gutter--md-bottom {
    margin-bottom: 10px !important; }
  .vf .half-gutter--md-left {
    margin-left: 10px !important; }
  .vf .half-gutter--md-right {
    margin-right: 10px !important; } }

@media only screen and (max-width: 639px) {
  .vf .half-gutter--sm-all {
    margin: 10px !important; }
  .vf .half-gutter--sm-top {
    margin-top: 10px !important; }
  .vf .half-gutter--sm-bottom {
    margin-bottom: 10px !important; }
  .vf .half-gutter--sm-left {
    margin-left: 10px !important; }
  .vf .half-gutter--sm-right {
    margin-right: 10px !important; } }

.vf .gutter--all {
  margin: 20px !important; }

.vf .gutter--top {
  margin-top: 20px !important; }

.vf .gutter--bottom {
  margin-bottom: 20px !important; }

.vf .gutter--left {
  margin-left: 20px !important; }

.vf .gutter--right {
  margin-right: 20px !important; }

@media only screen and (max-width: 970px) {
  .vf .gutter--md-all {
    margin: 20px !important; }
  .vf .gutter--md-top {
    margin-top: 20px !important; }
  .vf .gutter--md-bottom {
    margin-bottom: 20px !important; }
  .vf .gutter--md-left {
    margin-left: 20px !important; }
  .vf .gutter--md-right {
    margin-right: 20px !important; } }

@media only screen and (max-width: 639px) {
  .vf .gutter--sm-all {
    margin: 20px !important; }
  .vf .gutter--sm-top {
    margin-top: 20px !important; }
  .vf .gutter--sm-bottom {
    margin-bottom: 20px !important; }
  .vf .gutter--sm-left {
    margin-left: 20px !important; }
  .vf .gutter--sm-right {
    margin-right: 20px !important; } }

.vf .hide {
  display: none !important; }

@media only screen and (min-width: 971px) {
  .vf .hide--lg {
    display: none !important; } }

@media only screen and (min-width: 640px) and (max-width: 970px) {
  .vf .hide--md {
    display: none !important; } }

@media only screen and (max-width: 640px) {
  .vf .hide--sm {
    display: none !important; } }

.vf .map .gm-style .infomsg {
  display: none !important; }

.mouse-active *:focus {
  outline: 0 !important; }

.vf .no-gutter--all {
  margin: 0 !important; }

.vf .no-gutter--top {
  margin-top: 0 !important; }

.vf .no-gutter--bottom {
  margin-bottom: 0 !important; }

.vf .no-gutter--left {
  margin-left: 0 !important; }

.vf .no-gutter--right {
  margin-right: 0 !important; }

@media only screen and (max-width: 970px) {
  .vf .no-gutter--md-all {
    margin: 0 !important; }
  .vf .no-gutter--md-top {
    margin-top: 0 !important; }
  .vf .no-gutter--md-bottom {
    margin-bottom: 0 !important; }
  .vf .no-gutter--md-left {
    margin-left: 0 !important; }
  .vf .no-gutter--md-right {
    margin-right: 0 !important; } }

@media only screen and (max-width: 639px) {
  .vf .no-gutter--sm-all {
    margin: 0 !important; }
  .vf .no-gutter--sm-top {
    margin-top: 0 !important; }
  .vf .no-gutter--sm-bottom {
    margin-bottom: 0 !important; }
  .vf .no-gutter--sm-left {
    margin-left: 0 !important; }
  .vf .no-gutter--sm-right {
    margin-right: 0 !important; } }

.vf .no-js .lazyload {
  display: none !important; }

.vf .overflow--visible {
  overflow: visible; }

.vf .overflow--hidden {
  overflow: hidden; }

.vf .sticky {
  position: fixed !important; }

.vf .template {
  display: none !important; }

.vf .underline {
  text-decoration: underline !important; }

@media only screen and (min-width: 971px) {
  .vf .underline--lg {
    text-decoration: underline !important; } }

@media only screen and (min-width: 640px) and (max-width: 970px) {
  .vf .underline--md {
    text-decoration: underline !important; } }

@media only screen and (max-width: 640px) {
  .vf .underline--sm {
    text-decoration: underline !important; } }