/*-----------------
MORE CONTENT CUSTOM
-----------------*/

#mobile-nav-menu .nav-bar { height: 35px; }
.js .more { 
    border-top: 0;
    padding: 0;
    margin-top: 5px;
}

.js .more:last-child { border-bottom: 0; }

.js .moreheader {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.3;
    font-weight: normal;
}

.js .moreheader:after,
.js .moreheader.active:after { content: none; }

.js .moreheader {
    background-color: #F0F0F0;
    background-image: url(/resources/915102004db5c2d1bd95fd0e75760364/CB-plus-trans.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    border: 1px solid #D1D3D4;
    padding: 10px 40px 10px 10px;
    margin-bottom: 15px;
}

.moregrey .active {
    background-image: url(/resources/a3554b004db5c01abd7efd0e75760364/CB-minus-trans.png);
}

.js .morepreamble { padding: 3px 0px 12px 0px; }

.js .morecontent {
    padding: 0;
    margin-bottom: 40px;
}

/*---
Lists
---*/
ul.dashed .last{border-bottom:none}
ul.smalltick li {list-style-image:url(/resources/6a82ad05-9052-446f-82b8-a3fda7249173/tick-v2.png); margin-left:20px}

/*--------
Typography
--------*/
.nag{font-family:'NAG',Arial,sans-serif;}
.fw-700{font-weight:700}
.c-red{color:#e4200e}
.c-grey{color:#2d2d2d}
.biggish{font-size:110%; line-height:inherit}
.bigger{font-size:125%;line-height:inherit}
.bold{font-weight:700}
p.mb-0{margin-bottom:0}
h1{color:#2e2f31}
a, dl.tabs dd a, #ibnav li.internet-but-bg #ibflyout a {color: #E12800;}
.news-entry p{font-size:12px;font-size:1.2rem}

/*--
Misc
--*/
.d-b{display:block}
.d-ib{display:inline-block}
.lh-1{line-height:1}
.fl-n{float:none}
.ws-nw{white-space:nowrap}

/*--
Hr's
--*/
hr.dashed.dashfull{margin:12px 0 18px}
.newsdash{margin:5px 0}
.lt-ie8 hr.dashed.dashfull{margin:0 0 6px}

/*---
Tables
---*/
td div{display:inline}
.lt-ie9 table thead tr th{padding:5px}

/*----------
Microformats
----------*/
/*hCard*/
ul.vcard {display:block; margin:inherit;border:none;padding:0}
ul.vcard li {margin:0; display:block}
ul.vcard li.fn {font-weight:inherit;font-size:inherit}

/*-----
Buttons
-----*/
/*Colors*/
.black2.button{background-color:#141414}
/*Nice Colors*/
.nice.black2.button:hover {background:#000}

/*-------
Accordion
-------*/
dl.accordion-panel dt.nag{font-size:14px;font-size:1.4rem;letter-spacing:-0.01em;}
dl.accordion-panel dt, dl.accordion-panel dt.active{padding-top:10px;padding-bottom:10px;padding-right:32px}

/*--------------------
Nav Bar with Dropdowns
--------------------*/
#ico-home img{margin-bottom:-2px}

#ibnav li.file-upload-but-bg
{    border:none; border-radius:0 0 5px 5px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset; padding-right:20px; text-align:center;
    
    background-color:#020202;
    background-image:linear-gradient(bottom, rgb(2,2,2) 0%, rgb(99,101,106) 100%);
    background-image:-o-linear-gradient(bottom, rgb(2,2,2) 0%, rgb(99,101,106) 100%);
    background-image:-moz-linear-gradient(bottom, rgb(2,2,2) 0%, rgb(99,101,106) 100%);
    background-image:-webkit-linear-gradient(bottom, rgb(2,2,2) 0%, rgb(99,101,106) 100%);
    background-image:-ms-linear-gradient(bottom, rgb(2,2,2) 0%, rgb(99,101,106) 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(2,2,2)),color-stop(0.99, rgb(99,101,106)));
}

/*-----
head
-----*/
.top-bar{min-height:70px; padding-top:0}
.lt-ie8 .top-bar{min-height:50px}
@media only screen and (max-width: 767px) {
     .top-bar{min-height:40px}
}
@media only screen and (max-width: 641px) {
    .container .top-bar a img{width:auto}
}
.section-nav-bg {background-color:#e12800;border-top:1px solid #e4e3e3;border-bottom:1px solid #e4e3e3;

    background-image: linear-gradient(bottom, rgb(138,24,0) 0%, rgb(228,32,14) 100%);
    background-image: -o-linear-gradient(bottom, rgb(138,24,0) 0%, rgb(228,32,14) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(138,24,0) 0%, rgb(228,32,14) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(138,24,0) 0%, rgb(228,32,14) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(138,24,0) 0%, rgb(228,32,14) 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(138,24,0)),color-stop(1, rgb(228,32,14)));
    
}
.section-nav-bg ul.nav-bar li, .section-nav-bg ul.nav-bar > li:first-child{background:none}
.section-nav-bg ul.nav-bar li:hover {background-color:#8A1800}
.section-nav-bg ul.nav-bar li.active {background-color:#2e2f31}
.section-nav-bg ul.nav-bar > li:hover{border-bottom:0;}

@media only screen and (max-width: 767px) {
    #mobile-nav-menu ul.nav-bar li {border:none;background:#e12800}
    #mobile-nav-menu ul.nav-bar li.active, #mobile-nav-menu ul.nav-bar li:hover {background:#8A1800}
    .section-nav-bg {background:#e12800; border-color:#8A1800}
    #mobile-nav {background-color:#e12800; padding:0px !important;}
    #mobile-nav a{color:#fff}
    #mobile-nav .mobile-topBar--link{padding: 10px; float: left; margin: 0px 10% 0 4%;}
    #mobile-nav div.mobile-topBar--link:hover {background-color: #8A1800;}
}

#ibflyout {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; border-radius: 5px 5px 5px 5px; font-family: Arial; padding: 10px}
#ibflyout h6 {margin-left: 8px; margin-top: 5px}
#ibnav .contact-but-bg {background: url('/resources/2582808042389180bc97fd27eac7ccf5/cb-icon-contact.png') no-repeat scroll 15px center #FFFFFF; padding-left: 45px}
#ibnav li.file-upload-but-bg a{color:#fff}

/*-----
homepage hero
-----*/
#hero-container{border:solid 1px #d9d9d9; height:auto; padding-top:40.6%; margin-top:0}
.lt-ie9 #hero-container{min-width:0}
#hero-container .container{background-position:center center; background-repeat:no-repeat}
#hero-container .d-ib div{display:inline-block}
.hero-t{left:10%; overflow:hidden; position:absolute; top:7%; width:82%}
.hero-t h1, .hero-t h3, .hero-t{color:#2d2d2d}
.hero-t .h1, .hero-t .h2, .hero-t .h3{line-height:1.05;letter-spacing:-0.01em}
.hero-t .h1{font-size:44px; font-size:4.4rem; font-weight:700}
.hero-t .h2{font-size:26px; font-size:2.6rem; font-weight:700; margin-bottom:9px}
.hero-t .h3{font-size:18px; font-size:1.8rem; font-weight:700; line-height:1.3; margin-bottom:9px}
.invert .hero-t h1, .invert .hero-t .h2,.invert .hero-t .h3,.invert .hero-t .p{color:#fff}
.heroarrows .arrow-left, .heroarrows .arrow-right{background-color:transparent; background-image:url('/resources/54631d804238b154832ed727eac7ccf5/hero-controls.png'); border:none; height:61px; padding:0; margin-top:-30px; width:34px;
-webkit-box-shadow:none;
        box-shadow:none;
}
.lt-ie9 .herobox {background: transparent url(/resources/1d618d40-7fef-4985-939e-a1971c91b3c7/iefallback-bg-70pc.png) repeat left top;}

.herobox {
    background-color: rgba(175, 10, 12, 0.7);
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 1px;
    margin-bottom: 0px; 
    padding-bottom: 15px; 
    padding-right: 15px; 
    right: 13px; 
    width: 435px;
}
.heroarrows .arrow-left{background-position:left top; left:10px}
.heroarrows .arrow-right{background-position:right top; right:10px}
@media only screen and (max-width: 939px) {
div.herocontrols{margin-right:0!important; right:10px}
}

@media only screen and (max-width: 920px) {
.hero-t .h1{font-size:2.4rem}
.hero-t .h2{font-size:1.8rem}
.hero-t .h3{font-size:1.4rem}
}
@media only screen and (max-width: 850px) {    
#hero-container .hero-t{top:4%}
}
@media only screen and (max-width: 767px) {    
    #hero-container{background-color:#e12800; border:none; padding-top:75%}
    #hero-container .container{background:none!important}
    #hero-container .hero-t{bottom:8%; height:auto; left:45px; margin-left:0; right:45px; top:7%; width:auto}
    #hero-container .button{display:inline-block}
    .hero-t .h3{margin-bottom:18px}
    #hero-container h1, #hero-container .h1, #hero-container h2, #hero-container .h2, #hero-container h3, #hero-container .h3, #hero-container p{color:#fff}
    #hero-container h1,#hero-container h2,#hero-container h3,#hero-container h4,#hero-container h5,#hero-container h6,#hero-container ul,#hero-container p, #hero-container .hero-t div{visibility:visible}
    
    .herobox{background:none; border-radius:0; padding:0;}    

    .heroarrows .arrow-left, .heroarrows .arrow-right{ border:solid 1px grey; height:53px; width:32px}
    .heroarrows .arrow-left{left:0; background-position:-1px -5px;border-radius:0 5px 5px 0;border-width:1px 1px 1px 0;}
    .heroarrows .arrow-right{right:0; background-position:-37px -5px;border-radius:5px 0 0 5px;border-width:1px 0px 1px 1px;}
}
@media (max-width:767px) and (min-width:640px) {
    #hero-container{padding-top:35%}
}
@media (max-width:640px) and (min-width:555px) {
    #hero-container{padding-top:50%}
}
@media (max-width:555px) and (min-width:465px) {
        #hero-container{padding-top:60%}
}
@media only screen and (max-width: 610px) {
    .hero-t .h1{font-size:2.9rem}
    .hero-t .h2{font-size:2.0rem}
    .hero-t .h3{font-size:1.7rem}
    .hero-t p{font-size:1em}
}
@media only screen and (max-width: 560px) {
    .hero-t .h1{font-size:2.3rem}
    .hero-t .h2{font-size:1.8rem}
    .hero-t .h3{font-size:1.6rem}
}
@media only screen and (max-width: 515px) {
    #hero-container .biggish{font-size:inherit}
    .hero-t .h1{display:none;}
    .hero-t .h2{font-size:1.7rem}
}
@media only screen and (max-width: 465px) {
    .hero-t .h2{font-size:1.6rem}
    .hero-t .h3{font-size:1.4rem}
    .hero-t p{font-size:0.8em}
}
@media only screen and (max-width: 380px) {
    #hero-container{padding-top:85%}
    .hero-t .h2{font-size:1.5rem}
    .hero-t .h3{font-size:1.3rem}
    .hero-t p{margin-bottom:1em;}
}
@media only screen and (max-width: 340px) {
    .hero-t .h2{font-size:1.4rem}
    .hero-t .h3{font-size:1.2rem}
}
@media only screen and (max-width: 320px) {
    .hero-t .h2{font-size:1.3rem}
}

/* STYLING OF LEFT HAND NAVS */
.vertical .Level3 a {padding-left:15px}
.vertical .Level4 a {padding-left:30px}
.vertical .Level5 a {padding-left:45px}
.vertical .Level6 a {padding-left:60px}
.vertical .Level2 a.active, .vertical .Level2 a.active:hover {background: none repeat scroll 0 0 #F0F0F0; color: #333333; font-weight: bold}
.vertical .Level3 a.active, .vertical .Level3 a.active:hover {background:#e12800;font-weight:bold;color:#fff}

.row .vertical li {background:#f0f0f0;border:none}
.row .vertical li a {color:#333;border-bottom:1px solid #d6d6d6;border-top:1px solid #fff}
.row .vertical {border-top:1px solid #d6d6d6}
.row .vertical li a:hover {color:#333;background-color:#e5e5e5}

.vertical .Level4 a {background:#fff url('/resources/7a45c7804238ba5c87e8d727eac7ccf5/nav-grey-bullet.gif') no-repeat 15px center;color:#333}
.vertical .Level4 a.active {font-weight:bold;background:#fff url('/resources/381399004238bae38839dd27eac7ccf5/nav-red-active-bullet.gif') no-repeat 15px center;color:#333}

/*COOKIES*/
#cookies {text-align:center;font-weight:normal;padding:6px 30px 7px;margin-bottom:0;display:none}
#cookies .close {background:#000;border-radius:1000px;color:#FFF;font-size:18px;height:20px;line-height:20px;margin-top:-10px;opacity:1;padding:0;position:absolute;right:5px;text-align:center;top:50%;width:20px}
#cookies .close{display:none}
.js #cookies .close{display:block}

/*BUTTONARROWS*/
.medium .arrow{background: url('/resources/752334004238b9078797d727eac7ccf5/medium-button-white-arrow.png') no-repeat center center; display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0}
.large .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url('/resources/cb5291804238b88b875bd727eac7ccf5/large-button-white-arrow.png') no-repeat center center}
.medium.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url('../images/cb-medium-button-arrow.png') no-repeat center center}
.large.white .arrow{display:block;position:absolute;top:50%;right:5px;height:25px;width:25px;padding:0;margin:-13px 0 0 0; background: url('/resources/e947b1804238ac508152d527eac7ccf5/cb-large-button-arrow.png') no-repeat center center}

/*TABS*/
dl.tabs dd a.active {
background-color:#c3180a;
background-image:linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-o-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-moz-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-webkit-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-ms-linear-gradient(bottom, rgb(150,0,25) 0%, rgb(225,40,0) 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(150,0,25)),color-stop(0.99, rgb(225,40,0)));
}

/*--------
Pagination
--------*/
ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus{border-color:#E12800}
ul.pagination li{text-align:center; width:1.5em}
ul.pagination li a{padding:0;text-decoration:none}


/*Bg ICONS*/
.file-box{background: transparent url('/resources/e17ed7804238a9da80cdd527eac7ccf5/bg-ico-document.png') no-repeat left top; padding-left:22px}

/*-----
homepage
-----*/
/*MORTGAGE AWARD*/
#mortgage-award{padding-bottom:12px; padding-left:61px; position:relative}
#mortgage-award .mini-logo{left:0; position:absolute; top:-16px}
#mortgage-award .mortgage-text{display:inline-block; font-size:22px; font-size:2.2rem; line-height:1.2; padding-right:182px}
#mortgage-award .mortgage-award{bottom:0; position:absolute; right:0}
@media only screen and (max-width: 640px) {
    #mortgage-award .mortgage-text{padding-right:35%}
}
@media only screen and (max-width: 480px) {
    #mortgage-award .mortgage-text{padding-right:0}
    #mortgage-award .mortgage-award{margin-bottom:-19px; margin-top:15px; max-width:100%; position:relative}
}
/*SERVICE LEVEL*/
#service-level{background: transparent url('/resources/0b3d19004238ab178133d527eac7ccf5/blank-ping.png') center center no-repeat; color:#fff; font-weight:700; height:82px; overflow:hidden; width:61px}
    .service-level-date{font-size:36px; font-size:3.6rem; margin-top:10px}
    .service-level-days{font-size:18px; font-size:1.8rem}

/*BMENU*/
#bmenu .advisers-only{color:#2D2D2D; float:none; padding-right:40px}

/*FOOTER*/
.bottom-bar {background: none repeat scroll 0 0 #A80913; border-color: #9B141A}
.bottom-bar h4{margin-bottom:20px;margin-top:20px;color:#fff;font-weight:normal}

/*Box with image as background */
.thmbBx{position:relative;display:block;padding-top:40%;background:#000;margin-bottom:20px;overflow:hidden}
.thmbBx span{position:absolute;left:0;bottom:15px;padding:15px 45px 15px 15px;background:rgb(228, 32, 14) url(/resources/b64045b2-bc82-4052-ba0a-1e9c4c4c245b/thumbnail_arrow_white.png) no-repeat right center;background-color:rgba(228, 32, 14, 0.85);color:#fff;font-size:1.8em;font-size:18px;font-family:'NAG',Arial;max-width:75%;float:left;border-radius:0 2px 2px 0}
.thmbBx:hover span{background-color:rgb(184, 24, 9);background-color:rgba(184, 24, 9, 0.85)}
.thmbBx img{position:absolute;top:0;left:0;width:100%;height:100%}
@media only screen and (max-width: 930px){.thmbBx{padding-top:100px}.thmbBx img{height:auto;min-height:100%}}



#insideBox .inside {
background: #f8f3ef;
padding: 5px 15px 1px 15px;
margin-top: -5px;
margin-bottom: 15px;
-webkit-box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2);
-mox-box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2);
box-shadow: 2px 2px 2px 1px rgba(000,000,000,0.2);
}

#insideBox .makeastart{padding-right:5px;border-right:1px solid #d3b49f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

.mmore{padding:10px}

/*Mortgage intermediaries tag line*/
#siteTagLine{color:#000;position:relative;top:15px}
@media only screen and (max-width: 767px) {
#siteTagLine{top:0;font-size:2.43rem;margin-top:17px;margin-right:0px;padding-left:210px;min-height:70px;margin-bottom:27px !important}
}

/*Hero background*/
#mheropadding{padding:20px}
#mherobox{background-color: rgba(228, 32, 14, 0.85);-webkit-border-radius: 10px;border-radius: 10px;padding:15px 15px 1px 15px}
.lt-ie9 #mherobox{background:#e4200e;background-image:none}
#mherobox h1, #mherobox h2, #mherobox h3, #mherobox h4, #mherobox h5, #mherobox h6, #mherobox p{color:#fff}
#mherobox a{margin-bottom:15px;margin-right:10px}
@media only screen and (max-width: 767px) {
#mheropadding{padding-right:20px}
}

/*table amends for mortgages*/
@media only screen and (max-width: 767px) {
#mortgage-calc-new td {width:100%;height:auto}
#mortgage-calc-new td:nth-child(4), #mortgage-calc-new td:nth-child(5), #mortgage-calc-new td:nth-child(8), #mortgage-calc-new td:nth-child(9) {background:#fff}
}

.touch .chatClass{display:none}



/*No top nav*/
.no-top-nav #mobile-nav-menu{height:20px !important}
.no-top-nav #mobile-nav-menu .nav-bar{display:none}
@media only screen and (max-width: 767px) {
.no-top-nav #mobile-nav-menu{display:block !important;margin:0 -10px; border-top: none; border-bottom: none; }
.no-top-nav #mobile-nav{display:none !important}
}

/* AIP Fix, hide from lhs nav */
.ItemId9fea656d-a0a9-4b93-bb3e-3e81104995ca { display: none!important; }

/* Broker synergy fix, hide test prods from lhs nav */
.ItemId94c55254-c40f-4f46-9179-233f9c7fc8df { display: none!important; }





#ibnav li {
    padding: 0 0 0 20px;
}

@media only screen and (max-width: 767px) {
    #ibnav li {
    padding: 0 20px 0 20px;
   }
}

/* Pulled from header */

.iconpanelphonebig, div.headed-box .iconpanelphonebig{background-image:url('../images/cb-phone.png'); background-position:-2px -6px; padding-top:2px; padding-left:45px}
.iconpanelphonebig .phone-number{font-size:20px; font-size:2rem}

div.barBox-right {border-right: 1px solid #d1d3d4}

.top-bar{
min-height: 30px;
}

#mobile-nav {
    margin-top: -5px;
    height: 35px;
    margin-right: 10px;
    width: 10%;
    display: inline-block;
}

.mobile-topBar{
    background-color: #e12800;
    padding: 5px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'NAG';
    position: relative;
    z-index: 10;
    text-align: right
}

.mobile-topBar .mobile-topBar--link{
    padding: 5px;
    float: left;
    border: solid 1px #ffffff;
    border-radius: 3px;
    margin-right: 10px;    
}

.mobile-topBar div.mobile-topBar--link:hover {
    background-color: #8A1800;
}

.mobile-topBar .mobile-topBar--link a {
    color: #ffffff;
}


.mobile-topBar--link .icon-arrow_right{
    font-size: 65%;
    margin-left: 5px;
}

/* Search Nav Button Styles */
.searchTrigger {
    position: relative;
}

.searchTrigger button {
    background: none;
    border: none;
    color: #fff;
    padding: 0 0 0 10px;
    width: 100%;
    text-align: left;
    font-size: 13px;
}

@media ( max-width: 767px ) {
    .searchTrigger button:before {
        display: inline;
        float: left;
    }
    .searchTrigger button span {
        display: inline;
        float: left;
        margin-left: 5px;
    }
}

@media ( min-width: 768px ) {
    .searchTrigger {
        display: flex !important;
        margin-left: 10px !important;
        height: 25px;
        max-height: 25px;
        padding: 7.5px 0 !important;
    }
    .searchTrigger button {
        border-left: 1px solid #fff;
        padding: 0 20px;
        font-size: 17px;
        width: auto;
        text-align: center;
    }
    .searchTrigger button:before { display: block; }
    .searchTrigger span { display: none; }
}

/* Search Form styles */
.searchForm {
    position: relative;
    display: flex; 
    flex-wrap: wrap;
}

.searchForm__input {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 20px;
    padding: 1.2em 0.9333333333333333em;
    border: solid 1px #d1d3d4;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.searchForm__submit {
    flex: 1 1 100%;
    background-color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 1.5rem;
    padding: 1em 5px;
    cursor: pointer;
    border: 0;
}

@media( min-width: 768px ) {
    .searchForm__input { 
        width: 85%;
        max-width: 85%;
        min-width: 85%;
        margin-bottom: 0;
        font-size: 1.5rem;
    }
    .searchForm__submit { 
        width: auto;
        flex: 2;
        margin-left: 5px;
    }
}

/* Cludo Auto complete */
.search_autocomplete {
    display: none;
    position: absolute;
    box-sizing: border-box;
    margin-bottom: 0;
    z-index: 9999;
    top: 100%;
    width: 85%;
    max-width: 85%;
    min-width: 85%;
}

.search_autocomplete li {
    border-style: solid;
    border-color: #d1d3d4;
    border-width: 1px 1px 0 1px;
    margin-bottom: 0;
    display:block;
    background-color: #ffffff;
    font-size: 1.5rem;
    padding: 5px;
}

.search_autocomplete li:last-child {
    border-bottom-width: 1px;
}

.search_autocomplete li:hover {
    cursor: pointer;
}

@media( min-width: 768px ) {
    .search_autocomplete { display: block; }
}

/* Site Header Styles */
.siteHeader {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px 0 3px 0;
}

.siteHeader__logo {
    display: block;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}

.siteHeader__details {
    display: block;
    width: 50%;
    text-align: right;
}

.siteHeader__details__name{
    font-family: 'NAG', Arial, sans-serif;
    line-height: 1.05;
    letter-spacing: -0.01em;
    font-weight: bold;
    font-size: 7vw; /* Scale font size with screen width on smaller devices */
    margin-bottom: 0px;
}

@media ( min-width: 400px ) {
    .siteHeader__details__name { font-size: 2.8rem; }
}


.siteHeader__details__cta {
    display: none;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.siteHeader__details__cta a { font-size: 13px !important; }
.siteHeader__details__cta a:nth-child(2){ margin-left: 20px; }

.siteHeader__ctas\@mobile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.siteHeader__ctas\@mobile a {
    flex: 1 1 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .siteHeader {  flex-wrap: nowrap;  }
    .siteHeader__details { width: 70% }
    .siteHeader__logo {  width: 60%; }
    .siteHeader__ctas\@mobile { display: none; }
    .siteHeader__details__cta { display: flex; }
    .siteHeader__details__name { margin-bottom: 15px; }
}

.siteHeader__buttons__mr {margin-right: 20px}


/*------
TAKEOVER - Styles lifted from cybg
------*/
.takeover{background-color:rgba(255,255,255,1.0); display:none; position:fixed; top:0; left:0; height:100%; overflow-y:scroll; width:100%; z-index:99999; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; -webkit-perspective: 1000}
.lt-ie9 .takeover{background-color:white}
.takeover__inner{padding:200px 0 20px}
.takeover__close{color:#000; font-family:'LIGHT',Arial,sans-serif; font-size:38px; font-size:3.8rem; font-weight:700; line-height:1; padding:10px 15px; position:absolute; right:12px; text-decoration:none!important; top:0}
.takeover__close:hover, .takeover__close:focus, .takeover__close:active{color:#000; text-decoration:none!important}
@media only screen and (max-width: 767px) {
  .takeover__inner{padding-top:55px}
}
/*SHOW TAKEOVER*/
.showTakeover{overflow:hidden}
.showTakeover #site-canvas{height:0}
.showTakeover .takeover{display: block; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; transition: opacity 1s ease-out}