body{
	font-family: 'Montserrat', sans-serif;
}

h1{
    color:#000;
    font-weight:700;
    font-size:2.25rem;
    line-height:2.5rem;
    margin-bottom:1.25rem;
}

h2{
    font-size:1.5rem;
    line-height:2rem;
    font-weight:700;
    margin-bottom:30px;
	color:#705032;
}

h3{
	font-size:1.25rem;
    line-height:1.5rem;
	color:#9f8f7f ;
	margin-bottom:1.25rem;
}

p{
    margin-bottom:1.25rem;
    font-size:0.95rem;
}

img{
}

a{
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	color:#705032;
}

a:hover{
	opacity:0.5;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.is-vertical-center {
    display: flex;
    align-items: center;
}

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

.mb0{
	margin-bottom:0px;
}

.mb1{
	margin-bottom:1rem;
}

.mb4{
	margin-bottom:5rem;
}

.hidden{
	display:none!important;
	opacity:0!important;
}

.text-left{
	text-align:left;
}

button{
	box-shadow:none;
	-webkit-appearance: none;
    -moz-appearance: none;
}

.ImgFloatRight{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

.ImgFloatLeft{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.small-pad-bottom{
	padding-bottom:15px!important;
}

.container-fluid{
	max-width:1600px;
	margin:auto;
	padding:0 30px;
	width:100%;
}

/***
NAV
***/

header{
    position:absolute;
    width:100%;
    z-index:10;
}

.top-banner{
	background:#5d4124;
	width:100%;
	display:block;
	padding:1rem 0;
	position:relative;
	overflow:hidden;
	color:#fff;
}

.top-banner p{
	margin:0;
	opacity:0.5;
}

p.central{
	opacity:1;
}

p.central span{
	font-weight:700;
	color:#e9e3d3;
	font-weight:700;
}

.central{
	opacity:1;
}

.navbar{
    background:none;
    padding:1rem 0;
}

.navbar-menu{
	padding-top:20px;
}

.navbar-item img{
    max-height:60px;
	width:250px;
}

.navbar-item{
    font-size:1rem;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
	opacity:1;
	padding:
}

a.navbar-item:hover{
    color:#fff;
    background:none;
	opacity:0.5;
}

.navbar-brand{
	width:auto;
	max-width:250px;
}
.navbar-brand .navbar-item{
	padding-left:0px;
}

.navbar.is-fixed-top {
    top: 4rem;
}

.sticky{
	background:#5d4124 ;
	 -webkit-transition: background 1s; /* For Safari 3.1 to 6.0 */
  	transition: background 0.5s;
	padding:0.5rem 0;
	top:0!important;
}

/***
SLIDE
***/

.slide{
    height:90vh;
    background-size:cover;
    width:100%;
    position:relative;
    overflow:hidden;
    max-height:885px;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

.slide h1{
	color:#fff;
}

.slide .container-fluid{
    z-index:5;
}

.slide p{
    margin-bottom:1.25rem;
    color:#fff;
}

.slide:after{
    content:"";
    background:rgba(0,0,0,0.24);
    width:100%;
    height:10000px;
    position:absolute;
    top:0px;
    left:0;
    z-index:2;
}

.contact{
	border-radius:1rem;
    background:#705032;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
}

.btn{
    border-radius:1rem;
    padding:0.75rem 2rem 0.75rem 2rem;
    background:#705032;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    display:inline-block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	letter-spacing:1px;
	font-size:0.75rem;
	background:url(../img/arrow-right.png) #705032 no-repeat top 16px right 10px;
}

form .btn{
	background:url(../img/arrow-right.png) #5d4124  no-repeat top 16px right 10px;
}

.btn:hover{
    border-radius:0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    color:#fff;
	opacity:1;
}

.no-fill:hover{
	 color:#705032;
}

.contact-green .no-fill:hover{
	color:#fff;
}

.contact-green p strong{
	color:#fff!important;
}

.road-after{
    position:absolute;
    right:0px;
    z-index:3;
    top:0;
}

.road-after-dark{
    position:absolute;
    right:-60px;
    z-index:1;
    top:0;
}

/***
SMALL SLIDE
***/

.small-slide{
	padding:200px 0px 30px 0px;
	position:relative;
	overflow:hidden;
	border-bottom:10px solid #e9e3d3;
	color:#fff;
	overflow:hidden;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.small-slide p{
	color:#fff;
}

.small-slide:after{
    content:"";
    background:rgba(0,0,0,0.7);
	width:100%;
    height:350px;
    position:absolute;
    top:0px;
    left:0;
    z-index:2;
}

.small-slide .container-fluid, .small-slide .container{
	position:relative;
	z-index:6;
}

.small-slide h1{
	margin-bottom:0px;
	color:#fff;
}

.small-slide .breadcrumb a{
	color:#fff;
}

.small-slide .breadcrumb li.is-active a{
	color:#fff;
}

.small-slide .road-after{
	z-index:2;
}

/***
GENERAL SECTION
***/

.main-content{
	padding:4rem 0 4rem 0;
	position:relative;
}

.main-content ul{
	padding-left:2rem;
	list-style-type:disc;
	margin-bottom:1rem;
	font-size:0.95rem;
}

.main-content img{
	border:5px solid #e9e3d3;
}

/***
DARK CONTENT
***/

.dark-content{
    background:#efefef;
    min-height:200px; /*TEST*/   
    padding:4rem 0;
    position:relative;
}

.dark-content h2, .sub-cta{
    color:#333;
    font-weight:700;
    font-size:1.75rem;
    line-height:2.5rem;
    margin-bottom:1.25rem;
    max-width:500px;
}

.no-fill{
    border-radius:1rem;
    padding:1rem;
    background:none;
    color:#705032;
    text-transform:uppercase;
    font-weight:700;
    display:inline-block;
    border: 5px solid #705032;
}

/***
SERVICE BUTTONS
***/

.service-buttons{
	border-top:10px solid #cbb6aa;
	padding:2rem 0;
	background:#e9e3d3;
}

.service-buttons a{
	opacity:1;
}

.umb-grid{
	clear:both;
	display:block;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-height: 360px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	background:#5d4124 ;
	border-radius:0.5rem;
	margin-bottom:0;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.3;
	width:100%;
}

.grid figure figcaption {
	padding: 2rem;
	color: #fff;
	font-size: 1rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(0,0,0,0.5) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(0,0,0,0.5) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h3 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-weight:700;
	font-size:1.25rem;
	line-height:1.5rem;
	letter-spacing:1px;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2rem;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
	color:#fff;
}

figure.effect-sadie:hover h3 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/***
NEWS AREA
***/

.news-area{
	padding:40px 0px 100px 0px;
	position:relative;
	overflow:hidden;
}

.news-area h4{
	color:#705032;
	letter-spacing:3px;
	font-size:1.75rem;
	font-weight:400;
	margin-bottom:30px;
}

.post-item{
	margin-bottom:15px;
}

.post-item .post-title{
	font-weight:700;
	color:#535353;
	display:block;
	font-size:1.25rem;
}

.post-item .post-date{
	opacity:0.5;
}

.post-item .read-more{
	font-weight:bold;
	color:#705032;
}

.btn-read{
	color:#705032;
	font-size:1rem;
	font-weight:400;
	margin-top:30px;
	display:block;
}

/***
PROJECTS
***/

.projects-parallax{
    background:url(../img/parallax-one.jpg) no-repeat fixed center center;
    background-size:cover;
    padding:60px 0px 60px 0px;
    color:#fff;
    overflow:hidden;
    position:relative;
}

.projects-parallax a{
	color:#e9e3d3;
}

.projects-parallax h2{
	color:#fff;
}

.slimmer{
	padding:4rem 0;
}

.projects-parallax:after{
    background:rgba(0,0,0,0.7);
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:1000px;
    z-index:1;
}

.projects-parallax p{
    margin-bottom:0px;
}

.projects-parallax .container, .projects-parallax .container-fluid{
    position:relative;
    z-index:2;
}

.featured-projects{
    position:relative;
    top:-68px;
    z-index:3;
    padding-bottom:60px;
}

.shadow{
    position:relative;
    height:auto;
	z-index:0;
}

.shadow img{
    width:100%;
	position:relative;
	z-index:3;
}

.shadow:after{
    content:"";
    position:absolute;
    z-index:2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+74&0.65+0,0+60 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 74%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 74%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:150px;
    bottom:-45px;
    width:100%;
}

.featured-project-title{
    background:#705032;
    padding:1rem 1.75rem;
    color:#fff;
    font-weight:700;
    font-size:1.5rem;
}

.featured-project-content{
    padding-left:1.75rem;
}

.project-title{
    color:#705032;
    font-size:1.5rem;
}

.italic{
    font-weight:400;
    font-style:italic;
    font-size:1rem;
}

.italic a{
	color:#333;
}

.featured-projects .no-fill{
    margin-top:1.75rem;
}

.seperator{
	height:10px;
	width:100%;
	background:#efefef;
	margin:0 0 3rem 0;
}

/***
HOME CONTACT
***/

.home-contact{
    background-size:cover;
    width:100%;
    min-height:100px;
    padding:0px;
	position:relative;
	margin-top:12px;
}

.home-contact .column{
    padding-top:0px;
    padding-bottom:0px;
}

.contact-green{
    background:#705032;
    padding:5rem 2rem;
}

.contact-title{
    font-size:1.5rem;
    color:#fff;
    font-weight:700;
}

/***
FORMS
***/

input, textarea, select{
	padding:0.5rem;
	background:none;
	color:#fff;
	width:100%;
	border:3px solid #e9e3d3;
	font-size:1rem;
	margin-bottom:15px;
}

.modal input, .modal textarea{
	border:3px solid #ccc;
	color:#e9e3d3;
	margin-bottom:0;
}

.main-content input, .main-content textarea, .main-content select{
	margin-bottom:0px;
}

form .btn{
	border-color:#fff;
	color:#fff;
}

select{
	border-radius:0px;
	-webkit-appearance: none;
	background: url(../img/arrow.png) no-repeat top 0.75rem right 0.75rem;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}

.form-checkbox{
	width:auto!important;
	position:relative;
	top:-3px;
}

.form-checkbox-item label{
	color:#fff!important;
	display:inline-block;
}

.form-checkbox-item{
	width:50%;
	float:left;
}

form label{
	display:none;
}

button{
	border:0;
}

/***
FOOTER
***/

footer{
    padding:60px 0px;
	background:#e9e3d3;
}   

.logo-soup{
    padding-bottom:0px;
    border-bottom:3px solid #efefef;
} 

.footer-nav{
    margin-top:1rem;
    margin-bottom:1rem;
}

.footer-nav a{
    font-size:1rem;
    text-transform:uppercase;
    font-weight:700;
    color:#705032;
    padding:1rem;
}

footer a{
    color:#705032;
    font-weight:bold;
}

/***
SERVICE LIST
***/

.list-image{
	position:relative;
	overflow:hidden;
	height:auto;
}

.list-image img{
	width:100%;
	height:auto;
	border:5px solid #e9e3d3;
	margin-bottom:1rem;
}

.list-horizontal .list-item{
	display:inline-block;
	width:auto;
}

.sub-nav-item{
	text-align:center;
	background: #5d4124;
	padding:1rem 2rem;
	color:#fff;
	border:1px solid #e9e3d3;
}

.sub-nav-item:hover{
	background:#966c44;
	opacity:1;
	color:#fff;
}

.list-title{
	background: #705032;
    padding: 1rem 1.75rem 1rem 2rem;
	position:relative;
	width:100%;
	left:-1.5rem;
	margin-bottom:1.5rem;
	min-height:65px;
}

.list-title:before{
	content:"";
	background: #705032;
	position:absolute;;
	left:-30px;
	margin-bottom:1.5rem;
	width:30px;
	z-index:4;
	padding: 1rem 1.75rem 1rem 2rem;
	min-height:65px;
	top:0px;
}


.list-title h2{
	color: #fff;
    font-weight: 700;
    font-size: 1.35rem;
	margin-bottom:0px;
}

.list-content{
	padding-left:0.5rem;
}

.list-group{
	margin-bottom:2.5rem!important;
	position:relative;
}

.odd .list-title{
	right:auto;
	left:auto;
}

.odd .list-title:before{
	right:-55px;
	left:auto;
}

.odd .list-content{
	padding-left:1.5rem;
}

.sub-content{
	background:#efefef;
}

/***
PROJECTS CONTENT
***/

.projects-content{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76d3c3+0,76d3c3+50,59c2b0+50,59c2b0+100 */
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(left, #333 0%, #333 50%, #705032  50%, #705032  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #333 0%,#333 50%,#705032  50%,#705032  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #333 0%,#333 50%,#705032  50%,#705032  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76d3c3', endColorstr='#59c2b0',GradientType=1 ); /* IE6-9 */
	color:#fff;
	margin:0rem 0 0rem 0;
	position:relative;
	overflow:hidden;
}

.projects-content h3{
	color:#fff;
}

.prior-projects-list{
	background:#705032 ;
	width:100%;
}

.projects-content a{
	color:#ccc;
	-webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.projects-content a:hover{
	opacity:0.5;
}

.prior-projects-list ul{
	width:100%;
}

.prior-projects-list ul li{
	border-bottom:1px solid #ccc;
	padding:2rem 2rem;
	-webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.prior-projects-list ul li h4{
	font-size:1.5rem;
}

.prior-projects-list p{
	margin-bottom:0;
}

.prior-projects-list ul li:last-child{
	border-bottom:0px;
}

.prior-projects-list ul li a{
	color:#fff;
	opacity:1;
}

.prior-projects-list ul li:hover{
	opacity:0.5!important;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.project-item-page img{
	max-width:100%;
	width:100%;
}

/***
CAREERS
***/

.career-text{
	border-left:5px solid #efefef;
	padding-left:6rem;
}

.white-bg{
	background: #fff;
	background-size:cover;
	padding:6rem;
	text-align:center;
	border-radius:15px;
	overflow:hidden;
}

/***
TEXT PAGE
***/

.list{
	border-radius:0;
	box-shadow:none;
}

.list-item.is-active{
	background:#705032;
}

a.list-item {
    background-color: #e9e3d3;
}

.list-item:not(:last-child){
	border-color:#9c9187;
}

.list-item{
	padding:1rem;
	font-size:0.95rem;
}

.event-content{
	padding:3rem;
	border-bottom:5px solid #705032;
	position:relative;
	top:-4rem;
}

.bottom-image{
	background-position:top 4rem center 0;
	background-size:cover;
	padding-bottom:4rem;
	padding-top:0;
	margin:4rem 0 0 0;
}

.bottom-image .column{
	padding-top:0;
}

/***
PROJECTS
***/


.sub-nav{
	background:#705032;
	padding:0px;
}

.sub-nav .column{
	padding:0px 0px;
}

.tabs ul{
	border:0px;
}

.tabs ul .is-active{
	background:rgba(0,0,0,0.25);
}

.tabs a{
	color:#fff!important;
	border:0px;
	padding:1rem 0;
}

.project-content{
	padding:2rem;
	background:#efefef;
}

.slider-item img{
	height:100%;
	width:auto;
	max-width:none;
}

.slider{
	outline:0!important;
}

.slider-pagination{
	display:none!important;
}

.slider-navigation-next, .slider-navigation-previous{
	background:rgba(255,255,255,0.8)!important;
	box-shadow:none;
	border:0px!Important;
}

.slider-navigation-next{
	right:5px!important;
}

.content-tab{
}

.default-active{
	display:block;
}

/***
BX SLIDER
***/

.bx-wrapper{
	box-shadow:none!important;
	border:0px!important;
	margin-bottom:0px!important;
}

.bx-default-pager{
	display:none;
}

.projects .container, .projects .container-fluid{
	max-width:960px;
	margin:auto;
}

.projects-content-item{
	padding:2rem;
}

.project-type-content{
	border-left:5px solid #ccc;
	padding-left:3rem;
}

/**
FOOT CONDITIONS
**/

.condition{
	padding:0.25rem 1rem;
	color:#fff;
	font-weight:600;
	display:inline-block;
	position:relative;
	margin:0.5rem 0.5rem 0rem 0.5rem;
	border:1px solid rgba(255,255,255,0.5);;
}

.condition:hover{
	background:#5d4124;
	color:#e9e3d3;
	opacity:1;
}

.condition:hover{
}

blockquote{
	font-style:italic;
	font-size:0.95rem;
	padding:3rem;
	margin-bottom:1rem;
	border-radius:1.5rem;
	background:#e9e3d3
}

.blockquote b{
	color:#705032;
	font-style:normal;
}

/***
MOBILE
***/

@media screen and (max-width:768px){
	.slide{
		height:70vh;
	}
	.container, .container-fluid{
		padding:0px 30px;
	}
	.slide .road-after{
		right:-100px;
	}
	.list-stack{
		text-align:center;
	}
	.list-stack a{
		display:block;
	}
	.contact-green{
		padding:2rem 1rem;
	}
	.home-contact .column{
		padding:0 1rem;
	}
	.form-checkbox-item{
		font-size:0.8rem;
	}
}

@media screen and (max-width:1088px){
	.top-banner p{
		font-size:0.75rem;
	}
	.navbar{
		padding:0;
	}
	.navbar-menu{
		background:#e9e3d3;
		border-radius:0.5rem;
	}
	.navbar-item{
		color:#5d4124;
		letter-spacing:1px;
	}
	header .has-text-right{
		text-align:left!important;
	}
	.client-login{
		display:none;
	}
	.burger, .burger.is-active, .navbar-burger:hover{
		top:0px;
		right:0px;
		position:absolute;
		background:#e9e3d3;
		color:#5d4124;
		z-index:999;
	}
	.mobile-display{
		display:inline-block;
	}
	.navbar .column{
		padding-bottom:0;
	}
	.white-content{
		clear:both;
	}
	.is-mobile figcaption p{
		display:none;
	}
}

@media screen and (max-width:500px){
	.top-banner{
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		text-align:center!important;
	}
	.top-banner .is-8{
		display:none;
	}
	.top-banner .columns.is-mobile .column{
		width:100%!important;
	}
	.navbar.is-fixed-top{
		top:0;
	}
	.small-slide{
		padding:80px 0px 30px 0px;
	}
	.small-slide h1{
		font-size:1.5rem;
	}
	.ImgFloatRight{
		display:block;
		float:none;
		margin:0 auto 15px auto;
	}
	.breadcrumb{
		font-size:0.75rem;
	}
	.main-content{
		padding:2rem 0;
	}
	footer{
		padding:2rem 0 4rem 0;
	}
	.central{
		text-align:center;
	}
	.list-title{
		left:0;
	}
	.list-title:before{
		display:none;
	}
}