/****************************************** TYPOGRAPHY CSS ******************************************/
html{overflow-x: hidden; width: 100%;}
body { background: #FFF; padding: 0; margin: 0; font-size: 18px; color: #3b3b3b; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; line-height: 28px; height: 100%; overflow-x: hidden !important; width: 100%; position:relative; }

h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; }
header, section, footer { display: block; }


/********************* LINK CSS *********************/
a { color: #016937; outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
a:hover, a:focus { color: #3b3b3b; }
* { margin: 0; padding: 0; }


/********** INPUT **********/
/*.input-text { background-color: transparent; border:none; border-bottom: 2px solid #d3d3d3; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #9b9b9b; display: block; line-height:50px; height:50px; padding: 0px; font-size:20px; outline:none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width: 100%;}
.input-text:focus, textarea:focus {border-bottom: 2px solid #68c2c3}
textarea { height: auto !important; min-height:50px;line-height:normal; padding:0px !important; background-color:transparent;  border:none; border-bottom: 2px solid #d3d3d3; display: block; width: 100%; font-size:20px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; border-radius:0px  !important; -webkit-border-radius:0px  !important; -moz-border-radius:0px  !important; }
input::-moz-placeholder, textarea::-moz-placeholder {
 opacity: 1; color:#9b9b9b;
}
::-webkit-input-placeholder { color: #9b9b9b;}
::-moz-placeholder { color: #9b9b9b;}
:-ms-input-placeholder { color: #9b9b9b;}
:-moz-placeholder { color: #9b9b9b;}*/


/********************* HEADING CSS *********************/
h1, h2, h3, h4, h5, h6 {width:100%; margin: 5px 0 15px 0; display:inline-block; line-height: normal; color: #016937; font-weight: 700;  }
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 36px; }
h4 { font-size: 32px; }
h5 { font-size: 28px; }
h6 { font-size: 24px; }

/********************* P CSS *********************/
p { float: none; margin: 0 0 14px 0; padding: 0; }
p:last-child { margin: 0 0 0px 0; }
p a { color: #016937; }
/*strong{color: #366466;}*/
p strong{ font-size:20px; font-weight:normal; line-height:30px;}


/********************* LISTING CSS *********************/
ul { margin: 0 0 15px 0; padding: 0; display: block; text-align:left; }
ul li { margin: 0 0 5px 0; padding: 0 0 0 20px; position: relative; line-height: 22px; list-style: none; }
ul li:last-child{ margin-bottom:0px;}
ul li:before { content: ""; width:5px; height:5px; background-color: #366466; position: absolute; left: 0px; top: 8px;border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
ul li a { color: #016937; }
ul li a:hover { color: #3b3b3b; text-decoration: none; }

ul li ul{ margin-left:15px; margin-top:14px;}

ol { margin: 0 0 15px 15px; padding: 0; text-align:left; }
ol li { margin: 0 0 5px 0; padding: 0 0 0 0px; position: relative; line-height: normal; list-style: decimal; }
ol li a { color: #016937; }
ol li a:hover { color: #3b3b3b; text-decoration: none; }


/********************* IMAGE CSS *********************/
img { border: none; vertical-align: middle; max-width: 100%; }
.alignleft { float: left; margin: 7px 30px 20px 0; box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21); -webkit-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21);}
.alignright { float: right; height: auto; margin: 30px 0 20px 30px; box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21); -webkit-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21);  -moz-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21);}
.aligncenter { display: block; margin: 22px auto 30px auto; box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21); -webkit-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21);  
-moz-box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.21);}

/********************* BUTTON CSS *********************/
.btn {background-color: #016937; border: 3px solid #016937; text-align:center; min-width:180px; color: #fff; font-weight:400; display: inline-block; font-size: 15px; letter-spacing: 0.5px; line-height: 55px; font-size:18px; padding: 0 22px;margin-top:15px; text-transform: uppercase;position:relative; -webkit-box-shadow: -14px 19px 24px rgba(0,54,28,.31);	-moz-box-shadow: -14px 19px 24px rgba(0,54,28,.31);	box-shadow: -14px 19px 24px rgba(0,54,28,.31); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; vertical-align: middle;}
.btn:hover, .btn:focus, .btn:active { background-color: #FFF; color: #016937; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

/********************* HEADER CSS *********************/
header{width: 100%;float:left;background-color: #016937; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
header .container{ z-index:2; }
.logo { width: auto; float:left;}
.navigation { width:auto; float: right;}
header .call{float:left; }
header .call img{ margin-right:5px;}
header .social-top{float:right;}
header .call a {display:inline-block; color: #FFF; line-height:49px;}
header .call a:hover, header .social-top a:hover { color: #b2f0d2;}
header .social-top a{color:#FFF;}
header .social-top ul{ margin:0;}
header .social-top ul li{ margin:0; display:inline-block;  padding:0px 4px 0px 8px;font-size:26px; border-left:1px solid #FFF; text-align:center;}
header .social-top ul li:last-child{border-right:1px solid #FFF; padding-right:12px;}
header .social-top ul li:before{ display:none;}
header .social-top ul li a{ padding:12px 0;display:inline-block; min-width:30px;}

.header-top{width: 100%;float:left; border-bottom: 1px solid #FFF;}
.header-bottom{width: 100%;float:left; padding:26px 0;}



/********************* HERO SLIDER CSS *********************/
.main-slider { width: 100%; float: left; position: relative;}
.slider-img { background-color: #999a99; background-position: top center !important; background-size: cover !important; height: 514px;position:relative;}

.main-slider .container { display:table ; vertical-align: middle; text-align:left;height:100%; color:#FFF; padding-top:22px; position:relative;}
.slider-text { position:absolute; top:0; left:0px; right:0px; height: 100%; z-index:1;}
.slider-inner{width:100%;max-width:560px; position: absolute; left:95px;right:95px; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
h1.slider-title {color:#FFF; width:100%; margin: 5px 0 15px 0; display:inline-block; text-transform:uppercase; line-height: normal; font-weight: 400; }
h1.slider-title span{display:block; font-size:35px;}
.main-slider h1{ color:#FFF;}
.main-slider p, .page-header p{ font-size:22px; line-height:32px;}
.main-slider .btn{ font-size: 20px; margin-top:14px; background-color:transparent; border-color:#FFF; box-shadow: none !important	; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;}
.main-slider .btn:hover, .main-slider .btn:focus { background-color: #FFF; color: #016937;}
.main-slider .owl-nav { margin:0; position:absolute; left:0; right:0; margin:0 auto; max-width:1280px; z-index:9;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#main-slider {z-index:inherit;}
.main-slider .owl-nav button.owl-prev{ position:absolute; left:0;padding: 4px 14px 4px 14px !important;}
.main-slider .owl-nav button.owl-prev, .main-slider .owl-nav button.owl-next{ background: rgba(0,0,0,0.6);font-size:50px;color:#FFF;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
.main-slider .owl-nav button.owl-next{position:absolute; right:0;padding: 4px 14px 4px 14px !important;}
.main-slider .owl-nav [class*="owl-"]:hover{background: rgba(0,0,0,1);color:#FFF;}

/********************* SERVICES SECTION CSS *********************/
.middle-section{ width:100%; float:left; padding:80px 0px 0px 0px;}

.services-section{ width:100%; float:left; position:relative; padding:100px 0 100px 0;}
.section-title{width:100%; max-width:650px; margin:0 auto; text-align:center;}
.section-title h2, .section-title h1{ margin-top:0; margin-bottom:22px;}

.section-title h1{ width:100%; display:inline-block; line-height: normal; color: #366466;font-size: 40px; font-weight: 400; }
.service-listing{width:100%; float:left; text-align:center; padding:40px 0 0 0;}
.service-icon{display:inline-block; width: 90px;height: 90px; padding:26px 0 0 0;-webkit-border-radius: 45px; margin:40px 0 30px 0;-moz-border-radius: 45px;border-radius: 45px;background-color: #016937;}
.service-name{display:block;font-size:25px;padding:0px 0 15px 0;}
.service-listing ul a{color:#016937; font-weight:700;}
.service-listing ul{ margin:0; text-align:center;}
.service-listing ul li:before{display:none;}
.service-listing ul li{ display:inline-block; width:32.3232%; padding:10px;text-align:center;font-weight:700;}


/********************* WHY CHOOSE US SECTION CSS *********************/
.why-chhose-section{ width:100%; float:left; position:relative; padding:100px 0 100px 0;}
.why-chhose-inner{ width:100%; float:left; margin-top:60px;}
.facility{display:block; margin-bottom:70px; max-width:300px;}
.facility:last-child{margin-bottom:0px;}
.facility h2{font-size:20px; color:#3b3b3b;}
.facility-icon{display:block; margin-bottom:5px;}
.facility-img{ display:block; margin-top:15px;}
.pl-30{ padding-left:30px;}
.pr-30{ padding-right:30px;}



/********************* ABOUT US SECTION CSS *********************/
.aboutus-section{ width:100%; float:left; position:relative; padding:0px 0 0px 0;}
.aboutus-section .aboutus-inner-main{width:100%;display:table;}
.aboutus-section h2{color:#FFF;}
.aboutus-left{width:50%; display:table-cell; vertical-align:middle; background-color:#999a99; color:#FFF; padding:50px 0 60px 35px;}
.aboutus-right{width:50%; display:table-cell; vertical-align:middle; background-color:#016937; color:#FFF; padding:60px 0 60px 35px; font-size:24px; font-weight:700; text-align:center; line-height:36px;}
.aboutus-inner{width:100%; max-width:600px; padding-right:70px;}

/********************* CLIENT SECTION CSS *********************/
.client-section{ width:100%; float:left; position:relative; padding:100px 0 100px 0;}
#client-slider{padding:0 100px;}
#client-slider .owl-nav button.owl-prev{ position:absolute; left:0;}
#client-slider .owl-nav button.owl-next{position:absolute; right:0;}
#client-slider .owl-nav{position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 9;top: 15%;}





/********************* FOOTER CSS *********************/
footer{ width:100%; float:left; background:#016937; border-top:44px solid #999a99; color:#FFF;}
.footer-map{display:block; margin-top:-44px;}
.footer-map iframe{width:100%; height:460px;-webkit-box-shadow: -14px 19px 24px rgba(0,54,28,.31);
	-moz-box-shadow: -14px 19px 24px rgba(0,54,28,.31);
	box-shadow: -14px 19px 24px rgba(0,54,28,.31);}
.footer-right{width:100%;float:left; padding:50px 0; position:relative;min-height:424px;}
footer h3{ color:#FFF; margin:0 0 12px 0; font-size:25px;}
.footer-bottom{ width:100%; float:left; border-top:1px solid #999a99;color:#FFF; padding:17px 0px;font-size:16px;margin-top:30px;}
.footer-address{ display:block;padding-left: 30px;}
.footer-address-link{display:block; padding-top:15px;font-size:25px;font-weight:700;}
.get-intouch-block{ display:block;padding-left: 30px;}
.get-intouch-block a{display:block; margin-bottom:7px; /*font-size:22px;*/}
footer a{color:#FFF;}
footer a:hover, footer a:focus{color:#b2f0d2;}
.footer-logo{position:absolute; bottom:0; right:0;}




.static_content p{
font-size: 16px;
}
.static_content ul li{
font-size: 16px;
}
.section-title hr{
border-top: 4px solid #bc1e2c;
width: 80px;
margin: 10px auto;
}
.innerpage-section .section-title h2{
    margin-bottom: 0px;

}
.innerpage-section .section-title{
   margin-bottom: 30px;
}
.static_banner{
width:100%;
/*height:300px;*/
background:url('../images/slider-01.jpg');
background-repeat:no-repeat;
background-position: center;
float:left;
background-size: cover;
}
.innerpage-section{
margin-bottom: 50px;
}
.sep_brands{
border-top: 1px solid #016937;
width: 100%;
margin: auto;
height: 2px;
}
.benner_title{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    bottom: 0px;
    right: 0px;
}
.static_banner{
position:relative;
}
.benner_title h1{
margin-top: 140px;
color: #FFF;
}
.static_banner img{
width:100%;
}
.benner_title .container{
height: 100%;
display: table;
}
.benner_title h1{
display: table-cell;
vertical-align: middle;

}
@media screen and (max-width: 1000px){
	.benner_title h1{
		
		font-size: 36px;
	}

}

@media screen and (max-width: 767px){
	.benner_title h1{
		
		font-size: 24px;
	}

}
@media screen and (max-width: 480px){
	.benner_title h1{
		
		font-size: 16px;
	}

}

@media screen and (max-width: 767px){
	.owl-item .item .slider-img{
	background-size: cover !important;
	background-position: 26% 0% !important;
	height: 180px;
	}
	.slider-title{
	margin-bottom:0px !important;
	}
	.slider-title, .slider-title span{
	font-size:1em !important;
	}
	.slider-inner{
	top:41%!important;
	}
	.slider-inner p{
	margin-bottom:0px !important;
	font-size: 0.75em!important;
	display:none;
	}
	.slider-inner a{
	margin-top:3px!important;
	font-size: 0.75em!important;
	line-height:25px;
	}
	.benner_title h1 {
    font-size: 0.7em !important;
}
}

@media screen and (max-width: 600px){
	.owl-item .item .slider-img{
	background-size:cover !important;
	background-position: 26% 0% !important;
	height: 160px;
	}
	.slider-title{
	margin-bottom:0px !important;
	}
	.slider-title, .slider-title span{
	font-size:1em !important;
	}
	.slider-inner{
	top:41%!important;
	}
	.slider-inner p{
	margin-bottom:0px !important;
	font-size: 0.75em!important;
	display:none;
	}
	.slider-inner a{
	margin-top:3px!important;
	font-size: 0.75em!important;
	line-height:25px;
	}
	.benner_title h1 {
    font-size: 0.7em !important;
	}
}

@media screen and (max-width: 480px){
	.owl-item .item .slider-img{
	background-size: cover !important;
	background-position: 26% 0% !important;
	height: 110px;
	}
	.slider-title{
	margin-bottom:0px !important;
	}
	.slider-title, .slider-title span{
	font-size:1em !important;
	}
	.slider-inner{
	top:41%!important;
	}
	.slider-inner p{
	display:none;
	margin-bottom:0px !important;
	font-size: 0.75em!important;
	}
	.slider-inner a{
	margin-top:3px!important;
	font-size: 0.75em!important;
	line-height:25px;
	}
	.benner_title h1 {
    font-size: 0.7em !important;
	}
}