/*------------------------------------GENERAL-----------------------------------------*/

body{
	opacity: 0;
}


/*------------------------------------SERVICES-----------------------------------------*/

#servEntrySection{
	margin: 100px 0 0 0;
	min-height:1260px;
}

#servBlockCon {
    height: 1050px;
}

.indServTitle{
	color:#001f60;
}

.pageTitleLine, .pageTitleText, .pageTitle, .pageDes{
	color:#001f60 !important;
}

.pageTitleLine{
	background-color:#001f60;
}

.servBlock:hover .indServTitle{
	color:#265cc8;
	transform: translateY(2px);
}

/*------------------------------------INDIVSERVICES-----------------------------------------*/

#indServEntrySection{
	max-height: 640px;
}

#indServLineCon{
	top: 117px;
}

#indServLine{
	width:280px;
	background-color: #001F60;
}

.servPageTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:36px;
    /*line-height:22px;*/
    margin: 0 0 10px 0;
	color:#001F60;
}

#indEntryIMG, .beforeAfterCon2{
	position:absolute;
	width:520px;
	height:auto;
	top: 50px;
    bottom:0;
	left:50px;
	margin:auto;
}

.beforeAfterCon2 {
    width: 520px;
    height: 390px;
    top:94px;
}

.baIMGCon2 {
     position: relative; 
    width: 520px;
    height: 355px;
}

.baIMG2{
	position:absolute !important;
	width:520px;
	height: auto;
}

#servEntryVidCon{
	position:absolute;
	width:520px;
	height:300px;
	top: 0;
    bottom:0;
	left:50px;
	margin:auto;
	overflow:hidden;
	background-color:rgba(0,0,0,0.0);
}

#servInfoCon{
	position:absolute;
	width: 300px;
    height: 360px;
    top: 50px;
    bottom:0;
    left: 600px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#contCon{
	position:absolute;
	width: 400px;
    height: 32px;
    left:0;
    bottom:-9px;
    margin:auto;
    background-color:rgba(0,0,0,0.0);
}

.contLine{
	width: 250px;
	background-color:#001F60;
}

#contTextBlock{
	position:absolute;
	width: 140px;
    height: 32px;
    right:0;
    bottom:0;
    margin:auto;
    background-color:rgba(0,0,0,0.0);
    transition:300ms;
}

.indContTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:18px;
	letter-spacing: 0;
	color:#001F60;
	transition:500ms;
}

.indContSubTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	color:#001F60;
	transition:500ms 50ms;
}

.lftText{
	text-align: left;
}

#contArrow{
	position:absolute;
	height:100%;
	right:0;
	bottom:0;
	transition:500ms 100ms;
}

#contTextBlock:hover .indContTitle, #contTextBlock:hover .indContSubTitle, #contTextBlock:hover #contArrow{
	transform:translateX(5px);
}

#scrollIndCenter{
	position:absolute;
	width: 60px;
	height: 50px;
	bottom: 20px;
	left:0;
	right:0;
	margin:auto;
	z-index: 100;
	background-color:rgba(0,0,0,0.0);
	animation:bounce1 2300ms infinite;
}

#backSection{
	position:relative;
	width: 100vw;
	height:400px;
	background-color:rgba(0,0,0,0.0);
}

#backLinkCon{
	position:absolute;
	width: 750px;
	height:164px;
	left:50px;
	top:50px;
	background-color:rgba(0,0,0,0.0);
}

#backLinkArrow {
    position: absolute;
    height: 50px;
    top: 16px;
    left: 0px;
    transform:rotate(180deg);
    transition: 500ms;
}

#backLinkTitle{
	left: 45px;
	color:#001F60;
	 transition: 500ms 50ms;
}


#backDesText{
	width:140px;
	left:auto;
	right:0;
	bottom:0;
	color:#001F60;
	 transition: 500ms 100ms;
}

 #backLinkCon:hover #backLinkTitle, #backLinkCon:hover #backDesText{
	transform:translateX(-10px);
}

#backLinkCon:hover #backLinkArrow{
	transform:rotate(180deg) translateX(10px);
}



/*------------------------------------WORK-----------------------------------------*/

#workEntrySection{
	margin: 100px 0 0 0;
	min-height:1100px;
}


/*------------------------------------INDWORK---------------------------------------*/

#indWorkEntrySection{
	min-height: 720px;
}

#csLineCon{
	width: 495px;
	top:100px;
}

#indWorkEntryIMG{
	position:absolute;
	width:520px;
	height:auto;
	top: 50px;
    bottom:0;
	right:50px;
	margin:auto;
}

#indWorkEntryCon{
	position:absolute;
	width:920px;
	height:300px;
	top:50px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

#workEntryIMGCon{
	position:absolute;
	width:520px;
	height:300px;
	top:0px;
    bottom:0;
	right:0px;
	margin:auto;
	overflow:hidden;
	background-color:rgba(0,0,0,0.0);
}

#workEntryVidCon{
	position:absolute;
	width:520px;
	height:300px;
	top:0px;
    bottom:0;
	right:0px;
	margin:auto;
	/*overflow:hidden;*/
	background-color:rgba(0,0,0,0.0);
}

.workEntryIMG{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.video{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#watchVidText{
	position:absolute;
	width: 265px;
    bottom: -45px;
	left:0;
	right:0;
	margin: auto;
	font-style:italic;
}

#workInfoCon{
	position:absolute;
	width: 360px;
    height: 300px;
    top:0px;
    bottom:0;
    left:0px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.workPageTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:36px;
    margin: 0 0 10px 0;
	color:#001F60;
	text-align: center;
}

.workPageSubtitle{
	width: 100%;
	font-size: 16px;
	line-height: 22px;
    font-style: italic;
    text-align: center;
    margin: 0 0 10px 0;
}

/*------------------CONTENT-----------------------*/

#contentSection{
	position:relative;
	width:100vw;
	height:auto;
	min-height:100vh;
	background-color:rgba(0,0,0,0.0);
}

.workContent{
	position: relative;
}

.cLargeIMG{
	width: 960px;
	display: block;
	margin:100px auto;
}

.cTextBlock{
	width: 620px;
	display: block;
	margin:100px auto;
}

.singleBlock{
	width:620px;
	height:auto;
	display: block;
	margin:100px auto;
	background-color:rgba(0,0,0,0.0);
}

.halvesBlock, .thirdsBlock{
	width: 960px;
	display: block;
	margin:100px auto;
	background-color:rgba(0,0,0,0.0);
}

.shortThirds{
	width:640px;
}

.allVertHalvesBlock{
	width: 632px;
}

.beforeAfterCon{
	width:620px;
	height:520px;
	display: block;
	margin:100px auto;
	background-color:rgba(0,0,0,0.0);
}

.singleIMG{
	width: 620px;
    height: auto;
    display: inline-block;
    margin:10px 0px;
}

.singleTallIMG{
	width: 390px;
    height: auto;
    margin:auto;
    display: block;	
}

.cHalfIMG{
	width: 458px;
    height: auto;
    display: inline-block;
    margin: 10px;
}

.cThirdVertIMG, .cThirdHorzIMG{
	width: auto;
    height: 314px;
    display: inline-block;
    margin: 10px;
}

.tallVertIMG{
	height: 440px;
}

.shortThirdsIMG{
	height: 275px;
}

.fullText{
	width: 620px;
    height: auto;
    display: block;
    margin: auto;
    margin: 10px auto;
    vertical-align: top;
    background-color: rgba(0,0,0,0.0);
}

.halfText{
	width: 458px;
    height: auto;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    background-color:rgba(0,0,0,0.0);
}

.cntr{
	text-align: center;
}

.baIMGCon{
	position:relative;
	width:620px;
	height:413px;
	display: block;
	margin:8px auto;
}

.baIMG{
	position:absolute;
	width:620px;
	height: auto;
}

.tallBeforeIMG, .tallAfterIMG{
	position:absolute;
	width:auto;
	height:100%;
	left:0;
	right:0;
	margin:auto;
}

.baText{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:24px;
    margin: 0 0 10px 0;
	color:#001F60;
	width: 100%;
	text-align: center;
	position:relative;
}

.baControl{
	display: inline-block;
	transition:300ms;
}

.baControl:hover{
	cursor: pointer;
	transform:scale(1.05,1.05);
}

.afterControl, .beforeControlS{
	opacity: 0.5;
}

.baDes{
	text-align: center;
}

.inlineLink{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color:#265CC8;
	transition: 300ms;
}

.inlineLink:hover{
	color:#37BB00;
}

#workBackLinkCon {
    position: absolute;
    width: 660px;
    height: 164px;
    left: 50px;
    top: 50px;
    background-color: rgba(0,0,0,0.0);
}

#workBackLinkCon:hover #backLinkTitle, #workBackLinkCon:hover #backDesText{
	transform:translateX(-10px);
}

#workBackLinkCon:hover #backLinkArrow{
	transform:rotate(180deg) translateX(10px);
}


#gtEntryIMG{
	bottom:30px;
}


/*------------------------------------ABOUT-----------------------------------------*/

#abEntrySection{
	margin:0 0 0 0;
	background-image: url(../images/about/aboutAlt01.jpg);
	background-position: bottom;
	background-size: cover;
}

#missionLineCon{
	width:500px;
}

#missionLine{
	width:380px;
}

#missionLineText{
	left:auto;
	right:0;
}

#abAboutTitle{
	color:#001F60;
}

#abMissionSection{
	background-color:#37BB00;
}

#abAboutTitle{
	color:#001F60;
}

#aboutGreenIMG{
	position:absolute;
	width:560px;
	height:auto;
	top:0px;
	bottom:0;
	left:200px;
	right:0;
	margin:auto;
}

#abAboutTitleCon{
	top:280px;
}

#abTeamSection{
	min-height:2800px;
	background-color:rgba(0,0,0,0.0);
}

#abTeamTitleCon{
	top:120px;
}

#abTeamDes{
	position:absolute;
	width: 210px;
    top: 24px;
    left: 520px;
}

#teamCon{
	position:absolute;
	width:970px;
	height:2400px;
	top:260px;
	left:50px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.tMemberBlock{
	position:relative;
	width:280px;
	height:550px;
	display: inline-block;
	margin:20px 15px;
	vertical-align:top;
	border-bottom: 1px solid #001F60;
	background-color:rgba(0,0,0,0.0);
}

.tMemberBio{
	overflow-y: scroll;
	height:197px;
	background-color:rgba(0,0,0,0.0); 
}

.tMemberIMGWrapper{
	position:relative;
	width: 100%;
	height:260px;
	margin:0 0 20px 0;
	overflow: hidden;
	background-color:rgba(0,0,0,0.0);
}

.headshot{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.tMemberName{
	position:relative;
	width:100%;
	font-family: neuzeit-grotesk, sans-serif;
	font-size:24px;
    line-height:22px;
	letter-spacing:0px;
	text-align: center;
	color:#001F60;
	margin:0 0 10px 0;
}

.tMemberPos{
	width:100%;
	font-style: italic;
	text-align: center;
	margin:0 0 10px 0;
}

.bioScroll{
	position:absolute;
	bottom: 88px;
    right: -61px;
    width: 100px;
	font-size: 9px;
	color:#001F60;
	transform: rotate(90deg);
}

.hoverQuoteBlock{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#ffffff;
	opacity:0;
	transition: 500ms;
}

.hoverQuoteText{
	position:absolute;
	width:70%;
	height:30%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	font-style: italic;
	background-color:rgba(0,0,0,0.0);
	opacity:0;
	transition: 500ms 200ms;
}

.tallQuote{
	height:38%;
}

.hoverQuoteBlock:hover{
	cursor: default;
	opacity:0.8;
	transform:scale(1.0,1.0);
}

.hoverQuoteBlock:hover .hoverQuoteText{
	opacity:1;
	transform:scale(1.0,1.0);
}


/*----------------------------------CONTACT---------------------------------------*/

#contEntrySection{
	max-height: 640px;
}

#contLineCon{
	top:100px;
}

#contLine{
	width:280px;
	background-color: #001F60;
}

#contTitleCon{
	top: 130px;
}

#contDesText {
    position: absolute;
    width: 200px;
    left: 400px;
    top: 24px;
}

#contEntryIMG{
	position:absolute;
	width:520px;
	height:auto;
	top:240px;
	left:50px;
	margin:auto;
}

#contInfoCon{
	position:absolute;
	width: 200px;
    height: 260px;
    top: 240px;
    left: 590px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}

.contInfoBlock{
	position:relative;
	display:inline-block;
	margin:13px 20px;
	vertical-align: top;
}

.contInfoTitle{
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 14px;
    letter-spacing:2px;
    margin: 0 0 5px 0;
	color:#001F60;
	transition:500ms 100ms;
}

.contInfoText{
	font-family: adobe-caslon-pro, serif;
	font-weight: 400;
	font-size:10px;
	letter-spacing:1px;
	line-height: 12px;
	color:#001F60;
}

#contMailLink{
	transition: 300ms;
}

#contMailLink:hover{
	letter-spacing: 1.25px;
	color:#265CC8;
}

/*-----------form-------------------*/


#contFormSection{
	min-height:800px;
	background-color:rgba(0,0,0,0.0);
}

#formCon{
	position:absolute;
	width:80%;
	height:auto;
	top:100px;
	bottom:0;
	left:50px;
	margin:auto;
	background-color:rgba(0,0,0,0.0);
}


input[type=text] {
    padding: 12px 20px;
    margin: 10px 20px 10px 0px;
    display: inline-block;
    border: 4px solid #001F60;
    color:#001F60;
    box-sizing: border-box;
    transition:200ms;
}


input[type=text]:focus {
	outline:0;
    padding: 12px 20px;
    margin: 10px 20px 10px 0px;
    display: inline-block;
    border: 4px solid #001F60;
   	color:#001F60;
    box-sizing: border-box;
}

.conItem{
	top:20px;
}

#fname{
	 width: 43%;
}

#lname{
	 width: 43%;
}

#email{
	 width: 53%;
}

#phone{
	 width: 33%;
}

#comment{
	padding:12px 20px 300px 20px;
	margin-bottom:20px;
	width:89%;
}

input {
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:rgba(0,0,0,1.0);
	
}

input::placeholder {
	font-family: neuzeit-grotesk, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:rgba(0,0,0,0.33);
	transition:200ms;
}


input[type=button], input[type=submit]{
	position:absolute;
	width:200px;
	height:56px;
	border: 4px solid #001F60;
	-webkit-appearance:none;
    color: #001F60;
    text-decoration: none;
	background-color:rgba(255,255,255,0.04);
    cursor: pointer;
   font-family: neuzeit-grotesk, sans-serif;
	font-size: 24px;
	font-weight:bold;
	transition:300ms;
}



input[type=submit]:hover{
	color: #ffffff;
	background-color: #001F60;
	transform: scale(1.05,1.05);
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: #001F60 !important;
}



/*------------------------------------CAREERS-----------------------------------------*/

#carLineCon{
	top:100px;
}

#carLine {
    width: 260px;
    background-color: #001F60;
}


#carTitleCon{
	top:130px;
}

#carEntryIMG {
    position: absolute;
    width: 520px;
    height: auto;
    top: 240px;
    left: 50px;
    margin: auto;
}

#carInfoCon{
	position: absolute;
    width: 300px;
    height: 130px;
    top: -35px;
    bottom: 0;
    left: 600px;
    margin: auto;
}

#careersContSection{
	min-height: 1960px;
}

#careerSubtitle{
	text-align: left;
}

.carText, .carLink{
	font-family: neuzeit-grotesk, sans-serif;
	font-size:24px;
    line-height:34px;
    text-transform: uppercase;
}

#values{
	margin: -100px auto 100px auto;
}

.carHalves{
	margin: 0 auto;
}


/*----------------------------------linkBlocks---------------------------------------*/


.linkBlockContainer{
	position:relative;
	width:100vw;
	height:500px;
	background-color:rgba(0,0,0,0.07);
	font-size: 0;
}

.linkBlock{
	position:relative;
	width:50%;
	height:500px;
	display: inline-block;
}

#bl1Block{
	background-color:#37BB00;
}

#bl2Block{
	background-color:#B3E5FF;
}

#bl3Block{
	background-color:#265CC8;
}

.linkBlockIMG{
	position:absolute;
	width:80%;
	max-width: 400px;
	height:auto;
	top:40px;
	right:40px;
	margin:auto;
}

.blLinkCon{
	position: absolute;
    height: 268px;
    bottom: 60px;
    left: 20px;
}

.blLinkCon1 {
    width: 290px;
}

.blLinkCon2 {
    width: 310px;
}

.blLinkCon3 {
    width: 420px;
}

#blAboutLinkText{
	color:#265cc8;
}

#blWorkLinkText{
	color:#37bb00;
}

#blServLinkText{
	color:#b3e5ff;
}

.blockLinkDes{
	width: 250px;
    bottom: -20px;
    left: 10px;
    color: #001F60;
}

.bl1, .bl2, .bl3{
	transition:none;
}

/*#blServArrow{
	right:-110px;
}*/


/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/



/*------------------------------------PAGES-----------------------------------------*/
/*------------------------------------PAGES-----------------------------------------*/


@media (min-width:0px) and (max-width:1050px){

/*---------------------SERVICESPAGE-------------------*/

#servEntrySection {
    min-height: 1620px;
}

/*---------------------INDSERVICESPAGE-------------------*/

#indServEntrySection{
	max-height: auto;
	min-height: 880px;
}

#indEntryIMG, .beforeAfterCon2 {
    position: absolute;
    width: 420px;
    height: auto;
    top: 150px;
    bottom: auto; 
}

.beforeAfterCon2{
	height:320px;
}

.baIMGCon2, .baIMG2{
    width: 420px;
}

.baIMGCon2{
	height: 285px;
}

.servInfoBA{
	top:475px !important;
}

.baText {
    font-size: 20px;
}

.lftText{
	text-align: left;
}

#servEntryVidCon{
	width: 480px;
    height: 280px;
	top: 140px;
    bottom: auto; 
}

#servInfoCon {
    width: 420px;
    height: 260px;
    top: 450px;
    bottom: auto; 
    left: 48px;
}

#scrollIndCenter {
   display: none;
}

#backLinkCon {
    width: 605px;
    height: 234px;
} 

/*---------------------INDWORKPAGE-------------------*/


#indWorkEntryCon {
    width: 768px;
    height: 600px;
    top: 170px;
    bottom: auto;
}

#workEntryIMGCon, #workEntryVidCon {
    top: 0px;
    bottom: auto;
    left: 0;
}

.prestCon {
    margin: 40px auto 0 auto !important;
}

#workInfoCon {
	width: 520px;
    top: 320px;
    bottom: auto;
    right: 0px;
}

.cLargeIMG {
    width: 520px;
}

.cTextBlock {
    width: 520px;
}

.halvesBlock, .thirdsBlock {
    width: 520px;
}

.shortThirds {
    width: 394px;
}

.cThirdVertIMG, .cThirdHorzIMG {
    height: 176px;
    margin: 2px;
}

.fullText {
    width: 98%;
}

 .halfText{
 	 width: 48%;
 	 margin:4px;
 }

.cHalfIMG {
    width: 248px;
    margin: 5px;
}

.tallVertIMG {
    height: 250px;
}

.allVertHalvesBlock {
    width: 345px;
}

.beforeAfterCon, .baIMGCon, .baIMG{
    width: 520px;
}

.beforeAfterCon{
	height: 440px;
}

.baIMGCon {
    height: 346px;
}

.tallBeforeIMG, .tallAfterIMG {
    width: auto;
    height: 100%;
}

/*---------------------ABOUTPAGE-------------------*/

#abTeamSection {
    min-height: 3950px;
}


#teamCon{
	width:625px;
	height: 3540px;
}

/*---------------------CAREERPAGE-------------------*/

#careersContSection {
    min-height: 1450px;
}

#carEntryIMG {
    width: 420px;
}

#carInfoCon {
	width: 250px;
    top: 240px;
    bottom: auto;
    left: 490px;
}

.carScrollInd{
	top: 480px !important;
}

}

@media (min-width:0px) and (max-width:900px){

#abTeamDes {
    width: 150px;
    top: 10px;
}

}


@media (min-width:0px) and (max-width:768px){

/*---------------------SERVICESPAGE-------------------*/

#servEntrySection {
    min-height: 1610px;
}

/*---------------------INDSERVICESPAGE-------------------*/

#indServEntrySection {
    min-height: 760px;
}

#backLinkCon {
    width: 474px;
    height: 194px;
}


/*---------------------INDWORKPAGE-------------------*/
#indWorkEntryCon {
    width: 571px;
}

#workBackLinkCon {
    width: 390px;
    height: 208px;
}

.singleBlock, .singleIMG{
	width: 520px;
}

/*---------------------ABOUTPAGE-------------------*/

#abTeamDes {
    width: 220px;
    top: 70px;
    left:5px;
}

#teamCon{
	width:625px;
	height: 3540px;
	left: 10px;
}

.tMemberBlock {
    width: 240px;
}

#aboutGreenIMG {
    width: 460px;
    left: 60px;
}


/*---------------------CONTACTPAGE-------------------*/

.lineTitleCon {
    left: -70px;
}

#contDesText {
    position: absolute;
    width: 200px;
    left: 10px;
    top: 75px;
}

#contEntryIMG {
    width: 360px;
    top: 270px;
    left: 30px;
}

#contInfoCon {
    top: 290px;
    left: 388px;
}

.contScrollInd{
	left:auto !important;
	right:20px !important;
	bottom:-30px !important;
}

#contFormSection {
    min-height: 880px;
}

#formCon{
	top: 50px;
	left:0;
	right:0;
	margin: auto;
}

#fname, #lname, #email, #phone, #comment{
	width: 100%;
}

/*---------------------CAREERPAGE-------------------*/

#carEntryIMG {
    width: 420px;
    left: 25px;
}

#carInfoCon {
    width: 420px;
    top: 540px;
    bottom: auto; 
    left: 25px;
}

.carScrollInd{
	display: none;
}

}


@media (min-width:0px) and (max-width:570px){

/*---------------------SERVICESPAGE-------------------*/	

#servEntrySection {
    min-height: 3600px;
}

/*---------------------INDSERVICESPAGE-------------------*/	

#backLinkCon {
    width: 361px;
    height: 154px;
}

.prestCon {
    top: 350px !important;
}

#indEntryIMG, .beforeAfterCon2 {
    width: 320px;
    top: 160px;
    left: 25px;
}

.beforeAfterCon2{
	height:250px;
}

.baIMGCon2, .baIMG2{
    width: 320px;
}

.baIMGCon2{
	height: 220px;
}

.servInfoBA {
    top: 430px !important;
}

#servEntryVidCon{
	width: 360px;
    height: 220px;
	top: 160px;
	left: 25px;
}

#servInfoCon {
    width: 320px;
    height: 320px;
    top: 420px;
    bottom: auto;
    left: 25px;
}

.servPageTitle {
    font-size: 28px;
}

#contCon {
    width: 320px;
}

.contLine {
    width: 160px;
}

#backLinkCon {
    left: 10px;
}

#scrollIndCenter{
	display: none;
}

/*---------------------PORTFOLIOPAGE-------------------*/

#workEntrySection {
	margin: 70px 0 0 0;
    min-height: 1870px;
}

/*---------------------INDWORKPAGE-------------------*/
.prestCon {
    margin: 0px auto 0 auto !important;
}

#csLineCon {
    top: 118px;
    left:-200px;
}

#indWorkEntryCon, #workInfoCon, .cLargeIMG, .cTextBlock, .baIMG, .halvesBlock, .thirdsBlock, .singleBlock {
    width: 380px;
}

#workEntryIMGCon {
    width: 100%;
}

#workBackLinkCon {
    width: 298px;
    height: 168px;
}

#workEntryVidCon {
    width: 370px;
    height: 210px;
    top: 85px;
}

.cHalfIMG {
    width: 100%;
    margin: 5px 0px;
}

.halfText {
    width: 100%;
    margin: 5px 0px;
}

.beforeAfterCon {
	width: 380px;
    height: 380px;
}

.baIMGCon {
	 width: 380px;
    height: 252px;
}

.singleIMG {
    width: 100%;
}

.cThirdVertIMG {
    position: relative;
    height: auto;
    margin: 10px auto;
    left: 0;
    right: 0;
    display: block;
}

 .cThirdHorzIMG{
 	width:100%;
 	height: auto;
 }

/*---------------------ABOUTPAGE-------------------*/

#abTeamSection {
    min-height: 7450px;
}

#abTeamTitleCon {
    top: 160px;
}

#abTeamDes {
    top: 50px;
}

#teamCon {
    width: 260px;
    height: 3540px;
    left: 0;
    right: 20px;
    margin: auto;
}

#abMissionSection{
	height: 500px;
}

#aboutGreenIMG {
    width: 320px;
    top:50px;
    bottom: auto;
    left: 0px;
}

#abAboutTitleCon {
    top: 200px;
}

/*---------------------CONTACTPAGE-------------------*/

.lineTitleCon {
    left: -100px;
}



#contEntryIMG {
	display: none;
}

#contInfoCon {
    top: 280px;
    left: 11px;
}

.contScrollInd {
    bottom: 60px !important;
}

/*---------------------CAREERPAGE-------------------*/

#careersContSection {
    min-height: 2055px;
}

#carEntryIMG {
    width: 360px;
    top:200px;
}

#carInfoCon {
    width: 360px;
    top: 470px;
}

.carScrollInd{
	display: inline-block;
	top:600px !important;
	bottom:auto !important;
	left:0 !important;
	right:0 !important;
	margin: auto !important;
}

}


@media (min-width:0px) and (max-width:375px){

/*---------------------SERVICESPAGE-------------------*/	

#servEntrySection {
    min-height: 3280px;
}

/*---------------------INDSERVICESPAGE-------------------*/	

.lineTitleCon {
    left: -140px;
}

#indEntryIMG {
    width: 320px;
    top: 160px;
    left: 25px;
}

#servEntryVidCon{
	width: 320px;
    height: 180px;
	top: 190px;
}

#servInfoCon {
    top: 390px;
}

#backLinkCon {
    width: 310px;
    height: 140px;
    top: 100px;
}

.blockLinkText {
    font-size: 42px;
    line-height: 42px;
}

#backSection {
    height: 300px;
}


/*---------------------PORTFOLIOPAGE-------------------*/

#workEntrySection {
    min-height: 1700px;
}

/*---------------------INDWORKPAGE-------------------*/

.prestCon {
    top: 250px !important;
}

#workBackLinkCon {
    height: 153px;
}

#csLineCon {
    left:-230px;
}

#indWorkEntryCon, #workInfoCon, .cLargeIMG, .cTextBlock, .baIMG, .halvesBlock, .thirdsBlock, .singleBlock {
    width: 300px;
}

#workEntryVidCon {
    width: 300px;
    height: 170px;
    top: 20px;
}

#workInfoCon {
    top: 255px;
}

.beforeAfterCon {
    width: 300px;
}

.baIMGCon {
    width: 300px;
    height: 200px;
}

.cThirdVertIMG, .cThirdHorzIMG {
    width: 100%;
}

#workBackLinkCon {
    width: 258px;
    left:10px;
}

/*---------------------CAREERPAGE-------------------*/

#carLineCon{
	left:-200px;
}

.sectionTitleCon {
    left: 10px;
}

#carEntryIMG {
    width: 300px;
    top:200px;
    left:10px;
}

#carInfoCon {
    width: 300px;
    top: 420px;
    left:10px;
}



}

@media (min-width:0px) and (max-width:320px){

/*---------------------SERVICESPAGE-------------------*/	

#servEntrySection {
    min-height: 2800px;
}

/*---------------------INDSERVICESPAGE-------------------*/	

.lineTitleCon {
    left: -190px;
}

.servPageTitle {
    font-size: 24px;
}

#indEntryIMG, .beforeAfterCon2 {
    width: 275px;
}

#servEntryVidCon {
    width: 274px;
    height: 160px;
    top: 190px;
}

.beforeAfterCon2{
	height:210px;
}

.baIMGCon2, .baIMG2{
    width: 275px;
}

.baIMGCon2{
	height: 185px;
}

.servInfoBA {
    top: 380px !important;
}

.baText {
    font-size: 18px;
}


#servInfoCon {
    width: 275px;
    top: 360px;
}

#contCon {
    width: 280px;
}

.contLine {
    width: 120px;
}

#backLinkCon {
    left: 0px;
    top: 60px;
}

/*---------------------PORTFOLIOPAGE-------------------*/

#workEntrySection {
    min-height: 1420px;
}

.indWorkTitle {
    font-size: 28px;
    height: 28px;
}

/*---------------------INDWORKPAGE-------------------*/

#csLineCon {
    left: -290px;
}

#workInfoCon {
    top: 260px;
}

/*---------------------ABOUTPAGE-------------------*/

#hpAboutTitleCon {
    top: 60px;
}


/*---------------------CONTACTPAGE-------------------*/

#contEntrySection {
    max-height: 440px;
}

#contInfoCon {
    top: 260px;
}

#missionLineCon{
	display: none;
}

#aboutGreenIMG {
    width: 290px;
    top: 20px;
}

#hpAboutTitleCon{
	top:130px;
}

#contDesText {
    top: 55px;
}

.contScrollInd {
    bottom: 0px !important;
}



}

/*------------------------------------LINKBLOCKS-----------------------------------------*/
/*------------------------------------LINKBLOCKS-----------------------------------------*/


@media (min-width:0px) and (max-width:900px){

.linkBlockContainer {
    height: 440px;
}

.linkBlock {
    height: 440px;
}

.blLinkCon {
    height: 192px;
}

.blLinkCon1 {
    width: 205px;
}

.blLinkCon2 {
    width: 225px;
}

.blLinkCon3 {
    width: 300px;
}

.blTitles{
	font-size: 58px;
	line-height: 58px;
}

.blockLinkDes {
    width: 250px;
    bottom: -5px;

}

}



@media (min-width:0px) and (max-width:768px){

.linkBlockContainer {
    height: 360px;
}

.linkBlock {
    height: 360px;
}

.blLinkCon3 {
    width: 280px;
}

.blTitles {
    font-size: 54px;
}

}

@media (min-width:0px) and (max-width:570px){

.pageSection{
	overflow:hidden;
}


.linkBlockContainer {
    height: 820px;
}

.linkBlock {
	width: 100%;
    height: 410px;
}

.blockArrow{
	right: 20px;
    bottom: 28px;
}

#blServArrow {
    right: 20px !important;
}

}


@media (min-width:0px) and (max-width:320px){

.contPageWaterCon{
	top:60px !important;
}

.linkBlockContainer {
    height: 660px;
}

.linkBlock {
	width: 100%;
    height: 330px;
}

#indWorkEntrySection {
    min-height: 800px;
}

#workLineCon {
    left: -185px;
}

}



/*------------------------------------MOBILELANDSCAPE-----------------------------------------*/




@media only screen and (device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation:landscape){



/*--SERVICESPAGE---*/

.indWorkSeeMore, .indWorkTitle{
	opacity:1;
}

/*--ABOUTPAGE---*/

#hpAboutTitleCon {
    top: 25px;
}

#hpAboutText{
	font-size: 14px;
    line-height: 24px;
    width: 380px;
}

#abMissionSection {
    min-height: 520px;
}

/*--CONTACTPAGE---*/

#contEntrySection {
    min-height: 560px;
}

.contScrollInd {
    top: 280px !important;
    bottom:auto !important;
}

/*--CAREERPAGE---*/

#carEntrySection {
    min-height: 660px;
}

#careersContSection {
    min-height: 1420px;
}

.carScrollInd {
	display: block !important;
    top: 360px !important;
    left: auto !important;
    right: 20px !important;
}


/*--LINKBLOCKS---*/

.blLinkCon3 {
    width: 290px;
}

.linkBlockIMG {
    top: 30px;
}


.pageSection{
	overflow:hidden;
}

#abTeamDes {
    width: 150px;
    top: 10px;
    left: 520px;
}

.blLinkCon3 {
    width: 285px;
}

#blServArrow {
    right: 0px;
}

}

@media only screen and (device-width : 736px) and (-webkit-device-pixel-ratio : 3) and (orientation:landscape)  { 

#abTeamDes {
    width: 210px;
    top: 10px;
    left: 400px;
}

.blLinkCon3 {
    width: 285px;
}

#blServArrow {
    right: 0px;
}

.contScrollInd {
    bottom: 30px !important;
}

}


@media only screen and (device-width: 667px) and (-webkit-device-pixel-ratio : 2) and (orientation: landscape){

.pageSection{
	overflow:hidden;
}

#servEntrySection {
    margin: 20px 0 0 0;
}

#abTeamTitleCon {
    top: 70px;
}

#abTeamDes {
    top: 70px;
}

#teamCon {
    top: 180px;
}

.contPageWaterCon{
	top:10px !important;
}

.blLinkCon3 {
    width: 300px;
}

.carScrollInd, .contScrollInd {
	display: block !important;
    left: auto !important;
    right: 20px !important;
     bottom: 30px !important;
}

#blServArrow {
    right: 15px;
}

#workBackLinkCon {
    width: 550px;
    height: 140px;
}

}



@media only screen and (device-width: 568px) and (min-width: 0px) and (orientation: landscape){

#servEntrySection {
    min-height: 1490px;
    margin: 40px 0 0 0;
}

#careersContSection {
    min-height: 2130px;
}

#backLinkCon {
    width: 475px;
}

#backDesText {
    bottom: -40px;
}

#workBackLinkCon {
    width: 390px;
}

}