/* Fonts
--------------------------------------------------------------------------------*/

/* Webfont: Lato-Black */@font-face {
    font-family: 'latoblack';
    src: url('fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Lato-Bold */@font-face {
    font-family: 'latobold';
    src: url('fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */@font-face {
    font-family: 'LatoWebHairline';
    src: url('fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* Webfont: Lato-Italic */@font-face {
    font-family: 'latoitalic';
    src: url('fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Lato-Regular */@font-face {
    font-family: 'latoregular';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* Resets
--------------------------------------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, 
fieldset, input {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	text-decoration: none;
}

:focus {
	outline: 0;
}

img{
	margin: 0px;
	border:0px;
}


/* General 
---------------------------*/

.center-container{
display: table;
overflow: hidden; 
width: 100%;}

.center-item{
display: table-cell; 
vertical-align: middle;	
}
 
.relative{
	width:100%;
	height:100%;
	position:relative;
}

#lineart{
	display:none;
}

.absolute{
	width:100%;
	height:100%;
	position:absolute;
}

.tbl-cell{
	display:table-cell;
}

.matte{
	height: 100%;
    width: 100%;
    margin: 0px auto;
    display: block;
    background: url(../img/gallery-bg.png);
	position:absolute;
	bottom:0px; left: 0px;
}

.matte-dark{
	height: 100%;
    width: 100%;
    margin: 0px auto;
    display: block;
    background: url(../img/gallery-bg-dark.png);
	position:absolute;
	bottom:0px; left: 0px;
}


/* General Mobile
---------------------------*/


.templateOne .spotlight .right-bar{
	display:none;
}



/* Header Mobile
------------*/

html{
    background-color: white;
    display: block;
    max-width: 1920px;
    margin: 0px auto;
	overflow-x: hidden;
}

.header{
	width:100%;
	height: 80px;
	display:table;
}


.header .menu a{
	font-size:.875em;
	text-transform:uppercase;
	color:white;
	font-family:latoregular;
	display:block;
	line-height:30px;
	border-bottom:1px solid #b3b3b3;
	width:90%;
	margin:0px auto;
	line-height:3em;
}

.header .menu{
	display:none;
	position:absolute;
	width:100%;
	background: url(../img/gallery-bg.png);
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
	padding-top: 85px;
}

.header input{
	width: 90%;
    line-height: 18px;
    background: none;
    border: none;
    display: block;
    margin: 0px auto;
    color: white;
    font-family: latobold;
    text-indent: 50px;
    margin-top: 25px;
    font-size: 1.68em;
}

.header .logo{
	margin-left:15px;
	    height: 50px;
}

.header .center-cell.search-function{
	display:inline-block;
	postion:relative;
	display:none;
}

.header .search-icon{
    display: block;
    position: absolute;
    z-index: 1200;
    top: 416px;
    left: 7%;
}

.header .close-icon{
    position: absolute;
    right: 18px;
    top: 26px;
    z-index: 1200;
}


.header .menu-function{
	margin-right:15px;
}

.header .search-icon{
	margin-right: 15px;
}

.header .center-cell{
	display:table-cell;
	vertical-align:middle;
}

.header .center-cell.logo-holder{
		width: 100%;
}

.header img{
	cursor:pointer;
}

.header .menu-desktop{
	display:none;
}

.header .menu-desktop ul {
	display:none;
}

/* Footer Mobile
------------*/

.footer{
	background-color: #666666;
    margin-top: 1px;
    position: relative;
    background: url(../img/footer.jpg) no-repeat;
    background-position: 50%;
    background-size: 1920px 621px, cover;
	height:320px;
	clear: both;	
}

.footer .logo{
	margin:0px auto;
	display:block;
	margin-top: 15px;
}

.footer .nav{
	margin:0px auto;
	display:table;
	width:100%;
	max-width:320px;
}

.footer .left .holder a{
	display:block;
	text-align:right;
}

.footer .right .holder a{
	display:block;
	text-align:left;
}



.footer a{
	font-family:latobold;
	font-size: .681em;
	color:#b3b3b3;
	display:block;
	text-align:center;
	margin-bottom:10px;
	display:inline-block;
	text-transform:uppercase;
}

.footer .right a{
	text-align:right;
}

.footer .tbl-cell .holder{
    display: block;
    margin: 0px auto;
    max-width: 97px;
}

.footer .container{
display: block;
    margin-top: 40px;
}

.footer .left{

}

.footer .column{

}

.footer  .line{
	width: 0px;
    border: 1px solid #b3b3b3;
    height: 84px;
	position:absolute;
	left:50%;
}

.footer .right{

}

.footer .message-social .social{
    margin: 0px auto;
    display: block;
    max-width: 100px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.footer .message-social h2{
		color:#b3b3b3;
		font-size: 1em;
		font-family:latoblack;
		text-align:center;
}

.footer .social img{
	width: 30px;
	height:30px;
}

.footer .logo{
	width: 108px;
    height: 50px;
}

.footer .left.tbl-cell .holder{
	text-align:right;
}

.footer .right.tbl-cell .holder{
	text-align:left;
	max-width: 78px;
}

.footer .logo.desktop{
	display:none;
}
 
/* Home Mobile
------------*/

.home{
	    font-family: latobold;
		color:#4d4d4d;
}

.home a{
	    font-family: latobold;
		color:#4d4d4d;
}

.home .gallery .gallery-cell{
	height:500px;
	width:100%;
	position:relative;
}

.home .gallery-cell.one{
	width: 100%;
    height: 500px;
    background: url(../img/one.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
}

.home .gallery-cell.two{
	width: 100%;
    height: 500px;
    background: url(../img/two.jpg) no-repeat;
    background-position: 61.8%;
     background-size: 2880px 500px, cover;
}

.home .gallery-cell.three{
	width: 100%;
	height: 500px;
	background: url(../img/about.jpg) no-repeat;
	background-position: 61.8%;
	background-size: 2880px 500px, cover;
}

.home .gallery button{
	display:none;
}

.home .gallery-cell .content {
    height: 175px;
    width: 100%;
    font-family: latobold;
    margin: 0px auto;
    display: block;
    background: url(../img/gallery-bg.png);
	position:absolute;
	bottom:0px;
}

.home .gallery-cell .content h1{
    width: 100%;
    color: #b3b3b3;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 15px;
    font-size: 1.681em;
}

.home .gallery-cell .content a {
	color: #b3b3b3;
    text-align: center;
    border-top: 1px solid #b3b3b3;
    padding: 15px;
    font-size: 1em;
    width: 61.8%;
	max-width: 196px;
    font-family: latoregular;
	display:block;
	margin:0px auto;
	text-transform:uppercase;
}

.home .gallery-cell .content a:hover{
		
}


.home{
	width:100%;
	height:100%;
	display:block;
}

.home .item{
margin: 0px auto;
    display: block;
    width: 50%;
    margin-top: 60px;
    text-align: center;
    min-width: 260px;
}

.home .item .caption{
margin-bottom:15px;
font-family:latoregular;
}

.home .item a{
	color: #005798;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: 1px solid #005798;
    padding-bottom: 5px;
}

.home .item:first-of-type{
	margin-top:30px;
}

.home .item img{
    width: 80px;
    height: 80px;
	margin:0px auto;
	display:block;
    margin-bottom: 15px;
}

.home .tripple-content{
	display: table;
    margin: 0px auto;
}


.home .quote{
	margin-top:30px;
	height: 340px;
	display:table;
	width:100%;
	margin-bottom:1px;
	background: url(../img/c-four.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 1920px 340px, cover;
}

.home .quote .relative{
height:340px;
}

.home .quote .matte{
	height: 100%;
    width: 100%;
    margin: 0px auto;
    display: table;
    background: url(../img/gallery-bg.png);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.home .quote h3{
	font-family:latoitalic;
	font-size: 1.581em;
	color:#e6e6e6;
	text-align:center;
	border-bottom:1px solid #e6e6e6
	line-height:1.96em;
	max-width:450px;
	width:61.8%;
	display:block;
	margin:0px auto;
	margin-bottom:30px;
	min-width:320px;
}

.home .quote h4{
	font-size:1em;
	color:#e6e6e6;
	text-transform:uppercase;
	font-family:latoregular;
	text-align:center;
	max-width:450px;
	display:block;
	margin:0px auto;
}

.home .quote .tbl-cell{
	vertical-align: middle;
}

.home .collage-container{
	width:100%;
	height: 340px;
	display:table;
}


.home .collage-container .cell {
    display: inline-block;
    width: 100%;
    height: 340px;
}


.home .collage-container .cell:last-of-type{
	border-right:none;
}


.home .collage-container .cell{
	min-width:320px;
}
.home .collage-container .cell.one{
	 background: url(../img/ecology.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 768px 340px, cover;
}

.home .collage-container .cell.two{
	 background: url(../img/sierr.jpg) no-repeat;
    background-position: 50%;
    background-size: 768px 340px, cover;
}


.home .collage-container .cell.three{
	 background: url(../img/federal.jpg) no-repeat;
    background-position: 50%;
      background-size: 768px 340px, cover;
}


.home .collage-container .cell.four{
	 background: url(../img/century.jpg) no-repeat;
    background-position: 50%;
    background-size: 768px 340px, cover;
}

.home .collage-container .cell .matte{
	/* display:none */
	cursor:pointer;
}

.home .collage-container .cell.default .matte{
	display:block;
}


.home .collage-container .cell .matte h1{
font-family: latobold;
font-size: 1.681em;
color: #e6e6e6;
text-transform: uppercase;
/* margin-left: 10%; */
margin: 0px auto;
margin-top: 50px;
width: 80.8%;
text-align: center;
}

.home .collage-container .cell .matte h2{
    font-family: latobold;
    font-size: 1em;
    width: 61%;
    display: block;
    margin: 0px auto;
    color: white;
    margin-bottom: 15px;
    max-width: 320px;
    padding: 10px;
    text-align: center;
	border-top: 1px solid #e6e6e6; 
	margin-top: 10px;
}



.home .collage-container .cell .matte a{
text-transform: uppercase;
    font-family: latobold;
    font-size: 1em;
    color: #e6e6e6;
    /* border-top: 1px solid #e6e6e6; */
    /* margin-left: 10%; */
    width: 30%;
    margin: 0px auto;
    display: block;
    text-align: center;
     margin-top: 50px;
}


/**
*   Template One	
*/

.js-video {
height: 0;
padding-bottom: 50.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.js-video.widescreen {
padding-bottom: 56.34%;
}
.js-video.vimeo {
padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}

.templateOne{
	margin: 0px auto;
    width: 100%;
    padding: 0px;
    overflow-x: hidden;
}

.templateOne .content-td{

}

.templateOne.fourofour form{
	    margin-left: 50px;
}

.templateOne .banner{
	width:100%;
	height:500px;
    background: url(../img/two.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
	position:relative;
}

.templateOne.about .banner{
	width:100%;
	height:500px;
    background: url(../img/about.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
	position:relative;
}

.templateOne.projects .banner{
	width:100%;
	height:500px;
    background: url(../img/internal2.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
	position:relative;
}

.templateOne.project.sectors .banner{
	width:100%;
	height:500px;
    background: url(../img/internal2.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
	position:relative;
}


.templateOne.careers .banner{
     width: 100%;
    height: 500px;
    background: url(../img/careers.jpg) no-repeat;
    background-position: 40% 90%;
    background-size: 1920px 732px, cover;
    position: relative;
}

.templateOne.news .banner{
	width: 100%;
    height: 500px;
    background: url(../img/news.jpg) no-repeat;
    position: relative;
    background-position: 33% 43%;
}

.templateOne.capabilities .banner{
	width:100%;
	height:500px;
    background: url(../img/capabilities.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 2880px 500px, cover;
	position:relative;
}

.templateOne .banner a.sub-active{
border-bottom:1px solid #b3b3b3;
}


.templateOne .navigation{
	    margin: 30px;
}

.templateOne select{
	font-family:latoregular;
	font-size:1em;
	margin-right:40px;
	padding: 5px;
}

.templateOne .banner .container{
	position:absolute;
	bottom:0px;
    height: 175px;
    width: 100%;
    font-family: latobold;
    margin: 0px auto;
    display: block;
    background: url(../img/gallery-bg.png);
    position: absolute;
}

.templateOne .banner .container .left{
    max-width: 1024px; 
    display: inline-block;
    float: left;
    width: 100%;
}

.templateOne .banner .container .right{
	max-width: 400px;
    min-width: 400px;
    display: inline-block;
    width: 400px;
    height: 175px;
	float:right;
}

.templateOne .banner .container h1{
	/* float: left; */
    font-size: 1.681em;
    font-family: latoregular;
    color: #b3b3b3;
    line-height: 30px;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 35px;
    /* margin-left: 22px; */
    /* margin-right: 22px; */
    padding-bottom: 10px;
}

.templateOne .wrapper_banner_img img{
	width:100%;
}

.templateOne .banner .container a{
	font-size:.681em;
	font-family:latobold;
	color: #b3b3b3;
	line-height:50px;
	margin-left: 10px;
}

.templateOne .banner .container .v-bar{
	display:none;
}

.templateOne .banner .container a:hover{

}

.templateOne .banner .container .right .cat-icon{
	margin:0px auto;
	display:block;
	margin-top: 35px;
}

.templateOne .banner .container .link-wrapper{
    margin: 0px auto;
    width: 280px;
    border-top: 1px solid #b3b3b3;
	text-align: center;
}

.templateOne .banner .container .left .cat-icon{
    margin: 0px auto;
    display: block;
}

.templateOne .banner .container h1:first-of-type {

}


.templateOne .content{
	width:100%;
	display:inline-block;
	margin:0px auto;
    max-width: 1024px;
	font-size:1em;
	float: left;
	margin-bottom:30px;
	padding-top: 15px;
	font-family:latoregular;
}

.templateOne .mainTable{
	width: 100%;
}

.templateOne .content-td{
	max-width:1024px;
}

.templateOne .content ul{
	margin-left: 20px;
	font-family:latoregular;
	color:#4D4D4D;
	margin-left: 33px;
	margin-bottom: 15px;
}

.templateOne .content img{
	width: 100%;
    height: initial;
    max-width: 768px;
}

.templateOne .content .news img{
	width:auto;
	height:auto;
}

.templateOne .content h2{
    font-family: latoregular;
    font-size: 1.618em;
    color: #4D4D4D;
    margin-top: 30px;
    width: 98%;
    margin: 0px auto;
    margin-bottom: 15px;
	padding-left:15px;
	padding-right:15px;
}

.templateOne .content h3{
	font-family:latoregular;
	font-size:1.618em;
	color:#4D4D4D;
	margin-top:30px;
	margin-bottom:15px;
		padding-left:15px;
	padding-right:15px;
}

.templateOne .content a{
	font-family:latoregular;
	font-size:1em;
	color:#4D4D4D;
	margin-top:30px;
	color: #005798;
}

.templateOne .content h1{
	font-family:latoregular;
	font-size:1.618em;
	color:#4D4D4D;
	margin-top:30px;
	margin-bottom:15px;
		padding-left:15px;
	padding-right:15px;
}

.templateOne .content h4{
	font-family:latoregular;
	font-size:1em;
	margin-top:20px;
	margin-bottom:10px;
	color:#4D4D4D;
	text-transform:uppercase;
		padding-left:15px;
	padding-right:15px;
}

.templateOne .content p{
	font-size:1em;
	font-family:latoregular;
	color:#4D4D4D;
	margin:0px auto;
	width:90%;
	margin-bottom: 15px;
		padding-left:15px;
	padding-right:15px;
}

.templateOne .building img{
	display:block;
	position:absolute;
	cursor:pointer;
}

.templateOne .building2 img{
	display:block;
	position:absolute;
	cursor:pointer;
}

.templateOne .building2{
	max-width: 320px;
    height: 374px;
    width: 141px;
    position: relative;
 }


.templateOne .building{
	max-width: 320px;
    height: 335px;
    position: relative;
    margin: 0px auto;
    margin-top: 60px;
}

.templateOne .left-bar{
    width:100%;
    display: block;
    margin: 0px auto;
    float: left;
}

.templateOne .right-bar{
	max-width: 320px;
	display: inline-block;
	float: left;
	height: 500px;
	width: 287px;
	color: #4D4D4D;
	margin-top: 74px;
	font-family:latoregular;
	padding-left:55px;
}

.templateOne .right-bar p{
	margin-bottom:15px;
}

.templateOne .right-bar h4{
	text-transform:uppercase;
	color:#005798;
	font-family:latoregular;
	text-align:left;
}



.templateOne .left-bar a{
	display:block;
	font-family:latoregular;
	color:#666666;
	text-transform:uppercase;
	margin-bottom:15px;
	max-width: 120px;
}

.templateOne .left-bar .second-slot p{
	display: block;
    font-family: latoregular;
    color: #666666;
    margin-bottom: 20px;
    max-width: 187px;;
}

.templateOne .left-bar .second-slot h4{
	display:block;
	font-family:latoregular;
	color:#005798;
	font-size:1em;
}

.templateOne .left-bar h1{
	display:block;
	font-family:latoregular;
	color:#005798;
	margin-bottom:20px;
	font-size:1.618em;
}

.templateOne .second-slot{
	padding-top: 30px;
    width: 141px;
    margin: 0px auto;
}

.templateOne .building-resource{
	max-width: 400px;
    min-width: initial;
    height: 100%;
	margin:0px auto;
	margin-top: 30px;
	float:left;
}


.templateOne tr td{
	vertical-align:top;
}

.templateOne .box img{
	width: 75px;
    margin: 0px auto;
    display: block;
	padding-bottom:15px;
}

.templateOne .box{
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 30px;
    padding-bottom: 15px;
    max-width: 400px;
    margin: 0px auto;
    margin-top: 30px;
}

.templateOne .box a{
    text-transform: uppercase;
    font-size: 1em;
    color: #005798;
    font-family: latobold;
    display: block;
    padding-top: 15px;
}

.templateOne .box h3{
     color: #005798;
    font-family: latoregular;
    font-size: 1em;
    text-transform: uppercase;
    width: 61.8%;
    display: block;
    margin: 0px auto;
}

.templateOne .box p{
	color: #666666;
    font-size: 1em;
    width: 61.8%;
    font-family: latoregular;
    display: block;
    margin: 0px auto;
	padding-bottom: 15px;
}

.templateOne .building-resource.desktop .cat-icon{
	display:block;
	margin:0px auto;
	margin-top:30px;
	margin-bottom:30px;
	position:initial;
}

.templateOne .content ul li{
	margin-top:10px;
}

.templateOne ol{
	list-style:none;
}

.templateOne tr{
	display:table-row;
}

.templateOne .desktop{
	display:none;
}

.templateOne. mobile{
	display:block;
}


.templateOne .content {
	margin:0px auto;
	float:initial;
	display:block;
	margin:0px auto;
}


.templateOne .content-td  .building-resource{
	max-width:768px;
	margin: 0px auto;
}

.templateOne .content-td .building{
	margin-top: 60px; 
}

.templateOne .center-container{
}

.templateOne .project-holder{
	display:table;
	width:100%;
	margin:0px auto;
}


.templateOne.project.sectors .content h4 {
    font-size: 1.681em;
}



.templateOne .project-holder .projects{
	display: table-cell;
    float: left;
    width: 320px;
    height: 197px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    border: 2px solid #005798;
    cursor: pointer;
}

.templateOne .projects h2{
    position: absolute;
    top: 50%;
    text-align: center;
    width: 80%;
    font-size: 1.618em;
    font-family: latobold;
    color: #b3b3b3;
    left: 50%;
    margin-left: -44%;
    padding: 15px;
    height: 154px;
    margin-top: -76px;
}



.templateOne .projects img{
	width:320px;
	height:197px;
}

.templateOne.projects .loading{
	width: 60px;
    margin-left: 21px;
    margin-bottom: 15px;
}

.templateOne .navigation{
    margin-left: 21px;
	margin-bottom:12px; 
}

	
.templateOne .sidebar-td{
	display:none;
}

.templateOne .banner .container .right {
	display:none;
}

.templateOne #build2-background .sector{
	display:none;
}

.templateOne #build2-background .left{
	color: white;
    font-family: latoregular;
    position: absolute;
     width: 90%;
    left: 50%;
    margin-left: -45%;
		text-align:center;
}

.templateOne #build2-background .right{
	color: white;
    font-family: latoregular;
    position: absolute;
    right: 30px;
   top: 900px;
    max-width: 260px;
	text-align:center;
	display:none;
}

.templateOne .building2 h2 {
    font-family: latoregular;
    color: white;
    position: absolute;
	bottom: 9px;
    z-index: 10;
    font-size: 1em;
    text-align: center;
}


.templateOne .content-td  .building-resource{
    margin: 0px auto;
    background: url(../img/two.jpg) no-repeat;
    background-position: 61.8% 0%;
    background-size: 1920px 1200px, cover;
    padding-top: 25px;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 75px;
    height: 1200px;
}

.templateOne #build2-background .lable{
	position: absolute;
    top: 30px;
    color: white;
    font-family: latoregular;
    text-transform: uppercase;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.templateOne .building-resource .matte{
	height: 1200px;
    top: 0px;
}

.templateOne .building-resource .matte a{
color:white;
font-size:1em;
font-family:latoregular;
text-transform:uppercase;
margin-right:15px;
}

.templateOne .building-resource .matte h2{
color: white;
font-size: 1.618em;
font-family: latoregular;
text-transform: uppercase;
/* margin-right: 15px; */
position: absolute;
top: 1101px;
width: 100%;
text-align: center;
}

.templateOne .building-resource .matte a:last-of-type{
margin-right:0px;
}



.templateOne .building-resource .matte .menu-holder{
	width: 370px;
    position: absolute;
    top: 1150px;
    left: 50%;
    margin-left: -185px;
}

.templateOne .content-td .building{
	margin-top: 60px; 
}

.templateOne .vcard{
	margin-left:15px;
}

.templateOne .top-content a{
	margin-right:15px;
	display:inline-block;
	margin-top:5px;
}

.templateOne .top-content{
	margin-right:30px;
	padding-right: 100px;
}

.full_bio{
	display:none;
}


	

@media screen and (min-width: 768px) {
	



/* Header
------------*/


.header{
	width:100%;
	height: 120px;
	display:table;
}

.header .logo{
	margin-left:55px;
	height: 76px;
	width:initial;
}

.header .close-icon{
	position: absolute;
	right: 18px;
	top: 46px;
	z-index: 1200;
}

.header .menu{
	padding-top: 119px;
}

.header .menu .search-icon{
	top: 450px;
}

.header input{
text-indent: 70px;
}

.header .menu-desktop{
	display:none;
}


/**
*  Home CSS
*/

.home .item .caption{
	   max-width: 330px;
}

.home .gallery-cell .content h1{
	width:initial;
    text-align: left;
	padding-top:initial;
	padding-bottom:initial;
	line-height:175px;
	font-size:2.681em;
	display:inline-block;
	margin-left:50px;
}

.home .gallery-cell .content a {
    display: inline-block;
    padding: 5px;
    max-width: 250px;
    position: absolute;
    bottom: 68px;
    right: 60px;
	border-top:initial;
	border:none;
	    padding-left: 15px;
	border-left:1px solid #b3b3b3;
}

.home .item .caption {
    max-width: 330px;
}

.home .item {
     display: table-cell;
    width: 33%;
    vertical-align: top;
    margin-top: 30px;
    padding-top: 70px;
}

.home .quote{
	margin-top:0px;
}

.home .collage-container .cell .matte{
	 display:none;
}
	
.home .collage-container .cell{
display:inline-block;
width: 49.6%;
height:340px;
border-right:1px solid white;
}

.home .collage-container {
	display:block;
	margin:0px auto;
	height:auto;
}


/**
*  footer 
*/

.footer .line{
           left: 482px;
}

.footer .nav{
	float:left;
	max-width:320px;
	width:340px;
	display:inline-table;
	margin-left:108px;
}


.footer .right.tbl-cell .holder {
	max-width:97px;
}

.footer{
    height: 231px;
    padding-bottom: 0px;
    padding-top: 40px;
	/*
    background: url(../img/two.jpeg) no-repeat;
    background-position: 61.8%;
    background-size: 1920px 231px, cover; */
    margin-top: 1px;
}

.footer .container {
    display: block;
    margin-top: 80px;
}

.footer .logo{
	display: inline-block;
    float: left;
	height:76px;
	width:164px;
}

.footer .message-social{
	display:inline-block;
	float:right;
	margin-right:55px;
}

.footer .message-social h2 {
 font-size:1.68em;
}

.footer .message-social .social{
    margin: 0px auto;
    display: block;
    max-width: 105px;
    margin-bottom: 30px;
    margin-left: 230px;
}

.footer .nav a{
	font-size: .875em;
}

.footer .logo.desktop{
	display:inline-block;
	margin-left:55px;
}

.footer .logo.mobile{
	display:none;
}


.home .tripple-content{
    height: 340px;
}


/**
*  Template One
*/

.templateOne .content {
    float: right;
}

.templateOne.news .content{
	
}

.templateOne .desktop{
display:none;
}

.templateOne .mobile{
display:block;
}

.templateOne .content {
	margin:0px auto;
	float: left;
	display:block;
	margin:0px auto;
}

.templateOne .content-td .box{
	display:table-cell;
    max-width: 252px;
    width: 252px;
}

.templateOne .left-bar {
    max-width: 400px;
    display: block;
    margin: 0px auto;
    float: left;
    margin-left: 0px;
    width: 330px;
}

.templateOne .content-td .box-container{
    display: table;
    max-width: 400px;
    width: 100%;
    margin-bottom: 50px;
    float: left;
    margin-left: 55px;
}


.templateOne .building-resource .cat-icon {
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    margin-bottom: 30px;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -57.5px;
}

.templateOne .building2 {

}

.templateOne .building2 h2{
	font-family: latoregular;
	color: white;
	position: absolute;
	bottom: -46px;
	z-index: 10;
	font-size: 1em;
	text-align: center;
}

.templateOne .banner .container h1{
	float:left;
	font-size:1.681em;
	font-family:latobold;
	color: #b3b3b3;
	line-height:175px;
}

.templateOne .banner .container a{
	float:left;
	font-size:1em;
	font-family:latobold;
	margin-left: 30px;
	color: #b3b3b3;
	line-height:initial;
	margin-top: 80px;
}


.templateOne .content-td .box{
	display:block;
	min-width:240px;
	width:100%;
	max-width:400px;
	margin:0px auto;
	margin-top:30px;
}

.templateOne .content-td .box a{
}
	

.templateOne .content-td .box:last-of-type{
	border-right:none;
}


.templateOne .content ul {
}

.templateOne .content p {
}

.templateOne .content h2 {
}

.templateOne .content h1 {
}

.templateOne .content h4 {
}

.templateOne .content ul li {

}

.templateOne .banner{
	width:100%;
	height:500px;
    background: url(../img/one.jpg) no-repeat;
    background-position: 61.8%;
    background-size: 1920px 500px, cover;
	position:relative;
}

.templateOne .banner .container{
	position:absolute;
	bottom:0px;
	height: 175px;
    width: 100%;
    font-family: latobold;
    margin: 0px auto;
    display: block;
    background: url(../img/gallery-bg.png);
    position: absolute;
}

.templateOne .banner .container .left{
    max-width: 1024px; 
    display: inline-block;
    float: left;
    width: 100%;
}

.templateOne .banner .container .right{
	max-width: 400px;
    min-width: 400px;
    display: inline-block;
    width: 400px;
    height: 175px;
	float:right;
}

.templateOne .banner .container h1{
	float:left;
	font-size:1.681em;
	font-family:latobold; 
	color: #b3b3b3;
	line-height:175px;
	text-align:left;
	display:inline-block;
	width:auto;
	padding-bottom:0px;
	margin-top:0px;
}

.templateOne .banner .container .link-wrapper {
	border-top: none;
	float: left;
	width:auto;
}
.templateOne .banner .container a{
	float: left;
    font-size: 1em;
    font-family: latoregular;
    margin-left: 40px;
    color: #b3b3b3;
}

.templateOne .banner .container .v-bar{
	display:block;
	margin-left:30px;
}

.templateOne .banner .container a:hover{

}

.templateOne .banner .container .right .cat-icon{
margin:0px auto;
display:block;
    margin-top: 35px;
}

.templateOne .banner .container .left .cat-icon{
    float: right;
    margin-top: 35px;
    margin-right: 50px;
}

.templateOne .banner .container h1:first-of-type {
	margin-left:55px;
}


.templateOne .content{
	width:100%;
	min-width:320px;
	display:inline-block;
	margin:0px auto;
    max-width: 1024px;
	font-size:1em;
	float: left;
	margin-bottom:30px;
}


.templateOne .banner .container h1:first-of-type {
	margin-left:55px;
}

.templateOne .content-td{
	padding-left:55px;
	padding-right: 55px; 
}

.templateOne .banner .container .right {
	display:none;
}

.templateOne #build2-background .sector{
	display:none;
}

.templateOne #build2-background .left{
	color: white;
    font-family: latoregular;
    position: absolute;
    left: 30px;
    top: 30px;
    max-width: 260px;
	margin-left:initial;
	text-align:initial;
}

.templateOne #build2-background .right{
	color: white;
    font-family: latoregular;
    position: absolute;
    right: 30px;
    top: 30px;
    max-width: 260px;
	margin-left:initial;
	text-align:initial;
	display:block;
}


.templateOne .content-td  .building-resource{
	max-width: 967px;
    margin: 0px auto;
    background: url(../img/two.jpg) no-repeat;
    background-position: 61.8% 0%;
    background-size: 1920px 650px, cover;
    padding-top: 25px;
	position:relative;
	float: left;
	width: 100%;
	padding-top: 75px;
	height:initial;
}

.templateOne #build2-background .lable{
	position: absolute;
    top: 30px;
    color: white;
    font-family: latoregular;
    text-transform: uppercase;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.templateOne .building-resource .matte{
	height: 650px;
    top: 0px;
}

.templateOne .building-resource .matte a{
color:white;
font-size:1em;
font-family:latoregular;
text-transform:uppercase;
margin-right:15px;
}

.templateOne .building-resource .matte h2{
color: white;
font-size: 1.618em;
font-family: latoregular;
text-transform: uppercase;
/* margin-right: 15px; */
position: absolute;
top: 559px;
width: 100%;
text-align: center;
}

.templateOne .building-resource .matte a:last-of-type{
margin-right:0px;
}



.templateOne .building-resource .matte .menu-holder{
	width: 370px;
    position: absolute;
    top: 600px;
    left: 50%;
    margin-left: -185px;
}

.templateOn .content-td .building{
	margin-top: 60px; 
}


.templateOne .banner .container a.root-nav{
	margin-top:71px;
}



.header .menu-desktop a{
    font-family:latoregular;
	font-size:1em;
	color:#999;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
}

.header .menu-desktop a.active{
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}

.header .menu-desktop .desk-search-icon{
    /* position: absolute;
    top: 48px;
    right: 55px; */
}

.header .menu-desktop .close-icon{
	 position: absolute;
    right: 125px;
    top: 60px;
    z-index: 1200;
	display:none;
}

.header .menu-desktop a.active{
border-top:1px solid #999;
border-bottom:1px solid #999;
}

.header .menu-desktop ul{
	list-style-type:none;
	text-align:center;
	padding:0px;
}

.header .menu-desktop li{
	width: 90px;
	display:inline-block;
	vertical-align: middle;
	float:left;
}

.header .center-cell.logo-holder {
       width: 231px;
}	

.header .menu-desktop {
    display: table-cell;
}

.header .menu-desktop .desk-search-icon{
	display:none;
}

.header .menu-desktop {
    display: table-cell;
}

.header .menu-desktop ul {
    display: none;
    float: right;
	width: 100%;
    max-width: 920px;
}

}

@media screen and (min-width: 1060px) {
	
	.templateOne .banner .container a.root-nav{
		
	}
	
	.templateOne .banner .container .right {
		display:block;
	}
	
	.templateOne .banner .container .left .cat-icon{
		display:none;
	}
	
	.templateOne .banner .container .left {
	width:initial;
	}
	
	.templateOne .sidebar-td {
    display: table-cell;
	}
	
	.header .menu-desktop ul {
	display:block;
	}
	
	.header .menu-cell{
		display:none;
	}
		
	.header input {
		display:none;
	}
	
	.header .menu-desktop input{
	    text-indent: 70px;
		color: #b3b3b3;
		font-family: latobold;
		font-size: 2.681em;
		border-bottom: 1px solid #b3b3b3;
	}
		
	.header .menu-desktop .desk-search-icon{
	display:block;
	}
	
	.templateOne .content-td .box-container{
		display:none;
	}
	
   .templateOne .content-td .left-bar{
		display:none;
	}
	
	.templateOne .banner .container h1 {
		font-size: 1.681em;
	}
	
	.templateOne .banner .container a{
		font-size:1em;
	    margin-top: 80px;
	}
	

}


@media screen and (min-width: 1440px) {
/**
*  Header Menu  
*/
.header .menu-desktop {
	display:table-cell;
}	

.templateOne .banner .container h1 {
    float: left;
    font-size: 2.681em;
}

.templateOne .banner .container a {
    float: left;
    font-size: 1.681em;
	margin-top: 74px;
}

.templateOne .desktop{
display:block;
}

.templateOne .banner .container a.root-nav{
font-size:1em; 
margin-top:0px; 
line-height:175px;
margin-left:20px;
}

/*** PAGE SPECIFIC ***/ 

.templateOne.news .content{
}

.templateOne .project-holder{
	display:table;
	width: 1025px;
	margin:0px auto;
}

.templateOne .mobile{
display:none;
}

.templateOne .content-td .box-container{
	display:none;
}

.templateOne #navigation{
    margin-left: 21px;	
}


.header .menu-desktop input{
	color: #b3b3b3;
	font-family: latobold;
	font-size:2.681em;
	border-bottom: 1px solid #b3b3b3;
	display:none;
}

.header .menu-function {
	display:none !important;
}

.header .menu-desktop a{
    font-family:latoregular;
	font-size:1em;
	color:#999;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
}


.header .menu-desktop .desk-search-icon{
   /*  position: absolute;
    top: 48px;
    right: 55px; */
}

.header .menu-desktop .close-icon{
	 position: absolute;
    right: 125px;
    top: 60px;
    z-index: 1200;
	display:none;
}

.header .menu-desktop a.active{
border-top:1px solid #999;
border-bottom:1px solid #999;
}

.header .menu-desktop ul{
	list-style-type:none;
	text-align:center;
	padding:0px;
	width: 100%;
    max-width: 1320px;

}

.header .menu-desktop li{
	display:inline-block;
}

.header .center-cell.logo-holder {
       width: 231px;
}	


.home .collage-container .cell{
	display:table-cell;
	width:25%;
	height:340px;
	border-right:1px solid white;
}

.home .collage-container {
    display: table;
    margin: 0px auto;
    height: 340px;
	
}

/**
*  Template One
*/

.templateOne .content-td{
	max-width:1024px;
}

.templateOne .sidebar-td{
	width: 768px;
}

.templateOne .content-td .box-container{
    display: none;
}


}

/*
* In between styles
*/


@media screen and (max-width: 935px){
	.home .gallery-cell .content h1{
		font-size:1.681em;
	}
}

@media screen and (max-width: 1050px) and (min-width:768px) {
	.footer .line {
	    left: 374px;
	}

	.footer .nav {
		margin-left:0px;
	}

	.footer .social img {
		float:right;
		margin-bottom:30px;
		margin-right:10px;
	}
	
	.footer .message-social .social {
		 margin: initial; 
		 display: initial;
		 max-width: initial; 
		 margin-bottom: initial; 
		 margin-left: initial; 
	}
	
	.footer .social img:last-of-type{
		margin-right:5px;
	}

	.footer .message-social h2 {
		    font-size: 1em;
			text-align: right;
			width: 331px;
			float: right;
	}
	
	.footer .message-social{
		  width: 130px;
	}
	

}