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

body{
	opacity: 0;
}


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

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

.indServTitle{
	color:#001f60;
}

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

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

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

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


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

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

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

#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---------------------------------------*/


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

#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{
	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---------------------------------------*/


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

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

#contInfoCon{
	position:absolute;
	width: 200px;
    height: 260px;
    top: 240px;
    left: 660px;
	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;
    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);
}



/*----------------------------------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;
}





