@charset "UTF-8";
/* CSS Document */



/* CONTAINERS */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1100px) {
  .container {
    width: 1070px;
  }
}
@media (min-width: 1250px) {
  .container {
    width: 1220px;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1500px;
  }
}

.container-alt {
  position:relative;
  margin-right: auto;
  margin-left: auto;
  padding:0;
  width: 100%;
}

.row{
	background:transparent;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-offset-mob {
	margin-left:8.33333333%;
}

/* Nav */

nav{
	z-index:7;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .navbar-brand{
  color:white;
}

#navicon{
	display:none;
}

#nav{
	position:fixed;
	top:0px;
	z-index:10;
	height:10vh;
	width:100%;
}

.home-nav{
	background:#e44f17;
}

.top-nav{
	background:#fff;
}

#nav > div{
	max-width:1500px;
	margin:0 auto;
}

#nav > div > .left{
	float:left;
	width:30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#nav .home-right, #nav .right{
	float:right;
	text-align:right;
	width:60%;
	
}

ul.nav{
	list-style:none;
	padding:0;
	margin:0;
	text-align:right !important;
	height:10vh;

}

ul.nav:before {
    content: "";
    display: inline-block;
    height: 10vh;
    vertical-align: middle;
}

ul.nav li{
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	padding:0;
	margin:0 0.725em;
}

.nav > li > a {
    padding: 10px 2px;
}

ul.nav > li > ul > li{
	display:none;
}

ul.nav > li.mob-subnav{display:block;}

@media (min-width: 992px) {
	ul.nav > li.mob-subnav{display:none; !important;}
}

@media (max-width: 1100px) {
	ul.nav li{
	margin:0 0.1em;
	}
}
@media (max-width: 992px) {
	ul.nav li {
	margin:0 0.2em;
	}
}

@media (max-width:992px){

	#navicon{
		display:block;
		position:fixed;
		top:25px;
		right:25px;
		z-index:9999;
		text-align:right;
		width:25px;
	}
	#navicon a{
		outline:none;
		border-bottom:none;
	}
	#navicon a:hover{
		border-bottom:none;
	}
	
	.home-right #navicon svg path{
		stroke:#373534;
	}
	
	#navicon svg.burger{
		position:absolute;
		display:block;
		top:0;
		right:0;
		z-index:2;
		background:#fff;
	}
	
	.home-right #navicon svg.burger{
		background:#fff;
	}
	
	#navicon svg.ex{
		position:absolute;
		display:block;
		top:0;
		right:0;
		z-index:1;
	}

	#nav{
		position:fixed;
		display:block;
		height:60px;
		opacity:0.9;
	}

	#nav > div > .left{
		float:left;
	height:auto;
		width:90%;
		margin-top:18px;
	  margin-left: 15px;
	}
	
	#nav .home-right, #nav .right{
		float:left;
		text-align:left;
		width:100%;
		background:#fff;
	}

	ul.nav{
		width:100%;
	height:auto;
	  margin-right: 0;
	  margin-left: 0;
		text-align:center !important;
		padding:30px 0 60px 0;
		display:none;
	}

ul.nav:before {
    content: none;
}

	ul.nav li{
    display: block;
		text-align:left;
		padding:10px 15px;
		margin:0;
		background:#fff;
		border-bottom:1px solid #505050;
	}
	
	.home-right ul.nav li:last-child{
		border-bottom:none;
	}
	
	.home-right ul.nav li{
		background:#e44f17;
		border-bottom:1px solid #fff;
	}

	ul.nav li a{
		margin:0;
		padding:0.3em 0em;
	}
	ul.nav li.mob-subnav{border-bottom:none;color:#8c8d8e;cursor:pointer;font-size:0.875rem;padding-left:25px;padding-top:6px;padding-bottom:6px;}
}

/* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		min-height: 15em;
		overflow: hidden;
		position: relative;
		text-align: center;
		background:#e44f17;
		z-index:8;
	}
	
	.home-banner{
		height:100vh;
	}
	
	.project-banner{
		height:90vh;
	}

		#banner h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 1em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
		}

			#banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

			#banner h2:before {
				top: 0;
				left: 0;
			}

			#banner h2:after {
				bottom: 0;
				right: 0;
			}

		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 1.5s;
			-webkit-transition-delay: 1.5s;
			-ms-transition-delay: 1.5s;
			transition-delay: 1.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: inherit;
			font-size: 1em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			text-decoration: none;
			width: 16em;
			z-index: 1;
		}

			#banner .more:after {
				background-image:url("./down-arrow.png");
				background-position: center;
				background-repeat: no-repeat;
				background-size: 1.850rem;
				bottom: 4em;
				content: '';
				display: block;
				height: 2.5em;
				left: 50%;
				margin: 0 0 0 -0.925rem;
				position: absolute;
				width: 1.850rem;
			cursor:pointer;
			}

		#banner:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 0.5s;
			-webkit-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			transition-delay: 0.5s;
			content: '';
			background: #2e3842;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}


	body.preload #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

		
#slideshow { 
	margin: 50px auto; 
	position: relative; 
	width: 100%; 
	height: 417px; 
}

#slideshow > div { 
    position: absolute; 
    top: 0; left: 0; right: 0; bottom: 0; 
    opacity:0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#slideshow > div.active {
    opacity:1;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

#slideshow .banner-text img{
	width:792px;
}

#slideshow .banner-logo img{
	width:561px;
}

		
/* HOME */

.show-me{
	 background: #505050; padding: 1.5em; text-align: center; width:99.9%;
}

.show-me:hover{
	background:#e44f17;
}

@media (max-width:992px) {
	.show-me{
	 width:100%;
	}
}

/* FOOTER */

.footer{
	background:#f1f2f2;
	margin:20px -15px 0;
	padding:15px 0;
}

.footer > div{
  max-width:1500px;
  margin:1rem auto;
}
.footer .footer-one{
}

.footer .footer-two{
}
.footer .footer-three{
}
.footer .footer-three .sm-icon{
	float:left;
	width:100%;
}
.footer .footer-four .to-top{
	background:url(./top-arrow.png) top center no-repeat;
	padding-top:25px;
	text-align:center;
	height:50px;
}
.footer .footer-four a{
	outline:none !important;
}

@media (max-width:768px) {
	/*.footer-one, .footer-two, .footer-three, .footer-four{
		text-align:center;
		margin:10px 0;
		width:100%;
		display:block;
	}
	.footer .footer-four .to-top{
		margin-top:60px;
	} */
	.footer-one{
		text-align:center;
		margin:10px 0;
		width:100%;
		display:block;
	}
	.footer-two, .footer-three, .footer-four{
		display:none;
	}
}
/* ---- grid ---- */

.grid {
  background: #fff;
  max-width: 1500px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.33333333%;
  background:#666;
}

.grid-item {
  float: left;
  width:  33.33333333%;
  padding-top: 24.66666666%;
  position:relative;
}

.grid-item-long { width:  66.66666666%;padding-top: 24.66666666% }
.grid-item-tall { width:  33.33333333%;padding-top: 49.33333333% }
.grid-item-longtall { width:  66.66666666%;padding-top: 49.33333333% }

.grid-item .inner{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  opacity:0;
  transition: all ease 0.4s;
}

.grid-item .inner:hover{
	opacity:1;
}

@media (max-width:768px) {
	.grid-item {
	  width:  100%;
	  padding-top: 73%;
	  position:relative;
	}
	.grid-item .inner:hover{
		opacity:0;
	}
}

/* PROJECT Page */

.project-intro{
	margin-top:6rem;
	margin-bottom:6rem;
	height:100%;
}
.project-intro .intro-box{
	width:80%;
	margin-bottom:0.25rem;
}
.grid-item .mob-bt{
	display:none;
}
@media (max-width:768px) {

.grid-item .mob-bt{
	display:block;
	bottom:10px; right:10px;
	position: absolute;
	width: 39px;
	height: 39px;
	background: url(./profile-plus.png) 0 0 repeat;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition:all ease 0.5s;
	cursor:pointer;
	z-index:10;
}

.grid-item:hover > .mob-bt{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

	.project-intro{
		margin-top:3em;
		margin-bottom:3em;
	}

	.project-intro h2{
		margin-bottom:1em;
	}
	.project-intro .intro-box{
		width:100%;
	}
}

/* JOURNAL */

.featured-project .featured-info{
	padding:5px 0px;
	text-align:left;
}

.journal-top{
		margin-top:60px;
	}

.journal-grey{background-color:#f1f2f2;margin-bottom:60px;}

.journal-grey h2{color:#373534;}

.featured-project .featured-info .show_date{
	padding-bottom:2em;
	display:none;
}

.journal-text{margin-bottom:50px;  }

.featured-project .featured-info .show_desc{font-weight:300;margin-bottom:30px; }
	
.intro-text{
	margin-top:0.650em;
}

.intro-box p{
	margin:0px;
}

@media screen and (max-width:768px) {
	
	.journal-top{
		margin-top:80px;
	}
	.featured-project .featured-info{ padding:1em 0em !important; }
	.featured-project .featured-info .featured-caption, .featured-info .show_date{ text-align:center;}
	.featured-project .featured-info .show_date{ padding-bottom:0 !important; }

	
	.intro-text{
		margin-top:0px;
	}
}

/* PROFILE */

.grey{ background:#f1f2f2; }

.profile-block{
	position:relative;cursor:pointer;
}

.profile-block .profile-pic{
	position:relative;
	z-index:8;
}

.profile-pic .pic-bt{
	bottom:10px; right:10px;
	position: absolute;
	width: 39px;
	height: 39px;
	background: url(./profile-plus.png) 0 0 repeat;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition:all ease 0.5s;
	cursor:pointer;
	z-index:10;
}

.profile-pic .pic-bt:hover{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.profile-row{
	position:relative;
}

.profile-row .profile-reveal{
	position:absolute;
	top:0;bottom:0;left:10px;right:10px;
	background:#e44f17;
	display:none;
	z-index:9;
	opacity:1;
	padding:30px;
}

@media (max-width:768px) {
	.profile-row .profile-reveal{padding:2em 15px; }
}

/* .profile-reveal .profile-close{
	top:10px; right:10px;
	position: absolute;
	width: 39px;
	height: 39px;
	background: url(./profile-plus.png) 0 0 repeat;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	transition:all ease 0.5s;
	cursor:pointer;
}

.profile-reveal .profile-close:hover{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.profile-reveal p.left-title{
	padding-bottom:0.5rem;
	margin:0 0 0.5rem 0; 
	border-bottom:1px solid #fff;
}

.profile-reveal .ptitles {
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}

.profile-reveal .profile-desc p{
	padding:0 0 1.5rem 0;
	
} */


p.left-title, p.contact-title{
	margin-bottom:-4em;
}

@media screen and (max-width:768px){
	p.contact-title{ margin-bottom:-1.5em; }
}

.profile-block h2.title{
	text-align:center;
	margin:45px 0 15px; 
	padding:0;
	width:100%;
	color:#e44f17;
}
.profile-block h3.roles{
	text-align:center;
	margin:0; 
	padding:0;
	width:100%;
	margin-bottom:45px;
}

.profile-reveal p.title, .profile-reveal p.roles{
	float:left;
	margin:0 0 10px 0; 
	width:100%;
	font-size:1rem;
}

.profile-reveal p.title{font-size:1em;}

.profile-reveal .description{
	float:left;
	padding:0 0 1.5rem 0;
	width:100%;
	font-size:1rem;
	line-height:1.5em;
	
}

ul.testimonials{
  -webkit-columns: 3 220px;
     -moz-columns: 3 220px;
          columns: 3 220px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
		  list-style:none;
		  padding:0 0 0 0.45em;
		  margin:0;
}

ul.testimonials li{
	width:100%;
	padding:0 0 2rem 0;
	margin:0 0 3rem 0;
	display:inline-block;
}

ul.more-testimonials{
  -webkit-columns: 3 220px;
     -moz-columns: 3 220px;
          columns: 3 220px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
		  list-style:none;
		  padding:0 0 0 0.45em;
		  margin:0;
}

ul.more-testimonials li{
	width:100%;
	padding:0 0 2rem 0;
	border-bottom:2px solid #ffffff;
	margin:0 0 2rem 0;
	display:inline-block;
}

.quote {
	margin:0 !important;
	padding:0 10px 0 0 !important;
	text-indent:-0.4em;
	color:#373534;
}

/*.quote:before {
    content: '\201c';
    position: relative;
    margin-left: -0.5em;
	width:1em;
	text-align:right;
	padding-right:2px;
}*/

.quote:after {
    content: '\201d';
	padding-left:2px;
}

.cite{
	margin:0;
	padding:0 10px 0 0;
	color:#8c8d8e;
}

.profile-clients ul{
  -webkit-columns: 3 300px;
     -moz-columns: 3 300px;
          columns: 3 300px;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
		  list-style:none;
		  padding:0;
		  margin:0 0 120px 0;
}

profile-clients ul li{
	padding:0 0 0.5rem 0;
}

@media (max-width:768px) {
	ul.testimonials{
		margin:0;
	}
	ul.more-testimonials{
		padding-right:30px;
	}
	ul.more-testimonials li{
		margin:0 15px 2rem 15px !important;
	}
	.profile-clients ul{
		margin:0 0 60px;
	}
	.profile-clients ul li{
		text-align:center;
	}
}


/* CONTACT */

.contact-banner{
	background:#f1f2f2;
	text-align:center;
}

.contact-block{
	margin-top:5rem;
}

.contact-block:last-child{
	margin-bottom:5rem
}

@media screen and (max-width:768px) {
	.contact-block{
		margin-top:0rem;
		margin-bottom:2rem;
	}
	.contact-top{
		margin-top:2rem;
	}
	
	.mobile-border{
		padding-bottom:1rem;
		border-bottom:1px solid #505050;
		margin-bottom:0em;
	}
	
	.titles-mobile{
		padding-bottom:1rem;
		border-bottom:1px solid #505050;
		margin-bottom:1rem;
	}
	
	.contact-content{
		margin-top:1rem;
	}
}

/* MAP */

    #UCMAPMARKER {
        height:500px;
        width:1500px;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }

@media (max-width:1500px) {

    #UCMAPMARKER {
        height:500px;
        width:100%;
    }
	
}

@media (max-width:768px) {

    #UCMAPMARKER {
        height:300px;
    }
	
}

/* text-block */
.text-block{
	margin-top:6rem;
	margin-bottom:6rem;
}

.text-block p{
	padding:0 0 1.5rem 0;
}

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

		
	.text-block{
		margin-top:3rem;
		margin-bottom:3rem;
	}
	
	.text-block p{
		padding:0 0 1rem 0;
	}
	
	.mob-text{
	margin-left:15px;
	margin-right:15px;
	}

}

/* Images */

.singlewidth-img{
	max-width:595px;
}

.singlewidth-img:first-child{
	margin-right:3rem;
}
@media screen and (max-width: 1500px) {
	
	.singlewidth-img:first-child{
		margin-right:0;
	}
}
@media screen and (max-width: 992px) {

	.singlewidth-img{
		max-width:100%;
	}
}
@media screen and (max-width: 768px) {
	
	.singlewidth-img:first-child{
		margin-right:0;
	}
}

/* Page Loaded */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 9000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

/* GENERAL */

.nav-padding{
	margin-top:10vh;
}

.padding-none{
	margin-top:0;
	margin-bottom:0;
}

.padding-top{
	margin-top:3rem;
}

.padding-bottom{
	margin-bottom:3rem;
}

.padding-both{
	margin-top:3rem;
	margin-bottom:3rem;
}

@media (max-width:768px) {
	.mobile-row{padding-left:0px;padding-right:0px; }
	
	.col-xs-offset-mob {
		margin-left:0%;
	}
	
	.col-pad-mob-1 {
		float:right;
		margin-right:16.66666667%;
	}

	.nav-padding{
		margin-top:60px;
	}
	
	.no-margin-top{
		margin-top:0em;
	}
	
	.no-margin-bottom{
		margin-bottom:0em;
	}
	
	.margin-top-one{
		margin-top:1em;
	}
	
	.margin-top-two{
		margin-top:2em;
	}
	
}
/* WORK */

.doublewidth-img.padding-bottom, .singlewidth-img.padding-bottom{margin-bottom:20px;}
.doublewidth-img.padding-top, .singlewidth-img.padding-top{margin-top:20px;}
.doublewidth-img.padding-both, .singlewidth-img.padding-both{margin-top:20px;margin-bottom:20px;}

.featured-info{dislpay:none !important;}