.mouse-active * {outline: 0}









.cf:before,.row:before,.grid:before,.grid-sml:before,.tg-head:before,.ttg-head:before,.masonry:before,.contact-us form:before,.investor-calendar .belt:before,.investor-calendar .year-dd:before,.our-people__list:before,.mod-tab__tabs:before,.mod-tab__submenu li:before,.story-telling__image-wrapper:before,.story-carousel__image-wrapper:before,.story-carousel__overlay:before,.specifications .swatches:before,.image-gallery__bar:before,.cf:after,.row:after,.grid:after,.grid-sml:after,.tg-head:after,.ttg-head:after,.masonry:after,.contact-us form:after,.investor-calendar .belt:after,.investor-calendar .year-dd:after,.our-people__list:after,.mod-tab__tabs:after,.mod-tab__submenu li:after,.story-telling__image-wrapper:after,.story-carousel__image-wrapper:after,.story-carousel__overlay:after,.specifications .swatches:after,.image-gallery__bar:after{content: " "; display: table}




.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}
i,.i{display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: top left; background-image: url("../images/icons.png")}
.lt-ie8 i,.lt-ie8 .i{display: inline}
.i-add-blk-sml{height: 23px; width: 23px; background-position: 0 0}
.i-add-red-lrg{height: 44px; width: 44px; background-position: -28px 0}
.i-alert-b-sml{height: 17px; width: 17px; background-position: -77px 0}
.i-arrow-blk-d{height: 16px; width: 16px; background-position: -99px 0}
.i-arrow-blk-l{height: 16px; width: 16px; background-position: -120px 0}
.i-arrow-blk-r{height: 16px; width: 16px; background-position: -141px 0}
.i-arrow-blk-u{height: 16px; width: 16px; background-position: -162px 0}
.i-arrow-g-d{height: 12px; width: 16px; background-position: -183px 0}
.i-arrow-g-u{height: 12px; width: 16px; background-position: -204px 0}
.i-arrow-gry-l-lrg{height: 55px; width: 31px; background-position: -225px 0}
.i-arrow-gry-l-xl{height: 45px; width: 27px; background-position: -261px 0}
.i-arrow-gry-r-lrg{height: 55px; width: 31px; background-position: -293px 0}
.i-arrow-gry-r-xl{height: 45px; width: 27px; background-position: -329px 0}
.i-arrow-gry-r{height: 16px; width: 16px; background-position: -361px 0}
.i-arrow-r-d{height: 16px; width: 16px; background-position: -382px 0}
.i-arrow-red-d{height: 16px; width: 16px; background-position: -403px 0}
.i-arrow-red-l-lrg{height: 55px; width: 31px; background-position: -424px 0}
.i-arrow-red-l{height: 16px; width: 16px; background-position: -460px 0}
.i-arrow-red-r-lrg{height: 55px; width: 31px; background-position: -481px 0}
.i-arrow-red-r{height: 16px; width: 16px; background-position: -517px 0}
.i-arrow-red-u{height: 16px; width: 16px; background-position: -538px 0}
.i-arrow-w-left-xl{height: 45px; width: 27px; background-position: -559px 0}
.i-arrow-w-right-xl{height: 45px; width: 27px; background-position: -591px 0}
.i-arrow-whte-d{height: 16px; width: 16px; background-position: -623px 0}
.i-arrow-whte-l-gallery{height: 36px; width: 38px; background-position: -644px 0}
.i-arrow-whte-l-lrg{height: 65px; width: 36px; background-position: -687px 0}
.i-arrow-whte-l-xl{height: 45px; width: 27px; background-position: -728px 0}
.i-arrow-whte-l{height: 16px; width: 16px; background-position: -760px 0}
.i-arrow-whte-r-gallery{height: 36px; width: 38px; background-position: -781px 0}
.i-arrow-whte-r-lrg{height: 65px; width: 36px; background-position: -824px 0}
.i-arrow-whte-r-xl{height: 45px; width: 27px; background-position: -865px 0}
.i-arrow-whte-r{height: 16px; width: 16px; background-position: -897px 0}
.i-arrow-whte-u{height: 16px; width: 16px; background-position: -918px 0}
.i-bar-chart{height: 26px; width: 15px; background-position: -939px 0}
.i-bars-red-sml{height: 30px; width: 30px; background-position: -959px 0}
.i-bulb-g{height: 22px; width: 16px; background-position: -994px 0}
.i-bulb{height: 22px; width: 16px; background-position: -1015px 0}
.i-burger-b{height: 17px; width: 25px; background-position: -1036px 0}
.i-burger-w{height: 17px; width: 25px; background-position: -1066px 0}
.i-calendar-sml{height: 30px; width: 28px; background-position: -1096px 0}
.i-careers-lrg{height: 86px; width: 116px; background-position: -1129px 0}
.i-careers-sml{height: 21px; width: 28px; background-position: -1250px 0}
.i-coffee{height: 37px; width: 38px; background-position: -1283px 0}
.i-comment-sml{height: 30px; width: 36px; background-position: -1326px 0}
.i-cross-b-lrg{height: 34px; width: 34px; background-position: -1367px 0}
.i-cross-b{height: 19px; width: 25px; background-position: -1406px 0}
.i-cross-w-lrg{height: 32px; width: 32px; background-position: -1436px 0}
.i-cross-w{height: 19px; width: 25px; background-position: -1473px 0}
.i-device-3g{height: 46px; width: 46px; background-position: -1503px 0}
.i-device-4g{height: 46px; width: 46px; background-position: -1554px 0}
.i-device-android{height: 46px; width: 46px; background-position: -1605px 0}
.i-device-camera{height: 46px; width: 46px; background-position: -1656px 0}
.i-device-outline{height: 46px; width: 46px; background-position: -1707px 0}
.i-download-b{height: 28px; width: 29px; background-position: -1758px 0}
.i-ellipsis{height: 8px; width: 32px; background-position: -1792px 0}
.i-facebook-w-lrg{height: 27px; width: 27px; background-position: -1829px 0}
.i-facebook{height: 25px; width: 25px; background-position: -1861px 0}
.i-find-sml{height: 32px; width: 23px; background-position: -1891px 0}
.i-foundation-lrg{height: 92px; width: 95px; background-position: -1919px 0}
.i-foundation-sml{height: 22px; width: 22px; background-position: -2019px 0}
.i-g-plus{height: 25px; width: 25px; background-position: -2046px 0}
.i-globe-b{height: 28px; width: 28px; background-position: -2076px 0}
.i-globe-w{height: 28px; width: 28px; background-position: -2109px 0}
.i-graph-g{height: 26px; width: 15px; background-position: -2142px 0}
.i-heart{height: 22px; width: 25px; background-position: -2162px 0}
.i-home-red-sml{height: 30px; width: 30px; background-position: -2192px 0}
.i-innovation-lrg{height: 124px; width: 91px; background-position: -2227px 0}
.i-innovation-sml{height: 27px; width: 21px; background-position: -2323px 0}
.i-instagram-w-lrg{height: 27px; width: 27px; background-position: -2349px 0}
.i-instagram{height: 24px; width: 24px; background-position: -2381px 0}
.i-investors-lrg{height: 107px; width: 62px; background-position: -2410px 0}
.i-investors-sml{height: 26px; width: 15px; background-position: -2477px 0}
.i-just-giving-sml{height: 21px; width: 21px; background-position: -2497px 0}
.i-leaf-g{height: 17px; width: 24px; background-position: -2523px 0}
.i-leaf-w{height: 17px; width: 24px; background-position: -2552px 0}
.i-like-sml{height: 35px; width: 27px; background-position: -2581px 0}
.i-linkedin{height: 17px; width: 19px; background-position: -2613px 0}
.i-location-icon{height: 32px; width: 30px; background-position: -2637px 0}
.i-mug{height: 14px; width: 18px; background-position: -2672px 0}
.i-open-gallery{height: 90px; width: 89px; background-position: -2695px 0}
.i-pause-w-lrg{height: 17px; width: 15px; background-position: -2789px 0}
.i-pause-w{height: 22px; width: 15px; background-position: -2809px 0}
.i-person-red-sml{height: 30px; width: 30px; background-position: -2829px 0}
.i-phone-red-sml{height: 30px; width: 30px; background-position: -2864px 0}
.i-pinterest{height: 25px; width: 25px; background-position: -2899px 0}
.i-play-b{height: 99px; width: 98px; background-position: -2929px 0}
.i-play-w-sml{height: 17px; width: 10px; background-position: -3032px 0}
.i-play-w{height: 99px; width: 98px; background-position: -3047px 0}
.i-question-red-sml{height: 30px; width: 30px; background-position: -3150px 0}
.i-refresh-r{height: 24px; width: 29px; background-position: -3185px 0}
.i-reply{height: 16px; width: 23px; background-position: -3219px 0}
.i-retweet{height: 17px; width: 28px; background-position: -3247px 0}
.i-search-b{height: 28px; width: 28px; background-position: -3280px 0}
.i-search-mbl-lrg{height: 23px; width: 24px; background-position: -3313px 0}
.i-search-w{height: 28px; width: 28px; background-position: -3342px 0}
.i-share-sml{height: 21px; width: 20px; background-position: -3375px 0}
.i-share{height: 36px; width: 34px; background-position: -3400px 0}
.i-shop-red-sml{height: 30px; width: 30px; background-position: -3439px 0}
.i-signal-red-sml{height: 30px; width: 30px; background-position: -3474px 0}
.i-sustainability-lrg{height: 86px; width: 117px; background-position: -3509px 0}
.i-sustainability-sml{height: 21px; width: 29px; background-position: -3631px 0}
.i-telephone-blk{height: 29px; width: 30px; background-position: -3665px 0}
.i-twitter-w-lrg{height: 22px; width: 26px; background-position: -3700px 0}
.i-twitter{height: 17px; width: 20px; background-position: -3731px 0}
.i-vine{height: 23px; width: 20px; background-position: -3756px 0}
.i-youtube{height: 20px; width: 28px; background-position: -3781px 0}
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}


.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{-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.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{-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.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}

.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}


.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("../img/cr-map-overlay.png") #282828 no-repeat top right; opacity: 0; padding-top: 0; padding-bottom: 0; top: 400px; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; position: relative; max-height: 0; min-height: 0; overflow: hidden}
.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 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 .cr-deep-links .i-arrow-red-r{position: absolute; right: 5px; 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: 65px}
.country-redirect .cr-nav div.cr-item a{width: 475px}
.country-redirect .cr-nav .cr-item>a{display: block; padding: 11px 15px; position: relative; background: #f4f4f4; text-decoration: none; font-weight: 700}
.country-redirect .cr-nav .cr-item>a i{float: right; margin-top: 8px}
.country-redirect .cr-nav .cr-item-fill>a{background-color: #e60000; color: #fff}
.country-redirect .cr-explore{color: #fff; font-weight: bold; display: inline-block}
.country-redirect .cr-explore img{margin-right: 20px}

.mod-hero-carousel{background-color: #f4f4f4; margin: 0 0 165px}
.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; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease}
.mod-hero-carousel .hc-nav a{display: block; padding: 10px 0}
.mod-hero-carousel .hc-nav a span{padding: 2px 25px; background: #fff; display: block}
.mod-hero-carousel .hc-nav li{display: inline-block; margin: 0; padding: 0}
.mod-hero-carousel .hc-nav .active a span{background: #e60000}
.mod-hero-carousel .hc-nav .hc-pause{position: relative; left: 20px; top: -7px}
.mod-hero-carousel .hc-wrapper{position: absolute; top: 600px; left: 0; right: 0; padding: 45px 0; z-index: 2; overflow: hidden}
.mod-hero-carousel .hc-slides{top: 0; height: 840px; overflow: hidden; position: relative}
.mod-hero-carousel .billboard-video{height: 840px}
.mod-hero-carousel .hc-content .prop{font-weight: 700; display: block; padding: 10px 15px; background: #f4f4f4}
.mod-hero-carousel .hc-content .prop span{visibility: hidden}
.mod-hero-carousel .hc-content .prop i{margin-right: 10px}
.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 0}
.mod-hero-carousel .hc-content .story p{font-size: 16px}
.js .mod-hero-carousel .hc-content .active p{opacity: 1; max-height: 200px; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s}
.js .mod-hero-carousel .hc-content .active .story{padding-bottom: 15px}
.js .mod-hero-carousel .hc-content .active .prop{margin-top: 3px}
.js .mod-hero-carousel .hc-content .active .prop:before,.js .mod-hero-carousel .hc-content .active .prop:after{background: #f4f4f4; content: ''; width: 15px; height: 30px; display: inline-block; margin: -30px 0 0 -15px; float: left}
.js .mod-hero-carousel .hc-content .active .prop:after{margin: -55px -15px 0 0; float: right}
.js .mod-hero-carousel .hc-content .active .prop span{visibility: visible}
.js .mod-hero-carousel .hc-content .active .prop a{pointer-events: auto}
.js .mod-hero-carousel .hc-content .active .prop a:hover>span{text-decoration: underline}
.mod-hero-carousel .hc-content ul{position: relative; left: 0; width: 10000px; display: table}.mod-hero-carousel .hc-content li{vertical-align: middle; display: table-cell}
.mod-hero-carousel .hc-prev,.mod-hero-carousel .hc-next{position: absolute; top: 50%; margin-top: -110px; z-index: 2}
.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: 840px; width: 100vw; text-align: center; position: absolute; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s}
.js .mod-hero-carousel .hc-bg-img{z-index: -1}
.mod-hero-carousel .hc-bg-img.active{opacity: 1; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; z-index: 2}
.mod-hero-carousel .hc-content-inner{display: inline-block; position: relative; width: 475px; margin-right: 20px}
.js .mod-hero-carousel .hc-content-inner p{opacity: 0; max-height: 0; margin: 0; overflow: hidden}
.mod-hero-carousel .hc-content-inner:hover{cursor: pointer; text-decoration: none}
.mod-hero-carousel .active .hc-content-inner:hover{text-decoration: underline}


.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}.mod-header .header-brand{position: relative; z-index: 12}
.mod-header .header-brand .homepage-link{position: absolute; left: 39px; top: 86px; width: 65px; height: 65px; z-index: 3}
.mod-header .header-brand img{position: absolute}.mod-header .header-control{display: none}
.mod-header .header-menu-main{position: relative; z-index: 11}.mod-header .header-menu{width: 100%}
.mod-header .header-menu,.mod-header .header-body-main{position: absolute}
.mod-header .header-menu li,.mod-header .header-body-main li{float: left}
.mod-header .header-menu li:hover .header-head,.mod-header .header-body-main li:hover .header-head{background-color: #f4f4f4; color: #333; text-decoration: none}
.mod-header .header-menu a,.mod-header .header-body-main a{display: block; padding: 14px 27px 13px; color: #fff; font-family: "VodafoneLight"; font-size: 22px}
.mod-header .header-menu a:hover,.mod-header .header-body-main a:hover{background-color: #f4f4f4; color: #333; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease}
.mod-header .header-menu{background-color: #333; background: rgba(51, 51, 51, 0.7)}
.mod-header .header-menu.hide-background{background: none}
.mod-header .header-menu.active .header-body{display: block}
.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%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1}

.mod-header .header-menu.active li.focused .header-head{background-color: #f4f4f4; color: #333; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease}.mod-header .header-menu.alt-head{background-color: #333}
.mod-header .header-body-main{top: -100%; left: 70px; right: 0; background: #333; background-color: rgba(51, 51, 51, 0.85); z-index: -1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0}
.mod-header .header-body-main a{font-size: 20px; color: #ccc}
.mod-header .header-menu-wrap,.mod-header .header-body{float: right}
.mod-header .header-menu-items,.mod-header .header-aux{float: left}
.mod-header .header-body{margin: 0 70px 0 0; display: none}
.mod-header .header-menu-item i{display: none}.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-redirect{margin-left: 50px}
.mod-header .header-redirect a{position: relative}
.mod-header .header-search-wrap{display: none; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #282828; z-index: 11; padding-top: 200px}
.mod-header .header-search-wrap.active{display: block; visibility: visible}
.mod-header .header-search-wrap form{position: relative}
.mod-header .header-search-wrap input{padding: 22px 60px 22px 30px; width: 100%; background: #3d3d3d; color: #ccc; font-size: 32px; border: none; font-family: "VodafoneBold"}
.mod-header .header-search-wrap button{background: none; border: none; position: absolute; top: 50%; right: 20px; margin-top: -15px; cursor: pointer}
.mod-header .header-search-wrap .header-search-close{position: absolute; top: 20px; right: 20px}
.mod-header .header-search a:hover .i-search-w{display: none}
.mod-header .header-search a:hover .i-search-b{display: block; margin-top: 5px}.mod-header .header-search .i-search-b{display: none}
.mod-header.desktop-sml .header-menu-wrap{margin-left: 230px}
.mod-header.desktop-sml .header-redirect{margin: 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: 1100px) {
.mod-header .header-brand img{width: 152px}
.mod-header .header-brand:after{height: 205px; width: 205px; margin-top: -135px; margin-left: -60px}
.mod-header .header-brand .homepage-link{left: 22px; top: 49px; z-index: 3; width: 55px; height: 55px}
.mod-header .header-brand .homepage-link img{width: 50px}
.mod-header i{pointer-events: none}.mod-header .header-menu-item{margin: 0 0 2px}
.mod-header .header-head{background-color: #333}
.mod-header .header-head i{display: inline-block; float: right; margin: 13px 0 0; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease}
.mod-header .header-head.active+.header-body-main{display: block}
.mod-header .header-head.active i{-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease}
.mod-header .header-body-main{background-color: #282828; opacity: 1}
.mod-header .header-body-main:hover{background-color: #282828}
.mod-header .header-menu a{padding: 10px 30px 10px 20px}
.mod-header .header-body-main{display: none}.mod-header .header-body-main a{padding: 10px 30px}.mod-header .header-control{display: block}
.mod-header .header-menu-main{position: absolute; width: 100%; margin: 5px 0 0}
.mod-header .header-menu-main.header-menu-active .header-control{margin-right: 370px; position: relative; z-index: 99; right: -370px}.mod-header .header-menu-main.header-menu-active .header-control .i-burger-b, .mod-header .header-menu-main.header-menu-active .header-control .i-burger-w{display: none}
.mod-header .header-menu-main.header-menu-active .header-control .i-cross-w{display: inline-block}
.mod-header .header-menu-main.header-menu-active .header-control a{background-color: #e60000}
.mod-header .header-menu-main.header-menu-active .header-body{display: block}
.mod-header .header-menu-main.header-menu-active .header-menu-items{margin-right: 0}
.mod-header .header-menu-main.header-menu-active .header-aux{position: relative; right: -370px}
.mod-header .header-menu, .mod-header .header-body-main{position: static}
.mod-header .header-menu li, .mod-header .header-body-main li{float: none}
.mod-header .header-menu-wrap, .mod-header .header-body{float: none}
.mod-header .header-menu-items, .mod-header .header-aux{float: none}
.mod-header .header-body{margin: 0}
.mod-header .header-menu-items{position: fixed; margin-right: -370px; width: 370px; right: 0; background: #282828; top: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-top: 55px}
.mod-header .header-aux, .mod-header .header-control{float: right}
.mod-header .header-aux li{float: left; background: #333; display: block; margin: 0 5px 0 0}
.mod-header .header-aux a{padding: 5px 10px 7px}
.mod-header .header-aux .i-globe-b, .mod-header .header-aux .i-search-b{display: none}
.mod-header .header-aux .i-globe-w, .mod-header .header-aux .i-search-w{display: inline-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: 0 5px 0 0}
.mod-header .header-control a{background-color: #333; display: block; padding: 10px 10px 11px; height: 45px}
.mod-header .header-control a:hover{background-color: #f4f4f4}.mod-header .header-control a:hover .i-burger-w{display: none}
.mod-header .header-control a:hover .i-burger-b{display: inline-block}
.mod-header .header-redirect{margin: 0}.first-time .mod-header .header-control{opacity: 0; visibility: hidden}
}





@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: #282828}
.first-time .header-menu-wrap .header-menu-items li{display: none}
.first-time .header-menu-wrap .header-search{opacity: 0; visibility: hidden; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none}
.first-time .header-menu-wrap .i-arrow-r-d{display: block; margin: 7px auto 0}
.first-time .country-redirect.main{padding-top: 165px; padding-bottom: 240px; top: 0; opacity: 1; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; max-height: 740px}
.first-time .hc-nav{top: 90%; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease}
.first-time .mod-collapsible{z-index: 3; position: relative}
.first-time.animation-end .mod-hero-carousel{margin: 0 0 50px}
.first-time.collapsible-open .mod-hero-carousel{position: relative}
.first-time.collapsible-open .hc-wrapper{bottom: auto; top: -240px; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0)}
.first-time.collapsible-open .country-redirect.main{height: auto; max-height: none}

@media only screen and (max-width: 640px) {
.first-time .hc-wrapper{top: auto}
.first-time .country-redirect.main{padding-bottom: 20px}
.first-time .hc-nav{top: -50px; bottom: auto}
.first-time.collapsible-open .hc-wrapper{top: auto}
.first-time .header-aux .header-redirect{display: block}
}





@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%
    }
}

.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
    }
}

.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;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.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
    }
}

.tertiary-hero .img-full {
    height: 385px
}

.tertiary-hero .grey {
    background: #f4f4f4;
    border-bottom: 3px solid #e60000
}

.tertiary-hero h1 {
    padding-top: 30px
}

.tertiary-hero .no-img h1 {
    padding-top: 200px
}

.tertiary-hero .subs {
    margin-bottom: 30px
}

.tertiary-hero .subs .subs-date {
    margin-right: 60px
}

.tertiary-hero .subs .subs-by {
    margin-right: 20px
}

.tertiary-hero .subs .subs-handle {
    color: #e60000;
    font-weight: 700
}

@media only screen and (max-width: 970px) {
    .tertiary-hero .img-full {
        height: 300px
    }
}

@media only screen and (max-width: 640px) {
    .tertiary-hero .subs .subs-date {
        display: block;
        margin-bottom: 15px
    }
    .tertiary-hero .img-full {
        height: 220px
    }
}

.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
    }
}

.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
    }
}

@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("../../assets/css/img/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
    }
}

.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
    }
}

.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
}

.article .article-blockquote blockquote p {
    font: 40px/1.176 "VodafoneLight";
    color: #e60000
}

.article .article-blockquote blockquote footer {
    border-top: 2px solid #e60000;
    padding-top: 20px
}

.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
}

.mod-tab__tabs>li {
    display: inline-block;
    float: left;
    line-height: 1;
    text-align: center
}

.mod-tab__tabs>li a,
.mod-tab__tabs>li .mod-tab__dots {
    display: block;
    margin: auto;
    padding: 20px 5px;
    text-decoration: none
}

@media (max-width: 640px) {
    .mod-tab__tabs>li a,
    .mod-tab__tabs>li .mod-tab__dots {
        padding: 15px 5px
    }
}

.mod-tab__tabs>li>a {
    width: 15em
}

.mod-tab__tabs>li .mod-tab__dots {
    background: transparent;
    border: none;
    font-size: inherit;
    width: 100%
}

.mod-tab__tabs>li.active {
    color: #e60000
}

.mod-tab__underline {
    background: #e60000;
    height: 2px;
    position: absolute
}

.mod-tab__hamburger {
    background: #ebebeb;
    cursor: pointer;
    min-width: 3em;
    position: relative
}

@media (max-width: 640px) {
    .mod-tab__hamburger {
        position: static
    }
}

.mod-tab__hamburger--focused {
    background-color: #f4f4f4
}

.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 {
    padding: 0 20px;
    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
}

.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%
}

.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: 9;
}

@-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
}

.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 {
        -moz-transition: width 400ms ease;
        -o-transition: width 400ms ease;
        -webkit-transition: width 400ms ease;
        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 {
    -moz-transition: bottom 400ms ease;
    -o-transition: bottom 400ms ease;
    -webkit-transition: bottom 400ms ease;
    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;
	color: #fff;
    font-size: 2.5em;
}

.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 {
    -moz-transition: all 400ms ease 400ms;
    -o-transition: all 400ms ease 400ms;
    -webkit-transition: all 400ms ease;
    -webkit-transition-delay: 400ms;
    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
}

.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 {
        -moz-transition: width 400ms ease;
        -o-transition: width 400ms ease;
        -webkit-transition: width 400ms ease;
        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
}

.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
    }
}

.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
    }
}

.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
    }
}

.adv-options {
    border-top: 3px solid #fff;
    padding: 10px 0
}

.adv-options a {
    display: block
}

.adv-options a i {
    float: right;
    margin-top: 4px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.adv-options h3 {
    margin: 0
}

.adv-options input[type=date] {
    font-family: "Arial", sans-serif
}

.js .adv-options .co-selected i {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.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
    }
}

.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 .tab__blockquote blockquote p,
.tab__blockquote blockquote .search-results .search-header p,
.search-results .search-header .career-media__title,
.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;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.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 {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.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
    }
}

.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 {
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease
}

@media only screen and (max-width: 640px) {
    .js .device-feature .img-wrap img {
        opacity: 1;
        top: 0
    }
}

.map-views-tab {
    color: #fff;
    display: none;
    margin-bottom: 15px;
    text-align: right;
    width: 100%
}

.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-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--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__close-button {
    position: absolute;
    right: 10px;
    top: 10px
}

.map-tooltip__close-button .i-cross-b {
    display: none
}

.map-countries__item--partner .map-tooltip__close-button .i-cross-w {
    display: none
}

.map-countries__item--partner .map-tooltip__close-button .i-cross-b {
    display: inline-block
}

.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
}

.map-tooltip__logo {
    display: none
}

.map-tooltip__logo:not([src='']) {
    display: block;
    margin: 0 auto 0.5em auto
}

.map-tooltip__tile {
    border-left: 1px solid #fff;
    display: none;
    position: relative;
    width: 250px
}

@media only screen and (min-width: 971px) {
    .map-tooltip__tile {
        display: table-cell
    }
}

.map-tooltip__tile .i-twitter {
    position: absolute;
    top: 15px;
    left: 15px
}

.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: 0 auto 20px auto;
    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: 0;
    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: #000
}

.jqvmap-zoomout {
    margin-top: 42px
}

.jqvmap-region {
    cursor: pointer
}

.jqvmap-ajax_response {
    width: 100%;
    height: 500px
}

.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: -100%
}

.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: -50%
}

.mod-content-plus .h1 {
    margin-bottom: 20px
}

.mod-content-plus .cp-img {
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    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: 100%;
    margin-left: 50%;
    position: relative;
    top: 0;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    cursor: pointer
}

.mod-content-plus .cp-content {
    position: relative
}

.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;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    transition: height 1s ease
}

.mod-content-plus .cp-content-rest {
    opacity: 0;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: hidden
}

.mod-content-plus .i-cross-w,
.mod-content-plus .content-close {
    display: none
}

.mod-content-plus .content-close {
    opacity: 0;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.mod-content-plus .content-trigger {
    display: inline-block
}

.mod-content-plus.active {
    z-index: 50
}

.mod-content-plus.active .cp-img {
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    height: 700px;
    height: 100vh
}

.mod-content-plus.active .cp-content-wrap {
    min-height: 700px;
    min-height: 100vh;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    cursor: initial
}

.mod-content-plus.active .cp-content-all {
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    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;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: visible
}

.mod-content-plus.active .fadeout {
    position: absolute;
    bottom: 0;
    height: 150px;
    background-image: linear-gradient(rgba(244, 244, 244, 0) 0%, #f4f4f4 80%);
    width: 100%
}

.mod-content-plus.active .content-close {
    opacity: 1;
    right: 20px;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    top: 30px
}

.mod-content-plus.cp-right .cp-content {
    margin-right: 50%
}

.mod-content-plus.cp-right .cp-content:after {
    left: -20px;
    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: -50%
}

.mod-content-plus.cp-left .cp-content {
    margin-left: 50%
}

.mod-content-plus.cp-left .cp-content:after {
    right: -20px;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f4f4f4;
    margin: -25px -50px 0 0
}

.mod-content-plus.cp-left .content-close {
    left: 10px;
    right: auto
}

.mod-content-plus.cp-left .content-trigger {
    float: right
}

@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: -25%
    }
    .mod-content-plus.cp-right .cp-content-wrap {
        margin-left: 25%
    }
    .mod-content-plus.cp-right .cp-content {
        margin-right: 30%
    }
    .mod-content-plus.cp-left .cp-content-wrap {
        margin-left: -25%
    }
    .mod-content-plus.cp-left .cp-content {
        margin-left: 30%
    }
}

@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.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
    }
    .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:after,
    .mod-content-plus.cp-right .cp-content:after {
        top: -20px;
        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 .i-cross-b-lrg {
        display: none
    }
    .mod-content-plus.active .content-close {
        background-color: #e60000;
        display: block;
        padding: 13px 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
    }
}

.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
    }
}

.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
    }
}

.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
    }
}

.social-links {
    position: relative;
    display: inline-block;
    text-align: center
}

.social-links .head {
    display: table;
    width: 40px;
    height: 40px
}

.social-links .head div {
    display: table-cell;
    vertical-align: middle
}

.social-links .head div:hover {
    background-color: #f4f4f4
}

.social-links .head div i:hover {
    background-color: #f4f4f4
}

.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
}

.image-gallery {
    -moz-transition: background 400ms ease;
    -o-transition: background 400ms ease;
    -webkit-transition: background 400ms ease;
    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 {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    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
}

.jump-links {
    float: left;
    width: 220px;
    position: relative;
    font-weight: 700
}



.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
}

.nogap {
    margin-bottom: 0
}

.addgap {
    margin-bottom: 50px
}