/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//*=RESET STYLES
---------------*/
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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/*=HTML5 DISPLAY-ROLE RESET
---------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse:collapse;border-spacing:0;}

/*=PAGE Fonts
-----------------*/
@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
}

/*=PAGE STRUCTURE
-----------------*/
body {font-family: Arial, sans-serif; font-style: normal;font-weight: 400;color:#333;font-size:100%;background-color:#fff;position:relative;}
#wrap {margin:0 auto;max-width:79.75em;}
#logo-print {display:none}
header[role="banner"] { position:absolute; top:0; left:0; width:100%; }
header[role="banner"] #header-inner { position:relative; z-index:100}
main#panel #container-frame {background:#fff;padding:0 2em;}

main#panel .content-wrap .content {max-width:79.75em; margin:0 auto; padding: 1em 1em 0em 1em; }
main#panel #gutter-content-full {width:100%; background:#ccc;background:url(../images/background-test.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
 background-size: cover; height:61px }
footer[role="contentinfo"] {clear:both;background:#2E2E2E;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right}
.lft {float:left}
.image-rounded {border-radius:5px;}
.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center}
.img-border {border:1px solid #d7d7d7}
.obj-c {margin-left:auto;margin-right:auto;display:block;text-align:center;}
.switch-red {color:#E60000;}

.readmore { font-weight: 700; display: block; padding: 10px 0; border-top: 3px solid #ebebeb; border-bottom: 3px solid #ebebeb; margin-top: -3px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  font-size:17px;}
.readmore:hover { background-color: #f4f4f4; padding-left: 5px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease}
.readmore i {float: right;}
.readmore .i-arrow-blk-r {margin-top: 5px;}



/*=TYPOGRAPHY
-------------*/
h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#272727;font-family:'VodafoneLight',serif !important;font-style: normal;}
h2 {font-size:1.75em; color:#333; padding:1em 0}
h3 {font-size:2.5em;margin-bottom:.5em; font-family: 'VodafoneLight'; color:#333}
h3 span{font-family: 'VodafoneLight'; color:#333; font-weight:600}
h4 {font-size:1.6em;margin-top:.75em;margin-bottom:.5em;font-weight:600;}
h5 {font-size:1.3em;padding-bottom:.5em;font-weight: 600;}
h6 {font-size:1em; color:#fff; padding-bottom:1em;}
sup {vertical-align: super;font-size:80%}
b, strong {font-weight:bold;}
i, em {font-style:italic;}

/*=TITLE BAR
-----------------*/
.breadcrumb-bar {color:#333;margin-bottom: 50px;background: #f4f4f4; height: 80px; padding:0 2em; margin-bottom:1em; font-family: 'VodafoneBold';}
.page-share {max-width:79.75em; margin:0 auto;}
.share {float:right; }

.breadcrumb a:link, .breadcrumb a:visited {color:#333; text-decoration:none;}


/*=BODY CONTENT
---------------*/
#panel figure img {display:block;max-width:100%;height:auto !important}
main[role="main"] p {font-size:.9375em;margin-bottom:1em;line-height:1.4}
main[role="main"] p.margin-less {margin-bottom:0.25em;}
main[role="main"] ul, main[role="main"] ol {margin-bottom:.5em;}
main[role="main"] li {font-size:.9375em;line-height:1.4;}
main[role="main"] li li, main[role="main"] li p {font-size:100%}
ul.contents {list-style:disc;}
ul.list {list-style:disc;margin-left:1.75em}
ul.lists {list-style:circle;margin-letf:2em}

ul.list li,ol.list li {padding-bottom:.5em;line-height:1.3em}
ul.list ul {margin-left:1.5em;list-style:circle}
ol.list {list-style:decimal;margin-left:2.5em}
ul.list-icons li {line-height:1.6;margin-left:0em;}
ul.list-icons dt {font-size:120%;padding-right:.5em;/*margin-left:-.5em*/}
li ul.list {margin-top:.5em}
.tab-drawer-content > img ~ ul.list-icons {margin-left:220px}

ul.intro li {line-height:1.9}
ul.list-icons {margin-left:0.25em; }
ul.docs li {margin-left:0;}
ul.docs dt {margin-left:.2em;padding-right:.5em;}
ul.list-icons ul {list-style:circle}
ul.arrow {padding-left: 20px; padding-bottom:2em; list-style:none;}
ul.arrow li {margin-left:-14px; position: relative;padding-left: 15px;}
ul.arrow li:before {position: absolute;top:0em; left: 0;font-family: FontAwesome;content: "\f105"; font-size:1.3em; color:#1F6CAF; font-weight:bold;}
ul.arrow ul.list li:before {display:none}
p.more-button {font-size:1.2em; font-family:'Oswald',serif;}
p.more-button a:link, p.more-button a:visited {display:inline; padding:.4em 1.5em; text-decoration:none; border-radius:5px;color:#fff;}
p.more-button a:hover {text-decoration:underline;}
.image-rounded {border-radius:5px;}
img.small {width:30%;}
.mast-text {color:#E60000; font-size:1.3em;}

/*=LAYOUT
---------*/
.one-column {padding:0em;}
.two-column {padding:0em;}
.col-content {/*padding-top:2em; */float:left;width:73.58934169278997%;} /*939 divide 1276 = 73.58934169278997%*/
.col-nav {float:right;width: 23.51097178683386%; background:#F3F3F3;   padding-left: 1em; padding-right: 1em;} /*300 divide 1276 = 23.51097178683386%*, 50 divide 300 = 16.66666666666667%*/
.col-nav .gutter {padding-top:2em; width:83.33333333333333%; padding-left:16.66666666666667%;} /*250 divide 300 = 83.33333333333333%, 50 divide 300 = 16.66666666666667%*/
.col-nav i {background:none}
.col-nav h4 {font-size: 2em; font-family: 'VodafoneBold'; margin-bottom: 5px; font-weight: 600;}
.col-nav-operations {float:right;width: 23.51097178683386%; background:#F4F4F4;   padding-left: 1em; padding-right: 1em; height:421px;} /*300 divide 1276 = 23.51097178683386%*, 50 divide 300 = 16.66666666666667%*/
.col-nav-operations .gutter {padding-top:2em; width:83.33333333333333%; padding-left:16.66666666666667%;} /*250 divide 300 = 83.33333333333333%, 50 divide 300 = 16.66666666666667%*/
.col-nav-operations i {background:none}
.col-nav-operations h4 {font-size: 2em; font-family: 'VodafoneBold'; margin-bottom: 5px; font-weight: 600;}

.col-content-video {float:left; width:66.589342%;}
.col-nav-video {float:right;  width: 31.510972%;}

/*=NAVIGATION
------------*/
/*=tools*/
ul#tools { position:absolute;z-index:999; right:0;}
ul#tools li {float:left; /*margin-left:25px;*/ }
ul#tools li b {position:absolute;left:-9999px;}
ul#tools li a {background:transparent;display:block;text-decoration:none;color:#fff;padding: 15px;padding-right: 25px;padding-left: 25px;}
ul#tools li a:hover {background:#F4F4F4 !important; }
ul#tools li.js-slideout-toggle {position:absolute;left:-9999px;}

/* general ul style */
.m-menu {background:transparent url(../images/menu-bg2.png)}
.m-menu > ul {float:right;width:100%; position:relative;z-index:99;top:0;}
/* first level ul style */
.m-menu ul li a {display:block;text-decoration:none;}
.m-menu > ul > li {float:left}
.m-menu > ul > li > a {padding:.8125em 0;font-size:1.375em;color:#fff;line-height:1;   }
.m-menu ul li li {font-weight:normal;text-align:left}
.m-menu ul > li:hover {background-color:#f4f4f4;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}
.m-menu ul > li:hover a {color:#333;}
.m-menu > ul > li > 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}
.m-menu li.tab1, .m-menu li.tab2, .m-menu li.tab3, .m-menu li.tab4 {    text-align: center; display:inline}
.m-menu li.tab1 a, .m-menu li.tab2 a, .m-menu li.tab3 a, .m-menu li.tab4 a { font-family: 'VodafoneLight'; font-size:22px}

.tab1 {width:10%; margin-left:50%}
.tab2 {width:10%;}
.tab3 {width:10%;}
.tab4 {width:10%;}

.menu p {font-size:.75em;line-height:1.5;padding-left:.5em;}
/* sub-menu */
.m-menu .menu-sub {/*display:none;*/ position:absolute;left:0;background:transparent url(../images/menu-bg.png);width:100%;min-height:330px; top: -980%; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; z-index:-10}
.m-menu .menu-sub-inner ul {}
.m-menu ul li:hover > .menu-sub { top: 100%; }
.m-menu .menu-sub-inner ul {margin-bottom:0}
.m-menu .menu-sub-inner > div {width:10%;float:left;text-align:left;/*padding-left:1%;padding-right:1%;*/ }
.m-menu .menu-sub-inner div h4 {padding-left:1em; font-weight:600 }
.m-menu .menu-sub-inner > div ul li a {color:#fff; font-size:1.2em; padding:.5em 1em .5em 1em}
.m-menu .menu-sub h4 {font-size:1.3em;padding:.2em;color:#fff; font-weight:500}
.m-menu .menu-sub-inner > div a:hover {display:block;text-decoration:underline;  background-color:#f4f4f4;color:#333;text-decoration:none;}
.m-menu .menu-sub-inner > div.sub1 {padding-left:50%;}
.m-menu .menu-sub-inner > div.sub1.sub-press{padding-left:70%; } /** press margin left **/

/*=HEADER CONTENT
-----------------*/
header[role="banner"] #logo-print {display:none}
header[role="banner"] h1 {text-indent:-9999px;background: url(../images/vodacom-logo.png) left top no-repeat;width:232px;height:153px; position:absolute; top:0; left:0; }
header[role="banner"] h1 a {display:block;width:232px;height:153px;overflow:hidden;}

/*=MAPS
-------*/
#map {height:237px; width:100%;}

/*=Landing image
-------*/
.img-full {width: 100%; height: 100%; background: no-repeat center center; background-size: cover;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;  position: relative; z-index:-1}
.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}

.landing-banner .intro-banner {padding-top: 160px;position: relative;z-index: 2;color: #fff;padding-bottom: 40px;}
.landing-banner h1,.h1{font: 68px/1.077 "VodafoneLight"; margin-bottom: 55px; color:#FFFFFF}
.landing-banner h3,.h3{font: 40px/1.176 "VodafoneLight"; margin-bottom: 30px; color:#FFFFFF}
.landing-banner h1{position: relative; margin-bottom: 0; padding-right: 50px; -webkit-animation: h1-upwards 2s ease-in; -moz-animation: h1-upwards 2s ease-in; -ms-animation: h1-upwards 2s ease-in; animation: h1-upwards 2s ease-in}
.landing-banner hr{border: 2px solid #e60000; -webkit-animation: hr-across 1.5s ease-in; -moz-animation: hr-across 1.5s ease-in; -ms-animation: hr-across 1.5s ease-in; animation: hr-across 1.5s ease-in}
.landing-banner i{float: right; margin-top: -40px}
.landing-banner .h3{position: relative; -webkit-animation: h3-downwards 2s ease-in; -moz-animation: h3-downwards 2s ease-in; -ms-animation: h3-downwards 2s ease-in; animation: h3-downwards 2s ease-in}
.landing-banner { border-bottom: solid 4px #E40000}



.intro-banner{max-width: 79.75em; margin: 0 auto; padding: 0 10px}
.lrg-80{width: 80%}
@-webkit-keyframes h1-upwards {
    0% {opacity: 0}
    50% {top: 50px; opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@-moz-keyframes h1-upwards {
    0% { opacity: 0}
    50% {top: 50px;opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@-ms-keyframes h1-upwards {
    0% {opacity: 0}
    50% {top: 50px;opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@keyframes h1-upwards {
    0% {opacity: 0}
    50% {top: 50px;opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@-webkit-keyframes hr-across {
    0% {width: 0;opacity: 0 }
    50% {width: 0 }
    100% { width: 100%;opacity: 1}
	}
@-moz-keyframes hr-across {
    0% { width: 0;opacity: 0}
    50% {width: 0}
    100% {width: 100%;opacity: 1}
	}
@-ms-keyframes hr-across {
    0% {width: 0;opacity: 0}
    50% {width: 0}
    100% {width: 100%; opacity: 1}
	}
@keyframes hr-across {
    0% {width: 0;opacity: 0}
    50% {width: 0}
    100% {width: 100%; opacity: 1}
	}
@-webkit-keyframes h3-downwards {
    0% {opacity: 0}
    50% {top: -50px; opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@-moz-keyframes h3-downwards {
    0% {opacity: 0}
    50% {top: -50px;opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
@-ms-keyframes h3-downwards {
    0% { opacity: 0}
    50% {top: -50px;opacity: 0}
    75% {opacity: 0}
    100% { top: 0;opacity: 1}
	}
@keyframes h3-downwards {
    0% { opacity: 0}
    50% {top: -50px;opacity: 0}
    75% {opacity: 0}
    100% {top: 0;opacity: 1}
	}
.indx-img{float:right;position:absolute;right:0px;top:0px;}

/*= HOME PAGE
---------------*/
.content-wrap.home-block-city {background: url(../images/background-top.jpg) no-repeat center center; width: 100%; height: 100%;  background-size: cover;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;  position: relative; min-height:inherit}
.content-wrap.home-block-slider {background: url(../images/business-slider.jpg) no-repeat center center; width: 100%; height: 100%;  background-size: cover;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;  position: relative; min-height:380px}
.content-wrap.home-block-bottom {background: url(../images/background-test.jpg) no-repeat center center; width: 100%; height: 100%;  background-size: cover;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;  position: relative; min-height:inherit}

.slider-content2 .gutter {background:transparent; color:#fff;}

/*grid highlights*/
body#home ul.grid-list {margin-bottom:0; }
body#home ul.grid-list.highlights li i {background:none }
body#home ul.grid-list.highlights li {display:block;float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
body#home ul.grid-list.highlights li .gutter {padding:0;}

body#home ul.grid-two.highlights li {width:100%;float:left;}
body#home ul.grid-two.highlights li.grid-a {width:74.475%; margin-right:1.5em }
body#home ul.grid-two.highlights li.grid-b {width:23.50999%}

body#home ul.grid-two.highlights li.grid-news {width:100%;min-height:511px; background:#F3F3F3; margin-bottom:1.5em }
body#home ul.grid-two.highlights li.grid-news div{margin-left:1em; margin-right:1em; }
body#home ul.grid-two.highlights li.grid-news h4 { font-family: 'VodafoneBold'; color:#333; font-weight:600; margin-bottom:5px}
body#home ul.grid-two.highlights li.grid-news h4 span{font-family: 'VodafoneBold'; color:#333; font-weight:600}
body#home ul.grid-two.highlights li.grid-news h4 img { display:inline; margin-right:2%}

body#home ul.grid-two.highlights li.grid-calender {width:100%;float:left;background:#F3F3F3;min-height:245px;}
body#home ul.grid-two.highlights li.grid-calender div{margin-left:1em; margin-right:1em; }
body#home ul.grid-two.highlights li.grid-calender h4 { font-family: 'VodafoneBold'; color:#333; font-weight:600; margin-bottom:5px}
body#home ul.grid-two.highlights li.grid-calender h4 span{font-family: 'VodafoneBold'; color:#333; font-weight:600}
body#home ul.grid-two.highlights li.grid-calender h4 img { display:inline; margin-right:2%}



body#home h3 {font-size:2.5em;margin-bottom:.5em; font-family: 'VodafoneLight'; color:#fff;}
body#home h3 span{font-family: 'VodafoneLight'; color:#fff; font-weight:600}

body#home ul.grid-three.highlight li {width:31.575%;  min-height:243px; margin-bottom:1.5em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /*426 divide 1278 = 33.333333%*/
body#home ul.grid-three.highlight li.grid1, body#home ul.grid-three.highlight li.grid3, body#home ul.grid-three.highlight li.grid5{margin-right:25px}


/*body#home ul.grid-three.highlight li.grid1 div{ padding:1em }*/
body#home ul.grid-three.highlight li.grid1 h5 { padding-top: 1em; font-weight:600; font-size:1.1em; font-family: 'VodafoneBold'; margin:0}


body#home ul.grid-three.highlight li.grid2 {margin-right:0;width: 65.78947368421053%}
body#home ul.grid-three.highlight li.grid2 div{margin-left:1em; margin-right:9em; /*border-bottom:2px solid #fff*/}

body#home ul.grid-three.highlight li.grid3 {width: 65.78947368421053%}
body#home ul.grid-three.highlight li.grid3 div{margin-left:1em; margin-right:1em; /* border-bottom:2px solid #fff*/}
body#home ul.grid-three.highlight li.grid3 span i { background-image: url("../images/icons.png"); background-position: -1015px 0; margin: 1em; color:#fff}
body#home ul.grid-three.highlight li.grid3 span  a{color:#fff;font-weight:bold;font-size:1.2em;position: absolute;bottom: 0;margin-left: 16em;}

body#home ul.grid-three.highlight li.grid3 h4 { font-family: 'VodafoneLight'; color:#fff; font-weight:normal;font:40px/1.176 "VodafoneLight"}
body#home ul.grid-three.highlight li.grid3 h4 span{font-family: 'VodafoneBold'; color:#fff; font-weight:600}
body#home ul.grid-three.highlight li.grid3 h4 img { display:inline; margin-right:2%}
body#home ul.grid-three.highlight li.grid3 ul li { min-height:inherit;  text-align:center; font-weight:600}
body#home ul.grid-three.highlight li.grid3 ul h5 {text-align:center; font-weight:600;font-family: 'VodafoneBold'; font-size:1.5em; padding-bottom:0 !important}
body#home ul.grid-three.highlight li.grid3 ul li img { margin:0 auto}

body#home ul.grid-three.highlight li.grid4 h4 { font-family: 'VodafoneBold'; color:#333; font-weight:600}
body#home ul.grid-three.highlight li.grid4 h5 { font-weight: 600;font-family: 'VodafoneBold';font-size: 1.1em;padding-bottom: 0 !important;}
body#home ul.grid-three.highlight li.grid4 h4 img { display:inline; margin-right:2%}
body#home ul.grid-three.highlight li.grid4 div{margin-left:1em; margin-right:1em; }


body#home ul.grid-list h4 {font-size:1.7em;margin-bottom:.5em; font-family: 'VodafoneLight'; color:#fff; font-weight:normal}
body#home ul.grid-list h4 span{font-family: 'VodafoneLight'; color:#fff; font-weight:600}

body#home ul.grid-three.highlight li.grid1 {background:#F3F3F3;}
body#home ul.grid-three.highlight li.grid2 {/*background: url(../images/map2.png) no-repeat center center;   background-size: cover;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;*/  background: #E60000;position: relative; min-height: 250px;}
body#home ul.grid-three.highlight li.grid3 {/*background:#E60000;background: url(../images/covers/interim-results-2016.jpg) no-repeat;*/position: relative;}
/*body#home ul.grid-three.highlight li.grid3 img { width:100%}*/
body#home ul.grid-three.highlight li.grid4 {background:#cccccc;min-height:512px; float:right}
body#home ul.grid-three.highlight li.grid5 {background:#F3F3F3;}
body#home ul.grid-three.highlight li.grid5 div{margin-left:1em; margin-right:1em; }
body#home ul.grid-three.highlight li.grid5 h4 { font-family: 'VodafoneBold'; color:#333; font-weight:600; margin-top:.2em}
body#home ul.grid-three.highlight li.grid5 h4 span{font-family: 'VodafoneBold'; color:#333; font-weight:600}
body#home ul.grid-three.highlight li.grid5 h4 img { display:inline; margin-right:2%}
body#home ul.grid-three.highlight li.grid6 {background:#F3F3F3; }
body#home ul.grid-three.highlight li.grid6 div{margin-left:1em; margin-right:1em; }
body#home ul.grid-three.highlight li.grid6 h4 { font-family: 'VodafoneBold'; color:#333; font-weight:600; margin-top:.2em}
body#home ul.grid-three.highlight li.grid6 h4 span{font-family: 'VodafoneBold'; color:#333; font-weight:600}
body#home ul.grid-three.highlight li.grid6 h4 img { display:inline; margin-right:2%}

/*List links - investors*/
body#home ul.grid-2.block-nav {margin-top:1.5em;margin-bottom:0}
body#home ul.grid-2.block-nav li {font-size:.75em;text-align:center;text-transform:uppercase;line-height:3em;font-family: "open-sans",sans-serif;font-style: normal;font-weight: 700;width:46.366782%;margin-right:7.266436%; min-height:inherit} /*134 divide 289 = 46.366782%, 21 divide 289 = 7.266436%*/
body#home ul.grid-2.block-nav li.grids2,body#home ul.grid-2.block-nav li.grids4  {margin-right:0}
body#home ul.grid-2.block-nav li.double-line {line-height:1.5em;}
body#home ul.grid-2.block-nav li a {display:block;color:#fff;background:#E60000;text-decoration:none;padding:.625em 0;}
body#home ul.grid-2.block-nav li a:hover {background-color:#333333}


.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#video {position:absolute;top:-20px;left:-20px;display:inline-block; width:20px; z-index:999;padding:0;margin:0;height:1px;}
.videoWrapper {position:relative;padding-top:0;padding-bottom: 56.25%;height: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
* html .videoWrapper {margin-bottom: 45px;margin-bottom: 0;}
.videoWrapper video, .videoWrapper object {position:relative;width:100%;height:100%;left:0;top:0;width:100%; }
#blockCloseLink:link, #blockOpenLink:link,#blockCloseLink:visited, #blockOpenLink:visited {display:block; background-color: #e5e5e5; color: #333; text-align:center;padding:2px; width:20px;height:20px; box-shadow:1px 2px 3px rgba(33,33,33,0.4);border-radius:3px;}
#blockCloseLink:hover, #blockOpenLink:hover { background-color: #e5e5e5; color: #e70000; text-decoration:none;width:20px; text-align:center;padding:2px; }
.expandReduceBtns {position:absolute; padding:0;margin:0;display:block}
.grid-home-top {width:97%; float:none; display:block;position:relative; clear:both; height:auto; min-height:auto; margin-right:3%;  min-width:97%; border:15px solid #fff; border-radius:10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.grid-home-bottom {width:97%; float:none; display:block; position:relative;clear:both; height:auto; min-height:auto; margin-right:3%;  min-width:97%; border:15px solid #E70000;border-radius:10px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color:#e70000}
.grid-home-top #video {position:absolute;top:-10px;left:-10px;}




/*=view images
------------*/
p.button a {display:inline-block;padding:.75em;background-color:#E60000;color:#fff;text-decoration:none;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}
p.button a:hover {background:#ccc;color:#333}
p.button.enlarge a:before {font-family:'fontawesome';speak:none;font-size:1.25em;padding-right:.5em}
p.button.pdf a:before {font-family:'fontawesome';speak:none;font-size:1.25em;padding-right:.5em}

/*=Breadcrump with title
------------*/
.utility-bar{margin-bottom: 10px; background: #f4f4f4; height: 80px}
.utility-bar .content{max-width: 79.75em; margin: 0 auto; padding: 0em 0em 0em 2em;}
.utility-bar .breadcrumb li{float: left; padding: 0 35px 0 0; position: relative}
.utility-bar .breadcrumb li:after{content: ''; width: 16px; height: 16px; background: url("../images/arrow-gry-r.png") no-repeat; display: inline-block; position: absolute; top: 50%; margin-top: 0px; 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}
.utility-bar .social-links{float: right; width: 80px; background: #ccc; text-align: center; position: relative}
.utility-bar .social-links .head{background: #ccc; height: 80px; display: table; width: 100%}
.utility-bar .social-links .head div{display: table-cell; vertical-align: middle}
.utility-bar .social-links .head div:hover{background-color: #ccc}
.utility-bar .social-links .head div i:hover{background-color: #ccc}
.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{display: block}
.utility-bar .social-links .body{display: none; position: absolute; left: -160px; top: 0; background: #333; z-index: 999; width: 160px}
.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}

/*=Popup Boxes
---------*/
.location {height:0px;overflow:hidden;background-image: url("../images/cr-map-overlay.png");background-color: #282828;background-repeat: no-repeat;background-position: 0 400px; -moz-transition:all 5s ease;-o-transition:all 5s ease;-webkit-transition:all 5s ease;transition:all 5s ease}
.location-open {height:630px;overflow:visible;background-position: 0 0}
.location #location-form {max-width:79.75em; margin:0 auto;padding-top:400px;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}
.location-open #location-form {padding-top:200px; max-width:79.75em; margin:0 auto; }
.location-open #location-form h2 {color:#fff }

i,.i{display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: top left; background-image: url("../images/icons.png")}

.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: 30px}
.jump-links .head i{position: absolute; top: 50%; margin-top: -8px; right: 5px; -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}
.jump-links.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}
.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 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}

.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}
.nogap{margin-bottom: 0}
.addgap{margin-bottom: 50px}
.i-arrow-blk-r {height: 16px;width: 16px; background-position: -141px 0}


/*=MEDIA RELEASE TABLES
------------*/
.fin-tbl tr:hover {background:#E5E5E5; color:#000;} /*TABLE ON HOVER BACKGROUND COLOUR AND TEXT COLOUR*/
 tr.no-hover:hover {color:#00528C!important;} /*TABLE ON HOVER HIGHLIGHTED COLOUMN TEXT COLOUR TO REMAIN STAT*/
.fin-tbl {width:100%; margin:0 0 0 0; padding:0 0px;} /*THE COMPLETE TABLE TO BE GIVEN 100% WIDTH; O MARGINS AND O PADDING*/
.fin-tbl tr td {padding:3px 3px 3px 3px;} /*EACH CELL IN TABLE TO HAVE A PADDING OF 3 AROUND CONTENT*/
.fin-tbl th {background-color:#E5E5E5;  padding:2px 3px 3px 3px;  } /*THE HIGHLIGHTED COLUMN BACKGROUND COLOUR; TEXT COLOUR; PADDING AND A FONT WEIGHT IF NEEDED*/

.fincolumn {background:#E8E2DD}
.fincolumnthin  {background:#E8E2DD;border-bottom:1px solid #000;}
.fincolumnrgtthick{background:#E8E2DD; border-right:3px solid #E60000;}
.fincolumnrgt{background:#E8E2DD; border-right:1px solid #000;}
.fincolumnrgtbot{background:#E8E2DD; border-right:1px solid #000;border-bottom:1px solid #000;}
.fincolumnrgtthickbot{background:#E8E2DD; border-right:3px solid #E60000;border-bottom:1px solid #000;}
.fincolumn {background:#E8E2DD}
.finthin {border-bottom:1px solid #000;}
.finthick {border-bottom:2px solid #000;}
.fintop {border-top:1px solid #000;}
.fintopleft {border-top:1px solid #000; border-left:1px solid #000;}
.fintopright {border-top:1px solid #000; border-right:1px solid #000;}
.fintbotleft {border-bottom:1px solid #000; border-left:1px solid #000;}
.finbotright {border-bottom:1px solid #000; border-right:1px solid #000;}
.finleft {border-left:1px solid #000;}
.finright {border-right:1px solid #000;}
.finrow {border-top:1px solid #000; border-bottom:1px solid #000;}
.finrowrgtthick {border-top:1px solid #000; border-bottom:1px solid #000;border-right:3px solid #E60000;}
.finrgtthicktop {border-right:3px solid #E60000; border-top:1px solid #000}
.finrgtthickbot {border-right:3px solid #E60000;border-bottom:1px solid #000}
.finrowleft {border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000;}
.finrowleft {border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000;}


/*=LIST GRID
------------*/
.grid {}
.grid2-a {float:left;width:48%;display:inline;margin-right:1%;}
.grid2-b {float:right;width:48%;display:inline;margin-left:1%;}

ul.grid-list ul {margin-bottom:0;}
ul.grid-list li li {float:none; text-align:left; width:100%;}
ul.grid-list {margin-bottom:0;}
ul.grid-list li {display:block;float:left;margin-bottom:1em;}
ul.grid-list li img {display:block;max-width:100%;height:auto !important}
ul.grid-list li a {display:block;}
ul.grid-list li .gutter {padding:1em}


ul.grid-four.gallery li {width:23.32268370607029%; margin-right:2.236421725239617%;} /*219 divide 939 = 23.32268370607029%, 21 divide 1276 = 2.236421725239617%*/
ul.grid-four.gallery li.grid4, ul.grid-four.gallery li.grid8, ul.grid-four.gallery li.grid12 {margin-right:0}
ul.grid-four.footer-nav li {width:23.35423197492163%; margin-right:2.19435736677116%} /*298 divide 1276 = 23.35423197492163%, 28 divide 1276 = 2.19435736677116%*/
ul.grid-four.footer-nav li.grid4 {margin-right:0}
ul.grid-four.footer-nav li li {float:none; text-align:left; width:100%;}
ul.grid-five.logos li {width:17.86833855799373%;margin-right:2.664576802507837%} /*228 divide 1276 = 17.86833855799373%, 34 divide 1276 = 2.664576802507837%*/
ul.grid-five.logos li.grid5 {margin-right:0}
footer[role="contentinfo"] {clear:both;background:#2E2E2E;}

ul.grid-four li {width: 21.52459016393443%;margin-right:1.9672131147541%;} /*287 divide 1220 = 23.52459016393443%, 24 divide 1220 = 1.9672131147541%*/
ul.grid-four li.grid4,ul.grid-four li.grid12 {margin-right:0}
ul.grid-four.boxes li h4 { background:#E5F0ED; padding:1.5em 1.5em .5em 1.5em; margin-bottom:0; text-align:center;position:relative;}


#press ul.grid-three li {width:31.575%;  min-height:235px; margin-bottom:1.5em; float:left; margin-top:1em !important} /*426 divide 1278 = 33.333333%*/
#press ul.grid-three li.grid2 { margin:0 1em}


ul.grid-4 li {width:23.52459016393443%;margin-right:1.9672131147541%; min-height: 261px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
ul.grid-4 li.grid4, ul.grid-4 li.grid8,ul.grid-4 li.grid12 {margin-right:0}
ul.grid-4 li h5 { background:#2E2E2E; padding:1em; color:#fff; font-size:1.5em}

ul.grid-4 li .gutter {background: url(../images/white.png) repeat; min-height:90px;}
ul.grid-4 li p span {background: url(../images/fa-heart-inactive.png) repeat;width:29px;height:26px; display: block;margin: 0 auto; margin-top: 1.5em;}
ul.grid-4 li p span:hover {background: url(../images/fa-heart-hover.png) repeat;width:29px;height:26px; display: block;margin: 0 auto; margin-top: 1.5em;}
ul.grid-4 li.grid1 {background: url(../images/heart-1.jpg) no-repeat center center; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: relative;}
ul.grid-4 li.grid2 {background: url(../images/heart-2.jpg) no-repeat center center; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: relative; }
ul.grid-4 li.grid3 {background: url(../images/heart-3.jpg) no-repeat center center; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: relative; }
ul.grid-4 li.grid4 {background: url(../images/heart-4.jpg) no-repeat center center; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: relative;}

/*=BIOGRAPHIES
--------------*/
#block1,#block2,#block3,#block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block12,#block13,#block14,#block15,#block16,#block17,#block18,#block19,#block20,#block21,#block22,#block23,#block24,#block25,#block26,#block27,#block28,#block29,#block30,#block31,#block32,#block33,#block34,#block35,#block36,#block37,#block38,#block39,#block40, #block41, #block45, #block42 {position:absolute;left:-9999px;}
ul.grid-four.team li {margin-bottom:1em;background:#F4F4F4;min-height:400px;}
ul.grid-four.team li a {text-decoration:none;color:#6a757c}

ul.grid-four.team li figure figcaption {min-height:35px; margin-bottom:0;}
ul.grid-four.team.title-short li figure figcaption {min-height:90px}
ul.grid-four.team.title-long li figure figcaption {min-height:153px}

ul.grid-four.team li figcaption.show-bar {background-color:#E40000;}
ul.grid-four.team li figcaption.show-bar h4, ul.grid-four.team li figcaption.show-bar h5 {color:#fff}
ul.grid-four.team li figcaption.hide-bar {background-color:transparent}
ul.grid-four.team li figcaption div.biography-heading {padding:0px .3em;}
ul.grid-four.team li figcaption div.biography-heading h4 {margin:0;padding:.25em 0;font-weight: 600;font-size: 1.3em !important;}
ul.grid-four.team li figcaption div.biography-heading h5 {font-size: 1em;font-weight: 600;}

ul.grid-four.team li a figcaption div.biography-heading.bb h4, ul.grid-four.team li a figcaption div.biography-heading.bb h5 {color:white}
ul.grid-four.team li.grid div[id*="block"] {background:#F4F4F4;border-top:6px solid #E40000;width:425.08710801393728%;} /*4 blocks = 400% + 24 divided 287 x 3 (gutters) = 25.08710801393728%*/


ul.grid-four.team li.grid2 div[id*="block"], ul.grid-four.team li.grid6 div[id*="block"], ul.grid-four.team li.grid10 div[id*="block"], ul.grid-four.team li.grid14 div[id*="block"] {margin-left:-108.3623693379791%;} /*311 (287 + 24) divide 287 = -108.3623693379791%*/
ul.grid-four.team li.grid3 div[id*="block"], ul.grid-four.team li.grid7 div[id*="block"], ul.grid-four.team li.grid11 div[id*="block"], ul.grid-four.team li.grid15 div[id*="block"] {margin-left:-216.7247386759582%;} /*622 (287 + 24 + 287 + 24) divided 287 = -216.7247386759582%*/
ul.grid-four.team li.grid4 div[id*="block"], ul.grid-four.team li.grid8 div[id*="block"], ul.grid-four.team li.grid12 div[id*="block"], ul.grid-four.team li.grid16 div[id*="block"] {margin-left:-325.0871080139373%;} /*933 (287 + 24 + 287 + 24 + 287 + 24) divided 287 = -325.0871080139373%*/



ul.grid-four.team li div.close {float:right;font-size:2em;padding:1em 1em 0 0;}
ul.grid-four.team li div.close a {color:#E40000}
ul.grid-four.team li .biography-content {padding:0 1em 1em 1em;}
ul.grid-four.team li .biography-content p {margin-bottom:0}
dl.biography-details {margin:1em 0}
dl.biography-details h4 { font-weight:bold}
dl.biography-details dt {float:left;margin:0;padding:.25em 0;width:8em;font-weight:bold;}
dl.biography-details dd {margin-left:8em;padding:.25em 0;}


/*=SLIDER
--------------*/
#slider {position:relative;height:470px;width:100%;background:#ccc;overflow:hidden; border-bottom:solid 4px #E40000}
.slider-content {position:absolute;z-index:1;max-width:79.75em;width:100%;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;display: inline-block;height:296px;bottom:2em;background:transparent url(../images/slider-fade-bkr.png);color:#fff}
.slider-content .gutter {padding:8px 1.625em;text-align:left}
.slider-content .gutter h2 {font-size:100%;color:#fff;}
.slider-content .gutter p {margin-top:1em;font-size:120%}
.slider-content .gutter .slider-box { margin-left:1%;}


.slider-content .gutter h4 {/*background:url(../images/menu-bg.png) ;*/ padding:0; color:#fff; width:100%; font-weight:100; font-size:3em; font-family:'VodafoneBold'; margin:0;}
.slider-content .gutter h5 {/*background:url(../images/menu-bg.png) ; */padding:0; color:#fff;width:100%;font-family:'VodafoneLight'; margin-left:0; font-size:1.8em; font-weight: 100;}
hr {border: 2px solid #e60000; animation: hrAcross 1.5s ease-in;}
.slider-content .gutter p.more a {font-size:.75em;text-align:center;padding:.5em 1em;text-transform:uppercase;font-family: 'VodafoneLight', Arial, Helvetica, sans-serif;text-decoration:none;}
.slider-content .gutter p.more.white a {color:#fff;background-color:#333; margin-left:0%}

.slider-content .gutter span.more.white a {color:#004d90;background-color:#fff}
.slider-content .gutter span {margin-bottom:1em;font-size:140%}
.slider-content .gutter span.more a {font-size:.75em;text-align:center;padding:.5em 1em;text-transform:uppercase;font-family: 'VodafoneLight', Arial, Helvetica, sans-serif;text-decoration:none;}

.results-image {display:inline; padding-right:15px; float:right; position:relative;top:0px }

ul.slider-buttons {float:left;width:100%; margin-left:2.2%}
ul.slider-buttons li {float:left;text-align:center;font-family: 'VodafoneLight',serif; font-weight:bold; margin-left:10px; font-size:1em;line-height: 1;}
ul.slider-buttons a {display:block;padding:.6875em 0;color:#fff;text-decoration:none; background:#E60000}
ul.slider-buttons a:hover {background-color:#333333;}
ul.slider-buttons a.button-on {background-color:#333333;}
#button-1 {width:20%;}
#button-2 {width:16%;}
#button-3 {width:16%;}
#button-4 {width:16%;}
#button-5 {width:16%;}
#button-6 {width:16%;}
.sliderContentBlock {}
.slider-arrow-left, .slider-arrow-right {display:block;font-size: 3em;/*padding-top:10%;*/padding-bottom:10%; cursor: pointer; background:none;}
.slider-arrow-left i, .slider-arrow-right i { background:none;margin-left: -40px;}

.banner-page { width:100%; height:271px;background:#fff url(../images/bottom-slider.jpg) no-repeat; border:1px solid #1D2742 }
.slider-content2 {position:absolute;top:0;bottom:0;right:0;width:100%;height:200px;}
.slider-content2 .gutter {height:100%;padding:1em;color:#fff; background: #transparent;width: 45%;margin-left: 35%;}
.slider-content2 .gutter {background:; color:#fff;}
.slider-content2 h4 {font-size:2em;color: #333;font-family: "VodafoneLight",serif; margin:0; margin-bottom:0.5em}
.slider-content2 h4 span{color: #333;font-family: "VodafoneBold",serif;font-weight: 600; margin:0}
.slider-content2 p {font-size: 1.3em; font-weight:200;line-height: 1.4;}
.slider-content2 p span {margin-top:.5em; font-size:1.3em}
.slider-content2 .block-slider2 { /*background:#fff url(../images/transparent-tan.png) repeat;padding:1em;*/  color:#272727}
.slider-content2 ul.more li {font-size: 1.5em;color:#fff;background-color:#1D2742; float:left;padding: .2em 2em; display:inline; margin-right:2em; font-family: "garamond-premier-pro-display",serif;font-style: normal;font-weight: 400;}

/*=LINKS
--------*/
a {outline:0}
a:link {text-decoration:underline;}
a:visited {text-decoration:none;}
a:hover {color:#E60000;text-decoration:none;}


/*SENS TABLE*/
table.table-responsives {border: 1px solid #BED3EF; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;box-shadow:1px 3px 6px rgba(15,37,63,0.2);}
table.table-responsives tr {border: 1px solid #ddd; padding: 5px;}
table.table-responsives th, table td {padding: 4px; /*text-align:left;*/ vertical-align:top}
table.table-responsives th {text-transform:none; font-size: 13px; letter-spacing: 1px; background-color:#666666; color:#fff; font-weight:600;text-transform:uppercase;}
table.table-responsives tr:nth-of-type(odd) { background: #F7F9FB; }
table.table-responsives tr:nth-of-type(even) { background: #CCDCEA; }
table.table-responsives .td-align-center {text-align:center;}
table.table-responsives i { background:none;}

.date-small {display:none}
.calendar-title {font-size: 15px;}
.date {
    background:#666666 none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 3px 3px;
    text-align: center;
    width: 90px;
}
.date span {
    background: #fff none repeat scroll 0 0;
    color: #666666;
    display: block;
    font-size: 21px;
    margin: 4px 1px 4px;
    padding: 8px 0;
}


/*BLOCK CONTENT*/
.intro-content{position: relative; width: 100%; max-width: 1280px; margin: 10px auto; margin-bottom: 40px;}
.grey-form-btn {background: #EBEBEB; color: #333333; width: 100%; border-radius: 6px; padding: 22px 0 25px 30px; text-decoration: none!important;
    margin-bottom: 20px; box-shadow: 7px 7px 10px 0px rgb(205 203 203 / 75%); -webkit-box-shadow: 7px 7px 10px 0px rgb(205 203 203 / 75%); -moz-box-shadow: 7px 7px 10px 0px rgba(205,203,203,0.75); position: relative; font-size: 28px;}
.grey-form-btn:after{content: url(../images/form-dwn.png); position: absolute; top: 50%; right: 3%; transform: translateY(-50%);}
/*=TABS
--------*/
/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand {margin:0;border-bottom:1px solid #fff}
h4.expand a {padding:.5em}
.expand a {display:block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.expand a:link, .expand a:visited {color:#000;text-decoration:none;background:#F4F4F4; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;color:#000;    margin-top: 2px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.expand a:hover, .expand a:active, .expand a:focus {border-top: 3px solid #ebebeb; border-bottom: 1px solid #ebebeb;color:#000;    margin-top: -0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;background:#E60000; color:#fff }

.expand a.open:link, .expand a.open:visited {background:#E60000;color:#fff;}
.expand a:before {content:'\f107';font-family:'fontawesome';speak: none;padding-right:.5em}
.expand a.open:before {content:'\f106';font-family:'fontawesome';speak: none;padding-right:.5em}
.tab-content .gutter {padding-top:1em}
/*tabbed accordion*/

.accordion-tabs.break-m .tabs {display: none;}
.accordion-tabs.break-m .tab-drawer-heading {background:#edece8;color:#EDEDED;border-top:1px solid #EDEDED;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.accordion-tabs.break-m .d-active {background-color:#EDEDED;color: #fff;}

ul.tabs {float:left;width:100%;padding:1em 0 0 0;background:transparent url(../images/nav-year-bg.png) left bottom repeat-x;margin-bottom:0 !important}
ul.tabs li {float:left;cursor: pointer;margin:0 0 0 .5em;padding:4px 10px;border:1px solid #E40000;border-bottom:none;text-decoration:none;background:#E40000;color:#fff}
ul.tabs li:first-of-type {margin:0}
ul.tabs li:hover {background:#666666;color:#fff}
ul.tabs li.active {padding-bottom:5px;background:#fff;border-color:#E40000;color:#E40000;font-weight:bold}
.tab-container {border:1px solid #E40000;border-top:none;clear:both;float:left;width:99.7894737%;background:#fff;overflow:auto;} /*948 divide 950 = 99.7894737%*/
.tab-drawer-heading {display:none;}
.tab-drawer-content {padding:1em;display:none;min-height:300px}
.tab-drawer-content h4 { font-size:25px; font-weight:700}

.links-container {max-width: 710px; position:relative; }
.links-container-new {/*max-width: 710px;*/ position:relative; }
.left-ul-links {margin-top:15px; margin-right:210px; width:auto; max-width: 460px;}
.rgt-fixed {position: absolute; top: 15px; right:0px; }

@media only screen and (max-width: 640px){
.left-ul-links {width: auto; margin:15px 0px; }
.rgt-fixed {position: relative; top: 0px; right:0px; width: auto; margin:15px 0px; }
}

/*=ICONS
--------*/
.fa-file-pdf-o {color:#c11e07}
.fa-file-excel-o {color:#549f3a}
.fa-file-o {color:blue}

.belt{max-width: 970px; margin: 0 auto; padding: 0 10px;}
.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}
.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}
.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: .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}
.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: 700}
.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}
.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;}
@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: .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}
}

/*=Icons
---------*/
.i-globe, .i-search, .i-button, .i-cross, .i-arrow-r-d  {display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-position: top left;background-image: url("../images/sprite.png"); }
a .i-globe {background-position: -2109px 0;height: 28px;width: 28px;}
a:hover .i-globe {background-position: -2076px 0;}

a .i-search {background-position: -3342px 0;height: 28px;width: 28px;}
a:hover .i-search {background-position: -3280px 0;}
a .i-button {background-position: -1066px 5px;height: 28px;width: 28px;}
a:hover .i-button {background-position: -1036px 5px;}
a .i-cross { height: 28px;width: 28px; background-position: -1473px 0;}
.i-arrow-r-d {height: 16px; width: 16px; background-position: -382px 0;margin:8px 6px 0 6px;display:none}

/*=FOOTER
---------*/
footer[role="contentinfo"] .gutter {color:#fff; padding:1em 1em 0em 1em; max-width:79.75em; margin: 0 auto;}
footer[role="contentinfo"] .gutter h6 {color:#fff; font-size:1.5em !important; padding-bottom:.2em; font-weight:500}
footer[role="contentinfo"] .legal {background-color:#2e2e2e;color:#fff;width:100%;border-top: 1px solid #616161;padding-left: 10px;}
footer[role="contentinfo"] .legal p {max-width:79.75em; margin: 0 auto; padding:1em 0 1em 0em; color:#fff;}
footer[role="contentinfo"] .legal p i {font-size:0.8em; font-style:normal;}
footer[role="contentinfo"] .gutter p a:link, footer[role="contentinfo"] .gutter p a:visited {text-decoration:none; color:#95BBD6;}

footer[role="contentinfo"] li ul {/*padding-left: 20px; padding-bottom:2em;*/ }
footer[role="contentinfo"] li ul li {/*margin-left:-14px;*/ position: relative;/*padding-left: 15px;*/}
footer[role="contentinfo"] li ul li {border-top:0; margin-bottom:0;}
footer[role="contentinfo"] li ul li+li {/*border-top:1px dotted #3F83BB;*/}
footer[role="contentinfo"] li ul li a { padding:0.5em 0em; display:block; text-decoration:none; color:#fff;}
footer[role="contentinfo"] li ul li a:hover {color:#fff; text-decoration:underline}
/*footer[role="contentinfo"] li ul li:before {position: absolute;top:.35em; left: 0;font-family: FontAwesome;content: "\f105"; font-size:1.3em; color:#95BBD6;}*/
footer[role="contentinfo"] ul.social-media {float:left;width:auto;font-size:.75em;padding:.5em 0;}
footer[role="contentinfo"] ul.social-media li#connect {padding-top:1em}
footer[role="contentinfo"] ul.social-media ul {float:right;width:auto}
footer[role="contentinfo"] ul.social-media ul li {float:left;text-align:center;margin:.5em;margin-top:-.5em}
footer[role="contentinfo"] ul.social-media ul li a {background:#3b3b3b;font-size:2em;padding:.1em;margin:0 auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
footer[role="contentinfo"] ul.social-media ul li.youtube a {background:#bb0000}
footer[role="contentinfo"] ul.social-media ul li.rss a {background:#ff7900}
footer[role="contentinfo"] ul.social-media ul li.twitter a {background:#00aced}
footer[role="contentinfo"] ul.social-media ul li.linkedin a {background:#007bb6}
footer[role="contentinfo"] ul.social-media ul li a:link, ul.social-media ul li a:visited {color:#fff !important}
footer[role="contentinfo"] ul.social-media ul li a:hover {color:#fff;background:#fff;background:-webkit-linear-gradient(#a6c8e1,#0067a6);background: -moz-linear-gradient(#a6c8e1,#0067a6);background: -ms-linear-gradient(#a6c8e1,#0067a6);background: -o-linear-gradient(#a6c8e1,#0067a6);background: linear-gradient(#a6c8e1,#0067a6);}


/*=PAGINATION
-------------*/
main[role="main"] .pagination p {margin-bottom:0}
.pagination {background:#fff}
.pagination-links {margin:0 auto;max-width:79.75em;padding:1em 0;}
.pagination-links .lft, .pagination-links .rgt {position:relative;}
.pagination-links .lft {width:50%;/*border-right:1px solid #ccc*/}
.pagination-links .lft div#arrow-left, .pagination-links .rgt div#arrow-right {position:absolute;font-size:5em;margin-top:-.3em;color:#E60000;}
.pagination-links .lft div#arrow-left {float:left;left:.2em}
.pagination-links .rgt div#arrow-right {float:right;right:.2em}
.pagination-links .lft div#arrow-left:before {content:'\f104';font-family:'fontawesome';speak: none;}
.pagination-links .rgt div#arrow-right:after {content:'\f105';font-family:'fontawesome';speak: none;}
.pagination-links .rgt {text-align:right}
.pagination-links .lft:hover div#arrow-left, .pagination-links .rgt:hover div#arrow-right {-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.pagination-links .lft:hover div#arrow-left {left:0;}
.pagination-links .rgt:hover div#arrow-right {right:0;}
.pagination-links .lft p {float:left;margin-left:4em; margin-top:0; padding-top:0;}
.pagination-links .rgt p {float:right;margin-right:4em; margin-top:0; padding-top:0;}
.pagination-links i {background:none;font-style:normal;padding-bottom:2px;display:block; font-size:17px; }
.pagination-links b {color:#414042;font-weight:600;font-family:'VodafoneLight';font-size:19px; }
.pagination-links em {display:none}

.pagination-links i {margin-top: 0em;font-weight: bold;}
.pagination-links p {padding-bottom:0em }

/*back to top arrow*/
#back-to-top {position:fixed;bottom:2em;right:7%;text-decoration:none;font-size:2.4em;width:44px;height:44px;line-height: 44px;display:block;text-align:center;vertical-align:middle;border-radius:999px;color:#fff;background-color:#000;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}
#back-to-top:after {content:'\f106';font-family:'fontawesome';speak: none;}
#back-to-top:hover {background:#E60000}
/*.btn-hamburger {display:block}*/



@media only screen and (max-width: 1440px){
.slider-arrow-left, .slider-arrow-right {display:block;font-size: 3em;/*padding-top:10%;*/padding-bottom:10%; cursor: pointer; background:none; top:2.6em;}
}

@media only screen and (max-width: 1400px)
{
header[role="banner"] h1 {text-indent:-9999px;background: url(../images/vodafone-logo-small.png) left top no-repeat;width:150px;height:99px; position:absolute; top:0; left:0; }

}

@media screen and (max-width: 1350px) {

body#home ul.grid-two.highlights li.grid-a {width:100%; margin-right:1.5em }
body#home ul.grid-two.highlights li.grid-b {width:23.50999%}


body#home ul.grid-two.highlights li.grid-b {width:100%}
body#home ul.grid-two.highlights li.grid-news { width:47%; float:left; display:block; margin-right: 1.5em;}
body#home ul.grid-two.highlights li.grid-calender { width:50%; float:left; display:block; margin-right:0}
body#home ul.grid-two.highlights li.grid-news, body#home ul.grid-two.highlights li.grid-calender { min-height:450px}
}


@media screen and (max-width: 1200px) {
#back-to-top {bottom:-2em}
header[role="banner"] {position:static; }
ul#tools li.js-slideout-toggle {position:static; left:0; } /*Menu toggle button*/
ul#tools li a {background:#333333; margin-right:5px;  padding: 9px;padding-right: 10px; padding-left: 10px;}
ul#tools li a:hover {background:#f4f4f4; }

body,
.panel {background-color: #fff;}
.menu {background-color: #282828;}
a {color: #4B5;text-decoration: none;}
.menu-header {border-bottom: 1px solid #2a2d2f;padding: 20px;background-size: 32px;}
.menu-section {margin-top:60px }
.menu-section-title {text-transform: uppercase;color: #85888d;font-weight: 200;font-size: 13px;letter-spacing: 1px;padding: 0 20px;margin:0;}
.menu-section-list {padding:0; margin: 10px 0;list-style:none;}
.menu-section-list a {display: block;padding: 10px 20px;}
.panel {padding-top: 0px;min-height: 100%;}
#mocha {text-align: left;margin:0 !important;}
#mocha-stats {top: 70px;}

.tab1, .tab2, .tab3, .tab4 {width:100%;margin-left:0;}

.m-menu a {color: #fff;}
.m-menu a:hover {text-decoration: underline;}
.m-menu .menu-sub {display:none; }
.m-menu li.tab1 a, .m-menu li.tab2 a, .m-menu li.tab3 a, .m-menu li.tab4 a {padding-left:1em}
.m-menu li a i {position:relative;left:0;display:inline;font-style:normal;}
a.menu-link {display:block;}

.m-menu {min-width:inherit;float:none;clear:both; padding-top:0; background:#282828}
/*.menu, .menu > ul ul {overflow:hidden;max-height:0;}*/
.m-menu > ul > li {float:none;display:inline-block;}
.m-menu .menu-sub {position:relative;width:100%;margin-left:0; -moz-transition: none !important;; -o-transition: none !important;; -webkit-transition: none !important;; transition:none !important; z-index:99; top: 0%;}


.m-menu .menu-sub-inner > div {width:auto;float:none; margin-top:0;}
.m-menu .menu-sub-inner > li {position:inherit;}
.m-menu .menu-sub-inner > div.sub1 {padding-left:0;}
.m-menu ul {display:inline;text-align:left;}
.m-menu ul > li:hover {background:transparent}
.m-menu ul li:hover div.menu-sub {display:none;}
.m-menu li #s1:target + div.menu-sub, .m-menu li #s2:target + div.menu-sub, .m-menu li #s3:target + div.menu-sub, .m-menu li #s4:target + div.menu-sub, .m-menu li #s5:target + div.menu-sub, .m-menu li #s6:target + div.menu-sub, .m-menu li #s7:target + div.menu-sub, .m-menu li #s8:target + div.menu-sub {display:block;padding-bottom:1em; }
.m-menu > ul, .m-menu .menu-sub-inner {width:100%; /*border-top: 1px solid #fff;*/ }
.m-menu > ul > li {display:block;float:none;border-bottom: 1px solid #fff;}
.m-menu > ul > li > a {display:block;text-align:left;color:#fff;padding:1em;margin-left:0; background:#333; margin:0 0 2px}
.m-menu > ul > li > a:hover {background-color:#f4f4f4;color:#333; }

.m-menu p span{display:none;}
.m-menu .menu-sub-inner > div.sub1.sub-press { margin-left:0; padding-left:0}

#s1MainNav,#s2MainNav,#s3MainNav,#s4MainNav,#s5MainNav,#s6MainNav,#s7MainNav,#s8MainNav {position:relative;  }
.mainClosed:after { content:'\f107';font-family:'fontawesome';speak: none; position: absolute; top: 0; right: 0; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em; }
.mainOpen:after { content:'\f106';font-family:'fontawesome';speak: none; position: absolute; top: 0; right: 0; display: block; font-size: 1.2em; padding: 0.65em 0.5em 0.55em 0.5em; }

ul.grid-four.footer-nav li {width:49.2537313%;margin-right:1.4925373%;} /*462 divide 938 = 49.2537313%, 14 divide 938 = 1.4925373%*/
ul.grid-four.footer-nav li.grid4. {clear:none;}
ul.grid-four.footer-nav li.grid3, ul.grid-four.footer-nav li.grid5 {clear:left;}
ul.grid-four.footer-nav li.grid2, ul.grid-four.footer-nav li.grid4, ul.grid-four.footer-nav li.grid6, ul.grid-four.footer-nav li.grid8 {margin-right:0}
ul.grid-four.footer-nav li.grid3 {margin-right:1.4925373%}

.col-content {float:none; width:auto;}
.col-nav {float:none; width:auto; height:auto; padding-top:.5em}
.col-nav .gutter {width:auto; padding:0;}


.slider-content .gutter {padding: 0em 1.625em;text-align:left;}

}

@media only screen and (max-width: 1000px)
{

ul.grid-4 li {width:23.52459016393443%;margin-right:1.9672131147541%; min-height: 350px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
ul.grid-4 li.grid1, ul.grid-4 li.grid3 { width:47%}
ul.grid-4 li.grid2, ul.grid-4 li.grid4 {margin-right:0; width:50%}

body#home ul.grid-three.highlight li.grid1 { width:100%; min-height:inherit}
body#home ul.grid-three.highlight li.grid2 { width:100%; min-height:inherit}
body#home ul.grid-three.highlight li.grid3 { width:100%}
body#home ul.grid-three.highlight li.grid4 { clear:right; float:left; width:100%; min-height:inherit}
body#home ul.grid-three.highlight li.grid5 { width:47%  }
body#home ul.grid-three.highlight li.grid6 { width:49%  }
.col-content-video {float:noe; width:100%;}
.col-nav-video {float:none;  width: 100%;}

}


@media only screen and (max-width: 970px)
{
.utility-bar .belt{padding: 0 0 0 10px}
.utility-bar .breadcrumb{display: none}
.utility-bar .jump-links .head{padding-left: 0px}
.utility-bar .link-group{float: none; position: initial}
.utility-bar .jump-links{text-align: left}
.utility-bar .jump-links .jl-head{padding-left: 15px}
.landing-banner .img-full { background-position: center center}

.slider-content2 {position:absolute;top:0;bottom:0;right:0;width:100%;height:200px;}
.slider-content2 .gutter {height:100%;padding:1em;color:#fff;/* background: #F3F3F3;*/margin-left: 15%;}

.slider-content2 p {font-size:inherit; font-weight:200;line-height: 1.4;}
.slider-content2 p span {margin-top:.5em;font-size:inherit;}
}

@media only screen and (max-width: 800px)
{
ul.grid-four li {width:49.01639344262295%;}
ul.grid-four li.grid3 {clear:none;}
ul.grid-four li.grid6{clear:none;}
ul.grid-four li.grid2, ul.grid-four li.grid4, ul.grid-four li.grid6, ul.grid-four li.grid10  {margin-right:0}


#slider {position:relative;height:480px;background:#ccc url() top center no-repeat;overflow:hidden;}
.slider-content .gutter h2 { font-size: 1.4em;  margin-bottom: 1em;}
.slider-content .gutter p { font-size: 1.2em;  margin-bottom: 1em;}
.slider-content .gutter h4 { padding:0px; color:#fff; width:90%; }
.slider-content .gutter h5 { padding:20px; color:#fff;width:90%;}
ul.slider-buttons {display:none}

#button-1 {width:34%;}
#button-2 {width:33%;}
#button-3 {width:33%;}
#button-4 {width:34%; }
#button-5 {width:33%;}
#button-6 {width:33%;}

ul.slider-buttons a {display:block;padding:.475em 0;color:#fff;text-decoration:none;}

#button-4 a {border-left:0px; }
#button-4 a {border-top:1px solid #fff; }
#button-5 a {border-top:1px solid #fff; }
#button-6 a {border-top:1px solid #fff; }


body#home ul.grid-two.highlights li.grid-news { width:100%; float:left; display:block; margin:0;}
body#home ul.grid-two.highlights li.grid-calender { width:100%; float:left; display:block; margin-top:1.5em}
body#home ul.grid-two.highlights li.grid-news, body#home ul.grid-two.highlights li.grid-calender { min-height:inherit}
}


@media screen and (max-width: 768px){
.indx-img{width:19%}
}

@media only screen and (max-width: 700px)
{
body#home ul.grid-three.highlight li.grid5 { width:100%  }
body#home ul.grid-three.highlight li.grid6 { width:100%  }
body#home ul.grid-three.highlight li.grid2 div { margin-right:0}
ul.grid-4 li.grid1, ul.grid-4 li.grid2, ul.grid-4 li.grid3, ul.grid-4 li.grid4 {width:100%; float:none; clear:both; margin:0; margin-top:1.5em;}
}

@media only screen and (max-width: 640px)
{
#globe {display:none; }

.landing-banner h1,.h1{font: 34px/1.077 "VodafoneLight";margin-bottom: 20px}
.landing-banner h3,.h3{font: 30px/1.176 "VodafoneLight"}
.landing-banner h3,.h3{font-size: 18px;}

.utility-bar{height: 60px}
.utility-bar .breadcrumb li{height: 60px}
.utility-bar .jump-links{margin-left: -60px; padding-left: 45px}
.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 .body{left: -180px; width: 180px}
.utility-bar .social-links .body li{height: 60px}
.utility-bar .social-links .body a{width: 60px; height: 60px}
.jump-links{width: 100%}
.tab-drawer-content img.lft {float:none;display:block;width:50%;}
.tab-drawer-content > img ~ ul.list-icons {margin:1em 0 0 2em; }

.slider-content2 h4 {font-size:1.4em;color: #333;font-family: "VodafoneLight",serif; margin:0; margin-bottom:0.5em}
.slider-content2 h4 span{color: #333;font-family: "VodafoneBold",serif;font-weight: 600;margin:0;}

.slider-content2 {position:absolute;top:0;bottom:0;right:0;width:100%;height:200px;}
.slider-content2 .gutter {height:100%;padding:1em;color:#fff; /*background: #F3F3F3;*/margin-left: 15%;width:66%}

.slider-content2 p {font-size:inherit; font-weight:200;line-height: 1.4;}
.slider-content2 p span {margin-top:.5em;font-size:inherit;}

.date-small {display:block}
.date {display:none}
.calendar-title {font: 14px;}
table.table-responsives {border: 0;}
table.table-responsives thead {display: none;}
table.table-responsives tr {margin-bottom: 0px; display: block; border-bottom: 1px solid #ddd;}
table.table-responsives td {display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc;}
table.table-responsives td:last-child {border-bottom: 0;}
table.table-responsives td:before {content: attr(data-label); float: left; text-transform:none; font-weight: bold;}
table.table-responsives .td-align-center {text-align:right;}
.pagination-links b{display:none; }
.pagination-links .lft div#arrow-left, .pagination-links .rgt div#arrow-right {position:absolute;font-size:3em;}
.pagination-links .rgt p {margin-right: 3em;}
.pagination-links .lft p {margin-left: 3em;}

ul.grid-four li.grid {}
ul.grid-four.team li.grid div[id*="block"] {width:204%;margin-left:0}


ul.grid-four.team li.grid2 div[id*="block"], ul.grid-four.team li.grid6 div[id*="block"], ul.grid-four.team li.grid10 div[id*="block"], ul.grid-four.team li.grid14 div[id*="block"], ul.grid-four.team li.grid4 div[id*="block"] {    margin-left: -299px;}

}



@media screen and (max-width: 500px) {
.tabs {display: none;}
.tab-drawer-heading {background:#edece8;color:#272727;border-top:1px solid #E40000;margin:0;padding:.5em;display: block;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tab-container h3 {font-size:1.4em;}
.d-active {background-color:#E40000;color: #fff; font-weight:bold}

.slider-content2 .gutter {height:100%;padding:1em;color:#fff;/*background: #F3F3F3;*/margin-left: 9%;width: 75%;}

header[role="banner"] h1 a {display:block;width: 100px;height: 96px;overflow:hidden;}

ul.grid-four li.grid {float:none;width:auto;margin-right:0}
ul.grid-four.team li.grid div[id*="block"] {width:auto;margin-left:0}
body#home ul.grid-three.highlight li { min-height:inherit}
}

@media screen and (max-width: 480px) {

ul.grid-four.footer-nav li.grid {float:none;width:auto;margin-right:0;}
.landing-banner .intro-banner{padding-top: 120px; position: relative; z-index: 2; color: #fff; padding-bottom: 20px;}

.slider-content .gutter h4 {width:90%;font-weight:900;font-size: 24px;font-family:'VodafoneBold';margin-left:0%;}

.slider-content .gutter h5 {width:90%;font-family:'VodafoneLight'; margin-left:0%}
.slider-content .gutter .slider-box {margin-top:-10% !important;}
.slider-arrow-left i, .slider-arrow-right i {margin-left: 2px;font-size: 35px;}
.content-wrap.home-block-slider {min-height: 200px;}
.indx-img{display:none}
 }


 @media screen and (max-width: 350px) {
.slider-content .gutter .slider-box {margin-top:-18% !important;}
}

/*@media all and (min-width:40em) {
.btn-hamburger {top: 20px;left: 30px;}
.panel-header {margin-top: 40px;width: 455px;}
}*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.fr {float: right;}
.fl {float: left;}

.mod-film-strip-carousel {
    overflow: hidden;
    margin-bottom: 50px
}

.mod-film-strip-carousel .fs-nav {
    float: left
}

.mod-film-strip-carousel .fs-nav .tile-inner {
    background-color: #e60000;
    color: #fff;
    padding: 40px;
    text-align: center
}
.mod-film-strip-carousel .fs-nav .tile-inner h3 { color:#fff; font-size:1.7em}

.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: 32px;
    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;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.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;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.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;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.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;
    -moz-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
    -webkit-transition: bottom 0.5s ease;
    transition: bottom 0.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: 10px
    }
    .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
    }
}

.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
    }
	.slider-content2 .gutter {width:75%; margin-top:25px;}
}

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