body{margin:108px 0 0 0;}

:target:before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}


	/* 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 {background:#000;position:fixed;width:100%;top:0;z-index:999;}
.header {height:108px;border:none;}
.logo {width:223px;background-position:0 50%;background-size:auto;float:none;height:108px;}






/* main navigation */
.navigation {margin: 0;height:40px;border:none;position:absolute;padding:0;top:50px;left:25%;width:75%;}
.navigation-ul {display:block;border:none;position:relative;font-weight:400;text-align:center;background:none;padding:0;display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;}
.nav-toplevel {width:auto;display:inline-block;margin:0;border:none;text-align:center;font-size:1rem;transition:background-size 0.2s ease-in,background-position 0.2s ease-in;
}
.nav-toplevel.r {position:relative;}

	.nav-toplevel:hover,
	.toplevel-active {background-size:100% 5px;background-position:0 bottom; color:#dc0875;}
	
.nav-toplevel-link {display:inline-block;font-weight:400;padding:0;line-height:38px;}
	.nav-toplevel-link__login {border:2px solid;padding:0 10px;line-height:34px;}
	
	.nav-toplevel-link__phone {background-position:0 -60px;text-indent:-999px;overflow:hidden;width:50px;display:inline-block;color:#FF00F5;}
	
.nav-toplevel-link:hover {}

.nav-toplevel-link__login {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO8w1H6HwAFewJatc0T9wAAAABJRU5ErkJggg==); 
background-size:300px 100%;background-position:0 60px;background-repeat:no-repeat;transition:background-position 0.3s ease-in,color 0.2s ease-in;}
	.nav-toplevel-link__login:hover {background-position:0 0;color:#fff;}


.submenu {background:#AAC9CE;display:none;;position:absolute;left:0;top:38px;z-index:888;width:300px;padding:30px 10px 10px;}
	
	.nav-toplevel:hover .submenu {display:block;}
	.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:#dc0875;}

.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;}

#blocks {padding:0;}



/* video */
video {
    
}
.videoContainer {position:relative;}
.videoverlay {padding-top:300px;font-size:3rem;}






/* input */

.field {position:relative;margin:0 0 10px 0;}
.field .label {position:absolute;left:10px;top:7px;z-index:999;transition:top 0.2s ease-in,font-size 0.2s ease-in;font-size:0.9rem;}
.field__active .label {top:2px;font-size:9px;color:#555;}
.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.9rem;}
.subheading {padding:0;font-size:1.4rem}
.subheading__news {font-size:1.35rem;}

.strapline-box {position:sticky;top:108px;z-index:99;}
.strapline {font-size:2.4rem;padding:0 0;}

/* intro */
	#intro {background:#fff;padding:0;border:none;}

/* home */
.pride {padding:0px 0px;margin:0px;}
.p_photo {position:absolute;top:0;left:0;width:100%;opacity:0.4;display:block;}

/* blocks */
	#blocks {border:none;}
	.block {border:none;margin:10px;padding:0;text-align:center;}
	.block__team {margin:10px;}
	.block__team .block-image,
	.block-image {width:100%;height:auto;max-width:400px;}
	
	.block-heading {padding:20px 0 20px;line-height:1.4}
		.block-heading__team {padding-top:80px;}
		.block__team .block-overlay,
	.block-overlay {padding:20px;display:block;opacity:0}
	
 	.block-image-link:focus .block-overlay,
	.block-image-link:hover .block-overlay {animation: fade-in-left 300ms ease-out 200ms forwards;}

	.block-image-link:focus .block-image,
	.block-image-link:hover .block-image {transform:scale(1.2);}
	
		.block_1 .block-overlay,
	.block_2 .block-overlay ,
	.block_3 .block-overlay {background:rgba(170,203,82,0.75);color:#DC0875;}



/* gallery */
	.gallery li {width:166px;height:166px;}

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

/* news */
.news-image-link {max-height:250px;overflow:hidden;display:block;margin-bottom:10px;}
	.subheading__news {min-height:60px;}


/* grid - grid items should try to add up to 12. ie g03 + g04 + g05; g06 + g06; g04 + g04 + g04; etc. */
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g02 {width:16.6%;}
		.g20 {width:20%;}
		img.g03,
	.g03 {width:30%;}
	img.g04,
	.g04 {width:33.3%;}
		.g40 {width:40%;}
	.g05 {width:41.6%;}
	.g06 {width:50%;}
	.g07 {width:58.3%;}
		.g60 {width:60%;}
	.g08 {width:66.6%;}
	.g09 {width:75%;}
		.g80 {width:80%;}
	.g10 {width:83.3%;}
	.g11 {width:91.6%;}
	.g12 {width:100%;}	
	
	.grid_row__news  > .g04:nth-child(3n+1) ,
	.grid_row__team > .g04:nth-child(3n+1) {clear:both;}
	
	
.pull_left {padding-right:10px;}	
.margin_right {margin-right:10px;}	
.margin_left {margin-left:10px;}	
.padding_right {padding-right:4.2%;}	
.padding_left {padding-left:4.2%;}	
	.clear_right {clear:right;}
	.clear_left {clear:left;}
	.go_right {text-align:right;}



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

#logos + .footer {margin-top:0}

.footer {margin-top:2rem;padding:0 0;}
.footer-inner {background: right 50% no-repeat;padding:30px 0;}
.heading-footer {display:none;}

.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;}




#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%;}

h1 {opacity:0;}
.page-loaded h1 {animation: fade-in-left 500ms ease-out 200ms forwards;}