.testimonial{ padding-left:130px; position:relative; padding-top:40px; padding-right:70px; margin-bottom: 15px; padding-bottom: 20px !important;border-bottom: 2px solid #00894c; }
.testimonial .text-sml{position:relative;}
.testimonial .quote1{ position:absolute; top:0px; left:-30px;}
.testimonial .quote2{ position:absolute; bottom:0px; right:-20px; transform:rotate(180deg);}

.testimonialImg {
   
    float: right;
    display: table;
    padding-top: 15px;
    margin-bottom: 15px;
    position: relative;top: 10px;
}

.testimonialImg .img-circle {
    border: 3px #ddd solid;
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    float: right;
	border-radius:50%;
	position:relative; 
}

.testimonialImg .img-circle img{width:100%;}

.clientsName {
    float: left;
    padding: 12px 10px;
    font-size: 13px;
}


/*--------------------------Loader-----------------------*/
.relative{ position: relative; display: table; width: 100%; }
.pre-load{ display: none; position: absolute; background: rgba(255, 255, 255, 0.77); width: 100%; height: 100%; z-index: 99; }
.pre-load span{ position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; display: table; top: 50%; bottom: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100px;}
.pre-load i{-webkit-animation-name: spin; -webkit-animation-duration: .8s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: .8s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: .8s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); font-size: 40px; color: #192249;}
.pre-load .alert{border-radius: 0px !important; position: relative; margin: 0 auto; left: 0; right: 0; text-align: center; display: table; top: 177%; bottom: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
@-moz-keyframes spin {
   from { -moz-transform: rotate(0deg); }
   to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
   from { -webkit-transform: rotate(0deg); }
   to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
   from {transform:rotate(0deg);}j
   to {transform:rotate(360deg);}
}



*{margin:0px; padding:0px; outline:none !important}
h1,h2,h3,h4,h5,h6{ margin:8px 0px; }
h2{font-weight:400; line-height:40px;}

@font-face {
	font-family:"frank";
	src: url("../fonts/frank.html"); /* IE */
	src: local("frank"), url("../fonts/frank.html") format("truetype"); /* non-IE */
}


::-webkit-scrollbar {

    width: 7px !important;

	cursor:pointer;

	transition:all 0.4s;

	-webkit-transition:all 0.4s;

	-moz-transition:all 0.4s;

	-o-transition:all 0.4s;

}





.height-box:hover::-webkit-scrollbar{

	width:14px;

}

 

/* Track */

::-webkit-scrollbar-track {

    

    -webkit-border-radius: 10px;

    border-radius: 10px;

	cursor:pointer;

}

 
 
 
/* Handle */

::-webkit-scrollbar-thumb {
     
    -webkit-border-radius: 10px;

    border-radius: 10px;
    
    background:#ec623b; 


	cursor:pointer;

}

::-webkit-scrollbar-thumb:window-inactive {

	background:#3e871c; 


}


.cursor{cursor:pointer;}


.gototop {
  display: none;
  -webkit-animation: hide 350ms ease-out forwards 1;
  animation: hide 350ms ease-out forwards 1;
  padding: 12px 12px;
  border: 0;
  text-align: center;
  background-color: #f05b22;
  color: #fff;
  position: fixed;
  bottom: 40px;
  right: 16px;
  -webkit-transition: background-color 100ms ease-in-out;
  transition: background-color 100ms ease-in-out;
  cursor:pointer;
  z-index:100000;
}

.gototop > span {
  display: inline-block;
  -webkit-transition: transform 100ms 100ms ease-in-out;
  transition: transform 100ms 100ms ease-in-out;
}

.gototop:hover { background-color: #3e871c; }

.gototop:hover > span, .gototop:focus > span {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.isvisible {

 -webkit-animation: show 1s ease-out forwards 1;
  animation: show 1s ease-out forwards 1;
}


 @-webkit-keyframes 
hide {  0% {
 opacity: 1;
 -webkit-transform:translateY(0);
}


 25% {
 opacity: .5;
 -webkit-transform: rotate(-3deg) translateY(-40px);
}


 75% {
 -webkit-transform: rotate(3deg);
}

 100% {
 opacity: 0;
 -webkit-transform:translateY(100px);
}



}
@keyframes 
hide {  0% {
 opacity: 1;
 transform:translateY(0);
}

25% {
 opacity: .5;
 transform: rotate(-3deg) translateY(-40px);
}

 75% {
 transform: rotate(3deg);
}

 100% {
 opacity: 0;
 transform:translateY(100px);
}


}

 @-webkit-keyframes 
show {  0% {
 -webkit-transform: rotate(0deg);
}

 25% {
 opacity: .5;
 -webkit-transform: rotate(-3deg) translateY(-40px);
}

 75% {
 -webkit-transform: rotate(3deg);
}


 100% {
 opacity: 1;
 -webkit-transform: rotate(0deg);
}



}



 @keyframes 
show {  0% {
 transform: rotate(0deg);
}



 25% {
 opacity: .5;
 transform: rotate(-3deg) translateY(-40px);
}



 75% {
 transform: rotate(3deg);
}



 100% {

 opacity: 1;

 transform: rotate(0deg);

}

}



.list-circle li{ list-style:inside circle; margin-bottom:10px;}


.list-bullet{ padding-left:20px; margin:10px 0px;}
.list-bullet li {
    margin-bottom: 10px;
    list-style: circle;
	color:#000;
}




a:focus{text-decoration:none !important;}

.full{width:100%;}

a:hover{text-decoration:none !important;}

.list-circle li{ list-style:inside circle; margin-bottom:10px;}


body {
    overflow-X: hidden;
    font-family: Montserrat, sans-serif !important; /*'Roboto', sans-serif;*/
	top:0px !important;
}
.container{width:97% !important;}

.text{ font-size:17px; color:#000; line-height:30px;}
.text-sml{font-size:15px; line-height:25px; color:#000;}


.transition{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s;}

.padding0{padding:0px !important;}
.bold{font-weight:bold !important;}

.none{display:none;}

.custom-hd{ margin-bottom:25px; font-size:35px; color:#2b2b2b;   line-height:45px; font-family:"Roboto Slab",Arial,Helvetica,sans-serif !important;  width:max-content;  width: -moz-max-content;}

.custom-hd.auto{margin:auto;}

.custom-hd label{ font-weight:400; color:#3e871c;}

.custom-hd span{ display:block; width:30%; height:2px; background:#3e871c; position:relative; top:5px;}
.custom-hd span.auto{ margin:auto;}


.custom-hd2{  color:#fff;  }

.custom-hd2 label{ color:#ee3158;}

.custom-hd2 span{ background:#fff;}


strong{font-weight:500;}


.text-white{color:#fff !important;}

.border-effect {
  position: relative;
  color: #ff3296;
  text-decoration:none;
}
.border-effect:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #94c93d;
  content: "";
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.border-effect:hover {
	text-decoration:none;
	color:#94c93d;
}
.border-effect:hover:after {
  width: 100%;
}



.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100000000000000 !important;
	top:0px; left:0px;
}
.folding-cube {
	left: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	top: 50%;
	right: 0;
	margin: -60px auto 0;
}
.folding-cube .cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); 
}
.folding-cube .cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3e871c;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.folding-cube .cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}
.folding-cube .cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}
.folding-cube .cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}
.folding-cube .cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.folding-cube .cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s; 
}
.folding-cube .cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	} 
	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	} 
	90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	} 
}

@keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	} 
	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	} 
	90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	}
}




section{padding:75px 0px;}

.text-green{ color:#3e871c;}
.bg-green{ background:#3e871c;}
.bg-org{ background:#f05c23;}


.btn-nor{ background:#3e871c; color:#fff; font-size:16px; border:0px; padding:10px 25px; border-radius:50px !important;}
.btn-nor:hover{ background:#363636; color:#fff;}


.top-strip{ height:40px; background:#393838;}
.top-strip .left ul li a{color:#fff; display:block; padding:10px 20px 10px 0px; font-size:13px; font-weight:400; position:relative;}
.top-strip .left ul li a:before{ content:''; width:1px; height:15px; position:absolute; top:10px; right:0px; background:rgba(255,255,255,0.3);}
.top-strip .left ul li img{width:15px; margin-right:5px; position:relative; top:0px;}
.top-strip .left ul li:last-child a:before{ display:none;}


.top-strip .right ul{float:right;  }
.top-strip .right ul li a{ color:#fff; font-weight:300; position:relative; display:block;  padding:10px 2px; } 

.top-strip .right ul li:last-child a:before{ display:none;}



header.scroll{ background:#fff; height:auto !important; padding-bottom:10px; position:fixed; top:0px; left:0px; width:100%; z-index:100000;}
header.scroll .logo{ transform:scale(0.8); top:10px;}

header{box-shadow:0 0 27px 0 rgba(5,6,6,0.22); height:90px;}

header .logo{ width:150px; margin-top: 0px; }

nav{ width:100%; height:auto; position:relative; top:15px; left:-50px;}
nav ul{float:right; position:relative;  }
nav ul li{float:left; list-style:none; position:relative; }  
nav ul li.act a{background:#3e871c; color:#fff !important; position:relative;}
nav ul li:last-child{margin-right:0px !important;}
nav ul li a{ color:#000; font-size:17px; text-transform:capitalize; padding-left:5px; padding: 10px 20px;  font-weight:500; position:relative; }
nav ul li a.act{ background:#3e871c; color:#fff;}
nav ul li a.act:hover{ background:#f05c23 !important;}
nav ul li a:focus{color:#fff;}
nav ul li a:hover{ color:#fff !important; background:#3e871c;}

nav ul ul li{ width:100%;}
nav ul ul li:last-child a{ border-bottom:0px !important;}
nav ul ul a{ display:block; background:#3e871c; color:#fff !important; font-size:14px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1);}
nav ul ul a:hover{ color:#fff;}



.search{ width:100%; float:right; }
.search button{ border-radius:100%; width:45px; height:45px; font-size:20px; position:relative; top:0px; left:10px; z-index:1; background:#f05c23;}
.search button:hover{ background:#3e871c !important;}



.search-box {
    width: 0;
    opacity: 0;
    height: 90px;
    background: #f1f1f1;
    position: absolute;
    top: -10px;
    right: 65px;
    border: 0;
    padding-left: 20px;
    z-index: 1000
}


.search-box input {
    position: relative
}

.search-box input {
    width: 97%;
    height: 45px;
    border: 0;
    padding-left: 10px;
    top: 20px
}

.search-box.open {
    width: 500px;
    opacity: 1
}

.search-box input::-webkit-input-placeholder {
    color: #000!important
}

.search-box input::-moz-placeholder {
    color: #000!important
}

.search-box input:-ms-input-placeholder {
    color: #000!important
}

.search-box input:-moz-placeholder {
    color: #000!important
}


.home-slider{ margin-top:5px; position:relative;}

.home-slider .owl-pagination{display:none;}
.home-slider .owl-buttons {    position: absolute;
top: 42%; width:100%;}
#home-slider.owl-theme .owl-controls .owl-buttons div{background:none !important;}
#home-slider.owl-theme .owl-controls .owl-buttons .owl-prev{left:0px; position:absolute; opacity:0.7 !important;}
#home-slider.owl-theme .owl-controls .owl-buttons .owl-next{right:0px; position:absolute; opacity:0.7 !important;}
.home-slider .owl-buttons img{width:45px;}
.home-slider  .owl-pagination{ margin-top:-50px; position:relative; z-index:10000;}
.home-slider  .owl-pagination .owl-page span{ width:25px !important; height:4px !important; background:#fff !important;}



.about{ padding:100px 0px; padding-bottom:65px;}
.about .col-md-7{ padding-left:40px;}

.row3{  margin:auto;}
.row3 .col-md-3{ height:450px; text-align:center; padding:0px; overflow:hidden; }
.row3 .col-md-3 .data{padding:80px 20px; position:relative; z-index:10000; }
.row3 .col-md-3 *{color:#fff;}
.row3 .col-md-3 h2{font-size:25px; font-weight:400; margin-bottom:25px; width:100%; line-height:30px;}
.row3 .col-md-3 h2 span{background:#fff; margin-top:15px;}

.row3 .col-md-3 .btn{color:#000; background:#fff; font-weight:500; border:2px solid rgba(255,255,255,0.0);}
.row3 .col-md-3 .btn:hover{ color:#fff; background:none; border:2px solid #fff; }

.row3 .col-md-3 .img{ position:absolute; top:0px; left:0px; opacity:1; height:100%;}
.row3 .col-md-3:hover{ background:#353535 !important;}
.row3 .col-md-3:hover .img{transform:scale(1.4) rotate(-2deg); opacity:0.5;}

.row3 .col-md-3 .circle{ width:100%;  overflow:hidden; margin:auto; margin-bottom:15px;}
.row3 .col-md-3 .circle img{height:100%; }

.row3 .col-md-3 .overlay{ position:absolute; bottom:0%; left:0px; width:100%; height:200px; z-index:100000;  background-image: linear-gradient(rgba(57,128,25,0), rgba(0,0,0,1));   padding:25px 15px; opacity:1; overflow:hidden;}
.row3 .col-md-3:hover .data{ transform:scale(0) rotateX(-30deg); transform:origin(50% 100%);}
.row3 .col-md-3:hover .overlay{  opacity:1; height:100%; bottom:-100%;}

.row3 .col-md-3 .overlay h2{position:relative; top:30px;}

.row3 .col-md-3 .overlay2{ position:absolute; bottom:-100%; left:0px; width:100%; height:200px; z-index:100000;  background-image: linear-gradient(rgba(57,128,25,0), rgba(0,0,0,1));   padding:55px 15px; opacity:1; overflow:hidden;}
.row3 .col-md-3 .overlay2 h2{position:relative; top:30px;}

.row3 .col-md-3:hover .overlay2{  opacity:1; height:100%; bottom:0px;}

.fields{width:100%; height:100px; margin:auto; background:url(../images/field.png) repeat-x top left #f7f7f7; background-size:cover;   -webkit-animation: slide 30s linear infinite;}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}


.row4{}
.row4 ul li{margin:10px; height:355px; float:left; box-shadow:1px 1px 15px rgba(92, 91, 91, 0.2); padding:0px; border-bottom:3px solid #3e871c;}
.row4 ul li img{width:100%;}
.row4 ul li h3{color:#000; font-weight:400; font-size:18px; margin-top:15px; line-height:27px;}
.row4 ul li a{color:#000;}
.row4 ul li:hover .btn{ background:#363636;}
.row4 .text-sml{display:none;}

.row4 .owl-buttons{display:none;}
.row4 .owl-pagination .owl-page span{width:25px !important; height:4px !important; background:#3e871c !important;}


.row5-2{ background:#fff;}

.row5-2 .news{ padding:30px 40px;}

.row5{  padding:0px; height:480px; overflow:hidden;}
.row5 .video-wrap{ height:480px; background:url(../images/video.jpg) no-repeat top center #3e871c; background-size:cover;}




.testimonial{ padding:45px; background:#f5f5f5; }
.testimonial ul li{text-align:center; padding:25px 45px;}
.testimonial ul li .img{width:100px; height:100px; overflow:hidden; border-radius:100%; margin:auto; margin-bottom:25px;}
.testimonial ul li .text{font-weight:500;  padding:0px 50px;}
.testimonial ul li .text span{font-size:20px; opacity:0.7;}

.testimonial .owl-buttons{display:none;}
.testimonial   .owl-pagination .owl-page span{ width:25px !important; height:4px !important; background:#3e871c !important; }



.vertical-controls{ position:absolute; top:45px; right:5px;}
.vertical-controls .fa{ font-size:30px; color:#000; margin:0px 10px;}


.jobs-slider{ height:400px; overflow:hidden;}
.jobs{ width:100%; height:170px;; padding:12px 0px; padding-bottom:25px;   margin-bottom:0px; overflow:hidden;  border-bottom:2px solid #f1f1f1; }
 .jobs h4{font-size:17px; color:#000; font-weight:500; line-height:27px;}
.jobs h4 a { color:#000;}
 .jobs .text{font-size:14px;}
.jobs span{ font-size:13px; color:#000;}
 .jobs .text-sml{ font-size:14px; line-height:22px; margin:10px 0px; font-weight:500;}


.jobs .link{ color:#000; float:right; font-weight:500;}
 .jobs .link:hover{color:red;}
 
 
 
 .video-section{padding-bottom:0px;}
 
 .video{ width:100%; height:300px; margin:auto; background:url(https://www.cnet.com/a/img/resize/19394aca4affc504651051d009160d0c0d216218/hub/2022/10/10/f2ff9ef7-f016-459d-b88a-a8a68270c315/solar-gettyimages-525206743.jpg?auto=webp&fit=crop&height=675&width=1200) no-repeat top center; position:relative; background-size:cover;}
 
 

.video-play-button a{
    position:absolute;
	top:45%;
	left:45%;
    z-index:10000;
    color: #f35701;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    display: block;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s linear;
    background: #fff;
	cursor:pointer;
}
.video-play-button a:hover{
    background: #f05c23;
    color: #fff;
}
.video-play-button a:hover i{
    color: #fff;
}
.video-play-button a i{
    font-size: 40px;
    color: #3e871c;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0)
    }
}




footer{ background:#f7f7f7; padding:55px 0px;}
footer .text-sml{color:#000;}
footer  h2{font-size:25px !important;}


.footer-links li{ list-style:none;}
.footer-links li a{color:#000; font-size:16px; display:block; padding:6px 0px; width:max-content;}
.footer-links li a:hover{ color:#f05c23;}
.footer-links li:first-child a{ padding-top:0px;}



 .footer-social ul li {
  display: inline-block;
  margin-right: 5px;
}
 .footer-social ul li a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border: 1px solid #3e4a65;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
}
 .footer-social ul li a:hover {
  background: #f05c23;
  color: #fff;
  border-color: #f05c23;
}


footer form{position:relative;}
footer form input{ width:100%; height:40px; border:1px solid rgba(0,0,0,0.7); background:none; padding-left:10px; color:rgba(0,0,0,0.7);}
footer form button{ background:none; border:0px; cursor:pointer; position:absolute; top:8px; right:7px;}

footer h4{line-height:25px;}



.copyright{ background:#373737; padding:15px 0px;}
.copyright *{color:#fff;}
.copyright *:hover{color:#fff;}
.created{float:right;}


.video-popup-overlay{ width:100%; height:150%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7); z-index:100000000000000 !important; display:none;}
.video-popup{width:70%; height:70%; position:fixed; top:45%; left:50%; background:#fff; z-index:1000000000000000 !important; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  -o-transform:translate(-50%,-50%); display:none;}
.video-popup .closed{ position:absolute; top:-13px; right:-13px; color:#fff; font-size:35px; z-index:1000000 !important; cursor:pointer; }



.sec-title {
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  color: #1a1a1a;
  position: relative;
  padding: 0 25px;
  width:max-content;
  width:-moz-max-content;
  margin:auto;
}
.white-title .sec-title{
  color: #fff;
}

.sec-title span::after {
  width: 40px;
  height: 2px;
  background-color: #fff;
  left: -40px;
  top: 24px;
  position: absolute;
  content: "";
}
.sec-title::after {
  width: 70px;
  height: 2px;
  background-color: #fff;
  left: -70px;
  top: 30px;
  position: absolute;
  content: "";
}
.sec-title span::before {
  width: 40px;
  height: 2px;
  background-color: #fff;
  right: -40px;
  top: 24px;
  position: absolute;
  content: "";
}
.sec-title:before {
  width: 70px;
  height: 2px;
  background-color: #fff;
  right: -70px;
  top: 30px;
  position: absolute;
  content: "";
}



.inner-banner{width:100%; height:200px;  position:relative; padding-top:5%; }
.inner-banner:before{ content:''; width:100%; height:100%; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.6); z-index:1;}
.inner-banner:after{ content:''; width:100%; height:5px; position:absolute; bottom:0px; left:0px; background:url(../images/border-3.html); z-index:2;}
.inner-banner h1{color:#fff !important; position:relative; z-index:2; font-size:50px; font-weight:700; text-shadow:0 0 30px rgba(0,0,0,0.1), 0 0 30px rgba(0,0,0,0.1), 0 0 11px rgba(0,0,0,0.1);}

.breadcrumb{ position:relative; z-index:2; background:none; float:right; position:absolute; bottom:-10px; right:50px;}
.breadcrumb *{ color:#fff !important; font-size:16px; font-weight:500;}



.about-row1{ padding-top:45px;}
.about-row2{ width:100%; height:auto; margin:auto; background:#fff; padding:35px 0px; padding-right:50px;  overflow:hidden;}

.about-row2 h2{ font-size:25px;}
.about-row2 h2 strong{font-weight:400;}
.about-row2 p b{font-weight:600;}

.mission-vision{ width:100%; height:200px; margin:auto; background:url(../images/mission.jpg) repeat-x top center; padding:0px 0px;}
.mission-vision h2 span{background:#fff;}
.mission-vision .col-md-6{height:200px; padding:20px 40px;}
.mission-vision *{color:#fff !important;}


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

.cd-tab-filter li{float:none !important; }
.cd-gallery li{ float:left !important; margin:11px !important; cursor:pointer; overflow:hidden; height:250px; position:relative;}
.cd-gallery li:hover img{ transform:scale(1.2);}

.lg-backdrop{z-index:10000000000 !important;}
.lg-outer{ z-index:10000000000 !important;}

.cd-gallery li article{text-align:center !important; background:rgba(0,0,0,.6) !important; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6);
	top:0px; left:0px; z-index:10000; transition:all 0.7s; -webkit-transition:all 0.7s; -o-transition:all 0.7s; -moz-transition:all 0.7s; transform:rotateX(-90deg);
		transform-origin: 50% 100%;}

.cd-gallery li .image{position:absolute; top:0px; left:0px; width:100%; height:100%; background-size:cover !important;}
.cd-gallery li article img{width:36px !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) !important;}
.cd-gallery li:hover article{transform:rotateX(0deg);}
.cd-gallery li:hover article img{}

.cd-tab-filter a{ transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; font-weight:600 !important; }
.cd-tab-filter a:hover{ color:#f05c23 !important;}
.cd-tab-filter a.selected{ color:#f05c23 !important; box-shadow:inset 0 -2px 0 #f05c23 !important;}
.cd-gallery li:hover .image{ transform:scale(1.2);}



.video-gallery { text-align:center;}
.video-gallery li{ width:23%; height:auto; display:inline-block; margin:10px; position:relative;}
.video-gallery li .overlay{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000000; cursor:pointer;}



.pagination a{ transition:all 0.3s; color:#000 !important;}

.pagination a:hover{ background:#3e871c !important; color:#fff !important;}

.contact{ padding-top:45px;}


.contact .form{ width:100%; height:auto; border:7px solid #3e871c; margin:55px 0px; padding:35px; padding-right:80px;}
.contact .form h2{margin-bottom:15px;}
.contact .form form{ padding:25px 0px;}
.contact .form form .field{ width:100%; height:40px; border:0px; margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.3);}
.contact .form form textarea.field{ height:100px; margin-top:5px;}

.contact .form form .field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.contact .form form .field::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.contact .form form .field:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.contact .form form .field:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


.contact .info{ width:100%; height:500px; background:url(../images/contact.jpg) no-repeat top center #f05c23; position:relative; top:120px; left:-70px; padding:70px 50px;}
.contact .info:before{ content:''; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#3e871c; opacity:0.9;}
.contact .info *{color:#fff; font-weight:500;}
.contact .info .col-xs-11{padding-left:25px;}

.contact .info h3{display:none;}

.contact .info .row{margin-bottom:35px;}

.contact .info .footer-social li a{border: 1px solid #fff;}
.contact .info .footer-social ul li a:hover{ background:#fff; border: 1px solid #fff; color:#000 !important;}
.contact .info .footer-social ul li a:hover .fa{ color:#000;}


.enquiry .jobs{ padding-bottom:185px;}
.enquiry .vertical-controls{ top:25px;}


.enquiry-form{ padding-right:150px; width:800px;}



.enquiry-form .field{ width:100%; height:40px; border:0px; margin-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.3);}
.enquiry-form textarea.field{ height:100px; margin-top:5px;}

.enquiry-form .field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.enquiry-form .field::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.enquiry-form .field:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.enquiry-form .field:-moz-placeholder { /* Firefox 18- */
  color: #000;
}




.videos{ text-align:center;}
.videos li{ width:45%; list-style:none; padding:0px 40px; display:inline-block;}
.videos li h3{line-height:35px; }

.award-page { padding-bottom:20px; padding-top:35px;}
.award-page .col-md-8{ padding-right:40px;}
.awards-row{width:100%; height:auto; margin-bottom:25px; border-bottom:2px solid #3e871c; padding:25px; overflow:hidden;}
.awards-row:nth-child(odd){ background:#f6f6f6;}
.awards-row h3{ line-height:33px; font-weight:500; font-size:19px;}
.awards-row img{float:left; margin:15px 15px 10px 0px;}
.awards-row .text-sml{ text-align:justify;}
.awards-row .read-more{ color:#000; font-weight:500;}
.awards-row .read-more:after{background:#000;}

.single-product .left{padding-right:70px;}
.single-product h3{ line-height:33px;}


.product-cat{width:100%; height:auto; background:#f7f7f7; border-left:5px solid #f05c23;}
.product-cat h3{ background:#f05c23; padding:10px 15px; color:#fff; margin-bottom:1px;}
.product-cat ol{list-style:none; overflow:hidden}
.product-cat ol li{width:100% !important; padding:0px !important; margin-bottom:0px !important; text-align:left !important;}
.product-cat ol li a{ display:block; padding:13px 15px; color:#000 !important; font-size:16px; font-weight:400;}
.product-cat ol li a:hover{ background:#f05c23; color:#fff !important;}


.literature ol li{float:left; list-style:none; width:30%; margin-right:25px;  margin-bottom:30px; text-align:center; background:#f7f7f7; padding:15px;
}
.literature ol li img{width:100%; margin-bottom:10px;}
.literature ol li a{color:#000 !important;}

.literature ol li h4{font-size:16px;}


.scrapcar-contact-form,.scrapcar-contact-form input[type="text"],.scrapcar-contact-form input[type="email"],
.scrapcar-contact-form textarea {
    float: left;
    width: 100%;
}
.scrapcar-contact-form {
    padding: 21px 0px 0px;
    margin-bottom: 10px;
}
.scrapcar-contact-form ul { margin: 0px ;}
.scrapcar-contact-form ul li {
    float: left;
    width: 100%;
    margin: 0px 0px 25px;
    padding: 0px 6px 0px 6px;
    list-style: none;
    position: relative;
}

.scrapcar-contact-form span{ position:relative; top:7px;}

.scrapcar-contact-form ul li textarea{height:80px !important;}

.scrapcar-contact-form ul li.full-width { width: 100%;}
.scrapcar-contact-form ul li > label.title {
    margin: 15px 0px 0px 0px;
    line-height: 0.7;
	line-height:22px;
}
.scrapcar-contact-form input[type="text"],
.scrapcar-contact-form input[type="email"],
.scrapcar-contact-form input[type="date"],
.scrapcar-contact-form input[type="password"],
.scrapcar-contact-form select,
.scrapcar-contact-form textarea {
 width: 100%;
    height: 45px;
    font-size: 12px;
    color: rgba(0,0,0,0.8);
    background-color: transparent;
    border: 1px solid #dddddd;
    padding: 4px 4px 4px 14px;
	transition:all 0.4s;
}
.scrapcar-contact-form textarea {
    height: 100px;
    color: #272727;
}
.scrapcar-contact-form ul li > i {
    position: absolute;
    right: 31px;
    top: 42px;
    color: #bbbbbb;
}
.scrapcar-contact-form ul li > i:after {
    content: '';
    position: absolute;
    left: -16px;
    top: -3px;
    height: 20px;
    width: 1px;
    background-color: #dddddd;
}
.scrapcar-contact-form ul li > label.submit-btn {
    margin: 0px;
    float: left;
    position: relative;
}

.scrapcar-contact-form a.link{color:#000; font-size:14px;}



.modal-backdrop{pointer-events:none !important;}
.modal-content{border-radius:0px; margin-top: 20px; }
.modal{ z-index:1000000 !important; }
.modal-backdrop{z-index:100000 !important;}

.modal-body{ overflow:hidden; padding-bottom:0px; padding-top:0px;}
.modal-body .scrapcar-contact-form li{ margin-right:0px !important; padding-right:0px;}
.modal-body .scrapcar-contact-form li:last-child{ margin-bottom:0px;}
.modal-body .scrapcar-contact-form li label{ display:block; width:30%; float:left; position:relative; top:0px; color:#000; margin-top:5px !important;}
.modal-body .scrapcar-contact-form li input{ display:block; width:70%; height:35px; float:left; font-size:14px; color:#000;}
.modal-body .scrapcar-contact-form li select{  width:70%; float:left; height:35px; font-size:14px; color:#000;}
.modal-body .scrapcar-contact-form li textarea{ display:block; width:80%; float:left;}
.modal-body .scrapcar-contact-form li .fa{display:none;}
.modal-body .scrapcar-contact-form li textarea{padding-top:10px; width:70%;}
.modal-body .scrapcar-contact-form li label{font-weight:500;}
.modal-header{padding-top:10px; padding-bottom:5px; margin-bottom:10px;}
.modal-header .close{ background:#f05c23; opacity:1; padding:5px; color:#fff; position:relative; top:0px; right:-7px; width:30px; height:30px;}
.modal-dialog{animation-duration:0.6s !important;}


#enquiry-popup .modal-body{ }






.testimonial-blockquote p {
    width: 100%;
    position: relative;
    display: inline;
}

.testimonial-blockquote p::before {

    content: "\f10d";
	font-family:FontAwesome;
    top: -5px; left: -25px;
	font-size:16px;
	color:#454545;


}

.testimonial-blockquote p::after {

    content: "\f10e";
bottom: -5px;
font-family:FontAwesome;
    right: -25px;
		font-size:16px;
		color:#454545;


}

.testimonial-blockquote p::before, .testimonial-blockquote p::after {
    font-size: 18px;
    position: absolute;

}



#twitter-widget-0{ overflow:scroll !important; height:400px !important;}
#twitter-widget-0::-webkit-scrollbar-thumb{ background:#f05b22 !important;}
.timeline-Viewport::-webkit-scrollbar-thumb{ background:#f05b22 !important;}
.timeline-Viewport::-webkit-scrollbar{ width:3px !important;}


.form-loader{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#fff; display:none;}
.form-loader img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px;}
.form-loader  .alert{ position:absolute; top:20%; left:5%; width:90%; text-align:center;}



.bottom-strip {
    padding: 20px 0;
    margin-top: 20px;
    position: relative;
	background:#3e871c;
}

.bottom-strip .btn {
    position: relative;
    top: 20px;
    float: right
}

.bottom-strip p {
    font-weight: 400;
    color: #fff;
    font-size: 15px
}

.bottom-strip h2 {
    font-weight: 400;
    color: #fff
}

.bottom-strip .col-md-9 {
    padding-left: 0
}

.bottom-strip .btn{background:#fff !important; color:#000 !important;}
.bottom-strip .btn *{ color:#000 !important;}



.a2a_floating_style{background-color: inherit !important;}

.a2a_svg{border-radius: 0px !important; }
.a2a_vertical_style a{padding: 0px !important;}
.a2a_svg{width: 35px !important; height: 35px !important;}

.a2a_floating_style, .a2a_overlay_style{padding: 0px !important; top: 158px !important;}


.goog-te-banner-frame{display:none !important;}
.goog-logo-link{display:none !important;}
.goog-te-gadget .goog-te-combo{background:#fff !important; font-size:14px !important; color:#000 !important; height:35px !important; margin:0px !important; position:relative; top:-5px;}
.goog-te-gadget .goog-te-combo option{ color:#fff !important; padding:15px 10px !important;}
.goog-te-gadget .goog-te-combo::-webkit-scrollbar{ width:3px !important;}
.goog-te-gadget .goog-te-combo option{background:#3c3c3c !important;}

#google_language_translator{ height:27px !important; overflow:hidden; position:relative; top:7px;}


table th{font-weight:600 !important;}


/*-------  ONLY FOR IE  -----------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.custom-hd{ width:100% !important; display:block !important;}
	.custom-hd span{display:none !important;}
	.row3 .custom-hd{ text-align:center !important;}
	.row4 .custom-hd{ text-align:center !important;}
	.testimonial .custom-hd{ text-align:center !important;}
	.video-section .custom-hd{ text-align:center !important;}
}