@charset "utf-8";
/* CSS Document */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

 body{  padding:0px 0px; margin:0px 0px; font-size:14px; font-family: 'Poppins', sans-serif;
  }
 .header { width: 100%; height: auto; 
 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; 
	top: 0; 

	z-index: 41!important;  position:fixed;

}


 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:none;

}




 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:none;
 }
 
 .logoC{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; overflow:hidden; margin-top:30px;}
 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto;   }
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}

.top-menu{ float:right;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-ou}









#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{ margin-bottom:0px;}

#cssmenu{  float:left; padding:0px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }

#cssmenu > ul > li{ font-weight:500; margin-left:0px; font-size:14px; padding-bottom:12px; 
}


#cssmenu > ul > li a{ padding:3px 17px; color:#59c34a; text-transform:uppercase; font-size:14px;


}







#cssmenu > ul ul{ overflow:hidden;}
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#fff}
#cssmenu > ul > li a.active{ font-weight:bold; background:#fff; border-radius:4px;}

#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}

#cssmenu > ul ul li a{ text-align:left;}
#cssmenu > ul > li a{ position:relative; }
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active .active-img{ display:block;}

#cssmenu > ul > li a{ text-align:center;}

#cssmenu > ul > li:first-child a{ margin-left:0px;}

.top-menu{  margin-top:10px;}
#cssmenu{ float:right;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.top-contact{ float:left;  padding:5px 10px;}
.top-contact h5{ float:left; display:tablel; font-size:14px; margin:5px 0px; font-weight:500; color:#000000;-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out}

 .header.scroll_css.top-contact h5{-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out}


.top-contact h5:nth-child(2){ margin-left:15px;}
.top-contact a{ color:#000000;}





.flt-left{ }

.top-Contact-1{  margin-right:10px; float:right;}

.top-Contact-1 ul{ margin:0px 0px; padding:0px 0px; list-style:none; padding-left:0px; float:left; display:table;}
.top-Contact-1 ul li{ float:left; margin-left:5px; }
.top-Contact-1 ul li a{ color:#000000;width:30px; height:30px; line-height:28px; border:1px solid #000000; text-align:center; border-radius:50%; display:block;}


.slider-area {
  position: relative; color:#FFF;




}

.custom-slider {position: relative;}

.layer-1 h2, .layer-2 h2 {

}
.layer-1 p, .layer-2 p { padding: 0;}
.layer-1 a, .layer-2 a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #999;

  font-weight: 600;
  margin-top: 40px;
  padding: 12px 35px 8px;
  text-transform: uppercase;
}
.nivo-caption a {
  display: inline-block !important;
}
.layer-1 a:hover, .layer-2 a:hover {

  color: #fff;

}
.slider-area .nivo-directionNav {display: none;}
.nivo-controlNav {
  bottom: 0;
  left:0%;
  position: absolute; text-align:left;
  right: 0%;
  z-index: 9;  display:block; max-width:1270px; margin:0px auto;
}
.nivo-controlNav a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  position: relative;
  text-indent: -9999px;

}
.nivo-controlNav a::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 6px;
}
.nivo-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
/*.slider-content .layer-1.layer-2 {

  margin-left:0%;
  margin-right: 8%;
  position: relative;
  width: 60%;
}*/
.layer-1.layer-3 p {  margin-right: 5%;}
.slider-area .slider-progress{
	background-color: rgba(50, 196, 209, .5);
}
.slider-area.style-2 .slider-progress {
  background-color: rgba(50, 196, 209, 0.2);
}
.slider-area.style-2  .nivo-directionNav {
  display: block;
}
.slider-area.style-2  .nivo-directionNav a {
  background: transparent none repeat scroll 0 0;
 
  color: #999999;
  cursor: pointer;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  width: 100px;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.slider-area.style-2 :hover .nivo-directionNav a {
    opacity: 1;
    right: 0;
}
.slider-area.style-2 :hover .nivo-prevNav {
    opacity: 1;
    left: 0;
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
 
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
    border-color: transparent;
}
/* slider-area.style-2 .nivo-controlNav */
.slider-area.style-2  .nivo-controlNav a {
width:4px; height:25px;

border: 1px solid #FFF; background:#FFF;
display: block;
margin-bottom: 5px;
margin: 25px 0px;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background: #000 ; width:4px; height:25px; top:0; left:0; border:none;
}
    
.nivo-controlNav a.active{ border:none!important;}



.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#ed1c24; }

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;  }

.nivo-controlNav{ bottom:30px;}

nivo-controlNav {
    bottom: 35%;
}
.nivo-controlNav {
    text-align: left;
    padding-left: 5%;
}
.nivo-controlNav {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 9%;
    z-index: 9;
}
.nivo-controlNav {
    padding: 15px 0;
        padding-left: 0px;
    text-align: center;
}



.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#FFF;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}







.nivo-directionNav{ display:none!important;}

.slideC{ color:#ed1c24; text-align:left; position:relative;  font-weight:bold; }

.slideC h1{font-size:33px; color:#ed1c24;  margin-top:28%; margin-bottom:0px; font-weight:900; 

 }
.slideC h2{  font-size:29px; font-weight:normal; color:#ed1c24; }






/*.slideC a{ font-size:16px; text-transform:uppercase; color:#0057a8; border-radius:3px; border:3px solid #fff;font-family: 'Pontano Sans', sans-serif; line-height:21px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.slideC a:hover{ background:#fff; color:#0057a8;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

*/
a:hover{ text-decoration:none;}

/*.nivo-controlNav{text-align:center; padding:0px;position:relative; z-index:19;}

.nivo-controlNav a{ margin:0px 25px;}

.nivo-controlNav{ margin:auto;}*/



.slider-content .layer-1 {
    margin-left: 0%; margin-top:30%;
    
}



.home-service{ background:#ebeaea; padding:55px 0px;}



.slide-logo{ float:left; margin-right:50px; display:table; }
.slide-logo img{ margin-top:7px; }
.slideC h1, .slideC h2, .slideC h3{ margin-left:60px;}


.slideC h1{  color:#59c34a; font-weight:bold; font-size:30px; margin:0px 0px; line-height:35px; margin-left:44px; }

.slideC h2{ font-size:30px; color:#fff; font-weight:normal; text-transform:normal;margin:0px 0px;line-height:45px; margin-left:44px;  }

.slideC h3{ font-size:48px; color:#59c34a; font-weight:bold;text-transform:capitalize; margin:0px 0px;line-height:35px;margin-left:44px;  }










.home-prodcts{ padding:50px 0px; background:#f3f7fd;}
.quality-products h2{ text-align:center; color:#5cc34d; font-size:28px; font-weight:bold;}
.quality-products h5{ color:#6c6c6c; font-size:14px; text-align:center; margin-bottom:60px;}


.q-product{ overflow:hidden; position:relative; }
.q-pro-img{ overflow:hidden; margin-bottom:20px;}
.q-pro-img img{ width:120%;}

.q-product h3{ position:absolute; bottom:0px; background:#59c34a; color:#FFFFFF; font-weight:bold;
 font-size:20px; left:25px; right:25px; display:block; padding:10px;}



.q-product h3{ height:62px;-webkit-clip-path: polygon(0 27%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 27%, 100% 0%, 100% 100%, 0% 100%);  color:#FFFFFF; padding:10px; background-size:100% 100%; }



.q-product h3{
  display: inline-block; line-height:60px;
  
  transition:color 0.6s ease;
}



.q-product h3:after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 0;
  height: 100%;
  background-color:#4c4c4c;
  transform-origin:left;
  transition:width 0.6s ease;
  z-index:-1;
}

.q-product:hover  h3:after {
  width: 100%;
}
.team-C:hover .team-title {
  color:white;
}




.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #59c34a 0%, #05abe0 100%);
  background: linear-gradient(45deg, #59c34a 0%,#000000 100%);
}


.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
/*  -webkit-transform: translate3d(-40px,0,0);
*/ 
 transform: translate3d(-10px,0,0);
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.q-product:hover .hovereffect img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.q-product:hover  .hovereffect .overlay:before {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.latest-pro{ overflow:hidden; margin-top:80px; display:block;}
.latest-pro h2{ font-size:30px; position:relative; padding-left:12px; padding-top:27px; font-weight:bold; margin:0px 0px 50px; }
.latest-pro h2:before{ position:absolute; left:0; height:55px; width:8px; background:#59c34a; content:'';top:0;}
.latest-pro h2 span{ color:#59c34a;}

.latest-products{ overflow:hidden; background:#fff; padding:30px; border-radius:10px; margin-bottom:30px;}


.latest-products{
 transition:all .5s ease 0s
}
.latest-products:hover {
 box-shadow:0 15px 33px rgba(0,0,0,.2);
 transform:translateY(-10px);
 transition:all .5s ease 0s
}


.latest-products h3{ font-size:24px; color:#59c34a; margin:0px 0px 10px; font-weight:600;}
.latest-products h4{ font-size:14px; color:#6c6c6c; margin:0px 0px;}
@import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&display=swap');

.latst-pr-txt p{ font-size:14px; line-height:22px;font-family: 'Arsenal', sans-serif;
}

.green-btn{ background:#59c34a; line-height:12px; color:#fff; padding:10px; border-radius:4px; overflow:hidden; display:table; position:relative; padding-right:35px; transition:all .5s ease 0s}

.green-btn:hover{ transition:all .5s ease 0s; background:#f3f7fd; color:#000;}
.green-btn b{ font-size:15.6px;}
.green-btn span{ font-size:9.8px;}

.pls{ font-size:36px!important; right:10px; position:absolute; font-weight:200; top:17px;}



.bottom-sect{ padding:50px 0px 60px; position:relative;}

.bottom-sect h2{ font-size:30px; position:relative; padding-left:12px; padding-top:27px; font-weight:bold; margin:0px 0px 50px; }
.bottom-sect h2:before{ position:absolute; left:0; height:55px; width:8px; background:#59c34a; content:'';top:0;}
.bottom-sect h2 span{ color:#59c34a;}


.pro-C{ overflow:hidden;margin-bottom:12px;}
.pro-C img{ }
.pro-C img{ width:100%;

}

.feature-img{ overflow:hidden;}
.feature-img img{ width:100%;}

.home-abt{ position:relative; z-index:2; color:#fff; margin-top:80px;}



.home-abt{}

.home-abt p{ font-size:14px; line-height:18px; font-weight:lighter;font-family: 'Arsenal', sans-serif;}
.abt-txt{ margin-bottom:20px;}
.vs{ margin-bottom:20px;}
.home-abt h3{ font-size:18px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; margin:0px 0px 20px;}

.green-bg{ position:absolute; right:0; background:#59c34a; min-height:470px; top:125px; overflow:hidden; width:65%; z-index:1; }


.pro-s{ position:relative; z-index:2; margin-top:0px;}
.pro-s .row{ margin:0px -6px;}
.pro-s .col-lg-6{ padding:0px 6px;}


.pras .col-lg-4 { flex: 0 0 40%; max-width: 40%;}

.pras .col-lg-8 { flex: 0 0 60%; max-width: 60%;}

.blk{ background:#000;}

.mr-tp{ margin-top:20px;}


.footer{ padding:30px 0px; color:#FFFFFF; background:#282727;}

.footer h3{ font-size:18px; margin:0px 0px 25px; color:#59c34a; font-weight:normal;}

.footer ul{ margin:0px 0px; padding:0px 0px; list-style:none;}

.footer ul li{ line-height:22px;font-family: 'Arsenal', sans-serif; font-size:15px;}
.footer ul li a{ color:#918f8f}

.footer  h4{ font-size:18px; color:#918f8f; margin-bottom:35px; margin-top:20px;}
.footer  h4 .fa{ color:#59c34a; margin-right:10px;}

.em{ margin-left:15px; border-left:2px solid #918f8f; padding-left:15px;}

.em a{color:#918f8f;}


.adr{ background:#000000; color:#FFFFFF; padding:10px 25px; border-radius:30px; display:table; float:left; margin-right:15px;}
.adr p{ margin-bottom:0px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.adr p .fa{ margin-right:10px;}


.footer-social{ float:left; margin-top:5px;}
.footer-social h5{ float:left; color:#59c34a; font-size:22px; margin-right:15px;}
.footer-social ul { list-style:none; margin:0px 0px; float:left; display:table;}
.footer-social ul li{ float:left; margin-right:10px; }
.footer-social ul li a{ color:#59c34a;}
.footer-social ul li{ float:left; margin-right:8px; font-size:23px;}
.footer-logo{ overflow:hidden; margin-top:30px;}
.footer-logo img{ width:100%;}


.copy-right{ background:#201f1f; padding:25px 0px;}
.copy-right p{ margin-bottom:0px;font-family: 'Arsenal', sans-serif;color:#918f8f}
.copy-right p img{ margin-left:10px;}





/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}

.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}


/*********************** Demo - 4 *******************/
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#aa8b54;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}





/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:15px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#59c34a;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}




.box-content .post{ text-align:center; text-transform:uppercase; font-size:20px;}




/*inner*/

.banner{ overflow:hidden;}
.banner img{ width:100%;}

.innerC{ background:#f3f7fd; padding:40px 0px;}

.page-title h1{

    font-size: 30px;
    position: relative;
    padding-left: 12px; text-transform:uppercase; color:#59c34a;
    padding-top: 27px;
    font-weight: bold;
    margin: 0px 0px 35px;
}

.page-title h1:before {
    position: absolute;
    left: 0;
    height: 55px;
    width: 8px;
    background: #59c34a;
    content: '';
    top: 0;
}


.inner-list{ margin-bottom:30px;}
.inner-list h2{ position:static; font-size:22px; color:#000; text-align:center; margin:10px auto; font-weight:700; text-transform:capitalize;}

.inner-list a{ display:table; margin:0px auto; margin-top:8px;}
.inner-list a:hover{ background:#5f5f5f; color:#FFFFFF;}

.page-title h1 span{ font-size:22px; color:#000000;}


.bk-btn{ font-size:15px; color:#FFFFFF; text-transform:uppercase; background:#59c34a; padding:7px 10px; border-radius:4px; float:right; margin-top:10px;transition:all .5s ease 0s;}

.bk-btn:hover{transition:all .5s ease 0s; background:#444444; color:#fff;}

.page-title h6{ display:inline; font-size:17px; font-weight:normal; color:#4a4848; text-transform:capitalize;}

.pro-dtl .green-btn{ text-align:center;}

.pro-dtl .green-btn:hover{background:#444444; color:#fff;}

.pro-form button{ border:none;}


.pro-form{ margin:40px 0px;}
.pro-form label{ font-size:14px; color:#7c7c7c;}
.pro-form input{ width:100%; height:42px; padding-left:10px; border:1px solid #d7d7d7; border-radius:10px; margin-bottom:15px;}
.pro-form  textarea{width:100%; height:120px; padding:10px; border:1px solid #d7d7d7; border-radius:10px;margin-bottom:15px;}

button{ cursor:pointer;}

.pro-dtl-slider{ float:right; width:80%;}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-indicators li{ background:#59c34a; width:17px; height:17px;}


.pro-dtl h3{ font-size:24px; color:#59c34a;}

.pro-dtl p{ font-size:17px; line-height:25px;font-family: 'Arsenal', sans-serif; color:#000000;}

.pro-dtl label{ font-size:14px; color:#7c7c7c;font-family: 'Arsenal', sans-serif;}
.pro-dtl label sup{ color:#FF0000;}

.pro-form h4{ text-transform:uppercase; font-weight:bold; color:#000000; margin:0px 0px 20px; font-size:24px;}


.innerC .q-product{ margin-bottom:35px;}





.mega-menu{
 
    margin-left: 10px;
    top: 27px!important;
    background:rgba(64, 173, 48, 0.9)!important; margin-left:-900px!important;
	    padding: 10px 20px!important; min-height:440px; padding:10px;
		    width:1226px!important; display:none;
    margin-left: 10px;}
/*	.sub-01:hover .mega-menu{ display:block;}
*/	

/*position:static!important; opacity:1!important;*/
/*.mega-menu{overflow: hidden;
   width:1244px!important;
    margin-left: 10px; left:-953px!important; 
    top: 27px!important;
   background:#08423b!important; 
	    padding: 30px !important;
		     background:#ccc; min-height:400px;-webkit-box-shadow: 0px 9px 13px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 9px 13px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 9px 13px 0px rgba(50, 50, 50, 0.35); display:none;}
.sub-01:hover .mega-menu{ display:block;}*/



/*.scroll_css .mega-menu{  top: 19px!important;}*/
	
	    .mega-menu li{ width:33%!important;}
		 .mega-menu  ul{ display:block; width:100%;}
		
		
	.mega-menu ul{ position:static!important; display:block; opacity:1; float:none;}		
	.mega-menu ul ul{ position:static!important; display:block; opacity:1; float:none}	
	
	.mega-menu li{ float:left;font-size:16px!important;}
		.mega-menu li ul li{ float:none; width:100%!important; }
		
		.mega-menu li a:after{ display:none!important;}
	
.mega-menu ul{ margin-left:0px!important; background:none!important;}

























@keyframes growDown {
  0% {
    transform: scaleY(0)
  }
  80% {
    transform: scaleY(1.1)
  }
  100% {
    transform: scaleY(1)
  }
}









#cssmenu ul ul  {

	
	animation-duration:0.7s;

}
#cssmenu ul  li:hover ul{

			
 animation: growDown 300ms ease-in-out forwards;
 animation-duration:0.7s;			
}




@keyframes growDown {
  0% {
    transform: scaleY(0)
  }
  80% {
    transform: scaleY(1.1)
  }
  100% {
    transform: scaleY(1)
  }
}



#cssmenu ul ul ul  {

	
	animation-duration:0.7s;

}
#cssmenu ul ul li:hover ul{

			
 animation: growDown 300ms ease-in-out forwards;
 animation-duration:0.7s; opacity:1;			
}

.mega-menu{
 
   margin-left:-785px!important;}
   
    .mega-menu  li{ width:20%!important;}  
	
	   .mega-menu  ul { border:1px solid #fff; display:block; overflow:hidden; }
   .mega-menu  ul li{ width:100%!important;}
   
       .mega-menu  b{ text-transform:uppercase; font-size:17px; text-shadow:1px 1px #333;}
	   
	   #cssmenu ul ul li a{ border-bottom:1px solid #65cf56; width:90%; position:relative; padding-left:15px; font-size:12.5px;transition:all .5s ease 0s;}
	   
	   
	   #cssmenu ul ul li a:hover{ margin-left:10px;transition:all .5s ease 0s; color:#CCCCCC;}	   
	   	   #cssmenu ul ul li a:before{ position:absolute; left:2px;font-family:FontAwesome;content:'\f101';}
		   
		   
#cssmenu>ul ul {
    margin-top: 11px;
}

/* .header.scroll_css #cssmenu>ul ul {
    margin-top: 18px;
}
*/






.about-image2{ overflow:hidden; background:url(../images/about-image-bg.jpg); padding-left:30px; background-size:auto 100%;}
.about-image2 img{ max-width:100%; float:right; border:5px solid #fff;}

.cms p{ font-size:14px; line-height:25px;}
.abt h2{ font-size:40px; font-weight:bold; margin:30px 0px 10px; text-transform:uppercase;}

.abt h3{ font-size:20px; font-weight:normal; margin:0px 0px 20px; text-transform:uppercase;}
.abt h4{ font-size:18px; font-weight:normal; margin:40px 0px 20px; }

.abt h5{ display:table; font-size:18px; font-weight:normal; margin:30px 0px 20px; text-transform:uppercase; border-top:1px solid #e5e5e5; padding-top:20px;}




.cor-val{ margin:60px 0px; background:#201b18; color:#FFFFFF;}


.cor-img{ overflow:hidden; width:100%;}
.cor-img img{ width:100%;}

.cor-txt{ margin:100px 40px; margin-top:140px;}
.cor-txt h3{ font-size:25px; font-weight:normal; margin:0px 0px 20px;}


.md-msg {
    background: #fff;
    padding: 20px;
    margin: 30px 0px;
}.md-msg {
    overflow: hidden;
}

.ceo-img {
    overflow: hidden;
    border: 10px solid #f3f7fd;
}

.md-msg img {
    width: 100%;
}

.md-msg h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 0px;
    text-align: center;
}



/*contact*/



.enqC{ background:url(../images/home-inq.jpg); padding:20px; color:#FFFFFF; background-size:100% 100%;}

.enqC h3{ font-size:25px; margin:0px 0px 15px; font-weight:normal; text-transform:uppercase;}

.enqC h4{ font-size:14px; margin:0px 0px 35px; font-weight:normal; text-transform:uppercase;}

.textBox{ width:100%; background:none; border:none; border-bottom:1px solid #333333; height:40px; margin-bottom:20px; padding-left:10px; color:#FFFFFF;}
.textArea{ width:100%; background:none; border:none; border-bottom:1px solid #333333; height:90px; margin-bottom:20px; padding-left:10px; color:#FFFFFF;}

.arrow-btn{ border:none; float:none; margin:15px 0px;color:#007dc0; background:#fff;}



.hm-address{ margin:50px 0px 0px 30px;}

.hm-address h2{ font-size:25px; font-weight:900; margin:0px 0px 20px; text-transform:uppercase;}
.hm-address h3{ font-weight:normal; font-size:18px; margin:0px 0px 10px;}
.hm-address h4{ font-size:12px; text-transform:uppercase; background:#fff; padding:10px 20px; display:table; color:#533f3f; font-weight:bold;}

.hm-address p{ font-size:16px; margin-top:40px;}
.hm-address h5{ font-size:17px;}
.hm-address h5 a{ color:#FFFFFF;}



.social-media{ line-height:normal; margin:20px 0px  0px 30px; padding:0px 0px; list-style:none;}
.social-media li{ float:left; margin-right:15px; font-size:20px;}

.social-media li a{ color:#FFF;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.inner-form {
    background: url(../images/contact-bg-2.jpg);
    background-size: 100% auto;
}
.arrow-btn{background:#59c34a; color:#FFFFFF; padding:10px 25px; border-radius:20px; margin:5px 0px; display:table; margin-top:20px;}

.arrow-btn{ cursor:pointer;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.arrow-btn:hover{ background:#277f1a; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }

 .mp{ margin-top:25px;}
 .mp h3{ text-transform:uppercase; font-size:25px; margin:0px 0px 20px; font-weight:900;}
 
 
 .dwd-C{ overflow:hidden; margin-bottom:30px; border-radius:5px;}
 .dwd-img{ overflow:hidden; text-align:center; background:#fff;}
 .dwd-img img{ width:70%;}
 
  .dwd-bx{ border-bottom:1px solid #fff;  margin-bottom:25px;}
 .dwd-bx h2{ font-size:20px; margin:0px 0px 20px;}
 .dwd-C h3{ font-weight:500; text-transform:capitalize; padding:25px 15px; text-align:center; background:#fff; font-size:14px; margin:0px 0px; background:#e5ebf4;}
 
 .dwd-C{
 transition:all .5s ease 0s; position:relative;
}
 .dwd-C:hover {
 box-shadow:0 15px 33px rgba(0,0,0,.2);
 transform:translateY(-10px);
 transition:all .5s ease 0s
}

 .dwd-C .fa{ position:absolute; top:20px; right:20px; color:#fb2132; font-size:35px;}

 .dwd-bx a{ color:#666666;}
 
 .latest-pro-img{overflow:hidden; max-height:212px;}
 
 .latest-pro-img img{width:100%;}
 
 
 .hovereffect img{margin-bottom:-1px;}
 
 .latst-pr-txt{ min-height:40px;overflow:hidden;}
 
 
 .pdf{overflow:hidden; display:block}
  .pdf a .fa{ margin-left:5px;}
 
 
  .pdf a{margin:20px auto; display:table; font-weight:normal;padding-right:10px;}
  
  
  
  .box-content .post{ font-size:14px;}
  
.innerC .q-product h3{ position:static; font-size:14.5px; font-weight:normal; padding:10px 27px; height:auto;clip-path:none;  display:block;overflow:hidden;
  line-height:normal;}
  .q-pro-img{margin-bottom:5px;}
  
  
  
.innerC .q-product h3 {
  display: table;
  height: 65px;
  width: 100%;
  text-align: center;
}
.innerC .q-product h3 span {
  display: table-cell;
  vertical-align: middle;
}
  
  
@media (min-width:700px) and (max-width:1260px) {


.mega-menu{
 
   margin-left:-700px!important;
	    padding: 20px 0px !important; min-height:300px; padding:30px;
		    width:1100px!important; display:none;
    margin-left: 10px;}
	
	
	.nivo-caption h1 { font-size:25px;}
	
	
.nivo-caption h2{ font-size:14px;}
.nivo-caption h3{ font-size:12px;}


}

@media (min-width: 1300px) {
.container {max-width: 1295px;

}
}



#cssmenu ul ul li{height:25px;}

.footer-logo{ margin-top:60px; width:70%;}



@media all and (max-width: 760px) {
    
.footer-logo{ margin-top:10px; }

.bannerC{ margin-top:44px;}
 #cssmenu > ul > li a.active{color:#930033!important;}
	
	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px; text-align:left;}
#cssmenu > ul > li a{ padding:8px!important; text-align:left;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#404040;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:15px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; color:#f039a7!important;}
#cssmenu > ul > li a{ padding-left:18px!important;}
/*#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}*/

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:32px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}
#cssmenu > ul > li a.active{color:#b5b5b5!important;}


#cssmenu > ul > li a:hover{color:#930033;}

.header .social-media li{ margin-right:5px;}


.logoC img{ width:100px!important; margin:1px 0px!important;}

.nivo-caption h1{ font-size:15px;}
.nivo-caption h2{ font-size:14px;}
.nivo-caption h3{ font-size:12px;}
.top-cts{ display:none;}

.slider-content .layer-1.layer-2{ left:0; width:auto;}



#cssmenu > ul > li a{ padding-left:15px!important;}
#cssmenu > ul > li a{ margin-left:0px!important;}
.pageTitle h1{ font-size:25px;}


.logoC{ margin:0px 0px!important; position:relative; z-index:170;}
.logoC img{ max-width:70px!important;}
.top-Contact-1 ul li a{ width:20px; height:20px; line-height:20px; font-size:12px;}

.top-menu{ margin-top:0px!important; margin-right:35px!important;}
.top-menu h5{ margin:0px!important;}

.top-Contact-1 ul{ display:none;}

.header{ background:#fff!important; padding:10px 0px!important;}
#cssmenu {
    margin-top: 7px !important;
}
.top-contact { padding:0px 0px;}
.top-contact{ margin-top:4px;}
#cssmenu > ul > li a.active{ background:none;}

.home-service{ padding:25px 0px;}
.main-title h2{ font-size:20px;}
.main-title h2::after{ top:6px;}
.count-bx{ margin-bottom:25px; overflow:hidden;}
.cnt-txt h4{ font-size:17px;}
.cnt-txt h3{ font-size:35px;}
.cnt-ic{ width:50px; overflow:hidden;}
.cnt-ic img{ width:100%;}
.cnt-txt{ margin-top:0px;}
.vs-icon{ overflow:hidden; width:100px; margin:10px 0px; display:table;}
.vs-sec h3{}

#intro1{background-size: 200% 112%;}
.client-sec h2:after{ display:none;}

.cl-logo {    border: 1px solid #adadad!important;}
	
	.lg-out{ width:55%; overflow:hidden; margin-bottom:25px;}
	
.footer ul{ margin-bottom:35px;}

.mr{ margin-bottom:30px;}	

.des li{ margin-bottom:50px;}
.sub-des li {
    margin-bottom: 26px;}
	
	
	.des li{ float:none;}
	.des::after{ display:none;}
.org-chart h3::after{ height:30px;}
.des{ margin-top:53px;}


.page-title h1{ font-size:18px
;}
.page-title h1::after { top:5px;}
.qt-img{ margin-bottom:15px;}


.project-bx{ padding:15px;}

.ad .col-lg-5 {

    flex: 0 0 10%;
    max-width: 100%;


}


.ad .col-lg-7 {

    flex: 0 0 10%;
    max-width: 100%;


}

.red-box{ padding:30PX;}
.c-details{ margin:15px auto; float:none;}

.c-details h4:after{ display:none;}
.textBox{ margin-bottom:15px;}

.textArea{ margin-bottom:25px;}

.footer-logo{ margin-bottom:0px;}

#cssmenu ul ul{ background:none!important;}


.slider-content .layer-1 {     margin-top: 18%;}

.slide-logo img {
    margin-top: 7px;
    width: 26px;
}


.nivo-caption h1 {
    font-size: 24px;line-height:20px; margin-bottom:8px;
}

.nivo-caption h2 {
    font-size: 18px; line-height:20px;
}

.nivo-caption h3 {
    font-size: 18px; line-height:20px;}
	
	
.slide-logo img { margin-top:0px;}	
	
.slideC { margin-top:40px;}	
	.quality-products h2{ font-size:22px;}
	
	.home-prodcts{ padding:30px 0px;}
	
	
.pras .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
	
	
.pras .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
}

.home-abt{ background:#59c34a; padding:20px; margin:20px 0px;}


.box3 {
    margin-bottom:10px;
}

.bottom-sect{ padding:25px 0px;}

.em{ display:block; margin-left:0px; padding-left:0px; border:none; margin-top:15px;}
.em:before{ display:none}
.adr{ margin-bottom:20px;}
		.footer h4{ margin-top:0px;}
	
	
	
.latest-pro h2{
  font-size: 21px;
  position: relative;
  padding-left: 12px;
  padding-top: 27px;
  font-weight: bold;
  margin: 0px 0px 30px;
}		
.latest-pro h2::before { height:50px;}	

.bottom-sect h2 {
  font-size: 21px;
  position: relative;
  padding-left: 12px;
  padding-top: 27px;
  font-weight: bold;
  margin: 0px 0px 30px;
}		

.bottom-sect h2::before { height:50px;}


.latest-pro{ margin-top:40px;}

.page-title h1{ margin-bottom:20px;}
.bk-btn { margin-bottom:20px;}
.page-title h1 span {
    font-size: 16px;
    color: #000000;
}


.pro-dtl-slider { float:none; margin:20px auto; display:table;    width: 80%;
}

.banner {
    overflow: hidden;
    margin-top: 39px;
}


.mega-menu{margin-left:0px!important; width:100%!IMPORTANT; min-height:50px!important; overflow:hidden;    margin-bottom: -21px!important;}

.fix-height{ max-height:450px; overflow-y:scroll;}

.mega-menu b {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    text-shadow: 1px 1px #333;
}

#cssmenu ul ul ul li a {
    font-size: 12px;
    text-transform: capitalize;
    padding-left: 40px!important;
}

.mega-menu li {
    float: left;
    font-size: 12px!important;
}


.inner-form{ background:#797b7e;}

.hm-address{ padding:0px; margin:35px 0px;}

.social-media {

  overflow: hidden;
  margin-left: 0px;
}

.hm-address h2 {
  font-size: 18px;

  margin: 0px 0px 15px;

}

.mp h3 {
  text-transform: uppercase;
  font-size: 19px;
  margin: 30px 0px 10px;
  font-weight: bold;
}

.green-bg{display:none;}


.nivo-controlNav{ margin-bottom:0px;}


.slider-area.style-2 .nivo-controlNav a {
  width: 4px;
  height: 15px;

  margin-bottom: 5px;
  margin: 14px 0px;
}


.nivo-controlNav{ margin-bottom:4px; bottom:0px;}

.slider-area.style-2 .nivo-controlNav .active {
  width: 4px;
  height: 15px;

  margin-bottom: 5px;
  margin: 14px 0px;
}

.latest-pro-img{ max-height:none;}


.slideC h1{ margin-left:0px;}
.slideC h2{ margin-left:0px;}
.slideC h3{ margin-left:0px;}

}


.nivo-caption{opacity:1;}