@font-face {
	font-family: 'Conv_segoeui';
	src: url('../fonts/segoeui.eot');
	src: local('☺'), url('../fonts/segoeui.woff') format('woff'), url('../fonts/segoeui.ttf') format('truetype'), url('../fonts/segoeui.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_EUROSTIL';
	src: url('../fonts/EUROSTIL.eot');
	src: local('☺'), url('../fonts/EUROSTIL.woff') format('woff'), url('../fonts/EUROSTIL.ttf') format('truetype'), url('../fonts/EUROSTIL.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800,900');

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
}

.p-t-36 {
	padding-top: 36px;
}

body {
}

a { transition: all 0.3s ease-in-out; }

.heading-style-1 {
	background: #231f20;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #FFF;	
	display: inline-block;
	font-weight: 800;
	padding-right: 40px;
	font-size: 22px;
	padding-left: 27px;
	padding: 10px 40px 10px 27px;
	margin-bottom: 30px;
}

.heading-style-1 span {
	color: #8ca93e;
}

p {
	color: #494646;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	line-height: 24px;
}

ul {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

.main-banner {
	background-image: url('../images/main-banner2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 872px;
	background-position: center;
}

.logo {
    padding-top: 20px;
    margin: 0 0 0 -12px;
}

nav {
	background: #FFFFFF;
    position: absolute;
    right: 0;
    top: 0;
    width: 720px;
    max-width: 100%;
    min-height: 51px;
}

nav::before {
	width: 0;
	height: 0;
	border-left: 51px solid transparent;
	content: "";
	position: absolute;
	z-index: 33;
	top: 0px;
	left: -51px;
	border-bottom: 53px solid #fff;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	display: inline;
	padding: 15px 0;
	float: left;
	position: relative;
}

nav ul li::after {
    content: '';
    width: 1px;
    height: 72px;
    position: absolute;
    right: 0;
    top: -10px;
    background: #e0e0e0;
    transform: rotate(44deg);
}

nav ul li:last-child::after {
	display: none;
}

nav ul li a {
	font-size: 16px;
    font-weight: 700;
    color: #231f20;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    text-decoration: none !important;
    padding: 0 45px;
}

nav ul li a:hover {
	color: #8ca93e;
}

.header-desc {
	margin-top: 175px;
}

.header-desc p {
    font-size: 24px;
    line-height: 36px;
    color: #231f20;
    font-family: 'Conv_segoeui';
    padding-right: 20px;
    padding-left: 16px;
}

.light-gray {
	background: #f9f9f9;
}

.about-us {
	padding: 40px 0 111px 0;
}

.c-about-us {
	padding: 0 50px;
}

.about-us .desc {
	background: url('../images/white-box.png') no-repeat left top;
	width: 268px;
	min-height: 222px;
	margin: -111px auto 0 auto;
	position: relative;
}

.about-us .desc ul {
}

.about-us .desc ul li {
    padding-bottom: 6px;
}

.about-us .desc ul li a {
	position: relative;
	padding-left: 16px;
}

.about-us .desc ul li a::before {
    content: "\f18e";
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
}

.about-us .desc a {
	color: #8ca93e;
	font-weight: 500;
	text-decoration: none !important;
}

.about-us .desc a:hover {
	color: #000;
}

.about-us h3 {
	font-weight: 700;
	font-size: 14px;
	color: #494646;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 10px;
}

.about-us .c-padding {
	padding-top: 82px;
	padding-left: 29px;
	padding-right: 34px;
}

.our-projects {
	padding-top: 80px;
}

.c-our-projects {
	padding: 0 50px;
}

.nopadding {
	padding: 0 !important;
}

.projects-gallery {
	padding-top: 35px;
}

.img-box {
	position: relative;
}

.projects-gallery .overlay {
	background-image: url(../images/image-overlay.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    width: 100%;
    height: 107px;
    z-index: 9999;
    left: 0;
    bottom: 0;
    background-size: contain;
}

.projects-gallery a .overlay {
	text-transform: uppercase;
	color: #231f20;
	font-weight: 900;
	font-size: 16px;
	padding: 62px 0 0 12px;
	font-family: 'Raleway', sans-serif;
}

footer {
	background-image: url('../images/footer-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 577px;
	padding-top: 149px;
}

footer .c-footer {
	background: url('../images/footer-bg2.png') no-repeat center top;
	width: 1194px;
	margin: 0 auto;
	min-height: 428px;
}

footer h2 {
	font-family: 'Conv_EUROSTIL';
	color: #FFF;
	margin: 0;
	padding: 44px 0 0 0;
	text-transform: uppercase;
	font-size: 42px;
}

footer .c--footer {
    width: 877px;
    margin: 0;
    padding: 0 0 0 240px;
}

footer input[type="text"], footer input[type="email"] {
	border: none !important;
	background: none !important;
	border-bottom: solid 1px #FFF !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #FFFFFF;
	padding-left: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	padding-bottom: 0;
	margin-bottom: 0;
}

footer textarea {
	border: none !important;
    background: none !important;
    border-bottom: solid 1px #FFF !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #FFFFFF !important;
    font-family: 'Raleway', sans-serif;
    font-size: 13px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0;
    height: 30px !important;
    margin-top: 15px;
}

input[type="text"]::-webkit-input-placeholder {
   color: #FFFFFF;
}

input[type="text"]:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF;
}

input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF;
}

input[type="text"]:-ms-input-placeholder {  
   color: #FFFFFF;
}

input[type="text"]input:-webkit-autofill {
	background: none !important;
}

input[type="email"]::-webkit-input-placeholder {
   color: #FFFFFF;
}

input[type="email"]:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF;
}

input[type="email"]::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF;
}

input[type="email"]:-ms-input-placeholder {  
   color: #FFFFFF;
}

input[type="email"]input:-webkit-autofill {
	background: none !important;
}

textarea::-webkit-input-placeholder {
   color: #FFFFFF !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF !important;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF !important;
}

textarea:-ms-input-placeholder {  
   color: #FFFFFF !important;
}

textarea input:-webkit-autofill {
	background: none !important;
}

input[type="submit"] {
	width: 56px;
	height: 28px;
	background: #3a3a3a;
	border: none;
	color: #FFF;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	margin: 12px 0 0 0;
	outline: none;
}

.footer-row-2 {
	padding-top: 60px;
	margin-left: 67px;
}

.footer-row-2 ul.social-icons {
	padding-top: 27px;
}

.footer-row-2 .footer-logo {
	border-right: solid 5px #4c5f17;
    min-height: 129px;
    float: left;
    padding-right: 20px;
}

.footer-row-2 p, .footer-row-2 ul {
	font-size: 13px;
}

.footer-row-2 a {
	color: #5e5e5e;
	text-decoration: none !important;
}

.footer-row-2 ul.footer-links li a {
    color: #5e5e5e;
    text-decoration: none !important;
    border-right: solid 1px #5e5e5e;
    padding-right: 10px;
}

.footer-row-2 ul.footer-links li:last-child a {
	border: none;
}

.footer-row-2 .footer-info {
	padding-left: 22px;
    display: inline-block;
}

a.btn.btn-primary { display: none; }

.inner-banner {
	min-height: 192px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.about-us-banner {
	background-image: url('../images/about-us-banner.jpg');
}

.inner .logo img {
    width: 60%;
}

.media {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.26);
    padding: 0 0 30px 0 !important;
    margin-top: 45px;
}


/* RESPONSIVE */

@media (min-width: 1920px) {

	nav {
	    width: 996px;
	}

	.projects-gallery a .overlay {
		padding-top: 50px;
	}

}

@media (min-width: 1260px) {

	.container {
	    width: 1247px;
	}

}

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

	.logo {
    	padding-top: 91px;
	}

	.logo img {
    	max-width: 100%;
	}

	.about-us {
    	padding-top: 0;
    	padding-bottom: 30px;
	}

	.our-projects {
    	padding-top: 0px;
	}

	footer {
    	background-position: center top;
    	padding-top: 50px;
    	min-height: 428px;
	}

	footer .c-footer {
    	max-width: 100%;
	}

	footer .c--footer {
    	padding: 0 0 0 153px;
    	width: 76%;
	}

	.footer-row-2 { width: 100%; }

}

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

	.container {
		width: 100%;
	}

}

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

	.logo {
		padding-top: 0;
		position: absolute;
		margin: 0;
		top: 55px;
	}

	.header-desc {
	    margin-top: 0;
	    position: absolute;
	    top: 210px;
	    width: 300px;
	}

	footer .c--footer {
    	padding: 0 0 0 43px;
	}

	footer .c--footer {
    	width: 85%;
	}

	.projects-gallery a .overlay {
    	padding: 73px 0 0 10px;
	}

}

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

	.about-us .desc {
		max-width: 100%;
	}

	.about-us .c-padding {
    	padding-left: 13px;
    	padding-right: 10px;
	}

	.about-us .desc p {
    	font-size: 12px;
    	line-height: 19px;
	}

	.about-us .desc ul li {
    	padding-bottom: 1px;
	}

	.about-us .desc ul li a {
    	font-size: 11px;
	}

}

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

	nav {
		z-index: 9999;
		top: 150px;
		right: auto;    
    	width: 95%;    
    	margin: 0 20px;
    	display: none;
	}

	nav ul li {
		width: 100%;
		display: block;
		border-bottom: solid 1px #e0e0e0;
	}

	nav ul li::after {
		display: none;
	}

	nav ul li a {
		font-size: 14px;
		display: block;
	}

	.logo {
		top: 0;
	}

	.logo img {
		max-width: 70%;
	}

	.header-desc {    
    	top: 410px;
    	width: 460px;
	}

	.main-banner a.btn.btn-primary {
		display: block;
		width: 40px;
		height: 40px;
		padding: 9px 10px;
		margin: 20px 20px 0 0;
		float: right;
		position: absolute;
		right: 0;
		background: #8ca93e;
		border-color: #8ca93e;
	}

	.main-banner a.btn.btn-primary i {
    	font-size: 18px;
    	margin-top: 1px;
	}

	.c-about-us .col-xs-12 {
    	width: 222px;
	}

	.projects-gallery .col-xs-12 {
    	width: 383px;
	}

	footer {    
    	padding-top: 0px;
    	min-height: auto;
	}

	footer .c-footer {
		background: none;
		background-color: rgba(140, 169, 62, 0.38);
	}

	.footer-row-2 {
    	padding-top: 10px;
    	margin-left: 0;
	}

	footer .c--footer {
    	width: 93%;
	}

}

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

	.header-desc {
    	width: 400px;
	}

	.c-about-us .col-xs-12 {
    	width: 369px;
    	float: none;
    	margin: 0 auto 30px auto;
	}

	.projects-gallery .col-xs-12 {
    	width: 320px;
	}

	footer .c--footer {
    	padding: 0;
	}

	footer .c--footer {
    	width: 90%;
    	margin: 0 auto;
	}

}

@media screen and (min-width: 320px) and (max-width: 480px) {

	/*.main-banner { background-color: #e0e0e0; background-image: none; }*/

	.main-header .col-sm-4 {
		width: 100%;
	}

.logo {
    top: 0;
    width: 73%;
}

.c-about-us {
    padding: 0 0;
}

.image-wrapper img {
    width: 290px;
}

	.logo img {
		max-width: 50%;
	}

	nav {
		z-index: 9999;
		top: 107px;
		margin: 0 auto;
		width: 90%;
		left: 0;
		right: 0;
	}

	nav ul li {
		width: 100%;
		display: block;
		border-bottom: solid 1px #e0e0e0;
	}

	nav ul li::after {
		display: none;
	}

	nav ul li a {
    	font-size: 14px;
    	display: block;
	}

	.main-banner a.btn.btn-primary {
    	position: absolute;
    	margin: 20px 0 0 0;
    	right: 20px;
    	top: 0;
	}

	.projects-gallery .col-xs-12 {
		width: 100%;
		margin: 0 auto;
		float: none;
	}

	.header-desc {
    	width: 330px;
	}

}