/*-------------------GLOBAL SETTINGS START-----------------*/
.quickConnect {
	position: relative;
	left: -4000px;
}
html{
	margin: auto;
	/*background-color: #f3f5f9;*/
	background-color: #172638;

}
body{
	z-index: 2000;
	margin: auto;
	font-family: Arial, San;
	background-color: #172638;
}
h1{
	margin: 0 0 0 0;
	font-family: 'Cormorant Garamond', serif;
}
a{
	text-decoration: none;
	color: #fff;
}
p,
ul,
li{
 	font-family: 'Open Sans', sans-serif;
}
.leadImage{
 	height: 99vh;
 	width: 100%;
 	background-image: url(../images/BG-Ad_Optics-Animation-light.gif);
 	background-repeat: no-repeat;
 	background-size: cover;
 	background-position: center;
	background-color: #03101f;
}
.animatedText{
	margin: auto;
	height: 100%;
	background-image: url(../images/Phrases-Ad_Optics-Animation.gif);
 	background-repeat: no-repeat;
 	background-size: 40%;
 	background-position: center;
}
.colorBan{	
	color: #f2f2f2;
	text-align: center;
	height: 60px;
	background-color: #172636;
}
.whoWeAreContentWrapper,
.whatWeDoContentWrapper,
.industryExperienceContainerWrapper,
.biographyContentWrapper{
	width: 100%;
	border-style: solid;
	border-width: 6px 0;
	border-color: #172636;
	background-color: rgba(255, 255, 255, .8);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}
.whoWeAreContentWrapper{
	background-image: url(../images/WhoLeadImage.jpg);
	background-color: #172638;
}
.whatWeDoContentWrapper{
	background-image: url(../images/whatwedoLeadImage.jpg);
	background-color: #172638;
}
.industryExperienceContainerWrapper{	
	background-image: url(../images/Animation-industryExperienceBG.gif);
	background-color: #172638;
}
.biographyContentWrapper{
	height: 800px;
	overflow: hidden;
	background-image: url(../images/BioBG.png);
	background-repeat: no-repeat;
	background-size: 105%;
	background-position: -10px 0;
	background-color: #172636;
	transition: all .25s;
}
.whoWeAreHeader,
.whatWeDoHeader,
.industryExperienceHeader,
.biographyHeader,
.bigTextWhoWeAre p,
.bigTextWhatWeDo p,
.bigTextIndustryExperience p,
.serviceTitleBlock1,
.serviceTitleBlock2,
.subHeader,
.bold{
 letter-spacing: 2px;
 font-family: 'Cormorant Garamond', serif;
}
.whoWeAreHeader,
.whatWeDoHeader,
.industryExperienceHeader,
.biographyHeader{
	max-width: 100%;
	min-width: 300px;
	padding: 0 5% 0 5%;
	margin: auto;
	font-weight: lighter;
	font-size: 25px;
	color: #172636;
	padding-top: 18px;
	text-transform: uppercase;
	color: #f2f2f2;
}
.whoWeAreHeader,
.industryExperienceHeader{
	text-align: right;
}
.whatWeDoHeader{
	text-align: left;
}
.biographyHeader{
	text-align: center;
}
.accentWrapper{
	height: 10px;
	margin-top: -1px;
}

.whoWeAreAccentShapeTop,
.whatWeDoAccentShapeTop,
.industryExperienceAccentShapeTop,
.biographyAccentShapeTop{
	margin: 0 10% 0 10%;
	width: 0;
	height: 0;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-top: 22px solid #172636;
}

.whoWeAreAccentShapeTop,
.industryExperienceAccentShapeTop{
	float: right;
}
.biographyAccentShapeTop{
	margin: auto;
	z-index: 400;
	position: relative;
}

.objectLeftWhoWeAre,
.objectRightWhatWeDo,
.objectLeftIndustryExperience{
	height: 100%;
	width: 26%;
	background-repeat: no-repeat;
	transition: 1s;
}
.objectLeftWhoWeAre{
	float: left;
	background-image: url(../images/over50years.png);
	background-position: 63px 97px;
	background-size: 70%;
}	
.objectLeftIndustryExperience{
	float: left;
	background-image: url(../images/focusedApproach.png);
	background-position: 10px 140px;
	background-size: 82%;
}
.objectRightWhatWeDo{
	float: right;
	background-image: url(../images/simple_cost_effective.png);
	background-position: 20px 100px;
	background-size: 85%;
}
.overLapContainerRightWhoWeAre,
.overLapContainerRightIndustryExperience{
	float: right;
	height: 300px;
	width: 74%;
}	
.overLapContainerLeftWhatWeDo{
	float: left;
	height: 300px;
	width: 74%;	
	/*background-color: gray;*/
}
.firstLetter{
	font-size: 30px;
	font-weight: lighter;
}
.whoWeAreContent,
.leftWhatWeDoContent,
.leftIndustryExperienceContent{
	margin-top: 50px;
	margin-bottom: 75px;
	font-size: 18px;
	text-align: center;
	line-height: 22px;
	margin: auto;
	max-width: 1000px;
	min-width: 300px;
	padding:  5% 0 5% 0;
}

.whoWeAreContent{
	height:543px;
}
.leftWhatWeDoContent{
	height:355px;
}
.leftIndustryExperienceContent{
	height:440px;
}

.bigTextWhoWeAre,
.bigTextWhatWeDo,
.bigTextIndustryExperience{							
	z-index: 200;
	position: relative;
	width: 84%;
	padding: 15px;
	background-color: #172636;
	box-shadow: 0 2px 4px #999;
	border-style: solid;
	border-width: 0 0 0 30px;
	border-color: #263646;
	transition: 1s;
}
.bigTextIndustryExperience{
	margin-left: -150px;
}
.bigTextWhoWeAre{
	float: left;
	margin-left: -100px;
}	
.bigTextWhatWeDo{
	float: right;
	margin-right: -100px;
}	
.bigTextWhatWeDo p,
.bigTextWhoWeAre p,
.bigTextIndustryExperience p{
	margin: 0;
	color: #f2f2f2;
	font-size: 22px;
	text-align: left;
	text-transform: uppercase;
}
.smallTextWhoWeAre,
.smallTextWhatWeDo,
.smallTextIndustryExperience{
	z-index: 100;
	position: relative;
	top: -20px;
	width: 84%;
	padding: 25px 25px 10px 25px;
	background-color: #f2f2f2;
	box-shadow: 0 2px 4px #999;
}
.smallTextWhoWeAre,
.smallTextIndustryExperience{
	float: right;
}
.smallTextWhatWeDo{
	float: left;
}
.smallTextWhoWeAre p,
.smallTextWhatWeDo p{
	color: #172636;
	font-size: 16px;
	text-align: left;
}
.moreSmallTextWhoWeAre{
	z-index: 75;
	float: right;
	position: relative;
	top: -40px;
	margin-right: 106px;
	width: 110%;
	padding: 25px 25px 10px 25px;
	background-color: #f2f2f2;
	box-shadow: 0 2px 4px #999;
}
.moreSmallTextWhoWeAre p{
	color: #172636;
	font-size: 16px;
	text-align: left;
}
.bold{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0;
}
/*----------------GLOBAL SETTINGS END-------------*/





/*---------------NAVIGATION AREA STARTS--------------*/
/*this is important so that the user can scoll to top animation*/
#top{
	position: fixed;
	top: -1000vh;
	height: 100px;
}
/*this is important so that the user can scoll to top animation*/
nav{
	z-index: 4000;
	position: fixed;
	top: 0;
	color: #fff;
	overflow: hidden;
	height: 100px;
	width: 100%;
	border-style: solid;
	border-width: 0 0 10px 0;
	border-color: #263646;
	background-color: #172636;
	box-shadow: -1px 0 10px #000;
	box-shadow: inset 0 0 200px #000c19;
	transition:.25s;
  	animation-duration: 2s;
  	animation-name: dropNavi;
  	animation-iteration-count: 1;
  	animation-delay: 4s;
}
#mainLogo{
	background-image: url(../images/btnLogo.png);
	background-size: 120px;
	background-position: center;
	padding: 30px 70px 22px 70px;
	background-repeat: no-repeat;
}
ul{
	margin: 0;
    padding-top: 30px;
	text-align: center;
	list-style: none; 
	padding-left: 0;
}
li{
	display: inline-block;
}
/* nav ul{
	background-color: blue;
} */
nav li{
	padding: 0 0 10px 0;
}
.contactBtn,.accreditationsBtn{
	text-transform: uppercase;
	padding: 10px;
	margin: 0 5px 0 5px;
	cursor: pointer;
}
.contactBtn:hover, .accreditationsBtn:hover{
	background-color: #263646;
}
li a{
	text-transform: uppercase;
	padding: 10px;
	margin: 0 5px 0 5px;
}
li a:hover{
	background-color: #263646;
}
/*ADD THIS TAG TO ANCHOR TAG*/
a.active{
	background-color: #263646;
}
/*BODY LINK LOCATIONS FOR NAVI START*/

#whoWeAreLocator,
#whatWeDoLocator,
#industryExperienceLocator,
#biographySectionLocator{
	position: relative;
	top: -110px;
	width: 20px;
}
/*BODY LINK LOCATIONS FOR NAVI END*/
/*------------------NAVIGATION AREA ENDS-----------------*/
/*--------------CONTACT POP-UP AREA STARTS--------------*/
.contactInfoContainer{
	text-align: left;
	color: #fff;
	font-weight: lighter;
	display: inline-block;
	position: fixed;
	margin-top: 20px;
	margin-left: -165px;
	width: 200px;
	height: 170px;
	padding: 10px;
	box-shadow: 0 0 2px #000;
	background-color: #172636;
	overflow: hidden;
	opacity: 0;
	height: 5px;
	transition: .25s;
}
#contactInfoContainer{
	margin-top: -100px;
}
.accentShapePopUp{
	position: relative;
	top: -32px;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 22px solid #172636;
}
.X{
	float: right;
	position: relative;
	top: -25px;
	padding: 3px 5px 2px 5px;
	background-color: #263646;
	cursor: pointer;
}
.label{	
	margin: 0 0 0 0;
	text-transform: uppercase;
}
.hr{
	height: 5px;
	margin-bottom: 10px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 1px 0;
}
.tel,
.email{
	padding: 3px;
	margin-bottom: 3px;
}
.tel:hover,
.email:hover{
	background-color: #263646;
}
/*---------------CONTACT POP-UP AREA ENDS-------------*/


/*------ACCREDITATION POP-UP AREA STARTS-------*/


.popUpImageWrapper{
	margin: auto;
	/* width: 100%; */
	max-width: 1082px;
	min-width: 300PX;
	height: 294px;
	margin-bottom: 50px;
	/* background-color: blue; */
}
.iconAndLinkWrapper{
	float: left;
	margin: 20px;
	padding: 10px;
	height: 270px;
	width: 27%;
	/* width: 300px; */
	/* max-width: 300px; */
	/* min-width: 270px; */
	/* background-color: green; */
}

.accreditationLogos{
	margin: auto;
	height: 200px;
	/* width: 225px; */
	max-width: 225px;
	min-width: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	/* border: solid #fff 1px; */
	transition: .15s;
	/* background-color: pink; */
}
.accreditationLogos:hover{
	background-size: 90%;
	transition: .15s;
}
#anaLogo{
	background-image: url(../images/accreditationLogos/ana-white.png);
}
#nglccLogo{
	background-image: url(../images/accreditationLogos/nglcc-white.png);
}
#cpaLogo{
	background-image: url(../images/accreditationLogos/cpa-white.png);
}
.accreditationsCopy{
	margin: auto;
	/* width: 224px; */
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	/* background-color: red; */
}
/*------ACCREDITATION POP-UP AREA ENDS-------*/

/*-------------WHAT WE DO SECTION POP-UPS FOR CTA'S START-------------*/
.winPopAccreditations,
.winPopGuidance,
.winPopPerform{	
	overflow: hidden;
	overflow: auto;
	margin: auto;
	height: 100vh;
	width: 100%;
	background-color: rgba(255, 255, 255, .75);
	box-shadow: inset 0 0 200px #000c19;
	transition: all .15s;	
	z-index: -5000;
	position: fixed;
	top: 0;
	opacity: 0;
	background-size: cover;
}
.winPopAccreditations{
	background-color: #000c18f9;
	opacity: 0;
	z-index: -5000;
}
.winPopPerform{
	background-image: url(../images/performanceInside.png);
}
.winPopGuidance{
	background-image: url(../images/guidanceInside.png);
}

.popAccreditationsContent,
.popContent{
	text-align: center;
	font-weight: light;
	line-height: 25px;
	margin: auto;
	width: 90%;
	border-radius: 5px;
	color: #f2f2f2;
	background-color: rgba(255, 255, 255, .75);
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.popAccreditationsContent{
	background-color: rgba(255, 255, 255, 0);
	/* background-color: pink; */
}
.popAccreditationsHeader,
.popHeader{
	background-color: rgba(23, 38, 54, 1.00);
	padding: 30px 0 20px 0;
}
/* .popAccreditationsHeader{
	background-color: rgba(23, 38, 54, 0);
} */
.popFooter{
	margin: 10px 55px 0px 55px;
}
.popUpBulletWrapper{
	margin: auto;
	width: 80%;
	margin-bottom: 50px;
}
.popContent ul{
	text-align: left;
	color: #000;
}
.popContent li{
	display: block;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 0 0 0 5px;
	border-color: #263646;
	background-color: #f2f2f2;	
	padding: 5px 0 0 20px;
}
/*CLOSES POP-UP*/
.popAccreditationsClose,
.popClose{
	cursor: pointer;
	font-size: 15px;
	padding: 10px;
	background-color: rgba(23, 38, 54, 1.00);
}
.popAccreditationsClose{
	background-color: rgb(23, 38, 54);
	transition: .15s;
}
/* .popAccreditationsClose:hover{
	background-color: rgba(23, 38, 54, 1.00);
	transition: .15s;
} */
/*-------------POP-UPS FOR CTA'S END-------------*/
/*---------SPECIAL *who-we-are* - *what-we-do* - *biography* *mainFoooter* SPECIAL-------------------*/
/*--------------WHO WE ARE BULLET SECTION STARTS-------------*/

.whoWeAreBulletContainer{
	overflow: hidden;
	padding: 50px 0 40px 0;
	background-image: url(../images/who_bullet_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0px -30vh;
	transition: all .75s;
	background-color: #172638;
}
.subHeader{
	font-size: 48px;
	color: #f2f2f2;
	text-shadow: 0 0 5px #000;
	text-align: center;
}
.whoWeAreBulletContent{
	color: #f2f2f2;
	text-align: center;
	max-width: 900px;
	min-width: 300px;
	margin: auto;
	padding-left: 10%;
	height: 100px;
}
.whoWeAreBulletContent ul{
	margin-bottom: 90px;
}
.whoWeAreBulletContent li{
	display: block;
	text-align: left;
	font-size: 17px;
	text-shadow: 0 0 5px #000;
	margin-bottom: 18px;
	font-weight: lighter;
}
.indent{
	text-indent: 10px;
}

.listOne,
.listTwo,
.listThree{
	height: 250px;
	width: 33.33%;
}
.listOne,
.listTwo{
	float: left;
}
.listThree{
	float: right;
}
.bulletFooter{
	margin: auto;
	max-width: 1000px;
	min-width: 300px;
	color: #f2f2f2;
	text-align: center;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: lighter;
	padding: 30px 0 30px 0;
}
/*-----------------WHO WE ARE BULLET SECTION ENDS-----------*/
/*-----------------WHAT WE DO SECTION STARTS---------------*/
.cta{
	height: 370px;
	width: 100%;
}
.ctaLeft,
.ctaRight{
	height: 370px;
	width: 50%;
	background-color: #172636;
	box-shadow: inset 0 0 150px #000c19;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: .25s;
}
.ctaLeft{
	float: left;
	background-image: url(../images/guidancePackage.jpg);
}
.ctaRight{
	float: right;
	background-image: url(../images/performancePackage.jpg);
}
.ctaRight:hover,
.ctaLeft:hover{
	background-size: 110%;
	box-shadow: inset 0 0 150px #000913;
	transition: .25s;
}
.serviceTitleBlock1,
.serviceTitleBlock2{
	color: #f2f2f2;
	margin: auto;
	margin-top: 50px;
	width: 300px;
	text-align: center;
	text-shadow: 0 0 5px #000;
	cursor: pointer;
}
.serviceTitleBlock1{
	float: right;
	margin-right: 20%;
}
.serviceTitleBlock2{
	float: left;
	margin-left: 20%;
}
.serviceTitle{
	font-size: 38px;
	font-weight: bolder;
	text-transform: uppercase;
}
.serviceTitleBlock p{
	font-size: 24px;
	font-style: italic;
}
#ctaBtn1,
#ctaBtn2{
	color: #f2f2f2;
	margin: auto;
	width: 175px;
	height: 70px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/packageBtn.png);
	background-size: 125px;
	background-repeat: no-repeat;
	background-position: 25px 10px;
	transition: all .25s;
}
/*-----------------WHAT WE DO SECTION ENDS-----------*/
/*-----------------INDUSTRY EXPERIENCE BULLET SECTION STARTS-----------*/
.ulLeft,
.ulRight{
	position: relative;
	width: 300px;
}
.ulLeft{
	float: left;
}
.ulRight{
	float: right;
}
.industryExperienceBulletContent ul{
	text-align: left;
	width: 300px;
}
.industryExperienceBulletContent li{
	margin-bottom: 4px;
	font-size: 17px;
	display: block;
}
/*-----------------INDUSTRY EXPERIENCE SBULLET ECTION ENDS-----------*/
/*-----------------BIOGRAPHY SECTION STARTS-----------*/
.screenSplit{
	position: relative;
	top: -15px;
	height: 102%;
}
.leftSide,
.rightSide{
	width: 50%;
	height: 102%;
}
.leftSide{
	float: left;
}
.rightSide{
	float: right;
}
.bioName{
	font-size: 28px;
	font-weight: bold;
}
#bioCopyLeftTom,
#bioCopyRightKen{
	margin: auto;
	clear: both;
	width: 100%;
	height: 102%;
	color: #fff;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 20px;
	opacity: 0;
	background-color: rgba(13, 28, 43, 0.8);
	transition: all 1.25s;
}
#ken,
#tom{
	position: relative;
	bottom: 800px;	
	height: 100%;
	width: 40%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 50%;	
	background-position: 45% 90%;
	cursor: pointer;
}
#ken{
	background-image: url(../images/Ken.png);
	float: right;
	margin-right: 30px;
}
#tom{
	background-image: url(../images/Tom.png);
	float: left;
	margin-left: 30px;
}

.freeUpKen,
.freeUpTom{
	margin: auto;	
	width: 85%;
	text-align: center;
	padding-top: 100px;
}
/*-----------------BIOGRAPHY SECTION ENDS-----------*/
/*-----------------MAIN FOOTER SECTION STARTS-----------*/
.mainFooter{
	position: relative;
	z-index: 500;
	text-align: center;
	color: #fff;
	width: 100%;
	border-style: solid;
	border-width: 10px 0 0 0;
	border-color:  #263646;
	background-color: #0d1c2b;
	padding-bottom: 20px;
}
.mainFooter a{
	margin: 0 10px 0 10px;
}
.siteMapLinks,
.socialNetworks,
.phoneNumber,
.footerLogo{
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	color: #4c5d6d;
}
.LinkedIn{
	padding: 0px 10px 0px 10px;
	background-image: url(../images/linkedIn.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}
.mainFooter li{
	display: inline-block;
}
.mainFooter a{
	color: #4c5d6d;
}
.siteMapLinks a:hover,
.socialNetworks a:hover,
.phoneNumber a:hover,
.props a:hover{ 
	background-color: #263646;
	color: #999;
}
.socialNetworks,
.footerContact{
	margin-top: 10px;
}
.footerLogo{
	margin: auto;
	height: 60px;
	width: 140px;
	background-image: url(../images/btnLogo.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.legalLink{
	text-transform: uppercase;
	font-size: 12px;
	margin: auto;
	width: 175px;
}
.props{
	text-indent: -5000px;
	font-size: 12px;
	width: 175px;
}
/*-----------------MAIN FOOTER SECTION ENDS-----------*/
/*-------MEDIA QUERIES FOR ENTERING EXTRA LARGES SCREEN SIZES-------*/
@media screen and (max-width:1353px) {
	.iconAndLinkWrapper{
		width: 26%;
	}
}
@media screen and (max-width:1084px) {
	.iconAndLinkWrapper {
		margin: 19px;
	}
	.accreditationsCopy{
		font-size: 15px;
	}
}
@media screen and (max-width: 1280px){
	.biographyContentWrapper{
		background-size: 100%;
	}
}
@media screen and (max-width: 1168px) {
	.iconAndLinkWrapper{
		width: 25%;
	}
}
@media screen and (max-width: 1024px){
	.biographyContentWrapper{
		background-size: cover; 
		background-position: center;
	}
}

@media screen and (max-width: 1020px){
	.biographyContentWrapper{
		background-size: cover; 
		background-position: center;
	}
}
/*-------MEDIA QUERIES FOR ENTERING EXTRA LARGES SCREEN SIZES-------*/
/*-------MEDIA QUERIES FOR ENTERING TABLET SIZES-------*/
/*///////////////SPECIAL/////////////*/
@media screen and (max-width: 1142px){
	#bioCopyLeftTom,
	#bioCopyRightKen{
		font-size: 16px;
	}

}
@media screen and (max-width: 1095px){
	#bioCopyLeftTom,
	#bioCopyRightKen{
		font-size: 15px;
	}

}
@media screen and (max-width: 1110px){
	#bioCopyLeftTom p,
	#bioCopyRightKen p{
		padding-top:  50px;
	}
	.whoWeAreBulletContainer{
		background-position: 0px -10vh;
	}
	.ctaLeft,
	.ctaRight{
		background-size: 104%
	}
}
@media screen and (max-width: 1024px){
	.ctaLeft,
	.ctaRight{
		background-size: cover;
	}
	.ctaLeft:hover,
	.ctaRight:hover{
		background-size: cover;
	}
}
     /* /////////////////start of large tablet styles////////////// */

	 /*////media 995px is for accredidtations pop-up//////*/
@media screen and (max-width: 995px){
	.iconAndLinkWrapper {
		width: 24%;
		/* background-color: green; */
	}

	.popUpImageWrapper {
		max-width: 1079px;
		min-width: 300PX;
		height: 294px;
	}
}
	
@media screen and (max-width: 991px) {
	.whoWeAreContent,
	.leftWhatWeDoContent,
	.leftIndustryExperienceContent{
		max-width: 900px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.whoWeAreContent{
		height: 610px;
	}
	.ctaLeft,
	.ctaRight{
		background-size: 112%
	}
	.industryExperienceBulletContent ul{
		width: 250px;
	}	
	.freeUpKen,
	.freeUpTom{
		font-size: 14px;
	}
	.subHeader{			
		margin: auto;	
		width: 90%;
		font-size: 4vw;	
		text-transform: uppercase;		
	}
	.objectLeftWhoWeAre{
		background-position: 53px 116px;
	}		
	.objectRightWhatWeDo{
		background-position: 0px 120px;
	}
	.objectLeftIndustryExperience{
		background-position: 35px 140px;
	}
	.whoWeAreBulletContent{
		width: 80%;
		padding: 0;
	}
	.whoWeAreBulletContent ul{
		width: 33%;
	}
	.indent{
		position: relative;
		left: 10px;
	}
}
@media screen and (max-width:971px){
	nav li{
		font-size: 13px;
	}
}
@media screen and (max-width:888px){
	.iconAndLinkWrapper {
		float: none;
		width: 199px;
		height: 230px;
	}
	.popUpImageWrapper {
		overflow-y: scroll;
		height: 600px;
		min-width: fit-content;
		max-width: fit-content;
		margin-top: 50px;
	}
	.accreditationLogos{
		height: 165px;
	}
}
@media screen and (max-width: 880px){
	.moreSmallTextWhoWeAre{
		margin-right: 86px;
	}
	.whoWeAreBulletContainer{
		background-position: 0px 0px;
	}
	.cta{
		height: 340px;
	}
	.ctaLeft,
	.ctaRight{
		height: 340px;
	}
}
@media screen and (max-width: 860px){
/*BODY LINK LOCATIONS FOR NAVI START*/

#whoWeAreLocator,
#whatWeDoLocator,
#industryExperienceLocator,
#biographySectionLocator{
	position: relative;
	top: -100px;
	width: 20px;
}
/*BODY LINK LOCATIONS FOR NAVI END*/
	.fixed{
		height: 90px;
	}
	/* nav li{
		font-size: 13px;
	} */
	.whoWeAreContent{
		height: 657px;	
	}
	.whoWeAreBulletContent{
		padding-left: 7%;
	}	
	.leftWhatWeDoContent{
		height:395px;
	}
	.ctaLeft,
	.ctaRight{
		background-size: cover;
	}
	.serviceTitleBlock1{
		margin-right: 12%;
	}
	.serviceTitleBlock2{
		margin-left: 12%;
	}
	.leftIndustryExperienceContent{
		height: 480px;
	}	
	.industryExperienceBulletContent ul{
		width: 240px;
	}	
	.freeUpKen,
	.freeUpTom{
		line-height: 19px;
	}	
	.mainFooter li{
		font-size: 13px;
	}
}
@media screen and ( max-width: 814px){
	/* .whoWeAreContent{
		height: 789px;
	} */
	.whoWeAreBulletContainer{
		background-position: 0px 0vh;
	}
	.industryExperienceBulletContent ul{
		width: 225px;
	}
	.freeUpKen,
	.freeUpTom{
		line-height: 18px;
	}
}
@media screen and (max-width: 796px){
	.whoWeAreContent {
		height: 683px;
	}
}
@media screen and (max-width: 791px){
	.whoWeAreContent {
		height: 703px;
	}
}

/*//////////////////////MOBILE NAV STARTS ////////////////////*/
@media screen and (max-width: 790px){
/*BODY LINK LOCATIONS FOR NAVI START*/
#whoWeAreLocator,
#whatWeDoLocator,
#industryExperienceLocator,
#biographySectionLocator{
	position: relative;
	top: -70px;
	width: 20px;
}
/*BODY LINK LOCATIONS FOR NAVI END*/
/*//////////////-------------MAJOR CHANGE TO BIO'S START at 991 pixels------------////////////*/
.biographyContentWrapper{
	height: 390px;
}
/*////////////-------------HIDE DESKTOP BIO START----------/////////////*/
.screenSplit{
	position: relative;
	left: -5000px;
	height: 1px;
}
.leftSide,
.rightSide{
	position: relative;
	left: 5000px;
	width:50%;
	height: 102%;
}
/*////////////-------------HIDE DESKTOP BIO END----------/////////////*/
/*////////////-------------SHOW MOBILE BIO START----------/////////////*/
.noScreenSplitMobile{
	position: relative;
	width: 100%;
}
#tomTrigger,
#kenTrigger{
	height: 370px;
	padding-left: 15.5%;
	padding-right: 15.5%;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 70%;
	cursor: pointer;
}
#tomTrigger{
	z-index: 20;
	float: left;
	margin-left: 10%;
	background-image: url(../images/Ken.png);
}
#kenTrigger{
	z-index: 20;
	float: right;
	margin-right: 10%;
	background-image: url(../images/Tom.png);
}
#tomsBio,
#kensBio{	
	z-index: -10;
	opacity: 0;
	position: fixed;
	top: 1px;	
	overflow-y: scroll;
	margin: auto;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #03101f;
}
.mobileBioName{
	font-size: 33px;
	font-weight: bold;
}
#tomsBio p,
#kensBio p{	
	width: 90%;
	color: #fff;
	font-weight: lighter;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 30px;
}
.closeBioBtn{
	padding: 5px 25px 5px 25px;
	background-color: lightgray;
	background-color: #263646;
}
/*////////////-------------SHOW MOBILE BIO END----------/////////////*/
/*//////////////-------------MAJOR CHANGE TO BIO'S FINISH------------////////////*/
nav{
	height: 60px;
}
nav ul{
	position: relative;
	left: -5000px;
}
.quickConnect{
	left: 0;
	text-align: center;
}
.who,
.what,
.industry,
.bio,
.email,
.call{
	position: relative;
	top: -200px;
	margin: auto;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	height: 35px;
	text-align: center;
	background-color: #263646;
}
.call{
	height: 39px;
	padding-top: 2px;
}
.quickConnect a{
	left: 0;
	position: relative;
	top: 10px;
	text-transform: uppercase;
	padding: 10px 20% 10px 20%;
	font-weight: lighter;
}
.industry a,
.email a{
	padding: 10px 9% 10px 9%;
}
.bio a{
	padding: 10px 30% 10px 30%;
}
.mobileNavWrapper{
	padding: 10px 45px 0 45px;
}
#mobileLogo,
#mobileNavBtn{
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#mobileLogo{
	width: 90px;
	float: left;
	background-image: url(../images/btnLogo.png);
	cursor: pointer;
}
#mobileNavBtn{
	padding: 0 13px 0 13px;
	float: right;
	background-image: url(../images/mobileNavBtn.png);
}
#closeNaviBtn{
	margin-top: 6px;
	height: 30px;
	border-radius: 100%;
	float: right;
	background-color: #263646;
}
#mainLogo{
	background-image: none;
	padding: 0;
}
a #mainLogo{
	display: none;
}
nav{
	box-shadow: none;
	background-color: #03101f;
}
nav ul{
	margin-top: -50px;
	top: 15%;
}


nav li{
	display: block;	
	font-size: 16px;
	font-weight: lighter;
	margin: 20px;
	padding: 10px;
}

.contactBtn{
	text-indent: -5000px;
	display: none;
}
/*//////////////////////MOBILE NAV FINISHES ////////////////////*/
@media screen and (max-width: 787px){
.bigTextWhoWeAre,
.bigTextWhatWeDo,
.bigTextIndustryExperience{	
	width: 88%;
	}
.overLapContainerRightWhoWeAre,
.overLapContainerLeftWhatWeDo,
.overLapContainerRightIndustryExperience{
	width: 72%;
	}
.objectLeftWhoWeAre,
.objectRightWhatWeDo,
.objectLeftIndustryExperience{
	width: 28%;
	}
}
@media screen and (max-width: 784px){
.industryExperienceBulletContent ul{
	width: 200px;
	}
.industryExperienceBulletContent li{
	font-size: 15px;
	}
}
     /*//////////////////////start of medium tablet styles ////////////////////*/

@media screen and (max-width: 769px) {
.serviceTitleBlock1{
	margin-right: 5%;
	}
.serviceTitleBlock2{
	margin-left: 5%;
	}
.biographyContentWrapper{
	background-size: cover;
	background-position: center;
}
.mainFooter li{
	display: block;
	}
.slash{
	color: #0d1c2b;
	}
}
@media screen and (max-width: 752px){
	.whoWeAreContent{
		height: 753px;
	}
}

@media screen and (max-width: 723px){
	.whoWeAreContent {
		height: 759px;
	}
}
@media screen and (max-width: 715px){
.whoWeAreBulletContainer{
	overflow: hidden;
	padding: 50px 0 40px 0;
	background-position: 0px -2vh;
	}
.subHeader{
	font-size: 34px;
	}
.whoWeAreBulletContent{
	padding-left: 0;
	height: 230px;
	width: 88%;
	margin-top: 20px;
	}
.whoWeAreBulletContent ul{
	margin: auto;
	margin-bottom: 0;
	padding: 0;
	height: auto;
	width: 100%;
	}
.whoWeAreBulletContent li{
	display: inline-block;
	margin-bottom: 5px;
	}
.listOne,
.listTwo,
.listThree{
	width: 100%;
	}
.listOne,
.listTwo{
	float: none;
	}
.listThree{
	float: none;
	}
.leftWhatWeDoContent{
	height: 450px;
	}
}
@media screen and (max-width: 705px){
	.smallTextIndustryExperience{
		padding: 25px 15px 10px 15px;
		width: 87%;
	}
}
/*///////////////////////----------MEDIA FOR CTS POP-UP START-------------///////////////////*/
@media screen and (max-width: 700px){
	.winPopGuidance,
	.winPopPerform{	
		overflow: scroll;
	}
	.popContent{
		width: 90%;
		top: 0%;
		margin-top: 10vh;
		margin-bottom: 40px;
		transform: translateY(-0%);
	}
}
	#tomsBio p,
	#kensBio p{	
		width: 90%;
		color: #fff;
		font-weight: lighter;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-top: 10px;
	}
}
/*///////////////////////----------MEDIA FOR CTS POP-UP FINISH------------///////////////////*/
@media screen and (max-width: 693px){
	.whoWeAreContent{
		height: 814px;
	}
}
@media screen and (max-width: 683px){
	/* .whoWeAreContent{
		height:743px;
	} */
	.leftWhatWeDoContent{
		height:455px;
	}

	.serviceTitleBlock1,
	.serviceTitleBlock2{
		width: 270px;
	}
	.serviceTitle{
		font-size: 30px;
	}
	.leftIndustryExperienceContent{
		height: 390px;
	}
	.ulLeft,
	.ulRight{
		float: none;
		margin: 0;
		padding: 0;
	}
	.industryExperienceBulletContent ul{
		width: 100%;
		text-align: center;		
	}
	.industryExperienceBulletContent li{
		margin-bottom: 2px;
		font-size: 15px;
		display: inline-block;
	}
}
@media screen and (max-width: 676px){
	/* .whoWeAreContent{
		height: 775px;
	} */
}
@media screen and (max-width: 633px){
	.whoWeAreBulletContainer{
		background-position: 0px 0vh;
	}
}
@media screen and (max-width: 600px){
	.animatedText{
		background-image: url(../images/Phrases-Ad_Optics-Animation-light.gif);
		background-size: 80%;
	}
}
@media screen and  (max-width: 596px){
	.leftWhatWeDoContent{
		height: 500px;
	}
}
@media screen and (max-width: 590px){
	.whoWeAreContent {
		height: 845px;
	}
}
	/*////////////////////MAJOR LAYOUT CHANGE AT ALL SECTIONS/////////////////////*/
@media screen and (max-width: 587px){
	.whoWeAreHeader,
	.industryExperienceHeader{
		margin: auto;
		text-align: center;
	}
	.whatWeDoHeader{
		margin: auto;
		text-align: center;
	}
	.biographyHeader{
		margin: auto;
		text-align: center;
	}
	.whoWeAreAccentShapeTop,
	.whatWeDoAccentShapeTop,
	.industryExperienceAccentShapeTop,
	.biographyAccentShapeTop{
		margin: 0 10% 0 10%;
		margin: auto;
	}
	.whoWeAreAccentShapeTop,
	.industryExperienceAccentShapeTop{
		margin: auto;
		float: none;
	}
	.objectLeftWhoWeAre,
	.objectRightWhatWeDo,
	.objectLeftIndustryExperience{
		margin: auto;
		height: 200px;
		width: 84%;
		padding: 25px 25px 25px 25px;
		background-repeat: no-repeat;
		background-size: 30%;
		background-position: center;
	}
	.objectLeftWhoWeAre{
		float: none;
	}	
	.objectLeftIndustryExperience{
		float: none;
	}
	.objectRightWhatWeDo{
		float: none;
	}
	.overLapContainerRightWhoWeAre,
	.overLapContainerRightIndustryExperience{
		float: center;
		width: 100%;
	}	
	.overLapContainerLeftWhatWeDo{
		float: none;
		width: 100%;	
	}
	.whoWeAreContent,
	.leftWhatWeDoContent,
	.leftIndustryExperienceContent{
		margin-top: 50px;
		margin-bottom: 75px;
		font-size: 18px;
		text-align: center;
		line-height: 22px;
		margin: auto;
		max-width: 1000px;
		min-width: 300px;
		padding:  5% 0 5% 0;
	}
	.whoWeAreContent{
		height:1050px;
	}
	.leftWhatWeDoContent{
		height:625px;
	}
	.leftIndustryExperienceContent{
		height:570px;
	}

	.bigTextWhoWeAre,
	.bigTextWhatWeDo,
	.bigTextIndustryExperience{							
		border-style: none;
		border-width: 0 0 0 0;
		transition: 1s;
	}
	.bigTextIndustryExperience{
		margin-left: 0px;
		margin: auto;
	}
	.bigTextWhoWeAre{
		float: none;
		margin-left: 0px;
		margin: auto;
	}	
	.bigTextWhatWeDo{
		float: none;
		margin-right: 0px;
		margin: auto;
	}	
	.smallTextWhoWeAre,
	.smallTextIndustryExperience{
		float: none;
		margin: auto;
	}
	.smallTextWhatWeDo{
		float: none;
		margin: auto;
	}
	.moreSmallTextWhoWeAre{
		z-index: 75;
		float: none;
		top: 0px;
		margin-right: 0px;
		margin: auto;
		width: 100%;
		padding: 25px 25px 25px 25px;
		width: 84%;
	}
		/*//////////////////-----------------what we do CTA'S section starts---------------------//////////////////*/

	.cta{
		height: 715px;
		width: 100%;
		background-color: lightgray;
	}
	.ctaLeft,
	.ctaRight{
		height: 350px;
		width: 100%;
	}
	.ctaLeft{
		float: none;
	}
	.ctaRight{
		float: none;
		margin-top: 25px;
	}
	.serviceTitleBlock1,
	.serviceTitleBlock2{
		margin: 0;
		margin: auto;
		width: 300px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.serviceTitleBlock1{
		float: none;
		margin-right: none;
	}
	.serviceTitleBlock2{
		float: none;
		margin-left: none;
	}
	.serviceTitle{
		font-size: 34px;
	}
}
@media screen and (max-width: 581px){
	.whoWeAreBulletContainer{
		height: 400px;
	}
}
@media screen and (max-width: 556px){
	.whoWeAreContent {
   	 height: 1073px;
	}
}
@media screen and (max-width: 534px){
	.objectLeftWhoWeAre,
	.objectRightWhatWeDo,
	.objectLeftIndustryExperience{
		background-size: 38%;
	}
	.leftWhatWeDoContent{
		height: 650px;
	}
}
@media screen and (max-width: 518px){
	.whoWeAreContent{
		height: 1094px;
	}
}
@media screen and (max-width: 510px){
	/* .whoWeAreContent{
		height: 1060px;
	}	 */
	.leftWhatWeDoContent{
		height: 670px;
	}
}
    /*/////////////////////////////start of phone styles/////////////////////*/

@media screen and (max-width: 488px){
	.whoWeAreContent{
		height: 1116px;
	}
}
@media screen and (max-width: 472px){
	.whoWeAreContent{
		height: 1138px;
	}
}
@media screen and (max-width: 470px){
	.mobileNavWrapper{
		padding: 10px 20px 0 20px;
	}
	.whoWeAreContent{
		height: 1180px;
	}
	.leftWhatWeDoContent{
		height: 665px;
	}
	.leftIndustryExperienceContent{
		height: 590px;
	}
	.whoWeAreBulletContainer{
		height: 450px;
	}
}
/* @media screen and (max-width: 463px){
	.whoWeAreContent{
		height: 1167px;
	}
} */
@media screen and (max-width: 461px){
	.leftWhatWeDoContent {
   		 height: 694px;
	}
}
@media screen and (max-width: 460px){
	.leftIndustryExperienceContent{
		height: 610px;
	}
}
/* @media screen and (max-width: 458px){
	.whoWeAreContent{
		height: 1166px;
	}
} */
@media screen and (max-width: 435px){
	.whoWeAreContent{
		height: 1201px;
	}
}
@media screen and (max-width: 432px){
	.leftWhatWeDoContent{
		height: 690px;
	}
}
@media screen and (max-width: 417px){
	.whoWeAreContent{
		height: 1203px;
	}
	.smallTextWhoWeAre,
	.moreSmallTextWhoWeAre{
		width: 83%;
	}
	.leftWhatWeDoContent{
		height: 685px;
	}
	.smallTextWhatWeDo{
		width: 83%;
	}
	.leftIndustryExperienceContent{
		height: 605px;
	}
	.whoWeAreBulletContainer{
		height: 470px;
	}
}
@media screen and (max-width: 414px){
	.popAccreditationsContent{
		top: 49%;
	}
	.popUpImageWrapper {
		height: 300px;
		margin-top: 20px;
		margin-bottom: 22px;
	}
	.iconAndLinkWrapper {
		height: 183px;
	}
	.accreditationLogos {
		height: 118px;
	}
	/* .whoWeAreContent{
		height: 1233px;
	} */
	.whoWeAreBulletContainer{
		height: 490px;
	}
}
@media screen and (max-width: 410px){
	.leftWhatWeDoContent{
		height: 685px;
	}	
}
@media screen and (max-width: 407px){
	.whoWeAreContent{
		height: 1226px;
	}
	.leftWhatWeDoContent {
		height: 708px;
	}
	.leftIndustryExperienceContent{
		height: 605px;
	}
}
@media screen and (max-width: 405px){
	.leftWhatWeDoContent{
		height: 735px;
	}	
}
@media screen and (max-width: 401px){
	/* .whoWeAreContent{
		height: 1140px;
	} */
	.leftWhatWeDoContent{
		height: 730px;
	}
}
@media screen and (max-width: 399px){
	.leftWhatWeDoContent{
		height: 730px;
	}
}
@media screen and (max-width: 397px){
	.leftWhatWeDoContent{
		height: 730px;
	}
}
@media screen and (max-width: 396px){
	.leftWhatWeDoContent{
		height: 730px;
	}
}
@media screen and (max-width: 395px){
	/* .whoWeAreContent{
		height: 1145px;
	} */
	.leftWhatWeDoContent{
		height: 730px;
	}
	.whoWeAreBulletContainer{
		height: 490px;
	}
}
@media screen and (max-width: 394px){
	/* .whoWeAreContent{
		height: 1165px;
	} */
	.leftWhatWeDoContent{
		height: 750px;
	}
}
@media screen and (max-width: 393px){
	.leftIndustryExperienceContent{
		height: 625px;
	}
}
@media screen and (max-width: 391px){
	.whoWeAreContent{
		height: 1223px;
	}
}

@media screen and (max-width: 390px){
	.whoWeAreContent{
		height: 1244px;
	}
}
@media screen and (max-width: 389px){
	/* .whoWeAreContent{
		height: 1195px;
	} */
	.leftWhatWeDoContent{
		height: 760px;
	}
	.leftIndustryExperienceContent{
		height: 660px;
	}
	.whoWeAreBulletContainer{
		height: 500px;
	}
}
@media screen and (max-width: 385px){
	/* .whoWeAreContent{
		height: 1260px;
	} */
	.whoWeAreBulletContent li{
		font-size: 14px;
	}
}
@media screen and (max-width: 381px){
	.whoWeAreContent{
		height: 1244px;
	}
	.leftIndustryExperienceContent{
		height: 685px;
	}
}
@media screen and (max-width: 380px){
	.whoWeAreContent{
		height: 1266px;
	}
}
@media screen and (max-width: 379px){
	/* .whoWeAreContent{
		height: 1210px;
	} */
}
@media screen and (max-width: 375px){
	/* .whoWeAreContent{
		height: 1215px;
	} */
	.objectLeftWhoWeAre,
	.objectRightWhatWeDo,
	.objectLeftIndustryExperience{
		background-size: 50%;
	}
	.whoWeAreBulletContainer{
		height: 490px;
	}
	.whoWeAreBulletContent ul{
		width: 85%;
	}
	.leftWhatWeDoContent{
		height: 755px;
	}
}
@media screen and (max-width:373px){
	.leftIndustryExperienceContent{
		height: 680px;
	}
}
@media screen and (max-width: 372px){
	.whoWeAreBulletContainer ul{
		width: auto;
	}
}
@media screen and (max-width: 370px){
	/* .whoWeAreContent{
		height: 1211px;
	} */
}
@media screen and (max-width: 368px){
	.whoWeAreContent {
   		 height: 1288px;
	}
}
@media screen and (max-width: 365px){
	/* .whoWeAreContent{
		height: 1235px;
	} */
}
@media screen and (max-width: 357px){
	.whoWeAreContent {
   	 height: 1310px;
	}
	.leftWhatWeDoContent {
		height: 784px;
	}
}
@media screen and (max-width: 356px){
	/* .whoWeAreContent{
		height: 1235px;
	} */
}
@media screen and (max-width: 352px){
	/* .whoWeAreContent{
		height: 1230px;
	} */
	.leftWhatWeDoContent{
		height: 805px;
	}
}
@media screen and (max-width: 351px){
	.whoWeAreContent{
		height: 1331px;
	}
}
@media screen and (max-width: 349px){
	.leftWhatWeDoContent{
		height: 829px;
	}
}
@media screen and (max-width: 348px){
	.whoWeAreContent{
		height: 1352px;
	}
}
@media screen and (max-width: 346px){
	.whoWeAreContent{
		height: 1377px
	}
	.smallTextWhoWeAre,
	.moreSmallTextWhoWeAre,
	.smallTextWhatWeDo{
		width: 81%;
	}
}
@media screen and (max-width: 344px){
	.leftIndustryExperienceContent{
		height: 700px;
	}
	/* .whoWeAreContent{
		height: 1388px;
	} */
	.leftWhatWeDoContent{
		height: 815px;
	}
	.smallTextIndustryExperience{
		width: 86%;
	}
}
@media screen and (max-width: 340px){
	.industryExperienceHeader{
		font-size: 24px;
	}
	.leftIndustryExperienceContent{
		height: 725px;
	}
}
@media screen and (max-width: 338px){
	/* .whoWeAreContent{
		height: 1320px;
	} */
	.leftWhatWeDoContent{
		height: 818px;
	}
	.leftIndustryExperienceContent{
		height: 729px;
	}
}
@media screen and (max-width: 330px){
	.winPopAccreditations {
		height: 592px;
	}
	.iconAndLinkWrapper {
		width: 175px;
	}
	.popUpImageWrapper {
		height: 236px;
	}

	.leftIndustryExperienceContent{
		height: 751px;
	}
	.whoWeAreBulletContainer{
		height: 480px;
	}
}
@media screen and (max-width: 326px){
	.whoWeAreContent{
		height: 1400px;
	}
}
@media screen and (max-width: 323px){
	.leftWhatWeDoContent{
		height: 840px;
	}
	.leftIndustryExperienceContent{
		height: 748px;
	}
}
@media screen and (max-width: 313px){
	.whoWeAreContent{
		height: 1423px;
	}
}