/* NAVIGATION STUFF */ 
body{font-family: 'Raleway', sans-serif;}
h1,h2,h3{color:#035294; text-transform:uppercase;}
p, ul, li, .tel{color:#646464;}
.tel{text-decoration:none;}
nav{
	width:100%;
	height:65px;
	background:rgba(255,255,255,0.9);
	position:fixed;
	top:0px;
	left:0px;
	box-shadow:2px 0px 2px rgba(0,0,0,0.8);
	z-index:999;
}

.container{max-width:1024px; width:100%; margin:0px auto; position:relative;}
.logo{
	display:block;
	width:300px;
	height:45px;
	background:url('../img/layout/logo.png') no-repeat;
	text-indent:-9999px;
	background-size:100% auto;
	top:15px;
	left:10px;
	position:absolute;
}
p a{color:#0476d4; text-decoration:none;}

.main-nav{display:block; list-style:none; margin:0px; padding:0; position:absolute; top:25px; right:10px;}
.main-nav li{display:inline-block; border-right:1px solid #cecece; padding-right:5px;}
.main-nav li:last-child{border-right:none;}
.main-nav li a{display:block; padding:0px 5px; color:#636363; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:18px; text-decoration:none; transition:color 0.5s;}
.main-nav li a:hover, .main-nav li a.active{color:#0476d4;}

.close{display:none; position:fixed; top:5px; right:10px; color:#064173; text-decoration:none; font-family: 'Raleway', sans-serif; font-size:1.8em; display:none;}
.hamburger{display:none; width:36px; height:36px; position:absolute; top:10px; right:10px; background:url('../img/layout/hamburger.png') no-repeat;}

@media screen and (max-width:1024px){
	.main-nav li a{font-size:16px;}
}
@media screen and (max-width: 840px) {
	.main-nav{
		position:fixed;
		width:100vw;
		height:100vh;
		top:0px;
		left:0px;
		background:rgba(208,229,246,0.9);
		box-sizing:border-box;
		padding:25px 5px;
		display:none;
		z-index:1000;
		
	}
	.main-nav li{display:block; width:90%; margin:0 auto; text-align:center; border-right:none; font-size:2em;}
	.main-nav li a{font-size:1.7em; color:#064173;}
	.main-nav.active{display:block;}
	.close.active{display:block; z-index:1001;}
	.hamburger{display:block; width:36px; height:36px; position:absolute; top:10px; right:10px; background:url('../img/layout/hamburger.png') no-repeat;}

}


.carousel{width:100%; height:550px; overflow:hidden;}
.item{width:100%; min-height:550px;; height:50%;}
.item img{height:100%; width:auto; margin:0 auto;}
.hero{width:100%; height:550px;}
.boardroom{background:url('../img/home/hero-2.jpg') #71432b no-repeat center center; }
.team{background:url('../img/team/team.jpg') #aba6ac no-repeat center center; }
.team-2{background:url('../img/team/team-2.jpg') #bca488 no-repeat center center; }
.contact-hero{background:url('../img/contact/contact.jpg') #3b4d61 no-repeat center center; }
.services-hero{background:url('../img/services/services.jpg') #FFF no-repeat center center; }
.personality{background:url('../img/home/home-2.jpg') #557268 no-repeat center center; }

.boardroom h1{
	position:absolute;
	color:#FFF;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
	font-size:2.5em;
	left:0%;
	top:45%;
	width:100%;
	text-align:center;
}

.personality h1{
	position:absolute;
	color:#FFF;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
	font-size:2.5em;
	left:0%;
	top:45%;
	width:100%;
	text-align:center;
}


@media screen and (max-width:640px){
	.carousel{height:350px;}
	.hero{height:350px; background-size:auto 100%;}
	.item{height:350px;}
	.boardroom h1{
		position:absolute;
		color:#FFF;
		text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
		font-size:1.6em;
		left:0%;
		top:30%;
		width:100%;
		text-align:center;
	}
	.personality h1{
	position:absolute;
	color:#FFF;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
	font-size:1.5em;
	left:0%;
	top:45%;
	width:100%;
	text-align:center;
}
}
.vision{width:100%; height:331px; background:url('../img/home/vision.jpg') #013161 no-repeat center center; background-size:cover; margin:0; padding:0;}
.vision h2{position:relative; text-align:center; margin:0; padding-top:135px; color:#FFF; font-size:2.5em; font-weight:300;}
.vision h2 strong{ font-weight:900;}

img.full-width{width:100%; height:auto; border:0;}
a.button{display:inline-block; width:auto; padding:5px 10px; background:#035294; color:#FFF; text-transform:uppercase; text-decoration:none; transition:all 0.5s;}
a:hover.button{background:#FFF; color:#035294;}

a.button-outline{display:inline-block; width:auto; padding:5px 10px; border:1px solid #035294; color:#035294; text-transform:uppercase; text-decoration:none; transition:all 0.5s;}
a:hover.button-outline{ color:#035294; background:#035294; color:#FFF;}

/*content */
.content{padding:25px;}

.col-2{
	width:50%; 
	display:block;
	float:left;
	box-sizing:border-box;
	padding:25px;
}

.col-3{
	width:33%; 
	display:block;
	float:left;
	box-sizing:border-box;
}
.col-3 .content{padding:15px 15px;}
.three-box{padding:20px 0px;}
.col-3 img{width:100%; height:auto;}
.col-3.blue{background:#e9f6ff}
@media screen and (max-width: 768px) {
	.col-2, .col-3{float:none; width:100%; padding:10px 25px;}
}



.current-clients{
	width:100%;
	height:334px;
	background:url('../img/layout/current.jpg') #53718d no-repeat center ;
}
.current-clients .info{
	width:90%;
	margin:50px auto;
	text-align:center;
	padding:60px;
	box-sizing:border-box;
}
.current-clients .info h2{
	color:#FFF;
	font-size:2.5em;
	line-height:1.5em;
}
.current-clients .login-here{background:#d7eafb; display:inline-block; color:#4f718d; text-decoration:none; padding:5px 10px;} 



/* FOOTER */
.footer{width:100%; height:320px; background:url('../img/layout/footer.jpg') no-repeat; background-size:100% auto;}
.footer .bottom{position:absolute; top:244px; width:100%; text-align:right; padding:15px 25px; box-sizing:border-box; border-top:1px solid #dedede;}
.footer .bottom a{display:inline-block; width:auto; }
.site-map{width:300px; position:absolute; left:25px; top:15px;}
.site-map h4, .contact h4{color:#cfcfcf; line-height:1em; width:100%;}
.site-map ul{margin:0px; padding:0px;}
.site-map ul li a{color:#cfcfcf; text-decoration:none; font-weight:100; font-size:0.8em;}
.site-map ul{list-style:none;}
.tel-foot{color:#cfcfcf;}
.contact{width:540px; position:absolute; right:25px; top:15px;}
.contact p{color:#cfcfcf; font-size:0.8em;}

@media screen and (max-width: 800px) {
	.site-map{width:50%; float:left;}
	.site-map .col-2{width:100%; display:block; float:none;}
	.contact{width:50%; float:left; margin:0px; padding:0px;}
	.contact .col-3{width:100%; float:none; padding:0px;}
	.contact .col-3 p{padding:0px; margin:0px;}
	.map{display:none;}
	
}
hr{margin:40px 0px;}
#map{width:100%; height:500px; margin:0 auto; box-sizing:border-box; padding:0px; }

h3 span{font-weight:100;}

.inline-profiles:after{clear:both; content:''; display:block;}
.inline-profiles a{
	display:block;
	width:23%; height:0px;
	padding-top:20%;
	position:relative;
	background:#dedede;
	float:left;
	box-sizing:border-box;
	margin:1%;
	
}
.inline-profiles .camera-shy{width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:1; box-sizing:border-box; padding:10px; font-size:1.2em; text-align:center;}
.inline-profiles a span{background:rgba(3,79,135,0.8); display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; color:#FFF; box-sizing:border-box; padding:10px; opacity:0; transition:all 0.5s; z-index:2;}
.inline-profiles a:hover span{opacity:1;}

.heart{width:100%; height:330px; background:url('../img/layout/heart.jpg') no-repeat #000 center; background-size: auto 100%;}

@media screen and (max-width: 768px) {
	.inline-profiles a{ width:31%; padding-top:31%;

	}


@media screen and (max-width: 640px) {
	.inline-profiles a{ width:48%; padding-top:48%;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }