/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: 'Futura', sans-serif; font-size: 16px; color: #332824; }
body { background: #fff; }
input,
select,
textarea, button { font-family: 'Futura', sans-serif; font-size: 16px; color: #000; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { text-decoration: none; }
img { max-width: 100%; }
p { margin-bottom: 35px; color: #332824; font-size: 16px; font-weight: 300; line-height: 1.85; }
p.ql-align-justify { margin-bottom:0px; }
.grecaptcha-badge { visibility: hidden; }
.button { padding: 0 26px; height: 48px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; font-weight: 900; border-radius: 24px; white-space: nowrap; transition: ease-in 0.3s; background-color: #92d307; }
.button:hover { background-color: #0db02f; }
.button img { margin-right: 10px; }
h1,h2,h3,h4,h5,h6 { color: #332824; font-weight: 900; }
h2 { font-size: 60px; }
h3 { margin-bottom: 28px; font-size: 36px; line-height: 1; }
::-webkit-input-placeholder { color: rgba(51,40,36,0.5); opacity: 1; }
:-ms-input-placeholder { color: rgba(51,40,36,0.5); opacity: 1; }
::placeholder { color: rgba(51,40,36,0.5); opacity: 1; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center-sm { padding-right: calc((100% - 1300px) / 2); padding-left: calc((100% - 1300px) / 2); }
.centered { padding-right: calc((100% - 1420px) / 2); padding-left: calc((100% - 1420px) / 2); }
.slick-arrow { width: 30px; height: 30px; position: absolute; bottom: -70px; border: 0; text-indent: -9999px; z-index: 9; background-color: #f0f0f0; cursor: pointer; }
.slick-prev { margin-left: 1px; left: 50%; background-image: url(../images/prev-img.png); background-repeat: no-repeat; background-position: center center; }
.slick-next { margin-right: 1px; right: 50%; background-image: url(../images/next-arrow.png); background-repeat: no-repeat; background-position: center center; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; position: relative; }

/* ### header container ### */
#headerCntr { position: absolute; top: 0; width: 100%; height: 80px; z-index: 9999; display: flex; justify-content: space-between; align-items: center; transition: ease-in 0.3s; }
#headerCntr .logo { margin-left: 60px; opacity: 0; visibility: hidden; transition: ease-in 0.3s; }
#headerCntr .right { margin-right: 40px; display: flex; justify-content: flex-end; align-items: center; }
#headerCntr .btn { padding: 0 26px; height: 48px; color: #fff; font-size: 18px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; border-radius: 24px; transition: ease-in 0.3s; background-color: #0db02f; }
#headerCntr .btn:hover { background-color: #92d307; }
#headerCntr .mobileMenu { position: relative; z-index: 15; display: none; float: left; width: 42px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 53%; right: 20%; left: 20%; display: block; height: 2px; text-indent: -9999px; border-radius: 5px; background: #fff; transition: 0.2s; }
#headerCntr .mobileMenu span:before, #headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; background-color: #000; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -5px; }
#headerCntr .mobileMenu span:after { bottom: -5px; }
#headerCntr .mobileMenu span { background: none; }
#headerCntr .mobileMenu.is-active span:before,
#headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
#headerCntr .mobileMenu.is-active span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#headerCntr .mobileMenu.is-active span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#headerCntr.fixed { position: fixed; box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); background-color: #fff; }
#headerCntr.fixed .logo { opacity: 1; visibility: visible; }
#headerCntr.fixed .menuBox:not(.mm-menu) ul li > a { color: #332824; }
#headerCntr.fixed .menuBox:not(.mm-menu) ul li a.active:after { background: url('../images/down-arrow.png') no-repeat right center; }

/* ### menu box ### */
.menuBox:not(.mm-menu) { margin-right: 25px; display: flex; }
.menuBox:not(.mm-menu) ul { width: auto; display: flex; }
.menuBox:not(.mm-menu) ul li { padding: 29px 19px; font-family: 'Futura Hv BT', sans-serif; font-size: 18px; font-weight: 900; position: relative; }
.menuBox:not(.mm-menu) ul li > a { color: #fff; position: relative; }
.menuBox:not(.mm-menu) ul li a.active:after { content: ''; width: 12px; height: 7px; position: absolute; right: 0; top: 10px; background: url('../images/down-arrow2.png') no-repeat right center; }
.menuBox:not(.mm-menu) ul li .sub-menu { padding: 18px; width: 260px; position: absolute; top: 100%; left: 0; display: none; border-radius: 20px; background-color: #fff; }
.menuBox:not(.mm-menu) ul li:hover .sub-menu { display: block; }
.menuBox:not(.mm-menu) ul li .sub-menu li { padding: 14px 0; position: relative; }
.menuBox:not(.mm-menu) ul li .sub-menu li:last-child { padding-bottom: 7px; }
.menuBox:not(.mm-menu) ul li .sub-menu li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 1px; background-color: #f3f3f3; }
.menuBox:not(.mm-menu) ul li .sub-menu li:last-child:after { display: none; }
.menuBox:not(.mm-menu) ul li .sub-menu li img { margin-right: 15px; }
.menuBox:not(.mm-menu) ul li .sub-menu li a { color: #332824; display: inline-flex; align-items: center; }
.menuBox:not(.mm-menu) ul li a.active { padding-right: 18px; }
.menuBox:not(.mm-menu) ul li:hover > a, #headerCntr.fixed .menuBox:not(.mm-menu) ul li:hover > a, .menuBox:not(.mm-menu) ul li .sub-menu li a:hover { color: #0db02f; }

/* ### content container ### */
#contentCntr { width: 100%; }

.serviceBox .slick-list {
	padding: 0!important;
}

	/* ### banner box ### */
	.bannerBox { width: 100%; position: relative; background-color: #18452e; }
	.bannerBox:before { content: ''; position: absolute; left: 0; top: 0; width: 80%; height: 100%; background: url(../images/banner-img.jpg) no-repeat left center; background-size: cover; }
	.bannerBox .bottom { position: absolute; right: 25px; bottom: -147px; }
	.bannerBox h1 { font-size: 60px; color: #fff; line-height: 1; }
	.bannerBox .content { min-height: 720px; position: relative; z-index: 999; display: flex; justify-content: center; align-items: center; }
	.bannerBox .inner { margin-left: 10px; margin-top: -65px; display: flex; align-items: center; }
	.bannerBox ul { margin-right: 60px; display: flex; }
	.bannerBox li { padding: 0 15px; display: inline-flex; align-items: center; }
	.bannerBox.inner .content { min-height: 330px; }
	.bannerBox.inner:before { background-attachment: inherit; }
	.bannerBox .centered { padding: 0; margin: auto; max-width: 1300px; position: relative; }
	.bannerBox .centered:after { content: ''; position: absolute; right: -2900px; top: 0; width: 3000px; height: 100%; background-color: #18452e; }

	/* ### content box ### */
	.contentBox { width: 100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; }
	.contentBox .logo { margin-top: 40px; position: relative; z-index: 999; }
	.contentBox .content { padding-top: 212px; margin-right: 95px; width: 603px; position: relative; }
	.contentBox .content.go:before { width: 604px; }
	.contentBox .content:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 3px; transition: ease-in 0.5s; background-color: #92d307; }
	.contentBox .content .text { position: relative; z-index: 999; }
	.contentBox .align-right { margin: 7px -397px 20px 17px; max-width: 701px; float: right; }
	.contentBox image { margin-bottom: 30px; position: relative; }
	.contentBox .feature .icon { position: absolute; top: -35px; right: 16px; animation: iconUpDown 2s linear infinite; }
	.contentBox .feature .image { margin-bottom: 30px; position: relative; }
	.contentBox .feature .bottom { padding-left: 25px; }
	.contentBox .feature h3 { padding-right: 15px; margin-bottom: 25px; font-size: 30px; }
	.contentBox .feature ul { margin-bottom: 30px; display: flex; align-items: flex-end; flex-flow: wrap; }
	.contentBox .feature ul li { padding-left: 10px; width: 100%; line-height: 1.85; position: relative; }
	.contentBox .feature ul li:before { content: '-'; position: absolute; left: 0; }
	.contentBox .left { width: 240px; position: relative; z-index: 999; }
	.contentBox .feature { margin-top: 400px; }
	.contentBox .feature { padding-bottom: 12px; margin-left: -24px; animation: MoveUpDown 2s linear infinite; position: relative; }
	.contentBox.inner .logo { position: relative; }
	.contentBox.inner:after { content: ''; position: absolute; right: 0; bottom: 0; width: 870px; height: 880px; opacity: 0.1; background: url('../images/tree-img2.png') no-repeat left top;; }
	.contentBox.inner {  padding-bottom: 177px; }
	.contentBox.inner.details:after { display: none; }
	.contentBox.inner.details { padding-bottom: 7px; }
	.contentBox .icon { margin: 35px -12px 45px; display: flex; }
	.contentBox .icon li { padding: 0 12px; display: flex; align-items: center; }
	.contentBox .icon li img { max-width: 50px; }
	.contentBox .icon li:nth-child(4) img { max-width: 45px; }
	.contentBox .gallery { margin-top: 335px; margin-left: -23px; display: flex; flex-wrap: wrap;left: -24px; position: relative; }
	.contentBox .gallery .item { padding: 0 28px; margin-bottom: 60px; width: 50%; }
	.contentBox .gallery .item a { display: block; transition: ease-in 0.3s; }
	.contentBox .gallery .item a img { width: 100%; }
	.contentBox .gallery .item a:hover { opacity: 0.8; }
	.contentBox.inner.project .left { margin-top: 0; width: 570px; }

	/* ### service box ### */
	.serviceBox { padding-top: 153px; padding-bottom: 180px; width: 100%; position: relative; }
	.serviceBox:after { content: ''; position: absolute; left: 0; bottom: 0; width: 870px; height: 880px; opacity: 0.1; background: url('../images/tree-img2.png') no-repeat right top;; }
	.serviceBox .image { margin-bottom: 30px; position: relative; display: inline-flex; }
	.serviceBox .icon { position: absolute; right: -16px; }
	.serviceBox .content { padding-left: 25px; padding-right: 5px; }
	.serviceBox .item { padding-top: 63px; padding-right: 60px; width: 300px; }
	.serviceBox .service { margin-left: -25px; display: flex; position: relative; z-index: 999; }
	.serviceBox .button img { margin-right: 10px; }
	.serviceBox .two .image { margin-top: -32px; }
	.serviceBox .four .image { margin-top: 30px; }
	.serviceBox .six .image { margin-top: -32px; }
	.serviceBox ul { margin-bottom: 30px; display: flex; align-items: flex-end; flex-flow: wrap; }
	.serviceBox h3 { padding-right: 15px; margin-bottom: 25px; font-size: 30px; }
	.serviceBox ul li { padding-left: 10px; line-height: 1.85; position: relative; }
	.serviceBox ul li:before { content: '-'; position: absolute; left: 0; }
	.serviceBox .item .full { padding-bottom: 20px; position: relative; }
	.serviceBox .item.one .icon { animation: iconUpDown 2.5s linear infinite; }
	.serviceBox .item.two .icon { margin-top: -28px; animation: iconUpDown2 2.5s linear infinite; }
	.serviceBox .item.three .icon { animation: iconUpDown3 2.5s linear infinite; }
	.serviceBox .item.four .icon { margin-top: -28px; animation: iconUpDown4 2.5s linear infinite; }
	.serviceBox .item.five .icon { animation: iconUpDown5 2.5s linear infinite; }
	.serviceBox .item.six .icon { margin-top: -28px; animation: iconUpDown6 2.5s linear infinite; }

	/* ### image box ### */
	.imageBox { width: 100%; min-height: 640px; background-repeat: no-repeat; background-size: cover; }
	.imageBox .content { padding-top: 110px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 999; }
	.imageBox .content:before { content: ''; position: absolute; left: 0; top: -3px; width: 0; height: 3px; transition: ease-in 0.5s; background-color: #92d307; }
	.imageBox .content.go:before { width: 600px; }
	.imageBox h2 { width: 64%; color: #fff; line-height: 1; }
	.imageBox span { margin-right: 65px; }
	.imageBox figure { position: absolute; right: 18px; top: -29px; }
	.imageBox.inner { min-height: 400px; display: flex; }
	.imageBox.inner .content { padding-top: 0; }

	/* ### feature box ### */
	.featureBox { margin-top: -23px; padding-bottom: 140px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
	.featureBox .right { margin: -185px -58px 0; width: 85%; display: flex; position: relative; z-index: 999; }
	.featureBox .item { padding-left: 90px; padding-right: 90px; padding-top: 30px; width: 600px; }
	.featureBox .image { margin-bottom: 40px; display: block; }
	.featureBox .top { margin-top: -30px; }
	.featureBox .button img { margin-right: 10px; }
	.featureBox:after { content: ''; position: absolute; right: 0; top: -300px; width: 905px; height: 880px; opacity: 0.1; background: url('../images/tree-img2.png') no-repeat left bottom; }
	.featureBox h3 { font-size: 30px; }
	.featureBox .button { margin-left: 28px; position: relative; z-index: 999; }
	.featureBox .right .button { margin-left: 0; }

	/* ### post box ### */
	.postBox { padding-bottom: 125px; width: 100%; position: relative; }
	.postBox:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 356px; background: #f3f3f3; }
	.postBox .center { margin: auto; max-width: 900px; position: relative; z-index: 999; top: -20px; left: 45px; }
	.postBox .row:before { content: ''; position: absolute; left: -3000px; top: 0; margin-left: 1px; width: 3000px; height: 100%; z-index: 9; background-color: #fff; }
	.postBox .row { position: relative; }
	.postBox .posts { display: flex; left: 7px; position: relative; }
	.postBox .item { padding: 0 30px; width: 300px; }
	.postBox .image { margin-bottom: 30px; display: block; }
	.postBox ul { margin-bottom: 30px; display: flex; align-items: flex-end; flex-flow: wrap; }
	.postBox ul li { padding-left: 10px; line-height: 1.85; position: relative; }
	.postBox ul li:before { content: '-'; position: absolute; left: 0; }
	.postBox .content { padding-left: 20px; padding-right: 5px; min-height: 255px; position: relative; }
	.postBox .top { padding-left: 56px; margin-bottom: 20px; overflow: hidden; }
	.postBox h3 { margin-bottom: 45px; }
	.postBox .button { position: absolute; bottom: 0; }
	.postBox .all:before { content: ''; position: absolute; right: 0; top: -3px; width: 0; height: 3px; z-index: 9; transition: ease-in 0.5s; background-color: #92d307; }
	.postBox .all { position: relative; }
	.postBox .all.go:before { width: 701px; }

	/* ### details box ### */
	.detailsBox { margin-top: 50px; width: 100%; position: relative; }
	.detailsBox .row { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 999; }
	.detailsBox .row:last-child { margin-bottom: 0; }
	.detailsBox .item { margin-bottom: 140px; margin-left: 180px; width: 420px; }
	.detailsBox .top { margin-top: -30px; }
	.detailsBox .image { margin-bottom: 40px; display: block; }
	.detailsBox h3 { font-size: 30px; }
	.detailsBox .row.right { justify-content: flex-end; }
	.detailsBox .row.left { justify-content: flex-start; }
	.detailsBox:after { content: ''; position: absolute; right: 0; bottom: 0; width: 870px; height: 880px; opacity: 0.1; background: url(../images/tree-img2.png) no-repeat left top; }
	.detailsBox .left { padding-left: 160px; }
	.detailsBox .item:first-child, .detailsBox .item:nth-child(4n+1) { margin-left: 361px; }
	.detailsBox .item .full { padding-bottom: 12px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
	.detailsBox .item .full:hover { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
	.detailsBox .item.top .full:hover { -webkit-transform: translateY(15px); transform: translateY(15px); }
	.detailsBox .item.space { margin-left: 61px; }

	/* ### form box ### */
	.formBox { margin-bottom: 125px; width: 100%; position: relative; display: flex; justify-content: flex-end; }
	.formBox:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #f3f3f3; }
	.formBox h3 { margin-bottom: 38px; }
	.formBox .center { padding-right: 45px; max-width: 75%; position: relative; z-index: 999; top: -20px; left: 7px; }
	.formBox .row { margin: 0 -10px 20px; display: flex; }
	.formBox .column { padding: 0 10px; width: 25%; }
	.formBox .form-control { padding: 0 20px; width: 100%; height: 48px; border: 0; border-radius: 25px; background-color: #fff; }
	.formBox button { width: 217px; height: 48px; color: #fff; border: 0; border-radius: 25px; font-weight: 900; cursor: pointer; font-size: 18px; transition: ease-in 0.3s; background-color: #92d307; }
	.formBox button:hover { background-color: #0db02f; }
	.formBox .full { padding-bottom: 50px; position: relative; display: flex; justify-content: flex-end; }
	.formBox .full:before { content: ''; position: absolute; left: -3000px; top: 0; margin-left: 61px; width: 3000px; height: 100%; z-index: 9; background-color: #fff; }
	.formBox .all { position: relative; }
	.formBox .all:before { content: ''; position: absolute; right: 0; top: -3px; width: 0; height: 3px; z-index: 9; transition: ease-in 0.5s; background-color: #92d307; }
	.formBox .all.go:before { width: 701px; }
	
	.formBox .row { margin-bottom: 0 !important; }
	.formBox .column .row .column { margin-bottom: 20px !important; }

	/* ### footer container ### */
#footerCntr { width: 100%; position: relative; }
#footerCntr .line { position: absolute; left: 0; width: 79%; }
#footerCntr .line:before { content: ''; position: absolute; right: 0; top: -3px; width: 0; height: 3px; z-index: 9; transition: ease-in 0.5s; background-color: #92d307; }
#footerCntr .line.go:before { width: 602px; }

	/* ### footer box ### */
	.footerBox { width: 100%; position: relative; }
	.footerBox:before { content: ''; position: absolute; left: 0; top: 0; width: 79%; height: 100%; background-color: #18452e; }
	.footerBox:after { content: ''; position: absolute; left: 0; top: 0; width: 79%; height: 100%; background: url(../images/footer-bg.png) no-repeat left top; }
	.footerBox .row { padding-top: 90px; display: flex; position: relative; z-index: 999; }
	.footerBox h4 { margin-bottom: 12px; color: #fff; font-size: 24px; line-height: 1; }
	.footerBox .f-logo { position: absolute; top: -32px; }
	.footerBox .column { width: 23.19%; position: relative; z-index: 9; }
	.footerBox ul li { margin-bottom: 10px; color: #fff; }
	.footerBox li a { color: #fff; }
	.footerBox .centered { padding: 0; margin: auto; max-width: 1300px; min-height: 282px; position: relative; }
	.footerBox .centered:after { content: ''; position: absolute; right: -2900px; top: -3px; width: 3000px; height: 103%; z-index: 99; background-color: #fff; }
	.footerBox.inner .centered:after { top: 0; height: 100%; }

	/* ### footer box ### */
	.copyrightBox { width: 100%; }
	.copyrightBox span { color: #332824; opacity: 0.5; }
	.copyrightBox .center { width: 85%; min-height: 80px; display: flex; align-items: center; justify-content: space-between; z-index: 999; position: relative; }

.line { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
.line .all { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.line span { width: 1px; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.3; background-color: #dbdbdb; }
.line .line2 { left: 300px; }
.line .line3 { left: 600px; }
.line .line4 { left: 900px; }
.line .line5 { top: 720px; left: 1200px; }
.line.inner .line5 { top: 330px; }

@keyframes iconUpDown {
	0%, 100% {
		top: 0;
	}
	50% {
		top: -26px;
	}
}

@keyframes iconUpDown2 {
	0%, 100% {
		top: 0;
	}
	50% {
		top: 30px;
	}
}

@keyframes iconUpDown3 {
	0%, 100% {
		top: 0;
	}
	50% {
		top: -20px;
	}
}

@keyframes iconUpDown4 {
	0%, 100% {
		top: 0;
	}
	50% {
		top: 35px;
	}
}

@keyframes iconUpDown5 {
	0%, 100% {
		top: 0;
	}
	50% {
		top: -20px;
	}
}

@keyframes iconUpDown6 {
	0%, 100% {
		top: 0;
	}
	50% {
		top: 30px;
	}
}

/* #Media Queries
================================================== */

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

	.centered { padding-left: 50px; padding-right: 50px; }
	.featureBox { justify-content: flex-start; }
	.featureBox .right { margin-left: 44px; margin-top: -100px; width: 70%; }
	.featureBox .item { padding: 0 30px; width: 300px; }
	.featureBox .slick-list { margin: 0 -30px; }
	.serviceBox:after, .featureBox:after { width: 670px; height: 780px; background-size: cover; }
	.bannerBox .bottom { right: -50px; }
	.contentBox.inner:after { width: 620px; height: 753px; }
	.contentBox.inner .left { margin-left: 0; margin-right: 60px; }
	.contentBox .align-right { margin: 6px -400px 20px 16px; max-width: 550px; }
	.postBox:before, .formBox:before { width: 250px; }
	.postBox .row { display: flex; justify-content: flex-end; }
	.contentBox.inner.project .content { margin-right: 0; width: 42%; }
	.contentBox.inner.project .left { width: 49%; }
	.contentBox .gallery { margin-top: 198px; }
	.detailsBox .row { margin: 0 -50px; width: auto; }
	.contentBox.inner.details .logo { left: 0; }
	.formBox .full:before { margin-left: 0; }
	.formBox .center { max-width: 78%; left: 5px; }
	.detailsBox .item:first-child, .detailsBox .item:nth-child(4n+1) { margin-left: 33px; }
	.detailsBox .item.space { margin-left: 33px; }
	.detailsBox .item { margin-bottom: 110px; }
	.formBox .all.go:before, .postBox .all.go:before { width: 432px; }
	.footerBox:before, .footerBox:after, #footerCntr .line { width: 100%; }
	.featureBox { padding-left: 0; padding-right: 0; }
	.featureBox .button { margin-left: 20px; }
	#headerCntr .right { width: 78.5%; margin-right: 8px; justify-content: flex-start; }
	.bannerBox:before { width: 91%; }
	.bannerBox .centered:after { right: -2901px; }

}

@media only screen and (max-width: 1330px) {
	.center-sm { padding-left: 50px; padding-right: 50px; }
	.contentBox .content { width: 41%; }
	.footerBox:before, .footerBox:after, .copyrightBox .center { width: 100% }
	.serviceBox .item { padding-left: 30px; padding-right: 30px; }
	.imageBox h2 { width: 58%; }
	.imageBox figure { display: none; }
	#footerCntr .line { width: 100%; }
	#footerCntr .line.go:before { width: 570px; }
	.contentBox .content.go:before { width: 560px; }
	.formBox .all.go:before, .postBox .all.go:before { width: 250px; }
	.formBox .center { max-width: 73%; }
	.contentBox .feature { margin-top: 360px; }
	.contentBox { justify-content: flex-start; }
	.contentBox .logo { margin-right: 60px; }
	.serviceBox .service { margin-left: -55px; margin-right: -55px; }
	#footerCntr .line.go:before { width: 549px; }
	.footerBox .column { width: 27.4%; }
	.serviceBox .item .full { padding-bottom: 25px; }
	.serviceBox { padding-top: 120px; padding-bottom: 140px; }
	.formBox .row { margin: 0 -10px 10px; width: 80%; flex-wrap: wrap; }
	.formBox .column { margin-bottom: 15px; width: 50%; }
	.formBox .full { padding-bottom: 0; }
	.detailsBox .item:first-child, .detailsBox .item:nth-child(4n+1) { margin-left: 50px; }
	.detailsBox .item.space { margin-left: 50px; }
	.featureBox .right { margin-left: 75px; }
	.postBox .center { left: 144px; }
	.copyrightBox span:last-child { margin-right: -5px;  }
	#headerCntr .right { width: 73.7%; }
	.bannerBox .inner { margin-left: 0; width: 100%; flex-wrap: wrap; }
	.bannerBox ul { margin-right: 90px; margin-left: 110px; }
	.bannerBox h1 { width: 495px; }
	.bannerBox h1 br { display: none; }
	.bannerBox .centered, .footerBox .centered { padding: 0 50px; }
	.bannerBox:before { width: 79.2%; }
	.menuBox:not(.mm-menu) ul li a.active:after { top: 9px; }
	.footerBox .centered:after { display: none; }
	.line .line4 { top: 720px; }
	.line.inner .line4 { top: 330px; }

}

@media only screen and (max-width: 1199px) {
	.center-sm { padding-left: 40px; padding-right: 40px; }
	.centered { padding-left: 40px; padding-right: 40px; }
	.menuBox:not(.mm-menu) ul li { font-size: 16px; }
	.menuBox:not(.mm-menu) ul li .sub-menu li { padding: 12px 0; }
	.menuBox:not(.mm-menu) ul li a.active:after { top: 7px; }
	.menuBox:not(.mm-menu) ul li .sub-menu { width: 245px; }
	#headerCntr .logo img { max-width: 125px; }
	.bannerBox .bottom { position: absolute; right: -29px; bottom: -140px; }
	#headerCntr .btn { font-size: 16px; }
	.bannerBox h1 { width: 50%; }
	.bannerBox h1 br { display: none; }
	.bannerBox .inner { margin-left: 0; }
	.bannerBox ul { width: 40%; }
	.serviceBox { padding-left: 15px; padding-right: 0; padding-top: 100px; padding-bottom: 180px; }
	.serviceBox:after { left: -60px; bottom: -120px; width: 640px; height: 845px; background-size: cover; }
	.featureBox .right { margin-left: 79px; }
	.contentBox.inner .left { margin-top: 0; }
	.contentBox .content { margin-right: 0; }
	.contentBox .align-right { max-width: 468px; }
	.contentBox.inner:after { width: 480px; height: 680px; }
	.postBox:before, .formBox:before { width: 75px; }
	.postBox .center { max-width: 665px; }
	.postBox .item { padding: 0 16px; }
	.contentBox.inner.project .content { width: 33%; }
	.formBox .center { max-width: 67%; }
	.formBox .row { margin: 0 -10px 2px; width: 98%; }
	.contentBox .gallery .item { padding: 0 18px; margin-bottom: 38px; }
	.contentBox.inner.project .left { width: 67%; margin-right: 0; padding-right: 30px; }
	.contentBox.project.inner .logo { left: 0; }
	.formBox .full:before { margin-left: 20px; }
	.contentBox.inner.project { padding-bottom: 130px; }
	.detailsBox .item { padding: 0 30px; margin-left: 0; width: 50%; }
	.detailsBox .item:first-child, .detailsBox .item:nth-child(4n+1) { margin-left: 32%; }
	.detailsBox .item.space { margin-left: 0; }
	.detailsBox .row { margin: 0 -30px; }
	.detailsBox { margin-top: 35px; }
	.detailsBox .item { padding: 0 20px; width: 31.8%; }
	.detailsBox .row { margin: 0 -20px; }
	.detailsBox h3 { font-size: 26px; }
	.detailsBox:after { width: 405px;  }
	#footerCntr .line.go:before { width: 340px; }
	.postBox .all.go:before { width: 250px; }
	.postBox .top { padding-left: 40px; }
	.featureBox .button { margin-left: -24px; }
	#headerCntr .right { width: 68%; }
	.bannerBox .centered, .footerBox .centered { padding: 0 40px; }
	.bannerBox .centered:after { right: -2961px; }
	.bannerBox:before { width: 96%; }

}

@media only screen and (max-width: 1023px) {
	#headerCntr .logo { margin-left: 0; }
	#headerCntr .right { margin-right: 0; }
	.menuBox:not(.mm-menu) {margin-right: 10px; }
	.menuBox:not(.mm-menu) ul li { padding: 20px 13px; font-size: 15px; }
	#headerCntr .btn { font-size: 15px; }
	#headerCntr .btn { padding: 0 18px; height: 40px; }
	.bannerBox ul {margin-left: 0px; margin-right: 10px; width: 32%; flex-wrap: wrap; }
	.bannerBox li { margin-bottom: 12px; width: 50%; }
	.bannerBox li figure { margin: auto; }
	.bannerBox h1 { width: 56%; }
	.bannerBox .bottom { position: absolute; right: -60px; bottom: -135px; width: 345px; }
	.bannerBox .content { min-height: 600px; }
	.bannerBox li { padding: 0 10px; }
	.featureBox .right { margin-top: -50px; }
	.featureBox .image { margin-bottom: 35px; }
	.featureBox:after { width: 330px; }
	.featureBox { padding-bottom: 100px; }
	.serviceBox:after { left: -86px; bottom: -130px; width: 510px; }
	.featureBox h3 { font-size: 28px; }
	.featureBox .item { padding: 30px 20px 0; }
	.featureBox .slick-list { margin: 0 -20px; }
	.imageBox span { margin-right: 60px; }
	.footerBox .column { width: 33.33%; }
	.imageBox h2 { width: 66.6%; }
	.imageBox { min-height: 560px; }
	.imageBox .content { justify-content: flex-end; }
	.postBox .all.go:before, .formBox .all.go:before { width: 40px; }
	.serviceBox .two .image, .serviceBox .image, .serviceBox .image a, .serviceBox .image img { width: 100%; }
	.serviceBox .service { margin-left: -105px; margin-right: 0; }
	.postBox .content { min-height: 308px; }
	.copyrightBox span:last-child { margin-right: 0; width: 300px; }
	.line .line4 { top: 600px; }

}

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

	#headerCntr .right { width: 80%; }
	.menuBox:not(.mm-menu) ul li { padding: 20px 7px; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 36px; line-height: 1.35; }
	h3 { font-size: 30px; }
	.line { display: none; }
	.center-sm { padding-left: 30px; padding-right: 30px; }
	.centered { padding-left: 30px; padding-right: 30px; }
	.slick-next { background-image: url(../images/next-arrow2.png); }
	.slick-prev { background-image: url(../images/prev-img2.png); }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr { background-color: #fff; }
	#headerCntr .logo img { max-width: 100%; }
	#headerCntr .logo { opacity: 1; visibility: visible; }
	#headerCntr { position: relative; }
	.menuBox:not(.mm-menu) ul li > a { color: #332824; }
	.menuBox:not(.mm-menu) ul li { padding: 10px 35px; width: 100%; font-size: 18px; }
	.menuBox:not(.mm-menu) ul { flex-wrap: wrap; }
	.menuBox:not(.mm-menu) ul li .sub-menu li a { font-size: 16px; }
	#headerCntr .right { padding: 15px 0 50px; width: 100%; position: absolute; top: 100%; left: 0; display: none; text-align: center; background-color: #fff; }
	.menuBox:not(.mm-menu) ul li .sub-menu { padding: 18px 0 0; width: 100%; position: relative; display: block; top: 0; }
	#headerCntr .btn { padding: 0 26px; height: 48px; font-size: 18px; }
	.menuBox:not(.mm-menu) { padding-bottom: 15px; margin-right: 0; text-align: left; }
	.bannerBox ul { margin-left: 30px; margin-right: 0; width: 60%; order: 2; flex-wrap: wrap; }
	.bannerBox h1 { width: 100%; margin-bottom: 58px; text-align: center; font-size: 36px; line-height: 1.35; }
	.bannerBox .inner { margin-top: 0; flex-wrap: wrap; }
	.bannerBox .content { padding-top: 80px; align-items: flex-start; min-height: 590px; }
	.bannerBox .bottom { position: absolute; right: -106px; bottom: -137px; width: 286px; }
	.bannerBox li img { max-width: 53px; }
	.bannerBox li { margin-bottom: 25px; width: 50%; }
	.contentBox .content { margin-right: 0; padding-top: 160px; width: 100%; }
	.contentBox .logo { display: none; }
	.serviceBox:after { left: -100px; bottom: -30px; width: 370px; height: 601px; }
	.serviceBox button { background-color: #fdfdfd; }
	.imageBox .content { padding-top: 80px; flex-wrap: wrap; text-align: center; justify-content: center; }
	.imageBox span { margin-bottom: 35px; margin-right: 0; }
	.imageBox h2 { width: 100%; line-height: 1.35; }
	.imageBox span img { width: 55px; }
	.imageBox .content:before { width: 85%; }
	.featureBox .button { display: none; }
	.featureBox .right .button { display: inline-flex; }
	.featureBox .right { margin-top: 0; margin-left: 0; width: 100%; }
	.featureBox .item { padding: 0; }
	.featureBox .slick-list { margin: 0; }
	.featureBox .slick-arrow { background-color: #fff; }
	.featureBox { margin-top: -108px; padding-bottom: 150px; }
	.featureBox .top { margin-top: 0; }
	.footerBox .row { flex-wrap: wrap; }
	.footerBox .column { margin-bottom: 20px; width: 100%; }
	.copyrightBox .center { flex-wrap: wrap; text-align: center; }
	.footerBox { padding-bottom: 18px; min-height: inherit; }
	.copyrightBox span { margin-bottom: 25px; width: 100%; line-height: 1.6; }
	.copyrightBox { padding-top: 24px; }
	.bannerBox.inner .content { min-height: 240px; }
	.bannerBox .bottom { position: absolute; right: -60px; bottom: -75px; width: 190px; }
	.contentBox.inner .left { display: none; }
	.contentBox .content { padding-top: 88px; }
	.contentBox .align-right { margin: 5px 0 26px 0; max-width: 100%; float: none; }
	.contentBox.inner:after { width: 346px; height: 540px; background-size: cover; right: -55px; bottom: -80px; }
	.contentBox.inner { padding-bottom: 140px; flex-wrap: wrap; }
	.postBox .row:before { display: none; }
	.postBox .center { max-width: 100%; left: 0; }
	.postBox .top { padding-left: 0; }
	.postBox .content { min-height: inherit; }
	.postBox .button { position: relative; }
	.postBox .slick-list { margin: 0 -16px; }
	.postBox .image img { width: 100%; }
	.postBox .posts { margin-left: -30px; left: 0; }
	.imageBox .content:before { width: 45%; }
	.imageBox.inner { display: block; min-height: inherit; }
	.imageBox.inner .content { padding: 80px 0; }
	.contentBox.inner.project .content { width: 100%; }
	.contentBox.inner.project .left { padding-right: 0; width: 100%; display: block; order: 2; }
	.contentBox .gallery { margin-top: 45px; margin-left: 0; left: 0; }
	.contentBox .gallery .item { padding: 0; margin-bottom: 0; }
	.contentBox .gallery .item img { width: 100%; }
	.formBox .full:before, .formBox:before { display: none; }
	.formBox .center { padding-right: 0; max-width: 100%; left: 0; }
	.contentBox.inner.project { padding-bottom: 150px; }
	.formBox { margin-bottom: 70px; }
	.detailsBox .item:first-child, .detailsBox .item:nth-child(4n+1) { margin-left: 0; }
	.detailsBox .top { margin-top: 0; }
	.detailsBox .item { padding: 0; margin-bottom: 0; }
	.detailsBox .row { margin: 0; }
	.detailsBox .image img { width: 100%; }
	.contentBox.inner.details { padding-bottom: 0; }
	.detailsBox:after { display: none; }
	.detailsBox { padding-bottom: 120px; margin-top: 15px; }
	.detailsBox .image { margin-bottom: 34px; }
	#footerCntr .line.go:before { width: 90px; }
	.contentBox .content.go:before { width: 250px; }
	.imageBox .content.go:before { width: 240px; left: -30px; }
	.serviceBox { padding-left: 0; padding-right: 0; padding-top: 78px; padding-bottom: 168px; }
	.serviceBox .item .full { padding-bottom: 30px; }
	.formBox .row { width: 100%; }
	.serviceBox .service { margin-left: 0; }
	.serviceBox .item { padding-left: 20px; padding-right: 20px; }
	.copyrightBox span:last-child { width: 100%; }
	.bannerBox .centered, .footerBox .centered { padding: 0 30px; }
	.bannerBox:before { width: 80%; }

}

@media only screen and (max-width: 479px) {
	.contentBox.inner .content .button { padding: 0 17px; font-size: 15px; }
	.contentBox.inner { padding-bottom: 105px; }
	.formBox .column { padding: 0; width: 100% !important; }	
	.formBox .row { margin: 0; }
	.postBox h3 { font-size: 25px; }
	.formBox button { width: 100%; }
	
	.formBox .column .row .column, .formBox .column { margin-bottom: 0px !Important; }
	.formBox .column input, .formBox .column select, .formBox .column textarea, .formBox .column button {
		margin-bottom:15px;
	}
	/* //.formBox .row .column .row .column:last-child { margin-bottom: 0; } */
	#submit-column { order: 2; }
		
}

/* Slider */

.slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

.slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  /* height: 200px; */
  list-style: none;
}

.slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  /* width: 500px; */
  /* height: 300px; */
  background: #ccc;
  text-align: center;
  /* line-height: 300px; */
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 3% 3%;
  width: auto;
  height: auto;
  background: #18452e;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.2;
  cursor: pointer;
}

.slider:hover a {
  opacity: 0.8;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 30px;
	margin-left: 30px;
}

a.control_next {
  right: 0;
  border-radius: 30px;
	margin-right: 30px;
}

.slider:not(.loaded) li:not(:first-child) {
	display:none;
}