body {
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*font-family: "proxima-nova", sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: sans-serif;
}


.ultra {
	font-weight: 900;
}

.thin {
	font-weight: 300;
}

.centered {
	text-align: center;
}

.pad-left-2col {
	padding-left: 200px;
}

.pad-right-2col {
	padding-right: 200px;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 430px;
}

.top-430 {
	top: 430px;
}


/* /////////  HOME PAGE  ////////// */

ul.cb-slideshow {
	list-style-type: none;
	list-style: none;
	margin:0;
	padding: 0;
}

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: 100% auto;
    background-position: center top; 
    background-repeat: no-repeat;
    z-index: 0;
}


.logo1 {
	font-weight: 800;
}






.project {
	width: 100%;
	height: 430px;
	z-index: 0;
}


.title {
	font-style: normal;
	position: absolute;
	width: 100%;
	top: 150px;
	z-index: 100;
	color: #fff;
	text-align: center;
}

.title-projects {
	font-style: normal;
	position: relative;
	top: 220px;
	z-index: 100;
	color: #fff;
	text-align: center;
}

.title-proj {
	font-style: normal;
	font-weight: 400;
	position: relative;
	top: 150px;
	z-index: 100;
	color: #fff;
	font-weight: 400;
	text-align: center;
}

.title h1, .title-projects h1, .title-proj h1 {
	font-size: 4em;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.title .intro {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	max-width: 540px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.hdr img {
	width: 100%;
}

.main-sub {
	position: relative; 
	/*top: 430px;*/
	background:#fff; 
	z-index: 999;
}

/* ////////// PROJECTS INDEX PAGE ////////// */

.projects {
	width: 100%;
	height: 430px;
	background-image: url("../images/hdr_img_4.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: center top; 
    /*background-size: contain;*/
    z-index: 0;
}

.projects img {
	/*min-height: 400px;*/
	max-height: 456px;
}

.hero {
  margin-top: -144px;
}

.proj-row {
	border-bottom: 1px solid #ccc;
	padding-top: 8px;
}

.proj-row p:nth-child(1) {
	float: left;
	font-weight: 900;
	padding-top: 0;
}

.proj-row p:nth-child(2) {
	float: right;
	/*font-weight: 400;*/
}

.proj-name p {
	text-transform: uppercase;
}



/* //////////////  TEAM PAGE ////////////// */

.team {
	width: 100%;
	height: 430px;
	background-image: url("../images/hdr_img_2.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: center top; 
    /*background-size: contain;*/
    z-index: 0;
}

.people .col-sm-4 {
	margin-top: 55px;
}

.people {
	/*margin-top: 60px;*/
}

.headshot {
	text-align:center;
}

.headshot img {
	width: 100%;
	max-width: 200px;
}

.prof-name {
	text-align:center;
}

.prof-name h4 {
	color: #d1773d;
}

.email {
	text-align: center;
}



/* //////////////  SERVICES PAGE ////////////// */

.serv {
	width: 100%;
	height: 430px;
	background-image: url("../images/hdr_img_3.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: center top; 
    /*background-size: cover;*/
    z-index: 0;
}

.serv-blk {
	margin-bottom: 30px;
}
.service img {
	width: 100%;
	margin-bottom: 15px;
}

.service {
	margin-top: 36px;
}

.service h3 {
	margin:0 0 15px 0;
	padding: 0;
}

.grey {
	background-color: #eee;
}


@media (min-width: 1400px) {
	.projects, .team, .serv {
		background-size: contain;
	}
}

@media (max-width: 991px) {
	.pad-left-2col {
		padding-left: 15px;
	}
	.pad-right-2col {
		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	.projects, .team, .serv {
		background-size: auto 300px;
		height: 300px;
	}
	.top-430 {
		top: 300px;
	}
	.project {
		height: 266px;
	}
	.title {
		top: 160px;
	}

	.title-projects {
		top: 150px;
	}
	.title h1, .title-proj h1, .title-projects h1 {
		font-size: 2.5em;
	}

	.title .intro {
		display: none;
		/*font-size: 15px;
		padding-left: 15px;
		padding-right: 15px;*/
	}

	.service h3 {
		margin:20px 0 15px 0;
		padding: 0;
	}

	.title-proj {
		top: 128px;
	}
	.hero {
		margin-top: -60px;
	}

	.pullquote {
		font-size: 21px;
	}
}





/*
.container-fw {
	width: 100%;
}
*/




/*//////////// NAVBAR CUSTOMIZATIONS ////////////*/

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-brand {
	padding: 30px 15px;
	height: inherit;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: 600;
	/*text-shadow: 1px 1px #000000;*/
}

.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .15);
}

.navbar-toggle {
	margin-top: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #111;
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 30px;
	}
}

@media (max-width: 350px) {
	.navbar-brand img {
		max-width: 200px;
	}
}


.nav-bg {
	background-color: #111;
	-webkit-transition: background-color 600ms linear;
    -moz-transition: background-color 600ms linear;
    -o-transition: background-color 600ms linear;
    -ms-transition: background-color 600ms linear;
    transition: background-color 600ms linear;
}


.main {
	position: relative; background:#fff; z-index: 999;
}

.services {
	margin-top: 30px;
	margin-bottom: 30px;
}

.services h3 {
	color: #d1773d;
}


/*//////////// HOME PAGE CHECKERBOARD AREA ////////////*/

.cb01 {
	background-image: url("../images/checkerbd_img01.jpg");
	background-repeat: no-repeat;
    background-position: center right; 
    background-size: 50% auto;
}

.cb02 {
	background-image: url("../images/checkerbd_img02.jpg");
	background-repeat: no-repeat;
    background-position: center left; 
    background-size: 50% auto;
}

.txt-area {
	margin-top: 30px;
	margin-bottom: 36px;
}

.txt-area p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
}

.pad-left {
	padding-left: 44px;
}

.pad-right {
	padding-right: 44px;
}

.btn-wh {
	background-color: #fff;
}

.img-top {
	width: 90%;
}


.careers {
	background-color: #eeeeee;
	margin-top: 50px;
	padding-top: 24px;
	padding-bottom: 36px;
}




.footer {
	padding-top: 36px;
	padding-bottom: 50px;
	color: #eee;
}

.footer a {
	color: #fff;
}

.ftr-nav {
	text-align: right;
}

@media (max-width: 1150px) {
	.txt-area {
		margin-top: 20px;
		margin-bottom: 24px;
	}
}

@media (max-width: 990px) {
	.txt-area p {
		font-weight: 300;
		font-size: 16px;
		line-height: 19px;
	}
	.txt-area {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {

	.navbar-default .navbar-collapse {
		background-color: #111;
	}

	.nav>li>a {
		font-size: 24px;
		line-height: 40px;
	}

	.nav>li:nth-child(2) {
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}

	.cb01 {
		background-image: url("../images/checkerbd_img01.jpg");
		background-repeat: no-repeat;
	    background-position: 0px -70px; 
	    background-size: 100% auto;
	}

	.cb02 {
		background-image: url("../images/checkerbd_img02.jpg");
		background-repeat: no-repeat;
	    background-position: 0px -70px; 
	    background-size: 100% auto;
	}

	.pad-left {
		padding-left: 15px;
	}

	.pad-right {
		padding-right: 15px;
	}

	.ftr-nav {
		text-align: left;
		margin-top: 40px;
	}

}


@media (max-width: 566px) {
	.cb01, .cb02 {
		background-position: 0px -40px; 
	}
}





.proj-container {
	position: relative;
}

.proj-img {

}

.proj-img img {
	width: 100%;
}

.proj-name {
	color: #fff;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	text-align: center;
}

.proj-name p {
	font-size: 1.3em;
	padding-top: 30%;
}

.fade {
   opacity: 0;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }

   .fade:hover {
      opacity: 1;
      }


 @media (max-width: 767px) {
	.proj-container {
		margin-bottom: 18px;
	}

	.proj-container:nth-child(3) {
		margin-bottom: 0;
	}
}

.main-color {
    background-color: #d1773d;
    color: #fff;
}


.dark-color {
	background-color: #111111;
	color: #fff;
}

.dark-color-90 {
	background-color: rgba(17,17,17,.94);
	color: #fff;
}