/* Top Padding to Centre Blocks */
.desktop .ch-school2 {
	padding-top: 33px !important;
}
.desktop .ch-uni3 {
	padding-top: 61.5px !important;
}
.desktop .ch-parent4 {
	padding-top: 72px !important;
}
.desktop .ch-school1,
.desktop .ch-uni1,
.desktop .ch-uni4,
.desktop .ch-parent1 {
    padding-top: 82.5px !important;
}
.desktop .ch-uni2,
.desktop .ch-parent2,
.desktop .ch-parent3,
.desktop .ch-parent5 {
	padding-top: 93px !important;
}
.desktop .ch-homeBlock1,
.desktop .ch-homeBlock2,
.desktop .ch-homeBlock3 {
	padding-top: 128.5px !important;
}
/*-------------------------------*/
.desktop .pageNavigationDesktop {
	padding-top:0px !important;
}

.desktop .pageNavigationDesktop .span_2_of_12 {
	border-right: 1px solid white !important;
	padding-left: 0px !important;
    margin-left: 10px !important;
	margin-top: 0px !important;
	padding-top:16px !important;
	width: 179px !important;
}

.desktop .pageNavigationDesktop .span_2_of_12:nth-child(5) {
	border-right: 0px solid white !important;
}

.desktop .pageNavigationDesktop .span_2_of_12 a.notes {
	font-size: 18px !important;
    line-height: 14px !important;
}

/* All */
.desktop .product-grid.product-grid-3 .product-merchant { 
	width: 313.3px !important;
}

/* Left */
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(1),
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(4),
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(7){
	margin-left:0px !important;
}

/* Right */
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(3),
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(6),
.desktop div.product-grid.product-grid-3 div.product-merchant:nth-child(9) {
	margin-right:0px !important;
}

/* Be There Background - Header Block */
.desktop .bt-brand-purple-bg-blk {
	background-color:rgba(98, 0, 168, 0.8);
	padding: 30px !important;
	margin-left: 10px !important;
	margin-top: 20px !important;
	margin-bottom: -10px !important;
}

/*.desktop .product-grid .product-merchant {
	width:313.33px !important;
}*/

.desktop .bundleBuyArea .item-pricing .purchase-price {
font-size: 30px !important;
}


.desktop .hide,
.desktop .hidcontent {
	display:none !important;
}
.desktop .bundleBuyArea .cms-component-product-bundle .bundle-description {
	background-color:rgba(255,255,255,0);
}
.desktop .bundleBuyArea .item-pricing {
	padding:0px !important;
	margin:0px !important;
	text-align:left !important;
}
.desktop .overLayTopBlocks {
    position: absolute;
    width: 999px;
    padding-left: 10px;
}

.desktop .overLayBottomBlocks {
	position:absolute;
	width: 999px;
    padding-left: 10px;
	/*top: 857px;*/
	bottom: 10px;
}

.desktop .innerOverLayBlock {
	margin-top:5px;
	background:rgba(255,255,255,0.9);
	padding-left:1px;
	height: 132px;
}
.largeQuadFeat {
position: relative;
}
.desktop .largeQuadFeat .col.span_12_of_12 {
	padding: 0px !important;
	width:100% !important;
	margin: 0px !important;
}
.mobile .innerOverLayBlock .col {
    width: 40% !important;
    padding: 0px;
    margin: 0px;
}
.mobile .largeQuadFeat div div.col.span_4_of_12 {
    padding: 0px !important;
    margin: 0px !important;
}
/******::::::RESETS::::::******/
h1, h2, h3, h4, p {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.artbox a, h1, h2, h3, h4, p, a, a:visited {
    font-weight: normal !important;
}

/******::::::OVERRIDES::::::******/
#middle-col > .article.minisitepage > h1,
.mobile .article.minisitepage > h1:first-child	{
    display: none !important;
}
.desktop .desktopHide,
.mobile .mobileHide {
	display:none !important;
}
/* pageTopper h1 - TYPE SIZES */
@media all and (max-width: 767px)/*and (min-width: 320px)*/ {
  .cms-component.cms-component-content-panel .pageTopper h1.pageTitle {
	font-size: 26px !important;
    line-height: 30px !important;
  }
}
@media all and (max-width: 1099px) and (min-width: 768px) {
  .cms-component.cms-component-content-panel .pageTopper h1.pageTitle {
    font-size: 36px !important;
	  line-height:44px !important;
  }
}
@media all and (min-width: 1200px) {
  .cms-component.cms-component-content-panel .pageTopper h1.pageTitle {
    font-size: 40px !important;
	   line-height:44px !important;
  }
}
/******::::::DESKTOP FIXES::::::******/
.desktop .padMyCTA {
  padding-bottom: 20px !important;
}
.desktop .multiAlt .padMyCTA {
  padding-bottom: 30px !important;
}
.desktop .multiAlt .col {
  padding-top: 20px !important;
}
.desktop .cms-component.cms-component-content-panel .section.group p {
  margin-left: 0px !important;
  padding-left: 0px !important;
	margin-right: 0px !important;
  padding-right: 0px !important;
	margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.desktop .cms-component.cms-component-content-panel .dualInfoBlock h2 {
	margin-bottom:10px !important;
}

/*.desktop #breadcrumb {
    padding: 10px !important;
    padding-top: 0px !important;
    width: 980px;
    margin: 0 auto;
     background-color: #DDD; 
}*/
/*.desktop .cms-component.cms-component-content-panel .sectionTitle .span_12_of_12 {
	margin-bottom:-5px !important;
}*/
	.desktop .cms-component.cms-component-content-panel .padMeLeft {
		padding-left:10px !important;
}
	.desktop .cms-component.cms-component-content-panel .padMeRight {
padding-right:10px !important;
}

.desktop .borderlessImageRight {
    margin: 0 !important;
    padding: 0 !important;
    /* padding-right: 2% !important; */
    width: 510px !important;
    margin-top: -5px !important;
    margin-bottom: -5px !important;
    float: right !important;
}

.desktop .borderlessImageLeft {
    margin: 0 !important;
    padding: 0 !important;
    /* padding-right: 2% !important; */
    width: 510px !important;
    margin-top: -5px !important;
    margin-bottom: -5px !important;
    float: left !important;
}

.desktop .text-45 {
    width: 45.2% !important;
}
.desktop .span2width5 {
    width: 16.72% !important;
}
/******::::::MOBILE FIXES::::::******/
.mobile div#breadcrumb {
    display: none;
}
.mobile .col {
    margin-top: 10px !important;
}

.mobile .verticalAlignMe {
	padding-top:0px !important;
}

.mobile p.printhide,
.mobile .cms-component.cms-component-content-panel #grey-space {
  display: none;
}

.mobile .cms-component.cms-component-content-panel .bt-cta.bt-white-colour,
.mobile .cms-component.cms-component-content-panel .bt-cta.bt-white-colour p {
  color: #FFFFFF !important;
}
.mobile .cms-component.cms-component-content-panel .bt-cta.bt-pink-colour,
.mobile .cms-component.cms-component-content-panel .bt-cta.bt-pink-colour p {
  color: #E60050 !important;
}
.mobile .cms-component.cms-component-content-panel .bt-cta.bt-purple-colour,
.mobile .cms-component.cms-component-content-panel .bt-cta.bt-purple-colour p {
  color: #6400AA !important;
}
.mobile .cms-component.cms-component-content-panel .introMainAlt,
	.mobile .cms-component.cms-component-content-panel .dualInfoBlock {
    background-color: #ffffff !important;
}

.mobile .ctaOnly {
    padding-top: 20px !important;
    text-align: left !important;
}
.mobile .col {
    padding-bottom: 10px !important;
}
.mobile .bt-dark-grey-colour.pageTitle {
	color:#333333 !important;
}
.mobile h2.bt-dark-grey-colour {
color:#333333 !important;
}
/* Mobile Priority */
.mobile .mobileOrder {
    display: flex !important;
    flex-flow: column !important;
}

.mobile .mobilePriority {
    order: 1 !important;
}

.mobile .mobileStandard {
    order: 2 !important;
}

.mobile .mobileReserve {
    order: 3 !important;
}
/******::::::EFFECTS::::::******/
@keyframes heartbeat_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.08); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}
.heartbeat {
	animation-name: heartbeat_animation;
	animation-duration: 2000ms;
	transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.brand img,
.greyscaleEffect {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.brand img:hover,
.greyscaleEffect:hover  {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
/******::::::Addional Backgrounds::::::******/
.off-white-bg {background-color: #f9f9f9;}
/******::::::Extra Fragments::::::******/
.mobile .pageNavigationMobile {
	  /*  width: 100%;*/
		height: 40px;
		padding: 10px;
	/*	margin: 20px 0;*/
	width:90%;
		margin:15px;
}
.pageNavigationFix
	{
		position:fixed;
		z-index:100;
		top: 0;
		left: -10px;
		width:100%;
		margin-top:0px;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
		background-color: rgb(100,0,170);
	}	

.desktop .pageNavigationFix
	{
		max-width:1000px;
		left:auto;
		right-auto;
		
	}

.desktop .pageNavigationDesktop {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	/*padding-top:10px !important;*/
}
.desktop .pageNavigationDesktop .col {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}

.cms-component.cms-component-content-panel .introMainAlt .span_7_of_12 {
	text-align:center;
}
.cms-component.cms-component-content-panel .introMainAlt .span_7_of_12 img {
	max-width:100%;
}

.desktop .cms-component.cms-component-content-panel .how-to-margin {
  margin-top: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.cms-component.cms-component-content-panel #grey-space {
  display: block;
  width: 100%;
  height: 10px;
  background-color: #ddd;
}

.cms-component.cms-component-content-panel .dualInfoBlock img {
  max-width: 100%;
  margin-top:5px;
  margin-bottom:5px;
}
/******::::::USPs::::::******/
.desktop .cms-component.cms-component-content-panel .uspGrid img {
    max-width: 50% !important;
}
.desktop .cms-component.cms-component-content-panel .uspGrid .col {
	text-align:center;
}
/******::::::Jargon Buster::::::******/
.jargonEntry {
        border-bottom: 1px solid #DDDDDD !important;
    padding-bottom: 10px !important;
}
.jargonAnchor {
    max-height: 0px !important;
    height: 0px !important;
    overflow: hidden !important;
	padding:0px !important;
	margin:0px !important;
}

.jargonMenu a {
    font-size: 24px;
    font-family: 'bt-reg';
    font-family: 'bttv-light', Tahoma, Arial, sans-serif;
	  /*  padding-right: 0px !important;*/
	cursor: pointer;
}
.desktop .jargonMenu a {
    padding-right: 19px ;
}
.jargonFilterDisabled{
text-decoration: none !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
	pointer-events: none !important;
	color: #333 !important;
	font-family: 'bttv-light', Tahoma, Arial, sans-serif !important;
	font-weight: normal !important !important;
}
.desktop .cms-component.cms-component-content-panel .bottom-bar-link2 {
    display: inline-block;
    height: 100%;
    text-decoration: none;
    text-align: center;
    width: 32.3px ;
    padding-right: 0px ;
}

.desktop .cms-component.cms-component-content-panel .bottom-bar-link2.active:after,
.desktop .cms-component.cms-component-content-panel .bottom-bar-link2:hover:after {
    content: "";
    height: 5px;
    background-color: #D73281;
    opacity: 1;
    display: block;
}

.desktop .cms-component.cms-component-content-panel .bottom-bar-link2:after {
    content: "";
    height: 5px;
    opacity: 0;
    background-color: #FFFFFF;
    display: block;
}
.mobile select.jargonMenu option[disabled="disabled"] {
    display: none !important;
}
.mobile select.jargonMenu {
    width: 100%;
    min-height: 40px;
    font-size: 15px;
}
/******::::::HOUSE::::::******/
.desktop .sideFilterNav .stage2 {
	padding-top:15px;
}
/* Hidden */
.desktop .roomsSideFilters,
.desktop .hotSpot {
	display:none;
}
.desktop .houseBackgrounds .col {
    padding: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}
/* Welcome Block */
.desktop .mainHouseOverlay {
    position: absolute;
    z-index: 1;
    margin-top: -530px;
    width: 1020px;
}
.desktop .overLayCentre {
    /* padding: 20px;*/
    min-height: 400px;
}
/* Hot Spots */
.desktop .roomHotSpot {
    width: 5px ;
    height: 5px ;
  /*  background: #00aadc ;*/ 
    -moz-border-radius: 50px ;
    -webkit-border-radius: 50px ;
    border-radius: 50px ;
    color: transparent ;
    padding: 20px ;
    position: absolute ;
    text-decoration: none ;
    text-align: center ;
    background-size: 70% ;
    background-repeat: no-repeat ;
    background-position: 50% ;
}
/* Hot Spot Types */
.desktop .heatingHotSpot {
	background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/heating-white-240.png') ;
}
.desktop .lightingHotSpot {
    background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/lighting-white-240.png') ;
}
.desktop .powerHotSpot {
    background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/power-white-240.png') ;
}
.desktop .securityHotSpot {
    background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/security-white-240.png') ;
}
.desktop .enertainmentHotSpot {
	background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/enertainment-white-240.png') ;
}
.desktop .wearablesHotSpot {
    background-image: url('/Images/vendors/PROJECTS/BT-SHOP/SMART-HOME/ICONS/wearables-white-240.png') ;
}
/* ENERTAINMENT */
.hotspot-orange-bg {background-color: #FF9900 !important;}
/* HEATING */
.hotspot-red-bg {background-color: #EB352C !important;}
/* LIGHTING */
.hotspot-yellow-bg {background-color: #FFCC00 !important;}
/* POWER */
.hotspot-green-bg {background-color: #009957 !important;}
/* SECURITY */
.hotspot-turquoise-bg {background-color: #46C4DB !important;}
/* WEARABLES*/
.hotspot-blue-bg {background-color: #004796 !important;}

/* Hot Spot Content */
.desktop .hotSpotContent {
   /* width: 980px !important;*/
	width: 0;
/*	background-color: #00aadc !important;*/
    padding-top: 0px !important;
    height: 600px !important;
	overflow:hidden;
}
.desktop .hotSpotContent .bt-cta {
    width: 80px !important;
    height: 20px !important;
}
.desktop .hotSpotContent .closebtn {
    margin-right: -15px;
}
/* Room Selection Navigation */
.desktop .sideFilterNav {
    height: 550px;
    width: 0;
    position: absolute;
    z-index: 1;
    /* top: 0px; */
    /* left: 0; */
    background-color: #333333;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
    margin-top: -610px;
    margin-left: 0px;
	overflow:hidden;
}
.desktop .sideFilterNav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.desktop .sideFilterNav a:hover,
.desktop .offcanvas a:focus{
    color: #f1f1f1;
}
.desktop .sideFilterNav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .desktop .sideFilterNav {padding-top: 15px;}
  .desktop .sideFilterNav a {font-size: 18px;}
}
.desktop .side-filter {
    position: absolute;
    margin-top: -555px;
    margin-left: 20px;
}
.desktop .side-filter div {
	padding:10px;
}
.desktop .side-filter  div .col {
	width:100% !important;
}
/******::::::Day In Your Life::::::******/
.check {
    border: #222 solid 2px ;
    border-radius: 15px ;
    height: 30px ;
    margin: 10px auto ;
    position: relative ;
    width: 60px ;
}

.checkcaption {
    margin-top: 10px ;
    text-align: center ;
}

.mobile .sideFilterNav.dayInYourLife {
    background-color: #ffffff;
    /* margin-top: -596px ;*/
    height: 150px;
    left: 0;
    margin-left: 12px;
    margin-top: 0px;
    overflow-x: hidden;
    padding-top: 0px;
    position: static;
    top: 0px;
    transition: 0.5s;
    width: 95%;
    z-index: 1;
	overflow:hidden;
}

.mobile div#timeline {
    background-color: #ffffff ;
    /* width: 339px ;*/
    height: 10px ;
    margin-left: 13px ;
    margin-top: -60px ;
    position: absolute ;
    width: 92%;
    z-index: 1400 ;
}

div#timeline .dot {
    border-radius: 50% ;
    cursor: pointer ;
    height: 40px ;
    position: absolute ;
    text-align: center ;
    top: -15px ;
    transition: 0.3s ease-in-out ;
    width: 40px ;
    z-index: 99 ;
}

div#timeline .dot:hover {
    transform: scale(1.2) ;
}

.mobile div#timeline .dot:nth-child(1) {
    background-color: #333333 ;
    left: 5% ;
}

.mobile div#timeline .dot:nth-child(2) {
    background-color: #333333 ;
    left: 23% ;
}

.mobile div#timeline .dot:nth-child(3) {
    background-color: #333333 ;
    left: 43% ;
}

.mobile div#timeline .dot:nth-child(4) {
    background-color: #333333 ;
    left: 63% ;
}

.mobile div#timeline .dot:nth-child(5) {
    background-color: #333333 ;
    left: 83% ;
}

div#timeline .inside {
    background-color: #333333 ;
    height: 6px ;
    left: 0 ;
    position: absolute ;
    top: 2px ;
}

.mobile div#timeline date {
    display: block ;
    font-family: 'bttv-regular', Tahoma, Arial, sans-serif ;
    font-size: 10px ;
    line-height: 12px ;
    position: relative ;
    text-align: center ;
    top: -32px ;
}

div#timeline span {
    background-color: #fff ;
    border-radius: 50% ;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ;
    display: inline-block ;
    height: 36px ;
    margin-top: 2px ;
    position: relative ;
    width: 36px ;
}

.desktop .dayInYourLife .stage2 h2 {
    padding-left: 20px;
}

.desktop .sideFilterNav.dayInYourLife {
    margin-top: -600px;
    width: 246px;
}

.desktop div#timeline {
    background-color: #ffffff ;
    height: 10px ;
    margin-left: 261px;
    margin-top: -60px ;
    position: absolute;
    width: 759px;
    z-index: 1400;
}

.desktop div#timeline .dot:nth-child(1) {
    background-color: #333333;
    left: 17%;
}

.desktop div#timeline .dot:nth-child(2) {
    background-color: #333333;
    left: 34%;
}

.desktop div#timeline .dot:nth-child(3) {
    background-color: #333333;
    left: 51%;
}

.desktop div#timeline .dot:nth-child(4) {
    background-color: #333333;
    left: 68%;
}

.desktop div#timeline .dot:nth-child(5) {
    background-color: #333333;
    left: 85%;
}

.desktop div#timeline date {
    display: block;
    font-family: 'bttv-regular', Tahoma, Arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
    position: relative;
    text-align: center;
    top: -29px;
}
/******::::::Brands::::::******/
.brand img {
    max-width: 100%;
}

/*.brandGallery {
    display: none;
}

*/

.desktop .col.brand {
    margin: 6.8px !important;
}

.secondary-nav-selector .active a:after {
    content: "";
    height: 5px;
    background-color: #D73281 !important;
    display: block;
    opacity: 1 !important;
}


/******::::::Micro-Nav::::::******/
.micro-nav {
  font-size:12px;
}
.micro-nav ul {
    list-style-type: none;
    margin: 0;
  margin-top:5px;
    padding: 0;
    overflow: hidden;
  float: right;
}

.micro-nav li {
    float: left;
}
.micro-nav li {
    border-right: solid 1px #333333;
}
.micro-nav li:last-child {
    border-right: solid 0px #333333;
}
.micro-nav li a,
.micro-nav .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.micro-nav li a:hover,
.micro-nav .dropdown:hover .dropbtn {
    background-color: #999999;
  color:#ffffff !important;
}

.micro-nav li.dropdown {
    display: inline-block;
}

.micro-nav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
 /*   min-width: 127px;*/
   /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 1;
}

.micro-nav .dropdown-content a {
    /*color: black;*/
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.micro-nav .dropdown-content a:hover {
  background-color: #999999;
}

.micro-nav .dropdown:hover .dropdown-content {
    display: block;
}
/******::::::multiAlt::::::******/

.desktop .cms-component.cms-component-content-panel .multiAlt .padMeLeft {
		padding-left:20px !important;
}
.desktop .cms-component.cms-component-content-panel .multiAlt .padMeRight {
padding-right:20px !important;
}

 
.desktop .cms-component-content-panel.cms-component .multiAlt .span_3_of_12 {
	width:19.87% !important; 
}

.desktop .cms-component-content-panel.cms-component .multiAlt .span_4_of_12 {
	width:28.34% !important; 
}

.desktop .cms-component-content-panel.cms-component .multiAlt .span_6_of_12 {
	width:45.27% !important; 
}

/******::::::infoHelperBlock::::::******/

.desktop .infoHelperBlock .ctaOnly {
	text-align:right;
}

.desktop .infoHelperBlock {
	min-height:250px;
}
.mobile .infoHelperBlock h4,
.mobile .infoHelperBlock p {
    color: #ffffff !important;
}

/******::::::Responsive Videos::::::******/
.desktop .videoHeight {
    min-height:/* 527.38px !important;*//*510.38px !important;*/510px !important;
	
}
	
.cms-component.cms-component-content-panel .embed-container {
  position: relative;
 /* padding-bottom: 56.25%;*/
	padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.cms-component.cms-component-content-panel .embed-container iframe,
.cms-component.cms-component-content-panel .embed-container object,
.cms-component.cms-component-content-panel .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*.desktop .videoHeight .col {
min-height: 270px !important;
}*/
.desktop .videoHeight .video {
	padding-top:120px !important;
	padding-right: 0px !important;
}

/******::::::Title & Topper::::::******/
.mobile .main-nav,
.mobile .main {
  position: relative; 
}
.mobile .main-nav {
 
  z-index: 0;
}
.mobile .main-nav-scrolled {
  position: fixed;
  width: 95%;
  top: 0;
}
.mobile .main-nav-scrolled {
  z-index: 150;
}
.desktop .main-nav-scrolled {
  z-index: 150;
}
.mobile .pageTopper .span_3_of_12 {
    width: 86% !important;
}
.mobile .pageTopper .span_9_of_12 {
    width: 9% !important;
}
.mobile .pageTopper .span_9_of_12 p span {
    font-size: 30px; !important;
}
.mobile .pageTopper .span_9_of_12 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #333;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}
.mobile .pageTopper .span_9_of_12 .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #ffffff !important;
    display: block;
    transition: 0.3s;
    font-weight:normal !important;

}
.mobile .pageTopper .span_9_of_12 .sidenav a:hover{
    color: #f1f1f1;
}
.mobile .pageTopper .span_9_of_12 .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .mobile .pageTopper .span_9_of_12 .sidenav {padding-top: 15px;}
  .mobile .pageTopper .span_9_of_12 .sidenav a {font-size: 18px;}
}
.cms-component.cms-component-content-panel .pageTopper div {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}


.mobile .cms-component.cms-component-content-panel .pageTopper div {
  margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}



.cms-component.cms-component-content-panel .pageTitle:after {
  content: "";
  margin-top: 5px;
  left: 0px;
  width: 120px;
  height: 5px;
  background-color: #D73281;
  display: block;
}
h2.bt-font-light.bt-dark-grey-colour.pageTitle {
    MARGIN-TOP: 15px !important;
}

.desktop .cms-component.cms-component-content-panel .pageTopper {
	padding-top:10px;
}
/******::::::Secondary-Nav-Sector::::::******/
.desktop .cms-component.cms-component-content-panel .secondary-nav-selector {
	padding-top:10px;
}
.cms-component.cms-component-content-panel .secondary-nav-selector .col {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.cms-component.cms-component-content-panel .bottom-bar-link {
  display: block;
  height: 100%;
  text-decoration: none;
	text-align:center;
}

.cms-component.cms-component-content-panel .bottom-bar-link:hover:after {
  content: "";
  height: 5px;
  background-color: #D73281;
  display: block;
  opacity: 1;
}

.cms-component.cms-component-content-panel .bottom-bar-link:after {
  content: "";
  height: 5px;
  opacity: 0;
  background-color: #FFFFFF;
  display: block;
}

@media only screen and (max-width: 480px) {
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_1_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_2_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_3_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_4_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_5_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_6_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_7_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_8_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_9_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_10_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_11_of_12,
  .cms-component.cms-component-content-panel .secondary-nav-selector .span_12_of_12 {
    width: 48%;
  }
}


/* END OF / Secondary-Nav-Sector */


/******::::::IMAGE BACKGROUND HEADER::::::******/


/* desktop */

.cms-component.cms-component-content-panel .imageBackground {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover
}


/* mobile */

.mobile .section.group.bt-brand-white-bg.imageBackground {
  background-size: 200% !important;
  /* background-position: right !important; */
  background-position-x: right !important;
  background-position-y: top !important;
  background-repeat: no-repeat !important;
/*  padding-top: 288px !important;*/
}

.mobile .imageBackground p.bt-font-light.bt-dark-grey-colour {
  color: #333333 !important;
}

.mobile .cms-component.cms-component-content-panel .imageBackground {
  height: auto !important;
}

@media all and (max-width: 319px) {
  .cms-component.cms-component-content-panel .imageBackground {
    background: transparent !important;
  }
}


/******::::::ACORDEON / TERMS::::::******/

.desktop .cms-component.cms-component-content-panel #termsContent .padMeLeft {
		padding-left:20px !important;
}
.desktop .cms-component.cms-component-content-panel #termsContent .padMeRight {
padding-right:20px !important;
}

.mobile #wrapper #termsTitle h4.bt-white-colour {
  font-family: 'bttv-regular', Tahoma, Arial, sans-serif !important;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff !important;
}
.mobile .cms-component.cms-component-content-panel #termsTitle .span_11_of_12 {
    width: 88% !important;
}
.mobile .cms-component.cms-component-content-panel #termsTitle .span_1_of_12 {
    width: 5% !important;
}
/*.mobile .cms-component.cms-component-content-panel #termsTitle .span_11_of_12 {
  width: 89.53% !important;
}

.mobile .cms-component.cms-component-content-panel #termsTitle .span_1_of_12 {
  width: 5.866% !important;
}*/

.cms-component.cms-component-content-panel .statusIcon {
  text-align: right;
}

.cms-component.cms-component-content-panel div#termsTitle {
  cursor: pointer;
  margin-top: 10px;
padding-top:5px;
padding-left:10px;
padding-bottom:5px;

}
	
	.mobile .cms-component.cms-component-content-panel div#termsTitle {

  margin-bottom: 10px !important;
padding-top:15px !important;


}

.cms-component.cms-component-content-panel div#termsTitle .span_11_of_12 {
  padding-left: 10px;
}	

.cms-component.cms-component-content-panel div#termsTitle .statusIcon {
  padding-right: 10px;
}
	
.cms-component.cms-component-content-panel #termsContent {
  display: none;
}

.cms-component.cms-component-content-panel .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}

.cms-component.cms-component-content-panel input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.cms-component.cms-component-content-panel label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  /* background: #16a085;*/
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
}

.cms-component.cms-component-content-panel .tab-content {
  max-height: 0;
  overflow: hidden;
  /* background: RED;*/
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

.cms-component.cms-component-content-panel .tab-content p {
  margin: 1em;
}


/* :checked */

.cms-component.cms-component-content-panel input:checked~.tab-content {
  max-height: 10em;
}


/* Icon */

.cms-component.cms-component-content-panel label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}

.cms-component.cms-component-content-panel input[type=checkbox]+label::after {
  content: "+";
}

.cms-component.cms-component-content-panel input[type=radio]+label::after {
  content: "\25BC";
}

.cms-component.cms-component-content-panel input[type=checkbox]:checked+label::after {
  transform: rotate(315deg);
}

.cms-component.cms-component-content-panel input[type=radio]:checked+label::after {
  transform: rotateX(180deg);
}

.cms-component.cms-component-content-panel label h4 {
  padding-top: 10px;
  padding-bottom: 10px;
}


/******::::::Addional Layout::::::******/

.cms-component.cms-component-content-panel .thin-solid-border {
  border: thin solid #eaeaea;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.deskotop .cms-component.cms-component-content-panel .section.group.bt-brand-white-bg {
  padding-left: 10px;
  padding-right: 10px;
}

.mobile .cms-component.cms-component-content-panel .section.group {
  padding-left: 10px;
  padding-right: 10px;
}

/******::::::BT UX - APRIL 2017::::::******/


/* global overrides */

.cms-component.cms-component-content-panel h1,
.cms-component.cms-component-content-panel h2,
.cms-component.cms-component-content-panel h3,
.cms-component.cms-component-content-panel h4,
.cms-component.cms-component-content-panel h5,
.cms-component.cms-component-content-panel p,
.cms-component.cms-component-content-panel .notes {
  margin-bottom: 0em !important;
}


/* COLOURS */

.cms-component.cms-component-content-panel .bt-brand-purple-bg {
  background-color: #6400AA;
}

.cms-component.cms-component-content-panel .bt-brand-white-bg {
  background-color: #FFFFFF;
}

.cms-component.cms-component-content-panel .bt-brand-pink-bg {
  background-color: #E60050;
}

.cms-component.cms-component-content-panel .bt-brand-blue-bg {
  background-color: #00AADC;
}

.cms-component.cms-component-content-panel .bt-functional-red-bg {
  background-color: #E60014;
}

.cms-component.cms-component-content-panel .bt-functional-green-bg {
  background-color: #14B437;
}

.cms-component.cms-component-content-panel .bt-functional-yellow-bg {
  background-color: #FFDC00;
}

.cms-component.cms-component-content-panel .bt-functional-dark-grey-bg {
  background-color: #333333;
}

.cms-component.cms-component-content-panel .bt-functional-medium-grey-bg {
  background-color: #666666;
}

.cms-component.cms-component-content-panel .bt-functional-light-grey-bg {
  background-color: #DDDDDD;
}

.cms-component.cms-component-content-panel .bt-dark-grey-colour {
  color: #333333;
}

.cms-component.cms-component-content-panel .bt-white-colour {
  color: #FFFFFF;
}

.cms-component.cms-component-content-panel .bt-pink-colour {
  color: #E60050;
}

.cms-component.cms-component-content-panel .bt-purple-colour {
  color: #6400AA;
}


/* FONTS */

.cms-component.cms-component-content-panel .bt-font-light {
  font-family: 'bttv-light', Tahoma, Arial, sans-serif;
}

.cms-component.cms-component-content-panel .bt-font-reg {
  font-family: 'bttv-regular', Tahoma, Arial, sans-serif;
}

.cms-component.cms-component-content-panel .bt-font-bold {
  font-family: 'bttv-bold', Tahoma, Arial, sans-serif;
}


/* TYPE SIZES */


/*@media all and (max-width: 319px) {
  h1,
  h2,
  h3,
  h4,
  body,
  .notes {
    display: none;
  }
}*/

@media all and (max-width: 767px)
/*and (min-width: 320px)*/

{
  .cms-component.cms-component-content-panel h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .cms-component.cms-component-content-panel h2 {
    font-size: 26px;
    line-height: 30px;
  }

  .cms-component.cms-component-content-panel h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .cms-component.cms-component-content-panel h4 {
    font-size: 18px;
    line-height: 23px;
  }

  .cms-component.cms-component-content-panel
  /*body*/
  ,
  .cms-component.cms-component-content-panel p {
    font-size: 16px;
    line-height: 21px;
  }

  .cms-component.cms-component-content-panel .notes {
    font-size: 14px;
    line-height: 19px;
  }

  .mobileHide {
    display: none !important;
  }
}

@media all and (max-width: 1099px) and (min-width: 768px) {
  .cms-component.cms-component-content-panel h1 {
    font-size: 40px;
    line-height: 44px;
  }

  .cms-component.cms-component-content-panel h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .cms-component.cms-component-content-panel h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .cms-component.cms-component-content-panel h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .cms-component.cms-component-content-panel
  /*body*/
  ,
  .cms-component.cms-component-content-panel p {
    font-size: 16px;
    line-height: 21px;
  }

  .cms-component.cms-component-content-panel .notes {
    font-size: 14px;
    line-height: 19px;
  }
}

@media all and (min-width: 1200px) {
  .cms-component.cms-component-content-panel h1 {
    font-size: 48px;
    line-height: 51px;
  }

  .cms-component.cms-component-content-panel h2 {
    font-size: 36px;
    line-height: 40px;
  }

  .cms-component.cms-component-content-panel h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .cms-component.cms-component-content-panel h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .cms-component.cms-component-content-panel
  /*body*/
  ,
  .cms-component.cms-component-content-panel p {
    font-size: 16px;
    line-height: 21px;
  }

  .cms-component.cms-component-content-panel .notes {
    font-size: 14px;
    line-height: 19px;
  }
}


/* BUTTONS & LINKS */

.cms-component.cms-component-content-panel .bt-cta {
  text-decoration: none;
}

.cms-component.cms-component-content-panel .bt-cta-inactive {
  opacity: 0.2;
  pointer-events: none;
}

.cms-component.cms-component-content-panel .bt-cta-button {
  font-size: 16px;
  height: 40px;
  border: 0 none;
  border-radius: 5px;
  min-width: 80px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cms-component.cms-component-content-panel .bt-cta-link {
  padding-right: 20px;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-primary-pink {
  background-color: #E60050;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-secondary-pink {
  background-color: #FFFFFF;
  border: 1px solid #E60050;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-primary-purple {
  background-color: #6400AA;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-secondary-purple {
  background-color: #FFFFFF;
  border: 1px solid #6400AA;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-primary-pink:hover,
.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-secondary-pink:hover {
  background-color: #E60050;
  color: #FFFFFF;
}

.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-primary-purple:hover,
.cms-component.cms-component-content-panel .bt-cta-button.bt-cta-secondary-purple:hover {
  background-color: #6400AA;
  color: #FFFFFF;
}

.cms-component.cms-component-content-panel .bt-link-bt-chevron::after {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  /*	left: 0.15em;*/
  position: relative;
  top: 0em;
  /*	transform: rotate(-45deg);*/
  vertical-align: middle;
  width: 0.45em;
  left: 10px;
  transform: rotate(45deg);
}


/* SPACING & PADDING */


/******::::::END/ BT UX - APRIL 2017::::::******/


/******:::::: GRID SYSTEM::::::******/


/*  SECTIONS  */

.cms-component.cms-component-content-panel .section {
  clear: both;
  padding: 0px;
  margin: 0px;
}


/*  COLUMN SETUP  */

.cms-component.cms-component-content-panel .col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.cms-component.cms-component-content-panel .col:first-child {
  margin-left: 0;
}


/*  GROUPING  */

.cms-component.cms-component-content-panel .group:before,
.cms-component.cms-component-content-panel .group:after {
  content: "";
  display: table;
}

.cms-component.cms-component-content-panel .group:after {
  clear: both;
}

.cms-component.cms-component-content-panel .group {
  zoom: 1;
  /* For IE 6/7 */
}


/*  GRID OF TWELVE  */

.cms-component.cms-component-content-panel .span_12_of_12 {
  /*width: 100%;*/
  padding: 1%;
  width: 98%;
}

.cms-component.cms-component-content-panel .span_11_of_12 {
  /*	width: 91.53%;*/
  padding: 1%;
  width: 89.53%;
}

.cms-component.cms-component-content-panel .span_10_of_12 {
  /*	width: 83.06%;*/
  padding: 1%;
  width: 81.06%;
}

.cms-component.cms-component-content-panel .span_9_of_12 {
  /*	width: 74.6%;*/
  padding: 1%;
  width: 72.6%;
}

.cms-component.cms-component-content-panel .span_8_of_12 {
  /* 	width: 66.13%;*/
  padding: 1%;
  width: 64.13%;
}

.cms-component.cms-component-content-panel .span_7_of_12 {
  /* 	width: 57.66%;*/
  padding: 1%;
  width: 55.66%;
}

.cms-component.cms-component-content-panel .span_6_of_12 {
  /*	width: 49.2%;*/
  padding: 1%;
  width: 47.2%;
}

.cms-component.cms-component-content-panel .span_5_of_12 {
  /*	width: 40.73%;*/
  padding: 1%;
  width: 38.73%;
}

.cms-component.cms-component-content-panel .span_4_of_12 {
  /* 	width: 32.26%;*/
  padding: 1%;
  width: 30.26%;
}

.cms-component.cms-component-content-panel .span_3_of_12 {
  /*	width: 23.8%;*/
  padding: 1%;
  width: 21.8%;
}

.cms-component.cms-component-content-panel .span_2_of_12 {
  /*	width: 15.33%;*/
  padding: 1%;
  width: 13.33%;
}

.cms-component.cms-component-content-panel .span_1_of_12 {
  /*	width: 6.866%;*/
  padding: 1%;
  width: 4.866%;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 480px) {
  .cms-component.cms-component-content-panel .col {
    margin: 1% 0 1% 0%;
  }

  .cms-component.cms-component-content-panel .span_1_of_12,
  .cms-component.cms-component-content-panel .span_2_of_12,
  .cms-component.cms-component-content-panel .span_3_of_12,
  .cms-component.cms-component-content-panel .span_4_of_12,
  .cms-component.cms-component-content-panel .span_5_of_12,
  .cms-component.cms-component-content-panel .span_6_of_12,
  .cms-component.cms-component-content-panel .span_7_of_12,
  .cms-component.cms-component-content-panel .span_8_of_12,
  .cms-component.cms-component-content-panel .span_9_of_12,
  .cms-component.cms-component-content-panel .span_10_of_12,
  .cms-component.cms-component-content-panel .span_11_of_12,
  .cms-component.cms-component-content-panel .span_12_of_12 {
    width: 100%;
  }
}
.cms-component.cms-component-content-panel .span_2_of_12 {
  /*	width: 15.33%;*/
  padding: 1%;
  width: 13.33%;
}

.cms-component.cms-component-content-panel .span_1_of_12 {
  /*	width: 6.866%;*/
  padding: 1%;
  width: 4.866%;
}


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 480px) {
  .cms-component.cms-component-content-panel .col {
    margin: 1% 0 1% 0%;
  }

  .cms-component.cms-component-content-panel .span_1_of_12,
  .cms-component.cms-component-content-panel .span_2_of_12,
  .cms-component.cms-component-content-panel .span_3_of_12,
  .cms-component.cms-component-content-panel .span_4_of_12,
  .cms-component.cms-component-content-panel .span_5_of_12,
  .cms-component.cms-component-content-panel .span_6_of_12,
  .cms-component.cms-component-content-panel .span_7_of_12,
  .cms-component.cms-component-content-panel .span_8_of_12,
  .cms-component.cms-component-content-panel .span_9_of_12,
  .cms-component.cms-component-content-panel .span_10_of_12,
  .cms-component.cms-component-content-panel .span_11_of_12,
  .cms-component.cms-component-content-panel .span_12_of_12 {
    width: 100%;
  }
}