body{padding:0 0 0 0;}

:target:before {
  content:"";
  display:block;
  height:140px; /* fixed header height*/
  margin:-140px 0 0; /* negative fixed header height */
}
#wrapper {padding-top:156px;}

	/* size specific stuff */
.no-mobile {display:block;}
.quicklink.no-mobile {display:inline;}
.hide,
.nav-toplevel.no-desktop,
.no-desktop {display:none;}
.gi {float:none;width:auto;margin:0;}

/* logo */
header {position:absolute;width:100%;top:0;z-index:999;}
header.fix {}

.fix .header {height:60px;}
.fix .logo {height:60px;background-position:0;background-size:228px 40px}

header {height:156px;}
.header {height:100px;border:none;transition:height 0.1s ease-in;}
.logo {width:350px;background-position:0 50%;background-size:330px 58px;float:none;height:100px;transition:height 0.2s ease-in,background-size 0.1s ease-in;margin:0 auto}



#social_top {position:absolute;top:35px;right:0;transition:top 0.2s ease-in;width:100%;}
.fix #social_top {top:12px;}
#social_top .social-link-item {float:right;}
#social_top .i-phone {float:left;}

/* main navigation */
.navigation {margin: 0;height:56px;background:rgba(35,65,83,0.9);border-width:0;border-color:#51698f;border-style:solid;position:relative;padding:0;top:0;transition:none;
position:relative;width:100%;right:auto;

overflow:visible;

}
.navigation-ul {display:block;border:none;position:relative;font-weight:600;text-align:center;box-shadow:none;background:none;padding:0;/*display: -webkit-flex; 
    -webkit-justify-content: space-between; 
    display: flex;
    justify-content: space-between;*/}
.nav-toplevel {width:auto;display:inline-block;margin:0;border:none;height:56px;text-align:center;font-size:1.2rem;color:#fff;-webkit-transition:background 0.1s ease-in;transition:background 0.1s ease-in;text-transform:;

}
.nav-toplevel.r {position:relative;}


.nav-toplevel-link {display:inline-block;color:inherit;padding:0 40px;line-height:56px;text-transform:uppercase;font-weight:600}

.nav-toplevel-link:hover {color:#fff;background:none;}

	.nav-toplevel:hover,
	.toplevel-active {background:#234153; color:#fff;}


.submenu {background:#2980b9;display:none;;position:absolute;left:0;top:40px;z-index:888;width:300px;padding:15px;}
	
	
	
	
	.nav-toplevel:hover .submenu {display:block;}
	
	.submenu {display:block;transition:all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;opacity:0;transform:scale(0);-webkit-transform:scale(0);}
	.nav-toplevel:hover .submenu {opacity:1;transform:scale(1);-webkit-transform:scale(1);}
	
	
	.sub {text-align:left;}
	.cols5 .sub {float:left;width:20%;}
	.cols5 .grid_right {float:right;}
	
	.nav-sublevel {margin:0;font-size:0.9rem;font-weight:300;}
		.nav-sublevel-heading {color:#FFF;border-bottom:1px solid;font-size:1rem;margin:0 30px 10px 0;}
		.nav-sublevel a {color:#FFF;padding:5px;display:block;transition:background 0.2s ease-in,color 0.2s ease-in;}
		.nav-sublevel a:hover,
		.nav-sublevel.active a {color:#2980b9;background:rgba(255,255,255,1);}

.nav-toplevel:after  {
  content: "";
  display: none;
  clear: none;
}
	 .sub:nth-child(2n-1) {clear:none;}


#header {overflow:hidden;}

/* quick links */
.quicklinks {position:absolute;top:10px;right:0;transition:top 0.2s ease-in;}
.fix .quicklinks {display:none;top:-30px;}
	.quicklink {display:inline;padding:0 0 0 10px;text-transform:uppercase;font-size:0.9rem;margin:0;}
	.quicklink a {color:#000;}
	.quicklink a:hover {color:#2980b9;}
	
.hc {font-size:0.95rem;position:absolute;right:0;text-align:right;transition:top 0.2s ease-in;}
	.hc__tel {top:50px;font-size:1.3rem;}
	.hc__em {top:90px;display:none;}
	.fix .hc__tel {top:10px;}
	.fix .hc__em {top:30px;}
.hc a {color:#2980b9;font-size:1.2rem;}
	.hc__tel a {font-size:1.9rem;}
	
	
/* content */
#content {padding:20px 0;}


/* input */

.field {position:relative;margin:0 0 10px 0;}
.field .label {position:absolute;left:10px;top:7px;z-index:99;transition:all 0.1s ease-in;font-size:0.9rem;font-weight:400}
.field__active .label {top:0;;left:7px;font-size:9px;color:#555;border-bottom:1px solid #1f4492;font-weight:700;}
.field__active .input-text {border:1px solid #1f4492;border-radius:5px;}
.labelly {margin:0;padding-top:20px;}
.input-text {/*max-width:300px;*/;font-size:0.9rem;/*color:#000;*/}



/*h1-h6 */
.heading {padding:0;font-size:1.6rem;}
.subheading {padding:0;font-size:1.4rem}


.strapline {font-size:2.4rem;padding:50px 0;font-weight:300;text-transform:uppercase;}

/* intro */
	#intro {padding:25px;border:none;}

/* blocks OLD STYLE
	.block {}
	.block-image {width:100%;height:auto;max-width:385px;}
	
	.block-heading {padding:8px}
	.block-overlay {padding:20px;display:block;}
*/



/* home blocks */

.blocks { display: -webkit-flex;display:flex;-webkit-flex-wrap: wrap;flex-wrap:wrap;padding:3px}

	.block-inner {margin:0;border:0px solid #ffffff;}

	.block-overlay {padding:50px 20px}
	.block-image {}
	.block-title {font-size:1.7rem;}
	.block-text {font-size:1.3rem;}

/* wookmark */
	.wookmarked {;width:280px;display:block;float:none;margin:none;}
	.wookmarkedNEWS {;width:380px;display:block;float:none;margin:none;}


/* gallery 
	.gallery li {width:166px;height:166px;}*/
/* videos */
	.video-image {width:183px}

/*  images */
	img.grid {margin:0 20px 20px 0;width:auto;}
	img.grid_right {margin:0 0 20px 20px;width:auto;}

	
/* news */

.news-item {margin:25px;border:1px solid #50688e;}	
/* details */
.details {position:relative;}
.detail {width:50px;height:50px;display:inline-block;cursor:pointer;padding:0;margin:0 10px 0 0;}


.winterstoke {margin-left:20px;height:100%;}

.detail span {dispxlay:noxne;position:absolute;left:0;top:50px;width:290px;transition:transform 0.1s ease-in;transform:scale(0);padding:5px;background:#fafaff}	
.detail:hover {}
.detail:hover span {dispxlay:xblock;transform:scale(1)}
/* grid - grid items should try to add up to 12. ie g03 + g04 + g05; g06 + g06; g04 + g04 + g04; etc. */


.fsb {
	justify-content: space-between;margin:20px 20px 0 0;
}	
.fsb:last-child {margin:20px 0 0 0;}
.fsb {}

.fsb__1 {width:33%;}
.fsb__2 {width:33%;}

.fsb__3 {width:16.66666666666666666666666%;}
.fsb__4 {width:16.66666666666666666666666%;}

.fsb img {height:100%;width:auto;object-fit:cover;;display:block;}

/* full bleed */
.fullbleed {left: 50%;
margin-left: -50vw;
margin-right: -50vw;
position: relative;
right: 50%;
width: 100vw;
background-image:auto;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

max-height:800px;overflow:hidden;
}
.fullbleed-image {visibility:hidden;width:100%;margin:0}
.fullbleed-figure {font-size:2rem;padding:10px;background:rgba(0,0,0,0.8);color:#fff;position:absolute;bottom:0;right:0;}


/* body text shenanigans */

.bodytext,
.bodytext li,
.bodytext p,
#textblock {font-size:1rem;margin:1em 0;font-weight:300;}
.bodytext li {padding-left:1rem;background-size:8px 8px;}


/* footer */

.footer-map {margin-top:25px;}
#logos + .footer {margin-top:0}

.footer {margin-top:0;padding:30px 0;}

.footer .grid {padding-top:0;padding-bottom:0;border-bottom:none; }
.hfx {background:none;}
.footer-hide {display:block;}


.credit-footer {margin-top:0;padding:10px 0;}


.tabs {background:none;position:relative;bottom:0;left:0;right:0;border-top:none;box-shadow:none; z-index:1;display:block;}


.tab  {color:#50688e;font-size:0.6rem;border-radius:0 10px 10px 10px;text-transform:uppercase;font-weight:600;padding:0px 10px 0 45px;position:relative;background:url('/images/info_h3.png') right 50% no-repeat #48bad4;background-size:auto 26px;height:30px;line-height:26px;text-shadow:0 0 5px #48bad4;margin-top:10px;margin-bottom:20px;border:2px solid #48bad4;cursor:pointer;width:auto;float:none;flex:none; }
.tab span {background:url('/images/info_icons.png') 50% 50% no-repeat #455c7e;background-size:36px auto;width:40px;display:inline-block;position:absolute;top:-10px;left:-2px;bottom:-2px;right:auto;border-radius:0 0 0 10px}

.tab__0  span  {background-position:50% -1px;}
.tab__1  span  {background-position:050% -049px;}
.tab__2  span  {background-position:050% -100px;}
.tab__3  span  {background-position:050% -152px;}
.tab__4  span   {background-position:050% -201px;}
.tab__5  span   {background-position:050% -251px;}
.tab__6  span   {background-position:050% -298px;}
.tab__7  span   {background-position:050% -347px;}



.tab__active {color:#455c7e;background:#fff;text-shadow:none;opacity:1;}

.info h3 {font-size:1.1rem;border-radius:0 10px 10px 10px;}

#banner_video {height:400px;}
#banner_video p {position:absolute;right:30%;top:30%;background:rgba(0,0,0,0.5);padding:20px;font-weight:bold;color:#fff;width:33%;}



@media (min-width: 1200px) { 

.tab {font-size:0.75rem;}


}