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

#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0 0 -2px;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:150}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button,#cssmenu ul ul li.has-sub>a:before{display:none}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li>a{text-decoration:none;transition:.5s}#cssmenu>ul>li:hover>a{transition:.5s}#cssmenu ul ul{margin-top:0}#cssmenu.align-right ul ul{text-align:right}#cssmenu ul ul li{transition:.25s;margin-bottom:11px;padding:0;width:200px;text-transform:capitalize!important;position:relative;height:30px}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{left:auto;right:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul ul li.has-sub>a:after{top:16px;right:7px;width:8px;height:2px}#cssmenu>ul>li.has-sub>a{padding-right:10px}#cssmenu>ul>li a{border:none}#cssmenu>ul ul li a{border:none;padding-bottom:10px!important}#cssmenu>ul>li a:hover{color:#08693f}#cssmenu>ul ul{margin-top:14px}#cssmenu>ul ul li a:hover{background:0 0;transition:.5s}#cssmenu ul{padding:0}#cssmenu ul ul{top:50px;opacity:0;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s}#cssmenu ul ul ul{margin-left:100%;top:0;opacity:1;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s;background:#492b2d;margin-top:0}#cssmenu>ul>li:hover>ul{left:auto;top:20px;opacity:1}#cssmenu ul ul li a{border-bottom:1px solid rgba(143,143,143,.5);border-bottom:none;padding:11px;text-transform:capitalize;font-size:12px;color:#fff;-webkit-transition:.35s;margin:0!important;-moz-transition:.35s;-ms-transition:.35s;-o-transition:.35s;transition:.35s}#cssmenu ul ul li.has-sub::after{right:10px;top:12px;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition:-webkit-transform .2s,right .2s}@media all and (max-width:900px){#cssmenu #menu-button,#cssmenu .submenu-button{position:absolute;right:0;display:block;cursor:pointer}#cssmenu,#cssmenu .submenu-button.submenu-opened{background:0 0}#cssmenu ul li a{color:#fff!important}#cssmenu .submenu-button.submenu-opened:before,#cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{display:none}#cssmenu ul ul li{width:100%!important;margin-bottom:0}#cssmenu ul{width:100%;margin-top:0;padding:0 10px}#cssmenu.align-center>ul{text-align:left}#cssmenu ul li{width:100%}#cssmenu li:hover>ul>li,#cssmenu ul ul li{height:auto}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;padding-bottom:17px!important;padding-top:8px}#cssmenu ul ul ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu #menu-button:after,#cssmenu #menu-button:before{right:8px;width:30px;content:'';position:absolute}#cssmenu #menu-button{padding:17px;color:#ddd;font-size:12px;text-transform:uppercase;font-weight:700;width:46px;border-radius:4px}#cssmenu #menu-button:after{top:16px;display:block;height:8px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}#cssmenu #menu-button:before{top:10px;display:block;height:2px;background:#ddd}#cssmenu ul ul .submenu-button{height:34px;width:34px}#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:''}#cssmenu ul ul .submenu-button:after{top:15px;right:13px}#cssmenu .submenu-button.submenu-opened:after{content:'\f068';font-family:FontAwesome;color:#fff}#cssmenu .submenu-button:before{position:absolute;top:19px;right:19px;display:block;height:8px;content:'\f067';font-family:FontAwesome;color:#fff}#cssmenu ul ul .submenu-button:before{top:12px;right:16px}#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{top:11px}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{z-index:auto}#cssmenu{position:fixed;z-index:160;right:15px;width:91.5%;border-radius:2px}ul.socialMedia{float:left}#cssmenu>ul>li>a{padding-bottom:15px}#cssmenu ul ul{padding:0;opacity:1}#cssmenu ul ul li a{background:0 0;font-size:12px;padding-bottom:5px;padding-left:20px!important}#cssmenu .submenu-button{z-index:99;top:0;height:38px;border:none}#cssmenu>ul ul{top:0;margin-top:0}}@media (min-width:768px) and (max-width:1024px){.sliderC{margin-top:0}#cssmenu #menu-button{right:14px}.addressBox{height:120px}@media (min-width:603px) and (max-width:966px){#cssmenu>ul>li a{padding:10px 13px!important}.addressBox h6{font-size:13px}}}@media (max-width:760px){#cssmenu .submenu-button{width:50px}#cssmenu ul ul{background:#404040!important;top:0!important}#cssmenu ul ul li{width:100%!important}.spcificHeight{height:400px!important;overflow-y:scroll!important}#cssmenu>ul>li{padding:0;padding-bottom:0!important}#cssmenu>ul>li a{padding:10px!important}#cssmenu #menu-button{background:#dadada;border:1px solid #fff}#cssmenu #menu-button::before{background:#7b8284}#cssmenu #menu-button::after{border-bottom:2px solid #7b8284;border-top:2px solid #7b8284}}


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



body {margin: 0;padding:0px 0px;color:#333;  font-size:14px; line-height:20px;   font-family: "Poppins", sans-serif;

 }

p{ font-weight:400;}
.header{ width: 100%; height: auto; 

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

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

}


.logoC {
   
  overflow:hidden; margin:10px 0px; 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}
.logoC img{ max-width:152px; 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

















.sliderC{ overflow:hidden;}
.sliderC img{ width:100%;}
 
 
 
 
#cssmenu{  float:left; padding:12px 0px 0px; margin-top:22px;font-family: 'Poppins', sans-serif;

}

#cssmenu > ul > li{font-size:13px; text-transform:uppercase;  margin-left:20px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{  font-weight:400;   padding-bottom:10px;  color:#fff; }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#69b345;}
#cssmenu > ul > li a.active{ color:#69b345!important; font-weight:bold; /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}
#cssmenu > ul > li a{ position:relative; padding-bottom:10px;}
.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{  }



#cssmenu{ float:right;  }


#cssmenu > ul ul li a{ border-bottom:1px solid #05312c;}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 1.5s;
 transition-property: opacity;
}

.banner-caption{ text-align:left; max-width:50%; color:#00617a;}





.slideC img{ width:100%;}




.projrct-product-img{ overflow:hidden; position:relative;}
.projrct-product-img img{ width:100%;}


.sliderC .container-fluid{ margin:0px 0px; padding:0px 0px;}
.sliderC .row { margin:0px 0px;}
.sliderC .col-lg-8{flex: 0 0 70%; padding:0px 0px;
max-width: 70%;}

.sliderC .col-lg-4{flex: 0 0 30%; padding:0px 0px;
max-width: 30%;}


.sliderC .carousel-item img{ width:100%;}

.slider-bottom{ position:absolute; bottom:0; color:#FFFFFF;  background:rgba(147, 73, 135, 0.5); left:0; right:0; width:100%; padding:50px 0px; color:#FFFFFF; z-index:10;}


.slider-bottom h4{ font-size:12px; margin:0px 0px;}


.sliderC .carousel-caption{ text-align:left; left:12%; right:12%;  }

.home-captionC{ text-align:center; position:relative; padding-top:4.5%;}
.home-captionC img{  text-align:center; width:auto!important; position:absolute; left:0; right:0; margin:0px auto; top:0;}



.sliderC { position:relative;}
.sliderC   h1{ font-size:96px; margin:5px 0px;}

.cap-inner{ position:relative;}

.slider-btm-overlay{ background:rgba(0, 0, 0, 0.5); position:absolute; bottom:0; min-height:70px; width:100%; left:0; right:0;}




/*nivo -slider*/




.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%;}



a:hover{ text-decoration:none;}





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









.sld-cap{ text-align:center;}
.sld-cap h1{ font-size:96px;}
.nivo-caption{ color:#FFFFFF;}

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

.nivo-caption{opacity:1;}


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











.sld-cap{ text-align:left; color:#fff;}

.sliderC  h2{ font-size:58px; font-weight:400; text-transform:uppercase; margin:0px 0px 0px;  
}



.sliderC  h3{ font-size:58px; text-transform:uppercase; }

.sliderC  h3 span{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; }
	
.sliderC  h4{ font-size:58px; text-transform:uppercase; }

.sliderC  h4 span{ -webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; }

.sliderC p{}


.slider-txt{ width:40%;}


.cap-inner .more-btn{ font-size:14px;  letter-spacing:7px; padding:15px 25px; background:#fff; color:#000000; font-weight:normal;}

a{ text-decoration:none;}

.cap-inner  a:hover{-webkit-transition: all .6s ease-in-out; background:#444444;}
.cap-inner img{ margin-left:10px; margin-right:2px;}
.cap-inner img{ width:auto;}


.cap-inner img{ position:static;}

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

.cap-inner  a:hover img {
  transition: transform .7s ease-in-out;
}
.cap-inner  a:hover img {
  transform: rotate(360deg);
}











.menu-btn{ float:right; margin-left:10px; cursor:pointer;}

.menu-icon{  cursor:pointer; margin-top:10px; }

.menu-btn .fa{ font-size:30px;}


 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1500;
    top: 0;
    right:0px;
    background-color:#848484; 
    overflow-x: hidden;
    transition: 0.4s;background:url(../images/menu_banner.jpg) ;background-size:100% auto; 
    
}

.sidenav a {

    text-decoration: none;

    color: #818181;
  line-height:40px;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    margin-left: 0px; color:#000; background:#ffff; width:50px; height:50px;  z-index:20; text-align:center; 
}


.sidenav .closebtn span{ margin-top:5px; text-align:center; display:table; text-align:center; margin:6px auto;}
.sidenav ul{ margin:0px 0px; padding:0px 0px; list-style:none; float:none; text-align:left;}
 .sidenav ul li a{ color:#FFF;padding-left:0px; }
 
 .sidenav ul li  .active{ border-bottom:3px solid #F00; display:table;}
 
 .closebtn{}
 

 

.menu-inner{  color:#525252;}


.menu-inner ul{ font-size:16px; padding:20px;}
.menu-inner ul li{ float:none; width:100%;}
.menu-inner ul li a{ padding:10px;border-bottom:1px solid #484848; text-align:left; padding:0px;}




.menu-inner .socialMedia li{ width:auto; line-height:40px; float:left; margin-right:10px; text-align:center; width:40px; height:40px; border:none; border-radius:0px;}
.menu-inner .socialMedia  a{ border:none;line-height:40px;}
.menu-inner .socialMedia  .fa{line-height:40px; text-align:center;}




.full-width-menu{  padding:20px 0px; color:#fff; position:relative;}

.sep-line{ position:absolute; width:1px; height:100%; background:#FFFFFF; opacity:0.5; right:27%; top:0; bottom:0;}

.sep-line-2{ position:absolute; width:100%; height:1px background:#FFFFFF; opacity:0.5; right:30%; top:0; bottom:0;}

.menu-logo{ overflow:hidden; margin-bottom:40px;}
.menu-logo img{ max-width:100%;}

.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

}

 span.menu-icons {

    font-size: 26px;

    height: 20px;

    width: 22px;

    float: left;

    margin: 6px 12px 10px 12px; display:none;

    color: #4c4c4c;

}

span.the-btn {

    float: right;

    font-size: 13px;

    height: 30px; position:absolute; top:6px; right:0;

    width: 43px; height:39px;  text-align:center; line-height:39px;



    padding:0;

    color: #fff; 
}

span.the-btn .fa{ margin-top:14px;}



.full-width-menu {  padding-top:100px; font-size:15px;}



.adress ul{ margin:0px 0px; padding:0px 0px; list-style:none; margin-bottom:10px}
.adress li { font-size:16px; font-weight:bold; margin-bottom:6px;  line-height:normal;}
.adress b{ font-weight:900; font-size:15px;  }

.loc-2{ overflow:hidden;}
.loc-2 ul{}

.adress li{ text-decoration:none!important;}
.adress li a{ text-decoration:none!important; color:#FFF!important;}

.full-width-menu .socialMedia li{ padding:00px; opacity:1; text-align:center; background:none!important; float:left; margin-right:10px;border:1px solid rgba(255, 255, 255, 0.5); width:40px; height:40px; border-radius:50%; overflow:hidden; }
.full-width-menu .socialMedia li a{ opacity:1; display:block;}
.full-width-menu .socialMedia li .fa{ line-height:40px;}
.full-width-menu .socialMedia{ margin-bottom:30px; margin-top:20px; overflow:hidden;}
.full-width-menu .socialMedia li a:hover{ background:#ffffff; color:#000000; opacity:1;}



  
  .full-width-menu .row{ margin:0px -2px;}
  .full-width-menu .col-12{ padding:0px 2px;}
  




.tp{ padding-left:100px;}
.tp ul li a{ font-size:18px; margin-bottom:25px; text-transform:uppercase; font-weight:bold;}





.sidenav .social-media li a{ font-size:20px;}
.social-media{}
.social-media li{ float:left; margin-left:0px; margin-right:10px;}
.social-media img{ max-width:50px;}

#cssmenu>ul>li {
    float: none;
}
#cssmenu>ul>li { margin-left:0px;
}

#cssmenu { float:none;
}
.sidenav ul li .active {
    border-bottom: 3px solid #F00;
    display: table;
}

@media (min-width: 1300px) {

.container {max-width: 1290px;}


}

/*new*/

.header-right{ float:right; color:#FFFFFF; margin-top:30px;}
.header-right h4{ font-size:15px; text-transform:uppercase;}

body{  font-family: "Lato", sans-serif;}
.header{ padding:10px 0px;}
.header h4{ float:left; margin-right:10px; margin-top:2px;}
.header-menu-btn{ float:left;}

.ten-yr{ background:url(../images/yr-bg.jpg); padding:65px 0px; background-size:100% auto; color:#FFFFFF;}

.yr-count{ position:relative; width:auto;  font-family: "Montserrat", sans-serif;
}
.yr-count h2{ font-size:225px; font-weight:bold;}

.yr-count h2 sup{ font-size:105px; opacity:0.6; position:absolute; top:10%;}

.yr-count h3{    position: absolute;
    font-size: 15px;
    top: 28%;
    font-weight: normal; right:0; font-size:50px;
    transform: rotate(270deg);}



.ten-yr h4{ font-size:50px;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; margin-top:70px;}



.ten-yr h5{ font-size:25px; text-transform:uppercase;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px;}


.about-us{ }


#intro { background:url(../images/about-bg.jpg)  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 80px 0px; background-attachment:fixed;  margin-top:0px; color:#FFFFFF;   font-family: "Montserrat", sans-serif;
}

.about-us{ font-family: "Montserrat", sans-serif;}

.about-us h2{ color:#7bc144; font-size:16px; font-weight:normal; letter-spacing:8px; margin:0px 10px; text-transform:uppercase;}
.about-us h3{ font-size:55px; line-height:75px; font-weight:bold; margin-bottom:25px;}
.about-us p{ font-size:15px; line-height:26px;}


.border-btn{ font-family: "Lato", sans-serif!important; color:#989a9c; padding:15px 25px; text-transform:uppercase; border:1px solid #989a9c; font-size:14px; letter-spacing:8px; font-weight:bold;}

.abt-txt{ margin-bottom:45px; overflow:hidden;}

.abt-right{ margin-top:100px;}

.wrk-image{ overflow:hidden; max-width:60%; margin-left:30%; margin-right:50px; float:right;}
.wrk-image img{ max-width:100%;}

.wrk-inner{ position:relative; overflow:hidden; }

.our-work{ background:#0a0b0f; padding:110px 0px; color:#FFFFFF; }

.wrk-txt{ position:absolute; left:0;  bottom:10%;}

.wrk-txt h2{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:135px;font-family: "Lato", sans-serif!important; text-transform:uppercase;}
.wrk-txt h3{ font-size:51px; line-height:75px;font-family: "Montserrat", sans-serif; margin:0px 0px 50px;}


#intro3 { background:url(../images/product-bg.jpg)  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 0px 0px; background-attachment:fixed; 
}

#intro3 .col-lg-4{ border-right:1px solid #504e48;}
#intro3 .col-lg-4:nth-child(3){ border:none!important;}

.product-bx{background:rgba(0, 0, 0, 0.5); padding:70px 30px; text-align:center; text-transform:uppercase; color:#FFFFFF; margin:140px 0px;}

.pr-icon{ margin:0px auto; margin-bottom:35px;}

.product-bx h3{ font-size:20px; font-weight:normal;}


.partners{ background:#0a0b0f; padding:145px 0px;}
.partners-image{ overflow:hidden;}
.partners-image img{ width:100%;}


#intro4 { margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 0px 0px; background-attachment:fixed; padding:200px 0px; text-align:center; color:#FFFFFF;}

.play-btn{ margin-bottom:30px;}

#intro4 h3{ font-weight:300; font-size:60px;}

.prosess{ padding:100px 0px; background:#161616; color:#FFFFFF;}

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

.proces-bx{ display:flex;}
.proces-bx h2{ border:4px solid #7bc144; width:106px; height:106px; text-align:center; line-height:106px; color:#FFFFFF; margin:0px 0px; }

.proceas-count{position:relative; padding:11px; display:table; margin-right:30px;}
.proceas-count:before{ position:absolute; top:2px; left:1px; background:url(../images/corner.png); width:12px; height:13px; content:'';}

.proceas-count:after{ position:absolute; bottom:1px; right:2px; background:url(../images/corner-bottom.png);
 width:12px; height:13px; content:'';}
.proces-bx h3{ font-size:22px; font-weight:900; margin:0px 0px 20px; padding-bottom:10px; position:relative;}

.proces-bx h3:after{ width:51px; height:1px; background:#7bc144;  content:''; position:absolute; bottom:0; left:0;}
.proces-bx p{ color:#c7c7c7; font-size:14px; line-height:30px; max-width:80%;}

.prs-right{ margin-top:50px; padding-left:45px;}


.testimonial{ padding:60px 0px;}

#intro5 { background:url(../images/testimonial-img.jpg)  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; background-attachment:fixed; text-align:center; color:#FFFFFF;}

.testimonial h2{ font-size:45px; text-transform:uppercase; font-weight:200; text-align:left;}
.testimonial h2 b{ font-weight:900;}
.carousel-item{ text-align:center;}

.carousel{ margin:10px auto; display:table; width:70%;}
.testimonial-img{ border-radius:50%; width:145px; height:145px; overflow:hidden; border:15px solid rgba(255, 255, 255, 0.3); margin:10px auto; display:table;}
.testimonial-img  img{ width:100%;border-radius:50%; }

.carousel p{ font-size:17px; line-height:30px; font-family: "Poppins", sans-serif; font-weight:200;}

.testimonil-text{ margin-bottom:25px; margin-top:30px;}
.carousel h3{ color:#7bc144; font-size:32px; text-transform:uppercase; font-weight:600;}
.carousel { padding-bottom:40px;}


.faq-sec{ background:#0a0b0f; padding:70px 0px; color:#FFFFFF;}
.faq-img{ overflow:hidden;}
.faq-img img{ width:100%;}

.faq-inn{ position:relative;}
.faq-inn h3{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:86px;font-family: "Lato", sans-serif!important; position:absolute; left:0; top:50px; z-index:10;}


.faq-sec h2{ font-size:31px!important; font-weight:normal; color:#FFFFFF;}

.faq-sec h2 button{ background:#14151a!important; border:none; color:#FFFFFF; font-size:31px!important;}
.accordion-item{ border:none; margin:21px 0px;}

.accordion-button::after{ color:#FFFFFF!important;}

.accordion-item:first-of-type .accordion-button{ color:#FFFFFF!important;}

.accordion{ margin-top:40%;}



.news-letter{ background:url(../images/news-leter.jpg); background-size:100% 100%; padding:140px 0px; color:#FFFFFF;}

.ns-ltr-right{ padding-left:50px;}

.news-letter h2{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:68px;font-family: "Lato", sans-serif!important; margin:0px 0px;}
.news-letter h3{ font-size:35px; font-weight:normal;}
.news-letter h4{ font-size:30px; margin:0px 0px 0px; font-weight:bold; text-transform:uppercase;}
.news-letter h5{ font-size:25px; margin:0px 0px 15px; font-weight:normal;}
.ns-letter{ display:flex;}
.ns-letter input{ background:#0a0b0f; height:70px; padding-left:10px; color:#517833; width:80%; border:none; margin-right:5px;}
.ns-letter button{ background:#ffffff; padding:0px 25px; font-weight:bold; font-size:17px; font-weight:bold; border:none; color:#517833; height:70px;}


.project-C {
  position: relative; overflow:hidden;

}

.project-C  a{ color:#FFFFFF;}
.project-img { overflow:hidden; position:relative; }
.project-img img{
  display: block;
  
  height: auto; 
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
 background:rgba(123, 193, 68, 0.5) no-repeat; background-size:100% 100%; 
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.project-C:hover .overlay {
  height: 100%;
}

.over-txt .fas{ color:#FFFFFF; font-size:105px; margin-bottom:20px;}
.over-txt h3{ color:#FFFFFF; font-weight:normal;}


.overlay h5{ text-align:center; color:#FFFFFF; margin:20px auto; text-transform:uppercase; display:block;}

.read-more{ font-size:15px; text-transform:uppercase; background:#ffffff; color:#000; padding:8px 16px; display:table; margin:5px auto; border-radius:4px;transition:all .5s ease 0s;}

.project-C .view-large{color:#FFFFFF; text-transform:uppercase; position:absolute; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; top:35%; left:0; right:0; width:100%; display:table; text-align:center; font-size:70px;} 

.view-large .fas{  padding:10px; border:1px solid #9f9283;  border-radius:50%; padding:10px; background:#fff; display:table; margin:0px auto; text-align:center; color:#000;}

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

.project-C{ margin-bottom:30px;}

.project-C h4{ font-size:15px; margin-top:10px;}

.gallery{ background:url(../images/gallery-bg.jpg); padding:70px 0px;}
.gallery h2{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:68px;font-family: "Lato", sans-serif!important; margin:0px 0px 20px;}

.gallery h3{ color:#7bc144; text-transform:uppercase; font-size:29px; margin:0px 0px 30px; display:block; padding-bottom:5px; border-bottom:2px solid #fff; display:table;}





footer{ background:#222222; padding:50px 0px 0px; color:#a7a7a7;}

footer h2{ font-size:25px; color:#bbbbbb; font-weight:bold;}
footer h2 span{ font-size:15px; font-weight:normal; }
footer p{ font-size:15px; line-height:24px;}



.hr{ background:#393939; height:2px; margin:20px 0px 50px;}
.footer-logo{ margin-bottom:20px; overflow:hidden;}
.footer-logo img{ max-width:100%;}

.copy-right{ border-top:1px solid #393939; margin-top:30px; padding:15px 0px;}
footer ul{ margin:0px 0px; padding:0px 0px; list-style:none; font-size:14px;}
footer li{ margin-bottom:10px;}
footer li a{color:#a7a7a7;}

footer a{color:#a7a7a7;}
footer h3{ font-size:20px; margin:0px 0px 15px; font-weight:bold;}

.copy-right p{ text-align:center;}
.copy-right img{ margin-left:5px;}
footer a:hover{color: #0e3483;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

footer a{webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.ftr-cts{ font-size:15px; line-height:20px; position:relative; padding-left:50px; margin-bottom:20px;}

.ftr-cts:before{ position:absolute; left:0; top:10px; font-size:32px;  font-family: FontAwesome;}

.ph:before{ content: '\f095';}
.em:before{ content: '\f003';}
.ad:before{ content: '\f041';}


.ftr-cts h4{font-size:15px; line-height:20px;}


.footer-social{ margin:0px 0px; margin-top:30px}
.footer-social li{ float:left; margin-right:10px; }


#intro6 { background:url(../images/map.jpg)  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; background-attachment:fixed;  color:#FFFFFF;}
.address{ background:rgba(0, 0, 0, 0.5)  ; padding:60px 0px; color:#FFFFFF;}


.address h2{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:68px;font-family: "Lato", sans-serif!important; margin:0px 0px 30px;}
.address h3{ text-transform:uppercase; font-size:17px; font-weight:bold; margin:0px 0px 10px;}
.address ul{ margin:0px 01px; list-style:none; padding:0px 0px;}
.address li{ margin-bottom:5px;}

.addess-bx{ border:1px solid #44622d; padding:25px; background:rgba(0, 0, 0, 0.4);}



/*inner*/

.banner-c{ overflow:hidden; position:relative; background:#000;}
.banner-c img{ width:100%; opacity:0.5}
.banner-cap { position:absolute; left:0; right:0; top:30%; margin:0px auto; text-align:center; color:#FFFFFF;}

.banner-cap h1{ text-transform:uppercase; font-weight:bold; color:#fff;}
.banner-cap ul{ margin:10px auto; display:table; list-style:none; overflow:hidden;}
.banner-cap li{ float:left;  position:relative; padding-right:20px; margin-right:10px;}
.banner-cap li a{ margin:0px 10px; font-size:14px; text-transform:uppercase; color:#FFFFFF;}
.banner-cap li:after{ position:absolute; right:0; content:'\f715'; font-family:FontAwesome;}
.banner-cap li:last-child:after{ display:none;}

.about-img-inn{ overflow:hidden; position:relative;}
.about-img-1{ overflow:hidden;margin-right:100px;}
.about-img-1 img{ width:100%; }

.about-image-2{ overflow:hidden; position:absolute; top:50px; right:0px; width:250px;}
.about-image-2 img{ width:100%;}

.inner-page{ padding:60px 0px; color:#333}
.inner-page p{  color:#333}

.specification{ overflow:hidden; padding:15px; background:#f6f6f6;}
.specification ul{ list-style:none; padding:0px 0px;}
.specification li{ padding:10px; width:50%; float:left; position:relative; padding-left:25px; font-size:16px;}
.specification li:before{ position:absolute; left:0; content:'\f772'; font-family:FontAwesome;}

.abt-page h2{ text-transform:uppercase;  font-size:20px; font-weight:bold; margin:25px 0px;}
.abt-page h3{  font-size:40px; font-weight:900; margin:25px 0px;}
.abt-right{ margin-left:50px;}

.counter-Bx{ padding:10px;}
.counter-Bx h3{ font-weight:900; font-size:40px;}
.counter-ic{ padding:5px;  width:60px; height:60px; background:#62963a; 
text-align:center; line-height:50px; border-radius:50%; margin-right:15px; line-height:50px; display:block; float:left; float:left; overflow:hidden;}
.counter-ic img{ max-width:80%;}

.counter{ background:#F8F8F8; padding:60px 0px;}

.about-img-inn{ margin-bottom:45px;}

.abt-page{ padding-bottom:0px;}


/*image -hover*/


.grid {
	
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;

	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%; min-width:106%;
	max-width: 100%;
	opacity: 0.8;	min-height: 100%; min-width:106%;

}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {

	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #9e5406;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0); color:#fff; font-size:16px; font-weight:bold;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {

	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #42b078;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }



.grid figure h2{ font-weight:bold; font-size:20px!important;    text-shadow: 1px 1px #000;}

.product-dtl{ margin-bottom:30px;}


.srv-dtl .carousel {
    margin: 10px auto;
    display: table;
    width: 100%;
}


.reg-form-outer input{ height:45px; background:#f2f2f2; border:1px solid #e3e3e3;}
.reg-form-outer label{ font-weight:bold; margin-bottom:5px;}

.reg-form-outer  textarea.form-control {
background:#f2f2f2; border:1px solid #e3e3e3; height:90px;
}


.form-innner{ margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid #e6f7f5;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);
    padding: 30px;
    color: #333;}


 .srv-dtl{ background:url(../images/contact-shape-2.png) left top no-repeat; padding:30px 0px 0px 30px;}

.form-titl{}

.form-titl h4{ font-size:20px; font-weight:bold; margin: 50px 0px 30px 0px; padding-bottom:10px; text-transform:uppercase; border-bottom:2px  dotted #62963a;}


.textBox{ height:50px; border:none; background:#f5f5f5; padding-left:10px; margin-bottom:20px; width:100%; border-radius:5px;}

.textArea{ height:150px; border:none; background:#f5f5f5; padding-left:10px; margin-bottom:10px;  width:100%;border-radius:5px;}

.submit-btn{ background:#62963a; padding:15px 30px; color:#FFF; border:none;border-radius:3px;}


 .service-right{ margin-left:50px; color:#999999;}
 
 
.subj-detail .carousel-indicators{ }
.subj-detail .carousel-indicators img{ float:left;width:100%!important; margin:5px;}

.subj-detail .carousel-indicators{ position:static;}

.subj-detail .carousel-indicators [data-bs-target]{ background:none; width:20%;}


.subj-detail .carousel-indicators [data-bs-target]{ height:auto;}



.contact-bx{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.contact-bx:hover {
  background: #fba419;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;
}
 
 
  .contact-bx a{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
 .contact-bx:hover a {
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;
}



.subj-detail .carousel-indicators [data-bs-target] {
    background: none;
    width: 20%;
}



/*contact*/

.contact-page{ background: #fff; padding-bottom:40px;}

.cts-bx{ padding:60px 30px; text-align:center; background:#fff; color:#000; border-radius:6px; min-height:347px;box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, .1);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; }
	
.cts-bx .cts-bx-ic{ font-size:40px; margin-bottom:30px; background:#e7e7e7; width:70px; height:70px; line-height:70px; text-align:center; background:#fff; margin:0px auto; display:table; border-radius:50%; margin-bottom:25px;}
.cts-bx  h3{ font-size:20px; font-weight:bold; margin:0px auto; margin-bottom:20px; text-transform:uppercase; margin-top:60px;}
.cts-bx ul{ list-style:none; margin:0px auto; padding:0px 0px;}

.cts-bx-out{ position:relative; padding-top:50px;}

.cts-bx .cts-bx-ic{ position:absolute; top:0px; left:0; right:0; margin:0px auto; font-size:40px; width:100px; height:100px; background:#69b345; border-radius:50%; color:#fff; line-height:88px; text-align:center; border:8px solid rgba(0, 0, 0, 0.1); display:block;}

.map-and-form{ margin-top:60px; }
.map-bg{background:#0e2135;}
.map-and-form iframe{ width:100%; height:550px; margin-bottom:-7px;}
.map-and-form h4{ font-size:20px; margin:0px 0px;}
.map-and-form h5{ font-size:35px; margin:0px 0px;}

.contact-right{ color:#FFFFFF; padding:50px;}

.contact-form input{ width:100%; background:none; border:none; color:#FFFFFF; border-bottom:1px solid #cccc; margin-bottom:25px; height:40px;}
.contact-form textarea{ width:100%; background:none; border:none; color:#FFFFFF; border-bottom:1px solid #cccc; margin-bottom:25px; height:90px;}


.contact-form input:focus{outline:none;}
.contact-form textarea:focus{outline:none;}
.contact-form button{ background:#fff; padding:10px 25px; border-radius:30px; text-transform:uppercase; border:none;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}


.contact-form button:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; background:#6ab445; color:#FFFFFF;}

.map-and-form{ margin-bottom:50px;}

.clients-b{ margin-bottom:30px;}
.header-menu-btn{ cursor:pointer;}



.project-C{ overflow:hidden; position:relative;webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; background:#000;}
.project-C img{ width:100%; opacity:0.9}

.project-title{ position:absolute; bottom:0; left:0; right:0;  color:#FFFFFF; background:#62963a;webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; height:0%;}
.project-title h2{ font-size:20px; font-weight:bold; margin:10px 0px;}
.project-title h3{ font-size:15px; margin:0px 0px 15px;}
.project-title a{ color:#000000; background:#fff; display:table; padding:10px 25px; font-size:12px; border-radius:30px; text-transform:uppercase; margin-top:10px;}
.project-C:hover .project-title{ height:60%;}


.pro-titi-inner{padding:15px 25px;}


.video-btn1{ background:#62963a; padding:15px 20px; display:table; overflow:hidden; text-transform:uppercase; color:#FFFFFF; color:#FFFFFF; font-size:15px; margin-top:30px;}
.video-btn1:hover{ color:#fff}


.video-btn1 .fa{margin-right:10px;}
body.modal-open {overflow: inherit;padding-right: 0 !important;}
.modal-open {overflow: visible;}
body {padding-right:0px !important;margin-right:0px !important;
}

.projects h3{ font-weight:800; font-size:20px;}


.project-tabele{ margin:30px 0px;}
.project-tabele td{ padding:15px 10px;}

.project-detail-img .carousel{ background:url(../images/abt-bg.png); padding:15px; width:100%;}



.innerC  .hm-srvice-bx p{ font-size:14px; line-height:20px;}
.innerC  .hm-srvice-bx h3{ font-size:16px;}

.innerC .hm-srvice-bx{ padding:0px 0px; border:1px solid #f5f5f8;}

.innerC  .service-img{ overflow:hidden; width:100%; padding:0px 0px; margin:0px 0px;}
.innerC  .service-img{ width:100%; border-radius:0px; max-width:none;}
.innerC  .srv-top{ display:block;}
.innerC  .hm-srvice-bx { margin: 0px; margin-bottom:30px;}
.innerC  .hm-srvice-bx{ text-align:left;}
.innerC  .service-img{ border:none;box-shadow:none;}
.innerC  .srv-padding{ padding:20px;}
.innerC  .srv-txt-05{ padding:0px!important;}
.innerC  .srv-top{ margin-top:0px;}


.innerC  .service-icon{ border-radius:0px;}
.innerC  .service-icon {
  
  border: none;
 
  box-shadow: none;
 
  top: 90%;
  left: 20px;
}
.innerC  .srv-padding {
  padding: 20px;
    padding-top: 20px;
  padding-top: 50px; padding-bottom:0px;
}

.innerC  .hovereffect h2{ margin-top:65%;}



 .hovereffect .overlay {

  background-color: rgba(68,84,106,0.9);
  
  
  }
  
  
 /*services-detail*/ 
  
  
 .innerC  .about-img-sec {
 
  padding: 0px 62px 0px 0px;
}



.serv-dtl ul{ margin:25px 0px; padding:0px 0px 0px 0px; list-style:none;}
.serv-dtl ul li{ margin-bottom:20px; position:relative; padding-left:35px; padding-top:8px; font-size:16px;}
.serv-dtl ul li:before{content:'\f101'; font-family:FontAwesome; position:absolute; left:0px; top:7px; color:#000;background: #62963a;
width: 25px;
height: 25px;
border: 2px solid #fff;
border-radius: 50%;
line-height: 22px; font-size:12px;
text-align: center;
color: #fff;
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.20);
}

.serv-dtl .home-right{ margin-top:0px;}
.serv-dtl .home-right h3{ font-size:25px; margin-top:0px;}



.black-strip{ background:#1e1e1e url(../images/contact-strip.jpg); background-size:100% auto; padding:50px 0px; color:#FFFFFF; text-align:center; margin:0px 0px 0px;}

.black-strip h2{ font-weight:bold; font-size:45px;}
.black-strip h3 span{ font-size:15px!important;}

.ph-icon{ margin:10px auto; margin-bottom:30px;}




hm-srvice-bx{transition: all 0.5s ease 0s;}
.hm-srvice-bx:hover{box-shadow: 0 15px 33px rgba(0, 0, 0, 0.2);
 transition: all 0.5s ease 0s; }
 
 .more-srs{ margin-top:50px!important;}


.tesiC{    box-shadow: 0px 2px 5px 0px rgb(50 50 50 / 39%);
}



.service-right ul{ color:#000000;}
.service-right ul li{ color:#333;}
.service-right h6{ color:#333333; margin:10px 0px; font-weight:bold;}
.service-right ul{ margin:20px 0px; padding:0px 0px 0px 15px;}

.zoom-img {
  width: 300px;
  height:auto;
  overflow: hidden;
}

.hm-srvice-bx .service-img img {
  width: 100%;
  transition: all .5s ease-in-out;
}

.hm-srvice-bx:hover   .service-img img {
  transform: scale(1.2); transition: all .5s ease-in-out;
}


.service-icon {
  transition: transform .7s ease-in-out;
}
.hm-srvice-bx:hover .service-icon {
  transform: rotate(360deg);
}



.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(98,150,38,0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6); margin-top: 40%;transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;   

}

/*.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}*/



.innerC .srv-padding{  background:#f6f6f6; padding:30px; text-align:left;}

.hm-srvice-bx{margin-bottom:30px; overflow:hidden;}
.srv-txt-05{ margin-bottom:20px;}
.innerC .hm-srvice-bx h3{ font-size:20px; font-weight:bold;}

.hm-srvice-bx a{ background:#62963a; padding:15px 20px; color:#fff; border-radius:4px; text-transform:uppercase; margin-top:25px; font-size:12px;}

.hm-srvice-bx a i{ margin-left:10px;}


.abt-middl-img{ overflow:hidden; }
.abt-middl-img img{ width:100%;border:10px  solid #fff;}

.about-top-img{ overflow:hidden; border:10px  solid #fff; position:absolute; top:0; right:0; }
.about-top-img img{ max-width:100%;} 


.fac-bx{ padding:10px; background:#fff; border-radius:5px;-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.13);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.13);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.13);display:block; overflow:hidden; margin-bottom:10px;}

.fac-bx .fa{ background:#62963a; width:35px; height:35px;  border:3px solid #fff; border-radius:50%; line-height:28px; text-align:center; color:#fff;
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.20); float:left; } 





@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


.faciliti-hm{}
.faciliti-hm h2{ font-size:29px; line-height:43px; margin:0px 0px 40px;}
.fac-bx h3{ font-size:14px; color:#000000; font-weight:bold; margin-left:15px; margin-top:8px; float:left;  font-family: "Roboto Condensed", sans-serif;
}

.facil-list .row{ margin:0px -5px;}
.facil-list .col-lg-3{ padding:0px 5px;}

.facility-img{ overflow:hidden; margin-top:-200px;  padding:0px 30px 30px 0px; position:relative; z-index:15;}
.facility-img img{ width:100%;border:3px solid #fff;}

.facility-bg{ position:absolute; bottom:0; right:0; z-index:-1; background:url(../images/facility-bg01.jpg) no-repeat;
 width:190px; height:190px;}
 
 .more-srs h2{ }
 .more-srs h2{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:55px;font-family: "Lato", sans-serif!important;}


.srv-dtl-page{ margin-bottom:0px; padding-bottom:0px;}

.serv-dtl h3{ font-weight:bold; margin:0px 0px 25px;}

.serv-dtl p{ font-size:16px; line-height:25px;}

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

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

.certificate{ background:#fff; padding:20px; border-radius:10px; width:60%; height:auto; display:table; margin:0px auto;
 margin-top:10%;}
 .certificate img{ width:100%;}
.certificate  .carousel {
    margin: 0px auto;
    display: table;
    width: 70%;
    margin-bottom: 0px; padding:0px;
}

.crt h2{ font-size:28px;}









/*waves****************************/

.ten-yr{ position:relative; overflow:hidden;}

.yr-count{ z-index:25;}

.box { width:30%;
	top: 0;
	transform: rotate(80deg);
	left: 0;
}

.wave {
	position: fixed;
	top: 0;
	left: 0;
  opacity: .4;
  position: absolute;
  top: 3%;
  left: 10%;
  background: #439205;
  width: 1500px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 7000ms infinite linear;
}

.wave.-three {
  animation: drift 7500ms infinite linear;
	position: fixed;
	background-color: #459406;
}

.wave.-two {
  animation: drift 3000ms infinite linear;
  opacity: .1;
  background: black;
	position: fixed;
}

.box:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  transform: translate3d(0, 0, 0);
}

@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}

/*LOADING SPACE*/

.contain {
	animation-delay: 4s;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  background: #25a7d7;
  background: -webkit-linear-gradient(#25a7d7, #2962FF);
  background: linear-gradient(#25a7d7, #25a7d7);
}

.icon {
  width: 100px;
  height: 100px;
  margin: 0 5px;
}

/*Animation*/
.icon:nth-child(2) img {-webkit-animation-delay: 0.2s;animation-delay: 0.2s}
.icon:nth-child(3) img {-webkit-animation-delay: 0.3s;animation-delay: 0.3s}
.icon:nth-child(4) img {-webkit-animation-delay: 0.4s;animation-delay: 0.4s}

.icon img {
  -webkit-animation: anim 2s ease infinite;
  animation: anim 2s ease infinite;
  -webkit-transform: scale(0,0) rotateZ(180deg);
  transform: scale(0,0) rotateZ(180deg);
}

@-webkit-keyframes anim{
  0% {
    -webkit-transform: scale(0,0) rotateZ(-90deg);
    transform: scale(0,0) rotateZ(-90deg);opacity:0
  }
  30% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  50% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  80% {
    -webkit-transform: scale(0,0) rotateZ(90deg);
    transform: scale(0,0) rotateZ(90deg);opacity:0
  }
}

@keyframes anim{
  0% {
    -webkit-transform: scale(0,0) rotateZ(-90deg);
    transform: scale(0,0) rotateZ(-90deg);opacity:0
  }
  30% {
    -webkit-transform: scale(1,1) rotateZ(0deg);transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  50% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  80% {
    -webkit-transform: scale(0,0) rotateZ(90deg);
    transform: scale(0,0) rotateZ(90deg);opacity:0
  }
}



/*************************/


.center{
  
}
.center h2{
  color: rgba(255,0,0,0.1);
  text-transform: uppercase;
  background-size: cover;
  background-image:url(../images/product.jpeg);
  -webkit-background-clip: text;
  animation: background-text-animation 15s linear infinite; 
}
@keyframes background-text-animation {
  0%{
    background-position: left 0px top 50%;
  }
  50%{
    background-position: left 1500px top 50%;
  }
  100%{
    background-position: left 0px top 50%;
  }
}


.our-work{ position:relative;}
.our-work .container{ z-index:2; position:relative;}

#bg {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

#bg canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




.prosess{ position:relative;}

.context {
    width: 100%;
    position: absolute;
    top:50vh;
    
}





.area{
    width: 100%;
    height:100vh; position:absolute; top:0; left:0; bottom:0; width:100%; 
    
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}




.testimonial{ position:relative;}

section#accueil {
  position:absolute; top:0; left:0; right:0; bottom:0;
  width: 100%;
  height: 100vh;
  overflow: hidden; opacity:0.2;
}

.testi-slider{ position:relative; z-index:10;}

  .triangle_vert {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -100px;
    margin-bottom: -200px;

    background: #e5f4d3;
    width: 120%;
    height: 300px;

    -webkit-animation: triangle_v 20s infinite cubic-bezier(.14,.36,.59,.9);
    -ms-animation: triangle_v 20s infinite cubic-bezier(.14,.36,.59,.9);
      animation: triangle_v 20s infinite cubic-bezier(.14,.36,.59,.9);
  }

  @-webkit-keyframes triangle_v {
      0% {  
      -webkit-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
      -ms-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
      transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
    }

      25% {
      -webkit-transform: rotate(7deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        -ms-transform: rotate(7deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        transform: rotate(7deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
      }

      50% { 
      -webkit-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        -ms-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
    }

    75% { 
      -webkit-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        -ms-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
       }

      100% {  
      -webkit-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        -ms-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
      }
  }


      @-ms-keyframes triangle_v {
          0% {  
          -webkit-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
          -ms-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
          transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        }

          25% {
          -webkit-transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
            -ms-transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
            transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
          }

          50% { 
            -webkit-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            -ms-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        }

        75% { 
          -webkit-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
            -ms-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
            transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
           }

          100% {  
            -webkit-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
            -ms-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
            transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
          }
      }

          @keyframes triangle_v {
              0% {  
              -webkit-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
              -ms-transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
              transform: rotate(5deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
            }

              25% {
              -webkit-transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
                -ms-transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
                transform: rotate(8deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
              }

              50% { 
                -webkit-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
                -ms-transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
                transform: rotate(4deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            }

            75% { 
              -webkit-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
                -ms-transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
                transform: rotate(2deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
               }

              100% {  
                -webkit-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
                -ms-transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
                transform: rotate(5deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
              }
          }


  .triangle_rose {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -100px;
    margin-top: -150px;

    background: #fff;
    width: 120%;
    height: 250px;

    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);

    -webkit-animation: triangle_r 20s infinite cubic-bezier(.14,.36,.59,.9);
    -ms-animation: triangle_r 20s infinite cubic-bezier(.14,.36,.59,.9);
      animation: triangle_r 20s infinite cubic-bezier(.14,.36,.59,.9);
  }


  @-webkit-keyframes triangle_r {
      0%   {  
      -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
    }

      25% {
      -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
        transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
      }

      50% { 
      -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
    }

    75% { 
      -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
    }

      100% {  
      -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
        transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
      }
  }

      @-ms-keyframes triangle_r {
          0%   {  
          -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
            -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
            transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
        }

          25% {
          -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
            -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
            transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
          }

          50% { 
          -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
        }

        75% { 
          -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
            -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
            transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
        }

          100% {  
          -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
            -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
            transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
          }
      }

          @keyframes triangle_r {
              0%   {  
              -webkit-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
                -ms-transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
                transform: rotate(7deg) rotateZ(0deg) translate3d(2%,5%,0) rotateZ(0deg);
            }

              25% {
              -webkit-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
                -ms-transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
                transform: rotate(3deg) rotateZ(90deg) translate3d(2%,5%,0) rotateZ(-90deg);
              }

              50% { 
              -webkit-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
                -ms-transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
                transform: rotate(6deg) rotateZ(180deg) translate3d(2%,5%,0) rotateZ(-180deg);
            }

            75% { 
              -webkit-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
                -ms-transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
                transform: rotate(9deg) rotateZ(270deg) translate3d(2%,5%,0) rotateZ(-270deg);
            }

              100% {  
              -webkit-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
                -ms-transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
                transform: rotate(7deg) rotateZ(360deg) translate3d(2%,5%,0) rotateZ(-360deg);
              }
          }




.about-us{ position:relative}

canvas{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  margin:0;
  cursor:none;}














.testimonial{ position:relative;}
.testimonial .container{ position:relative; z-index:10;}


svg {
    position: absolute;
    top: 0; left:0; right:0;
    left: 0; bottom:0;
    width: 100%; height:100%;
    height: 100vh; opacity:0.2; height:100%;
}


.links {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    font-family: sans-serif;
}

a img.icon {
    display: inline-block;
    height: 1em;
    margin: 0 0 -0.1em 0.3em;
}




/*faq-animation*/


.faq-sec{ position:relative;}
.faq-sec .container{ z-index:10; position:relative;}
.context {
    width: 100%;
    position: absolute; left:0; right:0; bottom:0; top:0;
 
    
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}


.area{
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
    width: 100%; height:100%;
    
   
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}





/*10.10*/

.widthset{width: 16.5%;}
.heading-style
{
 font-family: 'Righteous', cursive;
    font-size: 205px;
    font-weight: bolder;
    -webkit-text-stroke: 2px rgba(6, 188, 209, 0.2);
    background: #ffffff;
    mix-blend-mode: screen;
    padding-top: 190px;
}

@media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}

@media (min-width: 992px)
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}

@media (min-width: 768px)
.container, .container-md, .container-sm {
    max-width: 720px;
}

@media (min-width: 576px)
.container, .container-sm {
    max-width: 540px;
}

@media (min-width: 1200px)
.container {
    max-width: 1140px;
}
@media (min-width: 992px)
.container {
    max-width: 960px;
}
@media (min-width: 768px)
.container {
    max-width: 720px;
}
@media (min-width: 576px)
.container {
    max-width: 540px;
}



.shadow {
    box-shadow: 0px 18px 39.1px 6.9px rgba(224, 241, 255, 0.34) !important;
}
.card {
    border: 0;
}
.mt-15{margin-top:15%;}
.progress-wrapper {
    height: 240px;
    overflow: hidden;
}

.wave {
    position: absolute;
    width: 100%;
    height: 100%;
}


.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
      margin-bottom: 20px;
}


.wave::before, .wave::after {
    content: "";
    position: absolute;
    width: 470px;
    height: 390px;
    bottom: 0;
    left: 55%;
    background-color: rgba(255, 255, 255, 0.18);
    border-radius: 70%;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
    -webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
    z-index: 10;
}

.wave::after {
    border-radius: 30%;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
    -webkit-animation: rotate 10s linear -5s infinite;
    animation: rotate 10s linear -5s infinite;
    z-index: 20;
}


@keyframes rotate {
  50% {
    transform: translateX(-50%) rotate(180deg);
  }

  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}



@media only screen and (max-width: 768px)
{
  .heading-style {
    font-family: 'Righteous', cursive;
    font-size: 156px;
  }
  
  .progress-wrapper {
    height: 209px;
  }
}

@media only screen and (max-width: 425px)
{
  .heading-style {
    font-family: 'Righteous', cursive;
    font-size: 65px;
  }
  
  .progress-wrapper {
    height: 148px;
  }
  
  .wave::before, .wave::after {
    width: 490px;
    height: 331px;
  }
}







.box{ opacity:0.4; float:right;}



/*abt*/

.about-us{ position:relative;}
.about-us .container{ position:relative; z-index:10;}


.example-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover;
  color: white;
  font-family: sans-serif;
  font-weight: 200;
  z-index: 1; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.5;
}

.example-box * {
  z-index: 2;
}

h1 {
  font-family: Montserrat, sans-serif;
  color: white;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.background-shapes {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 5076px;
  background-size: 100%;
  animation: 50s infiniteScroll linear infinite;
  background-repeat-x: repeat;
  background-image: url(https://cdn2.hubspot.net/hubfs/53/Pricing%202017%20Assets/marketing/Header_Circles-1.svg);
}

@-webkit-keyframes infiniteScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -1692px, 0);
    transform: translate3d(0, -1692px, 0);
  }
}

@keyframes infiniteScroll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -1692px, 0);
    transform: translate3d(0, -1692px, 0);
  }
}



/*products*/

.products{ position:relative;}
.products .container{position:relative; z-index:5;}



.wrapper2 {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;  left:0; right:0; bottom:0;
/*  background: #24C6DC; 
  background: -webkit-linear-gradient(to bottom, #514A9D, #24C6DC);  
  background: linear-gradient(to bottom, #514A9D, #24C6DC); */
}

.box2 div {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: transparent;
}

.box2 div:nth-child(1) {
  top: 12%;
  left: 42%;
  animation: animate 10s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(2) {
  top: 70%;
  left: 50%;
  animation: animate 7s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}
.box2 div:nth-child(3) {
  top: 17%;
  left: 6%;
  animation: animate 9s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(4) {
  top: 20%;
  left: 60%;
  animation: animate 10s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(5) {
  top: 67%;
  left: 10%;
  animation: animate 6s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(6) {
  top: 80%;
  left: 70%;
  animation: animate 12s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(7) {
  top: 60%;
  left: 80%;
  animation: animate 15s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box div:nth-child(8) {
  top: 32%;
  left: 25%;
  animation: animate 16s linear infinite; display:none!important;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(9) {
  top: 90%;
  left: 25%;
  animation: animate 9s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

.box2 div:nth-child(10) {
  top: 20%;
  left: 80%;
  animation: animate 5s linear infinite;
    border: 6px solid rgba(255,255,255,0.8);

}

@keyframes animate {
  0% {
    transform: scale(0) translateY(-90px) rotate(360deg);
    opacity: 1;
  }
  
  100% {
    transform: scale(1.3) translateY(-90px) rotate(-180deg);
    border-radius: 50%;
    opacity: 0;
  }
}


/*partner*/

.partners{ position:relative; overflow:hidden;}


.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #333 50%, #000 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:absolute;
  right:-50%;
  top:0;opacity:0.2;

}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}




/*text-animation*/


 .container3 {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;
	 perspective: 1000px;
	 perspective-origin: 50% 50%;
}
 .container3 > div {
	 margin: 2px;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/769286/clouds.jpg);
	 mix-blend-mode: hue;
	 background-size: auto;
	 background-attachment: unset;
	 background-position: 0%;
	 transform: translate3d(0, 0, 0) rotateY(35deg);
	 animation: swing 4s ease-in-out infinite, texteffect 50s;
}
 .container3 > div:nth-of-type(1) {
	 animation-delay: 0.2s;
}
 .container3 > div:nth-of-type(2) {
	 animation-delay: 0.4s;
}
 .container > div:nth-of-type(3) {
	 animation-delay: 0.6s;
}
 .container3 > div:nth-of-type(4) {
	 animation-delay: 0.8s;
}
 .container3 > div:nth-of-type(5) {
	 animation-delay: 1s;
}
 .container3 > div:nth-of-type(6) {
	 animation-delay: 1.2s;
}
 .container3 > div:nth-of-type(7) {
	 animation-delay: 1.4s;
}
 .container3 > div:nth-of-type(8) {
	 animation-delay: 1.6s;
}
 .container3 > div:nth-of-type(9) {
	 animation-delay: 1.8s;
}
 .container3 > div:nth-of-type(10) {
	 animation-delay: 2s;
}
 .container3 > div:nth-of-type(11) {
	 animation-delay: 2.2s;
}
 .container3 > div:nth-of-type(12) {
	 animation-delay: 2.4s;
}
 .container3 > div:nth-of-type(13) {
	 animation-delay: 2.6s;
}
 .container3 > div:nth-of-type(14) {
	 animation-delay: 2.8s;
}
 .container3 > div:nth-of-type(15) {
	 animation-delay: 3s;
}
 .container3 > div:nth-of-type(16) {
	 animation-delay: 3.2s;
}
 .container3 > div:nth-of-type(17) {
	 animation-delay: 3.4s;
}
 .container > div:nth-of-type(18) {
	 animation-delay: 3.6s;
}
 .container3 > div:nth-of-type(19) {
	 animation-delay: 3.8s;
}
 .container3 > div:nth-of-type(20) {
	 animation-delay: 4s;
}
 @keyframes swing {
	 50% {
		 transform: translate3d(0, 0, 0) rotateY(-35deg);
	}
}
 @keyframes texteffect {
	 50% {
		 background-position: 100%;
	}
}
 
 /*text*/
 
 @keyframes lights {
  0% {
    color: hsl(230, 40%, 80%);
    text-shadow:
      0 0 1em hsla(320, 100%, 50%, 0.2),
      0 0 0.125em hsla(320, 100%, 60%, 0.3),
      -1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
      1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }
  
  30% { 
    color: hsl(230, 80%, 90%);
    text-shadow:
      0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 60%, 0.5),
      -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
      0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }
  
  40% { 
    color: hsl(230, 100%, 95%);
    text-shadow:
      0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 90%, 0.5),
      -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2),
      0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
  }
  
  70% {
    color: hsl(230, 80%, 90%);
    text-shadow:
      0 0 1em hsla(320, 100%, 50%, 0.5),
      0 0 0.125em hsla(320, 100%, 60%, 0.5),
      0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2),
      -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }
  
  100% {
    color: hsl(230, 40%, 80%);
    text-shadow:
      0 0 1em hsla(320, 100%, 50%, 0.2),
      0 0 0.125em hsla(320, 100%, 60%, 0.3),
      1em -0.125em 0.5em hsla(40, 100%, 60%, 0),
      -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }
  
}



.video h3 {
  margin: auto;
  font-size: 3.5rem;
  font-weight: 300;
  animation: lights 5s 750ms linear infinite;
}
 
 
 
 
 
 /*var*/


 .text {
	
/*	 font-size: 10em;
	 text-align: center;
	 position: absolute;*/
	 animation: text-flow 6s infinite;
}
 .text:nth-child(1) {
	 animation-delay: 0.25s;
	 opacity: 0.9;
	 -webkit-text-stroke: 3px #ffb3c0;
	 z-index: 0;
}
 .text:nth-child(2) {
	 animation-delay: 0.5s;
	 opacity: 0.8;
	 -webkit-text-stroke: 3px #ffa7b6;
	 z-index: -1;
}
 .text:nth-child(3) {
	 animation-delay: 0.75s;
	 opacity: 0.7;
	 -webkit-text-stroke: 3px #ff9aab;
	 z-index: -2;
}
 .text:nth-child(4) {
	 animation-delay: 1s;
	 opacity: 0.6;
	 -webkit-text-stroke: 3px #ff8da1;
	 z-index: -3;
}
 .text:nth-child(5) {
	 animation-delay: 1.25s;
	 opacity: 0.5;
	 -webkit-text-stroke: 3px #ff8096;
	 z-index: -4;
}
 .text:nth-child(6) {
	 animation-delay: 1.5s;
	 opacity: 0.4;
	 -webkit-text-stroke: 3px #ff748c;
	 z-index: -5;
}
 .text:nth-child(7) {
	 animation-delay: 1.75s;
	 opacity: 0.3;
	 -webkit-text-stroke: 3px #ff6781;
	 z-index: -6;
}
 .text:nth-child(8) {
	 animation-delay: 2s;
	 opacity: 0.2;
	 -webkit-text-stroke: 3px #ff5a77;
	 z-index: -7;
}
 .text:nth-child(9) {
	 animation-delay: 2.25s;
	 opacity: 0.1;
	 -webkit-text-stroke: 3px #ff4d6c;
	 z-index: -8;
}
 @keyframes text-flow {
	 25% {
		 font-variation-settings: "wght" 900, "wdth" 100;
		 filter: hue-rotate(0deg);
	}
	 50% {
		 transform: translateY(-100px);
		 font-variation-settings: "wght" 400, "wdth" 100;
	}
	 75% {
		 transform: translateY(0%);
		 font-variation-settings: "wght" 900, "wdth" 100;
		 filter: hue-rotate(90deg);
	}
}
  
 

 
 .fq-title{ position:absolute; left:0; top:0px; width:100%;}
 
.faq-sec h2 button {
    background: #14151a !important;
    border: none;
    color: #FFFFFF;
    font-size: 22px !important;
}


/*words*/


.gallery h1{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; font-size:68px;font-family: "Lato", sans-serif!important; margin:0px 0px 20px; display:inline; text-transform:none;}

.gallery h1 span {
  animation: rise 2.25s infinite ease-in-out;
  animation-delay: calc((var(--index) - 6) * 0.225s);
  display: inline-block;
}
@keyframes rise {
  50% {
    font-variation-settings: 'wght' var(--upper);
    color: hsla(180, 100%, 100%, var(--alpha-u));
    transform: translate(0, -15%);
  }
}



.pl-ic{ background:#fff; width:80px; height:70px; text-align:center; line-height:70px; color:#000000;}
.pl-ic i{ font-size:20px;}
.play-btn{ border:1px solid #fff; display:table; padding:5px; margin:0px auto; display:table; margin-bottom:35px; z-index:20; position:relative;}

.example-4 {
  outline-width: 1px;
  outline-offset: 0;
  outline-color: rgba(81, 121, 51, 08);
  outline-style: solid;
  animation: animateOutline 4s ease infinite;
}

@keyframes animateOutline {
  0% {
    outline-width: 1px;
    outline-offset: 0;
    outline-color: rgba(81, 121, 51, 0);
  }

  10% {
    outline-color: rgba(81, 121, 51, 0.75);
  }

  /* The animation finishes at 50% */
  50% {
    outline-width: 15px;
    outline-offset: 4px;
    outline-color: rgba(81, 121, 51, 0);
  }

  100% {
    outline-width: 15px;
    outline-offset: 4px;
    outline-color: rgba(102, 102, 102, 0);
  }
}



.example-1,
.example-2 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.example-1 .inner,
.example-2 .inner {
  position: relative;
  z-index: 1;
  width: 100%;
}

.example-2 .inner {
  margin: 2px;
}


.example-2::before {
  content: "";
  display: block;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(102, 102, 102, 0.75) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  height: 300px;
  width: 100px;
  transform: translate(0);
  position: absolute;
  animation: rotate 5s linear forwards infinite;
  z-index: 0;
  top: 50%;
  transform-origin: top center;
}

.item example-2{ background:#000;}
.partners-image{ background:#000; }
.partners-image img{ }

.cl-imgc{ background:#fff;padding:50px;opacity:0.3;}


.social-media{ margin-top:50px!important; overflow:hidden;}
.social-media li a{ margin-left:0px;}



.accordion-body{ background:#333; color:#FFFFFF; font-size:14px; line-height:22px;}

.dwld-btn{ padding:15px 25px; background:#517933; color:#fff;  font-size:14px; text-transform:uppercase; font-weight:400; display:table; margin-top:25px;}
.dwld-btn:focus{color:#fff;}
.dwld-btn:hover{ color:#fff; text-decoration:none;}

.dwld-btn i{ margin-right:5px;}



 @keyframes rotate {
					 0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }
            .out-top {
                animation: rotate 20s linear infinite;
                transform-origin: 13px 25px;
            }
            .in-top {
                animation: rotate 10s linear infinite;
                transform-origin: 13px 25px;
            }
            .out-bottom {
                animation: rotate 25s linear infinite;
                transform-origin: 84px 93px;
            }
            .in-bottom {
                animation: rotate 15s linear infinite;
                transform-origin: 84px 93px;
            }
			
			
			
			
			
	.abt-middl-img img {
    width: 100%;
    border: 0px solid #fff;
}

.srv-dtl .carousel{ padding-bottom:0px!important}

.srv-dtl .carousel-indicators{ margin-bottom:0px;}

.inner-page .partners-image{ padding:20px; background:#fff; border:1px solid #ccc;}


.item example-2{ background:#000; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.partners-image{ background:#000; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.partners-image img{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }

.cl-imgc{ background:#fff;padding:50px;opacity:0.3;}

.partners-image:hover{ background:#fff;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.partners-image:hover .cl-imgc{ opacity:1; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center; z-index:500;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}

.about-logoC{ overflow:hidden;}


.about-logos{ background:#e4e4e4; padding:60px 0px;}
.about-logos h3{ font-size:25px; margin:0px 0px 30px; font-weight:400;}
.logo-img{ background:#fff; padding:5px; overflow:hidden; border:5px solid #ffffff;
 }
.logo-img img{ width:100%;}


.about-logoC{ margin-bottom:30px;}
.about-logoC h5{ background:#000; color:#FFFFFF; padding:10px; height:50px; text-align:center; font-size:13px; margin:0px 0px;    display: flex
;
    align-items: center;
    justify-content: center;
}

.about-2{ padding:60px 0px;}

.co5{ width:20%;}
		
		
		
		.br-row .row{ margin:0px -1px}
		
	.br-row  .col-lg-4{ padding:0px 1px;}	
	
.addess-bx{ min-height:260px;}
.addess-bx a{ color:#fff;}

.crt h5{ font-size:18px;}


.certificates{ padding:50px 0px; background:#e9e9e9 url(../images/abt-bg-3.png); background:url(../images/bg8.jpg); background-size:100% auto;}
.certificate-img{ overflow:hidden; text-align:center;}
.certificate-img img{ width:100%;}



.testimonil-text p{color:#fff; text-align:center;}


.testimonial  .carousel{width:100%;}
.testimonial  .carousel p{width:80%; display:table;margin:10px auto;}




.home-video {
	position:relative;
	overflow:hidden; background:#000;  background-size:100% auto; position:absolute; top:0; left:0; right:0; bottom:0;
	opacity:1;
}
.home-video video {
	width:100%;
	height:100%;
}
.wrapper1 {
	display:block;
 width: 100% 
	
}
.home-video{ max-height:650px; overflow:hidden;}

.video-ply-button{ position:relative; z-index:10;}


.intro4{ background:#000;}
.video { background:#000;}
.video .home-video{opacity:0.4;}

.iframe-blk{position:relative; overflow:hidden;margin-bottom:-5px;}
.iframe-blk iframe{}

.mask{position:absolute; right:0;bottom:5px;height:100px; width:200px;background:#000;padding:15px; text-align:center;z-index:200;}

.mask img{max-width:80%;}

@media all and (max-width: 760px) {
    
    
    .certificates {adding:20px 0px;}
.certificate-img img{ width:100%;}

.co5{ width:50%;}

.ord2{ margin-bottom:50px;}

.slider-area.style-2 .nivo-controlNav a { height:9px!important;}
.slider-area.style-2 .nivo-controlNav a::before{ height:9px!important;}
.nivo-controlNav {
    bottom: 0;
}


 .logoC { display:block; position:relative; z-index:250;}
 .logoC  img{ width:100%!important; margin:5px 0px!important; position:relative; z-index:210;}
 .top-contact{ position:relative; z-index:210;}
	
	.menu-button {

    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#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; }
#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:38px!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:hover{color:#930033;}


#cssmenu{ top:0; margin-top:15px!important;}







#cssmenu .submenu-button{ top:9px;}

#cssmenu > ul > li a.active{ border-left:3px solid #e68f1b;}

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

#cssmenu ul ul li{ height:auto;}

#cssmenu {
    top: 0;
    margin-top: 13px !important;
}
 #cssmenu > ul > li a.active{ color:#FFFFFF!important;}
 
 .sliderC h2 {
  font-size: 25px;}
.sliderC h3 {
  font-size: 32px;}
  
  .sliderC h4 {
  font-size: 21px;}
  
  
  .yr-count h2 {
  font-size: 85px;
  font-weight: bold;
}
  
  .yr-count h3{ font-size:30px;}
  ten-yr h5 {
  font-size: 18px;}
  
  
  .ten-yr{ background:#284a0f;}
  
  .about_img{ overflow:hidden;}
  
  .about_img img{ width:100%;}
  
  .about-us h3 {
  font-size: 30px;
  line-height: 37px;
  font-weight: bold;
  margin-bottom: 25px;
}
  #intro{ padding:60px 0px;}
  
  
  
  .our-work {
  background: #0a0b0f;
  padding: 60px 0px;
  color: #FFFFFF;
}
  .wrk-txt h3 {
  font-size: 32px;}
  
  
  .wrk-txt h3 {
  font-size: 25px;
  line-height: 40px;
  font-family: "Montserrat", sans-serif;
  margin: 0px 0px 19px;
}
  
  .product-bx{margin:0px; margin-bottom:10px;}
  #intro4 h3{ font-size:30px;}
  
  
   .sliderC h2 {
    font-size: 15px;
  }
   .sliderC h3 {
    font-size: 17px;
  }
  
    .sliderC h4 {
    font-size: 11.5px;
  }
  
  .cap-inner .more-btn {
  font-size: 12px;
  letter-spacing: 0px;
  padding: 5px 12px;
  background: #fff;
  color: #000000;
  font-weight: normal; margin-top:0px;
}
  
  .header {
  padding: 0px 0px;
}
   
  .logoC {
  overflow: hidden;
  margin: 0 0px;}
  
  
 .logoC img{ width:50px!important;} 
 
 .header-right {
  float: right;
  color: #FFFFFF;
  margin-top: 6px;
}
  .header-right h4 {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 14px;
  margin-top: 5px !important;
}

  .yr-count h2 {
    font-size: 192px;
    font-weight: 6300;
  }
  
  .ten-yr h4{ margin-top:12px;}
  
.ten-yr{ padding:40px 0px;}

  #intro {
    padding: 40px 0px;
  }


.abt-right {
  margin-left: 0; margin-top:70px;
}
  .our-work {
    background: #0a0b0f;
    padding: 40px 0px;
    color: #FFFFFF;
  }
  
 .border-btn {
  font-family: "Lato", sans-serif !important;
  color: #989a9c;
  padding: 10px 18px;
  text-transform: uppercase;
  border: 1px solid #989a9c;
  font-size: 12px;
  letter-spacing: 3px;
  font-weight: bold;
}

  .wrk-txt h3 {
    font-size: 18px;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
    margin: 0px 0px 19px;
  }
  
  .wrk-txt h2 {
  -webkit-text-stroke-color: #FFFBFB;
  color: transparent !important;
  -webkit-text-stroke-width: 1px;
  font-size: 39px;}
  
  
  .wrk-image {
  overflow: hidden;
  max-width: 65%;
  margin-left: 30%;
  margin-right: 0;
  float: right;
}
  
  .wrk-txt {
  position: absolute;
  left: 0;
  bottom: 15%;
}
.product-bx {
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;}
  
  
  .partners {
  background: #0a0b0f;
  padding: 60px 0px;
}
#intro4{ padding:70px 0px;}

.proceas-count{ max-height:131px;}

.prs-right {
  margin-top: 50px;
  padding-left: 0;
}

.prosess {
  padding: 60px 0px;}
  
  .prosess {
    padding: 30px 0px;
}
.testimonial h2 {
  font-size: 25px;
}



.carousel p {
  font-size: 15px;
  line-height: 27px;}
  
  
element {
}
.faq-inn h3 {
 

  font-size: 45px;}
  .faq-sec{ padding:40px 0px;}
  
  .news-letter{ padding:60px 0px;}
  .news-letter h2{ font-size:40px;}
  .news-letter h3 
  {font-size: 23px;}
  
  .ns-ltr-right {
  padding-left: 0px;
}

.gallery h2{ font-size:28px;}
.gallery{ padding:40px 0px;}
  .gallery h3{ font-size:25px;}
  
  
.address h2{ font-size:40px;}  

  .address h2 {
    font-size: 33px; margin-top:25px;
  }
  .certificate{ margin-left:0px;}
    .menu-button {
    cursor: pointer; background:none;
    float: right;
    height: 26px;
    position: relative;
    width: 41px;
    z-index: 10;
  }
  
  .header-menu-btn{ z-index:100000!important}
 
 .sidenav{ background:#000;} 
 .s-tb{ width:94%;}
 .full-width-menu {
  padding-top: 25px;
  font-size: 15px;
}
.sidenav{ overflow-y:scroll}

 #cssmenu {
    top: 0;
    margin-top: 13px !important;
    position: static; display:block!important;
  }
  
   #cssmenu  ul{ display:block!important;}
  .tp {
  padding-left: 0;
}

  #cssmenu ul {
    background:none;
  }
  
    #cssmenu > ul > li a {
    padding: 6px !important;
    padding-left: 6px; font-size:13px;
  }
  
  #cssmenu > ul > li a.active {
    border-left: 0px solid #e68f1b;
  }
  
   .abt-right {
    margin-left: 0;
    margin-top: 0;
 }
 
 
 .specification li{ width:100%; margin-bottom:15px;}
 .specification{ margin-bottom:30px;}
 
  .carousel p {
    font-size: 15px;
    line-height: 27px;
    color: #fff;
  }


.abt-middl-img{ background:none; padding:0px;}
.service-right{ margin-left:0px;}

.about-img-sec{ margin-bottom:35px;}
.more-srs h2{ font-size:30px;}
.project-title{ height:65%;}

.cts-bx .cts-bx-ic{ position:static}
.cts-bx h3{ margin-top:40px;}
.cts-bx-out {
  position: relative;
  padding-top: 0;
}

.map-and-form h5 {
  font-size: 25px;
  margin: 0px 0px;
}

  
    .carousel p {

    color: #fff;
  }
  

  .slider-content .layer-1 {
    margin-left: 0%;
    margin-top: 15%;
}
  
  .menu-logo img {
    max-width: 25%;
}
  
  
   .ord1{ order:2!important;}
   .ord2{ order:1!important;}
  
  .sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 22px; line-height:16px;
    margin-left: 0px;
    color: #000;
    background: #ffff;
    width: 25px;
    height: 25px;
    z-index: 20;
    text-align: center;
}
  
  
     #cssmenu ul {
        margin-top: 3px !important;
    } 
	
	
.about_img{ margin-bottom:30px;}	
.about-us h2{ margin-bottom:20px;}
  .proces-bx p {
 
    max-width: 100%;
}

.proces-bx{ margin-bottom:30px;}


.carousel{ width:100%;}

.carousel h3 {
    color: #7bc144;
    font-size: 18px;}

.faq-img{ margin-top:30px;}

    .news-letter h2 { display:none;
    }
	    .news-letter h2 { display:none;
    }


.gallery h1{ font-size:22px;}


#intro6{ padding:30px 0px;}

footer h3{ color:#fff;}
footer  ul{ margin-bottom:25px;}

.banner-cap h1{ font-size:20px;}

.header-right h4 span{display:none;}
.header h4 { float:right;}

.pl-ic {
    background: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 65px;
}

#intro4 h3{font-size:24px;}
  .play-btn{margin-bottom:13px;}  
  
  
      #intro4 {
        padding: 54px 0px;
    }
  
  
  
  .mask {

    bottom: 9px;
    height: 71px;width:135px;}
  
  
  
}