html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}
html {
    line-height: 1;
    -webkit-text-size-adjust: 100%
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}
q,
blockquote {
    quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}
a img {
    border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block
}
.center {
    display: table;
    width: 100%;
    height: 100%
}
.middle {
    display: table-cell;
    vertical-align: middle
}
.hide {
    display: none
}
.no-js .hide {
    display: block
}
.show {
    display: inline-block
}
.hide-visually {
    visibility: hidden
}
.hidden {
    display: none !important
}
img {
    display: inline-block;
    vertical-align: middle
}
.no-js img[data-src] {
    display: none
}
.js img[data-src] {
    opacity: 0
}
.js img[data-src].lazyloaded {
    opacity: 1
}
.lazyloader {
    background: url(../img/loader-lrg.gif) no-repeat 50% 50%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px
}
.mouse-active * {
    outline: 0
}
.fl {
    float: left
}
.fr {
    float: right
}
#media-layout {
    position: relative;
    display: none;
    z-index: 3
}
.only-lrg,
.not-med,
.not-sml {
    display: block !important
}
.only-med,
.only-sml,
.not-lrg {
    display: none !important
}
@media all and (max-width: 970px) {
    #media-layout {
        z-index: 2
    }
    .only-med,
    .not-lrg,
    .not-sml {
        display: block !important
    }
    .only-lrg,
    .only-sml,
    .not-med {
        display: none !important
    }
}
@media all and (max-width: 640px) {
    #media-layout {
        z-index: 1
    }
    .only-sml,
    .not-med,
    .not-lrg {
        display: block !important
    }
    .not-sml,
    .only-med,
    .only-lrg {
        display: none !important
    }
}
*:focus {
    outline: #e60000 solid thick
}
body.mouse-active *:focus {
    outline: none
}
.grey {
    background: #f4f4f4
}
.greywrap {
    background: #f4f4f4;
    overflow: auto;
    padding-top: 50px;
    margin-bottom: 50px
}
html {
    box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit
}
.cf:before,
.row:before,
.grid:before,
.grid-sml:before,
.tg-head:before,
.ttg-head:before,
.masonry:before,
.country-redirect .cr-nav--alt:before,
.mod-tab__tabs:before,
.mod-tab__submenu li:before,
.investor-calendar .belt:before,
.investor-calendar .year-dd:before,
.contact-us form:before,
.story-carousel__image-wrapper:before,
.story-carousel__overlay:before,
.our-people__list:before,
.story-telling__image-wrapper:before,
.image-gallery__bar:before,
.specifications .swatches:before,
.cf:after,
.row:after,
.grid:after,
.grid-sml:after,
.tg-head:after,
.ttg-head:after,
.masonry:after,
.country-redirect .cr-nav--alt:after,
.mod-tab__tabs:after,
.mod-tab__submenu li:after,
.investor-calendar .belt:after,
.investor-calendar .year-dd:after,
.contact-us form:after,
.story-carousel__image-wrapper:after,
.story-carousel__overlay:after,
.our-people__list:after,
.story-telling__image-wrapper:after,
.image-gallery__bar:after,
.specifications .swatches:after {
    content: " ";
    display: table
}
.cf:after,
.row:after,
.grid:after,
.grid-sml:after,
.tg-head:after,
.ttg-head:after,
.masonry:after,
.country-redirect .cr-nav--alt:after,
.mod-tab__tabs:after,
.mod-tab__submenu li:after,
.investor-calendar .belt:after,
.investor-calendar .year-dd:after,
.contact-us form:after,
.story-carousel__image-wrapper:after,
.story-carousel__overlay:after,
.our-people__list:after,
.story-telling__image-wrapper:after,
.image-gallery__bar:after,
.specifications .swatches:after {
    clear: both
}
.lt-ie8 .cf,
.lt-ie8 .row,
.lt-ie8 .grid,
.lt-ie8 .grid-sml,
.lt-ie8 .tg-head,
.lt-ie8 .ttg-head,
.lt-ie8 .masonry,
.lt-ie8 .country-redirect .cr-nav--alt,
.country-redirect .lt-ie8 .cr-nav--alt,
.lt-ie8 .mod-tab__tabs,
.lt-ie8 .mod-tab__submenu li,
.mod-tab__submenu .lt-ie8 li,
.lt-ie8 .investor-calendar .belt,
.investor-calendar .lt-ie8 .belt,
.lt-ie8 .investor-calendar .year-dd,
.investor-calendar .lt-ie8 .year-dd,
.lt-ie8 .contact-us form,
.contact-us .lt-ie8 form,
.lt-ie8 .story-carousel__image-wrapper,
.lt-ie8 .story-carousel__overlay,
.lt-ie8 .our-people__list,
.lt-ie8 .story-telling__image-wrapper,
.lt-ie8 .image-gallery__bar,
.lt-ie8 .specifications .swatches,
.specifications .lt-ie8 .swatches {
    zoom: 1
}
.belt {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 10px
}
.spring {
    min-width: 320px;
    width: 100%
}
.grid {
    margin-left: -20px
}
.grid .col {
    float: left;
    padding-left: 20px
}
.lt-ie8 .grid .col {
    margin-right: -1px
}
.grid.switch-grids .col {
    float: right
}
.lrg-5 {
    width: 5%
}
.lrg-10 {
    width: 10%
}
.lrg-15 {
    width: 15%
}
.lrg-20 {
    width: 20%
}
.lrg-25 {
    width: 25%
}
.lrg-30 {
    width: 30%
}
.lrg-35 {
    width: 35%
}
.lrg-40 {
    width: 40%
}
.lrg-45 {
    width: 45%
}
.lrg-50 {
    width: 50%
}
.lrg-55 {
    width: 55%
}
.lrg-60 {
    width: 60%
}
.lrg-65 {
    width: 65%
}
.lrg-70 {
    width: 70%
}
.lrg-75 {
    width: 75%
}
.lrg-80 {
    width: 80%
}
.lrg-85 {
    width: 85%
}
.lrg-90 {
    width: 90%
}
.lrg-95 {
    width: 95%
}
.lrg-100 {
    width: 100%
}
.lrg-16 {
    width: 16.6666666%
}
.lrg-33 {
    width: 33.3333333%
}
.lrg-66 {
    width: 66.6666666%
}
@media only screen and (max-width: 970px) {
    .med-5 {
        width: 5%
    }
    .med-10 {
        width: 10%
    }
    .med-15 {
        width: 15%
    }
    .med-20 {
        width: 20%
    }
    .med-25 {
        width: 25%
    }
    .med-30 {
        width: 30%
    }
    .med-35 {
        width: 35%
    }
    .med-40 {
        width: 40%
    }
    .med-45 {
        width: 45%
    }
    .med-50 {
        width: 50%
    }
    .med-55 {
        width: 55%
    }
    .med-60 {
        width: 60%
    }
    .med-65 {
        width: 65%
    }
    .med-70 {
        width: 70%
    }
    .med-75 {
        width: 75%
    }
    .med-80 {
        width: 80%
    }
    .med-85 {
        width: 85%
    }
    .med-90 {
        width: 90%
    }
    .med-95 {
        width: 95%
    }
    .med-100 {
        width: 100%
    }
    .med-16 {
        width: 16.6666666%
    }
    .med-33 {
        width: 33.3333333%
    }
    .med-66 {
        width: 66.6666666%
    }
}
@media only screen and (max-width: 640px) {
    .grid-sml {
        margin-left: -20px
    }
    .col {
        width: 100%
    }
    .sml-5 {
        width: 5%
    }
    .sml-10 {
        width: 10%
    }
    .sml-15 {
        width: 15%
    }
    .sml-20 {
        width: 20%
    }
    .sml-25 {
        width: 25%
    }
    .sml-30 {
        width: 30%
    }
    .sml-35 {
        width: 35%
    }
    .sml-40 {
        width: 40%
    }
    .sml-45 {
        width: 45%
    }
    .sml-50 {
        width: 50%
    }
    .sml-55 {
        width: 55%
    }
    .sml-60 {
        width: 60%
    }
    .sml-65 {
        width: 65%
    }
    .sml-70 {
        width: 70%
    }
    .sml-75 {
        width: 75%
    }
    .sml-80 {
        width: 80%
    }
    .sml-85 {
        width: 85%
    }
    .sml-90 {
        width: 90%
    }
    .sml-95 {
        width: 95%
    }
    .sml-100 {
        width: 100%
    }
    .sml-16 {
        width: 16.6666666%
    }
    .sml-33 {
        width: 33.3333333%
    }
    .sml-66 {
        width: 66.6666666%
    }
}
img {
    max-width: 100%
}
.img-full,
.main-carousel__slide-image {
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
    position: relative
}
.tint-dark:before {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    z-index: 1
}
.brightcove .vjs-control-bar {
    display: none !important
}
.brightcove .vjs-big-play-button {
    display: none !important
}
.brightcove .vjs-poster {
    background-size: cover !important
}
.play-btn {
    position: absolute;
    margin: -50px 0 0 -50px;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    opacity: 0.75;
    cursor: pointer
}
.play-btn:before {
    content: '';
    position: absolute;
    top: 0;
    background: #333;
    opacity: 0.75;
    width: 100px;
    height: 100px;
    z-index: -1
}
@keyframes (bounce) {
    0%, 20%, 80%, 100% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-15px)
    }
    50% {
        transform: translateY(15px)
    }
}
.bounce {
    animation: bounce 2s infinite
}
.list li {
    margin-bottom: 10px
}
.list li:last-child {
    margin-bottom: 0
}
.link-list a {
    font-family: "VodafoneLight", "Arial", sans-serif;
    display: block;
    padding: 10px 45px 10px 15px;
    position: relative
}
.link-list i {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px
}
.list-styled {
    margin-left: 25px
}
ol.list-styled {
    list-style: decimal
}
ul.list-styled {
    list-style: disc
}
.list-margin {
    margin-bottom: 15px
}
table {
    border-collapse: collapse
}
table th {
    font-weight: 700
}
table td {
    padding: 10px
}
@font-face {
    font-family: "VodafoneBold";
    src: url("../fonts/vodafonergbd-webfont.eot");
    src: url("../fonts/vodafonergbd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vodafonergbd-webfont.woff") format("woff"), url("../fonts/vodafonergbd-webfont.ttf") format("truetype"), url("../fonts/vodafonergbd-webfont.svg#VodafoneBold") format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: "VodafoneRegular";
    src: url("../fonts/VodafoneRgd41d.eot");
    src: url("../fonts/VodafoneRgd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/VodafoneRg.woff") format("woff"), url("../fonts/VodafoneRg.ttf") format("truetype"), url("../fonts/VodafoneRg.svg#VodafoneRegular") format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "VodafoneLight";
    src: url("../fonts/vodafonelt-webfont.eot");
    src: url("../fonts/vodafonelt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vodafonelt-webfont.woff2") format("woff2"), url("../fonts/vodafonelt-webfont.woff") format("woff"), url("../fonts/vodafonelt-webfont.ttf") format("truetype"), url("../fonts/vodafonelt-webfont.svg#vodafone_ltregular") format("svg");
    font-weight: 100;
    font-style: normal
}
form input[type='date'],
form input[type='text'],
form select {
    background: #fff;
    padding: 10px;
    font-size: 18px;
    border: none;
    color: #333;
    width: 100%
}
form input[type='date']:focus,
form input[type='text']:focus,
form select:focus {
    outline: 0;
    box-shadow: 0px 0px 11px 2px rgba(0, 0, 0, 0.25)
}
form textarea {
    min-height: 100px;
    width: 100%
}
form::-webkit-input-placeholder {
    color: #666
}
form::-moz-placeholder {
    color: #666
}
form:-ms-input-placeholder {
    color: #666
}
form input:-moz-placeholder {
    color: #666
}
form button,
form button[type="submit"],
form .btn {
    border: none;
    background: #e60000;
    color: #fff
}
form button.btn-alt,
form button[type="submit"].btn-alt,
form .btn.btn-alt {
    background: #333
}
form button.btn-alt:hover,
form button[type="submit"].btn-alt:hover,
form .btn.btn-alt:hover {
    background: #4d4d4d
}
form .select-styled {
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative
}
form .select-styled i {
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px
}
form .select-styled select {
    width: 110%;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    height: 40px;
    padding-top: 3px;
    padding-bottom: 3px
}
form .select-styled.grey {
    background: #ccc
}
body {
    color: #333;
    font: 400 18px/1.5 "Arial", sans-serif
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.career-media__title,
.shout-3-col .slide-item__heading,
.tab__blockquote blockquote p,
.story-telling__blockquote blockquote p,
.story-telling__description,
h5,
.h5,
h6,
.h6 {
    color: inherit;
    font: inherit;
    margin-bottom: 5px
}
h1 span,
.h1 span,
h2 span,
.h2 span,
h3 span,
.h3 span,
h4 span,
.h4 span,
.career-media__title span,
.shout-3-col .slide-item__heading span,
.tab__blockquote blockquote p span,
.story-telling__blockquote blockquote p span,
.story-telling__description span,
h5 span,
.h5 span,
h6 span,
.h6 span {
    font-family: "VodafoneBold"
}
h1,
.h1 {
    font: 68px/1.077 "VodafoneLight";
    margin-bottom: 55px
}
h2,
.h2 {
    font: 44px/1.158 "VodafoneLight";
    margin-bottom: 50px
}
h3,
.h3 {
    font: 40px/1.176 "VodafoneLight";
    margin-bottom: 30px
}
h4,
.h4,
.career-media__title,
.shout-3-col .slide-item__heading,
.tab__blockquote blockquote p,
.story-telling__blockquote blockquote p,
.story-telling__description {
    font: 30px/1.333 "VodafoneBold";
    margin-bottom: 20px
}
h5,
.h5 {
    font: 20px/1.333 "VodafoneBold";
    margin-bottom: 15px
}
.has-subhead {
    margin-bottom: 15px
}
p {
    margin-bottom: 15px
}
.small-print {
    font-size: 12px
}
@media only screen and (max-width: 970px) {
    body {
        font: 400 16px/1.5 "Arial", sans-serif
    }
    h1,
    .h1 {
        font: 34px/1.077 "VodafoneLight";
        margin-bottom: 20px
    }
    h2,
    .h2 {
        font: 28px/1.158 "VodafoneLight";
        margin-bottom: 10px
    }
    h3,
    .h3 {
        font: 24px/1.176 "VodafoneLight"
    }
}
@media only screen and (max-width: 640px) {
    body {
        font: 400 14px/1.5 "Arial", sans-serif
    }
}
.no-leading {
    margin: 0
}
.text-center {
    text-align: center
}
strong,
.bold {
    font-weight: 700
}
.bold--orange {
    font-weight: 700;
    color: #ff5400
}
em {
    font-style: italic
}
.line-through {
    text-decoration: line-through
}
sup {
    vertical-align: super;
    font-size: 70%
}
sub {
    font-size: 70%;
    position: relative;
    top: 0.2em
}
.red {
    color: #e60000
}
hr,
.hr {
    border: 0;
    border-top: 1px solid #f4f4f4;
    height: 0;
    margin: 15px 0
}
.access {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    pointer-events: none
}
a {
    text-decoration: none;
    color: inherit
}
a:hover {
    text-decoration: underline
}
[class^="i-"] {
    background-image: url("../sprites/sprite.png");
    display: inline-block;
    vertical-align: middle
}
svg+[class^="i-"] {
    display: none !important
}
.i-add-blk-sml {
    background-position: -24px -410px;
    height: 23px;
    width: 23px
}
.i-add-red-lrg {
    background-position: -273px -223px;
    height: 44px;
    width: 44px
}
.i-alert-b-sml {
    background-position: -417px -270px;
    height: 17px;
    width: 17px
}
.i-arrow-blk-d {
    background-position: -401px -358px;
    height: 16px;
    width: 16px
}
.i-arrow-blk-l {
    background-position: -155px -388px;
    height: 16px;
    width: 16px
}
.i-arrow-blk-r {
    background-position: -139px -388px;
    height: 16px;
    width: 16px
}
.i-arrow-blk-u {
    background-position: -123px -388px;
    height: 16px;
    width: 16px
}
.i-arrow-down-white {
    background-position: 0px -313px;
    height: 45px;
    width: 40px
}
.i-arrow-g-d {
    background-position: -386px -345px;
    height: 12px;
    width: 16px
}
.i-arrow-g-u {
    background-position: -370px -269px;
    height: 12px;
    width: 16px
}
.i-arrow-gry-l-lrg {
    background-position: -386px -110px;
    height: 55px;
    width: 31px
}
.i-arrow-gry-l-xl {
    background-position: -386px -210px;
    height: 45px;
    width: 27px
}
.i-arrow-gry-r-lrg {
    background-position: -291px -124px;
    height: 55px;
    width: 31px
}
.i-arrow-gry-r-xl {
    background-position: -386px -255px;
    height: 45px;
    width: 27px
}
.i-arrow-gry-r {
    background-position: -370px -253px;
    height: 16px;
    width: 16px
}
.i-arrow-r-d {
    background-position: -370px -237px;
    height: 16px;
    width: 16px
}
.i-arrow-red-d {
    background-position: -417px -367px;
    height: 16px;
    width: 16px
}
.i-arrow-red-l-lrg {
    background-position: -386px 0px;
    height: 55px;
    width: 31px
}
.i-arrow-red-l {
    background-position: -417px -351px;
    height: 16px;
    width: 16px
}
.i-arrow-red-r-lrg {
    background-position: -386px -55px;
    height: 55px;
    width: 31px
}
.i-arrow-red-r {
    background-position: -417px -303px;
    height: 16px;
    width: 16px
}
.i-arrow-red-u {
    background-position: -304px -269px;
    height: 16px;
    width: 16px
}
.i-arrow-w-left-xl {
    background-position: -386px -300px;
    height: 45px;
    width: 27px
}
.i-arrow-w-right-xl {
    background-position: -67px -313px;
    height: 45px;
    width: 27px
}
.i-arrow-whte-d-gallery {
    background-position: -91px -86px;
    height: 38px;
    width: 36px
}
.i-arrow-whte-d {
    background-position: -417px -287px;
    height: 16px;
    width: 16px
}
.i-arrow-whte-l-gallery {
    background-position: -284px -86px;
    height: 36px;
    width: 38px
}
.i-arrow-whte-l-lrg {
    background-position: -324px -107px;
    height: 65px;
    width: 36px
}
.i-arrow-whte-l-xl {
    background-position: -386px -165px;
    height: 45px;
    width: 27px
}
.i-arrow-whte-l {
    background-position: -417px -335px;
    height: 16px;
    width: 16px
}
.i-arrow-whte-r-gallery {
    background-position: -246px -86px;
    height: 36px;
    width: 38px
}
.i-arrow-whte-r-lrg {
    background-position: -324px -172px;
    height: 65px;
    width: 36px
}
.i-arrow-whte-r-xl {
    background-position: -40px -313px;
    height: 45px;
    width: 27px
}
.i-arrow-whte-r {
    background-position: -417px -319px;
    height: 16px;
    width: 16px
}
.i-arrow-whte-u {
    background-position: -417px -383px;
    height: 16px;
    width: 16px
}
.i-bar-chart {
    background-position: -417px -118px;
    height: 26px;
    width: 15px
}
.i-bars-red-sml {
    background-position: -274px -269px;
    height: 30px;
    width: 30px
}
.i-bulb-g {
    background-position: -417px -170px;
    height: 22px;
    width: 16px
}
.i-bulb {
    background-position: -417px -192px;
    height: 22px;
    width: 16px
}
.i-burger-b {
    background-position: -280px -358px;
    height: 17px;
    width: 25px
}
.i-burger-w {
    background-position: -305px -358px;
    height: 17px;
    width: 25px
}
.i-calendar-sml {
    background-position: 0px -358px;
    height: 30px;
    width: 28px
}
.i-careers-lrg {
    background-position: -208px 0px;
    height: 86px;
    width: 116px
}
.i-careers-sml {
    background-position: -196px -358px;
    height: 21px;
    width: 28px
}
.i-coffee {
    background-position: -208px -86px;
    height: 37px;
    width: 38px
}
.i-comment-sml {
    background-position: -324px -283px;
    height: 30px;
    width: 36px
}
.i-cross-b-lrg {
    background-position: -161px -86px;
    height: 34px;
    width: 34px
}
.i-cross-b {
    background-position: -73px -388px;
    height: 19px;
    width: 25px
}
.i-cross-w-lrg {
    background-position: -291px -179px;
    height: 32px;
    width: 32px
}
.i-cross-w {
    background-position: -98px -388px;
    height: 19px;
    width: 25px
}
.i-device-3g {
    background-position: -181px -223px;
    height: 46px;
    width: 46px
}
.i-device-4g {
    background-position: -89px -223px;
    height: 46px;
    width: 46px
}
.i-device-android {
    background-position: -227px -223px;
    height: 46px;
    width: 46px
}
.i-device-camera {
    background-position: -135px -223px;
    height: 46px;
    width: 46px
}
.i-device-outline {
    background-position: -324px -237px;
    height: 46px;
    width: 46px
}
.i-download-b {
    background-position: -301px -313px;
    height: 28px;
    width: 29px
}
.i-ellipsis {
    background-position: -214px -301px;
    height: 8px;
    width: 32px
}
.i-facebook-w-lrg {
    background-position: -111px -358px;
    height: 27px;
    width: 27px
}
.i-facebook {
    background-position: -360px -139px;
    height: 25px;
    width: 25px
}
.i-find-sml {
    background-position: -360px -107px;
    height: 32px;
    width: 23px
}
.i-foundation-lrg {
    background-position: -196px -124px;
    height: 92px;
    width: 95px
}
.i-foundation-sml {
    background-position: -51px -388px;
    height: 22px;
    width: 22px
}
.i-g-plus {
    background-position: -360px -172px;
    height: 25px;
    width: 25px
}
.i-globe-b {
    background-position: -358px -313px;
    height: 28px;
    width: 28px
}
.i-globe-w {
    background-position: -330px -313px;
    height: 28px;
    width: 28px
}
.i-graph-g {
    background-position: -417px -144px;
    height: 26px;
    width: 15px
}
.i-heart {
    background-position: -26px -388px;
    height: 22px;
    width: 25px
}
.i-home-red-sml {
    background-position: -211px -313px;
    height: 30px;
    width: 30px
}
.i-innovation-lrg {
    background-position: 0px 0px;
    height: 124px;
    width: 91px
}
.i-innovation-sml {
    background-position: -417px 0px;
    height: 27px;
    width: 21px
}
.i-instagram-border {
    background-position: -173px -269px;
    height: 41px;
    width: 41px
}
.i-instagram-w-lrg {
    background-position: -84px -358px;
    height: 27px;
    width: 27px
}
.i-instagram {
    background-position: -360px -283px;
    height: 24px;
    width: 24px
}
.i-investors-lrg {
    background-position: -324px 0px;
    height: 107px;
    width: 62px
}
.i-investors-sml {
    background-position: -417px -92px;
    height: 26px;
    width: 15px
}
.i-just-giving-sml {
    background-position: -417px -50px;
    height: 21px;
    width: 21px
}
.i-leaf-g {
    background-position: -330px -358px;
    height: 17px;
    width: 24px
}
.i-leaf-w {
    background-position: -354px -358px;
    height: 17px;
    width: 24px
}
.i-like-sml {
    background-position: -94px -313px;
    height: 35px;
    width: 27px
}
.i-linkedin-border {
    background-position: -173px -269px;
    height: 41px;
    width: 41px
}
.i-linkedin {
    background-position: -417px -253px;
    height: 17px;
    width: 19px
}
.i-location-icon {
    background-position: -214px -269px;
    height: 32px;
    width: 30px
}
.i-mug {
    background-position: -360px -222px;
    height: 14px;
    width: 18px
}
.i-open-gallery {
    background-position: 0px -223px;
    height: 90px;
    width: 89px
}
.i-pause-w-lrg {
    background-position: -47px -410px;
    height: 17px;
    width: 15px
}
.i-pause-w {
    background-position: -417px -231px;
    height: 22px;
    width: 15px
}
.i-person-red-sml {
    background-position: -241px -313px;
    height: 30px;
    width: 30px
}
.i-phone-red-sml {
    background-position: -244px -269px;
    height: 30px;
    width: 30px
}
.i-pinterest {
    background-position: -360px -197px;
    height: 25px;
    width: 25px
}
.i-play-b {
    background-position: -98px -124px;
    height: 99px;
    width: 98px
}
.i-play-w-sml {
    background-position: -195px -86px;
    height: 17px;
    width: 10px
}
.i-play-w {
    background-position: 0px -124px;
    height: 99px;
    width: 98px
}
.i-question-red-sml {
    background-position: -181px -313px;
    height: 30px;
    width: 30px
}
.i-refresh-r {
    background-position: -138px -358px;
    height: 24px;
    width: 29px
}
.i-reply {
    background-position: -378px -358px;
    height: 16px;
    width: 23px
}
.i-retweet {
    background-position: -252px -358px;
    height: 17px;
    width: 28px
}
.i-search-b {
    background-position: -28px -358px;
    height: 28px;
    width: 28px
}
.i-search-mbl-lrg {
    background-position: 0px -410px;
    height: 23px;
    width: 24px
}
.i-search-w {
    background-position: -56px -358px;
    height: 28px;
    width: 28px
}
.i-share-sml {
    background-position: -417px -71px;
    height: 21px;
    width: 20px
}
.i-share {
    background-position: -127px -86px;
    height: 36px;
    width: 34px
}
.i-shop-red-sml {
    background-position: -151px -313px;
    height: 30px;
    width: 30px
}
.i-signal-red-sml {
    background-position: -121px -313px;
    height: 30px;
    width: 30px
}
.i-sustainability-lrg {
    background-position: -91px 0px;
    height: 86px;
    width: 117px
}
.i-sustainability-sml {
    background-position: -167px -358px;
    height: 21px;
    width: 29px
}
.i-telephone-blk {
    background-position: -271px -313px;
    height: 29px;
    width: 30px
}
.i-twitter-border {
    background-position: -89px -269px;
    height: 42px;
    width: 42px
}
.i-twitter-w-lrg {
    background-position: 0px -388px;
    height: 22px;
    width: 26px
}
.i-twitter {
    background-position: -417px -214px;
    height: 17px;
    width: 20px
}
.i-vine {
    background-position: -417px -27px;
    height: 23px;
    width: 20px
}
.i-youtube-border {
    background-position: -131px -269px;
    height: 41px;
    width: 42px
}
.i-youtube {
    background-position: -224px -358px;
    height: 20px;
    width: 28px
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}
a:hover {
    text-decoration: underline;
    cursor: pointer
}
a:focus {
    z-index: 1
}
.body-link {
    font-weight: 700;
    color: #e60000;
    text-decoration: underline
}
a.arrow {
    position: relative
}
a.arrow-r:after {
    content: '>';
    color: #e60000;
    position: absolute;
    right: -20px
}
a.arrow-l {
    padding-left: 20px
}
a.arrow-l:before {
    content: '<';
    color: #e60000;
    position: absolute;
    left: 0
}
.btn {
    background: #333;
    color: #fff;
    padding: 10px 50px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative
}
.btn i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px
}
.btn:hover {
    background: #4d4d4d;
    text-decoration: none
}
.btn--red {
    background: #e60000
}
.btn-alt {
    background: #333;
    color: #fff;
    padding: 8px 0 8px 15px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block
}
.btn-reset,
.map-tooltip__close-button,
.our-people-person.active .close {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: inherit;
    padding: 0
}
@media only screen and (max-width: 970px) {
    .btn {
        padding: 8px 30px;
        margin: 0 15px 15px 0
    }
    .btn i {
        right: 10px
    }
}
.js .mod-collapsible .co-body {
    display: none;
    position: relative
}
.js .mod-collapsible .co-display {
    display: block
}
.js .mod-collapsible .co-head {
    position: relative
}
.js .mod-collapsible .co-head i,
.js .mod-collapsible .co-head [class^="icon-chevron"] {
    transform: rotate(0deg);
    transition: all .3s ease
}
.js .mod-collapsible .co-selected:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -34px;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #f4f4f4
}
.js .mod-collapsible .co-selected i,
.js .mod-collapsible .co-selected [class^="icon-chevron"] {
    transform: rotate(180deg);
    transition: all .3s ease
}
.js .mod-collapsible .co-alt-head.co-selected:after {
    border-bottom-color: #333;
    bottom: -44px
}
.js .mod-collapsible .co-alt-body {
    position: static
}
.js .mod-collapsible .co-close {
    cursor: pointer;
    top: 50px;
    right: 30px;
    position: absolute;
    display: block
}
.js .mod-collapsible .co-alt-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #333;
    z-index: 4;
    margin-top: 24px;
    color: #fff;
    padding: 50px 0 30px
}
.js .mod-collapsible .co-alt-wrap .belt {
    position: relative
}
.js .mod-collapsible .co-alt-wrap .i-cross-w {
    display: none
}
@media only screen and (max-width: 640px) {
    .js .mod-collapsible .co-alt-wrap .i-cross-w-lrg {
        display: none
    }
    .js .mod-collapsible .co-alt-wrap .i-cross-w {
        display: block
    }
}
.aria-hidden {
    visibility: hidden
}
.mod-read-more .rm-body {
    display: none;
    position: relative
}
.mod-read-more .rm-head i {
    display: inline-block;
    margin-left: 10px;
    position: static
}
.mod-read-more .rm-head {
    padding: 0;
    box-shadow: none
}
.mod-read-more .rm-display {
    padding: 0;
    display: block
}
.mod-read-more .rm-show {
    display: inline-block
}
.mod-read-more .rm-hide {
    display: none
}
.mod-read-more .rm-active .rm-show {
    display: none
}
.mod-read-more .rm-active .rm-hide {
    display: inline-block
}
.no-js .mod-read-more .rm-body {
    display: block
}
.tg-head,
.ttg-head {
    position: relative
}
.tg-active .tg-show {
    display: none
}
.tg-active .tg-hide {
    display: inline-block
}
.tg-active i.tg-hide,
.tg-active i.tg-show,
.tg-active i.tg-link {
    right: 19px
}
.grey-box {
    background: #f4f4f4;
    padding: 50px 0;
    margin-bottom: 50px
}
.dark-box {
    background: #333;
    padding: 40px 0;
    margin-bottom: 50px
}
@media only screen and (max-width: 640px) {
    .grey-box {
        padding-top: 30px
    }
}
.template {
    display: none !important
}
.masonry {
    margin-bottom: 50px
}
.masonry .tile {
    display: inline-block;
    position: relative;
    width: 50%;
    float: left
}
.masonry .tile:before {
    content: "";
    display: block;
    padding-top: 100%
}
.masonry .ratio-2-1:before {
    padding-top: 50%
}
.masonry .ratio-1-2:before {
    padding-top: 200%
}
.masonry .ratio-4-3:before {
    padding-top: 75%
}
.masonry .ratio-16-9:before {
    padding-top: 56.25555%
}
.masonry .tile-inner {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px
}
.masonry .border {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 10px solid #fff
}
.no-js .masonry .tile {
    float: none;
    display: block
}
.no-js .masonry .tile:before {
    padding-top: 0
}
.no-js .masonry .tile:before,
.no-js .masonry .tile-inner,
.no-js .masonry .border {
    position: static
}
.js .masonry-a .tile,
.js .masonry-b .tile {
    transition: opacity .3s ease-in;
    opacity: 0
}
.js .masonry-a.play .tile,
.js .masonry-b.play .tile {
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+1),
.js .masonry-b.play .tile:nth-child(n+1) {
    transition-delay: 0.1s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+2),
.js .masonry-b.play .tile:nth-child(n+2) {
    transition-delay: 0.2s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+3),
.js .masonry-b.play .tile:nth-child(n+3) {
    transition-delay: 0.3s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+4),
.js .masonry-b.play .tile:nth-child(n+4) {
    transition-delay: 0.4s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+5),
.js .masonry-b.play .tile:nth-child(n+5) {
    transition-delay: 0.5s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+6),
.js .masonry-b.play .tile:nth-child(n+6) {
    transition-delay: 0.6s;
    opacity: 1
}
.js .masonry-a.play .tile:nth-child(n+7),
.js .masonry-b.play .tile:nth-child(n+7) {
    transition-delay: 0.7s;
    opacity: 1
}
.js .masonry-a.done .tile,
.js .masonry-b.done .tile {
    opacity: 1
}
@media only screen and (max-width: 970px) {
    .js .masonry-a .tile,
    .js .masonry-b .tile {
        opacity: 1
    }
}
.masonry-a .ratio-1-1.grid-1 {
    width: 25%
}
@media only screen and (max-width: 970px) {
    .masonry-a .ratio-1-1.grid-1 {
        width: 33.333%
    }
    .masonry-a .ratio-2-1.grid-2 {
        width: 66.666%
    }
    .masonry-a .ratio-1-1.grid-4 {
        width: 66.5%;
        margin-top: -33.333%
    }
    .masonry-a .med-ratio-1-2.grid-2 {
        width: 33.333%
    }
    .masonry-a .med-ratio-1-2:before {
        padding-top: 200%
    }
}
@media only screen and (max-width: 640px) {
    .masonry-a .ratio-1-1.grid-1,
    .masonry-a .ratio-2-1.grid-2,
    .masonry-a .ratio-1-1.grid-4 {
        width: 100%
    }
    .masonry-a .ratio-1-1.grid-4 {
        margin-top: 0
    }
    .masonry-a .med-ratio-1-2 {
        padding-top: 0
    }
    .masonry-a .ratio-2-1:before {
        padding-top: 66.666%
    }
    .masonry-a .sml-ratio-2-1:before {
        padding-top: 150%
    }
}
.masonry-b .ratio-4-3.grid-4 {
    width: 75%
}
.masonry-b .ratio-4-3:before {
    padding-top: 66.66%
}
.masonry-b .ratio-1-2.grid-2 {
    width: 25%
}
.masonry-b .ratio-1-1.grid-1 {
    width: 25%
}
.masonry-b .ratio-2-1.grid-2 {
    width: 50%
}
@media only screen and (max-width: 970px) {
    .masonry-b .ratio-4-3.grid-4 {
        width: 100%
    }
    .masonry-b .ratio-1-2.grid-2,
    .masonry-b .ratio-1-1.grid-1 {
        width: 33.33%
    }
    .masonry-b .ratio-2-1.grid-2 {
        width: 66.66%
    }
}
@media only screen and (max-width: 640px) {
    .masonry-b .ratio-1-2.grid-2,
    .masonry-b .ratio-1-1.grid-1,
    .masonry-b .ratio-2-1.grid-2 {
        width: 100%
    }
    .masonry-b .ratio-4-3:before,
    .masonry-b .ratio-1-2:before {
        padding-top: 150%
    }
    .masonry-b .ratio-2-1:before {
        padding-top: 66.666%
    }
}
.tile-social:hover {
    cursor: pointer
}
.tile-social .flip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    perspective: 1500px
}
.mouse-active .tile-social .flip {
    outline: none
}
.tile-social .flip>.front {
    position: absolute;
    background: #333;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transform: perspective(1500px) rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .3s ease-out 0s
}
.tile-social .flip>.front i {
    position: absolute;
    left: 15px;
    top: 15px
}
.tile-social .flip>.front img {
    width: 100%
}
.tile-social .flip>.back {
    position: absolute;
    background: #333;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1;
    transform: perspective(1500px) rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .3s ease-out 0s;
    transform-style: preserve-3d;
    display: table;
    width: 100%;
    height: 100%
}
.tile-social .flip>.back a {
    color: #eb9700;
    display: inline-block
}
.tile-social .flip>.back a span {
    display: block
}
.tile-social.active .front {
    perspective: 1500px;
    transform: rotateY(-180deg);
    transform: perspective(1500px) rotateY(-180deg)
}
.tile-social.active .back {
    perspective: 1500px;
    transform: rotateY(0deg);
    transform: perspective(1500px) rotateY(0deg)
}
.tile-social .social-txt {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 15px 15px 0 15px;
    display: table;
    width: 100%;
    height: 100%
}
.tile-social .social-txt .avatar {
    display: table-row;
    height: 70px
}
.tile-social .social-txt .avatar img {
    width: 70px;
    border-radius: 50%
}
.tile-social .social-txt .avatar-plain img {
    border: none
}
.tile-social .social-txt p {
    line-height: 20px;
    margin-bottom: 0;
    padding: 5px 0
}
.tile-social .social-txt a {
    color: #eb9700
}
.lte-ie9 .tile-social.active .front {
    display: none
}
.lte-ie9 .tile-social .social-txt .avatar img {
    border: none
}
.no-js .tile-social .flip {
    position: static
}
.no-js .tile-social .front,
.no-js .tile-social .back {
    position: static;
    transform: none
}
@media only screen and (max-width: 970px) {
    .tile-social .social-txt .avatar {
        display: none
    }
}
@media only screen and (max-width: 640px) {
    .tile-social .social-txt {
        padding: 10% 15% 0 15%
    }
    .tile-social .social-txt p {
        font-size: 18px;
        line-height: 22px
    }
    .tile-social .social-txt .avatar {
        display: table-row
    }
    .tile-social .social-txt .avatar img {
        width: auto;
        padding: 0 25%
    }
    .tile-social .flip>.front i {
        left: 10px;
        top: 10px
    }
}
.tile-story .story {
    background: #f4f4f4;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow: hidden
}
.tile-story .story:hover .h3 {
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px
}
.tile-story .article-link-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.tile-story .article-link-wrap .article-link {
    visibility: hidden
}
.tile-story .link-list {
    margin: 0 -5px 0 -5px;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 20px
}
.tile-story .link-list a:hover {
    background: #fff
}
.tile-story .aux-icon {
    position: absolute;
    bottom: 15px;
    left: 15px
}
.tile-story .slidelink,
.tile-story .storylink {
    font-weight: 700;
    display: block;
    padding: 10px 15px;
    margin-top: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f4f4f4
}
.tile-story .slidelink:before,
.tile-story .slidelink:after,
.tile-story .storylink:before,
.tile-story .storylink:after {
    background: #f4f4f4;
    content: '';
    width: 15px;
    height: 30px;
    display: inline-block;
    margin: -30px 0 0 -15px;
    float: left
}
.tile-story .slidelink:after,
.tile-story .storylink:after {
    margin: -30px -15px 0 0;
    float: right
}
.tile-story .slidelink i[class^="i-arrow"],
.tile-story .storylink i[class^="i-arrow"] {
    position: absolute;
    top: 15px;
    right: 15px;
    transform: rotate(0deg);
    transition: all .3s ease
}
.tile-story .slidelink span i,
.tile-story .storylink span i {
    margin-right: 5px
}
.tile-story.active .slidelink i[class^="i-arrow"] {
    transform: rotate(180deg);
    transition: all .3s ease
}
.tile-story.active .story:hover .h3 {
    border: none
}
.tile-story .img-story {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}
.tile-story .img-story .story,
.tile-story .img-story .slidelink,
.tile-story .img-story .storylink {
    right: 30%
}
.tile-story .img-story>img {
    width: 100%
}
.tile-story .img-story:hover h3 {
    display: inline;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px
}
.tile-story .img-story-lrg .story,
.tile-story .img-story-lrg .slidelink,
.tile-story .img-story-lrg .storylink {
    right: 50%
}
.no-js .tile-story .story,
.no-js .tile-story .link-list,
.no-js .tile-story .slidelink,
.no-js .tile-story .storylink {
    position: static
}
.tile-story-alt .story {
    background: #e60000;
    color: #fff
}
.tile-story-alt .story h3 a:hover {
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px
}
.tile-story-alt .story .link-list a:hover {
    background: #ff1a1a
}
.tile-story-alt .slidelink,
.tile-story-alt .storylink {
    background: #e60000;
    color: #fff
}
.tile-story-alt .slidelink:before,
.tile-story-alt .slidelink:after,
.tile-story-alt .storylink:before,
.tile-story-alt .storylink:after {
    background: #e60000
}
@media only screen and (max-width: 970px) {
    .tile-story .story {
        bottom: 47px;
        padding: 10px
    }
}
@media only screen and (max-width: 640px) {
    .tile-story h3,
    .tile-story .h3 {
        font-size: 34px
    }
    .tile-story .tile-content {
        z-index: 1
    }
    .tile-story .tile-content.hide {
        display: block;
        z-index: -1
    }
    .tile-story .img-story img,
    .tile-story .img-story-lrg img {
        max-width: none;
        height: 100%;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }
    .tile-story .img-story .story,
    .tile-story .img-story .slidelink,
    .tile-story .img-story .storylink,
    .tile-story .img-story-lrg .story,
    .tile-story .img-story-lrg .slidelink,
    .tile-story .img-story-lrg .storylink {
        right: 30%
    }
    .tile-story .slidelink,
    .tile-story .storylink {
        padding: 10px
    }
    .tile-story .slidelink:before,
    .tile-story .slidelink:after,
    .tile-story .storylink:before,
    .tile-story .storylink:after {
        width: 10px;
        margin: -30px 0 0 -10px
    }
    .tile-story .slidelink:after,
    .tile-story .storylink:after {
        margin: -30px -10px 0 0
    }
}
.tile-video>i {
    position: absolute;
    left: 15px;
    top: 15px
}
.billboard-video {
    margin-bottom: 50px;
    overflow: hidden;
    height: 600px;
    position: relative
}
.billboard-video+.billboard-description {
    margin-top: -50px;
    margin-bottom: 50px
}
.billboard-video .video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}
@media only screen and (max-width: 970px) {
    .billboard-video {
        height: auto
    }
    .billboard-video .video,
    .billboard-video .play-btn {
        display: none
    }
}
.country-redirect {
    overflow: hidden
}
.country-redirect .mod-collapsible .co-body {
    position: absolute;
    left: -1500px;
    right: -1500px;
    margin-top: 34px
}
.country-redirect .mod-collapsible .cr-nav {
    position: relative
}
.country-redirect.main {
    background: url("../images/cr-map-overlay.png") #282828 no-repeat top right;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    top: 400px;
    transition: all .7s ease;
    position: relative;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    z-index: 100
}
.country-redirect.main h1,
.country-redirect.main h2,
.country-redirect.main .h2,
.country-redirect.main p {
    color: #fff
}
.country-redirect.main p {
    font-weight: 700
}
.country-redirect.main h2 {
    margin-bottom: 17px;
    font-family: "Arial", sans-serif;
    font-weight: 700
}
.country-redirect .icon-chevron-right,
.country-redirect .icon-chevron-left,
.country-redirect .icon-chevron-down {
    height: 16px;
    width: 16px
}
.country-redirect .cr-close-button-icon {
    fill: #fff;
    vertical-align: middle;
    width: 20px;
    height: 20px
}
.country-redirect .cr-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    z-index: 100
}
.country-redirect .cr-continue {
    display: inline-block;
    color: #fff
}
.country-redirect h2 {
    margin-bottom: 30px
}
.country-redirect .cr-promo {
    background: #fff;
    position: relative
}
.country-redirect .cr-promo img {
    display: block;
    width: 100%
}
.country-redirect .cr-promo-wrap {
    padding: 10px 20px
}
.country-redirect .cr-promo-wrap h3 {
    font-size: 22px;
    margin: 0;
    font-family: "Arial", sans-serif
}
.country-redirect .cr-deep-links li {
    margin: 0 0 10px;
    position: relative
}
.country-redirect .cr-deep-links li:nth-child(2n+1) {
    clear: left
}
.country-redirect .cr-deep-links a {
    padding: 12px 30px 12px 12px;
    display: block;
    background-color: #fff
}
.country-redirect .cr-deep-links a i {
    margin-right: 10px;
    pointer-events: none
}
.country-redirect .icon-chevron-right {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px
}
.country-redirect .icon-chevron-down {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px
}
.country-redirect .cr-options {
    margin-bottom: 32px
}
.country-redirect .cr-options-body {
    background-color: #f4f4f4;
    margin: 0 0 20px
}
.country-redirect .cr-options-inner {
    padding: 40px 0 30px
}
.country-redirect .cr-nav {
    margin-bottom: 40px
}
.country-redirect .cr-nav div.cr-item a {
    width: 475px
}
.country-redirect .cr-nav .cr-options-head {
    display: block;
    padding: 11px 15px;
    position: relative;
    background: #f4f4f4;
    text-decoration: none;
    font-weight: 700
}
.country-redirect .cr-nav .cr-options-head i {
    float: right;
    margin-top: 8px
}
.country-redirect .cr-nav .cr-item-fill>a {
    background-color: #e60000;
    color: #fff
}
.country-redirect .cr-nav--alt {
    display: block
}
.country-redirect .cr-nav--alt .cr-options-head {
    min-width: 450px
}
.country-redirect .cr-nav--alt .cr-item--alt {
    text-align: left;
    display: inline-block
}
.country-redirect .cr-nav--alt .cr-item--alt .redirect-btn {
    padding: 11px 50px
}
.country-redirect .cr-explore {
    color: #fff;
    font-weight: bold;
    display: inline-block
}
.country-redirect .circle-icon {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    margin: 20px auto 0 auto;
    width: 85px;
    height: 85px;
    position: relative
}
.country-redirect .circle-icon .icon-arrow-down {
    position: absolute;
    width: 40px;
    height: 45px;
    top: 22px;
    left: 21px;
    fill: #fff
}
@media only screen and (max-width: 970px) {
    .js .country-redirect .mod-collapsible .co-body {
        left: 10px;
        right: -10px
    }
    .js .country-redirect .mod-collapsible .circle-icon {
        width: 52px;
        height: 52px
    }
    .js .country-redirect .mod-collapsible .circle-icon .icon-arrow-down {
        width: 30px;
        height: 32px;
        top: 8px;
        left: 9px;
        stroke: #fff;
        stroke-width: 3
    }
    .js .country-redirect .mod-collapsible .circle-icon .icon-arrow-down.bounce {
        animation: none
    }
}
@media only screen and (max-width: 640px) {
    .js .country-redirect .mod-collapsible .co-body {
        position: static;
        margin-left: -10px;
        margin-right: -10px
    }
    .country-redirect .cr-options {
        margin-bottom: 0
    }
    .country-redirect .cr-nav {
        margin-bottom: 10px
    }
    .country-redirect .cr-nav .cr-item {
        margin: 0 0 20px
    }
    .country-redirect .cr-nav div.cr-item a {
        width: auto
    }
    .country-redirect .cr-nav div.cr-item a i {
        margin-right: 10px
    }
    .country-redirect .cr-nav--alt .cr-options-head {
        min-width: 100%
    }
    .country-redirect .cr-nav--alt .cr-item--alt {
        display: block
    }
    .country-redirect .cr-nav--alt .cr-item--alt .redirect-btn {
        display: block;
        text-align: center;
        margin-right: 0
    }
}
.mod-hero-carousel {
    margin: 0 0 130px;
    position: relative
}
.mod-hero-carousel .billboard-img {
    height: 100%
}
.mod-hero-carousel .htmlvideo {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: -540px 0 0 -960px
}
.mod-hero-carousel .hc-nav {
    position: absolute;
    top: 0
}
.mod-hero-carousel .hc-nav a {
    display: block;
    padding: 10px 2px
}
.mod-hero-carousel .hc-nav a span {
    padding: 5px;
    border: 2px solid #fff;
    display: block;
    border-radius: 50%
}
.mod-hero-carousel .hc-nav li {
    display: inline-block;
    margin: 0;
    padding: 0
}
.mod-hero-carousel .hc-nav .active a span {
    background: #fff
}
.mod-hero-carousel .hc-nav .hc-pause {
    position: relative;
    left: 20px;
    top: -7px
}
.mod-hero-carousel .hc-wrapper {
    position: absolute;
    top: 365px;
    left: 0;
    right: 0;
    padding: 45px 0;
    z-index: 2;
    overflow: hidden
}
.mod-hero-carousel .hc-slides {
    top: 0;
    height: 600px;
    overflow: hidden;
    position: relative
}
.mod-hero-carousel .hc-slides:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    -ms-filter: 'alpha(opacity=20)';
    opacity: 0.2;
    z-index: 2;
    pointer-events: none
}
.mod-hero-carousel .hc-slides .icon-chevron-left,
.mod-hero-carousel .hc-slides .icon-chevron-right {
    width: 70px;
    height: 74px;
    margin-top: -20px
}
.mod-hero-carousel .billboard-video {
    height: 600px
}
.mod-hero-carousel .hc-content .prop {
    font-weight: 700;
    display: none;
    background: #f4f4f4;
    padding-top: 10px
}
.mod-hero-carousel .hc-content .prop span {
    visibility: hidden
}
.mod-hero-carousel .hc-content .prop .i-arrow-blk-r {
    float: right;
    margin: 5px 0 0
}
.mod-hero-carousel .hc-content .prop a {
    display: block;
    pointer-events: none
}
.mod-hero-carousel .hc-content .story {
    background: #f4f4f4;
    padding: 15px 15px 10px 15px
}
.mod-hero-carousel .hc-content .story h2 {
    opacity: 0.3;
    margin-bottom: 20px;
    min-height: 155px
}
.js .mod-hero-carousel .hc-content .active .story {
    position: relative;
    top: 0
}
.js .mod-hero-carousel .hc-content .active .story:hover .prop {
    text-decoration: underline
}
.js .mod-hero-carousel .hc-content .active .story h2 {
    opacity: 1
}
.js .mod-hero-carousel .hc-content .active .story:after {
    content: '';
    position: absolute;
    top: -20px;
    right: 20%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f4f4f4;
    z-index: 999999
}
.js .mod-hero-carousel .hc-content .active .prop {
    border-top: 3px solid #fff;
    display: block
}
.mod-hero-carousel .hc-content ul {
    position: relative;
    left: 0;
    width: 10000px;
    display: table
}
.mod-hero-carousel .hc-content li {
    vertical-align: bottom;
    display: table-cell
}
.mod-hero-carousel .hc-prev,
.mod-hero-carousel .hc-next {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    z-index: 3
}
.mod-hero-carousel .hc-prev a,
.mod-hero-carousel .hc-next a {
    display: block;
    padding: 20px 10px
}
.mod-hero-carousel .hc-prev {
    left: 40px
}
.mod-hero-carousel .hc-next {
    right: 40px
}
.mod-hero-carousel .hc-bg-img {
    height: 600px;
    width: 100vw;
    text-align: center;
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .7s
}
.js .mod-hero-carousel .hc-bg-img {
    z-index: -1
}
.mod-hero-carousel .hc-bg-img.active {
    opacity: 1;
    transition: all .7s;
    z-index: 2
}
.mod-hero-carousel .hc-content-inner {
    display: inline-block;
    position: relative;
    width: 475px;
    margin-right: 20px
}
.mod-hero-carousel .hc-content-inner:hover {
    cursor: pointer;
    text-decoration: none
}
@media only screen and (max-width: 970px) {
    .mod-hero-carousel .hc-content .story h2 {
        min-height: 100px
    }
    .mod-hero-carousel .hc-slides,
    .mod-hero-carousel .hc-bg-img {
        height: 400px
    }
    .mod-hero-carousel .hc-wrapper {
        top: 230px
    }
    .mod-hero-carousel .hc-bg-img img {
        height: 100%;
        width: auto
    }
}
@media only screen and (max-width: 640px) {
    .mod-hero-carousel {
        margin: 0 0 40px
    }
    .mod-hero-carousel .hc-slides {
        height: 250px
    }
    .mod-hero-carousel .hc-nav {
        top: -40px;
        left: 15px
    }
    .mod-hero-carousel .hc-content .prop {
        margin-top: 20px
    }
    .mod-hero-carousel .hc-content li {
        display: none
    }
    .mod-hero-carousel .hc-content .active {
        display: inline-block
    }
    .mod-hero-carousel .hc-bg-img {
        height: 250px
    }
    .mod-hero-carousel .hc-wrapper {
        top: auto;
        padding: 0;
        overflow: visible;
        position: relative
    }
    .mod-hero-carousel .hc-wrapper .belt {
        padding: 0
    }
    .mod-hero-carousel .hc-content-inner {
        width: 100%;
        margin: 0
    }
    .mod-hero-carousel .hc-prev,
    .mod-hero-carousel .hc-next {
        display: none
    }
    .mod-hero-carousel .hc-content ul {
        display: block;
        width: auto
    }
    .mod-hero-carousel .hc-content li {
        width: auto;
        padding-right: 0
    }
    .js .mod-hero-carousel .hc-content li {
        display: none
    }
    .js .mod-hero-carousel .hc-content li.active {
        display: block
    }
}
.mod-poll {
    margin-bottom: 50px
}
.mod-poll legend {
    margin: 0 0 30px
}
.mod-poll label {
    background: #333;
    border-radius: 50px;
    width: 75px;
    height: 75px;
    display: inline-block;
    text-align: center;
    position: relative;
    padding-bottom: 30px
}
.mod-poll label:hover {
    cursor: pointer
}
.mod-poll label .amount {
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 700
}
.mod-poll label .number {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -25px;
    width: 50px;
    font-weight: 700;
    font-size: 34px
}
.mod-poll input[type=radio] {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1
}
.mod-poll input[type=radio]:focus+span {
    background: #e60000;
    border-radius: 50px;
    width: 75px;
    height: 75px;
    display: block;
    left: 25px;
    top: 24px;
    padding-top: 14px
}
.js .mod-poll button {
    display: none
}
.mod-poll .question-box li {
    float: left;
    margin: 0 70px 25px 0;
    position: relative
}
.mod-poll .grey-box {
    overflow: hidden
}
.mod-poll .poll-result {
    display: none;
    position: relative;
    top: 50px
}
.mod-poll.active .poll-result {
    display: inline-block;
    top: 0;
    opacity: 1;
    transition: all .7s ease
}
.mod-poll.active .grey-box {
    padding-bottom: 20px
}
@media only screen and (max-width: 640px) {
    .mod-poll .question-box {
        margin: 0 0 30px
    }
    .mod-poll .question-box li {
        margin: 0 35px 45px 35px
    }
    .mod-poll ul {
        text-align: center
    }
    .mod-poll label {
        width: 65px;
        height: 65px
    }
    .mod-poll label .number {
        font-size: 28px;
        margin-top: -18px
    }
    .mod-poll .poll-result img {
        display: none
    }
}
.share-price {
    margin-bottom: 50px
}
@keyframes sp-line-across {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
.share-price__refresh-icon {
    fill: #e60000;
    vertical-align: middle;
    width: 25px;
    height: 25px
}
.share-price.play .sp-line {
    animation: sp-line-across 0.7s ease-in
}
.share-price.done .sp-line {
    width: 100%
}
.share-price .sp-line {
    height: 3px;
    background: #e60000;
    margin-bottom: 5px
}
.share-price .h1,
.share-price .h2 {
    margin: 0 0 5px
}
.share-price h3 {
    font-family: "Arial", sans-serif;
    font-weight: 700
}
.share-price h3 span {
    font-family: "Arial", sans-serif;
    float: right;
    font-weight: 400
}
.share-price .sp-data {
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 20px
}
.share-price .sp-company {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.share-price .sp-change {
    margin-bottom: 10px
}
.share-price .sp-refresh i {
    margin: 0 10px 0 0
}
.share-price .sp-link {
    margin-bottom: 50px;
    display: inline-block
}
.share-price .sp-link i {
    margin-left: 10px
}
.share-price .sp-notice {
    float: right
}
.share-price .sp-notice,
.share-price .sp-refresh {
    font-size: 14px
}
.share-price .quicklinks {
    margin: 40px 0 0 0
}
.social-wall .masonry .tile {
    width: 25%
}
.social-interaction ul {
    float: right
}
.social-interaction li {
    display: inline-block
}
.social-interaction h3 {
    margin-bottom: 10px
}
.social-interaction a {
    padding: 28px;
    background-color: #333;
    display: inline-block;
    vertical-align: top;
    min-height: 84px
}
.social-interaction a:hover {
    background-color: #4d4d4d
}
@media only screen and (max-width: 970px) {
    .social-wall .masonry .tile {
        width: 33.333%
    }
    .social-interaction ul {
        float: none
    }
}
@media only screen and (max-width: 640px) {
    .social-wall .masonry .tile {
        width: 100%
    }
}
.mod-country-redirect-toggle {
    background: #333
}
.cr-active .header-menu {
    display: none
}
.cr-active .country-redirect.main {
    padding-top: 165px;
    top: 0;
    opacity: 1;
    transition: all .7s ease;
    max-height: 740px
}
.cr-active .hc-nav {
    top: 90%;
    transition: all .7s ease
}
.cr-active .mod-collapsible {
    z-index: 3;
    position: relative
}
.cr-active.animation-end .mod-hero-carousel {
    margin: 0 0 50px
}
.cr-active.collapsible-open .mod-hero-carousel {
    position: relative
}
.cr-active.collapsible-open .hc-wrapper {
    bottom: auto
}
.cr-active.collapsible-open .country-redirect.main {
    height: auto;
    max-height: none
}
@media only screen and (max-width: 970px) {
    .cr-active .country-redirect.main {
        padding-bottom: 0
    }
}
@media only screen and (max-width: 640px) {
    .cr-active .hc-wrapper {
        top: auto
    }
    .cr-active .country-redirect.main {
        padding-bottom: 20px
    }
    .cr-active .hc-nav {
        top: -50px;
        bottom: auto
    }
    .cr-active.collapsible-open .hc-wrapper {
        top: auto
    }
    .cr-active .header-aux .header-redirect {
        display: block
    }
}
.poll-result .poll-link {
    margin-bottom: 50px;
    font-weight: 700;
    display: block;
    padding: 10px 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background: #f4f4f4
}
.poll-result .poll-link a {
    display: block
}
.poll-result .poll-link i {
    margin: 5px 5px 0 0;
    float: right
}
.poll-result .story {
    margin: 0 0 50px
}
.poll-result .story img {
    float: left;
    margin: -30px 20px 0 0
}
.cookie-msg {
    width: 500px;
    padding: 30px 80px 30px 20px;
    background: #333;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none
}
.cookie-msg.display {
    display: block
}
.cookie-msg a {
    color: #eb9700;
    display: inline-block
}
.cookie-msg .cookie-agree {
    position: absolute;
    top: 15px;
    right: 10px
}
@media only screen and (max-width: 640px) {
    .cookie-msg {
        width: 100%
    }
}
.device-feature {
    margin: 0 0 40px
}
.device-feature .extra-padding p {
    margin-bottom: 30px
}
.device-feature .img-wrap img {
    top: 0
}
.js .device-feature .img-wrap {
    text-align: center;
    overflow: hidden
}
.js .device-feature .img-wrap img {
    opacity: 0;
    position: relative;
    top: 400px
}
.js .device-feature.play img,
.js .device-feature.done img {
    opacity: 1;
    top: 0
}
.js .device-feature.play img {
    transition: all .7s ease
}
@media only screen and (max-width: 640px) {
    .js .device-feature .img-wrap img {
        opacity: 1;
        top: 0
    }
}
.social-wall-scroll {
    margin-bottom: 50px;
    overflow: hidden
}
.social-wall-scroll h2 {
    margin-bottom: 25px
}
.social-wall-scroll .masonry-cont {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px
}
.social-wall-scroll .tile-video-ext a {
    display: block;
    height: 100%;
    background-color: #000;
    padding: 12.5% 0
}
.social-wall-scroll .tile-video-ext a img {
    width: 100%;
    height: 100%
}
.social-wall-scroll .tile-video-ext a .play-btn i {
    pointer-events: none
}
.social-wall-scroll ul.masonry {
    margin: 0;
    padding: 25px 0 25px 10px;
    width: 1500px
}
.social-wall-scroll ul.masonry li.tile {
    width: 240px;
    height: 240px;
    margin-right: 10px
}
.social-wall-scroll ul.masonry li.tile:before {
    content: none
}
@media only screen and (max-width: 970px) {
    .social-wall-scroll .tile-social .social-txt .avatar {
        display: table-row
    }
}
@media only screen and (max-width: 640px) {
    .social-wall-scroll .tile-social .social-txt {
        padding: 15px 15px 0 15px
    }
    .social-wall-scroll .tile-social .social-txt .avatar {
        display: table-row
    }
    .social-wall-scroll .tile-social .social-txt .avatar img {
        width: 70px;
        padding: 0
    }
}
.nav-search {
    position: relative
}
.nav-search .se-query {
    background: #fff
}
.js .nav-search .se-query .fm-error,
.js .nav-search .se-query .btn {
    display: none
}
.nav-search .se-query .se-loader {
    display: none;
    position: absolute;
    top: 32px;
    right: 30px
}
.nav-search .se-query .se-input {
    font-size: 28px;
    width: 100%;
    border: none;
    padding: 34px 25px;
    border: 1px solid #ccc
}
.nav-search .search-results {
    margin-top: 10px;
    font-size: 18px;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff
}
.nav-search .search-results a {
    padding: 10px 25px;
    display: block
}
.nav-search .search-results a:hover {
    background: #ebebeb
}
.nav-search .is-typing .se-loader {
    display: block
}
@media only screen and (max-width: 640px) {
    .nav-search .search-box label,
    .nav-search .search-box input,
    .nav-search .search-box .btn {
        vertical-align: middle
    }
    .nav-search .search-box .se-input {
        font-size: 18px
    }
    .nav-search .search-results {
        font-size: 14px
    }
}
.no-js-msg {
    display: none
}
.no-js .no-js-msg {
    display: block;
    padding: 25px;
    background: #ccc
}
.htmlvideo {
    position: relative
}
.htmlvideo video {
    width: 100%;
    height: auto
}
.lt-ie9 .htmlvideo .play-btn {
    display: none
}
.lt-ie9 .htmlvideo {
    margin: 0;
    top: 0;
    left: 0;
    width: auto
}
.landing-hero .belt {
    padding-top: 180px;
    position: relative;
    z-index: 2;
    color: #fff;
    padding-bottom: 50px
}
@keyframes h1upwards {
    0% {
        opacity: 0
    }
    50% {
        top: 50px;
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        top: 0;
        opacity: 1
    }
}
.landing-hero h1 {
    position: relative;
    margin-bottom: 0;
    padding-right: 50px;
    animation: h1upwards 2s ease-in
}
@keyframes hrAcross {
    0% {
        width: 0;
        opacity: 0
    }
    50% {
        width: 0
    }
    100% {
        width: 100%;
        opacity: 1
    }
}
.landing-hero hr {
    border: 2px solid #e60000;
    animation: hrAcross 1.5s ease-in
}
.landing-hero i {
    float: right;
    margin-top: -40px
}
@keyframes h3Downwards {
    0% {
        opacity: 0
    }
    50% {
        top: -50px;
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        top: 0;
        opacity: 1
    }
}
.landing-hero .h3 {
    position: relative;
    animation: h3Downwards 2s ease-in
}
@media only screen and (max-width: 970px) {
    .landing-hero .img-full,
    .landing-hero .main-carousel__slide-image {
        background-position: center right
    }
    .landing-hero h1 {
        padding-top: 140px
    }
    .landing-hero .belt {
        padding-top: 50px;
        padding: 0 20px 30px 20px
    }
}
@media only screen and (max-width: 640px) {
    .landing-hero .h3 {
        font-size: 18px
    }
}
.utility-bar {
    margin-bottom: 50px;
    background: #f4f4f4;
    height: 80px
}
.utility-bar .breadcrumb li {
    float: left;
    padding: 0 35px 0 0;
    position: relative
}
.utility-bar .breadcrumb li:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: 5px;
    right: 10px
}
.utility-bar .breadcrumb li:last-child {
    font-weight: 700
}
.utility-bar .breadcrumb li:last-child:after {
    display: none
}
.utility-bar .breadcrumb a {
    display: inline-block;
    padding-top: 27px
}
.utility-bar .breadcrumb .truncate:after {
    margin-top: 0
}
.utility-bar .breadcrumb .truncate a {
    display: inline-block;
    width: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.utility-bar .breadcrumb .trunktip {
    position: absolute;
    top: -30px;
    left: 0;
    padding: 10px 15px;
    background: #333;
    color: #fff;
    white-space: nowrap
}
.utility-bar .breadcrumb .trunktip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #333;
    position: absolute;
    bottom: -10px;
    left: 10px
}
.utility-bar .link-group {
    position: absolute;
    right: 0
}
.utility-bar .jump-links {
    text-align: right;
    width: 250px
}
.utility-bar .social-links {
    display: table;
    width: 80px;
    background: #ccc;
    text-align: center;
    position: relative;
    float: right
}
.utility-bar .social-links__icon {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 auto
}
.utility-bar .social-links .icon-social-share {
    width: 30px;
    height: 30px;
    fill: inherit
}
.utility-bar .social-links .head {
    position: absolute;
    background: #ccc;
    z-index: 90;
    height: 80px;
    display: table;
    width: 100%
}
.utility-bar .social-links .head div {
    display: table-cell;
    vertical-align: middle
}
.utility-bar .social-links .head:hover {
    text-decoration: none;
    background-color: #ccc
}
.utility-bar .social-links__close {
    display: none;
    font-size: 2.5em
}
.utility-bar .social-links.active .head div {
    background-color: #ccc
}
.utility-bar .social-links.active .head div i {
    background-color: #ccc
}
.utility-bar .social-links.active .body {
    left: -320px;
    width: 320px
}
.utility-bar .social-links.active .social-links__open {
    display: none
}
.utility-bar .social-links.active .social-links__close {
    display: block
}
.utility-bar .social-links .body {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    background: #333;
    z-index: 50;
    width: 0;
    height: 80px;
    transition: left ease .5s, width ease 490ms;
    overflow: hidden
}
.utility-bar .social-links .body li {
    float: left;
    display: table;
    height: 80px
}
.utility-bar .social-links .body a {
    width: 80px;
    height: 80px;
    display: block;
    display: table-cell;
    vertical-align: middle
}
.utility-bar .social-links .body a:hover {
    background: #666
}
.no-js .utility-bar {
    height: auto
}
.no-js .utility-bar .link-group,
.no-js .utility-bar .social-links,
.no-js .utility-bar .jump-links {
    float: none
}
.no-js .utility-bar .body,
.no-js .utility-bar .access {
    display: block;
    position: static
}
@media only screen and (max-width: 970px) {
    .utility-bar .belt {
        padding: 0 0 0 10px
    }
    .utility-bar .breadcrumb {
        display: none
    }
    .utility-bar .link-group {
        float: none;
        position: initial
    }
    .utility-bar .jump-links {
        text-align: left
    }
    .utility-bar .jump-links .head {
        padding-left: 15px
    }
    .utility-bar .jump-links .jl-head {
        padding-left: 15px
    }
}
@media only screen and (max-width: 640px) {
    .utility-bar {
        height: 60px
    }
    .utility-bar .breadcrumb li {
        height: 60px
    }
    .utility-bar .jump-links {
        margin-left: -60px;
        padding-left: 60px;
        width: 100%
    }
    .utility-bar .jump-links .head {
        height: 60px
    }
    .utility-bar .jump-links .head i {
        right: 15px
    }
    .utility-bar .jump-links .body {
        width: auto;
        left: 60px;
        right: 0
    }
    .utility-bar .jump-links-tertiary {
        margin: 0 0 0 -60px
    }
    .utility-bar .social-links {
        width: 60px
    }
    .utility-bar .social-links .head {
        height: 60px
    }
    .utility-bar .social-links.active .body {
        left: -180px
    }
    .utility-bar .social-links .body {
        height: 60px
    }
    .utility-bar .social-links .body li {
        height: 60px
    }
    .utility-bar .social-links .body a {
        width: 60px;
        height: 60px
    }
}
.jump-links {
    float: left;
    width: 220px;
    position: relative;
    font-weight: 700
}
.jump-links .head {
    height: 80px;
    display: table;
    width: 100%;
    padding-right: 25px
}
.jump-links .head div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px
}
.jump-links .head .jump-links__icon--down,
.jump-links .head i {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    transform: rotate(0deg);
    transition: all .3s ease
}
.jump-links__icon {
    fill: #000;
    vertical-align: middle;
    width: 15px;
    height: 15px
}
.jump-links__icon--right {
    width: 20px;
    height: 20px
}
.jump-links.active .jump-links__icon--down,
.jump-links.active .head i {
    transform: rotate(180deg);
    transition: all .3s ease
}
.jump-links.active .body {
    display: block
}
.jump-links .body {
    display: none;
    position: absolute;
    background: #f4f4f4;
    z-index: 2;
    width: 100%
}
.jump-links .body li {
    position: relative
}
.jump-links .body li:hover {
    background: #ccc
}
.jump-links .body a {
    padding: 15px 45px 15px 15px;
    display: block
}
.jump-links .body .jump-links__icon--right,
.jump-links .body i {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px
}
.jump-links-tertiary {
    background: #e60000;
    color: #fff;
    margin: 10px;
    width: 175px
}
.jump-links-tertiary .head {
    height: 60px
}
.jump-links-tertiary .body {
    background: #e60000;
    color: #fff
}
.jump-links-tertiary .body li:hover {
    background: #ff1a1a
}
@media only screen and (max-width: 640px) {
    .jump-links {
        width: 100%
    }
}
.mod-film-strip-carousel {
    overflow: hidden;
    margin-bottom: 50px
}
.mod-film-strip-carousel .fs-left-icon,
.mod-film-strip-carousel .fs-right-icon {
    fill: #fff;
    height: 55px;
    width: 55px
}
.mod-film-strip-carousel .fs-nav {
    float: left
}
.mod-film-strip-carousel .fs-nav .tile-inner {
    background-color: #e60000;
    color: #fff;
    padding: 40px 25px 10px;
    text-align: center
}
.mod-film-strip-carousel .fs-nav .tile-inner:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #e60000;
    border-width: 25px;
    top: 50%;
    margin-top: -25px;
    z-index: 1;
    right: -50px
}
.mod-film-strip-carousel .fs-nav h2 {
    font-size: 24px;
    margin-bottom: 30px
}
.mod-film-strip-carousel .rail {
    position: relative;
    min-height: 230px
}
.mod-film-strip-carousel .prop {
    padding-left: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s
}
.mod-film-strip-carousel .prop a {
    display: block
}
.mod-film-strip-carousel .stats,
.mod-film-strip-carousel .lead-story {
    margin: 0
}
.mod-film-strip-carousel .tile {
    width: 230px;
    position: relative
}
.mod-film-strip-carousel .tile:before {
    padding-top: 100%;
    content: "";
    display: block
}
.mod-film-strip-carousel .tile img {
    width: 100%
}
.mod-film-strip-carousel .tile a:hover .tile-footer {
    background-color: #e60000
}
.mod-film-strip-carousel .fs-slide-content {
    position: relative
}
.mod-film-strip-carousel .fs-slide-content .fs-slide {
    position: relative
}
.mod-film-strip-carousel .fs-slide-content .fs-slide>li {
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: absolute;
    top: -90px;
    left: 0;
    right: 0
}
.mod-film-strip-carousel .fs-slide-content .fs-slide li.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    height: auto;
    transition: all .5s ease;
    top: 0
}
.mod-film-strip-carousel .tile-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.mod-film-strip-carousel .tile-footer {
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}
.mod-film-strip-carousel .fs-slide-content .fs-rail .tile {
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: relative;
    top: -75px
}
.mod-film-strip-carousel .fs-slide-content .fs-rail .tile.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all .5s ease;
    top: 0
}
.mod-film-strip-carousel .fs-slide-controls a {
    display: block
}
.mod-film-strip-carousel .fs-slides {
    width: 1920px
}
.mod-film-strip-carousel .stage {
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 75px
}
.mod-film-strip-carousel a:after {
    content: " ";
    position: absolute;
    bottom: 0;
    opacity: 0;
    z-index: -1
}
.mod-film-strip-carousel .active .tile a:after {
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #333;
    border-width: 25px;
    bottom: -50px;
    z-index: -1;
    left: 50%;
    margin-left: -25px;
    opacity: 1;
    transition: bottom z-index .5s ease
}
.mod-film-strip-carousel .active .tile a:hover:after {
    border-top-color: #e60000
}
@media only screen and (max-width: 970px) {
    .mod-film-strip-carousel .stage {
        margin-bottom: 60px
    }
}
@media only screen and (max-width: 640px) {
    .mod-film-strip-carousel .fs-nav {
        clear: both
    }
    .mod-film-strip-carousel .fs-nav .tile {
        width: 100%;
        margin-bottom: 10px
    }
    .mod-film-strip-carousel .fs-nav:before {
        padding-top: 0
    }
    .mod-film-strip-carousel .fs-nav .fs-slide-controls {
        display: none
    }
    .mod-film-strip-carousel .fs-nav .tile-inner {
        padding: 20px;
        text-align: left
    }
    .mod-film-strip-carousel .fs-nav .tile-inner h2 {
        margin-bottom: 0
    }
    .mod-film-strip-carousel .fs-nav .tile-inner:after {
        border-left-color: transparent;
        border-top-color: #e60000;
        left: 50px;
        right: auto;
        top: auto;
        bottom: -50px
    }
    .mod-film-strip-carousel .fs-nav {
        margin-bottom: 10px;
        width: 100%
    }
    .mod-film-strip-carousel .stage {
        margin-bottom: 40px
    }
    .mod-film-strip-carousel .fs-slides {
        clear: both;
        margin-left: -10px
    }
    .mod-film-strip-carousel .tile:before {
        padding-top: 0
    }
    .mod-film-strip-carousel .tile-inner {
        position: static
    }
}
.career-media {
    background: #333;
    color: #fff;
    padding: 15px
}
.career-media__title {
    font-family: VodafoneLight;
    margin-bottom: 10px
}
.career-media__apply {
    border-top: 3px solid #fff;
    display: block;
    margin-top: 30px;
    padding-top: 5px;
    position: relative;
    width: 100%
}
.career-media__apply .i-arrow-whte-r {
    margin-top: -4px;
    position: absolute;
    right: 0;
    top: 50%
}
.social-links {
    position: relative;
    display: inline-block;
    text-align: center
}
.social-links .head {
    display: table;
    width: 40px;
    height: 40px
}
.social-links .head:hover {
    background-color: #f4f4f4
}
.social-links .head div {
    display: table-cell;
    vertical-align: middle
}
.social-links.active .body {
    display: block
}
.social-links .body {
    display: none;
    position: absolute;
    right: -120px;
    top: 0;
    background: #333;
    z-index: 999;
    width: 120px
}
.social-links .body li {
    float: right;
    display: table
}
.social-links .body a {
    width: 40px;
    height: 40px;
    display: block;
    display: table-cell;
    vertical-align: middle
}
.social-links .body a i {
    float: none
}
.social-links .body a:hover {
    background: #666
}
.social-links.active .head div {
    background-color: #f4f4f4
}
.social-links.active .head div i {
    background-color: #f4f4f4
}
.lead-story {
    overflow: hidden;
    margin-bottom: 50px
}
.lead-story .lead-story-img {
    max-width: initial
}
.lead-story h3 a:hover {
    color: #e60000;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 3px
}
.lead-story .lead-wrap {
    min-height: 190px
}
.lead-story .lead-story-chevron-r {
    fill: #000;
    vertical-align: middle;
    width: 20px;
    height: 20px
}
.lead-story .lead-story-download-icon {
    fill: #000;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    float: right
}
.lead-story .ls-date {
    font-weight: 700;
    margin: 0 0 15px
}
.lead-story .lead-tag {
    padding: 10px 20px;
    margin: 0 10px 10px 0;
    display: inline-block;
    background-color: #ebebeb
}
.lead-story .lead-tag:hover {
    background-color: #e60000;
    color: #fff
}
.lead-story .lead-tags {
    margin-top: 10px
}
.lead-story .lead-tags li {
    display: inline-block
}
.lead-story .ls-links {
    margin: 30px 0
}
.lead-story .ls-links .ls-link {
    font-weight: 700;
    display: block;
    padding: 10px 0;
    border-top: 3px solid #ebebeb;
    border-bottom: 3px solid #ebebeb;
    margin-top: -3px;
    transition: all .3s ease
}
.lead-story .ls-links .ls-link i,
.lead-story .ls-links .ls-link .lead-story-chevron-r {
    float: right
}
.lead-story .ls-links .ls-link span {
    font-weight: 400
}
.lead-story .ls-links .ls-link .lead-story-chevron-r,
.lead-story .ls-links .ls-link .i-arrow-blk-r {
    margin-top: 4px
}
.lead-story .ls-links .ls-link:hover {
    background-color: #f4f4f4;
    padding-left: 5px;
    transition: all .3s ease
}
.lead-story .ls-links .ls-share a {
    display: inline-block;
    border: none;
    margin: 0 0 3px
}
.lead-story .ls-links .ls-share a:hover {
    background: none;
    padding: 10px 0
}
.lead-story .ls-links .ls-share i {
    float: none
}
@media only screen and (max-width: 970px) {
    .lead-story .lead-story-img {
        max-width: 100%
    }
}
@media only screen and (max-width: 640px) {
    .lead-story .lead-story-img {
        margin-bottom: 25px
    }
}
.shout-3-col {
    margin-bottom: 50px
}
.shout-3-col .slide-item {
    text-align: center
}
.shout-3-col .slide-item__link:hover {
    text-decoration: none
}
.shout-3-col .slide-item__link:hover .slide-item__heading {
    text-decoration: underline
}
.shout-3-col__svg-chevron-rb {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    fill: #000
}
.shout-3-col .center {
    margin-bottom: 20px
}
.shout-3-col .shout-image {
    padding: 10px 0;
    height: 120px
}
.shout-3-col .shout-image--circle {
    border-radius: 50%
}
.shout-3-col .shout-image img {
    max-height: 100%
}
@media only screen and (max-width: 970px) {
    .shout-3-col .slide-item__heading {
        font-size: 22px;
        margin-bottom: 15px
    }
    .shout-3-col .shout-image {
        height: 100px
    }
}
@media only screen and (max-width: 640px) {
    .shout-3-col {
        position: relative
    }
    .shout-3-col__heading {
        margin-bottom: 15px
    }
    .shout-3-col .slide-item {
        margin-bottom: 0
    }
    .shout-3-col .shout-image {
        height: 80px
    }
    .shout-3-col .ss-img-slider {
        overflow: hidden;
        margin-left: -20px
    }
    .shout-3-col .ss-img-slider ul {
        width: 1500px;
        margin-left: 0;
        transition: all .3s ease
    }
    .shout-3-col .pips-navigation__link {
        border-color: #e60000
    }
    .shout-3-col .active .pips-navigation__link {
        background: #e60000
    }
}
.mod-tab {
    margin-bottom: 20px;
    position: relative
}
.mod-tab__img-full {
    height: 400px
}
@media (max-width: 970px) {
    .mod-tab__img-full {
        background-position: center left
    }
}
.mod-tab__tabs {
    position: relative;
    background-color: #f4f4f4;
    padding: 0
}
@media screen and (max-width: 640px) {
    .mod-tab__tabs {
        z-index: 40
    }
}
.mod-tab__tabs>li {
    display: inline-block;
    line-height: 1
}
@media screen and (min-width: 640px) {
    .mod-tab__tabs>li {
        text-align: center
    }
}
.mod-tab__tabs>li a,
.mod-tab__tabs>li .mod-tab__more {
    display: block;
    padding: 15px 40px;
    text-decoration: none;
    border-bottom: 3px solid transparent
}
@media (max-width: 640px) {
    .mod-tab__tabs>li a,
    .mod-tab__tabs>li .mod-tab__more {
        padding: 15px 5px
    }
}
.mod-tab__tabs>li a:hover,
.mod-tab__tabs>li .mod-tab__more:hover {
    border-bottom-color: #333;
    color: #333;
    background-color: #ebebeb
}
.mod-tab__tabs>li:first-child a,
.mod-tab__tabs>li:first-child .mod-tab__more {
    padding-left: 20px
}
.mod-tab__tabs>li .mod-tab__more {
    background: transparent;
    border: none;
    font-size: inherit;
    width: 100%
}
@media screen and (max-width: 640px) {
    .mod-tab__tabs>li .mod-tab__more {
        color: #e60000;
        text-align: left;
        font-weight: 700;
        padding: 10px
    }
    .mod-tab__tabs>li .mod-tab__more--underline {
        padding-bottom: 5px;
        border-bottom: 5px solid #e60000;
        display: inline-block
    }
    .mod-tab__tabs>li .mod-tab__more:focus .mod-tab__more--underline,
    .mod-tab__tabs>li .mod-tab__more:hover .mod-tab__more--underline {
        border-bottom-color: #000
    }
}
.mod-tab__tabs>li.active>a {
    color: #e60000;
    border-bottom-color: #e60000;
    background-color: #ebebeb
}
.mod-tab__hamburger {
    background-color: #f4f4f4;
    cursor: pointer;
    min-width: 3em;
    position: relative;
    float: right;
    border-left: 1px solid #fff
}
@media screen and (max-width: 640px) {
    .mod-tab__hamburger {
        position: static;
        float: none;
        width: 100%;
        border-left: none
    }
}
.mod-tab__hamburger .i-arrow-blk-d {
    position: absolute;
    right: 15px;
    top: 17px
}
@media screen and (max-width: 640px) {
    .mod-tab__hamburger .i-arrow-blk-d {
        top: 15px;
        right: 10px
    }
}
.mod-tab__hamburger--focused {
    background-color: #ebebeb
}
.mod-tab__submenu {
    background-color: #f4f4f4;
    display: none;
    position: absolute;
    right: 0;
    text-align: left;
    width: 350px;
    z-index: 1
}
@media (max-width: 640px) {
    .mod-tab__submenu {
        width: 100%
    }
}
.mod-tab__submenu li {
    position: relative;
    white-space: nowrap
}
.mod-tab__submenu li:hover {
    background: #ccc
}
.mod-tab__submenu .i-arrow-blk-r {
    margin-top: -8px;
    position: absolute;
    right: 20px;
    top: 50%
}
.mod-tab__hamburger--focused .mod-tab__submenu {
    display: block
}
.tab__blockquote blockquote {
    background: #f4f4f4;
    margin: 30px 0;
    padding: 10px;
    position: relative
}
.tab__blockquote blockquote:before {
    top: -1em;
    left: 2em;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 1em solid #f4f4f4;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent
}
.tab__blockquote blockquote p {
    font-family: "VodafoneLight"
}
.tab__blockquote blockquote footer {
    border-top: 2px solid #e60000;
    padding-top: 20px
}
.tab__blockquote blockquote__author {
    border-top: 3px solid #e60000;
    padding: 5px 0;
    font-weight: bold
}
.stats {
    margin-bottom: 50px
}
.stats h2 {
    margin-top: 25px
}
.stats .stat {
    font-family: "VodafoneBold";
    border-bottom: 2px solid #e60000;
    margin-bottom: 30px
}
.stats .stat--line-break {
    padding-bottom: 20px
}
.stats .stat--line-break .unit {
    line-height: 1
}
.stats .value {
    font-size: 150px;
    line-height: 1
}
.stats .unit {
    font-size: 90px;
    display: inline-block
}
@media only screen and (max-width: 640px) {
    .stats h2 {
        margin-top: 0
    }
}
.shout {
    margin-bottom: 50px
}
.shout .belt {
    position: relative
}
.shout .belt:after {
    right: 100%;
    top: 50%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ebebeb;
    border-width: 25px;
    margin: -25px 0 0 -50px
}
.shout__svg-chevron-rb {
    fill: #000;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px
}
.shout .speech-box {
    display: inline-block;
    margin-left: 50%;
    min-height: 400px;
    padding: 20px
}
.shout .ls-links {
    margin: 0px 0px 0 50%;
    font-weight: 700;
    display: block;
    z-index: 1
}
.shout .speech-box,
.shout .ls-links {
    position: relative;
    background: #ebebeb
}
.shout .speech-link {
    font-weight: 700;
    display: block;
    padding: 10px 15px;
    margin: 3px 0 0 50%;
    background: #ebebeb;
    position: relative
}
.shout .speech-link:before,
.shout .speech-link:after {
    background: #ebebeb;
    content: '';
    width: 15px;
    height: 30px;
    display: inline-block;
    margin: -30px 0 0 -15px;
    float: left
}
.shout .speech-link:after {
    margin: -30px -15px 0 0;
    float: right
}
.shout .speech-link i[class^="i-arrow"] {
    position: absolute;
    top: 15px;
    right: 15px
}
.shout.shout-left .belt:after {
    left: 50%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ebebeb;
    border-width: 25px;
    margin: -25px 0 0 0
}
.shout.shout-left .speech-box,
.shout.shout-left .ls-links {
    margin: 0 50% 0 0
}
.shout.shout-left .speech-link {
    margin: 3px 50% 0 0
}
@media only screen and (max-width: 970px) {
    .shout .belt:after {
        left: 20%;
        margin-left: -44px;
        border-right-color: rgba(235, 235, 235, 0.9)
    }
    .shout .speech-box,
    .shout .ls-links,
    .shout .speech-link {
        margin-left: 20%;
        background: rgba(235, 235, 235, 0.9)
    }
    .shout .speech-link:before,
    .shout .speech-link:after {
        background: rgba(235, 235, 235, 0.9);
        height: 3px;
        margin-top: -13px
    }
    .shout.shout-left .belt:after {
        left: 80%;
        margin-left: -5px;
        border-left-color: rgba(235, 235, 235, 0.9)
    }
    .shout.shout-left .speech-box {
        margin-right: 20%
    }
    .shout.shout-left .ls-links {
        margin-right: 20%
    }
    .shout.shout-left .speech-link {
        margin-right: 20%
    }
}
@media only screen and (max-width: 640px) {
    .shout .speech-box {
        min-height: auto
    }
    .shout.shout-left .belt {
        padding-left: 0
    }
    .shout.shout-left .belt:after {
        margin-left: -8px
    }
    .shout.shout-r .belt {
        padding-right: 0
    }
    .shout.shout-r .belt:after {
        margin-left: -42px
    }
}
.investor-calendar h2 {
    display: inline-block;
    float: left
}
.investor-calendar .year-dd {
    margin-top: 20px;
    font-weight: 700;
    float: right
}
.investor-calendar .year-dd .head {
    display: none
}
.investor-calendar .year-dd .body li {
    display: inline-block;
    margin: 0 15px 0 0
}
.investor-calendar .year-dd .body .current {
    border-bottom: 3px solid #e60000
}
.investor-calendar .date-picker {
    overflow-x: scroll;
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 25px
}
.investor-calendar .date-picker ul {
    white-space: nowrap;
    width: auto;
    margin: 0 50px
}
.investor-calendar .date-picker li {
    display: inline-block;
    width: 200px;
    margin-right: 35px;
    vertical-align: top
}
.investor-calendar .date-picker li:last-child {
    margin-right: 30px
}
.investor-calendar .date-picker li p {
    white-space: normal;
    display: inline-block;
    margin: 25px 0 15px 0
}
.investor-calendar .date {
    width: 100px;
    background: #333;
    padding: 0 7px 7px 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}
.investor-calendar .date span {
    display: block;
    background: #fff;
    color: #333;
    margin: 0;
    padding: 10px 0;
    font: 44px/1.158 "VodafoneBold"
}
.investor-calendar .date.disabled {
    background: #666
}
.investor-calendar .date.disabled span {
    color: #666
}
.investor-calendar .tg-link:hover {
    text-decoration: none
}
.investor-calendar .tg-link:hover .date span,
.investor-calendar .tg-link:hover p {
    text-decoration: underline
}
.investor-calendar ul.tg-body {
    display: none;
    width: auto;
    white-space: normal;
    margin: 0 0 50px 0;
    border-top: 1px solid #ccc
}
.investor-calendar ul.tg-body li {
    display: block;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 700
}
.investor-calendar ul.tg-body li a {
    margin: 0
}
.investor-calendar ul.tg-body i {
    position: absolute;
    right: 3px;
    top: 15px
}
.investor-calendar ul.tg-body .i-add-blk-sml {
    right: 0;
    top: 13px
}
.investor-calendar .display .date {
    background: #e60000
}
.investor-calendar .display .date span {
    color: #e60000
}
.investor-calendar .display ul.tg-body {
    display: block
}
.investor-calendar .ic-ghost-element {
    position: relative;
    height: 1px;
    width: 10000px;
    visibility: hidden
}
@media only screen and (max-width: 970px) {
    .investor-calendar .year-dd {
        position: relative;
        width: 220px;
        text-align: right
    }
    .investor-calendar .year-dd .head {
        display: block
    }
    .investor-calendar .year-dd .head span {
        border-bottom: 3px solid #e60000
    }
    .investor-calendar .year-dd .head i {
        margin-left: 10px;
        animation: rotate(0deg);
        transition: all .3s ease
    }
    .investor-calendar .year-dd ul.body {
        display: none;
        position: absolute;
        top: 40px;
        left: -10px;
        right: -10px;
        border-top: 3px solid #ccc
    }
    .investor-calendar .year-dd ul.body li {
        border-bottom: 3px solid #ccc;
        background: #fff;
        display: block;
        margin: 0
    }
    .investor-calendar .year-dd ul.body a {
        display: block;
        padding: 10px 30px 10px 10px
    }
    .investor-calendar .year-dd ul.body .current {
        color: #ccc;
        border-color: #ccc
    }
    .investor-calendar .year-dd.active .head i {
        animation: rotate(180deg);
        transition: all .3s ease
    }
    .investor-calendar .year-dd.active ul.body {
        display: block
    }
}
@media only screen and (max-width: 640px) {
    .investor-calendar h2 {
        display: block;
        float: none
    }
    .investor-calendar .year-dd {
        float: none;
        margin: 0 0 40px 0;
        text-align: left;
        width: 100%
    }
}
.stacked-carousel {
    margin-bottom: 50px;
    overflow: hidden
}
.stacked-carousel .grey {
    padding: 25px 0;
    background: #f4f4f4
}
.stacked-carousel .sc-link {
    font-weight: 700;
    display: block;
    padding: 10px 0;
    margin: 3px 0 0 0;
    background: #f4f4f4;
    position: relative
}
.stacked-carousel .sc-link:before,
.stacked-carousel .sc-link:after {
    content: '';
    position: absolute;
    width: 100%;
    background: #f4f4f4;
    right: -100%;
    top: -3px;
    bottom: 0
}
.stacked-carousel .sc-link:before {
    left: -100%
}
.stacked-carousel .sc-link i[class^="i-arrow"] {
    position: absolute;
    top: 15px;
    right: 0
}
.stacked-carousel .billboard-img,
.stacked-carousel .billboard-video {
    margin-bottom: 0
}
.stacked-carousel .sc-slide-imgs li,
.stacked-carousel .sc-slide-content li {
    display: none
}
.stacked-carousel .sc-slide-imgs li.active,
.stacked-carousel .sc-slide-content li.active {
    display: block
}
.stacked-carousel .sc-slide-imgs {
    position: relative
}
.stacked-carousel .sc-slide-video {
    height: 600px;
    overflow: hidden;
    position: relative
}
.stacked-carousel .sc-slide-video .htmlvideo {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: -540px 0 0 -960px
}
.stacked-carousel .sc-slide-controls .prev,
.stacked-carousel .sc-slide-controls .next {
    z-index: 2;
    position: absolute;
    width: 30px;
    height: 45px;
    top: 50%;
    margin-top: -23px
}
.stacked-carousel .sc-slide-controls .prev {
    left: 20px
}
.stacked-carousel .sc-slide-controls .next {
    right: 20px
}
.stacked-carousel .sc-slide-content {
    position: relative
}
.stacked-carousel .sc-slide-content h2 {
    margin-bottom: 20px
}
.stacked-carousel .sc-slide-content .sc-slide-nav {
    position: absolute;
    z-index: 2;
    top: -50px
}
.stacked-carousel .sc-slide-content .sc-slide-nav li {
    display: inline-block;
    margin: 0;
    padding: 0
}
.stacked-carousel .sc-slide-content .sc-slide-nav a {
    display: block;
    padding: 10px 0
}
.stacked-carousel .sc-slide-content .sc-slide-nav span {
    padding: 2px 25px;
    background: #fff;
    display: block
}
.stacked-carousel .sc-slide-content .sc-slide-nav .active a span {
    background: #e60000
}
@media only screen and (max-width: 970px) {
    .stacked-carousel .sc-slide-video {
        height: 500px
    }
    .stacked-carousel .sc-slide-video .htmlvideo {
        width: 1440px;
        height: 600px;
        margin: -300px 0 0 -720px
    }
}
@media only screen and (max-width: 640px) {
    .stacked-carousel .sc-slide-video {
        height: 400px
    }
    .stacked-carousel .sc-slide-video .htmlvideo {
        width: 1320px;
        height: 480px;
        margin: -240px 0 0 -660px
    }
}
.billboard-img {
    height: 600px;
    margin-bottom: 50px
}
.billboard-img+.billboard-description {
    margin-top: -50px;
    margin-bottom: 50px
}
.billboard__description {
    padding-top: 50px;
    background: #f4f4f4
}
.billboard__description .sc-link {
    background: #f4f4f4;
    border-top: 3px solid #fff;
    display: block;
    font-weight: 700;
    margin: 3px 0 0 0;
    padding: 10px 0;
    position: relative
}
.billboard__description .sc-link .i-arrow-blk-r {
    float: right;
    margin: 5px 0 0
}
@media only screen and (max-width: 970px) {
    .billboard-img {
        height: 500px
    }
    .billboard__description {
        padding-top: 25px
    }
}
@media only screen and (max-width: 640px) {
    .billboard-img {
        height: 400px
    }
}
.map-views-tab {
    color: #fff;
    display: none;
    margin-bottom: 15px;
    text-align: right
}
.js .map-views-tab {
    display: block
}
.map-views-tab>li {
    display: inline-block;
    margin-right: 5px
}
.map-views-tab .active {
    border-bottom: 2px solid #e60000
}
.map-wrapper {
    display: none;
    position: relative;
    margin-bottom: 50px
}
.js .map-wrapper {
    display: block
}
.map {
    cursor: pointer;
    height: 700px;
    width: 100%
}
@media only screen and (max-width: 970px) {
    .map {
        height: 350px
    }
}
.map__region:hover {
    fill: #b30000
}
.map__region--partner {
    fill: #5e2750
}
.map__region--partner:hover {
    fill: #3a1831
}
.map__key {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    font-family: "VodafoneLight"
}
.map__key:before {
    height: 15px;
    width: 15px;
    border-radius: 50px;
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 10px
}
.map__key--vf:before {
    background: #e60000
}
.map__key--partner:before {
    background: #5e2750
}
.map-tooltip {
    background: #333;
    color: #fff;
    display: none;
    position: absolute;
    z-index: 10;
    font-size: 17px
}
.map-tooltip--left:after {
    top: 50%;
    left: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 25px solid #333;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    margin-left: -25px;
    margin-top: -25px
}
.map-tooltip--right:after {
    top: 50%;
    right: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 25px solid #333;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    margin-right: -25px;
    margin-top: -25px
}
.map-tooltip--med:after {
    top: 0;
    left: 50%;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 25px solid #333;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    margin-right: -25px;
    margin-top: -25px
}
.map-tooltip--top .map-tooltip__info {
    max-width: 100%
}
@media only screen and (max-width: 970px) {
    .map-tooltip--top .map-tooltip__info {
        width: 100%
    }
}
.map-tooltip--active {
    display: table;
    min-height: 250px
}
@media only screen and (max-width: 970px) {
    .map-tooltip--active {
        max-width: 100%
    }
}
.map-tooltip a {
    color: #eb9700;
    display: block
}
.map-tooltip--left.map-countries__item--partner:after {
    top: 50%;
    left: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 25px solid #f4f4f4;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent
}
.map-tooltip--right.map-countries__item--partner:after {
    top: 50%;
    right: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 25px solid #f4f4f4;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent
}
.map-tooltip--med.map-countries__item--partner:after {
    top: 0;
    left: 50%;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 25px solid #f4f4f4;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent
}
.map-tooltip__close-button {
    position: absolute;
    right: 10px;
    top: 10px
}
.map-tooltip__close-button .i-cross-b,
.map-tooltip__close-button .map-tooltip__close-icon--b {
    display: none
}
.map-countries__item--partner .map-tooltip__close-button .map-tooltip__close-icon--w,
.map-countries__item--partner .map-tooltip__close-button .i-cross-w {
    display: none
}
.map-countries__item--partner .map-tooltip__close-button .map-tooltip__close-icon--b,
.map-countries__item--partner .map-tooltip__close-button .i-cross-b {
    display: inline-block
}
@media only screen and (max-width: 970px) {
    .map-tooltip__close-button--tile {
        display: none
    }
}
.map-tooltip__info,
.map-tooltip__tile {
    padding: 25px;
    vertical-align: top
}
.map-tooltip__info.map-align__bottom,
.map-tooltip__tile.map-align__bottom {
    vertical-align: bottom
}
.map-tooltip__info {
    display: table-cell;
    width: 350px
}
@media only screen and (max-width: 640px) {
    .map-tooltip__info {
        display: block;
        width: auto
    }
}
.map-tooltip__logo {
    display: none
}
.map-tooltip__logo:not([src='']) {
    display: block;
    margin-bottom: 20px;
    max-width: 200px
}
.map-tooltip__tile {
    border-left: 1px solid #fff;
    display: table-cell;
    position: relative;
    width: 250px
}
@media only screen and (max-width: 640px) {
    .map-tooltip__tile {
        display: block;
        width: auto
    }
}
.map-tooltip__tile .i-twitter {
    position: absolute;
    top: 15px;
    left: 15px
}
.map-tooltip__close-icon {
    width: 30px;
    height: 30px
}
.map-tooltip__close-icon--w {
    fill: #fff
}
.map-tooltip__close-icon--b {
    fill: #000
}
.js .map-countries {
    display: none;
    margin-bottom: 20px
}
.map-countries .col {
    margin-bottom: 15px
}
.map-countries__item {
    background-color: #333;
    padding: 20px 15px;
    font-size: 17px;
    color: #fff;
    display: block
}
.map-countries__item h4 {
    font-size: 18px;
    font-family: "Arial", sans-serif;
    margin-bottom: 5px
}
.map-countries__item p {
    margin-bottom: 5px
}
.map-countries__item a {
    color: #eb9700
}
.map-countries__item--partner {
    background-color: #f4f4f4;
    color: #000
}
.map-countries__item--partner h4 {
    font-weight: bold
}
.map-countries__countries {
    margin-bottom: 25px;
    display: block
}
.partnermarkets .map-countries__item {
    background-color: #f4f4f4;
    color: #333
}
.map-countries__logo {
    display: none
}
.map-countries__logo:not([src='']) {
    display: block;
    margin-bottom: 20px;
    width: 60px
}
.map-countries__address,
.map-countries__other,
.map-countries__email,
.map-countries__website {
    display: block
}
.map-countries__email,
.map-countries__website {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.map-tooltip__tweet {
    font-size: 16px;
    padding: 15px 15px 0 15px;
    text-align: center
}
.map-tooltip__tweet .avatar {
    height: 70px
}
.map-tooltip__tweet .avatar img {
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    overflow: hidden;
    width: 70px
}
.map-tooltip__tweet p {
    margin-bottom: 0;
    padding: 5px 0
}
.map-tooltip__financial--message {
    font-family: "VodafoneLight";
    font-weight: bold;
    margin-bottom: 15px
}
.map-tooltip__financial--message span {
    font-size: 75px;
    display: block;
    line-height: normal;
    font-weight: normal;
    margin-bottom: -15px
}
.jqvmap-label {
    position: absolute;
    display: none;
    background: #292929;
    color: white;
    padding: 3px
}
.jqvmap-zoomin,
.jqvmap-zoomout {
    background: #666;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 49%;
    width: 40px;
    height: 40px;
    font-size: 32px;
    line-height: 40px
}
.jqvmap-zoomin:focus,
.jqvmap-zoomin:hover,
.jqvmap-zoomout:focus,
.jqvmap-zoomout:hover {
    background: #333
}
.jqvmap-zoomout {
    margin-top: 42px
}
.jqvmap-zoomout:after {
    display: none
}
.jqvmap-region {
    cursor: pointer
}
.jqvmap-ajax_response {
    width: 100%;
    height: 500px
}
@media only screen and (max-width: 970px) {
    .map-tooltip {
        width: 100%;
        position: relative
    }
}
.contact-us {
    margin-bottom: 50px;
    position: relative
}
.contact-us .wrap {
    background: #f4f4f4;
    padding: 20px
}
.contact-us form {
    width: 100%;
    padding-bottom: 5px
}
.contact-us form input {
    width: 70%;
    float: left
}
.contact-us .number {
    font-size: 23px;
    font-weight: 700;
    margin-left: 10px
}
.contact-us p {
    margin-bottom: 20px
}
.contact-us .btn-wrap {
    width: 30%;
    float: left;
    padding-left: 10px
}
.contact-us .btn {
    width: 100%;
    text-align: left;
    padding: 10px
}
.contact-us .btn i {
    right: 5px
}
.contact-us .btn .i-arrow-whte-r {
    animation: rotate(0);
    transition: all .3s ease
}
.contact-us .co-selected .i-arrow-whte-r {
    animation: rotate(90deg);
    transition: all .3s ease
}
.contact-us input[type="date"] {
    width: 100%
}
@media only screen and (max-width: 970px) {
    .contact-us h2 {
        margin-bottom: 15px
    }
    .contact-us .col:first-child {
        margin-bottom: 15px
    }
    .contact-us .wrap p {
        max-width: 400px
    }
}
@media only screen and (max-width: 640px) {
    .contact-us .btn-wrap {
        width: 100%;
        float: none;
        padding: 0
    }
    .contact-us form input {
        width: 100%;
        margin-bottom: 20px
    }
    .contact-us form .btn {
        margin-left: 0
    }
}
.media-contact-form {
    margin: 0 25% 0 0
}
.media-contact-form .form_field_text {
    background: #fff;
    padding: 10px;
    font-size: 18px;
    border: none;
    color: #333
}
.media-contact-form .form_leftcol,
.media-contact-form .guideFieldLabel {
    width: 230px
}
.media-contact-form .form_rightcol,
.media-contact-form .guideFieldWidget.multiline {
    width: 460px
}
.media-contact-form .form_error {
    color: #eb9700
}
.media-contact-form input.form_error,
.media-contact-form select.form_error,
.media-contact-form textarea.form_error {
    border: 2px solid #eb9700;
    color: initial
}
.media-contact-form input,
.media-contact-form input[type=text],
.media-contact-form textarea {
    width: 100%
}
.media-contact-form input[type=button] {
    width: auto
}
.media-contact-form .guideFieldWidget.multiline {
    vertical-align: top
}
.media-contact-form .form_leftcol,
.media-contact-form .form_rightcol,
.media-contact-form .guideFieldLabel,
.media-contact-form .guideFieldWidget {
    display: inline-block;
    vertical-align: middle
}
.media-contact-form .captcha .form_leftcollabel {
    margin: 0 0 20px
}
.media-contact-form .captcha .form_leftcol {
    display: block;
    width: auto
}
.media-contact-form .captcha .form_rightcol {
    margin-left: 230px
}
.media-contact-form .section {
    overflow: hidden;
    margin: 0 0 30px
}
.media-contact-form .form_leftcolmark {
    display: none
}
.media-contact-form .form_button_submit,
.media-contact-form .form_button_close,
.media-contact-form .form_button_close {
    padding: 10px;
    border: none;
    background-color: #eb9700;
    color: #fff;
    font-size: 18px;
    width: 300px;
    text-align: left;
    cursor: pointer
}
.media-contact-form .form_button_submit i,
.media-contact-form .form_button_close i,
.media-contact-form .form_button_close i {
    float: right;
    margin: 4px 0 0
}
.media-contact-form .form_button_close.co-close {
    position: relative;
    top: 0;
    right: 0
}
.media-contact-form .form-response-text {
    display: none
}
.media-contact-form.form-response>h2,
.media-contact-form.form-response>p {
    display: none
}
@media only screen and (max-width: 970px) {
    .media-contact-form {
        margin: 0
    }
    .media-contact-form .form_leftcol,
    .media-contact-form .guideFieldLabel {
        width: 25%
    }
    .media-contact-form .form_rightcol,
    .media-contact-form .guideFieldWidget.multiline {
        width: 74%
    }
    .media-contact-form .captcha .form_rightcol {
        margin-left: 25%
    }
}
@media only screen and (max-width: 640px) {
    .media-contact-form .form_leftcol,
    .media-contact-form .guideFieldLabel {
        width: 100%
    }
    .media-contact-form .form_rightcol,
    .media-contact-form .guideFieldWidget.multiline {
        width: 100%
    }
    .media-contact-form .captcha .form_rightcol {
        margin-left: 0
    }
    .media-contact-form .section {
        margin: 0
    }
    .media-contact-form .form_button_submit,
    .media-contact-form .form_button_close {
        width: 100%
    }
}
.content-plus-open {
    overflow: hidden;
    overflow-x: hidden;
    visibility: hidden;
    height: 100%
}
.content-plus-open .mod-content-plus.active {
    position: fixed;
    top: 0;
    bottom: 0
}
.mod-content-plus {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 50px
}
.js .mod-content-plus.cp-right .cp-content-wrap {
    margin-left: 100%
}
.js .mod-content-plus.cp-left .cp-content-wrap {
    margin-left: -200%
}
.js .mod-content-plus.play.cp-right .cp-content-wrap,
.js .mod-content-plus.done.cp-right .cp-content-wrap {
    margin-left: 50%
}
.js .mod-content-plus.play.cp-left .cp-content-wrap,
.js .mod-content-plus.done.cp-left .cp-content-wrap {
    margin-left: -150%
}
.mod-content-plus .h1 {
    margin-bottom: 20px;
    padding-right: 40px
}
.mod-content-plus .cp-img {
    transition: all 1s ease;
    height: 100%;
    max-width: initial;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat
}
.mod-content-plus .cp-img:hover {
    cursor: pointer
}
.mod-content-plus .cp-inner {
    vertical-align: middle;
    display: table-cell;
    height: 700px;
    overflow: hidden
}
.mod-content-plus .cp-content-wrap {
    min-height: 350px;
    background: #f4f4f4;
    padding: 20px;
    width: 200%;
    margin-left: 50%;
    position: relative;
    top: 0;
    transition: all 1s ease;
    cursor: pointer
}
.mod-content-plus .cp-content {
    padding-bottom: 45px
}
.mod-content-plus .cp-content:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 25px
}
.mod-content-plus .cp-content-all {
    height: 100px;
    overflow: hidden;
    transition: height 1s ease
}
.mod-content-plus .cp-content-rest {
    opacity: 0;
    transition: opacity 1s ease;
    visibility: hidden
}
.mod-content-plus .content-close {
    opacity: 0;
    transition: opacity .1s ease;
    background-color: #e60000;
    padding: 4px;
    right: 20px;
    top: 30px
}
.mod-content-plus .content-plus-close-icon {
    fill: #fff;
    width: 30px;
    height: 30px;
    display: block;
    pointer-events: none
}
.mod-content-plus .content-trigger {
    display: inline-block;
    position: absolute;
    bottom: 20px
}
.mod-content-plus.active {
    z-index: 50
}
.mod-content-plus.active .cp-content {
    padding-bottom: 0
}
.mod-content-plus.active .cp-img {
    transition: all 1s ease;
    height: 700px;
    height: 100vh
}
.mod-content-plus.active .cp-content-wrap {
    min-height: 700px;
    min-height: 100vh;
    transition: all 1s ease;
    cursor: initial
}
.mod-content-plus.active .cp-content-all {
    transition: height 1s ease;
    height: 600px;
    height: 80vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 1
}
.mod-content-plus.active .content-trigger {
    display: none
}
.mod-content-plus.active .content-close {
    display: block;
    position: absolute
}
.mod-content-plus.active .content-close i {
    pointer-events: none
}
.mod-content-plus.active .cp-content-rest {
    opacity: 1;
    transition: opacity 1s ease;
    visibility: visible
}
.mod-content-plus.active .fadeout {
    position: absolute;
    bottom: 0;
    height: 275px;
    background-image: linear-gradient(rgba(244, 244, 244, 0) 0%, #f4f4f4 65%);
    left: 0;
    right: 0
}
.mod-content-plus.active .content-close {
    opacity: 1
}
.mod-content-plus.cp-right .cp-content {
    margin-right: 75%
}
.mod-content-plus.cp-right .cp-content:after {
    left: 0;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f4f4f4;
    margin: -25px 0 0 -50px
}
.mod-content-plus.cp-left .cp-img {
    background-position: right center
}
.mod-content-plus.cp-left .cp-content-wrap {
    margin-left: -200%
}
.mod-content-plus.cp-left .cp-content {
    margin-left: 75%
}
.mod-content-plus.cp-left .cp-content:after {
    right: 0;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f4f4f4;
    margin: -25px -50px 0 0
}
.mod-content-plus.cp-left .content-close {
    right: 0;
    margin-right: 30px
}
.mod-content-plus.cp-left .content-trigger {
    right: 20px
}
@media only screen and (max-width: 970px) {
    .js .mod-content-plus.cp-right .cp-content-wrap {
        margin-left: 100%
    }
    .js .mod-content-plus.cp-left .cp-content-wrap {
        margin-left: -100%
    }
    .js .mod-content-plus.play.cp-right .cp-content-wrap,
    .js .mod-content-plus.done.cp-right .cp-content-wrap {
        margin-left: 25%
    }
    .js .mod-content-plus.play.cp-left .cp-content-wrap,
    .js .mod-content-plus.done.cp-left .cp-content-wrap {
        margin-left: -110%
    }
    .mod-content-plus.cp-right .cp-content-wrap {
        margin-left: 25%
    }
    .mod-content-plus.cp-right .cp-content {
        margin-right: 70%
    }
    .mod-content-plus.cp-left .cp-content-wrap {
        margin-left: -25%
    }
    .mod-content-plus.cp-left .cp-content {
        margin-left: 60%
    }
}
@media only screen and (max-width: 640px) {
    .mod-content-plus {
        position: static
    }
    .js .mod-content-plus.cp-right .cp-content-wrap {
        margin-left: 0
    }
    .js .mod-content-plus.cp-left .cp-content-wrap {
        margin-left: 0
    }
    .js .mod-content-plus.play.cp-right .cp-content-wrap,
    .js .mod-content-plus.done.cp-right .cp-content-wrap {
        margin-left: 0
    }
    .js .mod-content-plus.play.cp-left .cp-content-wrap,
    .js .mod-content-plus.done.cp-left .cp-content-wrap {
        margin-left: 0
    }
    .mod-content-plus .content-trigger {
        position: static
    }
    .mod-content-plus.cp-left .cp-inner,
    .mod-content-plus.cp-right .cp-inner {
        height: auto
    }
    .mod-content-plus.cp-left .cp-content-wrap,
    .mod-content-plus.cp-left .cp-content,
    .mod-content-plus.cp-right .cp-content-wrap,
    .mod-content-plus.cp-right .cp-content {
        margin: 0;
        top: 0;
        width: 100%
    }
    .mod-content-plus.cp-left .content-trigger,
    .mod-content-plus.cp-right .content-trigger {
        display: block;
        text-align: center;
        float: none
    }
    .mod-content-plus.cp-left .belt,
    .mod-content-plus.cp-right .belt {
        position: relative;
        padding: 0
    }
    .mod-content-plus.cp-left .cp-content,
    .mod-content-plus.cp-right .cp-content {
        padding-bottom: 0
    }
    .mod-content-plus.cp-left .cp-content:after,
    .mod-content-plus.cp-right .cp-content:after {
        top: 0;
        left: 50%;
        margin-left: -25px;
        border-right-color: transparent;
        border-bottom-color: #f4f4f4;
        border-left-color: transparent;
        margin-top: -50px
    }
    .mod-content-plus.cp-left.active .content-close,
    .mod-content-plus.cp-right.active .content-close {
        left: auto;
        right: 20px;
        position: fixed;
        z-index: 15
    }
    .mod-content-plus .cp-img-wrap,
    .mod-content-plus .cp-img {
        position: static;
        height: 300px;
        top: 0
    }
    .mod-content-plus .cp-content-wrap {
        min-height: 0
    }
    .mod-content-plus .cp-content-all {
        margin: 0 0 25px
    }
    .mod-content-plus.active {
        overflow: scroll;
        display: block;
        z-index: 100;
        margin: 0;
        height: 100%
    }
    .mod-content-plus.active .i-cross-w {
        display: block
    }
    .mod-content-plus.active .content-close {
        background-color: #e60000;
        display: block;
        padding: 10px;
        top: 20px
    }
    .mod-content-plus.active .cp-content-all {
        overflow: hidden;
        height: auto
    }
    .mod-content-plus.active .cp-content-wrap,
    .mod-content-plus.active .cp-content-all {
        height: 100%;
        min-height: 100%
    }
    .mod-content-plus.active .cp-img-wrap,
    .mod-content-plus.active .cp-img {
        position: static;
        height: 300px
    }
    .mod-content-plus.active .content-trigger {
        display: none
    }
    .mod-content-plus.active .fadeout {
        display: none
    }
}
.story-carousel {
    margin: 50px auto 50px auto
}
.story-carousel .gallery__arrow--left,
.story-carousel .gallery__arrow--right {
    top: 300px
}
.story-carousel .gallery__items {
    font-size: 0
}
.story-carousel__story,
.story-carousel__filler {
    font-size: 16px;
    height: 600px;
    width: 230px
}
@media only screen and (max-width: 640px) {
    .story-carousel__story,
    .story-carousel__filler {
        width: 100vw
    }
}
.story-carousel__story {
    color: #fff;
    cursor: pointer;
    white-space: normal
}
@media only screen and (min-width: 641px) {
    .story-carousel__story {
        transition: width 400ms ease
    }
    .story-carousel__story.gallery__item--active {
        width: 690px
    }
}
.story-carousel__filler {
    background-color: #333;
    display: inline-block
}
.story-carousel__image-wrapper {
    height: 600px;
    position: relative;
    overflow: hidden
}
.story-carousel__image-wrapper:before {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 1
}
.gallery__item--active .story-carousel__image-wrapper:before {
    display: none
}
.story-carousel__image {
    max-width: none;
    float: right
}
.story-carousel__overlay {
    background-color: #e60000;
    bottom: 0;
    display: none;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 2
}
.gallery__item--active .story-carousel__overlay {
    display: block
}
.story-carousel__title,
.story-carousel__features {
    display: inline-block;
    vertical-align: top
}
.story-carousel__title {
    float: left;
    font-family: VodafoneBold;
    margin-bottom: 0
}
.story-carousel__features {
    text-align: right
}
@media only screen and (max-width: 640px) {
    .story-carousel__features {
        margin-top: 20px;
        text-align: left
    }
}
@media only screen and (min-width: 640px) and (max-width: 970px) {
    .story-carousel__features {
        padding-right: 40px
    }
}
.story-carousel__features span {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    vertical-align: top
}
.story-carousel__features span+span {
    margin-left: 5px
}
.story-carousel__features span i {
    display: block;
    margin-bottom: 5px
}
.story-carousel__subtitle {
    display: block;
    font-family: VodafoneLight;
    font-size: 20px;
    margin-top: 5px
}
.story-carousel__summary {
    background-color: #333;
    bottom: 0;
    font-family: VodafoneBold;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 2
}
.gallery__item--active .story-carousel__summary {
    display: none
}
.story-carousel__summary__subtitle {
    display: block;
    font-family: VodafoneLight
}
.story-carousel__navigation {
    position: absolute;
    top: 300px
}
.story-carousel__navigation li {
    background: #fff
}
.story-carousel__navigation li.gallery__navigation--active {
    background: #e60000
}
.feature-story {
    margin: 0 0 70px
}
.feature-story button {
    width: 100%
}
.feature-story .find-device {
    margin-bottom: 50px
}
.js .feature-story img {
    opacity: 0;
    left: -100px
}
.feature-story img {
    max-width: none;
    float: right;
    opacity: 1;
    position: relative
}
.feature-story.play img {
    margin: 0;
    opacity: 1;
    left: 0;
    transition: all 1s ease
}
.feature-story.done img {
    opacity: 1;
    left: 0
}
@media only screen and (max-width: 640px) {
    .js .feature-story img {
        opacity: 1;
        left: 0
    }
    .feature-story .select-styled.grey {
        margin-bottom: 20px
    }
}
.gallery {
    position: relative
}
.gallery__items {
    overflow: hidden;
    white-space: nowrap
}
.gallery__items>*+* {
    margin-left: 10px
}
@media only screen and (max-width: 640px) {
    .gallery__items>*+* {
        margin-left: 0
    }
}
.gallery__item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    white-space: normal
}
.gallery__arrow {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    z-index: 10
}
@-moz-document url-prefix() {
    .gallery__arrow:focus {
        outline: none;
        border: 3px solid #e60000
    }
}
.gallery__arrow--left {
    left: 1em
}
.gallery__arrow--right {
    right: 1em
}
.gallery__navigation {
    display: none;
    margin: 50px 0 0 20px
}
@media only screen and (max-width: 640px) {
    .gallery__navigation {
        display: block
    }
}
.gallery__navigation li {
    background: #000;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    width: 30px
}
.gallery__navigation li+.gallery__navigation li {
    margin-left: 5px
}
.gallery__navigation li.gallery__navigation--active {
    background: #fff
}
.masonry-content-plus .ratio-2-1.grid-2 {
    width: 100%
}
.masonry-content-plus .ratio-1-1.grid-4 {
    width: 100%
}
@media only screen and (max-width: 640px) {
    .masonry-content-plus .ratio-1-1.grid-1,
    .masonry-content-plus .ratio-2-1.grid-2,
    .masonry-content-plus .ratio-1-1.grid-4 {
        width: 100%
    }
    .masonry-content-plus .ratio-1-1.grid-4 {
        margin-top: 0
    }
    .masonry-content-plus .med-ratio-1-2 {
        padding-top: 0
    }
    .masonry-content-plus .ratio-2-1:before {
        padding-top: 66.666%
    }
    .masonry-content-plus .sml-ratio-2-1:before {
        padding-top: 150%
    }
}
.social-story {
    overflow: hidden
}
.social-story .ss-hero {
    padding: 60px 0 85px 0
}
.social-story .h2 {
    color: #fff
}
.social-story .ss-twitter {
    color: #fff
}
.social-story .ss-twitter li {
    float: left;
    padding-right: 50px
}
.social-story .grey-box {
    background: #232323;
    padding: 25px 0 20px;
    position: relative
}
.social-story .grey-box:before {
    left: 20%;
    top: -50px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #232323;
    border-width: 25px;
    margin: 0 0 0 -25px
}
.social-story .masonry-cont {
    width: 100%;
    overflow-x: scroll
}
.social-story ul.masonry {
    margin: 0;
    padding: 25px 0 25px 10px;
    width: 1500px
}
.social-story ul.masonry li.tile {
    width: 350px;
    height: 350px;
    margin-right: 10px
}
.social-story ul.masonry li.tile:before {
    content: none
}
.social-story .controls {
    padding: 10px
}
.social-story .controls .right {
    float: right
}
.social-story .social-txt {
    padding-top: 65px;
    padding-bottom: 15px
}
.social-story .social-txt .middle {
    padding-right: 30px;
    padding-left: 30px
}
.social-story .tile .social-txt-strip {
    background: #333;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 20px
}
.social-story .tile .social-txt-strip p {
    line-height: 20px;
    margin-bottom: 0;
    padding: 5px 0;
    font-size: 16px
}
.social-story .tile .social-txt-strip a {
    color: #eb9700
}
@media only screen and (max-width: 970px) {
    .social-story .tile-social .social-txt .avatar {
        display: table-row
    }
}
@media only screen and (max-width: 640px) {
    .social-story .ss-hero {
        padding: 60px 0 30px 0
    }
    .social-story .h2 {
        margin-bottom: 60px
    }
    .social-story .ss-twitter li {
        float: none;
        padding: 0 0 10px 0
    }
    .social-story .masonry-cont {
        overflow-x: hidden
    }
    .social-story ul.masonry li.tile {
        width: 290px;
        height: 290px
    }
    .social-story .social-txt {
        padding: 30px 10px 10px
    }
    .social-story .social-txt .middle {
        padding: 0
    }
}
.slidelink,
.storylink {
    font-weight: 700;
    display: block;
    padding: 10px 15px;
    margin-top: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f4f4f4
}
.slidelink:before,
.slidelink:after,
.storylink:before,
.storylink:after {
    background: #f4f4f4;
    content: '';
    width: 15px;
    height: 30px;
    display: inline-block;
    margin: -30px 0 0 -15px;
    float: left
}
.slidelink:after,
.storylink:after {
    margin: -30px -15px 0 0;
    float: right
}
.slidelink i[class^="i-arrow"],
.storylink i[class^="i-arrow"] {
    position: absolute;
    top: 15px;
    right: 15px;
    animation: rotate(0deg);
    transition: all .3s ease
}
.slidelink span i,
.storylink span i {
    margin-right: 5px
}
@media only screen and (max-width: 640px) {
    .slidelink,
    .storylink {
        padding: 10px
    }
    .slidelink:before,
    .slidelink:after,
    .storylink:before,
    .storylink:after {
        width: 10px;
        margin: -30px 0 0 -10px
    }
    .slidelink:after,
    .storylink:after {
        margin: -30px -10px 0 0
    }
}
.our-people {
    margin-bottom: 50px
}
.our-people .person__storylink {
    background: #333;
    color: #fff
}
.our-people .person__storylink:before,
.our-people .person__storylink:after {
    background: #333
}
.our-people .video-full:before {
    padding-top: 100%
}
.our-people__list {
    margin-right: -5px;
    position: relative
}
.our-people-person {
    width: 25%;
    float: left;
    cursor: pointer
}
.our-people-person--focused .person__content,
.our-people-person:focus .person__content,
.our-people-person:hover .person__content {
    z-index: 1
}
.our-people-person .billboard-video {
    margin-bottom: 0;
    overflow: auto;
    height: auto
}
.our-people-person .close {
    display: none
}
.person__img {
    display: block
}
.person__inner {
    position: relative;
    margin: 0 5px 5px 0
}
.person__content {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: -1
}
.person__content:before {
    content: '';
    position: absolute;
    background: #333;
    top: 0;
    right: 0;
    bottom: 50px;
    left: 0
}
.content__video-wrap {
    display: none
}
.content__primary p {
    margin-bottom: 0
}
.content__primary,
.content__secondary {
    position: relative;
    padding: 15px 15px 0 15px
}
.content__secondary {
    display: none
}
.content__heading {
    font-family: "VodafoneLight";
    margin-bottom: 0
}
.our-people-person.active .person__inner {
    position: static
}
.our-people-person.active .person__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #333;
    cursor: initial
}
.our-people-person.active .person__content:before {
    content: none
}
.our-people-person.active .content__video-wrap {
    overflow: hidden;
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    float: left
}
.our-people-person.active .content__video-wrap img {
    width: 100%
}
.our-people-person.active .content__primary,
.our-people-person.active .content__secondary {
    float: left;
    width: 50%
}
.our-people-person.active .content__secondary {
    display: block;
    overflow: auto
}
.our-people-person.active .content__secondary-social li {
    margin-bottom: 15px;
    float: left
}
.our-people-person.active .content__secondary-social i {
    margin: -3px 5px 0 0
}
.our-people-person.active .content__secondary-social a {
    color: #eb9700;
    margin-right: 20px
}
.our-people-person.active .person__storylink {
    display: none
}
.our-people-person.active .close {
    display: inline-block;
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 5px
}
@media only screen and (max-width: 970px) {
    .our-people-person {
        width: 33.333%
    }
    .our-people-person:hover .person__content {
        display: none
    }
    .our-people-person.active .person__content {
        display: block
    }
    .our-people-person.active .content__primary,
    .our-people-person.active .content__secondary {
        float: none;
        width: 100%
    }
    .our-people-person.active .content__video-wrap {
        float: none;
        width: 100%;
        height: auto
    }
    .our-people-person.active .content__video-wrap img {
        width: 100%;
        max-width: 100%;
        margin-left: 0
    }
}
@media only screen and (max-width: 640px) {
    .our-people-person.active .person__content {
        bottom: inherit;
        height: auto
    }
    .our-people-person.active .content__secondary-social {
        margin-bottom: 20px
    }
    .our-people-person.active .content__secondary-social li {
        margin-bottom: 10px;
        float: none
    }
}
.story-telling {
    margin: 0 0 50px 0
}
.story-telling .gallery__arrow--left,
.story-telling .gallery__arrow--right {
    top: 217.5px
}
@media only screen and (max-width: 640px) {
    .story-telling .gallery__arrow--left,
    .story-telling .gallery__arrow--right {
        top: 108.75px
    }
}
.story-telling .gallery__items {
    font-size: 0
}
.story-telling__story,
.story-telling__filler {
    font-size: 16px;
    height: 435px;
    width: 230px
}
@media only screen and (max-width: 640px) {
    .story-telling__story,
    .story-telling__filler {
        width: 100vw
    }
}
.story-telling__story {
    color: #fff;
    cursor: pointer;
    white-space: normal
}
.story-telling__story.gallery__item--active {
    height: 460px
}
@media only screen and (min-width: 641px) {
    .story-telling__story {
        transition: width 400ms ease
    }
    .story-telling__story.gallery__item--active {
        width: 690px
    }
}
.story-telling__filler {
    background-color: #333;
    display: inline-block
}
.story-telling__image-wrapper {
    height: 435px;
    position: relative;
    overflow: hidden
}
.gallery__item--active .story-telling__image-wrapper {
    overflow: visible
}
.story-telling__image-wrapper:before {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 1
}
.gallery__item--active .story-telling__image-wrapper:before {
    display: none
}
.story-telling__image-wrapper:after {
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-top: 25px solid #e60000;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    margin-left: -12.5px;
    z-index: -1
}
.gallery__item--active .story-telling__image-wrapper:after {
    transition: bottom 400ms ease;
    bottom: -25px;
    z-index: 2
}
.story-telling__image {
    max-width: none;
    float: right
}
.story-telling__title {
    background-color: #e60000;
    bottom: 0;
    display: none;
    font-family: VodafoneBold;
    margin-bottom: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
    z-index: 2
}
.gallery__item--active .story-telling__title {
    display: block
}
.story-telling__subtitle {
    display: block;
    font-family: VodafoneLight
}
.story-telling__summary {
    background-color: #333;
    bottom: 0;
    font-family: VodafoneBold;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 2
}
.gallery__item--active .story-telling__summary {
    display: none
}
.story-telling__summary__subtitle {
    display: block;
    font-family: VodafoneLight
}
.story-telling__content {
    color: #333;
    display: none;
    margin-top: 0
}
@media only screen and (max-width: 970px) {
    .story-telling__content {
        padding: 10px
    }
}
.story-telling__content .ls-links {
    margin: 30px 0
}
.js .story-telling__content {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0
}
.js .story-telling__content--active {
    transition: all 400ms ease 400ms;
    height: auto;
    margin-top: 50px;
    opacity: 1
}
.story-telling__blockquote blockquote {
    margin-bottom: 25px
}
.story-telling__blockquote blockquote p {
    color: #e60000;
    font-family: VodafoneLight
}
.story-telling__blockquote blockquote hr {
    display: none
}
.story-telling__description {
    font-family: VodafoneLight
}
.story-telling__description span {
    font-family: VodafoneBold
}
.story-telling__read-more {
    border-bottom: 3px solid #ebebeb;
    border-top: 3px solid #ebebeb;
    display: block;
    padding: 10px 0;
    font-weight: bold
}
.story-telling__read-more i {
    float: right;
    margin-top: 5px
}
@media only screen and (max-width: 640px) {
    .story-telling__read-more {
        margin-bottom: 20px
    }
}
.story-telling__navigation {
    position: absolute;
    top: 217.5px
}
.story-telling__navigation li {
    background: #fff
}
.story-telling__navigation li.gallery__navigation--active {
    background: #e60000
}
.donate-2-col {
    margin: 0 0 50px
}
.donate-2-col h3,
.donate-2-col img {
    margin: 0 0 20px
}
.donate-2-col p {
    margin: 0 0 40px
}
.donate-2-col .dn-links a {
    font-weight: 700;
    display: block;
    padding: 10px 0;
    border-top: 3px solid #ebebeb;
    border-bottom: 3px solid #ebebeb;
    margin-top: -3px
}
.donate-2-col .dn-links a i {
    float: right
}
.donate-2-col .dn-links a span {
    font-weight: 400
}
.donate-2-col .dn-links a .i-arrow-blk-r {
    margin-top: 5px
}
@media only screen and (max-width: 640px) {
    .donate-2-col .dn-links a {
        margin-bottom: 25px
    }
}
.search-filter>.dark-box {
    padding-bottom: 0;
    color: #fff;
    position: relative
}
.search-filter .search-wrap {
    margin: 0 0 60px
}
.search-filter .search-loader {
    margin: 0 0 40px
}
.search-filter .search-results-list>li {
    margin: 0 0 65px
}
.search-filter input[type=text] {
    width: 390px;
    margin: 0 10px 0 0
}
.search-filter button,
.search-filter form button {
    width: 42px;
    height: 42px;
    vertical-align: top;
    border: none;
    background-color: #fff
}
.search-filter button:hover,
.search-filter form button:hover {
    cursor: pointer
}
@media only screen and (max-width: 970px) {
    .search-filter .lead-story img {
        max-width: 100%
    }
}
@media only screen and (max-width: 640px) {
    .search-filter .search-wrap input {
        width: 80%
    }
    .search-filter .search-wrap input,
    .search-filter .search-wrap button {
        display: inline-block
    }
    .search-filter img {
        margin: 0 0 30px
    }
    .search-filter .search-results-list>li {
        margin: 0 0 30px
    }
}
.adv-options {
    border-top: 3px solid #fff;
    padding: 10px 0
}
.adv-options a {
    display: block
}
.adv-options a i {
    float: right;
    margin-top: 4px;
    animation: rotate(0deg);
    transition: all .3s ease
}
.adv-options h3 {
    margin: 0
}
.adv-options input[type=date] {
    font-family: "Arial", sans-serif
}
.js .adv-options .co-selected i {
    animation: rotate(180deg);
    transition: all .3s ease
}
.js .adv-options .co-selected:after {
    display: none
}
.js .adv-options .co-body {
    margin: 0 0 20px;
    padding: 20px 0
}
@media only screen and (max-width: 970px) {
    .adv-options .sf-label {
        min-height: 50px
    }
    .adv-options .sf-row {
        margin-bottom: 20px
    }
}
.search-pagination {
    color: #fff
}
.search-pagination li {
    display: inline-block;
    margin: 4px 2px
}
.search-pagination li:first-child a,
.search-pagination li:last-child a {
    padding-left: 13px;
    padding-right: 13px
}
.search-pagination li:first-child i,
.search-pagination li:last-child i {
    pointer-events: none
}
.search-pagination .current div {
    background-color: #333;
    color: #fff;
    padding: 8px 12px
}
.search-pagination .sp-pagination {
    float: right
}
.search-pagination h3 {
    margin: 0
}
.search-pagination a {
    background-color: #ebebeb;
    color: #333;
    font-weight: 700;
    display: block;
    padding: 8px 16px
}
.search-pagination a:hover {
    background-color: #fff
}
@media only screen and (max-width: 640px) {
    .search-pagination .sp-pagination {
        float: none
    }
    .search-pagination h3 {
        margin: 0 0 30px
    }
}
.article {
    margin-bottom: 50px
}
.article h2 {
    color: #e60000
}
.article ul {
    list-style: disc;
    margin-bottom: 50px
}
.article ul li {
    margin-bottom: 15px;
    color: #e60000
}
.article ul li>span {
    color: #333
}
.article a {
    font-weight: 700;
    color: #e60000;
    text-decoration: underline
}
.article .article-blockquote blockquote {
    margin: 50px 0
}
@media only screen and (max-width: 970px) {
    .article .article-blockquote blockquote {
        margin: 20px 0
    }
}
.article .article-blockquote blockquote p {
    font: 40px/1.176 "VodafoneLight";
    color: #e60000
}
@media only screen and (max-width: 970px) {
    .article .article-blockquote blockquote p {
        font-size: 20px
    }
}
.article .article-blockquote blockquote footer {
    border-top: 2px solid #e60000;
    padding-top: 20px
}
.article-table {
    margin-bottom: 50px
}
.article-table table {
    border: 3px solid #fff;
    background: #f4f4f4
}
.article-table table thead tr {
    border-top: 3px solid #fff
}
.article-table table th {
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    text-align: center;
    padding: 20px
}
.article-table table td {
    border: 3px solid #fff;
    text-align: center
}
.article-table table td {
    padding: 20px
}
.article-table table th {
    background: #ebebeb;
    font-weight: 700;
    padding: 25px 10px
}
.article-table table th span {
    font-size: 12px;
    display: inline-block
}
.article-table table .blank {
    background: white
}
.article-table table tbody {
    margin-top: -3px
}
.article-table table tbody th {
    background: #ebebeb;
    font-weight: 700;
    padding: 20px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff
}
@media only screen and (max-width: 640px) {
    .article-table table th,
    .article-table table td {
        padding: 10px
    }
}
.image-gallery {
    transition: background 400ms ease;
    background: transparent;
    margin-bottom: 50px
}
.image-gallery--overlay {
    background: #333;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}
.image-gallery .gallery__items {
    font-size: 0
}
.image-gallery .gallery__items>*+* {
    margin-left: 0
}
.image-gallery .gallery__arrow {
    display: none
}
.image-gallery--overlay .gallery__arrow {
    display: block
}
.image-gallery img {
    width: 100%
}
.image-gallery__bar {
    color: #fff;
    display: none;
    padding: 1% 30px 1% 30px;
    position: relative
}
@media only screen and (max-width: 970px) {
    .image-gallery__bar {
        padding: 1% 15px 1% 15px
    }
}
.image-gallery--overlay .image-gallery__bar {
    display: table;
    height: 10%;
    width: 100%
}
.image-gallery--overlay .image-gallery__bar>* {
    display: table-cell;
    vertical-align: middle
}
.image-gallery__description {
    width: 25%
}
@media only screen and (max-width: 970px) {
    .image-gallery__description {
        width: 50%
    }
}
.image-gallery__navigator {
    position: relative;
    text-align: center;
    width: 50%
}
@media only screen and (max-width: 970px) {
    .image-gallery__bar--top .image-gallery__navigator {
        display: none
    }
}
.image-gallery__bar--bottom .image-gallery__navigator {
    display: none
}
@media only screen and (max-width: 971px) {
    .image-gallery__bar--bottom .image-gallery__navigator {
        display: block;
        width: 100%
    }
}
.image-gallery__navigator span {
    display: inline-block;
    vertical-align: sub
}
.image-gallery__navigator .gallery__arrow {
    display: inline-block;
    margin-top: 0;
    position: static
}
.image-gallery__index {
    color: #e60000
}
.image-gallery__close-wrapper {
    width: 25%;
    text-align: right
}
@media only screen and (max-width: 970px) {
    .image-gallery__close-wrapper {
        width: 50%
    }
}
.image-gallery__close {
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    vertical-align: text-bottom
}
.image-gallery__items {
    width: 100%
}
.image-gallery--overlay .image-gallery__items {
    height: 80%;
    overflow: visible
}
.image-gallery__items .gallery__item {
    max-height: 100%
}
.image-gallery--overlay .image-gallery__items .gallery__item {
    transform: translateY(-50%);
    top: 50%
}
.image-gallery__zoomer {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 10
}
.image-gallery--overlay .image-gallery__zoomer {
    display: none
}
@media only screen and (max-width: 640px) {
    .zoom-content {
        position: relative;
        display: block;
        cursor: pointer;
        margin-bottom: 20px
    }
    .zoom-content img {
        box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75)
    }
    .zoom-content:after {
        background: url("../images/zoom-overlay.png") no-repeat;
        position: absolute;
        z-index: 1;
        height: 100px;
        content: "";
        width: 100px;
        top: 50%;
        left: 50%;
        margin: -50px 0 0 -50px;
        pointer-events: none
    }
    .zoom-content:before {
        background: rgba(0, 0, 0, 0.1);
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        pointer-events: none
    }
    .table-sml {
        overflow: hidden;
        padding: 10px;
        height: 300px
    }
    table {
        width: 640px
    }
    .di-show .table-wrap:before {
        content: none
    }
    .di-show .icon-wrap {
        display: none
    }
    .di-show .table-sml {
        overflow: visible;
        padding: 0;
        height: auto
    }
}
.di-content {
    position: absolute;
    left: -9999em;
    right: auto;
    background: #fff;
    background: rgba(0, 0, 0, 0.75);
    padding: 40px 0
}
.di-content.di-show {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden
}
.di-content .di-inner {
    width: 100%;
    padding: 50px 15px 15px;
    position: relative;
    height: 100%;
    width: 800px;
    margin: 0 auto;
    background: #fff
}
.di-content .di-wrap {
    position: relative;
    overflow-x: auto
}
.di-content .di-close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    padding: 8px 9px;
    line-height: 0;
    background: #fff
}
.di-image img {
    max-width: 100%
}
.di-image .di-inner {
    height: 100%
}
.di-image-inner {
    overflow: auto;
    height: 100%
}
.di-image-inner img {
    max-width: inherit
}
.di-duplicate-inner {
    overflow: auto;
    height: 100%
}
.di-duplicate-inner>div {
    overflow: visible;
    height: auto
}
@media only screen and (max-width: 640px) {
    .di-content.di-show {
        padding: 0
    }
    .di-content.di-show .di-inner {
        padding: 60px 0 0 0;
        width: auto
    }
    .di-content.di-show .zoom-content:after,
    .di-content.di-show .zoom-content:before {
        content: none
    }
}
.brightcove {
    position: relative
}
.brightcove:before {
    content: "";
    display: block;
    padding-top: 56.25%
}
.brightcove__video {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute
}
.features-benefits {
    margin-bottom: 50px
}
.features-benefits .row {
    margin-bottom: 30px
}
@media only screen and (max-width: 970px) {
    .features-benefits .icon-wrap {
        min-height: 150px
    }
    .features-benefits .img-wrap {
        min-height: 150px
    }
}
@media only screen and (max-width: 640px) {
    .features-benefits .row {
        margin-bottom: 0
    }
    .features-benefits .col {
        margin-bottom: 15px
    }
}
.specifications .table-wrap {
    margin-bottom: 40px
}
.specifications table {
    background: #fff
}
.specifications .aspect {
    font-weight: 700;
    border-right: 5px solid #f4f4f4
}
.specifications .btn {
    margin: 0 20px 20px 0
}
.specifications .device {
    text-align: center;
    margin-bottom: 50px
}
.specifications .device img {
    margin-bottom: 50px
}
.specifications .swatches {
    display: inline-block
}
.specifications .swatches li {
    float: left;
    margin-right: 10px
}
.specifications .swatches span {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}
.specifications .jump-links-btn {
    width: auto;
    background: #333;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 20px 20px 0
}
.specifications .jump-links-btn:hover {
    background: #4d4d4d;
    text-decoration: none
}
.specifications .jump-links-btn .head {
    height: 0;
    padding: 8px 30px;
    padding: 10px 50px
}
.specifications .jump-links-btn .body {
    background: #333
}
.specifications .jump-links-btn .body li:hover {
    background: #4d4d4d
}
.specifications-full table {
    background: none
}
.specifications-full .aspect {
    padding-left: 0
}
@media only screen and (max-width: 970px) {
    .specifications .aspect {
        width: auto
    }
    .specifications .jump-links-btn .head {
        padding: 8px 30px
    }
}
@media only screen and (max-width: 640px) {
    .device {
        padding: 0 20px
    }
}
.all-devices .filter-options {
    margin-bottom: 50px
}
.all-devices .filter-submit {
    display: none
}
.no-js .all-devices .filter-submit {
    display: block;
    margin: 20px
}
.all-devices select {
    font-weight: 700
}
.all-devices .device {
    margin-bottom: 50px;
    padding: 0 30px;
    text-align: center;
    font-family: "VodafoneLight"
}
.all-devices .img-wrap {
    margin-bottom: 10px
}
.all-devices .img-wrap img {
    max-height: 280px
}
.all-devices .device-list {
    margin-bottom: 50px
}
.all-devices .device-list li:nth-child(3n+1) {
    clear: both
}
.all-devices .load-more {
    text-align: center;
    margin-bottom: 50px
}
.all-devices .disabled {
    background: #ccc
}
@media only screen and (max-width: 970px) {
    .all-devices .device {
        padding: 0
    }
}
@media only screen and (max-width: 640px) {
    .all-devices .filter-options li {
        margin-bottom: 20px
    }
    .all-devices .device {
        padding: 0 20px;
        margin-bottom: 40px
    }
}
.back-to-top {
    position: relative
}
.back-to-top__link {
    background: #333;
    text-align: center;
    padding: 15px 20px;
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 1
}
.back-to-top__icon {
    fill: #fff;
    vertical-align: middle;
    width: 15px;
    height: 15px
}
.no-js .back-to-top {
    display: none
}
.search-results .search-header {
    color: #fff;
    padding: 200px 0 0;
    margin-bottom: 30px
}
.search-results .search-header h1 {
    font-size: 55px
}
.search-results .search-header form {
    position: relative
}
.search-results .search-header input[type=text] {
    padding: 22px 60px 22px 30px;
    background: #3d3d3d;
    color: #ccc;
    font-size: 32px;
    border: none;
    font-family: "VodafoneBold";
    margin-bottom: 60px
}
.search-results .search-header input:-webkit-autofill {
    background-color: transparent
}
.search-results .search-header button {
    background: none;
    border: none;
    position: absolute;
    top: 40px;
    right: 20px;
    margin-top: -15px;
    cursor: pointer
}
.search-results .search-header .header-search-close {
    position: absolute;
    top: 20px;
    right: 20px
}
.search-results .search-header .h4,
.search-results .search-header .career-media__title,
.search-results .search-header .shout-3-col .slide-item__heading,
.shout-3-col .search-results .search-header .slide-item__heading,
.search-results .search-header .tab__blockquote blockquote p,
.tab__blockquote blockquote .search-results .search-header p,
.search-results .search-header .story-telling__blockquote blockquote p,
.story-telling__blockquote blockquote .search-results .search-header p,
.search-results .search-header .story-telling__description {
    font-family: "VodafoneRegular";
    margin: 0 0 50px
}
.search-results .img-link {
    display: inline-block;
    margin: 0 0 30px
}
.search-results .aux-search {
    margin-bottom: 60px
}
.search-results .aux-search .mod-dropdown .head {
    display: none
}
.search-results .aux-search .mod-dropdown a {
    font-weight: 700
}
.search-results .aux-search .mod-dropdown li {
    display: inline-block;
    margin: 0 0 0 15px
}
.search-results .aux-search .mod-dropdown .current {
    border-bottom: 3px solid #e60000
}
.search-results .aux-search .mod-dropdown .current a {
    color: #e60000
}
.search-results .search-results-list>li {
    margin: 0 0 65px
}
.search-results .search-loader {
    margin: 0 0 40px
}
@media only screen and (max-width: 970px) {
    .search-results .lead-story img {
        max-width: 100%
    }
    .search-results .aux-search .mod-dropdown {
        position: relative;
        width: 220px;
        text-align: right
    }
    .search-results .aux-search .mod-dropdown .head {
        display: block
    }
    .search-results .aux-search .mod-dropdown .head span {
        color: #e60000;
        border-bottom: 3px solid #e60000
    }
    .search-results .aux-search .mod-dropdown .head i {
        margin-left: 10px;
        animation: rotate(0deg);
        transition: all .3s ease
    }
    .search-results .aux-search .mod-dropdown .body {
        display: none;
        position: absolute;
        top: 40px;
        border-top: 3px solid #ccc;
        width: 100%
    }
    .search-results .aux-search .mod-dropdown .body a {
        padding: 10px 30px 10px 0;
        display: block
    }
    .search-results .aux-search .mod-dropdown li {
        border-bottom: 3px solid #ccc;
        background: #fff;
        display: block;
        margin: 0
    }
    .search-results .aux-search .mod-dropdown .current {
        border-color: #ccc
    }
    .search-results .aux-search .mod-dropdown .current a {
        color: #ccc
    }
    .search-results .aux-search .mod-dropdown.active .head i {
        animation: rotate(180deg);
        transition: all .3s ease
    }
    .search-results .aux-search .mod-dropdown.active .body {
        display: block
    }
}
@media only screen and (max-width: 640px) {
    .search-results .search-header h1 {
        font-size: 34px
    }
    .search-results img {
        margin: 0 0 30px
    }
    .search-results .search-results-list>li {
        margin: 0 0 30px
    }
}
.billboard-description {
    padding-top: 50px;
    background: #f4f4f4
}
.billboard-description__link:hover {
    display: inline-block;
    text-decoration: none
}
.billboard-description__link:hover .sc-link {
    text-decoration: underline
}
.billboard-description .sc-link {
    background: #f4f4f4;
    border-top: 3px solid #fff;
    display: block;
    font-weight: 700;
    margin: 3px 0 0 0;
    padding: 10px 0;
    position: relative
}
.billboard-description .sc-link .i-arrow-blk-r {
    float: right;
    margin: 5px 0 0
}
.billboard-description__svg-chevron-rb {
    fill: #000;
    width: 20px;
    height: 20px;
    float: right;
    margin: 5px 0 0
}
@media only screen and (max-width: 970px) {
    .billboard-description {
        padding-top: 25px
    }
}
.quicklinks {
    margin-bottom: 50px;
    font-weight: 700
}
.quicklinks li {
    margin-bottom: 10px
}
.quicklinks-link {
    background: #ebebeb;
    display: block;
    padding: 10px 30px 10px 40px;
    position: relative
}
.quicklinks-link__icon {
    position: absolute;
    left: 10px
}
.quicklinks-link__arrow {
    position: absolute;
    right: 10px;
    top: 9px
}
.quicklinks-link__arrowicon {
    fill: #e60000;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px
}
.quicklinks-link__sectionicon {
    fill: #666;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px
}
.nogap {
    margin-bottom: 0
}
.addgap {
    margin-bottom: 50px
}
.tiles:before,
.footer__tags:before,
.tiles:after,
.footer__tags:after {
    content: ' ';
    display: table
}
.tiles:after,
.footer__tags:after {
    clear: both
}
.tiles__center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}
small {
    font-size: 80%
}
@media only screen and (max-width: 970px) {
    small {
        font-size: 90%
    }
}
@media only screen and (max-width: 640px) {
    small {
        font-size: 85%
    }
}
.tiles {
    display: block;
    list-style: none;
    padding: 0
}
.tiles--gutter {
    margin: -5px
}
.tiles__item {
    background-position: center center;
    background-size: cover;
    float: left;
    position: relative
}
.tiles__item:after {
    content: "";
    display: block;
    height: 0
}
.tiles__content {
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}
.tiles__content--gutter {
    border: 5px solid #fff
}
.tiles__content--pad {
    padding: 10px
}
.tiles__content--red {
    background-color: #e60000;
    color: #fff
}
.tiles__content--grey {
    background-color: #f4f4f4
}
.tiles__content--dark-grey {
    background-color: #333;
    color: #fff
}
.tiles__center {
    min-width: 100%;
    width: 100%;
    padding-left: inherit;
    padding-right: inherit;
    width: auto
}
.tiles__media {
    height: auto;
    max-height: none;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: auto
}
.tiles__item--1-0 {
    width: 25%
}
.tiles__item--1-0:after {
    content: none
}
.tiles__item--1-0>.tiles__content {
    position: static
}
.tiles__item--1-1 {
    width: 25%
}
.tiles__item--1-1:after {
    padding-bottom: 100%
}
.tiles__item--1-2 {
    width: 25%
}
.tiles__item--1-2:after {
    padding-bottom: 200%
}
.tiles__item--1-3 {
    width: 25%
}
.tiles__item--1-3:after {
    padding-bottom: 300%
}
.tiles__item--1-4 {
    width: 25%
}
.tiles__item--1-4:after {
    padding-bottom: 400%
}
.tiles__item--2-0 {
    width: 50%
}
.tiles__item--2-0:after {
    content: none
}
.tiles__item--2-0>.tiles__content {
    position: static
}
.tiles__item--2-1 {
    width: 50%
}
.tiles__item--2-1:after {
    padding-bottom: 50%
}
.tiles__item--2-2 {
    width: 50%
}
.tiles__item--2-2:after {
    padding-bottom: 100%
}
.tiles__item--2-3 {
    width: 50%
}
.tiles__item--2-3:after {
    padding-bottom: 150%
}
.tiles__item--2-4 {
    width: 50%
}
.tiles__item--2-4:after {
    padding-bottom: 200%
}
.tiles__item--3-0 {
    width: 75%
}
.tiles__item--3-0:after {
    content: none
}
.tiles__item--3-0>.tiles__content {
    position: static
}
.tiles__item--3-1 {
    width: 75%
}
.tiles__item--3-1:after {
    padding-bottom: 33.3333333333%
}
.tiles__item--3-2 {
    width: 75%
}
.tiles__item--3-2:after {
    padding-bottom: 66.6666666667%
}
.tiles__item--3-3 {
    width: 75%
}
.tiles__item--3-3:after {
    padding-bottom: 100%
}
.tiles__item--3-4 {
    width: 75%
}
.tiles__item--3-4:after {
    padding-bottom: 133.333333333%
}
.tiles__item--4-0 {
    width: 100%
}
.tiles__item--4-0:after {
    content: none
}
.tiles__item--4-0>.tiles__content {
    position: static
}
.tiles__item--4-1 {
    width: 100%
}
.tiles__item--4-1:after {
    padding-bottom: 25%
}
.tiles__item--4-2 {
    width: 100%
}
.tiles__item--4-2:after {
    padding-bottom: 50%
}
.tiles__item--4-3 {
    width: 100%
}
.tiles__item--4-3:after {
    padding-bottom: 75%
}
.tiles__item--4-4 {
    width: 100%
}
.tiles__item--4-4:after {
    padding-bottom: 100%
}
.tiles__item--right {
    float: right
}
@media only screen and (min-width: 971px) {
    .tiles__item--lg-1-0 {
        width: 25%
    }
    .tiles__item--lg-1-0:after {
        content: none
    }
    .tiles__item--lg-1-0>.tiles__content {
        position: static
    }
    .tiles__item--lg-1-1 {
        width: 25%
    }
    .tiles__item--lg-1-1:after {
        padding-bottom: 100%
    }
    .tiles__item--lg-1-2 {
        width: 25%
    }
    .tiles__item--lg-1-2:after {
        padding-bottom: 200%
    }
    .tiles__item--lg-1-3 {
        width: 25%
    }
    .tiles__item--lg-1-3:after {
        padding-bottom: 300%
    }
    .tiles__item--lg-1-4 {
        width: 25%
    }
    .tiles__item--lg-1-4:after {
        padding-bottom: 400%
    }
    .tiles__item--lg-2-0 {
        width: 50%
    }
    .tiles__item--lg-2-0:after {
        content: none
    }
    .tiles__item--lg-2-0>.tiles__content {
        position: static
    }
    .tiles__item--lg-2-1 {
        width: 50%
    }
    .tiles__item--lg-2-1:after {
        padding-bottom: 50%
    }
    .tiles__item--lg-2-2 {
        width: 50%
    }
    .tiles__item--lg-2-2:after {
        padding-bottom: 100%
    }
    .tiles__item--lg-2-3 {
        width: 50%
    }
    .tiles__item--lg-2-3:after {
        padding-bottom: 150%
    }
    .tiles__item--lg-2-4 {
        width: 50%
    }
    .tiles__item--lg-2-4:after {
        padding-bottom: 200%
    }
    .tiles__item--lg-3-0 {
        width: 75%
    }
    .tiles__item--lg-3-0:after {
        content: none
    }
    .tiles__item--lg-3-0>.tiles__content {
        position: static
    }
    .tiles__item--lg-3-1 {
        width: 75%
    }
    .tiles__item--lg-3-1:after {
        padding-bottom: 33.3333333333%
    }
    .tiles__item--lg-3-2 {
        width: 75%
    }
    .tiles__item--lg-3-2:after {
        padding-bottom: 66.6666666667%
    }
    .tiles__item--lg-3-3 {
        width: 75%
    }
    .tiles__item--lg-3-3:after {
        padding-bottom: 100%
    }
    .tiles__item--lg-3-4 {
        width: 75%
    }
    .tiles__item--lg-3-4:after {
        padding-bottom: 133.333333333%
    }
    .tiles__item--lg-4-0 {
        width: 100%
    }
    .tiles__item--lg-4-0:after {
        content: none
    }
    .tiles__item--lg-4-0>.tiles__content {
        position: static
    }
    .tiles__item--lg-4-1 {
        width: 100%
    }
    .tiles__item--lg-4-1:after {
        padding-bottom: 25%
    }
    .tiles__item--lg-4-2 {
        width: 100%
    }
    .tiles__item--lg-4-2:after {
        padding-bottom: 50%
    }
    .tiles__item--lg-4-3 {
        width: 100%
    }
    .tiles__item--lg-4-3:after {
        padding-bottom: 75%
    }
    .tiles__item--lg-4-4 {
        width: 100%
    }
    .tiles__item--lg-4-4:after {
        padding-bottom: 100%
    }
    .tiles__item--lg-right {
        float: right
    }
}
@media only screen and (max-width: 970px) {
    .tiles__item--md-1-0 {
        width: 25%
    }
    .tiles__item--md-1-0:after {
        content: none
    }
    .tiles__item--md-1-0>.tiles__content {
        position: static
    }
    .tiles__item--md-1-1 {
        width: 25%
    }
    .tiles__item--md-1-1:after {
        padding-bottom: 100%
    }
    .tiles__item--md-1-2 {
        width: 25%
    }
    .tiles__item--md-1-2:after {
        padding-bottom: 200%
    }
    .tiles__item--md-1-3 {
        width: 25%
    }
    .tiles__item--md-1-3:after {
        padding-bottom: 300%
    }
    .tiles__item--md-1-4 {
        width: 25%
    }
    .tiles__item--md-1-4:after {
        padding-bottom: 400%
    }
    .tiles__item--md-2-0 {
        width: 50%
    }
    .tiles__item--md-2-0:after {
        content: none
    }
    .tiles__item--md-2-0>.tiles__content {
        position: static
    }
    .tiles__item--md-2-1 {
        width: 50%
    }
    .tiles__item--md-2-1:after {
        padding-bottom: 50%
    }
    .tiles__item--md-2-2 {
        width: 50%
    }
    .tiles__item--md-2-2:after {
        padding-bottom: 100%
    }
    .tiles__item--md-2-3 {
        width: 50%
    }
    .tiles__item--md-2-3:after {
        padding-bottom: 150%
    }
    .tiles__item--md-2-4 {
        width: 50%
    }
    .tiles__item--md-2-4:after {
        padding-bottom: 200%
    }
    .tiles__item--md-3-0 {
        width: 75%
    }
    .tiles__item--md-3-0:after {
        content: none
    }
    .tiles__item--md-3-0>.tiles__content {
        position: static
    }
    .tiles__item--md-3-1 {
        width: 75%
    }
    .tiles__item--md-3-1:after {
        padding-bottom: 33.3333333333%
    }
    .tiles__item--md-3-2 {
        width: 75%
    }
    .tiles__item--md-3-2:after {
        padding-bottom: 66.6666666667%
    }
    .tiles__item--md-3-3 {
        width: 75%
    }
    .tiles__item--md-3-3:after {
        padding-bottom: 100%
    }
    .tiles__item--md-3-4 {
        width: 75%
    }
    .tiles__item--md-3-4:after {
        padding-bottom: 133.333333333%
    }
    .tiles__item--md-4-0 {
        width: 100%
    }
    .tiles__item--md-4-0:after {
        content: none
    }
    .tiles__item--md-4-0>.tiles__content {
        position: static
    }
    .tiles__item--md-4-1 {
        width: 100%
    }
    .tiles__item--md-4-1:after {
        padding-bottom: 25%
    }
    .tiles__item--md-4-2 {
        width: 100%
    }
    .tiles__item--md-4-2:after {
        padding-bottom: 50%
    }
    .tiles__item--md-4-3 {
        width: 100%
    }
    .tiles__item--md-4-3:after {
        padding-bottom: 75%
    }
    .tiles__item--md-4-4 {
        width: 100%
    }
    .tiles__item--md-4-4:after {
        padding-bottom: 100%
    }
    .tiles__item--md-right {
        float: right
    }
}
@media only screen and (max-width: 640px) {
    .tiles__item--sm-1-0 {
        width: 25%
    }
    .tiles__item--sm-1-0:after {
        content: none
    }
    .tiles__item--sm-1-0>.tiles__content {
        position: static
    }
    .tiles__item--sm-1-1 {
        width: 25%
    }
    .tiles__item--sm-1-1:after {
        padding-bottom: 100%
    }
    .tiles__item--sm-1-2 {
        width: 25%
    }
    .tiles__item--sm-1-2:after {
        padding-bottom: 200%
    }
    .tiles__item--sm-1-3 {
        width: 25%
    }
    .tiles__item--sm-1-3:after {
        padding-bottom: 300%
    }
    .tiles__item--sm-1-4 {
        width: 25%
    }
    .tiles__item--sm-1-4:after {
        padding-bottom: 400%
    }
    .tiles__item--sm-2-0 {
        width: 50%
    }
    .tiles__item--sm-2-0:after {
        content: none
    }
    .tiles__item--sm-2-0>.tiles__content {
        position: static
    }
    .tiles__item--sm-2-1 {
        width: 50%
    }
    .tiles__item--sm-2-1:after {
        padding-bottom: 50%
    }
    .tiles__item--sm-2-2 {
        width: 50%
    }
    .tiles__item--sm-2-2:after {
        padding-bottom: 100%
    }
    .tiles__item--sm-2-3 {
        width: 50%
    }
    .tiles__item--sm-2-3:after {
        padding-bottom: 150%
    }
    .tiles__item--sm-2-4 {
        width: 50%
    }
    .tiles__item--sm-2-4:after {
        padding-bottom: 200%
    }
    .tiles__item--sm-3-0 {
        width: 75%
    }
    .tiles__item--sm-3-0:after {
        content: none
    }
    .tiles__item--sm-3-0>.tiles__content {
        position: static
    }
    .tiles__item--sm-3-1 {
        width: 75%
    }
    .tiles__item--sm-3-1:after {
        padding-bottom: 33.3333333333%
    }
    .tiles__item--sm-3-2 {
        width: 75%
    }
    .tiles__item--sm-3-2:after {
        padding-bottom: 66.6666666667%
    }
    .tiles__item--sm-3-3 {
        width: 75%
    }
    .tiles__item--sm-3-3:after {
        padding-bottom: 100%
    }
    .tiles__item--sm-3-4 {
        width: 75%
    }
    .tiles__item--sm-3-4:after {
        padding-bottom: 133.333333333%
    }
    .tiles__item--sm-4-0 {
        width: 100%
    }
    .tiles__item--sm-4-0:after {
        content: none
    }
    .tiles__item--sm-4-0>.tiles__content {
        position: static
    }
    .tiles__item--sm-4-1 {
        width: 100%
    }
    .tiles__item--sm-4-1:after {
        padding-bottom: 25%
    }
    .tiles__item--sm-4-2 {
        width: 100%
    }
    .tiles__item--sm-4-2:after {
        padding-bottom: 50%
    }
    .tiles__item--sm-4-3 {
        width: 100%
    }
    .tiles__item--sm-4-3:after {
        padding-bottom: 75%
    }
    .tiles__item--sm-4-4 {
        width: 100%
    }
    .tiles__item--sm-4-4:after {
        padding-bottom: 100%
    }
    .tiles__item--sm-right {
        float: right
    }
}
.discovery-d {
    margin-bottom: 50px
}
.discovery-d__item {
    font-size: 16px
}
.discovery-d__item:hover .discovery-d__footer--action {
    text-decoration: underline
}
.discovery-d__item--social {
    font-size: 14px
}
.discovery-d__item--social span:hover {
    text-decoration: underline
}
.discovery-d__social {
    float: right
}
.discovery-d__social--overlay {
    position: absolute;
    right: 10px;
    top: 10px
}
.discovery-d__footer {
    bottom: 0;
    display: block;
    left: 10px;
    padding: 10px 0;
    position: absolute;
    right: 10px
}
.discovery-d__footer--action {
    border-top: 3px solid #fff
}
.discovery-d__chevron,
.discovery-d__svg-chevron-rw,
.discovery-d__svg-chevron-rb {
    float: right;
    margin-top: 5px
}
.discovery-d__svg-chevron-rw,
.discovery-d__svg-chevron-rb {
    width: 20px;
    height: 20px
}
.discovery-d__svg-chevron-rw {
    fill: #fff
}
.discovery-d__svg-chevron-rb {
    fill: #000
}
.lte-ie9 .discovery-d__comment {
    background-color: #333;
    top: auto
}
@media only screen and (min-width: 971px) {
    .discovery-d__comment {
        background-color: rgba(51, 51, 51, 0.75);
        top: auto
    }
    .discovery-d__lg-no-gutter--bottom {
        border-bottom: none
    }
    .discovery-d__lg-no-gutter--top {
        border-top: none
    }
}
@media only screen and (max-width: 970px) {
    .discovery-d__item {
        font-size: 14px
    }
    .discovery-d__item:hover {
        text-decoration: none
    }
    .discovery-d__heading {
        font-size: 40px
    }
}
@media only screen and (max-width: 840px) {
    .discovery-d__heading {
        font-size: 34px
    }
}
@media only screen and (max-width: 750px) {
    .discovery-d__heading {
        font-size: 27px
    }
}
@media only screen and (max-width: 640px) {
    .discovery-d__heading {
        font-size: 27px
    }
    .discovery-d__footer {
        padding-bottom: 0;
        margin-top: 20px;
        position: static
    }
}
@media only screen and (max-width: 375px) {
    .discovery-d__item {
        font-size: 12px
    }
}
.footer {
    background: #282828;
    color: #ccc;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    padding: 20px 20px 0;
    position: relative
}
.js .footer__links-panel {
    height: 0;
    width: 0;
    overflow: hidden
}
.js .footer__links-panel--active {
    height: auto;
    overflow: auto;
    width: auto
}
.footer__title {
    color: #fff;
    display: block;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}
.footer__separator {
    border-top: 3px solid #e60000;
    margin: 0 0 30px
}
.footer__more-link {
    padding: 20px 10px;
    display: block
}
.footer__more-link--active .footer__more-link-icon--up {
    display: inline-block
}
.footer__more-link--active .footer__more-link-icon--down {
    display: none
}
.footer__more-link-icon {
    margin-left: 10px;
    display: none;
    fill: #fff;
    vertical-align: middle;
    width: 15px;
    height: 15px
}
.footer__more-link-icon--down {
    display: inline-block
}
.footer__cookie-notice {
    background: #333;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 20px
}
.footer__cookie-chevron {
    fill: #e60000;
    vertical-align: middle;
    width: 20px;
    height: 20px
}
.footer__links-list {
    margin-bottom: 25px
}
.footer__links-list>li {
    margin: 10px 0
}
.footer__tags {
    margin-bottom: 20px
}
.footer__tag {
    background: #ccc;
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px 20px;
    color: #333
}
.footer__tag:hover {
    background-color: #fff
}
.footer__more-trigger {
    background-color: #333;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center
}
@media only screen and (max-width: 640px) {
    .footer__more-link {
        text-align: left;
        padding-left: 20px;
        padding-right: 20px
    }
    .footer__more-link-icon {
        float: right;
        margin-left: 0
    }
}
.social-connect {
    float: right
}
.social-connect__links {
    display: inline-block
}
.social-connect__item {
    display: inline-block;
    margin-left: 20px
}
.social-connect__title {
    font-family: "VodafoneLight";
    font-size: 20px;
    vertical-align: middle
}
.social-connect__icon {
    display: inline-block;
    fill: #fff;
    vertical-align: middle;
    width: 40px;
    height: 40px
}
@media only screen and (max-width: 1100px) {
    .social-connect {
        display: none
    }
}
.mod-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}
.mod-header .skip-link {
    position: absolute;
    left: -9999px;
    display: inline-block;
    padding: 5px;
    white-space: nowrap;
    background: #333;
    color: #fff;
    text-decoration: underline;
    z-index: 99999
}
.mod-header .skip-link:focus {
    left: 0
}
.mouse-active .mod-header .skip-link {
    left: -9999px
}
.mod-header .header-belt {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 10px
}
.mod-header .header-brand {
    float: left;
    margin-top: 12px;
    margin-right: 25px
}
.mod-header .header-brand__logo {
    width: 48px;
    height: 48px
}
.mod-header .header-brand__link {
    padding: 0;
    display: block
}
.mod-header .header-body-main {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: -1;
    transition: all .3s ease;
    opacity: 0
}
.mod-header .header-menu {
    left: 0;
    right: 0;
    width: auto;
    position: absolute;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 1px solid #ccc
}
.mod-header .header-menu li {
    float: left
}
.mod-header .header-menu.active li.focused .header-head+.header-body-main,
.mod-header .header-menu.active li:hover .header-head+.header-body-main {
    top: 100%;
    transition: all .3s ease;
    opacity: 1
}
.mod-header .header-menu.active li.focused .header-head {
    background-color: #f4f4f4;
    color: #333;
    text-decoration: none;
    transition: all .3s ease
}
.mod-header .header-menu.alt-head {
    background-color: #333
}
.mod-header .header-head {
    display: block;
    padding: 20px 20px 19px;
    color: #333;
    font-family: "VodafoneLight";
    font-size: 22px
}
.mod-header .header-head:hover {
    color: #e60000;
    text-decoration: none;
    transition: all .3s ease
}
.mod-header .header-head--active {
    color: #e60000;
    position: relative;
    text-decoration: none;
    transition: all .3s ease
}
.mod-header .header-head--active::after {
    background-color: #e60000;
    content: "";
    position: absolute;
    bottom: -1px;
    height: 3px;
    left: 0;
    right: 0
}
.mod-header .header-body {
    padding-left: 90px
}
.mod-header .header-body a {
    display: block;
    padding: 16px 13px 15px;
    color: #333;
    font-family: "VodafoneLight";
    font-size: 21px
}
.mod-header .header-body a:hover {
    color: #e60000;
    background-color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all .3s ease
}
.mod-header .header-aux {
    position: relative;
    z-index: 1;
    float: right
}
.mod-header .header-aux a {
    padding: 19px 5px 18px;
    display: block
}
.mod-header .header-aux .i-globe-b,
.mod-header .header-aux .i-arrow-r-d,
.mod-header .header-aux .i-search-b {
    display: none
}
.mod-header .header-aux a:hover .i-globe-b,
.mod-header .header-aux a:hover .i-search-b {
    display: inline-block
}
.mod-header .header-aux a:hover .i-globe-w,
.mod-header .header-aux a:hover .i-search-w {
    display: none
}
.mod-header .header-menu-items {
    float: left
}
.mod-header .header-menu__arrow-icon {
    display: none
}
.mod-header .header-redirect--icon-b,
.mod-header .header-redirect--icon-search-b {
    vertical-align: middle;
    width: 35px;
    height: 35px
}
.mod-header .header-icon a:hover .header-icon__menu-icon-b,
.mod-header .header-search a:hover svg,
.mod-header .header-redirect a:hover svg {
    fill: #e60000
}
.mod-header .header-control {
    display: none
}
.mod-header .header-search {
    margin-left: 20px
}
.mod-header.desktop-sml .header-menu-wrap {
    margin-left: 230px
}
.mod-header.desktop-sml .header-redirect {
    margin: 0
}
.cr-active .mod-header .header-control {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}
.cr-active .mod-header .header-redirect {
    opacity: 1
}
@media only screen and (max-width: 1100px) {
    .mod-header .header-brand {
        margin-left: 10px;
        margin-top: 10px
    }
    .mod-header .header-brand__logo {
        height: 40px;
        width: 40px
    }
    .mod-header .header-menu-item a {
        padding: 10px 20px
    }
    .mod-header .header-head--active::after {
        display: none
    }
    .mod-header .header-head i {
        display: inline-block;
        float: right;
        margin: 10px 0 0;
        transform: rotateZ(0deg);
        transition: all .3s ease
    }
    .mod-header .header-head .header-menu__arrow-icon {
        display: inline-block;
        float: right;
        margin: 10px 0 0;
        transform: rotateZ(0deg);
        transition: all .3s ease;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        pointer-events: none
    }
    .mod-header .header-head.active+.header-body-main {
        display: block
    }
    .mod-header .header-head.active i,
    .mod-header .header-head.active .header-menu__arrow-icon {
        transform: rotateZ(-180deg)
    }
    .mod-header .header-menu,
    .mod-header .header-body-main {
        position: static
    }
    .mod-header .header-menu a:hover,
    .mod-header .header-body-main a:hover {
        background-color: transparent
    }
    .mod-header .header-menu li,
    .mod-header .header-body-main li {
        float: none
    }
    .mod-header .header-menu {
        border: none
    }
    .mod-header .header-body-main {
        opacity: 1;
        padding-left: 20px;
        background-color: transparent;
        display: none
    }
    .mod-header .header-menu-items {
        float: none
    }
    .mod-header .header-menu-item {
        margin: 0 0 2px
    }
    .mod-header .header-menu-main {
        left: 0;
        background-color: #fff;
        position: absolute;
        right: 0;
        border-bottom: 1px solid rgba(102, 102, 102, 0.2)
    }
    .mod-header .header-belt {
        max-width: none;
        padding: 0;
        margin: 0
    }
    .mod-header .header-redirect--icon-b,
    .mod-header .header-redirect--icon-search-b {
        width: 28px;
        height: 28px
    }
    .mod-header .header-aux li {
        float: left;
        margin: 0 5px 0 0
    }
    .mod-header .header-aux a {
        padding: 15px 6px 16px
    }
    .mod-header .header-aux .i-globe-b,
    .mod-header .header-aux .i-search-b {
        display: block
    }
    .mod-header .header-redirect {
        left: 0;
        opacity: 1;
        position: relative;
        transition: all .3s
    }
    .mod-header .header-menu-items {
        background: rgba(255, 255, 255, 0.96);
        bottom: 0;
        height: auto;
        overflow: auto;
        padding-top: 60px;
        position: fixed;
        right: -100%;
        top: 0;
        transition: all .3s ease;
        width: 370px;
        z-index: -1
    }
    .mod-header .header-body {
        padding: 0
    }
    .mod-header .header-control {
        transition: all .3s ease;
        float: right;
        display: block
    }
    .mod-header .header-control .i-cross-b,
    .mod-header .header-control .i-burger-b,
    .mod-header .header-control .i-cross-w {
        display: none
    }
    .mod-header .header-control .header-icon {
        margin: 10px 10px 5px 0
    }
    .mod-header .header-control .header-icon__close-icon,
    .mod-header .header-control .header-icon__menu-icon-b {
        fill: #fff;
        width: 21px;
        height: 21px
    }
    .mod-header .header-control .header-icon__menu-icon-b {
        fill: #333
    }
    .mod-header .header-control .header-icon__close-icon {
        display: none
    }
    .mod-header .header-control a {
        display: block;
        padding: 10px 10px 11px;
        height: 40px
    }
    .mod-header .header-menu-active .header-menu-items {
        right: 0
    }
    .mod-header .header-menu-active .header-control .header-icon__menu-icon-b {
        display: none
    }
    .mod-header .header-menu-active .header-control .header-icon__close-icon {
        display: inline-block
    }
    .mod-header .header-menu-active .header-control a {
        background-color: #e60000
    }
    i {
        pointer-events: none
    }
}
@media only screen and (max-width: 970px) {
    .mod-header .header-menu-open,
    .mod-header .header-menu-open body {
        overflow: hidden
    }
}
@media only screen and (max-width: 640px) {
    .mod-header .header-brand {
        margin-top: 8px
    }
    .mod-header .header-brand__logo {
        width: 32px;
        height: 32px
    }
    .mod-header .header-brand__link {
        top: 8px;
        width: 32px;
        height: 32px;
        left: 10px
    }
    .mod-header .header-menu-items {
        padding-top: 50px;
        width: 90%
    }
    .mod-header .header-control {
        position: relative;
        z-index: 10
    }
    .mod-header .header-redirect {
        opacity: 0;
        left: 100%;
        transition-delay: .1s
    }
    .mod-header .header-aux a {
        padding: 10px 6px 9px
    }
    .mod-header .header-control .header-icon {
        margin: 4px 5px 3px 0
    }
    .mod-header .header-menu-active .header-redirect {
        left: 0;
        opacity: 1
    }
    .header-menu-open {
        bottom: 0;
        left: 0;
        height: auto;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0
    }
}
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    box-sizing: border-box;
    display: none
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}
.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}
.xdsoft_datetimepicker button {
    border: none !important
}
.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.xdsoft_noselect::-moz-selection {
    background: transparent
}
.xdsoft_noselect::selection {
    background: transparent
}
.xdsoft_noselect::-moz-selection {
    background: transparent
}
.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}
.xdsoft_datetimepicker * {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}
.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}
.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}
.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}
.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}
.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}
.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}
.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}
.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}
.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}
.xdsoft_scroller_box {
    position: relative
}
.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}
.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}
.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: linear-gradient(to bottom, #f4f8fa 0%, #fff 73%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}
.main-carousel {
    margin-bottom: 50px;
    background: #333
}
.main-carousel__slide-container {
    width: 100%;
    height: 800px;
    height: 100vh;
    position: relative;
    overflow: hidden
}
.main-carousel__slide {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}
.main-carousel__slide.active {
    z-index: 0
}
.main-carousel__slide-text {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 150px;
    z-index: 0;
    width: 50%;
    color: #fff;
    position: relative;
    left: 100px;
    opacity: 0;
    transition: left 0.5s ease-out 2s, opacity 0.5s ease-out 2s
}
.active .main-carousel__slide-text {
    left: 0;
    opacity: 1
}
.main-carousel__article-heading {
    font-size: 54px;
    margin: 0
}
.main-carousel__article-heading-icon {
    fill: #fff;
    height: 50px;
    width: 50px;
    margin-bottom: -10px
}
.main-carousel__slide-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s ease-in, transform 10s ease-in;
    transform: scale(1)
}
.active .main-carousel__slide-image {
    opacity: 1;
    transform: scale(1.1)
}
.main-carousel__slide-image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background 1s ease-in 1s
}
.active .main-carousel__slide-image:after {
    background: rgba(0, 0, 0, 0.5)
}
.main-carousel__belt {
    margin: 0 50px
}
.main-carousel__article-link:hover {
    text-decoration: none
}
.main-carousel__nav-container {
    position: relative;
    height: 150px;
    margin-top: -150px
}
.main-carousel .pips-navigation {
    float: right;
    height: 15px
}
.main-carousel__nav-arrows {
    border-top: 3px solid #e60000;
    margin-top: 15px;
    padding-top: 15px
}
.main-carousel__carousel-arrows {
    float: right;
    margin-right: -15px
}
.main-carousel__nav-down,
.main-carousel__nav-previous,
.main-carousel__nav-next {
    float: left;
    margin-right: 15px
}
.main-carousel__nav-down-link,
.main-carousel__nav-previous-link,
.main-carousel__nav-next-link {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    width: 85px;
    height: 85px;
    position: relative
}
.main-carousel__nav-previous-icon,
.main-carousel__nav-next-icon,
.main-carousel__nav-down-icon {
    fill: #fff;
    width: 50px;
    height: 50px;
    position: absolute
}
.main-carousel__nav-previous-icon {
    top: 16px;
    left: 15px
}
.main-carousel__nav-next-icon {
    top: 16px;
    left: 19px
}
.main-carousel__nav-down-icon {
    width: 40px;
    height: 45px;
    top: 22px;
    left: 21px;
    fill: #fff
}
@media only screen and (max-width: 970px) {
    .main-carousel__slide-text {
        width: 75%;
        left: 0;
        opacity: 0;
        transition: opacity 1s ease-out 0s
    }
    .active .main-carousel__slide-text {
        opacity: 1
    }
    .main-carousel__article-heading {
        font-size: 28px
    }
    .main-carousel__article-heading-icon {
        height: 30px;
        width: 30px;
        margin-bottom: -7px;
        stroke: #fff;
        stroke-width: 5px
    }
    .main-carousel__slide-image {
        transition: none
    }
    .main-carousel__slide-image:after {
        transition: none
    }
    .main-carousel__belt {
        margin-left: 15px;
        margin-right: 15px
    }
}
@media only screen and (max-width: 640px) {
    .main-carousel__nav-container {
        top: 45px
    }
    .main-carousel__slide-text {
        width: 100%;
        padding-bottom: 125px
    }
    .main-carousel .pips-navigation {
        float: none;
        text-align: center
    }
    .main-carousel__nav-arrows {
        text-align: center
    }
    .main-carousel__carousel-arrows {
        display: none
    }
    .main-carousel__nav-down-link {
        width: 42px;
        height: 42px
    }
    .main-carousel__nav-down-icon {
        width: 25px;
        height: 25px;
        top: 9px;
        left: 6px
    }
    .main-carousel__nav-down {
        float: none;
        display: inline-block;
        margin: 0
    }
    .main-carousel .bounce {
        animation: none
    }
}
.no-js .main-carousel__slide-container {
    height: auto;
    position: relative;
    margin-bottom: 100px;
    text-align: center
}
.no-js .main-carousel__slide-text {
    color: #333;
    padding: 100px 0 0 0;
    opacity: 1;
    margin: 0;
    display: inline-block
}
.no-js .main-carousel__belt {
    margin: 0
}
.no-js .main-carousel__slide {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1
}
.no-js .main-carousel__slide-image {
    position: static;
    display: inline-block;
    opacity: 1
}
.no-js .main-carousel__slide-image:after,
.no-js .main-carousel__nav-container {
    display: none
}
.pips-navigation__link {
    display: block;
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 50%
}
.active .pips-navigation__link {
    background: #fff
}
.pips-navigation__item {
    display: inline-block;
    margin: 2px
}
@media only screen and (max-width: 640px) {
    .pips-navigation {
        text-align: center
    }
}
.header-social {
    text-align: center;
    margin: 75px 0;
    display: none
}
.header-social__icon {
    display: inline-block;
    fill: #333;
    vertical-align: middle;
    width: 40px;
    height: 40px
}
.header-social__item {
    display: inline-block
}
a.header-social__link {
    padding: 0 !important;
    margin: 0 10px
}
a.header-social__link:hover {
    background-color: transparent !important
}
.header-social__title {
    color: #333;
    font-size: 22px;
    font-family: "VodafoneLight";
    margin-bottom: 15px;
    display: inline-block
}
@media only screen and (max-width: 1100px) {
    .header-social {
        display: block
    }
}
@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.spinner-wrap {
    position: relative;
    width: 50px;
    height: 100px;
    width: 100%
}
.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    z-index: -99999;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000;
    animation: spinner 1s infinite linear;
    animation-timing-function: ease
}
.spinner--white {
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff
}
.search-main {
    background: #282828;
    background: rgba(40, 40, 40, 0.95);
    bottom: 100%;
    min-height: 100%;
    left: 0;
    overflow: hidden;
    padding-top: 200px;
    position: fixed;
    right: 0;
    top: -100%;
    transition: top 0.5s, bottom 0.5s;
    z-index: 13;
    opacity: 0;
    -webkit-overflow-scrolling: touch
}
.search-main:before {
    content: '';
    width: 1px;
    float: left;
    height: calc(100% + 1px);
    margin-left: -1px;
    display: block
}
.search-main:after {
    content: '';
    width: 100%;
    clear: both;
    display: block
}
.lte-ie9 .search-main {
    display: none
}
.lte-ie9 .search-main--active {
    display: block
}
.search-main--active {
    bottom: 0;
    top: 0;
    overflow: auto;
    height: calc(100% + 1px);
    transition: top 0.5s, bottom 0.5s;
    opacity: 1
}
.search-main__search-box {
    padding-right: 90px
}
.search-main__popular-searches {
    width: 60%;
    text-align: center;
    margin: 0 auto
}
.search-main__form {
    position: relative;
    margin-bottom: 40px
}
.search-main__searches-title {
    color: #fff;
    font-size: 24px
}
.search-main__term-item {
    display: inline-block
}
.search-main__term {
    background: #ccc;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin: 0 5px 5px 0;
    padding: 4px 20px;
    color: #333
}
.search-main__term:hover {
    background-color: #fff
}
.search-main__search-field[type=text] {
    background: #fff;
    border-radius: 0;
    border: none;
    color: #666;
    font-family: "VodafoneRegular";
    font-size: 32px;
    padding: 21px 30px;
    width: 100%
}
.search-main__search-field[type=text]:focus {
    border: none
}
.search-main__search-field[type=text]::-webkit-input-placeholder {
    color: #ccc
}
.search-main__submit {
    background: #e60000;
    border: none;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    padding: 39px;
    margin-left: 5px;
    right: 0;
    top: 0
}
.search-main__search-icon {
    fill: #fff;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.search-main__search-iconpng {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px
}
.search-main__close {
    position: absolute;
    line-height: 1;
    top: 20px;
    right: 20px;
    padding: 10px
}
.search-main__close-icon {
    fill: #fff;
    vertical-align: middle;
    width: 20px;
    height: 20px
}
@media only screen and (max-width: 640px) {
    .search-main {
        padding-top: 120px;
        display: none
    }
    .search-main--active {
        display: block
    }
    .search-main__close {
        background-color: #e60000
    }
    .search-main__popular-searches {
        width: auto
    }
    .search-main__search-field[type=text] {
        padding: 11px 20px
    }
    .search-main__search-box {
        padding-right: 70px
    }
    .search-main__submit {
        padding: 30px
    }
    .search-main__search-icon {
        height: 30px;
        width: 30px
    }
}
.svg--white {
    fill: #fff
}
.svg--red {
    fill: #e60000
}
.visually-hidden {
    background: red;
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
@media only screen and (max-width: 640px) {
    .hide--sm {
        display: none
    }
}
@media only screen and (min-width: 641px) and (max-width: 970px) {
    .hide--md {
        display: none
    }
}
@media only screen and (min-width: 971px) {
    .hide--lg {
        display: none
    }
}
/*# sourceMappingURL=main.css.map */