*{padding: 0; margin: 0; box-sizing: border-box;}
img{border: none; display: block;}
a{outline: none !important; text-decoration: none; transition: all 0.3s ease-in-out;}
a:hover{text-decoration: underline;}
ul{list-style: none !important;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@font-face {
    font-family: 'SpartanRegular';
    src: url('../fonts/SpartanRegular.eot');
    src: url('../fonts/SpartanRegular.eot') format('embedded-opentype'),
         url('../fonts/SpartanRegular.woff2') format('woff2'),
         url('../fonts/SpartanRegular.woff') format('woff'),
         url('../fonts/SpartanRegular.ttf') format('truetype'),
         url('../fonts/SpartanRegular.svg#SpartanRegular') format('svg');
}

@font-face {
    font-family: 'SpartanSemiBold';
    src: url('../fonts/SpartanSemiBold.eot');
    src: url('../fonts/SpartanSemiBold.eot') format('embedded-opentype'),
         url('../fonts/SpartanSemiBold.woff2') format('woff2'),
         url('../fonts/SpartanSemiBold.woff') format('woff'),
         url('../fonts/SpartanSemiBold.ttf') format('truetype'),
         url('../fonts/SpartanSemiBold.svg#SpartanSemiBold') format('svg');
}

body{
	font-family: 'SpartanRegular' !important;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #313131;
	background-color: #fff !important;
	overflow: hidden;
}

body::before{width: 100% !important; box-shadow: none !important; position: relative !important;}

.mobile_nav{display: none; position: fixed; width: 75%; height: 100%; left: -80%; top: 0; background-color: #99af37; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); z-index: 9999999; padding: 30px 25px; transition: all 0.3s ease-in-out;}
.mobile_nav.open{left: 0;}
.mobile_nav ul{padding: 0; font-size: 18px; line-height: 24px;}
.mobile_nav ul li{padding: 0 0 20px;}
.mobile_nav ul li a{color: #fff;}

.burger {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    background: #99af37;
    box-shadow: rgb(136 165 191 / 28%) 6px 2px 16px 0px, rgb(255 255 255 / 50%) -6px -2px 16px 0px;
    cursor: pointer;
    /*display: flex;*/
    display: none;
    justify-content: center;
    align-items: center;
    padding: 5px;
    transition: all .5s ease;
    float: right;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 999;
}
.burger.active {
    background: rgb(56 56 56);
}
.burger-strip {
    transition: all .5s ease;
}
.strip div {
    height: 3px;
    border-radius: 2px;
    background: #fff;
    margin: 10px;
    transition: all .55s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 40px;
}
.burger:hover .strip div {
    background: white;
}
.burger-strip div:first-child {
    width: 16px;
}
.burger-strip div:last-child {
    width: 28px;
}
/*.burger:hover .burger-strip div:first-child,*/
.burger.active .burger-strip div:first-child {
    transform: rotate(45deg) translateY(1px) translateX(5px);
}
/*.burger:hover .burger-strip div:nth-child(2),*/
.burger.active .burger-strip div:nth-child(2) {
    transform: rotate(-45deg);
}
/*.burger:hover .burger-strip div:last-child,*/
.burger.active .burger-strip div:last-child {
    transform: rotate(45deg) translateY(-13px) translateX(2px);
}


/* Header */
header{position: relative;}
	header p:last-child{margin: 0 !important;}

	.header-top{padding: 15px 0 10px; background-color: #fff;}
		.header-top .logo-cont{max-width: 180px; transition: all 0.3s ease-in-out; display: inline-block;}
		.header-top p{font-family: "Century Gothic", Arial, sans-serif; color: #a3966c; font-size: 22px; line-height: 28px; font-weight: 700; max-width: 560px; transition: all 0.3s ease-in-out;}
		nav{background-color: #99af37; padding: 20px 0 15px; transition: all 0.3s ease-in-out;}
			nav.is-stuck{position: fixed; box-shadow: 0 0 5px 3px rgba(0,0,0,0.2); width: 100%; left: 0; top: 0; z-index: 999;}
			nav ul{padding: 0 !important; margin: 0 !important; font-size: 18px; line-height: 24px; font-weight: 400;}
				nav ul li{display: inline-block; padding: 0 15px;}
					nav ul li a{color: #fff; display: block; border-bottom: transparent 2px solid;}
						nav ul li:hover > a{text-decoration: none; color: #fff !important; border-bottom: #fff 2px solid;}
						nav ul li.current-menu-item > a,
						nav ul li.current-menu-parent > a{text-decoration: none; color: #fff !important; border-bottom: #fff 2px solid;}

	.inner-banner{padding: 50px 0; background-image: linear-gradient(to bottom, #768256, #35421d); margin-top: 5px;}
		.inner-banner h1{font-size: 50px; line-height: 55px; margin: 0; color: #fff;}


/* Body */
main{}
	main p:last-child{margin: 0 !important;}

	.home-projects{column-count: 3; column-gap: 0.5rem; padding: 5px 0 30px;}
		.home-projects .grid-item{padding: 0 0 5px;}
			.home-projects .grid-item img{width: 100%;}
			.home-projects .grid-item a{display: block; position: relative;}
			.home-projects .grid-item .name{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;  transition: all 0.3s ease-in-out; opacity: 0; background-image: linear-gradient(rgba(255,0,0,0), rgb(153, 175, 55));}
				.home-projects .grid-item a:hover .name{opacity: 1;}
				.home-projects .grid-item .name h3{font-family: 'SpartanSemiBold'; color: #fff; font-size: 2.5rem; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; padding: 0 0 0 50px; font-weight: 400;}

	.no-projects{padding: 150px 0;}
		.no-projects h2{background-color: #99af37; color: #fff; font-size: 35px; line-height: 45px; margin: 0; display: inline-block; padding: 30px 50px;}

	.project-desc{padding: 50px 0;}
		.project-desc h2{font-size: 35px; line-height: 45px; margin: 0 0 25px;}
		.project-desc .main-desc{padding: 0 0 0 5%;}
		.project-desc p{font-size: 18px; line-height: 24px;}

	.project-video{padding: 70px 0; background-color: #f2f2f2;}
		.project-video .video-wrapper{position: relative; padding-bottom: 56.25%; eight: 0; overflow: hidden;}
			.project-video .video-wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

	.project-images{padding: 50px 0;}
		.project-images h2{font-size: 35px; line-height: 45px; margin: 0 0 25px;}
		.project-images a{display: block; border: #35421d 1px solid; transition: transform 0.3s; margin: 0 0 10px;}
			.project-images a:hover{transform: scale(1.05);}

	.project-features{padding: 70px 0; background-color: #f2f2f2;}	
		.project-features .features-inner{background-color: #dbdfcd; border: #4f5c24 2px solid; padding: 20px 20px 40px;}
		.project-features h3{font-family: "Oswald", sans-serif !important; font-size: 30px; line-height: 40px; margin: 0 0 25px; color: #4e4631; text-align: center;}
		.project-features ul{font-size: 18px; line-height: 24px; column-count: 2; list-style: disc; padding: 0 0 0 17px; margin: 0;}
			.project-features ul li{list-style: disc; padding: 0 0 15px;}

	.about-section{position: relative; padding: 70px 0;}
		.about-section .sec-title{margin-bottom: 25px;}
		.about-section .content-column{position: relative; margin-bottom: 50px;}
			.about-section .content-column .inner-column{position: relative;}
		.about-section .title{font-family: "Oswald", sans-serif !important; font-size: 20px; line-height: 24px; margin: 0 0 10px; color: #4e4631; font-weight: 400;}
		.about-section h2{font-family: "Century Gothic", Arial, sans-serif; color: #a3966c; font-size: 45px; line-height: 50px; font-weight: 400;}
		.about-section h3{color: #46522c; font-size: 26px; line-height: 30px; font-weight: 700; margin: 0 0 10px;}
		.about-section h4{color: #46522c; font-size: 20px; line-height: 26px; font-weight: 700; margin: 0 0 15px;}
		.about-section p{font-size: 15px; line-height: 20px; margin: 0 0 20px;}
		.about-section ul{font-size: 15px; line-height: 20px; margin: 0; padding: 0;}
			.about-section ul li{padding: 0 0 5px;}
				.about-section ul li strong{font-weight: 400; display: inline-block; width: 20px;}
		.about-section .mission-block{padding: 10px; border: #35431d 2px dashed; margin: 0 0 40px;}
			.about-section .mission-block .mission-block-inner{padding: 20px; background-color: #6f7c50;}
			.about-section .mission-block h3,
			.about-section .mission-block h4,
			.about-section .mission-block p,
			.about-section .mission-block ul{color: #fff;}
		.about-section .image-column{position: relative;}
			.about-section .image-column .text-layer{position: absolute; right: -110px; top: 50%; font-size: 325px; line-height: 1em; color: #ffffff; margin-top: -175px; font-weight: 500;}
			.about-section .image-column .inner-column{position: relative; padding-left: 0; padding-bottom: 100px;}
				.about-section .image-column .inner-column:before{position: absolute; left: -75px; top: 65px; height: 520px; width: 520px; background-image:url(../images/about-circle-1.png); content: "";}
			.about-section .image-column .image-1{position: relative;}
			.about-section .image-column .image-2{position: absolute; left: 0; bottom: 0;}
			.about-section .image-column .image-2 img,
			.about-section .image-column .image-1 img{box-shadow: 0 30px 50px rgba(8,13,62,.15);}

	
/* Footer */
footer{}
	footer p:last-child{margin: 0;}
	
	.footer-top{padding: 40px 0 0;}
		.footer-top .top-part{padding: 0 5%;}
		.footer-top .footer-info{padding-bottom: 40px;}
			.footer-top .footer-info i{display: inline-block; margin-bottom: 15px; font-size: 30px; line-height: 34px;}
			.footer-top .footer-info p{font-size: 14px; line-height: 24px; color: #2B2B2B;}
				.footer-top .footer-info p a{color: #2B2B2B; border: none;}
	.copyright{padding: 15px 0 10px; background-color: #99af37;}
		.copyright p{font-size: 14px; line-height: 24px; color: #fff;}
	
			
		
.popup{display: none; padding: 0 !important;}
.fancybox-container{z-index: 999999 !important;}



/* Media Query */
@media screen and (max-width: 1700px) {

}

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

}

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

}

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

}

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

}

@media screen and (max-width: 1100px) {
.about-section .image-column{margin: 0 auto 80px !important; max-width: 560px !important;}
}

@media screen and (max-width: 900px) {
.home-projects{column-count: 2;}
}

@media screen and (max-width: 767px) {
.header-top{text-align: center !important; border-bottom: #99af37 5px solid;}
.header-top .text-end{text-align: center !important;}
.header-top p{font-size: 18px; line-height: 22px;}
.home-projects{column-count: 1;}
.mobile_nav{display: block;}
.burger {display: flex;}
nav{display: none !important;}
.footer-top .footer-info{padding-bottom: 20px;}
.about-section{padding-bottom: 0 !important;}
.about-section h2{font-size: 35px; line-height: 40px;}
.about-section .image-column .image-2{max-width: 230px;}
.inner-banner h1{font-size: 40px; line-height: 45px;}
.project-desc .main-desc{padding: 30px 0 0 !important; text-align: center;}
.project-video{padding: 30px 0;}
.project-images h2{font-size: 30px; line-height: 40px;}
.project-images .img-block{margin-bottom: 30px;}
.project-features ul{column-count: 1;}
.no-projects{padding: 40px 0;}
.project-features ul{font-size: 16px; line-height: 20px;}
.project-features ul li{padding: 0 0 12px;}
}