/* Sryle Sheet */
html,body {
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;	
	background-color: #FFFFFF;
	font-size: 17px;
	color: #0A2742;
}
b,em,h3,h4,h5 {
	font-family: 'Work Sans', sans-serif;
	font-weight: 900;
	color: #000;
	letter-spacing :1px;
}
h1 { font-family: 'Work Sans', sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; letter-spacing :1px; text-transform: uppercase; } h2 { font-family: "Century Gothic"; font-size: 44px; font-style: normal; font-weight: 900; line-height: 45.4px; } h3 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; 
}
p {
	margin-bottom: 20px;	
}
p.lead {
	font-family: 'Work Sans', sans-serif;
	color: #000;	
	font-weight: 600;
}
.navbar {
	position: absolute;	
	z-index: 50;
	width: 100%;
	min-height: 130px;
	margin-top: 30px;
}

.hamburger {
	position: absolute;
	top: 160px; right: 20px;
	z-index: 50;
	font-size: 30px;
	color: #fff;
}

.navbar-brand {
	position: relative;
	height: 100%;
	left: -15px;
	
}
.navbar-brand img {width: 100%;}

.navbar-nav {
	background-color: #0064b9;
	height: 100%;
	margin: 34px -30px 0 0; padding: 0;
	border-left: 1px solid #65d4ff;
	box-shadow: 5px 2px 8px 0 rgba(0,0,60,0.2);
	

}
.navbar-nav li a {
	padding: 25px 1vw;
	border-right: 1px solid #65d4ff;
	color: #fefcff;
	position: relative;
	transition: all .5s ease-in;
	text-transform: uppercase;
	font-size: 20px;
}
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:focus {
	background-color: #0176E3;
	transition: all .2s ease-out;
	color: #fff;
}
.navbar-nav .fa-caret-down {
	text-align: center;
	position: relative;	
	width: 100%;
	margin: -3px 0 0 0;
	float: left;
}
.navbar-nav .dropdown-menu {
	padding: 0;
	margin: -1px 0 0 0;
	width: inherit;	
	background-color: #0064b9;	
	border: none;
	width: 100%;
}
.navbar-nav .dropdown-menu li a {
	border: none;
	font-size: 12px;
	padding: 15px 5px 15px 10px;
}
.navbar-nav .dropdown-menu li a:hover{
	transition: all .5s ease-in;
}
.navbar-nav .dropdown-menu li a:hover{
	background-color: #0176E3;
	color: #fff;
	transition: all .2s ease-out;
}

/* Footer */
.footer-wrapper {
	background-color: #0f4058;
	margin-top: 0px;
	padding: 0;
}
.footer-wrapper .container {
	marign: 0; padding: 0;
}
footer {
	margin: 0 !important;
	padding: 20px;
	color: #5981A7;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
}

/* Carousel Caption */
.carousel-control {z-index: 40;}
.caption-left {
	position: relative;
	left: 0;
	float: left;
	color: #00547e;
	background-color: #fff;
	border: 3px solid #e3af16;
	box-shadow: 8px 6px 0 0 #e3af16, 5px 10px 30px 0 rgba(0,0,0,0.4);
	margin-top: -290px;
	padding: 10px 40px;
	z-index: 50;
	text-align: left;
	text-shadow: none;
}
.caption-left-far {
	position: absolute;
	left: -5px;	
	width: 460px;
	top: 92%;
	bottom: 21%;
}
.caption-left h2 {
	font-size: 38px;
	margin: 10px 0; padding: 0;
}
.caption-left p {
	font-size: 24px;	
}
.carousel {
	box-shadow: 0 26px 40px 0 rgba(0,0,0,0.3);	
}
.carousel .fill {background-position: top center;}


/* Home page boxes */
.home-boxes {
	margin-top: -160px;
	text-align: center;
	z-index: 60;
	position: relative;
}
.home-boxes .box {
	border: 0px solid #0064b9;
	border-radius: 3px;
	box-shadow: 3px 3px 0 0 rgba(50,70,120,0.4);
	padding: 0;
	float: left;
	width: 20%;
	margin: 0 1.5%;
	min-height: 200px;
	background-size: cover;
	background-position: center center;
	transition: all ease-in .5s;
	display: block;
	text-decoration: none;
}
.home-boxes .box:hover {
	border-color: #0176E3;	
	transition: all ease-in .3s;
	margin-top: -5px;
}

.home-boxes .box .title {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 6px 0;
	margin: 0;
	background-color: #0064b9;
	font-weight: 600;
	text-transform: uppercase;
	transition: all ease-out .4s;
}

.home-boxes .box:hover .title {
	background-color: #0176E3;	
}

/* Sub Page header */
.pageheader {
	width: 100%;
	min-height: 500px;
	position: relative;	
	background-size: cover;
	background-position: center center;
	position: relative;
}
.pageheader .pagetitle {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0,88,133,0.8);
	margin: 0;
}
.pageheader .pagetitle h1 {
	color: #fff;
	padding: 15px;
	margin: 10px;
	font-size: 50px;
}
.maincontent {
	background-color: #fff;
	padding-bottom: 30px;
	padding-top: 20px;
}
.maincontent .container {
	padding: 0 4em;	
}
hr {
	border-color: #ACACAC;
}
.maincontent .row {
	margin-bottom: 30px;	
}
.maincontent h2 {
	padding-bottom: 10px;	
}

/* Projects Page */
.projects .entry {
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);	
	margin-bottom: 30px;
	background-size: cover;
	padding: 0;
	margin: 0 0 20px 0;
	position: relaitve;
	border: 1px solid rgb(12,52,88);
	min-height: 380px;
}
.projects .entry h3 {
	background-color: rgba(12,52,88,0.95);
	width: 100%;	
	margin: 0;
	padding: 10px;
	color: #fff;
	text-align: right;
}

.projects .entry .details {
	width: 300px;
	float: right;
	height: 100%;	
	position: relative;
	background-color: rgba(255,255,255,0.9);
	margin: 0;
}
.projects .entry .details p {padding: 1em 1em 0 1em; text-align: right;}
.projects .entry .details img {padding: 0 1em 1em 1em;}
.projects .entry .details figure.col-xs-6 {padding: 0 10px 0 0;}
.projects .entry .details figure.col-xs-6 img {padding: 10px 0 0 10px;}
img.link {cursor: pointer;}

figure {margin-bottom: 20px;}
figure img {cursor: pointer;}
figure figcaption {color: rgb(125,125,125); font-size: 13px; padding: 5px 0;}

/* Mobile Header */
.mobile-header {
	text-align: left;	
	padding: 0; margin: 0;
	width: 100%;
} .mobile-header img {max-width: 300px;}

.btn-default {background-color: #0084FF; color: #fff;}

/* Masonry Grid */
.grid-item {
  float: left;
  width: 200px;
  height: 200px;
  border: 2px solid hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width: 400px; }
.grid-item--height2 { height: 400px; }


/* Builders Page */
.builders .entry {min-height: 320px; border: 1px solid green; margin-bottom: 15px; position: relative; padding:0; background-size: cover;}
.builders .entry.tall {min-height: 685px; padding-bottom: 15px;}
.builders .entry h3 {
	background-color: rgba(12,52,88,0.95);
	width: 100%;	
	margin: 0;
	padding: 10px;
	color: #fff;
	text-align: right;}
.builders .entry p {
	background-color: #fff;
	padding: 15px;
	margin: 0;
}
.builders .entry figure {margin: 0; padding: 15px; background-size: cover; float:left; width: 100%;}
.builders .entry.tall figure {margin: 0; }

.medium-logo {display: none;}

/* Phone Button on home page */

.phone {
	position: absolute;
	right: 5px;	 top: 5px;
	z-index: 200;
	padding: 10px 19px;
	background-color: #0064b9;
	font-weight: normal;
	border-radius: 0;
	font-size: 17px;
	transition: background ease-out .3s;
	visibility: visible;
}
.phone .fa {display: block; posiiton: relative; margin-top: 5px; margin-right: 10px; float: left;}

.affix {
    top: 0px;
	}

.nav-pills{
			display: inline-block;
			position: relative;
	margin: 20px;
		}


	
/* ======================= RESPONSIVE CHANGES =============================== */



/* Navbar specials */
    @media only screen and (max-width : 1725px) {
		.navbar-header {
			width: 18vw;
		}
		.navbar-brand {padding-left: 3vw;}
		.navbar-nav {
			padding-right: 0;
			margin-top: 24px;
		}
		.navbar-nav li a {
			font-size: 13px;
		}
	}
	@media only screen and (max-width : 1330px) {
		.navbar-nav li a {
			font-size: 12px;
			padding: 20px .9vw;
		}	
		.affix {top: 0px;}
	}
	@media only screen and (max-width : 1160px) {
		.navbar-brand {display: none; margin:0;}
		.navbar-nav {width: 100%; margin:0;}
		.navbar-nav li a {
			font-size: 11px;
			padding: 20px 1.2vw;
		}
		.navbar-nav .dropdown-menu li a {
			font-size: 11px;	
		}
		.navbar-nav .first {border-left: 1px solid #65d4ff;}
		.navbar-collapse {margin: 0; padding: 0;}
		.medium-logo {display: block; margin: 15px; float: left; width: 100px;}
		.navbar {margin-top: 0;}
		.navbar .container-fluid {padding: 0;}
		.phone {
			visibility: hidden;
		}
	}
	

/* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		.navbar-nav li a {
			font-size: 10px;
			padding: 20px .8vw;	
		}
		.home-boxes .box .title {
			font-size: 17px;
		}
	}
	
/* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar {margin: 0; padding: 10px; background-color: #0064b9; min-height: 90px; position: relative;}
		.navbar-nav {margin: 0; padding: 0; background-color: #003452; box-shadow: none; border: 1px solid #005EB7; border-bottom: 0;} 
		.navbar-collapse {margin: 10px 0 0 0; padding: 0;}
		.navbar-nav li a {border: none; border-bottom: 1px solid #005EB7; padding-left:10%;}
		.navbar-nav .dropdown-menu > li > a {background-color: #005EB7;}
		.navbar-nav .open .dropdown-menu > li > a {line-height: 30px; padding-left: 20%; border-bottom: 1px solid #0084FF;}
		.navbar-nav .fa-caret-down { text-align: left; 	position: relative;	width: 20px; margin: 0 0 0 15px; float: none;}
		body {background-color: #fff;}
		.home-boxes {padding: 0; clear:both; margin-top: 20px; margin-right: 5px;}
		.home-boxes .box {
			WIDTH: 49%;
			box-shadow: none;
			border-radius: 0;
			float: left;
			margin: 0 0 10px 1%;
		}
		.home-boxes .box:hover {
			margin-top: 0;
		}
		.home-boxes .lead {
			font-size :30px;	
		}
		.footer-wrapper {
			background-color: rgb(5,52,81);
			bottom: 0px;
			position: fixed;
			margin-top: 50px;
		}
		body,html {position: relative;}
		.pageheader {min-height: 200px; background-position: center center;}
		.pageheader .pagetitle h1 {font-size: 24px;}
		.maincontent {padding-bottom: 80px;}
		.maincontent .container {padding: 0 20px;}
		.maincontent .container h2 {padding-left: 10px;}
		footer {font-size: 11px;}
		
		h3 {font-size: 16px; margin-top: 10px;}
		
		.people .col-xs-12 {margin-bottom: 20px;}
		
}
	
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.mobile-header img {width: 60%; margin-top: 2%;}
		.home-boxes {left: 0; margin: 20px 0 0 0;}
		.home-boxes .box {
			WIDTH: 100%;
			float: left;
			margin: 0;
			left: 0;
		}
		.projects .entry .details {width: 100%;}
		}