This is responsive add-on CSS */

/*Switch button style addon*/

.switch-button .onoffswitch {
  position: relative;
  width: 68px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.switch-button .onoffswitch-checkbox {
  display: none;
}

.switch-button .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #13a4de;
  border-radius: 20px;
}

.switch-button .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.switch-button .onoffswitch-inner:before, .switch-button .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  padding: 0;
  font-size: 14px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.switch-button .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  color: white;
}

.switch-button .onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  color: white;
  text-align: right;
}

.switch-button .onoffswitch-switch {
  background: #13a4de;
  border-radius: 50%;
  display: block;
  width: 30px;
  margin: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  background: #13a4de;
  right: 0px;
}

.switch-button input[type="checkbox"] + label span {
  background-image: none;
  width: 30px;
  height: 30px;
  margin: 5px 5px 3px 5px;
}

.switch-button .options-label {
  color: #414042;
  margin: 10px 10px 0;
}

.switch-button.disabled .onoffswitch-switch, .switch-button.disabled .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  background: #949494;
}

.switch-button.disabled .onoffswitch-label {
  border: none;
  background: white;
  cursor: not-allowed;
}

.switch-button.disabled .options-label {
  color: #666666;
}

.switch-button.disabled .onoffswitch-inner, .switch-button.disabled .onoffswitch-switch {
  cursor: not-allowed;
}


/*Fontelo icon naming patch*/

.icon-mobile-1:before{
  content: '\e81f';
}

.icon-wifi-1:before{
  content: '\e889';
}

.icon-phone-1:before{
  content: '\e82d';
}


.icon-play{
  padding-left:4%;
}

/*Remove extra padding on accordion heading*/

.panel-body > h4:first-child, .panel-body > h3:first-child{
  margin-top: 0px;
}

html[data-useragent*="534.30"] #header img.spark-logo.mobile {
  /*width:300px;
  text-align: right;
  float:right;
  position: absolute;
  right: 0;*/
  display: none;
}


html[data-useragent*="534.30"] #header .floating-header-wrap {
  background-image: url(/content/dam/telecomcms/content-images/logos/spark-mobile-logo-white.svg);
  background-repeat: no-repeat;
  background-position: right;
  /*background-size: 90px 50px*/;
}


/*Ticker tape patch (block heading)*/

@-moz-document url-prefix() {
  html[data-platform*="Win32"] h1.block:not(.evolution) span, html[data-platform*="Win32"] h1.block:not(.evolution) .block-link, html[data-platform*="Win32"] h2.block:not(.evolution) span, html[data-platform*="Win32"] h2.block:not(.evolution) .block-link, html[data-platform*="Win32"] h3.block:not(.evolution) span, html[data-platform*="Win32"] h3.block:not(.evolution) .block-link, h4.block:not(.evolution) span, html[data-platform*="Win32"] h4.block:not(.evolution) .block-link {
  left: 0.3em !important;
    padding-left: 0 !important;
  } 
  
  html[data-platform*="Win32"] .block .block-link{
            box-shadow: none ;
            margin-left: 0em;
            white-space: pre;
    }
  
  html[data-platform*="Win32"] .content-block-header .block span {
    box-shadow: 0.25em 0 0 white, -0.25em 0 0 white;
  }
  
  html[data-platform*="Win32"] .blue.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #13a4de, -0.25em 0 0 #13a4de ;
  }

  html[data-platform*="Win32"] .purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #4f438a, -0.25em 0 0 #4f438a ;
  }

  html[data-platform*="Win32"] .pink.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #e1058c, -0.25em 0 0 #e1058c ;
  }

  html[data-platform*="Win32"] .orange.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f99f1c, -0.25em 0 0 #f99f1c ;
  }

  html[data-platform*="Win32"] .green.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #00af62, -0.25em 0 0 #00af62;
  }

  html[data-platform*="Win32"] .yellow.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #fff200, -0.25em 0 0 #fff200;
  }

  html[data-platform*="Win32"] .red.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #e34945, -0.25em 0 0 #e34945;
  }

  html[data-platform*="Win32"] .light-purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #7f559c, -0.25em 0 0 #7f559c ;
  }

  html[data-platform*="Win32"] .light-pink.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f37eb2, -0.25em 0 0 #f37eb2 ;
  }

  html[data-platform*="Win32"] .light-orange.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f8a531, -0.25em 0 0 #f8a531 ;
  }

  html[data-platform*="Win32"] .light-green.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #92c56e, -0.25em 0 0 #92c56e ;
  }

  html[data-platform*="Win32"] .light-yellow.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #fdcb31, -0.25em 0 0 #fdcb31 ;
  }

  html[data-platform*="Win32"] .light-red.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #ff5d5d, -0.25em 0 0 #ff5d5d ;
  }

  html[data-platform*="Win32"] .mid-purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #604494, -0.25em 0 0 #604494 ;
  }

  html[data-platform*="Win32"] .block .block-link {
    box-shadow: 0.25em 0 0 #13a4de , -0.25em 0 0 #13a4de !important ;
  }
}


.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.padding-top-0 {
  padding-top: 0px;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.margin-top-0 {
  margin-top: 0px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}



/*fix quick link icon alignment on iPhone 5*/

@media screen and (max-width: 639px) {
  .ico-quick-links a.ico-card {
     height:150px;
  }
}


/*fix stray margin on tablet view when column control is used*/

@media screen and (min-width: 640px) and (max-width: 939px) {
  .container-fluid .row .row {
    margin: 0 -10px;
  }
}


/*Fix global fontello alignment*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-top: 0.02em;
  margin-left: 0.00em;
  margin-right: 0;
}


/*Fix ie extra height on header search bar*/

#header .primary .search .input-append{
  height:40px;
}


/*Tab icon hover colour*/

.nav-tabs.nav-justified li a:hover i.circled {
    background: none repeat scroll 0 0 #13a4de;
    border-color: #13a4de;
    color: white;
}


/* bootstrap hack:fix content width inside hidden tabs */
.tab-content > .tab-pane:not(.active) {
  display: block;
  height: 0;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
} /* bootstrap hack end */


/*Tab on mobile to go full max-width*/


@media screen and (max-width: 639px) { 
  .nav-tabs.nav-justified {
    display: table;
  }
}

@media screen and (min-width: 940px) { 
  .carousel.hero.slick-slider:before, .carousel.hero.slick-slider:after {
    content: " ";
      display: table;
      clear: both;
  }
}


.price-card .inner-card .service-info > p{
  font-family: AvenirNextLTPro-Demi ;
}


/*Remove inappropriate text transform on price detail on price card*/

.price-card .inner-card .price-card-details {
  text-transform: none;
}
.carousel.device .device-carousel-card p {
  text-transform: none;
}


/*Fix accordion miss aligned triangle*/

.panel-heading .panel-toggle:before{
  top:0px;
}

/*Fix a link with class button, text has to remain white*/

a.button:hover, a.button:focus, a.btn:hover, a.btn:focus{
  color: white;
}


/*// spacing adjustment for shop flyout (megamenu)*/

#header .primary .products > li {
    margin: 28px 0 8px;
}

#header .primary .products .circle {
    margin: 0 10px 0 28px;
}

.ico-content-card .ico-card-txt .ico-center, .ico-quick-links .ico-card-txt .ico-center {
  display: inline-block;
  min-width: 116px;
  max-width: 204px;
}

.spark-business .pink.block span {
  background: #00af62 !important;
}

.spark-business .pink.block .block-link {
  background: #13a4de !important;
}

html[data-platform*="Win32"] .spark-business .pink.block span {
    box-shadow: 0.25em 0px 0px #00af62, -0.25em 0px 0px #00af62;
}


html[data-platform*="Win32"] .spark-business .pink.block .block-link {
    box-shadow: 0.25em 0px 0px #13a4de, -0.25em 0px 0px #13a4de;
}

#header .divisions ul li a:hover {
    color: #13a4de;
    text-decoration: none;
    border-bottom: 0;
}

/* highlight background colour of <a> hover state */

a.highlight {
  background: #f8f8f8;
  padding: 2px 5px;
}
a.highlight:hover {
  background: white;
  text-decoration: none;
}

/*
a.highlight {
  padding: 0 2px;
}
a.highlight-large {
  padding: 2px 5px;
}
a.highlight:hover {
  background-color: white;
  text-decoration: none;
}
*/


/*this is to fix purple colour and odd letter spacing on ul and ol elements*/

body {
  color: #414042;
}

ol li, ul li {
  letter-spacing: -0.2px;
}



/*Fix issue with icon conent alignment, when paragraph text is not supplied*/


/*@media screen and (min-width: 940px) {
    .ico-content-card .ico-card-txt .ico-center h3:after, .ico-quick-links .ico-card-txt .ico-center h3:after {
    content: " ";
    display: block;
    width: 330px;
    height: 10px;
    visibility: hidden;
  }

  .ico-content-card.small-form .ico-card-txt .ico-center h3:after, .ico-quick-links.small-form .ico-card-txt .ico-center h3:after {
    width: auto;
  }
}*/




/*Fix overflowing header on 3rd level nav */


@media screen and (min-width: 940px) {
  #header .secondary > ul > .wrap > li.active > ul {
      right: 0;
  }

  #header .secondary > ul > .wrap > li > ul {
      padding: 0;
      right: 0;
  }

  #header .secondary > ul > .wrap > li:hover > ul {
      right: 0;
  }


  .secondary.expanded.show:after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 34px;
    bottom: 0px;
    left: 0;
    background: #0088cc;
  }

  @-moz-document url-prefix() {
        .secondary.expanded.show:after {
            height: 35px;
      bottom: -1px;
        }
    }

}


/*Fixes line heigh on top right hand external links*/
#header .divisions ul li a {
  line-height: 16px;
}

/* Tickertape IE pre fixes*/

html[data-useragent*="rv:11.0"] h1.block .block-link, html[data-useragent*="rv:11.0"] h2.block .block-link, html[data-useragent*="rv:11.0"] h3.block .block-link, html[data-useragent*="rv:11.0"] h4.block .block-link {
  white-space: pre;
  box-shadow: none !important;
}

html[data-useragent*="rv:11.0"] h1.block span, html[data-useragent*="rv:11.0"] h1.block .block-link, html[data-useragent*="rv:11.0"] h2.block span, html[data-useragent*="rv:11.0"] h2.block .block-link, html[data-useragent*="rv:11.0"] h3.block span, html[data-useragent*="rv:11.0"] h3.block .block-link, html[data-useragent*="rv:11.0"] h4.block span, html[data-useragent*="rv:11.0"] h4.block .block-link {
  margin-left: 0;
  margin-right: 0.6em;
}

html[data-useragent*="MSIE"] h1.block .block-link, html[data-useragent*="MSIE"] h2.block .block-link, html[data-useragent*="MSIE"] h3.block .block-link, html[data-useragent*="MSIE"] h4.block .block-link {
  white-space: pre;
  box-shadow: none !important;
}

html[data-useragent*="MSIE"] h1.block span, html[data-useragent*="MSIE"] h1.block .block-link, html[data-useragent*="MSIE"] h2.block span, html[data-useragent*="MSIE"] h2.block .block-link, html[data-useragent*="MSIE"] h3.block span, html[data-useragent*="MSIE"] h3.block .block-link, html[data-useragent*="MSIE"] h4.block span, html[data-useragent*="MSIE"] h4.block .block-link {
  margin-left: 0;
  margin-right: 0.6em;
}

html[data-useragent*="MSIE"] .green.block span, html[data-useragent*="rv:11.0"] .green.block span{
  box-shadow: 0.25em 0 0 #00af62, -0.25em 0 0 #00af62 \9;
}


html[data-useragent*="MSIE"] .small-form h1.block span, 
html[data-useragent*="MSIE"] .small-form h1.block .block-link, 
html[data-useragent*="MSIE"] .small-form h2.block span, 
html[data-useragent*="MSIE"] .small-form h2.block .block-link {
    padding: 2px 8px 1px 0;
}

html[data-useragent*="rv:11.0"] .small-form h1.block span, 
html[data-useragent*="rv:11.0"] .small-form h1.block .block-link, 
html[data-useragent*="rv:11.0"] .small-form h2.block span, 
html[data-useragent*="rv:11.0"] .small-form h2.block .block-link {
    padding: 2px 8px 1px 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .block.pink span, .block.purple span, .block.orange span, .block.green span {
     box-shadow: none; 
  }
   h2.block.green span {
     box-shadow: none !important; 
  }

  h2.block span.reverse
  {
     margin-left: -6px !important;
  }
  h2.block span.mega
  {
     margin-left: -11px !important;
  }
}



/*Responsive Table fix */

@media (max-width: 639px) {

    .table-card .table td {
        padding:0
    }

    .table-card .table td:before {
        width: 40vw;
    }
    

    .table-card .table td:before,.table-card .table td .table-content {
        display:table-cell;
    }
    

    .table-card .table td .table-content {
        padding:10px;
    }
}


/* Target IE9 Responsive Table bug, specifically with Modernizr's textshadow class */

    html.no-textshadow table {
        width:100% !important;
        /*min-width: 280px !important;*/
    }

    html.no-textshadow table tr.desktop-header {
        display:block !important;
        height:50px !important;
        background: white !important;
    }

    html.no-textshadow table tr.desktop-header th {
        display:block !important;
        height:50px !important;
        background: white !important;
    }

    html.no-textshadow table, html.no-textshadow thead, html.no-textshadow tbody, html.no-textshadow th, html.no-textshadow td, html.no-textshadow tr {
        display: block;
        width:auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float:none;
        clear:both;
    }

    html.no-textshadow td {
        background: #f8f8f8 !important;
    }

    html.no-textshadow td::before {
        width:0px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    @media screen and (max-width: 639px) {
        html.no-textshadow table {
            width:100% !important;
            min-width: auto !important;
        }
        html.no-textshadow table tr.desktop-header {
            display:none !important;
        }

        html.no-textshadow table tr.desktop-header th {
            display:none !important;
        }
        html.no-textshadow table, html.no-textshadow thead, html.no-textshadow tbody, html.no-textshadow th, html.no-textshadow td, html.no-textshadow tr {
            display: block;
            width:100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float:left;
            clear:left;
        }
        html.no-textshadow td::before {
            width: 8.5em !important;
            margin: -8px 8px -8px -8px !important;
            padding: 8px !important;
            overflow:visible !important;
        } 
    }


/* Background image size fix to support Retina screen */
  .hero-card .inner-card{
    background-size: cover !important;
  }

/* Pre fix of tab nav 1px issue on mobile view */
@media only screen and (max-width: 639px) {
  .nav-tabs:before, .nav-tabs:after {
    display: none;
  }
}
/*NAV fix for IPAD "shop" dropdown*/
 .primary .primary-wrap {
    position: relative;
    /*background-color: #CCC;*/
}
.primary .primary-wrap li {
/*    list-style-type: none;
    width: 10%;
    
    display: inline-block;*/
}

.primary .primary-wrap li ul {
   /* position: absolute;
    background-color: #CCC;*/
    display: none;
}

.primary .primary-wrap li:hover ul {
    display: block;
}

/* MAKE THE NAV LINKS NOT CLICKABLE */
/*.primary .primary-wrap li:first-child a {
   pointer-events: none;
}*/


/* IPAD EXCEPTION -LANDSCAPE- (CLICKABLE TO ALLOW DROP DOWN TO OCCUR) */
 /* .primary .primary-wrap li:first-child a:hover {
    cursor: pointer;
  } 

  html.touch .primary .primary-wrap li:first-child a {
    pointer-events: none;
    cursor: pointer;
  }

  html.touch .primary .primary-wrap .products a {
    pointer-events: auto !important;
  }*/
  
  .shop-nav-link {
    /*color: #e7f6fc;
    font-size: 18px;*/
    margin-top: -44px;
   /* text-transform: uppercase;
    padding: 8px 20px 4px 20px;
    text-decoration: none;*/
  }
  a.shop-nav-link:hover {
    cursor: pointer;
  }


/* prefix icon colour from light drey to dark grey */
i.circled {
  color: #666666;
  border-color: #666666;
}


/* icon thanks prefix */
/*

.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-grey.svg');
  height:auto;
}

a i.circled.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-blue.svg');
}

a:hover i.circled.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-white.svg');
}

.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-grey.svg');
/*  width:48px;
  height:auto;
}

.icon-thanks.s110:before{
  width:48px;
}
.icon-thanks.s80:before{
  width:34px;
}

@media (max-width: 639px) {

  .icon-thanks:before{
    width:34px !important;
  }

}*/
/* This is responsive add-on CSS */

/*Switch button style addon*/

.switch-button .onoffswitch {
  position: relative;
  width: 68px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.switch-button .onoffswitch-checkbox {
  display: none;
}

.switch-button .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #13a4de;
  border-radius: 20px;
}

.switch-button .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.switch-button .onoffswitch-inner:before, .switch-button .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  padding: 0;
  font-size: 14px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.switch-button .onoffswitch-inner:before {
  content: "";
  padding-left: 10px;
  color: white;
}

.switch-button .onoffswitch-inner:after {
  content: "";
  padding-right: 10px;
  color: white;
  text-align: right;
}

.switch-button .onoffswitch-switch {
  background: #13a4de;
  border-radius: 50%;
  display: block;
  width: 30px;
  margin: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.switch-button .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  background: #13a4de;
  right: 0px;
}

.switch-button input[type="checkbox"] + label span {
  background-image: none;
  width: 30px;
  height: 30px;
  margin: 5px 5px 3px 5px;
}

.switch-button .options-label {
  color: #414042;
  margin: 10px 10px 0;
}

.switch-button.disabled .onoffswitch-switch, .switch-button.disabled .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  background: #949494;
}

.switch-button.disabled .onoffswitch-label {
  border: none;
  background: white;
  cursor: not-allowed;
}

.switch-button.disabled .options-label {
  color: #666666;
}

.switch-button.disabled .onoffswitch-inner, .switch-button.disabled .onoffswitch-switch {
  cursor: not-allowed;
}


/*Fontelo icon naming patch*/

.icon-mobile-1:before{
  content: '\e81f';
}

.icon-wifi-1:before{
  content: '\e889';
}

.icon-phone-1:before{
  content: '\e82d';
}


.icon-play{
  padding-left:4%;
}

/*Remove extra padding on accordion heading*/

.panel-body > h4:first-child, .panel-body > h3:first-child{
  margin-top: 0px;
}

html[data-useragent*="534.30"] #header img.spark-logo.mobile {
  /*width:300px;
  text-align: right;
  float:right;
  position: absolute;
  right: 0;*/
  display: none;
}


html[data-useragent*="534.30"] #header .floating-header-wrap {
  background-image: url(/content/dam/telecomcms/content-images/logos/spark-mobile-logo-white.svg);
  background-repeat: no-repeat;
  background-position: right;
  /*background-size: 90px 50px*/;
}


/*Ticker tape patch (block heading)*/

@-moz-document url-prefix() {
  html[data-platform*="Win32"] h1.block:not(.evolution) span, html[data-platform*="Win32"] h1.block:not(.evolution) .block-link, html[data-platform*="Win32"] h2.block:not(.evolution) span, html[data-platform*="Win32"] h2.block:not(.evolution) .block-link, html[data-platform*="Win32"] h3.block:not(.evolution) span, html[data-platform*="Win32"] h3.block:not(.evolution) .block-link, h4.block:not(.evolution) span, html[data-platform*="Win32"] h4.block:not(.evolution) .block-link {
  left: 0.3em !important;
    padding-left: 0 !important;
  } 
  
  html[data-platform*="Win32"] .block .block-link{
            box-shadow: none ;
            margin-left: 0em;
            white-space: pre;
    }
  
  html[data-platform*="Win32"] .content-block-header .block span {
    box-shadow: 0.25em 0 0 white, -0.25em 0 0 white;
  }
  
  html[data-platform*="Win32"] .blue.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #13a4de, -0.25em 0 0 #13a4de ;
  }

  html[data-platform*="Win32"] .purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #4f438a, -0.25em 0 0 #4f438a ;
  }

  html[data-platform*="Win32"] .pink.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #e1058c, -0.25em 0 0 #e1058c ;
  }

  html[data-platform*="Win32"] .orange.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f99f1c, -0.25em 0 0 #f99f1c ;
  }

  html[data-platform*="Win32"] .green.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #00af62, -0.25em 0 0 #00af62;
  }

  html[data-platform*="Win32"] .yellow.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #fff200, -0.25em 0 0 #fff200;
  }

  html[data-platform*="Win32"] .red.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #e34945, -0.25em 0 0 #e34945;
  }

  html[data-platform*="Win32"] .light-purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #7f559c, -0.25em 0 0 #7f559c ;
  }

  html[data-platform*="Win32"] .light-pink.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f37eb2, -0.25em 0 0 #f37eb2 ;
  }

  html[data-platform*="Win32"] .light-orange.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #f8a531, -0.25em 0 0 #f8a531 ;
  }

  html[data-platform*="Win32"] .light-green.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #92c56e, -0.25em 0 0 #92c56e ;
  }

  html[data-platform*="Win32"] .light-yellow.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #fdcb31, -0.25em 0 0 #fdcb31 ;
  }

  html[data-platform*="Win32"] .light-red.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #ff5d5d, -0.25em 0 0 #ff5d5d ;
  }

  html[data-platform*="Win32"] .mid-purple.block:not(.evolution) span {
    box-shadow: 0.25em 0 0 #604494, -0.25em 0 0 #604494 ;
  }

  html[data-platform*="Win32"] .block:not(.evolution) .block-link {
    box-shadow: 0.25em 0 0 #13a4de , -0.25em 0 0 #13a4de !important ;
  }
}


.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-left-5 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}



/*fix quick link icon alignment on iPhone 5*/

@media screen and (max-width: 639px) {
  .ico-quick-links a.ico-card {
     height:150px;
  }
}


/*fix stray margin on tablet view when column control is used*/

@media screen and (min-width: 640px) and (max-width: 939px) {
  .container-fluid .row .row {
    margin: 0 -10px;
  }
}


/*Fix global fontello alignment*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-top: 0.02em;
  margin-left: 0.00em;
  margin-right: 0;
}


/*Fix ie extra height on header search bar*/

#header .primary .search .input-append{
  height:40px;
}


/*Tab icon hover colour*/

.nav-tabs.nav-justified li a:hover i.circled {
    background: none repeat scroll 0 0 #13a4de;
    border-color: #13a4de;
    color: white;
}


/* bootstrap hack:fix content width inside hidden tabs */
.tab-content > .tab-pane:not(.active) {
  display: block;
  height: 0;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
} /* bootstrap hack end */


/*Tab on mobile to go full max-width*/


@media screen and (max-width: 639px) { 
  .nav-tabs.nav-justified {
    display: table;
  }
}

@media screen and (min-width: 940px) { 
  .carousel.hero.slick-slider:before, .carousel.hero.slick-slider:after {
    content: " ";
      display: table;
      clear: both;
  }
}


.price-card .inner-card .service-info > p{
  font-family: AvenirNextLTPro-Demi ;
}


/*Remove inappropriate text transform on price detail on price card*/

.price-card .inner-card .price-card-details {
  text-transform: none;
}
.carousel.device .device-carousel-card p {
  text-transform: none;
}


/*Fix accordion miss aligned triangle*/

.panel-heading .panel-toggle:before{
  top:0px;
}

/*Fix a link with class button, text has to remain white*/

a.button:hover, a.button:focus, a.btn:hover, a.btn:focus{
  color: white;
}


/*// spacing adjustment for shop flyout (megamenu)*/

#header .primary .products > li {
    margin: 28px 0 8px;
}

#header .primary .products .circle {
    margin: 0 10px 0 28px;
}

.ico-content-card .ico-card-txt .ico-center, .ico-quick-links .ico-card-txt .ico-center {
  display: inline-block;
  min-width: 116px;
  max-width: 204px;
}

.spark-business .pink.block span {
  background: #00af62 !important;
}

.spark-business .pink.block .block-link {
  background: #13a4de !important;
}

html[data-platform*="Win32"] .spark-business .pink.block span {
    box-shadow: 0.25em 0px 0px #00af62, -0.25em 0px 0px #00af62;
}


html[data-platform*="Win32"] .spark-business .pink.block .block-link {
    box-shadow: 0.25em 0px 0px #13a4de, -0.25em 0px 0px #13a4de;
}

#header .divisions ul li a:hover {
    color: #13a4de;
    text-decoration: none;
    border-bottom: 0;
}


/*this is to fix purple colour and odd letter spacing on ul and ol elements*/

body {
  color: #414042;
}

ol li, ul li {
  letter-spacing: -0.2px;
}



/*Fix issue with icon conent alignment, when paragraph text is not supplied*/


/*@media screen and (min-width: 940px) {
    .ico-content-card .ico-card-txt .ico-center h3:after, .ico-quick-links .ico-card-txt .ico-center h3:after {
    content: " ";
    display: block;
    width: 330px;
    height: 10px;
    visibility: hidden;
  }

  .ico-content-card.small-form .ico-card-txt .ico-center h3:after, .ico-quick-links.small-form .ico-card-txt .ico-center h3:after {
    width: auto;
  }
}*/




/*Fix overflowing header on 3rd level nav */


@media screen and (min-width: 940px) {
  #header .secondary > ul > .wrap > li.active > ul {
      right: 0;
  }

  #header .secondary > ul > .wrap > li > ul {
      padding: 0;
      right: 0;
  }

  #header .secondary > ul > .wrap > li:hover > ul {
      right: 0;
  }


  .secondary.expanded.show:after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 34px;
    bottom: 0px;
    left: 0;
    background: #0088cc;
  }

  @-moz-document url-prefix() {
        .secondary.expanded.show:after {
            height: 35px;
      bottom: -1px;
        }
    }

}


/*Fixes line heigh on top right hand external links*/
#header .divisions ul li a {
  line-height: 16px;
}

/* Tickertape IE pre fixes*/

html[data-useragent*="rv:11.0"] h1.block .block-link, html[data-useragent*="rv:11.0"] h2.block .block-link, html[data-useragent*="rv:11.0"] h3.block .block-link, html[data-useragent*="rv:11.0"] h4.block .block-link {
  white-space: pre;
  box-shadow: none !important;
}

html[data-useragent*="rv:11.0"] h1.block span, html[data-useragent*="rv:11.0"] h1.block .block-link, html[data-useragent*="rv:11.0"] h2.block span, html[data-useragent*="rv:11.0"] h2.block .block-link, html[data-useragent*="rv:11.0"] h3.block span, html[data-useragent*="rv:11.0"] h3.block .block-link, html[data-useragent*="rv:11.0"] h4.block span, html[data-useragent*="rv:11.0"] h4.block .block-link {
  margin-left: 0;
  margin-right: 0.6em;
}

html[data-useragent*="MSIE"] h1.block .block-link, html[data-useragent*="MSIE"] h2.block .block-link, html[data-useragent*="MSIE"] h3.block .block-link, html[data-useragent*="MSIE"] h4.block .block-link {
  white-space: pre;
  box-shadow: none !important;
}

html[data-useragent*="MSIE"] h1.block span, html[data-useragent*="MSIE"] h1.block .block-link, html[data-useragent*="MSIE"] h2.block span, html[data-useragent*="MSIE"] h2.block .block-link, html[data-useragent*="MSIE"] h3.block span, html[data-useragent*="MSIE"] h3.block .block-link, html[data-useragent*="MSIE"] h4.block span, html[data-useragent*="MSIE"] h4.block .block-link {
  margin-left: 0;
  margin-right: 0.6em;
}

html[data-useragent*="MSIE"] .green.block span, html[data-useragent*="rv:11.0"] .green.block span{
  box-shadow: 0.25em 0 0 #00af62, -0.25em 0 0 #00af62 \9;
}


html[data-useragent*="MSIE"] .small-form h1.block span, 
html[data-useragent*="MSIE"] .small-form h1.block .block-link, 
html[data-useragent*="MSIE"] .small-form h2.block span, 
html[data-useragent*="MSIE"] .small-form h2.block .block-link {
    padding: 2px 8px 1px 0;
}

html[data-useragent*="rv:11.0"] .small-form h1.block span, 
html[data-useragent*="rv:11.0"] .small-form h1.block .block-link, 
html[data-useragent*="rv:11.0"] .small-form h2.block span, 
html[data-useragent*="rv:11.0"] .small-form h2.block .block-link {
    padding: 2px 8px 1px 0;
}


/* Target IE9 Responsive Table bug, specifically with Modernizr's textshadow class */

    html.no-textshadow table {
        width:100% !important;
        /*min-width: 280px !important;*/
    }

    html.no-textshadow table tr.desktop-header {
        display:block !important;
        height:50px !important;
        background: white !important;
    }

    html.no-textshadow table tr.desktop-header th {
        display:block !important;
        height:50px !important;
        background: white !important;
    }

    html.no-textshadow table, html.no-textshadow thead, html.no-textshadow tbody, html.no-textshadow th, html.no-textshadow td, html.no-textshadow tr {
        display: block;
        width:auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float:none;
        clear:both;
    }

    html.no-textshadow td {
        background: #f8f8f8 !important;
    }

    html.no-textshadow td::before {
        width:0px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    @media screen and (max-width: 639px) {
        html.no-textshadow table {
            width:100% !important;
            min-width: auto !important;
        }
        html.no-textshadow table tr.desktop-header {
            display:none !important;
        }

        html.no-textshadow table tr.desktop-header th {
            display:none !important;
        }
        html.no-textshadow table, html.no-textshadow thead, html.no-textshadow tbody, html.no-textshadow th, html.no-textshadow td, html.no-textshadow tr {
            display: block;
            width:100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float:left;
            clear:left;
        }
        html.no-textshadow td::before {
            width: 8.5em !important;
            margin: -8px 8px -8px -8px !important;
            padding: 8px !important;
            overflow:visible !important;
        } 
    }


/* Background image size fix to support Retina screen */
  .hero-card .inner-card{
    background-size: cover !important;
  }

/* Pre fix of tab nav 1px issue on mobile view */
@media only screen and (max-width: 639px) {
  .nav-tabs:before, .nav-tabs:after {
    display: none;
  }
}
/*NAV fix for IPAD "shop" dropdown*/
 .primary .primary-wrap {
    position: relative;
    /*background-color: #CCC;*/
}
.primary .primary-wrap li {
/*    list-style-type: none;
    width: 10%;
    
    display: inline-block;*/
}

.primary .primary-wrap li ul {
   /* position: absolute;
    background-color: #CCC;*/
    display: none;
}

.primary .primary-wrap li:hover ul {
    display: block;
}

/* MAKE THE NAV LINKS NOT CLICKABLE */
/*.primary .primary-wrap li:first-child a {
   pointer-events: none;
}*/


/* IPAD EXCEPTION -LANDSCAPE- (CLICKABLE TO ALLOW DROP DOWN TO OCCUR) */
 /* .primary .primary-wrap li:first-child a:hover {
    cursor: pointer;
  } 

  html.touch .primary .primary-wrap li:first-child a {
    pointer-events: none;
    cursor: pointer;
  }

  html.touch .primary .primary-wrap .products a {
    pointer-events: auto !important;
  }*/
  
  .shop-nav-link {
    /*color: #e7f6fc;
    font-size: 18px;*/
    margin-top: -44px;
   /* text-transform: uppercase;
    padding: 8px 20px 4px 20px;
    text-decoration: none;*/
  }
  a.shop-nav-link:hover {
    cursor: pointer;
  }


/* prefix icon colour from light drey to dark grey */
i.circled {
  color: #666666;
  border-color: #666666;
}


/* icon thanks prefix 

.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-grey.svg');
  height:auto;
}

a i.circled.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-blue.svg');
}

a:hover i.circled.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-white.svg');
}

.icon-thanks:before{
  content:url('/content/dam/telecomcms/responsive/icons/thanks-icon-grey.svg');
/*  width:48px;
  height:auto;
}

.icon-thanks.s110:before{
  width:48px;
}
.icon-thanks.s80:before{
  width:34px;
}

@media (max-width: 639px) {

  .icon-thanks:before{
    width:34px !important;
  }

}


/*price card <sup> prefix*/

.service-price .number {
  position: relative;
}
.service-price .number sup {
  font-size: 22px;
  position: absolute;
  top: 16px;
  letter-spacing: 0px;
  margin-left: 5px;
}

.product-card-row {
  border-bottom: 1px solid #babcbe;
}
.product-card .cb-image img {
  max-height: 360px;
}
.product-card.single {
  box-shadow: none;
}
.product-card.single > .image-con {
  float: right;
}
.product-card.single .cb-image {
  padding: 20px 0;
  text-align: center;
}
.product-card.single .cb-image img {
  max-width: 100%;
}
@media screen and (max-width: 639px) {
  .product-card-row {
    border-bottom: none;
  }
  .product-card .inner-wrapper {
    padding: 0 20px;
    margin: 30px 0 0;
    text-align: center;
  }
  .product-card .cb-image img {
    max-height: 220px;
  }
  .product-card.single .inner-wrapper {
    margin-top: 0;
  }
  .product-card.single .cb-image {
    text-align: center;
  }
  .product-card.single .image-con {
    float: none;
  }
  .product-card.single .cb-image {
    padding: 0;
  }
  .product-card.single .cb-image img {
    max-width: none;
  }
  .spark-business .content-block-header {
    border-bottom: 16px solid #008649;
  }
}
@media only screen and (max-width: 639px) {
  .card .inner-card h2.underlined {
    border-bottom: 1px solid #babcbe; 
    margin-bottom: 16px;
  }

}
@media screen and (max-width: 940px) {
  .ico-content-card a.ico-card:hover .ico-card-txt h3 {
      color: #414042 !important;
  }
  .spark-business .content-block-header {
    margin-bottom: 20px;
  }
}


/*iamge icon prefix*/
.ico-card-img .icon-eg.s110 {
   width: 110px;
   height: 110px;
} 

.ico-card-img .icon-eg {
   border: 2px solid #666666;
}
.half-size {
   width: 110px;
   height: auto;
} 

input[type="checkbox"] + label span
{
  height: 33px;
}

.form-control {
  border-radius: 0;
}

.carousel.device.price .service-info .service-price .number  {
    font-size: 92px;
}

.white-background-tag {
  background-color: #f8f8f8;
  padding: 2px 6px;
}
li.active a {
  outline: none;
}


/*svg icon frefix*/
i.svg-icon.circled.s110, i.svg-icon.circled.s80 {
    font-size: inherit;
    display: inline-block;
}

i.svg-icon.circled.s110 {
  padding-top: 0;
}
/*i.svg-icon .injected-svg {
  display: table-cell;
  vertical-align: middle;
}*/
/*firefox hotfix*/
/*@-moz-document url-prefix() { 
  i.svg-icon .injected-svg {
    display: inline-block;
  }
  i.svg-icon.circled.s110, i.svg-icon.circled.s80 {
    line-height: -moz-block-height;
    vertical-align: middle;
  }
}*/

/*Additional padding on H1 copy block*/
h1.copy-block {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-top: 10px;
    text-transform: none;
}


/*block title IE fix*/
html[data-useragent*='rv:11.0'] h1.block span, html[data-useragent*='rv:11.0'] h1.block .block-link, html[data-useragent*='rv:11.0'] h2.block span, html[data-useragent*='rv:11.0'] h2.block .block-link, html[data-useragent*='rv:11.0'] h3.block span, html[data-useragent*='rv:11.0'] h3.block .block-link, html[data-useragent*='rv:11.0'] h4.block span, html[data-useragent*='rv:11.0'] h4.block .block-link {
    margin-right: 0.3em !important;
}

/*.block.pink span.reverse {
    box-shadow: 0.25em 0px 0px #ffffff, -0.25em 0px 0px #ffffff !important
}

.block.green span.reverse {
    box-shadow: 0.25em 0px 0px #ffffff, -0.25em 0px 0px #ffffff !important
}*/

/*Fix for ticker tape MEGA border for mobile*/
@media only screen and (max-width: 639px) {

  .block.pink span.reverse {
    box-shadow: inset 0px 0px 0px 2px #e1058c !important;   
  }

  .block.green.block span.border { 
    box-shadow: inset 0px 0px 0px 2px #00af62 !important;
  } 
}

/*110px icon pre-fix*/
i.circled.s110 {
  padding-top: 0;
}

/*new fontello-ie7*/
.icon-no-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe897;&nbsp;'); }
.icon-account-number { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe898;&nbsp;'); }
.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe899;&nbsp;'); }
.icon-mobile-usage { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89a;&nbsp;'); }
.icon-mobile-change-plan { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89b;&nbsp;'); }
.icon-lightbox { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89c;&nbsp;'); }
.icon-disco-ball { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89d;&nbsp;'); }
.icon-thanks-atm { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89e;&nbsp;'); }
.icon-mailer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89f;&nbsp;'); }
.icon-trade-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a0;&nbsp;'); }
.icon-collect { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a1;&nbsp;'); }
.icon-account-balance { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a2;&nbsp;'); }
.icon-deposit { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a1;&nbsp;'); }
.icon-data-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a2;&nbsp;'); }
.icon-summer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a3;&nbsp;'); }
.icon-mobile-wifi { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a4;&nbsp;'); }
.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a5;&nbsp;'); }

/*new fontello icon content*/
.icon-no-phone:before { content: '\e897'; } /* '' */
.icon-account-number:before { content: '\e898'; } /* '' */
.icon-cancel:before { content: '\e899'; } /* '' */
.icon-mobile-usage:before { content: '\e89a'; } /* '' */
.icon-mobile-change-plan:before { content: '\e89b'; } /* '' */
.icon-lightbox:before { content: '\e89c'; } /* '' */
.icon-disco-ball:before { content: '\e89d'; } /* '' */
.icon-thanks-atm:before { content: '\e89e'; } /* '' */
.icon-mailer:before { content: '\e89f'; } /* '' */
.icon-trade-up:before { content: '\e8a0'; } /* '' */
.icon-collect:before { content: '\e8a1'; } /* '' */
.icon-account-balance:before { content: '\e8a2'; } /* '' */
.icon-deposit:before { content: '\e8a1'; } /* '' */
.icon-data-share:before { content: '\e8a2'; } /* '' */
.icon-summer:before { content: '\e8a3'; } /* '' */
.icon-mobile-wifi:before { content: '\e8a4'; } /* '' */
.icon-globe:before { content: '\e8a5'; } /* '' */

/* Safari mobile overflow fix */
.hero-card .fg-image {
  overflow: hidden;
}