@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,700|Oleo+Script|Rubik+Mono+One");
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.row, .container{
	margin: 0px;
}

.navigation{
	position: fixed;
	z-index: 2;
	top: 0;
	width: 100vw;
}

.mobileNavigation{
	display: none;
	position: fixed;
	z-index: 2;
	top: 0;
	width: 100%;
	background-color: white;
}

.mobileNavigation a{
	color: #2F4668;
}

.mobileButton{
	float: right;
	font-size: 36px;
	z-index: 2;
	position: absolute;
	top: 5px;
	right: 5px;
}

#navbardivmobile{
	display: none;
	z-index: 10;
	position: relative;
	background-color: white;
	width: 100%;
	text-align: center;
	padding-right: 5px;
}

#navbardivmobile li{
	margin-top: 8px;
	margin-bottom: 8px;
}

#navbardivmobile a{
	font-size: 18px;
}

#navbardivmobile ul{
	 list-style-type: none;
}




@media screen and (max-width: 1350px){
	.navigation{
		display: none;
	}
	.mobileNavigation{
		display: block;
	}
}

#firstNav{
	background-color: #2F4668;
	color: white;
	display: flex;
	align-items: center;
	height: 56px;
	font-size: 20px;
}

#firstNav a{
	color: white;
}

#firstNav a:hover{
	color: #ACAAAA;
	text-decoration: none;
}

#firstNav .fa{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 22px;
}

#secondNav{
	font-family: Open Sans, sans-serif;
	color: #95989A;
	background-color: white;
	opacity: .85;
}

#secondNav .logo{
	font-family: Georgia, sans-serif;
	color: #2F4668
}

#secondNav .logo:hover{
	color: #95989A;
}

#secondNav a{
	color: #2F4668;
	font-size: 18px;
}

#secondNav a:hover{
	color: #95989A;
}

#secondNavlist{
	display: flex;
	margin: auto;
	align-items: center;
}

#thirdNav{
	background-color: #EFEFEF;
	opacity: .76;
	padding: 10px;
}

#thirdNavlist{
	display: table;
    width: 100%;
}

#secondNavlist li
{
	display: inline-block;
	list-style-type: none;
	text-align: center;
	padding: 10px;
}



#thirdNavlist li{
	display: table-cell;
	text-align: center;
}

#thirdNav a{
	color: #464646;
	font-size: 17px;
}

#thirdNav a:hover{
	color: #2F4668;
}

#homeHero{
	background-image: url(../images/heroBG.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	position: absolute;
	z-index: 0;
	top:0;
}

#hero{
	background-image: url(../images/heroBG.jpg);
	width: 100%;
	height: 50vh;
	background-size: cover;
	background-position: center;
	position: relative;
	display: block;
	z-index: 0;
	top:0;
}

#homeHero h2, .homeAboutContainer h2, #hero h2{
    text-align: center;
    font-family: Georgia, sans-serif;
    color: #2F4668;
    padding: 40px;
    background-color: rgba(255, 255, 254, 0.75);
}

.homeAboutContainer h2{
	text-align: left;
}

.blueButton{
	display: block;
	margin: auto;
	background-color: #2F4668;
	padding: 15px 25px;
	color: white;
}

.blueButton:hover{
	background-color: #08234B;
	color: #d8d8d8;
	text-decoration: none;
}

.grayButton{
	color: #2F4668;
	border: 1px solid #A8A8A8;
	padding: 15px 25px;
	font-size: 20px;
	margin-top: 30px;
	
}



.grayButton:hover{
		color: #d8d8d8;
	text-decoration: none;
	background-color: #2F4668;
}



#homeAbout{
	margin-top: 100vh;
	position: relative;
	height: 900px;
}

@media screen and (max-width: 1700px){
	#homeAbout{
		height: 750px;
	}
}

@media screen and (max-width: 1500px){
	#homeAbout{
		height: 650px;
	}
}

@media screen and (max-width: 1100px){
	#homeAbout{
		height: 850px;
	}
}

@media screen and (max-width: 700px){
	#homeAbout{
		height: 870px;
	}
}

.floatAboutImage{
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	display: block;
}

p{
	color: #464646;
	font-size: 18px;
}

@media screen and (max-width: 1700px){
	p{
		font-size: 16px;
	}
}



.floatAboutImage img{
	width: 100%;
	height: auto;
}

.homeAboutContainer{
	position: absolute;
	top: 60px;
	right: 0;
	width: 50%;
	padding: 60px;
	background-color: rgba(255,255,255,.85);
	border: 2px solid #A8A8A8;
}

.homeAboutBar{
	width: 200px;
	height: auto;
	position: absolute;
	top: 15%;
	right: 0;
	z-index: 1;
}

@media screen and (max-width: 1600px){
	.homeAboutContainer{
		width: 70%;
	}
}

@media screen and (max-width: 1100px){
	.floatAboutImage{
		position: relative;
		width: 100%;
	}
	.homeAboutContainer{
		position: relative;
		width: 90%;
		padding: 10px;
		padding-bottom: 50px;
		padding-top: 50px;
		display: block;
		margin: auto;
	}
}

#footerConsultation{
	background-color:rgba(149,152,154, .15);
	width: auto;
	text-align: center;
	margin: auto;
	padding: 100px 25px;
	color: #95989A;
	font-size: 24px;
}

#footerSection ul{
	list-style: none;
	text-align: left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footerSection li{
	padding-top: 5px;
	padding-bottom: 5px;
}


#footerSection{
	background-color: #2F4668;
	padding-top: 50px;
	padding-bottom: 50px;
	color: white;
}

#footerSection a, #footerSection a:hover{
	color: white;
}

.aicpaLink{
    width: 100%;
    height: auto;
    max-width: 250px;
    margin: auto;
    display: block;
}


.aicpaLink img{
	width: 100%;
	height: auto;
}

#footerSection p{
	color: white;
	text-align: center;
	width: 50%;
	margin: auto;
	padding-top: 15px;
}

#footerSection a{
	text-align: center;
	margin-top: 100px;
}

#homeOffers{
	position: relative;
	display: block;
	margin-bottom: 100px;
	margin-top: 50px;
}

#homeOffers h2{
	position: absolute;
	top: 0;
	display: block;
	width: 250px;
	margin-left:-125px;
    left:50%;
	text-align: center;
	z-index: 1;
	background-color: white;
	color: #2F4668;
}

.offerBlock{
	min-height: 400px;
	background-color: white;
	width: 80%;
	left: 50%;
	margin-left: -40%;
	top: 20px;
	display: block;
	border: 1px solid #95989A;
	position: relative;
	padding: 55px;
	z-index: 0;
}

.offerBlock p, .offerBlock img{
	text-align: center;
	margin: auto;
	width: 190px;
	display: block;
}



#homeOffers .grayButton{
	position: absolute;
	width: 300px;
	margin-left:-150px;
    left:50%;
	top: 91%;
	z-index: 1;
	background-color: white;
	text-align: center;
}

#homeOffers .grayButton:hover{
	background-color: #2F4668;
}

@media screen and (max-width: 1100px){
	#homeOffers .grayButton{
		width: 200px;
		font-size: 16px;
		margin-left: -100px;
		top: 100%
		
	}
}



.offerBar{
	width: 200px;
	height: auto;
	position: absolute;
	top: 15%;
	left: 5%;
	z-index: 1;
}

@media screen and (max-width: 1100px){
	#homeOffers{
		margin-top: 370px;
	}
	.offerBar{
		top: 7%;
	}
	.offerBlock a{
		z-index: 4;
	}
	.offerBlock{
		padding: 5px;

	}
	.offerBlock .row{
		margin-top: 30px;
	}
}

#rotate1 {
    background-color: transparent;
    transform:rotate(90deg);
	position: absolute;
	display: flex;
	border-left: 10px solid #2F4668;
	top: 30px;
	right: -30px;
	height: 200px;
	text-align: center;
	padding-left: 20px;
}

#rotate2 {
    background-color: transparent;
    transform:rotate(90deg);
	position: absolute;
	display: flex;
	border-left: 10px solid #2F4668;
	top: 50px;
	left: -40px;
	height: 200px;
	text-align: center;
	padding-left: 20px;
}

#bottomAligned{
	align-self: flex-end;
}

#aboutAbout, #service1, #service2, #service3, #service4, #service5, #service6, #service7, #service8{
	border: 1px solid #e0e0e0;
	margin: auto;
	width: 65%;
	display: block;
	position: relative;
	height: 350px;
	margin-bottom: 200px;
	margin-top: 100px;
}

@media screen and (max-width: 1500px){
	#aboutAbout, #service1, #service2, #service3, #service4, #service5, #service6, #service7, #service8{
		margin-top: 50px;
		margin-bottom: 100px;
	}
}

#service2 p, #service3 p, #service4 p, #service5 p, #service6 p, #service7 p, #service8 p{
	font-size: 18px;
	padding: 10px;
	line-height: 1.7em;
}

.loweredDiv{
	position: absolute;
	width: 100%;
	top: 50px;
	background-color: rgba(255, 255, 255, .8);
	padding: 15px;
	left: 0;
}

.loweredDiv img{
	max-height: 400px;
	width: auto;
	margin: auto;
	display: block;
}


.padded{
	padding: 15px;
}

.borderedImageContainer{
	border: solid 1px #95989A;
	text-align: center;
	padding: 15px;
}

.borderedImageContainer img{
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.mobileNavigation img {

    max-width: 220px;
    padding: 10px;

}

.mobileNavigation ul{
	padding: 0px;
}

#questionForm, #contactSection, #teamSection, #serviceSection{
	margin-top: 100px;
	
	margin-bottom: 50px;
}

#mapSection{
	margin-top: 50px;
	margin-bottom: 50px;
}

#questionForm form{
	display: block;
	margin: auto;
	width: 350px;
	max-width: 96vw;
}

#questionForm form label{
	text-align: center;
	margin: auto;
	width: 100%;
}

textarea, input{
	width: 100%;
}

[type="submit"]{
	margin: auto;
	width: 100%;
}

.team1{
	width: 100%;
	height: 350px;
	background-image: url(../images/tempTeam.png);
	background-size: cover;
	background-position: center;
	padding: 0px;
}

.team1 a:hover{
	background: url(../images/53percent.png), url(../images/tempTeam.png);
	background-size: cover;
	background-position: center;
}

.team1Name{
	display: none;
	background-color: #2F4668;
	color: white;
	position: absolute;
	left: 0px;
	top: 50%;
	padding: 10px;
	font-size: 22px;
	width: 290px;
	max-width: 80vw;
}

.team1 a:hover .team1Name{
	display: block;
}

.team1 a{
	display:inline-block;width: 100%; height: 100%;
}


.darkBG{
	/*#95989A e6e6e6*/
	background-color: rgba(230,230,230,.8);
	padding: 35px;
}

.darkBG p{
	font-size: 16px;
	line-height: 1.7em;
}

a.anchor {
    display: block;
    position: relative;
    top: -180px; /* height of sticky navigation */
    visibility: hidden;
}

.loweredDivContainer{
	width: 80%;
	display: block;
	margin: auto;
}


@media screen and (max-width: 1500px){
	#aboutAbout, #service1, #service2, #service3, #service4, #service5, #service6, #service7, #service8{
		height: auto;
	}
	.loweredDiv{
		position: relative;
		top: 0px;
	}
	.service p{
		font-size: 16px !important;
	}

}

.loweredDiv img{
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 1200px) {
	.first {
		order: 1;
	}
	.second {
		order: 2;
	}
	.loweredDivContainer{
		width: 100%;
	}
	#aboutAbout, #service1, #service2, #service3, #service4, #service5, #service6, #service7, #service8{
		width: 98%;
		margin-bottom: 30px;
		margin-top: 30px;
	}
}

.service li{
	margin-top: 8px;
	margin-bottom: 8px;
}

#established1980{
	width: 65%;
	margin: 100px auto;
	display: block;
}

#established1980 img{
	width: 100%;
	height: auto;
	max-height: 400px;
	max-width: 550px;
	display: block;
	margin: auto;
}

.affiliationH2{
	text-align: right;
	color: #95989A;
	width: 400px;
	position: absolute;
	top: 35%;
	left: -300px;
	background-color: rgba(255, 255, 255, .8)
}

@media only screen and (max-width: 1500px) {
	.affiliationH2{
		position: relative;
		width: 100%;
		text-align: center;
		top: 0;
		left: auto;
	}
}



#linkSection a, #linkSection h2{
	text-align: center;
	width: 100%;
	
}

#linkSection .grayButton{
	display: block;
	margin: auto;
	height: 100%;
	font-size: 18px;
}

#linkSection .row, #linkSection .col-md-4{
	margin-top: 10px;
	margin-bottom: 10px;
}



.homeContent{
	margin-top: 350px;
}

.heroContent{
	padding-top: 250px;
}

@media screen and (max-width: 900px){
	.homeContent{
		margin-top: 130px;
	}
	.heroContent{
		padding-top: 150px;
	}
	button, input, select, textarea, label{
		max-width: 310px;
		text-align: left !important;
	}
	[type="submit"]{
		width: auto;
		padding: 10px 25px;
	}
	#contactSection{
		font-size: 16px !important;
	}
	#linkSection{
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.team1Name{
		display: block;
	}
}

@media screen and (max-width: 350px){
	button, input, select, textarea, label{
		max-width: 80vw;
	}
	#questionForm form{
		max-width: 80vw;
	}
}

#footerSection .fa{
	font-size: 26px;
	padding: 10px;
}

.margined-h2{
	margin-top: 45px;
	margin-bottom: 15px;
	text-align: center;
	margin-left: 250px;
	width: 400px;
	z-index: 200;
	position: relative;
	background-color: rgba(255, 255, 255, .8);
	
}

@media screen and (max-width: 1520px){
	.margined-h2{
		margin-left: 110px;
	}
}


@media screen and (max-width: 1320px){
	.margined-h2{
		margin-left: 70px;
	}
}


@media screen and (max-width: 1050px){
	.margined-h2{
		margin-left: 0px;
		max-width: 100%;
	}
}


.borderYear{
	height: 90px;
	width: 100%;
	position: relative;
	z-index: 200;
}