*
{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
:root 
{
	--green:#24A77E;
	--black:#3A3A3A;
	--gray:rgba(111 128 138/80%);
	--pop:'Poppins';
	--noto:'NotoSerif';
}
img
{
	max-width:100%;
  height:auto;
}
a,a:hover,a:focus
{
	outline:0px;
	text-decoration:none;
}
input,input:hover,input:focus,button,button:hover,button:focus
{
	border-radius: 0;
	outline:0px;
	border:0px;
    box-shadow: none;
}
body
{
	font-family:var(--pop);
	color:var(--black);
}
a
{
	font-weight:500;
	color:var(--black);
	display:inline-block;
}
p
{
	color:var(--gray);
	font-size:17px;
	line-height:24px;
	margin-bottom:0px;
	font-weight:400;
}
h1,h2,h3,h4,h5,h6
{
	font-family: var(--noto);
	margin-bottom:0px;
	font-weight:700;
}

#top
{
	box-shadow:0 0 6px rgba(0 0 0/16%);
	opacity:0;
    visibility:hidden;
	transition: all .15s ease;
	position: fixed;
    width:70px;
	height:50px;
    right:25px;
	display:flex;
	align-items:center;
	justify-content:center;
    bottom:-25px;
    margin:0;
    z-index:10000;
	background:var(--green);
}
#top svg
{
	width:28px;
	fill:#f7f7f7;
	height:28px;
}
.site-buttons
{
	color:#fff;
	background: var(--black);
	text-transform: uppercase;
	padding: 11.5px 40px;
	font-size: 17px;
	transition: all 0.5s ease;
	font-weight: 400;
	line-height: 24px;
	position: relative;
}
.site-buttons:hover
{
	color:#fff;
}
.site-buttons::before
{
	transition: all 0.5s ease;
	position: absolute;
	top:0;
	left:0;
	background: var(--green);
	content: '';
	max-width: 30px;
	width:19.13%;
	height: 100%;
}
.site-buttons:hover::before
{
	width:100%;
	max-width:100%;
}
.site-buttons span
{
	position: relative;
}
.section-head span
{
	font-size: 25px;
	line-height: 34px;
	font-weight:400;
	font-style:italic;
	color:#9F8447;
	font-family: var(--noto);
	margin-bottom: 10px;
	display: inline-block;
}
h2
{
	font-size: 40px;
	line-height: 55px;
}
/* header-open */
/* topbar-open */
.topbar
{
	background: #343333;
	padding:11.544px 0px;
}
.topbar-left svg
{
	fill:var(--green);
}
.topbar-left span
{
	font-size: 17px;
	color:#DADADA;
	line-height: 24px;
	font-weight: 400;
	display: flex;
	align-items: center;
}
.topbar-left svg
{
	margin-right:16.4px;
	width: 24.64px;
	height: 24.64px;
}
.topbar-right
{
	max-width:454px;
	align-items: center;
	margin-left: auto;
	display:flex;
}
.topbar-right span
{
	padding: 3.3px 0px;
	margin-right: 25px;
	border-right:1px solid #8E8E8E;
	padding-right: 25px;
	display: flex;
	align-items: center;
}
.topbar-right span a
{
	transition:all 0.3s ease;
	font-size: 17px;
	font-weight: 400;
	color:#fff;
	line-height: 24px;
}
.topbar-right span a:hover
{
	color:var(--green);
}
.topbar-right span svg
{
	width: 25.34px;
	height:25.33px;
	margin-right:15.7px;
	fill:var(--green);
}
.topbar-right>a
{
	margin-right:20.45px;
}
.topbar-right a svg
{
	transition: all 0.5s ease;
	fill:#FFFFFF;
	width: 22.72px;
	height: 22.72px;
}
.topbar-right a:hover svg
{
	fill:var(--green);
}
.topbar-right a:last-child
{
	margin-right: 0	;
}
.top-header
{
	padding:22.5px 0px;
}
/* topbar-close */
.top-brand img
{
	filter:drop-shadow(0 0 10px rgba(0 0 0/16%));
}
.top-call
{
	text-align: right;
}
.top-call a
{
	display:inline-flex;
	align-items: center;
}
.top-call-icon
{
	margin-right: 20px;
}
.top-call-icon svg
{
	width:44px;
	fill:var(--green);
	height:48.92px;
}
.top-call-content strong
{
	font-size: 20px;
	line-height:28px;
	font-weight: 600;
	color:#111111;
	transition: all 0.3s ease;
	display: block;
}
.top-call a:hover strong
{
	color:var(--green);
}
.top-call-content span
{
	font-size: 17px;
	color:var(--green);
	font-weight: 500;
	line-height: 24px;
	display:inline-flex;
	align-items: center;
	border-bottom: 1px dashed var(--green) ;
}
.top-call-content span svg
{
	width: 8.62px;
	fill:var(--green);
	margin-left: 10.4px;
	height: 12.06px;
}
.header-inner .navbar
{
	padding: 0;
	z-index: 3;
	position: relative;
	padding-left:35px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0 0 0/16%);
}
.header-inner .navbar .nav-item
{
	margin:0px 25px;
}
.header-inner .navbar .nav-item:first-of-type
{
	margin-left: 0;
}
.header-inner .navbar .nav-link
{
	padding: 0px !important;
	font-size: 17px;
	line-height: 24px;
	transition:all 0.5s ease;
}
.header-inner .navbar .nav-link:hover,.header-inner .navbar .nav-link.active
{
	color:var(--green);
}
.header-inner .navbar .nav-button
{
	font-size: 18px;
	color:#fff;
	padding:26px 21.5px;
	text-transform: uppercase;
	background: var(--green);
	font-weight: 500;
	transition: all 0.3s ease;
	line-height: 25px;
}
.header-inner .navbar .nav-button:hover
{
	background:var(--black);
	color:#fff;
}
/* header-close */
/* home-banner-open */
.home-banner
{
	position: relative;
	margin-top:-38.5px;
}
.home-banner-slide
{
	padding-top:171px;
	padding-bottom: 229px;
}
.home-banner-slide.banner_01
{
	background: url('../img/banner_01.jpg') no-repeat center;
	background-size: cover;
	height:824px;
}
.home-banner-slide.banner_02
{
	background: url('../img/banner_02.jpg') no-repeat center;
	background-size: cover;
	height:824px;
}
.home-banner-slide.banner_03
{
	background: url('../img/banner_03.png') no-repeat center;
	background-size: cover;
	height:824px;
}
.home-banner-content
{
	max-width: 540px;
	transition: all 0.5s ease;
	padding: 52.5px 45px;
	background:rgba(255 255 255/73%);
}
.home-banner-content .title
{
	font-size:48px;
	line-height: 55px;
	font-weight: 700;
	margin-bottom: 25px;
	font-family: var(--noto);
	padding:5px 0px;
}
.home-banner-content p
{
	font-size: 17px;
	margin-bottom: 55px;
	color:#6E6E6E;
	line-height: 24px;
}
.home-banner-content .banner-button
{
	display: flex;
}
.home-banner-content .banner-button a:last-child
{
	margin-left: 30px;
}
.home-banner-content .banner-button a:last-child::before
{
	width:100%;
	max-width:unset;
}
.home-banner-content .banner-button a:last-child:hover::before
{
	opacity:0;
}
.home-banner-prevnext
{
	position: absolute;
	top:50%;
	display: flex;
	justify-content: space-between;
	left:45px;
	transform: translateY(-50%);
	right:45px;
}
.home-banner-prevnext svg
{
	width: 12.16px;
	height: 22.33px;
	fill:#fff;
}
.home-banner-prevnext i
{
	width: 47px;
	height: 47px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:rgba(0 0 0/85%);
	border-radius: 50%;
}
/* home-banner-close */
/* areas-open */
.areas-wrp
{
	margin-bottom: 18px;
	position: relative;
	margin-top:-97px;
}
.areas
{
	background:#fff;
	padding:0px 20px;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
}
.areas-inner
{
	padding:24.5px 0px;
	padding-right:5px;
	display: flex;
}
.areas-inner a
{
	position: absolute;
	bottom: -18px;
	right:20px;
	background:#fff;
	border:1px dashed #C4C4C4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
	width: 35px;
	height:35px;
	border-radius: 50%;
}
.areas-inner a svg
{
	width:9px;
	height:16.53px;
	fill:#C4C4C4;
}
.areas-inner.areas_01::before
{
	position: absolute;
	top:0;
	right:-0.5px;
	height: 100%;
	content:'';
	border-left: 1px dashed var(--green);
}
.areas-inner .areas-icon
{
	margin-right:25px;
	margin-top:7.6px;
}
.areas_01 .areas-icon svg
{
	fill:var(--green);
	width:138.02px;
	height:117.83px;
}
.areas_02
{
	padding-left: 5px;
	padding-right: 0;
}
.areas_02 .areas-icon svg
{
	fill:var(--green);
	width:117.91px;
	height:117.83px;
}
.areas-content
{
	flex:1;
}
.areas-inner h3
{
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dashed var(--green);
	line-height: 41px;
}
.areas-inner ul
{
	padding-top: 15px;
	margin: 0;
}
.areas-inner ul li
{
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color:var(--gray);
	margin-top: 5px;
}
.areas-inner ul li svg
{
	width: 5.84px;
	height: 10.73px;
	margin-right:15.7px;
	fill:var(--green);
}
/* areas-close */
/* home-about-close */
.home-about
{
	position: relative;
	padding-top: 100px;
	text-align:center;
}
.home-about-content .section-head
{
	max-width:590px;
	margin: 0px auto;
	margin-bottom:25px;
}
.home-about-content p
{
	margin: 0px auto;
	margin-bottom: 55px;
	max-width:998px;
}
.home-about .tree-img
{
	position:absolute;
	left:7.3%;
	top:162px;
}
/* home-about-close */
/* home-services-close */
.home-services-wrp
{
	margin-top:100px;
}
.home-services-tab-wrp
{
	background: url('../img/What we do banner.png') no-repeat center;
	background-size: cover;
	padding-top: 64px;
}
.home-services-head .services-head-content span{
	font-size:20px;
	line-height:30px;
}
.home-services-head .services-head-content h2{
	font-size:35px;
	line-height:50px;
}
.home-services-tab-wrp .section-head
{
	margin-bottom:15px;
}
.home-services-tab
{
	transform: translateY(50px);
	position: relative;
	z-index: 3;
}
.home-services-tab ul
{
	border: 0px;
	background:#fff;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
}
.home-services-tab ul li
{
	flex:0 0 20%;
	max-width:20%;
	text-align: center	;
	border-right:1px dashed var(--green);
}
.home-services-tab ul li a
{
	display: block;
	transition: all 0.3s ease;
	padding:22.5px 5px;
}
.home-services-tab ul li:last-child
{
	border-right: 0;
}
.home-services-tab li svg
{
	transition: all 0.3s ease;
}
.home-services-tab li svg.service-icon
{
	margin-bottom:27.1px;
	height:67.89px;
	width: 67.89px;
}
.home-services-tab li h3
{
	transition: all 0.3s ease;
	font-weight: 700;
	margin-bottom: 20px;
	font-size:20px;
	line-height: 27px;
}
.home-services-tab li span
{
	transition: all 0.3s ease;
	width: 35px;
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border:1px dashed #C4C4C4;
}
.home-services-tab li span svg
{
	fill:#C4C4C4;
	width: 9px;
	height:16.53px;
}
.home-services-tab ul a.active,.home-services-tab ul a:hover
{
	background:#123027;
}
.home-services-tab ul a.active svg,.home-services-tab ul a:hover svg
{
	fill:var(--green);
}
.home-services-tab ul a:hover span
{
	border-color: var(--green);
}
.home-services-tab ul a.active span
{
	transform:rotate(90deg);
}
.home-services-tab ul a.active h3,.home-services-tab ul a:hover h3
{
	color:#fff;
}
.home-services
{
	padding-top: 50px;
}
.home-services-left-inner
{
	max-width:570px;
	padding:105px 15px;
	margin-left: auto;
}
.lets-start
{
	max-width: 289px;
	text-align: center;
	position: relative;
	margin-left: auto;
	padding:26.1px 30.5px;
	background:var(--green);
}
.lets-start svg
{
	width:57.78px;
	fill:#fff;
	height: 63.93px;
	margin-bottom:20.9px;
}
.lets-start h3
{
	color:#fff;
	font-size: 25px;
	margin-bottom:15px;
	line-height: 34px;
}
.lets-start h3 span
{
	display: block;
}
.lets-start p
{
	margin-bottom: 25px;
	color:#fff;
}
.lets-start a::before
{
	display:none;
}
.lets-start a:hover
{
	background:#fff;
	color:var(--green);
}
.home-services-img
{
	position: absolute;
	left:0;
	right:160px;
	bottom: 0;
	top:-50px;
}
.services-img_01
{
	background:url('../img/grading.png') no-repeat center;
	background-size:cover;
}
.services-img_02
{
	background:url('../img/demolition.png') no-repeat center;
	background-size:cover;
}
.services-img_04
{
	background:url('../img/concrete.png') no-repeat center;
	background-size:cover;
}
.services-img_03
{
	background:url('../img/cribbing.png') no-repeat center;
	background-size:cover;
}
.services-img_05
{
	background:url('../img/excavation.png') no-repeat center;
	background-size:cover;
}
.home-services-head
{
	margin-bottom:25px;
	align-items: center;
	display: flex;
}
.services-head-icon
{
	margin-right:25px;
}
.services-head-icon svg
{
	width: 98.98px;
	height:99px;
	fill:var(--green);
}
.home-services-content ul
{
	margin-bottom: 35px;
	padding-top:15px;
}
.home-services-content ul li
{
	display: flex;
	margin-top: 15px;
	font-size: 17px;
	line-height: 24px;
	color:var(--gray);
}
.home-services-content ul li svg
{
	width:17.5px;
	height: 16px;
	margin:4px 16px  2px 1px;
}
.home-services-content
{
	max-width: 570px;
	padding: 0px 15px;
}
.home-services-right
{
	padding: 20px 0px;
}	
.home-services-right>svg
{
	width:530px;
	height:530px;
	position: absolute;
	top:20px;
	right: 0;
	fill:#F3FAF8;
	z-index: -1;
}
.snow-service-3 p, .fence-service-4 p{
	margin-bottom:30px;
}
/* home-services-close */
/* testomonial-open */
.testomonial-wrp
{
	margin-top:100px;
}
.testomonial-left h2
{
	margin-bottom:25px;
}
.testomonial-left .section-head
{
	margin-bottom:45px;
	max-width:460px;
}
.testomonial-slider
{
	background:#fff;
	padding:61.5px 25px;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
}
.testomonial-slide span
{
	margin-bottom: 30px;
	font-family: var(--noto);
	align-items: center;
	display: flex;
	font-size:25px;
	color:var(--black);
	line-height: 34px;
	font-weight: 700;
}
.testomonial-slide svg
{
	width: 45.26px;
	height: 32.45px;
	margin-right:30.7px;
	fill:var(--green);
}
.testomonial-right img
{
	border-radius:6px;
	box-shadow:0 0 10px rgba(0 0 0/16%);
}
/* testomonial-close */
/* home-contact-open */
.home-contact-wrp
{
	margin-top:100px;
	margin-bottom:100px;
}
.home-contact
{
	margin-top:-195px;
}
.home-contact-head
{
	padding: 70px 0px;
	background:#F3FAF8;
}
.home-contact-form
{
	background:#fff;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
}
.home-contact-form h3
{
	text-align: center;
	font-size: 30px;
	line-height: 41px;
	color:#fff;
	margin-bottom:36px;
	padding: 14.5px 10px;
	background:var(--green);
}
.home-contact-form p,.home-contact-form form
{
	padding:0px 25px;
}
.home-contact-form form
{
	padding-bottom:40px;
	padding-top: 5px;
}
.home-contact-form input
{
	font-size:17px;
	width: 100%;
	display: block;
	margin-top:30px;
	border:1px solid #E1E1E1;
	padding: 17px 25px;
	color:var(--gray);
	font-weight: 400;
	line-height: 24px;
}
.home-contact-form input::placeholder
{
	color:var(--gray);
}
.home-contact-form .select-box
{
	position: relative;
	margin-top: 30px;
}
.home-contact-form .select-box select
{
	font-size:17px;
	padding: 17px 25px;
	color:var(--gray);
	font-weight: 400;
	line-height: 24px;
	width:100%;
	padding-right:45px;
	border:1px solid #E1E1E1;
	display: block;
	appearance: none;
	-webkit-appearance: none;
}
.home-contact-form .select-box::before
{
	position: absolute;
    z-index: 1;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    height: 0px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--gray);
}
.home-contact-form .math-capcha
{
	margin-top:30px;
}
.home-contact-form .math-capcha input
{
	margin-top: 1px;
}
.home-contact-form .math-capcha label
{
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color:var(--gray);
	margin-bottom: 0;
}
.home-contact-form .math-capcha label span
{
	position: relative;
	padding-left:22px;
	display: inline-block;
}
.home-contact-form .math-capcha label span::before
{
	content: '';
	background:url('../img/star.png');
	left:6px;
	top:2px;
	width: 10px;
	height: 10px;
	position: absolute;
}
.home-contact-form .math-capcha>span
{
	font-size:10px;
	display:block;
	margin-top: 5px;
	line-height:15px;
	font-weight: 400;
	color:#6F808A;
}
.home-contact-form .site-buttons
{
	margin-top:40px;
	display: inline-block;
}
.home-contact-form .site-buttons input
{
	position: absolute;
	top:0;
	left:0;
	z-index: 3;
	opacity: 0;
	margin: 0;
	padding:0;
	width: 100%;
	height: 100%;
}
.home-contact-map-wrp
{
	background:#fff;
	max-width: 600px;
}
.home-contact-map-wrp iframe
{
	width: 100%;
	min-height:331px;
}
.home-contact-info
{
	display: flex;
	padding:12.9px 15px;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
	margin-top: -10px;
}
.home-contact-info-inner
{
	flex:0 0 50%;
	padding: 0px 15px;
	display: flex;
	align-items: center;
}
.home-contact-info-inner a
{
	transition: all 0.5s ease;
	font-size: 13px;
	line-height: 20px;
	color:var(--gray);
	display: block;
}
.home-contact-info-inner a:hover
{
	color:var(--green);
}

.home-contact-address svg
{
	fill:var(--green);
	width: 49.17px;
	height: 49.16px;
	margin-right: 15.8px;
}
.home-contact-phone
{
	position:relative;
}
.home-contact-phone::before
{
	content: '';
	position: absolute;
	height: 34px;
	width:1px;
	top:50%;
	transform: translateY(-50%);
	left:-6px;
	background:#BCBCBC;
}
.home-contact-phone svg
{
	fill:var(--green);
	width:44.22px;
	height:49.16px;
	margin-right: 17.8px;
}

/* home-contact-close */
/* footer-open */

.footer-main
{
	padding:55px 0px;
	background:#132728;
}
.footer-links
{
	margin:25px 0px;
}
.footer-links h3
{
	min-height:68px;
	display: flex;
	align-items: center;
	font-size:25px;
	line-height:34px;
	color:#fff;
}
.footer-about p
{
	margin-bottom:39px;
	color:#fff;
	font-size: 15px;
	line-height: 23px;
	margin-top:29px;
}
.footer-about a
{
	display:inline-flex;
	align-items: center;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	color:var(--green);
	transition: all 0.3s ease;
}
.footer-about a svg
{
	transition: all 0.3s ease;
	margin-left: 10.4px;
	width: 8.62px;
	height:12.06px;
	fill:var(--green);
}
.footer-about a:hover svg,.footer-about a:hover
{
	color:#fff;
	fill:#fff;	
}
.footer-timing
{
	margin-top:20px;
	display: flex;
	align-items: center;
}
.footer-timing svg
{
	width: 65.7px;
	height:65.67px;
	fill:var(--green);
	margin-right:31.3px;
}
.footer-timing-content h4
{
	font-size: 17px;
	font-weight: 400;
	color:#fff;
	margin-bottom: 5px;
	font-family: var(--pop);
	line-height: 24px;
}
.footer-timing-content span
{
	display: block;
	font-size: 17px;
	font-weight: 400;
	color:#fff;
	font-family: var(--pop);
	line-height: 24px;
}
.footer-services ul
{
	padding-top:20px;
	margin: 0 -9px;
	display: flex;
	flex-wrap: wrap;
}
.footer-services ul li
{
	padding: 0px 9px;
	margin-top: 10px;
	flex:0 0 50%;
}
.footer-services li svg
{
	width: 8.62px;
	margin-right:15px;
	height:12.06px;
	fill:var(--green);
}
.footer-services li a
{
	font-weight: 400;
	align-items: center;
	transition: all 0.3s ease;
	display: flex;
	font-size: 15px;
	line-height:21px;
	color:#fff;
}
.footer-services li a:hover
{
	color:var(--green);
}
.newsletter
{
	padding: 25px 19px;
	border: 5px solid #243637;
	margin-top:30px;
}
.newsletter p
{
	font-size: 15px;
	line-height: 22.5px;
	color:#fff;
	margin-bottom: 20px;
}
.newsletter form
{
	display:flex;
	padding-right: 22px;
	position: relative;
}
.newsletter form>input
{
	width: 100%;
	display: block;
	font-size: 15px;
	font-weight: 400;	
	line-height:21px;
	color:#8B99A1;
	background:#fff;
	padding: 19.5px 30px;
}
.newsletter form .submit
{
	position: absolute;
	width: 44px;
	transition: all 0.3s ease;
	right: 0;;
	top:50%;
	transform: translateY(-50%);
	display:inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	background: var(--green)	;
}
.newsletter form .submit:hover
{
	background:var(--black);
}
.newsletter form .submit svg
{
	width: 18.71px;
	height: 11.57px;
	stroke:#fff;
}
.newsletter form .submit input
{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	width: 100%;;
	height: 100%;
}
.footer-socail
{
	margin-right: 22px;
	margin-top:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-socail span
{
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	color:#fff;
	font-family: var(--pop);
}
.footer-socail-inner
{
	display: flex;
}
.footer-socail-inner a:hover svg
{
	fill:var(--green);
}
.footer-socail-inner svg
{
	transition: all 0.3s ease;
	width:22.71px;
	fill:#fff;
	height: 22.71px;
}
.footer-socail-inner a
{
	margin-left: 13px;
	padding-left: 13px;
	border-left: 1px solid #768585;
}
.footer-socail-inner a:first-child
{
	margin-left:0px;
	padding-left:0px;
	border-left:0;
}
.footer-bar
{
	background: #0E1D1E;
	padding: 23.5px 0px;
	text-align: center;
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color:#fff;
}
/* footer-close */
/* inner-page-open */
/* inner-banner-open */
.inner-banner
{
	margin-top: -38.5px;
	background: url('../img/Banner.png') no-repeat center fixed;
	background-size: cover;
	position: relative;
	padding-top:137px;
	padding-bottom:98.5px;
}
.inner-banner::before
{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height: 100%;
	background:#3E4019;
	opacity:39%;
}
.inner-banner-content
{
	position: relative;
	max-width:525px;
}
.inner-banner-content h1
{
	font-size:48px;
	color:#fff;
	line-height:65px;
	margin-bottom: 25px;
}
.inner-banner-content p
{
	color:#fff;
}
/* inner-banner-close */
/* services-open */
.inner-page
{
	margin-top: 100px;
}
.services figure
{
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden;
}
.services figure img
{
	transition:all 0.5s ease;
}
.services:hover img
{
	transform: scale(1.1);
}
.services-content
{
	display: flex;
}
.services-content h3
{
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 41px;
}
.services-content h3 a
{
	font-weight: 600;
	font-family: var(--noto);
}
.services-content span
{
	margin-right: 25px;
	display:inline-flex;
	align-items: center;
	justify-content: center;
	background:rgb(146 207 41/26%);
	border-radius: 4px;
	min-width: 60px;
	width: 60px;
	height: 60px;

}
.services-content span svg
{
	width: 45.64px;
	height: 45.65px;
	fill:var(--green);
}
.services-content p
{
	margin-bottom: 20px;
}
.services-content a
{
	transition: all 0.3s ease;
}
.services-content div>a
{
	position: relative;
	font-size:17px;
	line-height: 24px;
	font-weight: 500;
	color:var(--black);
	padding-right:25px;
	padding-bottom:6.5px;
}
.services-content div>a::after
{
	transition: all 0.3s ease;
	position: absolute;
	bottom:0;
	left:0;
	right:25px;
	height:2.5px;
	background:var(--black);
	content: '';
}
.services-content div>a svg
{
	transition: all 0.5s ease;
	top:8px;
	transform: translate(-25px);
	opacity: 0;
	position: absolute;
	right: 0;
	width:18.71px;
	height:11.57px;
	stroke: var(--green);
}
.services-content div>a:hover svg
{
	transform:translate(0);
	opacity:1;
}
.services-content a:hover
{
	color:var(--green);
}
.services-content div>a:hover::after
{
	background:var(--green);
}
.services_01, .services_02, .services_03, .services_04, .services_05, .services_06, .services_07, .services_08, .services_09, .services_10, .services_11, .services_12, .services_13, .services_14
{
	margin-bottom:50px;
}
/* services-close */
/* services-details-open */
.services-details-left, .services-right{
	margin-bottom:100px;
}
.services-details-left img
{
	border-radius: 6px;
}

.services-details-left .help
{
	margin-bottom:30px;
}
.services-details-left .help h3
{
	font-size:30px;
	margin-bottom: 25px;
	line-height: 41px;
}
.services-details-left .help p
{
	margin-bottom: 24px;
}
.services-details-left .help p:last-of-type
{
	margin-bottom: 0px;
}
.services-details-left .process h3
{
	font-size: 25px;
	line-height: 34px;
	margin-bottom:25px;
}
.services-details-left figure
{
	margin-bottom:0;
	margin-top:30px;
}
.services-details-left>figure
{
	margin-top:0px;
	margin-bottom:30px;
}
.services-details-left .help ul li{
	display: flex;
    margin-top: 15px;
    font-size: 17px;
    line-height: 24px;
    color: var(--gray);
}
.services-details-left .help ul li svg{
	width: 17.5px;
    height: 16px;
    margin: 4px 16px 2px 1px;
}
.services-page-links
{
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #DEDEDE;
	border-top:none;
}
.services-page-links h3
{
	border-radius: 6px 6px 0px 0px;
	margin: 0px -1px;
	font-size: 25px;
	color:#fff;
	background:var(--green);
	padding: 13px 25px;
	line-height:34px;
	font-weight:700;
}
.services-page-links a
{
	border-top: 1px solid #DEDEDE;
	display: block;
	font-size: 17px;
	transition: all 0.5s ease;
	line-height: 23px;
	color:#0D3C00;
	padding: 13px 25px;
	font-family: var(--noto);
	font-weight: 700;
}
.services-page-links a:hover,.services-page-links a.active
{
	background:#92CF29;
}
.lets-work-together
{
	position: relative;
	overflow: hidden;
	margin-top:50px;
	padding-bottom: 0;
	border-radius: 6px;
	background:var(--green);
}
.lets-work-together h3
{
	color:#fff;
	font-size: 30px;
	line-height: 41px;
	margin-bottom: 20px;
}
.lets-work-together p
{
	color:#fff;
	margin-bottom:15px;
}
.lets-work-contact
{
	padding-left: 3.5px;
	padding-top:16px;
	position: relative;
}
.lets-work-contact::before
{
	position: absolute;
	top:0px;
	width: 60px;
	left: 0;
	height: 2px;
	content: '';
	background:#92CF29;
}
.lets-work-contact a
{
	transition:all 0.3s ease;
	margin-bottom: 11px;
	display: flex;
	color:#fff;
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
}
.lets-work-contact a:hover
{
	color:#92CF29;
}
.lets-work-contact a:last-child
{
	margin-bottom: 0;
}
.lets-work-contact a.phone svg
{
	margin-top: 2px;
	width: 17.19px;
	height:17.31px;
	fill:#92CF29;
	margin-right:10.3px;
}
.lets-work-contact a.email svg
{
	margin-top: 2px;
	width: 17.19px;
	height:17.18px;
	fill:#92CF29;
	margin-right:10.3px;
}
.lets-work-contact a.location svg
{
	margin-top: 2px;
	width: 12.88px;
	height:17.8px;
	fill:#92CF29;
	margin-right:14.6px;
}
.lets-work-together>a
{
	transition:all 0.3s ease;
	font-size:17px;
	text-transform:uppercase;
	line-height:24px;
	font-weight: 400;
	color:#fff;
	background:#92CF29;
	padding:10.5px;
	display: block;
	text-align: center;
}
.lets-work-together>a:hover
{
	background:var(--black);
}
.lets-work-together-innner
{
	position: relative;
	z-index: 2;
	margin-bottom: 5px;
	padding: 35px 25px;
}
.lets-work-together>svg
{
	width:93.56px;
	height:77.35px;
	position: absolute;
	right:0;
	bottom:116px;
	fill:#92CF29;
}

/* services-details-close */
/*about-page -open*/
.about-left h2
{
	padding-bottom: 1px;
}
.about-left p
{
	margin-top:24px;
}
.about-left>span
{
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	color:var(--gray);
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
}
.about-left h3
{
	font-size: 25px;
	margin-bottom:30px;
	line-height: 35px;
	opacity: 80%;
	font-family: var(--pop);
}
.about-left h3 small
{
	margin-left: 6px;
	font-size: 19px;
	font-weight: 400;
	line-height: 27px;
	color:var(--green);
}
.sign-certificate
{
	display: none;
}
.sign
{
	margin-right:30px;
	border-right: 1px solid #ABABAB;
	padding-right:30.5px;
}
.certificate
{
	align-items: center;
	display: flex;
}
.certificate .certificate-logo
{
	margin-right:15px;
}
.certificate h4
{
	margin-bottom: 4px;
	font-size: 19px;
	color:#616161;
	opacity: 80%;
	font-family: var(--pop);
	line-height: 27px;
	font-weight: 500;
}
.certificate span
{
	display: block;
	font-size: 19px;
	color:var(--green);
	opacity: 80%;
	font-family: var(--pop);
	line-height: 27px;
	font-weight: 400;
}
.about-right
{
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
.experience
{
	position: absolute;
	max-width: 170px;
	top:20px;
	right: 20px;
	background:var(--green);
	padding:12px;
	text-align: center;
	outline:1px dashed #707070;
	outline-offset: -9px;
	color:#fff;
}
.experience h3
{
	margin-bottom: 4px;
	font-size: 70px;
	line-height: 76px;
}
.experience span
{
	display: block;
	font-size: 19px;
	line-height: 29px;
	margin-bottom: 8px;
}
.companies-history-wrp
{
	padding: 42px 0px;
	margin-top: 100px;
	text-align: center;
	background:#F3FAF8;
}
.companies-history-tab li
{
	margin-top: 30px;
	padding: 0px 15px;
}
.companies-history-tab ul
{
	display: inline-flex;
	border: 0px;
	max-width: 921px;
	width: 100%;
	margin: 0px -15px;
	justify-content: space-between;
}
.companies-history-tab ul a
{
	padding:12px 0px;
	position: relative;	
}
.companies-history-tab ul a span
{
	font-size: 18px;
	line-height: 25px;
	position: relative;
	z-index: 1;
	font-weight: 400;
	color:var(--green);
	opacity: 80%;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 4px;
}
.companies-history-tab ul span::before,.companies-history-tab ul span::after
{
	content: '';
	display: inline-block;
	width: 40px;
	border-top:1px dashed #D0D0D0;
}
.companies-history-tab ul span::before
{
	margin-right: 25px;
}
.companies-history-tab ul span::after
{
	margin-left: 25px;
}
.companies-history-tab h3
{
	z-index: 1;
	position: relative;
	font-size: 20px;
	transition: all 0.3s ease;
	line-height: 27px;
	font-weight: 700;
	font-family: var(--noto);
}
.companies-history-tab a:hover h3,.companies-history-tab a.active h3
{
	color:var(--green);
}
.companies-history-tab a div
{
	position: absolute;
	left:50%;
	top:50%;
	z-index: 0;
	text-align: center;
	width: 100%;
	transform: translate(-50%,-50%);
}
.tab-left,.tab-right
{
	margin-top:40px;
}
.tab-left img
{
	border-radius: 6px;
	overflow: hidden;
}
.tab-right
{
	max-width: 695px;
	margin-left: auto;
	text-align: left;
}
.tab-right h2
{
	margin-bottom:25px;
}

.tab-pane .tab-right ul li
{
	margin-bottom:15px;
	color: var(--gray);
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
	display:flex;
}
.tab-pane .tab-right ul li:last-child
{
	margin-bottom:15px;
}
.tab-pane .tab-right ul li span
{
	width:17.5px;
	height: 16px;
	margin:4px 16px  2px 1px;
}
.tab-pane .tab-right ul li span svg
{
	width:17.5px;
	height: 16px;
}
/*about-page-close */
/*contact-page-open */
.contact-info
{
	max-width: 570px;
	padding: 0px 15px;
	margin-left: auto;
}
.contact-info .section-head
{
	padding-bottom: 10px
}
.contact-info-inner
{
	padding:21px 24.75px;
	margin-top:40px;
	line-height: 0;
	background:#fff;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
}
.contact-info-address svg
{
	width: 49px;
	margin-bottom:20.1px;
	fill:var(--green);
	height:48.87px;
}
.contact-info-address
{
	padding: 33px 44.5px;
}
.contact-info-inner h3
{
	font-size: 25px;
	padding-bottom: 5px;
	line-height: 34px;
}
.contact-info-inner a,.contact-info-time span
{
	font-size: 17px;
	font-weight: 400;
	color:var(--gray);
	transition: all 0.3s ease;
	margin-top: 5px;
	line-height:24px;
}
.contact-info-inner a:hover
{
	color:var(--green);
	text-decoration: underline;
}
.contact-info-phone svg
{
	width:44px;
	margin-bottom:20.1px;
	fill:var(--green);
	height:48.92px;
}
.contact-info-inner a:nth-of-type(2)
{
	font-size: 13px;
	line-height:19px;
}
.contact-info-time
{
	height: calc(100% - 40px);
}
.contact-info-time svg
{
	margin-bottom:20.1px;
	fill:var(--green);
	width: 48.57px;
	height: 48.55px;
}
.contact-info-time span
{
	display: block;
}
.contact-form-wrp
{
	position: relative;
	height: 100%;
}
.contact-form-wrp::before
{
	background:url('../img/contact-form-bg.jpg') no-repeat center;
	background-size: cover;
	position:absolute;
	bottom: -100px;
	top:-100px;
	width: 100%;
	left:0;
	z-index: -1;
	content:'';
}
.contact-form
{
	max-width:570px;
	padding: 0px 15px;
	padding-left: 30px;
}
.contact-form .section-head span
{
	color:var(--green);
}
.contact-form .section-head h2
{
	color:#fff;
}
.contact-form form
{
	padding-top: 10px;
}
.contact-form form input,.contact-form form textarea
{
	width: 100%;
	height: 55px;
	font-size: 17px;
	color:var(--gray);
	margin-top:25px;
	border:1px solid #707070;
	padding: 14.5px 24px;
	font-family: var(--pop);
	font-weight: 400;
	line-height: 24px;
}
.contact-form form input::placeholder,.contact-form form textarea::placeholder
{
	color:var(--gray);
}
.contact-form form textarea
{
	min-height: 100px;
}
.contact-form .math-captcha
{
	margin-top:25px;
}
.contact-form .math-captcha label
{
	font-size:17px;
	color:#fff;
	font-weight: 400;
	font-family:var(--pop);
	line-height: 24px;
	margin-bottom: 0;
}
.contact-form .math-captcha label span
{
	position: relative;
	padding-left:22px;
}
.contact-form .math-captcha label span::before
{
	position: absolute;
	width: 10px;
	height: 10px;
	content: '';
	left:6px;
	top:2px;
	background:url('../img/star.png') no-repeat center;
	background-size: cover;
}
.contact-form .site-buttons
{
	display:inline-block;
	margin-top: 35px;
}
.contact-form .site-buttons input
{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
	padding: 0;
}
.contact-form .math-captcha>span
{
	font-size: 10px;
	line-height:15px;
	font-weight: 400;
	color:#fff;
	display: block;
}
.contact-form .math-captcha input
{
	margin-top: 0;
}
.P_contact-map
{
	line-height: 0;
	margin-top: 100px;
}
.P_contact-map iframe
{
	width: 100%;
	height: 400px;
}
/*contact-page -close*/
/* quotation-open */
.quotation-form, .quotation-left{
	margin-bottom:100px;
}
.quotation-left h2
{
	margin-bottom: 25px;
}
.quotation-contact-info
{
	margin-top:75px;
}
.quotation-contact-info h3
{
	font-size: 30px;
	padding-bottom: 10px;
	line-height: 41px;
}
.quotation-contact-info ul
{
	padding:0px;
	margin: 0px;
}
.quotation-contact-info ul li
{
	align-items: center;
	display: flex;
	margin-top: 20px;
}
.quotation-contact-info ul li a
{
	transition: all 0.3s ease;
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color:var(--gray);
}
.quotation-contact-info ul li a:hover
{
	text-decoration: underline;
	color:var(--green);
}
.quotation-contact-info li.location svg
{
	width:12.56px;
	fill:#fff;
	height: 17.36px;
}
.quotation-contact-info ul li span
{
	width: 33px;
	min-width: 33px;
	margin-right: 20px;
	display: block;
	line-height:33px;
	text-align: center;
	border-radius: 50%;
	height: 33px;
	background:var(--green);
}
.quotation-contact-info li.email svg
{
	width:14.08px;
	fill:#fff;
	height:14.07px;
}
.quotation-contact-info li.call svg
{
	width:14.56px;
	fill:#fff;
	height:14.67px;
}
.quotation-socail
{
	display: flex;
	margin-top:50px;
	max-width: 339px;
	justify-content: space-between;
}
.quotation-socail a
{
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	margin-right:15px;
	color:var(--gray);
	line-height: 17px;
}
.quotation-socail a svg
{
	transition: all 0.3s ease;
}
.quotation-socail a:hover svg
{
	fill:var(--green);
	transition: all 0.3s ease;
}
.quotation-socail a:hover
{
	color:rgba(36 167 126/80%)
}
.quotation-socail a:last-child
{
	margin-right: 0;
}
.quotation-socail .facebook svg
{
	margin-right: 10.7px;
	width:7.27px;
	height:14.54px;
}
.quotation-socail .twitter svg
{
	margin-right: 10.1px;
	width:17.9px;
	height:14.54px;
}
.quotation-socail .linkdin svg
{
	width:15.66px;
	margin-right: 10.1px;
	height:14.54px;
}
.quotation-form
{
	background:#fff;
	box-shadow: 0 0 10px rgba(0 0 0/16%);
	padding: 35px 25px;
}
.quotation-form h3
{
	text-align: center;
	font-size:30px;
	padding-bottom: 5px;
	line-height: 41px;
}
.quotation-form input,.quotation-form textarea
{
	width: 100%;
	display: block;
	margin-top: 30px;
	font-size: 14px;
	border: 0;
	color:var(--gray);
	font-weight: 400;
	line-height: 20px;
	padding: 17.5px 25px;
	background: rgb(36 167 126/10%);
}
.quotation-form textarea
{
	min-height: 150px;
}
.quotation-form input::placeholder,.quotation-form textarea::placeholder
{
	color:var(--gray);
}
.quotation-select-box
{
	margin-top: 30px;
	position: relative;
}
.quotation-select-box select
{
	border: 0;
	appearance: none;
	width: 100%;
	display: block;
	font-size: 14px;
	color:var(--gray);
	font-weight: 400;
	line-height: 20px;
	padding: 17.5px 25px;
	background: rgb(36 167 126/10%);
	padding-right: 40px;
}
.quotation-select-box::before
{
	position: absolute;
    z-index: 1;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    height: 0px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--gray);
}
.quotation-form .math-captcha
{
	margin-top: 30px;
}
.quotation-form .math-captcha label
{
	color:var(--gray);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 5px;
}
.quotation-form .math-captcha label span
{
	position: relative;
	padding-left: 22px;
}
.quotation-form .math-captcha label span::before
{
	width:7.26px;
	height:7.26px;
	background:url('../img/star.png') no-repeat center;
	background-size:100%;
	content: '';
	top:2px;
	left:6px;
	position: absolute;
}
.quotation-form .math-captcha input
{
	margin-top:0px;
}
.quotation-form .math-captcha>span
{
	display: block;
	font-size: 12px;
	line-height: 17px;
	margin-top:5px;
	font-weight: 400;
	color:var(--gray);
}
.quotation-form .site-buttons
{
	display:inline-block;
	position: relative;	
	margin-top:35px;
}
.quotation-form .site-buttons input
{
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* quotation-close */
/* inner-page-close */

/*Webcube*/
.footer-bar-2{
	background: #090a0a;
    height:47px;
    font-weight: 400;
    color: #fff;
}
.footer-bar-2 a{
	color:white;
}
.footer-bar-2 a:hover{
	color: var(--green);
}


/*404 Page*/
#404section{

	text-align:center!important;
	margin-bottom:100px!important;
}

.home-about-content ul{

	flex-direction:column;
    display:flex;
	list-style-position:inside;
	justify-content:center;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	text-align: initial;
}

.home-about-content li{
	padding:0px 10px;
	list-style-type:circle;
	color:var(--gray);
}

.about-ul{
	flex-direction:column!important;
    display:flex!important;
	list-style-position:inside!important;
	justify-content:center!important;
	display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;
	text-align: initial!important;
}

/* Gallery page */
#Gallery{
	margin-top:100px;
}
.Gallery-images{
	margin:50px -10px 0 -10px;
}
.G-image img{
	width:100%;
}
.G-image{
	padding:0 10px;
}

.model-footer{
	height:71px;
}
.modal-dialog{
	margin:10% auto;
}