* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body, h1, h2, h3, h4, h5{margin:0;}
a{color:inherit;text-decoration:none;}
html, body, section{height:100%;}
.parentDiv, #projects{height:200%;}
section.autoH{height:auto;}
section{clear:both;display:-webkit-box;}
section#services {margin-bottom: 30vh;}
.clearL{clear:left;/*display:-webkit-box;*/}
/*Typography*/
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family:'Poppins', serif;font-weight:400;background-color:#3CA8A4;}
.sans, nav{font-family:'Poppins', sans-serif;font-weight:400;}
.bold, strong, b{font-weight:700;}
.normal h1, .normal h2, .normal{font-weight:400;}
.centTxt, #clients article{text-align:center;}
h2, .quote strong{font-size: 1.5em;line-height: 1em;}
footer{font-size:14px;}
.unthink{ padding-top:55px;font-size:10px;}
.unthink a:hover {color:white;}
/*Margins*/
p{margin-top:0;}
.noMarg{margin:0;}
#about{padding:90px 30px;}
.padTB90{padding:90px 0px;}
.padT15{padding-top:15px;}
.padT30{padding-top:30px;}
.padLR15{padding-left:15px; padding-right:15px;}
.padL30{padding-left:30px;}
.padLR30{padding-left:30px; padding-right:30px;}
.margT15{margin-top:15px;}
.margT30{margin-top:30px;}
.margL15{margin-left:15px;}
.margL20c{margin-left:20%;}
.margR20c{margin-right:0%;}
.margT_120{margin-top: -120px;}
.featmain1{font-family:'Poppins', sans-serif;font-weight:700;font-size:25px;}
.featmain2{font-family:'Poppins', sans-serif;font-weight:400;font-size:20px;}
/*Colours*/
.navy, .hoverEffect:hover{background-color:#1C344C;}
.navyTxt{color:#1C344C;}
.green, .overlay.green{background-color:#78C9B2;}
.greenTxt, .greenBtn:hover{color:#3CA8A4;}
.blue, input[type=submit].blueBtn{background-color:#3CA8A4;}
.yellow{background-color:#FFC862;}
.yellowTxt{color:#FFC862;}
.whiteTxt, .blueBtn.whiteTxt{color:white;}
/*Images*/
.fillImg{background-size:cover;background-repeat:no-repeat;background-position:50%;overflow:hidden;}
/*POsition Display*/
.displayInB{display:inline-block;}
.displayNone, .body_accordion{display:none;} #team .body_accordion, #projects{display:block;} 
.overBox.posAb, nav.posAb, .overlay, .overTxt, .abCent{position:absolute;}
.posRel,.floatL, .grid-item {position:relative;}
.floatL, .grid-item {float:left;}
.floatR{float:right;}
.overlay{top:0;right:0;left:0;bottom:0;background-color:black;opacity:0.3;}
.overlay.colour{opacity:1;}
.overTxt{z-index:2;}
.abCent
{
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/*Button Links*/
button, input[type=submit]{text-transform:uppercase;padding:5px 10px;background-color:white;color:inherit;border:1px solid white;}
button:hover, input[type=submit]:hover{background-color:transparent;color:white;}
.greenBtn{border-color:#78C9B2;} input[type=submit].blueBtn{border-color:#3CA8A4;} .blueBtn.whiteTxt:hover{border-color:white;}
/*Loading effects*/
/*.fadeInLoad, .fadeInLoadScroll{opacity:0;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;} 
.fadeInLoad.fadeIn, .fadeInLoadScroll.fadeIn{opacity:1;}*/
.fadeInLoadUp, .sizer-grid{opacity:0;top:100px;-o-transition:opacity 0.5s, top 0.5s;-moz-transition:opacity 0.5s, top 0.5s; -webkit-transition:opacity 0.5s, top 0.5s; transition:opacity 0.5s, top 0.5s;} 
.fadeInLoadUp.fadeIn{opacity:1;}
#projects .fadeInLoadUp.fadeIn{top:0;}
/*Nav*/
nav{position:fixed;left:0;top:0;bottom:0;color:white;z-index:3;}
nav .nav-brand{padding: 30px;}
nav ul{padding-left:30px;position:absolute;bottom:30px;list-style-type:none;}
.name{opacity:1; -o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.noOpacity{opacity:0;}
nav a.active{border-bottom:1px solid #FFC862;}
/* ---- grid ---- */
.grid{position:relative;height:50%;}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- grid-item ---- */
.grid-item {
  width: 20%;
  height:25%;
  transition: width 0.5s, top 0.5s;
}
.grid-item {position:absolute;}
.grid_item_width2 { width:  40%; }
.col6, .colhalf{width:50%;}
.grid_item_width3 { width:  60%; }
.grid_item_width4 { width:  80%; }
.grid_item_height2 { height: 50%; }

.top0{top:0px;} .top25, .fadeInLoadUp.offset.top0{top:25%;} .top50, .fadeInLoadUp.offset.top25{top:50%;} .top75, .fadeInLoadUp.offset.top50{top:75%;}, .fadeInLoadUp.offset.top75{top:100%;}
.left0{left:0%;} .left20{left:20%;} .left40{left:40%;} .left60{left:60%;} .left80{left:80%;} .left10{left:10%;}
.container{margin-left:16.66666666666667%;margin-top:120px;}
#related{margin-left:16.66666666666667%;}
.singleProjects {width:100%;}
/*.singleProjects, #related{margin-left:16.66666666666667%;}*/
/*.singleProjects{width:83.33333333333333%}*/

.overBox{top:37.5%;background-color:white;position:fixed;z-index:2;padding:35px 35px 35px 35px;}
.overBox2{top:15%;background-color:white;position:absolute;z-index:2;padding:35px 35px 35px 35px;}
.boxTxt{padding:35px;}
/*Accordion*/
.accordion{border-bottom:1px solid;}
/*About*/
#about{width:40%;margin-left:60%;}
/*Team*/
#team{padding-bottom:210px;}
#team .imgCircle{height:259px;width:320px;mix-blend-mode:screen;float:right;}
#team article{display:-webkit-box;}
#team .accordion, .sizer-grid{border-bottom:none;pointer-events:none;}
/*Projects*/
#projects img{width:100%;vertical-align:top;height:auto;}
.hoverEffect .overlay{opacity:0;}
#projects .grid-item:hover .overlay, .colhalf:hover .overlay{opacity:0.7;cursor:pointer;}
#projects .hoverEffect:hover .overlay{opacity:0;}
#projects .grid-item.blue:hover .overlay,.colhalf:hover .overlay{background-color:#3CA8A4;}
#projects .grid-item.yellow:hover .overlay{background-color:#FFC862;}
#projects .grid-item.navy:hover .overlay{background-color:#1C344C;}
.dblHeight .grid-item{height:12.5%;}
.dblHeight .grid_item_height2{height:25%;}
.dblHeight .grid_item_height3{height:37.5%;}
.dblHeight .grid_item_height4{height:50%;}
.dblHeight .top_25{top:-12.5%;}
.dblHeight .top25, .dblHeight .fadeInLoadUp.offset.top0{top:12.5%;}  
.dblHeight .top50, .dblHeight .fadeInLoadUp.offset.top25{top:25%;} 
.dblHeight .top75, .dblHeight .fadeInLoadUp.offset.top50{top:37.5%;} 
.dblHeight .top100, .dblHeight .fadeInLoadUp.offset.top75{top:50%;} 
.dblHeight .top125, .dblHeight .fadeInLoadUp.offset.top100{top:62.5%;} 
.dblHeight .top150, .dblHeight .fadeInLoadUp.offset.top125{top:75%;} 
.dblHeight .top175{top:87.5%;} 
.dblHeight .top200{top:100%;}
.top1500{top:150%;}
.top1250{top:250%;}
#projects.singleProjects .boxTxt{padding:0;}
#projects .boxTxt .trigger, #projects .boxTxt .slideup{padding:30px;}
#projects .boxTxt .slideup{padding-top:0;}
.col4{width:33.33333333333333%;}
.halfBox{max-width:330px;}
.trigger,.heading_accordion{cursor:pointer;}.slideup{padding-bottom:30px;}
.projectInfo{width:50%;position:absolute;right:0px;background-color:rgba(120,201,178,0.95);}
.closeProjectInfo{position: absolute;top: 10px;right: 15px;font-size: 20px;}
/*Clients*/
#clients article{width:24.654%;float:left;min-height:1px;}
#clients img{width:20%;mix-blend-mode: darken;vertical-align: middle;}
/*Footer*/
footer{clear:both;}
footer .width20{width:20%;}
footer img, nav svg{width:150px;}
nav svg #assigned{-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
#mc_embed_signup input[type=email]{border:none;padding:6px 10px;width:250px;color:#1C344C;}
#mc_embed_signup .clear{margin-left:-5px;}
footer #mc_embed_signup div.mce_inline_error {
    background: #3CA8A4;
    font-weight: 400;
} .vTop{vertical-align:top;}
#mce-success-response{    background: #3CA8A4;
    width: 322px;
    color: white;
    padding: 5px 10px;
    margin-left: 5px;}

@media screen and (min-width:769px)
{
    .sans.boxTxt{padding:20px;}
    .navyTxtFooter {font-family:'Poppins', sans-serif;font-weight:400;color:#1C344C;font-size: 12px;line-height: 16px;}
    footer .width20{width:20%;}
	.serve h1 {font-size:25px;line-height:33px;margin-bottom:40px;}
     .projectInfo {display:block;background-color: #3CA8A4;}

}

@media screen and (min-width:1051px)
{
 #blurb h1{font-size: 28px;line-height: 38px;} 
 .overBox{top:37.5%;background-color:white;position:fixed;z-index:2;padding:15px 15px 15px 15px;}
 .navyTxtFooter {font-size: 12px;line-height: 16px;}
    #about{font-size: 16px;line-height: 26px;}
}

@media screen and (min-width:1025px)
{
  .projectInfo {display:none;}  
}


@media screen and (min-width:1200px)
{
     #blurb h1{font-size: 30px;line-height: 40px;}
     .navyTxtFooter {font-size: 12px;line-height: 16px;}

}

@media screen and (min-width:1400px)
{
    #blurb h1{font-size: 34px;line-height: 44px;}
    .navyTxtFooter {font-size: 12px;line-height: 16px;}
}

@media screen and (min-width:1500px)
{
	.displayLg{display:block;}
	.grid-item{width:16.66666666666667%;}
	.grid_item_width2, #about{width:33.33333333333333%;}
	.grid_item_width3{width:50.00000000000001%;}
	.grid_item_width4{width:66.66666666666667%;}
	.left20{left:16.66666666666667%;} .left40{left:33.33333333333333%;} .left60{left:50.00000000000001%;} .left80{left:66.66666666666668%;} .left100{left:83.33333333333335%;}
	/*.container, .singleProjects, #related{margin-left:16.66666666666667%;margin-right:16.66666666666667%;}*/
	.container, #related{margin-left:16.66666666666667%;margin-right:16.66666666666667%;}
	/*.singleProjects{width:66.66666666666666%}*/
	#about{margin-left:50.00000000000001%;}
	.margL20c{margin-left:16.66666666666667%;}
	.margR20c{margin-right:16.66666666666667%;}
    #blurb h1{font-size: 36px;line-height: 46px;}
    .overBox{top:37.5%;background-color:white;position:fixed;z-index:2;padding:35px 35px 35px 35px;}
    .navyTxtFooter {font-size: 12px;line-height: 16px;}


}

@media screen and (min-width:1700px)
{
    #blurb h1{font-size: 42px;line-height: 52px;}
    .sans.boxTxt{padding:25px;}
    .quote {font-size: 20px;line-height: 28px;}
    #about {color:white;font-size: 20px;line-height: 28px;}
    .navyTxtFooter {font-size: 12px;line-height: 16px;}

}



@media screen and (max-width:1050px)
{
    #about{font-size: 16px;line-height: 26px;}
    .quote {font-size: 16px;line-height: 20px;}
	.displayNoneLap, #team .body_accordion{display:none;} .displayLap, section{display:block;}
	/*Padding*/
	.pad0Laptop, #projects{padding:0;}
	/*Grid*/
	.floatNoLap{float:none;}
	.grid-item {width:25%;}
	.grid_item_height1_laptop{height:25%;}
	.grid_item_height2_lapop{height:50%;}
	.grid_item_height3_lapop{height:75%;}
	.grid_item_width3{width:75%;}
	.grid_item_width2_lapop, .grid_item_width2{width:50%;} 
	.left25laptop{left:25%;} .left50laptop{left:50%;} .left75laptop{left:75%;} .top75laptop{top:75%;}	
	.dblHeight .grid-item {left:0;position:relative;height:100vh;float:none;}
	.container, .singleProjects,#related{margin-left:0;margin-top:90px;}
	.singleProjects, .singleProjects .grid_item_width4{width:100%;}	
	#about{margin-left:0%;width:100%;}
	#about, #services, #team,  #clients .boxTxt{padding:90px;}
	#services .grid_item_width2, .dblHeight .grid-item, nav{width:100%;}
	#projects.autoHLap{height:auto;}
	.margL20c{margin-left:0px;}
	.margT30Lap{margin-top:30px;}
	.margT60Lap{margin-top:60px;}
	.margT120Lap{margin-top:120px;}
	.col3Lap{width:30%;}
	.col7Lap{width:70%;}
	/*NAV*/
	a.menu, .close {
    display: inline-block;
    height: 20px;
    width: 25px;
    border: none;
	float:right;
    margin-top: 5px;
	}
	.close{float:none;padding-bottom:30px;}
	.menu div{height: 2px;}
	.menu div:before {top: -6px;height: 2px;}
	.menu div:after {bottom: -6px;height: 2px;}
	.menu div, .menu div:before, .menu div:after {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	}
	.menu div, .menu div:before, .menu div:after, .close span:before, .close span:after {
    cursor: pointer;
    border-radius: 1px;
    width: 25px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
	}
	.close {width:25px;height:25px;}
	.closeOut{transition:transform 0.5;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;}
	.closeOut{
		height:25px;
		width:2px;
		margin-left:12px;
		background-color:white;
		transform: rotate(45deg);
		-o-transform: rotate(45deg); /* IE 9 */
		-moz-transform: rotate(45deg); /* IE 9 */
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari and Chrome */
		Z-index:1;

	}
	.closeIn{
		height:25px;
		width:2px;

		background-color:white;
		transform: rotate(90deg);
		-moz-transform: rotate(90deg); /* IE 9 */
		-o-transform: rotate(90deg); /* IE 9 */
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Safari and Chrome */
		Z-index:2;

	}
	.close:hover .closeOut{transform: rotate(135deg);
		-moz-transform: rotate(135deg); /* IE 9 */
		-o-transform: rotate(135deg); /* IE 9 */
		-ms-transform: rotate(135deg); /* IE 9 */
		-webkit-transform: rotate(135deg);}
	nav{bottom:initial;}
	nav a.active.menu{border:none;}
	nav ul{
		left:100%;
		height: 100vh;
		width: 100%;
		top: 0; margin-top:0;
		background: #1C344C;
		padding-top: 30px;
		-webkit-transition: left 0.9s ease-in-out;
		-moz-transition: left 0.9s ease-in-out;
		-o-transition: left 0.9s ease-in-out;
		transition: left 0.9s ease-in-out;
	}
	nav ul.open{left:0;}
	/*#team article {display: block; }*/
	#team .accordion{pointer-events:auto;}
	#team button, #team button:active, #team button:focus{background:transparent;color:inherit;outline:none;}
	#team button:hover{background:white;color:#3CA8A4;}
    #blurb h1{font-family:'Poppins', sans-serif;font-weight:400;color:#78C9B2;font-size: 24px;line-height: 32px;}
    footer .width20{width:20%;}
	footer{padding-bottom:30px;}
	.projectInfo{width:100%;position:relative;}

}

@media screen and (max-width:769px)
{
	.displayNonePad{display:none;}	
	.grid_item_width2_lapop, .grid_item_width2{width:100%;}
	.left50Pad{left:50%;} .grid_item_width2_pad{width:50%;}
	.colhalf{width:100%;min-height:350px;}
    .navyTxtFooter {display: block; float: left; clear:both; width:100%;}
    footer .width20{width:100%;}
    footer img {margin-bottom: 20px;}
	.noMargTPad{margin-top:0;}
    section#services { margin-bottom:0vh;}
    .grid-item.top150.left20.green.centTxt.hoverEffect {height: 150px;}
    .bg {background-color: #1C344C;}
    nav ul {font-size: 25px;line-height: 45px;}
    .greenbg {background-color: #3CA8A4;}
}

@media screen and (max-width:680px)
{
	section,#team article, #clients article{display:block;}
	.displayNone_small{display:none;}
	.heightAuto_small, .dblHeight .heightAuto_small{height:auto;}
	.height100vh_small{height:100vh;}
	#blurb, #about, .grid_item_width2, .col6, .dblHeight .grid-item{width:100%;}
	.col3Lap{width:70%;}
	/*.dblHeight .grid_item_width2_small{width:50%;}*/
	.floatL{float:none;}
	.margT30_small{margin-top:30px;}
	.noPad_small{padding:0;}
	.padLR30_small{padding-left:30px;padding-right:30px;}
	/*grid*/
	.left0_small{left:0;}
	.singleProjects .grid-item{width:100%;position:initial;}
	
	#about, #services, #team, #projects .boxTxt, #clients {
		padding: 90px 30px;
	}
	#team .imgCircle{float:none;}
	#about h1 {font-family:'Poppins';font-weight:700;font-size:23px;line-height:31px;margin-bottom:40px;}
	.serve h1 {font-family:'Poppins';font-weight:700;font-size:23px;line-height:31px;margin-bottom:40px;}
	#mc_embed_signup .clear {margin-left: -0; display:block;}
    input[type=submit].blueBtn {background-color: #3CA8A4;font-family: 'poppins';font-size: 10px;font-weight: 400;}
}