@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:2900px){#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}}


body {margin: 0;padding: 0;color:#333;   font-family: "Lato", serif;
}
header{ width: 100%; height: auto;

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

	z-index: 31!important; position:fixed; background:rgba(0, 0, 0, 0); position:fixed; 

}

.logo-bg{ position:absolute; left:-460px; height:100%; width:745px; background:#44546a; top:0;}
.top-time{ float:right;}
a{ text-decoration:none;}

 .header.scroll_css {

	margin: 0;

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

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






 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto; max-width:100%;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}




.call-ic{ background:#ffb400; width:50px; height:50px; border-radius:50%; border:5px solid #fff; color:#FFFFFF; text-align:center;-webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.07);
-moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.07);
box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.07);float:left; overflow:hidden; line-height:40px; font-size:20px; display:table; margin-top:10px;}

.top-call h3{ font-size:12px; text-transform:uppercase;  overflow:hidden; float:left; margin:16px 0px 0px 4px ;}
.top-call h3 b{ font-size:18px; font-weight:bold;}

.right-div{ float:right;}

.right-al{ float:right!important;}

.top-call{ margin-top:8px;}

.flt-left{ float:left;}




#cssmenu{  float:left; padding:12px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;font-family: 'Arsenal', sans-serif;}

#cssmenu > ul > li{font-size:14px; font-weight:500; margin-left:27px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{ text-transform:capitalize; font-weight:bold; font-size:14px; text-transform:uppercase;  padding-bottom:10px;  color:#333; }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#ffb400;}
#cssmenu > ul > li a.active{ color:#000!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{ border-bottom:3px solid #334258; }



#cssmenu{ float:right;  margin-top:13px;}


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

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

.carousel-fade{ background:#000;}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.sliderC{ position:relative; margin-top:0px; }

.home-slider{   overflow:hidden;}

.carousel-caption{ bottom:30%;  }


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




header{ position:absolute; top:0; 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: 13;
}
.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;}
.nivo-caption{ color:#FFFFFF;}

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

.nivo-caption{opacity:1;}


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

.modal-header{ padding:15px; color:#FFf; background:#333;  text-transform:uppercase;}
.modal-header h5{font-size:18px;}
.modal-footer{ border:none; padding:0px;}

.glowing-circle {
  width: 150px;
  height: 150px; display:tablele; margin:0px auto;
  border-radius:50%; overflow:hidden;

  -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glowing {
  from {
    box-shadow: 0 0 10px #979797, 0 0 20px #979797, 0 0 30px #979797, 0 0 40px #979797, 0 0 50px #979797, 0 0 60px #979797, 0 0 70px #979797;
  }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ffb400, 0 0 50px #ffb400, 0 0 60px #929393, 0 0 70px #929393, 0 0 80px #979797;
  }
}


/*new*/


.sliderC  .carousel-control{ height:74px; top:45%; width:1.9%; opacity:1;}

.sliderC {
    font-family: "Oswald", serif;
 color:#FFFFFF;}

a:hover{ text-decoration:none;}
a:focus{ outline:none; text-decoration:none;}


header{ padding-top:25px;}
.top-menu{ float:right; margin-top:15px;}

{    font-family: 'Squada One', cursive;}

.sliderC { text-align:center;}

.sliderC h1{ font-size:62px;}

.sliderC h2{ font-size:46px; }


.sliderC h3{ font-size:27px;}

.sld-cap{ margin-top:20%;}

.left-social-media{ position:absolute; left:0; right:0; margin:0px auto; top:30%; z-index:150;}

.left-social-media ul{ list-style:none; width:auto; display:table; }


.left-social-media ul li a{ color:#000; background:#d2d2d1; text-align:center; line-height:35px; width:35px; height:35px; border-radius:50%; display:block;}
.left-social-media ul li{ margin-bottom:10px; border-raius:50%;}

.homeSocial ul li:first-child {
  padding: 0 1px 53px 0px;
}


.left-social-media ul  li:first-child span {font-size: 12px;text-transform: uppercase;display: flex;position: relative;background: #d1d1d0;padding: 8px 15px; border-radius:100px;
color:#000;transform: rotate(-90deg);}
.homeSocial ul li a { background: #132d39; width: 31px;  display: inline-block;  height: 30px;  margin: 2px 2px;  border-radius: 100%;  line-height: 31px;}
.homeSocial ul li a:hover,.homeSocial ul li a:focus{color:#fff; background:#ed1c24;}


.left-social-media ul  li:first-child {
  margin-left: -23px;
  margin-bottom: 40px;
}



/*home-about*/
  @import url('https://fonts.googleapis.com/css2?family=Cookie&family=Lato:wght@100;300;400;700;900&display=swap');


.home-about{ background:#1a1a1c url(../images/about-bg.jpg); padding:90px 0px; color:#FFFFFF; font-family: 'Squada One', cursive;}
.about-image{ overflow:hidden;}
.about-image img{ width:100%;}

.home-about h2{ font-size:21px; color:#85c340; margin-top:20px; }
.home-about h3{ font-size:32px; color:#fff;line-height:32px;}

.about-txt{ font-family: 'Lato', sans-serif;font-size:14px; color:#888888; line-height:23px;  width:80%; margin-bottom:15px;}

.home-about a{font-family: 'Lato', sans-serif; color:#c6c6c6;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.home-about a .fa{ width:35px; height:35px; background:#85c340; color:#FFFFFF; line-height:35px; text-align:center; border-radius:50%; margin-left:10px;}

.home-about a:hover{ margin-left:5px;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#85c340; }

.video-sec{ background:#0e1115; background-size:100% auto; color:#FFFFFF; text-align:center; padding-bottom:50px;}
.video-top{ background-size:100% auto; height:300px;}
.video-bx{ margin-top:-200px; overflow:hidden; margin-bottom:65px;}
.video-bx img{ width:100%;}


.video-sec h2{ font-size:45px; font-weight:200; margin:50px 0px 25px;font-family: 'Squada One', cursive;}

.video-sec p{ font-size:18px; font-weight:200;font-family: 'Lato', sans-serif; margin:10px auto; width:80%;}

.video-sec h3{ text-transform:uppercase;  display:block; padding:15px; font-size:18px; font-weight:500; margin:0px auto; font-family: 'Bebas Neue', sans-serif; letter-spacing:4px;}


.f-bC{background:#333; padding:40px 10px; border-radius:10px; overflow:hidden; }
.fb-ic{ width:50px; margin:0px auto; display:table; overflow:hidden;}
.fb-ic img{ width:100%;}







.f-bC:before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.f-bC:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.f-bC::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(200 100% 80%);
  z-index: -1;
  transition: transform .3s ease; background:#446246;;
}

.f-bC {
  position: relative;
}








.f-block{ margin-top:50px; overflow:hidden;}

.round-btn{ background:#fff; padding:15px 30px; text-transform:uppercase; color:#000000; border-radius:30px; margin:10px auto; font-weight:600; display:table; margin-top:40px;font-size:13px;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.round-btn:hover{webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#85c340; color:#fff;}

.round-btn .fa{ margin-left:5px; }





#intro { background:#ccc url(../images/home-3-parallax-1.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 240px 0; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; overflow:hidden;
}

#intro-2 { background:#ccc url(../images/service-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 108px 0 50px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; overflow:hidden;
}

.middle-sec{ color:#fff; text-align:center; text-transform:uppercase;font-size:100px;}
 

.middle-sec{-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px;font-family: 'Bebas Neue', sans-serif; }


.middle-sec h2{  font-size:100px;}





.home-service{font-family: 'Bebas Neue', sans-serif; background:#21252b; padding:40px 0px; color:#FFFFFF; }

.home-service h2{ font-size:70px; color:#FFFFFF;  text-transform:uppercase; margin:0px auto; text-align:center;    font-family: 'Squada One', cursive; font-weight:bold; letter-spacing:2px; }
.home-service h3{  color:#fff; text-align:center; text-transform:uppercase; text-transform:uppercase; margin:0px auto;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:45px;}


.home-srvs{ overflow:hidden;}

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

.home-srvs h4{ font-size:25px;font-family: 'Bebas Neue', sans-serif; text-transform:uppercase; color:#FFFFFF; margin:10px auto; position:absolute; top:20px; left:0; right:0; margin:20px auto; text-align:center;}

.home-srvs a{ background:#23262d; color:#FFFFFF; border-radius:30px; padding:7px 20px; font-size:13px; position:absolute; bottom:20px; left:0; right:0; margin:0px auto; display:table;}
.home-srvs{ margin:0px 15px;}


#intro-03 { background:url(../images/step.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 200px 0px 20px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; margin:0px auto; overflow:hidden;
}



.steps-Out{ margin:50px auto; overflow:hidden; display:block; }

.steps-Out h2{ font-size:27px; font-weight:200; margin:0px auto; text-align:center;}
.steps-Out h3{ font-size:54px; font-weight:800; margin:0px auto; color:#444444;text-align:center; margin-bottom:45px;}


.stepcs-bx{  color:#fff; margin:10px auto; padding:40px; padding-bottom:0px;}
.stepcs-bx h4{ color:#fff; text-transform:uppercase; text-transform:uppercase; margin:0px auto;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:25px; font-size:100px; font-weight:900;}

.stepcs-bx h5{ font-weight:bold; font-size:28px;}






#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; padding:65px 0px}

.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-weight:200;}

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









.video-inn{ position:relative;}

.play-btn {
  width: 100px;
  height: 100px;

  border-radius: 50%;
  position: relative;
  display: block;

/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */ left:0; right:0; top:33%;  border:5px solid #fff;position:absolute; left:50px;  top:40%;}


/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}


@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


#intro-3 { background:url(../images/counter.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:440px; color:#fff;
 width: 100%;   position: relative; height:100%;  padding: 108px 0px 200px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; overflow:hidden;
}


.counter-s h2{ color:#fff; text-transform:uppercase; text-transform:uppercase; margin:0px auto;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:25px; font-size:40px; font-weight:900;}
.counter-s h2 span{ font-size:47px; }

.counter-bx{ background:rgba(0, 0, 0, 0.6); padding:40px 10px; color:#FFFFFF;}

.counter-bx h3{ font-size:17px; text-align:center; text-transform:uppercase; font-weight:normal; margin:0px 0px;}
.counter-bx h4{ font-size:40px; text-align:center; text-transform:uppercase; font-weight:200; margin:10px 0px 0px;}

.counter-ic{ margin:10px auto; text-align:center; width:30px; margin-bottom:20px;}
.counter-ic img{ max-width:100%;}


#intro-4 { background:url(../images/counter.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 200px 0px 200px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; margin:0px auto; overflow:hidden;
}
.clients{ background:#23262d; padding:90px 0px; color:#FFFFFF; text-transform:uppercase; position:relative; z-index:10;}

.clients h2{ font-size:46px; font-weight:900; color:#23262d; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;text-align:center; margin-bottom:35px}
.clients h3{color:#fff; text-transform:uppercase; font-weight:200; font-size:40px; text-align:center; margin-bottom:40px;}

.client-img{ overflow:hidden; margin:0px 0.5px;}
.client-img img{ width:100%;}


.client-img img{ filter: grayscale(100%);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.client-img:hover img{ filter: grayscale(0%)}



.client-box{ overflow:hidden;  box-shadow: 0 2px 20px rgba(0, 0, 0, .04); margin:30px 15px; }
.client-box img{ width:100%;}


.client-img{margin-top:0px;


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




/*image-over*/

.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
/*  min-width: 320px;
 max-width: 480px;
  max-height: 360px;
  width: 48%;*/
  background: #3085a3;
  text-align: center;
  cursor: pointer; 
}

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

}

.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: #484c61;
  -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: 0.7;
  -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);
}

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;opacity:0.5;
}

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



.content {
  margin: 0 auto;
  max-width: 1000px;
}

.content > h2 {
  clear: both;
  margin: 0;
  padding: 4em 1% 0;
  color: #484B54;
  font-weight: 800;
  font-size: 1.5em;
}

.content > h2:first-child {
  padding-top: 0em;
}

/* Header */
.codrops-header {
  margin: 0 auto;
  padding: 4em 1em;
  text-align: center;
}

.codrops-header h1 {
  margin: 0;
  font-weight: 800;
  font-size: 4em;
  line-height: 1.3;
}

.codrops-header h1 span {
  display: block;
  padding: 0 0 0.6em 0.1em;
  color: #74777b;
  font-weight: 300;
  font-size: 45%;
}

/* Demo links */
.codrops-demos {
  clear: both;
  padding: 1em 0 0;
  text-align: center;
}

.content + .codrops-demos {
  padding-top: 5em;
}

.codrops-demos a {
  display: inline-block;
  margin: 0 5px;
  padding: 1em 1.5em;
  text-transform: uppercase;
  font-weight: bold;
}

.codrops-demos a:hover,
.codrops-demos a:focus,
.codrops-demos a.current-demo {
  background: #3c414a;
  color: #fff;
}

/* To Navigation Style */
.codrops-top {
  width: 100%;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.69em;
  line-height: 2.2;
}

.codrops-top a {
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
  letter-spacing: 1px;
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  display: block;
  float: left;
}

.codrops-icon:before {
  margin: 0 4px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'codropsicons';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
  content: "\e001";
}

.codrops-icon-prev:before {
  content: "\e004";
}

/* Related demos */
.related {
  clear: both;
  padding: 6em 1em;
  font-size: 120%;
}

.related > a {
  display: inline-block;
  margin: 20px 10px;
  padding: 25px;
  border: 1px solid #4f7f90;
  text-align: center;
}

.related a:hover {
  border-color: #39545e;
}

.related a img {
  max-width: 100%;
  opacity: 0.8;
}

.related a:hover img,
.related a:active img {
  opacity: 1;
}

.related a h3 {
  margin: 0;
  padding: 0.5em 0 0.3em;
  max-width: 300px;
  text-align: left;
}

/* Demo ad design */


@media screen and (max-width: 25em) {
  .codrops-header {
    font-size: 75%;
  }
  .codrops-icon span {
    display: none;
  }
}


.projectBX{ overflow:hidden;}

.projectBX img{ width:100%;} 


.projects{ background:#fff; padding-top:65px;}

.projectBX h2{ font-size:15px; text-transform:none; text-align:left; padding-top:90%!important; opacity:0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.projectBX:hover h2{opacity:1;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.projectBX p{ font-size:18px; text-transform:none; font-weight:bold;text-align:left; padding:10px 0px!important;}


.prj h2{ font-size:50px; text-transform:uppercase;  padding:5px; color:#fff;  text-transform:uppercase; text-transform:uppercase; margin:0px auto;-webkit-text-stroke-color: #333;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:0px;}

.prj h3{ font-size:30px; font-weight:lighter; text-align:center; color:#23262d; margin:0px auto; margin-bottom:30px;}




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:31px;}

.news-ltr-c{ position:relative; border:1px solid #393939; padding:px; border-radius:0px;}
.news-ltr-c input{ height:45px; background:none; border:none; width:100%; padding-right:70px; padding-left:10px; color:#FFFFFF;border-radius:0px;}
.news-ltr-c button{ border:none; position:absolute; right:0; top:0; color:#fff; background:#85c340; font-size:15px; font-weight:bold; height:45px; padding:0px 15px; display:table; text-transform:uppercase;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.news-ltr-c button:hover{webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#ffffff; color:#85c340;}

.news-ltr-c input:focus{ border:none!important; outline:none;}

.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:15px;}
footer li{ margin-bottom:10px;}
footer li a{color:#a7a7a7;}
footer h3{ font-size:20px; margin:0px 0px 15px; font-weight:bold;}
.copy-right img{ margin-left:5px;}
footer a:hover{color: #85c340;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;}


/*menu*/




.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; bottom:0;
    right:0px;
    background-color:#848484; overflow:hidden;
    overflow-x: hidden;
    transition: 0.4s;background:url(../images/menu_banner.jpg) ;background-size:100% auto; 
    
}

.sidenav a {

    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block; 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:#fff;  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; font-family: 'Bebas Neue', sans-serif;}
 .sidenav ul li a{ color:#FFF; font-size:16px; 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;   font-family: "Lato", serif;
}
 .full-width-menu  a{ font-weight:300;font-size:20px;}



.adress ul{ margin:0px 0px; padding:0px 0px; list-style:none; margin-bottom:10px}
.adress li { font-size:20px;   font-family: "Lato", serif;
margin-bottom:6px; font-weight:300; 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;}


 .branches .row{ margin:0px -2px;}
  .branches .col-lg-4{ padding:0px 2px;}
  
  .full-width-menu .row{ margin:0px -2px;}
  .full-width-menu .col-12{ padding:0px 2px;}
  
.sidee-bar-address{padding:10px; background:rgba(0, 0, 0, 0.2); min-height:250px;}

.branches ul{ margin:0px 0px; padding:0px 0px; list-style:none; }
.branches li{   color:#fff; opacity:0.5;}
.branches li a{   color:#fff; opacity:0.5;}


.ltst-lounch h3{ text-transform:uppercase; font-weight:bold;font-family: 'Gill Sans MT'; font-size:25px;}

.tp{ padding-left:100px;}
.tp ul li a{ font-size:20px; margin-bottom:25px;}





.sidenav .social-media li a{ font-size:20px;}




#cssmenu > ul > li{ float:none; margin-bottom:15px;}
#cssmenu > ul > li a{ color:#fff; text-transform:uppercase; font-weight:normal!important;}

#cssmenu {
    float: none;
    margin-top: 13px;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a {
    position: relative;
    padding-bottom: 0; font-size:25px;     font-family: 'Bebas Neue', sans-serif;margin-bottom:25px;
}

.sidenav .social-media li{ float:left; margin-right:10px;}

.menu-button1 a{ cursor:pointer;}

.video-bx{ position:relative;}
.video-bx .play-btn{ left:0; right:0; margin:0px auto;}


/*about*/

.bannerC{ overflow:hidden; position:relative; margin-bottom:0px;}
.bannerC img{ width:100%;}
.banner-cap{ position:absolute; bottom:41%; left:0; right:0;}
.banner-cap h1{ font-size:25px; text-transform:uppercase; font-weight:normal; color:#fff; font-weight:900; padding:10px; background:rgba(0, 0, 0, 0.5); display:table; text-align:center; margin:0px auto;}

.page-title h2{ font-size:30px; text-transform:uppercase; font-weight:900; margin:0px 0px 40px;}

.abt-title{ overflow:hidden; display:block;}
.logo-icon{ float:left; margin-right:10px; width:24%;}
.logo-icon img{ max-width:100%;}
.abt-tit-txt{ float:left; width:72%;}
.abt-tit-txt h3{ font-size:36px; text-transform:uppercase; font-weight:200; margin:0px 0px;}
.abt-tit-txt h4{ text-transform:uppercase; font-size:16px; font-weight:bold; margin:0px 0px; margin-top:30px; border-top:1px solid #666; padding-top:5px; display:table; margin-bottom:50px; }

.cms p span{ text-transform:uppercase;}

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

.ab-vis{ margin-top:50px;}


.about-vis{ margin-top:50px; padding-left:50px;}
.about-vis h3{ text-transform:uppercase; font-size:22px; color:#000000; margin:0px 0px 20px; font-weight:bold;}


.inner-page{ margin-bottom:50px;}

/*contact*/

.contact-top{ background:url(../images/top-contact.jpg); background-size: 100% auto ;  padding:20px; overflow:hidden; border:1px solid #85c340}
.contact-top ul{ margin:0px 0px; padding:0px 0px; list-style:none;}

.ct-social{ float:left; margin:0px 0px; list-style:none; margin-top:30px;}
.ct-social li{ float:left; margin-right:10px;}
.tp-sc{}
.tp-sc h4{ float:left; margin-top:50px; margin-right:10px; text-transform:uppercase; font-weight:bold; color:#000000;}

.adr{ color:#FFFFFF;}

.contact-top h3{ font-size:16px; text-transform:uppercase; margin:0px 0px 15px; font-weight:bold;}


.contact-top ul li{ font-size:14px;}

.contact-img{ overflow:hidden; position:relative; text-transform:uppercase;}
.contact-img  img{ width:100%;}


.contact-form-txt{ position:absolute; bottom:20px;  left:0; right:0; color:#FFFFFF; width:90%; overflow:hidden; padding:15px;}
.contact-img img{ overflow:hidden;}
.c-t{ margin-bottom:50px;}

.contact-form-txt h4{ font-size:18px; text-transform:uppercase; overflow:hidden;}
.contact-form-txt h5{ font-size:18px; font-weight:lighter;}



.textBox{ width:100%; height:50px; border:1px solid #9d9d9d; background:none; padding-left:10px; margin-bottom:30px; color:#fff}
.textArea{ width:100%; height:140px; border:1px solid #9d9d9d; background:none; padding-left:10px; margin-bottom:30px; padding-top:10px; color:#fff}
.g-map iframe{ margin-bottom:-7px; }

.send-btn{ color:#fff; padding:10px 20px; border:none; text-transform:uppercase; font-weight:bold;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#85c340; border:none; cursor:pointer;}
.send-btn:hover{ background:#a9a9a9;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.contact-form h3{text-transform:uppercase; font-size:22px; color:#000000; margin:0px 0px 20px; font-weight:bold;}

.inner-page{}
.inner-page .pro-box{ margin-bottom:30px;}

.cts-form-sec{ background:url(../images/contact-bg.webp); padding:60px 0px; background-size:100% 100%;}

.contact-form h3{color:#fff;  text-transform:uppercase; text-transform:uppercase; margin:0px auto;-webkit-text-stroke-color: #FFFBFB;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:45px; font-size:30px;}

.inner-page  .home-srvs{ margin:0px auto!important; padding-top:0px!important}

.inner-page .home-srvs{ margin-bottom:30px!important; position:relative;}
.inner-page .grid figure{ margin:0px 0px;}
.inner-page .grid{ padding:0px;}

.home-srvs h2{font-size: 22px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 10px auto;
 
  margin: 20px auto; letter-spacing:0px;
  text-align: center;}
  figure.effect-oscar h2 {    margin: 15px 0 10px 0;

}

.home-srvs p{background: #23262d;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 13px!important;
   
    margin: 0px auto!important;
    display: table; position:absolute; bottom:60px; left:0; right:0;
}





.home-srvs  figcaption{ padding:30px!important;}





figure.effect-oscar figcaption{ background:none;}

.inner-page  .projectBX{ margin-bottom:30px;}


.inner-page .client-img{ border:1px solid #ccc; margin-bottom:30px;}
.evtC figure { margin-bottom:30px!important;}

.evtC h4{ font-size:30px; margin-top:30%;}
.evtC .fa{opacity:0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.evtC:hover .fa{opacity:1;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.pro-image{ overflow:hidden; background:url(../images/texture.png) no-repeat top right; padding:30px 30px 0px 0px;}
.pro-image img{ width:100%;}

.pro-detailbx{ background:#232323; padding:35px; color:#FFFFFF; overflow:hidden; margin:50px; border-bottom:5px solid #434343;}
.pro-detailbx ul{ padding:0px 0px;  list-style:none;}
.pro-detailbx h4{ font-size:15px;line-height:27px; margin:0px 0px;}
.pro-detailbx  h4 b{ font-size:18px;}

.pro-detailbx li{ margin-bottom:45px; overflow:hidden;}

.pro-detailbx li h4{ float:left; width:50%;}
.pro-detailbx li:last-child{ margin-bottom:0px!important;}

.portfolio-text{ margin:45px 0px;}
.portfolio-text h3{color:#fff;  margin:0px auto;-webkit-text-stroke-color: #000;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:15px; font-size:30px;}



.gray-sec{ background:#e2e2e2; padding:50px 0px; text-align:center;}

.pro-types{ padding:60px;}

.pro-types h4{color:#fff;  margin:0px auto;-webkit-text-stroke-color: #000;color: transparent !important;-webkit-text-stroke-width: 1px; margin-bottom:15px; font-size:50px;}



.pro-types h5{ font-size:20px; font-weight:bold; text-transform:uppercase;}

.carousel-item{ overflow:hidden; padding:20px;}
.carousel-item img{ width:100%; border:10px solid #fff;}

.carousel-caption01{ background-size:auto 100%;  position:relative;  font-family: "Quicksand", serif;
}



.cap-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
}

.cap-bg img{     max-width: 100%;
    height: 100%;}

.sld-cap {
    margin-top: 17%;
}




@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatex(-20px);
  }
  100% {
    transform: translatex(0px);
  }
}


.border-out{   position:absolute; left:0; top:0; width:100%; height:100%;}

.avatar {
 
  transform: translatey(0px);
  animation: float 8s ease-in-out infinite;

}

.nivo-caption{ z-index:10;}



.avatar  img{

  animation-name: fade-in-out;
  animation-duration: 6s;
  animation-iteration-count: infinite
}

@keyframes fade-in-out{
  0%{
    opacity: 1;
  }
   50%{
    opacity: 0.2;
  }
  100%{
    opacity: 1;
  }
}



.sliderC h1 {
    font-size: 60px;
    text-transform: uppercase;    line-height: 51px; background:#446246; padding:10px; display:table; margin:0px auto;

}
.sliderC h2 {
    font-size: 20px;
    color: #fff;    line-height: 25px; font-weight:900; width:80%; margin:10px auto; text-align:center; display:table; font-weight:400;

}
.sliderC h3 {
    font-size: 35px;
}



.srv-enqr{ background:url(../images/h1-pattern-img-2.png); padding:45px; margin-top:35px;}

.srv-enqr-bx{ background:#fff; padding:30px;}

.srv-enqr-bx h3{    -webkit-text-stroke-color: #333;}
.srv-btm-bx { background:#efefef; padding:40px 25px; margin-bottom:5px; border-radius:10px;}


.srv-btm-bx p{ margin-bottom:0px; font-size:14px;}











.srv-btm-bx h3{ font-size:15px; font-weight:900; text-transform:uppercase; margin:0px 0px 15px;}



/*menu*/


#cssmenu { position:static;}
 #cssmenu ul{ display:block;}

#cssmenu > ul > li{ margin-bottom:0px; padding-bottom:1px!important;}
#cssmenu>ul>li{ padding-top:0px;}

.full-width-menu{ padding-top:10px;}
#cssmenu ul ul{ display:none;}
#cssmenu ul ul li a{ padding:0px!important;}
#cssmenu ul ul li a {
    background: 0 0;
    font-size: 22px;
    padding-bottom: 5px;
    padding-left: 5px!important;
}

#cssmenu .submenu-button {
    z-index: 99;
    top: 0;
    height: 38px;
    width: 50px;
    border: none;
}

#cssmenu>ul ul {
    top: 0!important;
    margin-top: 0!important;
}

/*animation -effects*/

.home-about{ position:relative; overflow:hidden;}

.home-about .row{ position:relative; z-index:5;}



.cube {
  position: absolute;
  top: 80vh;
  left: 45vw;
  width: 10px;
  height: 10px;
  border: solid 1px #fff;
  transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-animation: cube 12s ease-in forwards infinite;
          animation: cube 12s ease-in forwards infinite;
}
.cube:nth-child(2n) {
  border-color: #fff;
}
.cube:nth-child(2) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.cube:nth-child(3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.cube:nth-child(4) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.cube:nth-child(5) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.cube:nth-child(6) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}

@-webkit-keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}

@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}









.video-sec{ position:relative; overflow:hidden;}
.video-sec .row{ z-index:10; position:relative;}

.light {
    position: absolute;
    width: 0px;
    opacity: .75;
    background-color: white;
    box-shadow: #e9f1f1 0px 0px 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.x1{
  -webkit-animation: floatUp 4s infinite linear;
  -moz-animation: floatUp 4s infinite linear;
  -o-animation: floatUp 4s infinite linear;
  animation: floatUp 4s infinite linear;
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -o-transform: scale(1.0);
  transform: scale(1.0);
}

.x2{
  -webkit-animation: floatUp 7s infinite linear;
  -moz-animation: floatUp 7s infinite linear;
  -o-animation: floatUp 7s infinite linear;
  animation: floatUp 7s infinite linear;
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
  left: 15%;
}

.x3{
  -webkit-animation: floatUp 2.5s infinite linear;
  -moz-animation: floatUp 2.5s infinite linear;
  -o-animation: floatUp 2.5s infinite linear;
  animation: floatUp 2.5s infinite linear;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  left: -15%;
}

.x4{
  -webkit-animation: floatUp 4.5s infinite linear;
  -moz-animation: floatUp 4.5s infinite linear;
  -o-animation: floatUp 4.5s infinite linear;
  animation: floatUp 4.5s infinite linear;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  left: -34%;
}

.x5{
  -webkit-animation: floatUp 8s infinite linear;
  -moz-animation: floatUp 8s infinite linear;
  -o-animation: floatUp 8s infinite linear;
  animation: floatUp 8s infinite linear;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
  left: -57%;
}

.x6{
  -webkit-animation: floatUp 3s infinite linear;
  -moz-animation: floatUp 3s infinite linear;
  -o-animation: floatUp 3s infinite linear;
  animation: floatUp 3s infinite linear;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  left: -81%;
}

.x7{
  -webkit-animation: floatUp 5.3s infinite linear;
  -moz-animation: floatUp 5.3s infinite linear;
  -o-animation: floatUp 5.3s infinite linear;
  animation: floatUp 5.3s infinite linear;
  -webkit-transform: scale(3.2);
  -moz-transform: scale(3.2);
  -o-transform: scale(3.2);
  transform: scale(3.2);
  left: 37%;
}

.x8{
  -webkit-animation: floatUp 4.7s infinite linear;
  -moz-animation: floatUp 4.7s infinite linear;
  -o-animation: floatUp 4.7s infinite linear;
  animation: floatUp 4.7s infinite linear;
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -o-transform: scale(1.7);
  transform: scale(1.7);
  left: 62%;
}

.x9{
  -webkit-animation: floatUp 4.1s infinite linear;
  -moz-animation: floatUp 4.1s infinite linear;
  -o-animation: floatUp 4.1s infinite linear;
  animation: floatUp 4.1s infinite linear;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  left: 85%;
}

button:focus{
  outline: none;
}

@-webkit-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
  0%{top: 100vh; opacity: 0;}
  25%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  75%{opacity: 1;}
  100%{top: -100vh; opacity: 0;}
}



#head1, #head2,#head3, #head4, #head5{
  opacity: 0;
}

#head1{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
}

#head2{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}

#head3{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}

#head4{
  -webkit-animation: fadeOut 1 5s ease-in;
  -moz-animation: fadeOut 1 5s ease-in;
  -o-animation: fadeOut 1 5s ease-in;
  animation: fadeOut 1 5s ease-in;
  -webkit-animation-delay: 17s;
  -moz-animation-delay: 17s;
  -o-animation-delay: 17s;
  animation-delay: 17s;
}

#head5{
  -webkit-animation: finalFade 1 5s ease-in;
  -moz-animation: finalFade 1 5s ease-in;
  -o-animation: finalFade 1 5s ease-in;
  animation: finalFade 1 5s ease-in;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 22s;
  -moz-animation-delay: 22s;
  -o-animation-delay: 22s;
  animation-delay: 22s;
}

@-webkit-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-moz-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-o-keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}

@-webkit-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-moz-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-o-keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}

@-webkit-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-moz-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@-o-keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

@keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}

#footer{
  font-family: 'Roboto', sans-serif;
  font-size: 1.2em;
  color: white;
  position: fixed;
  -webkit-transform: translate(95vw,90vh);
  -moz-transform: translate(95vw,90vh);
  transform: translate(95vw,90vh);
  transform: translate(95vw,90vh);
}



.text-container {

  display: flex;
  justify-content: center;
  align-items: center;
}

.text-container h2{
  margin: 0;
  font-size: 100px;
  color: rgba(225,225,225, .01);
  background-image:url(../images/h2-bg.jpg);
  background-repeat: repeat;
  -webkit-background-clip:text;
  animation: animate 15s ease-in-out infinite;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;    font-family: 'Bebas Neue', sans-serif;

}

  @keyframes animate {
    0%, 100% {
      background-position: left top;
    }
    25%{
      background-position: right bottom;
     }
    50% {
      background-position: left bottom;
    }
    75% {
      background-position: right top;
    }   
}



.counter-s{ background:#3a4319;}

.home-video {
	position:relative;
	overflow:hidden; background:url(../images/video-bg.jpg); background-size:100% auto; position:absolute; top:0; left:0; right:0; bottom:0;
	opacity:0.2;
}
.home-video video {
	width:100%;
	height:100%;
}
.wrapper1 {
	display:block;
 width: 100% position: relative;
	margin-bottom:-6px;
}
.home-video{ max-height:650px; overflow:hidden;}
.banner-bottom{ position:absolute; bottom:0; width:100%; left:0; right:0;}
.banner-bottom img{ width:100%;}



.video-cap{ position:absolute; top:0; left:0; right:0; margin:0px auto; text-align:center; font-weight:bold; text-transform:uppercase;}

.video-cap { top:40%; color:#FFFFFF; }

.count-sec-out{ position: absolute; z-index:10; left:0; right:0; top:0; bottom:0; margin:0px auto; padding:100px 0px;}






/*home-about*/

.home-right{ padding-left:50px;}


.hom-about{ padding:100px 0px; background: #30373e url(../images/h2-bg04.png) right bottom no-repeat; color:#fff;overflow:hidden;}
.hom-about h2{   color:#FFFFFF; font-size:44px; font-family: 'Bebas Neue', sans-serif; text-transform:uppercase; display:table; text-transform:uppercase;}
.hom-about h3{ font-size:34px; font-weight:bold; color:#fff; margin:0px 0px 20px; -webkit-text-stroke-color: #FFFBFB;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
  }
	
	
	
.hom-about p{ font-size:15px; line-height:20px; text-align:justify;}
.home-right{ margin-top:80px;}
.abt-middl-img{ overflow:hidden; background:url(../images/plus-pattern.png) no-repeat bottom right; padding:0px 40px 40px 0px;}
.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%;} 


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

.about-img-sec{ position:relative;padding:10px 62px 50px;}

.about-txt-hm{ margin-bottom:50px;}
.rd-btn {
color:#000; font-weight:normal; padding:15px 20px; border-radius:4px; display:table; background:#fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.2); display:inline; margin-right:10px; text-transform:uppercase;transition: all 0.6s ease-in-out 0s; border:none;
}
.rd-btn .fa{ margin-right:5px;}

.rd-btn:hover{ background:#446246;transition: all 0.6s ease-in-out 0s; color:#FFFFFF;}

.bottom-img {
    overflow: hidden;
    border: 10px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.bottom-img {
    overflow: hidden;
    border: 10px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
}

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



.about-txt-hm {}



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

.about-img-sec{ position:relative;padding:50px 62px 50px;}


.about-txt-hm ul{ list-style:none; padding:0px 0px; margin:25px 0px;}
.about-txt-hm ul li{ position:relative; padding-left:45px; margin-bottom:15px;}
.about-txt-hm ul li:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome; left:0;background:#446246; color:#fff; line-height:30px; width:30px; height:30px;border-radius:50%; color:#fff; text-align:center;}

.port-folio-vid{ background:url(../images/About_BG_02.jpg); background-size:100% 100%; padding:80px 0px; color:#fff;}
.port-folio-vidwe{ overflow:hidden; border:1px solid #fff; position:relative;}
.port-folio-vidwe img{ width:100%;}
.port-folio-vid h3{font-size:50px; font-weight:900; color:#23262d; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;text-align:center; margin-top:-100px; text-align:left; margin:70px 0px; max-width:90%;}





.bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
}
@keyframes sf-fly-by-1 {
    from {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(0);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-2 {
    from {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-3 {
    from {
        transform: translateZ(-1800px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
}
.star-field {
    position: fixed; position:static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    perspective: 600px;
    -webkit-perspective: 600px;
    z-index: -1;
}
.star-field .layer {
    box-shadow: -411px -476px #cccccc, 777px -407px #d4d4d4, -387px -477px #fcfcfc, -91px -235px #d4d4d4, 491px -460px #f7f7f7, 892px -128px #f7f7f7, 758px -277px #ededed, 596px 378px #cccccc, 647px 423px whitesmoke, 183px 389px #c7c7c7,
        524px -237px #f0f0f0, 679px -535px #e3e3e3, 158px 399px #ededed, 157px 249px #ededed, 81px -450px #ebebeb, 719px -360px #c2c2c2, -499px 473px #e8e8e8, -158px -349px #d4d4d4, 870px -134px #cfcfcf, 446px 404px #c2c2c2,
        440px 490px #d4d4d4, 414px 507px #e6e6e6, -12px 246px #fcfcfc, -384px 369px #e3e3e3, 641px -413px #fcfcfc, 822px 516px #dbdbdb, 449px 132px #c2c2c2, 727px 146px #f7f7f7, -315px -488px #e6e6e6, 952px -70px #e3e3e3,
        -869px -29px #dbdbdb, 502px 80px #dedede, 764px 342px #e0e0e0, -150px -380px #dbdbdb, 654px -426px #e3e3e3, -325px -263px #c2c2c2, 755px -447px #c7c7c7, 729px -177px #c2c2c2, -682px -391px #e6e6e6, 554px -176px #ededed,
        -85px -428px #d9d9d9, 714px 55px #e8e8e8, 359px -285px #cfcfcf, -362px -508px #dedede, 468px -265px #fcfcfc, 74px -500px #c7c7c7, -514px 383px #dbdbdb, 730px -92px #cfcfcf, -112px 287px #c9c9c9, -853px 79px #d6d6d6,
        828px 475px #d6d6d6, -681px 13px #fafafa, -176px 209px #f0f0f0, 758px 457px #fafafa, -383px -454px #ededed, 813px 179px #d1d1d1, 608px 98px whitesmoke, -860px -65px #c4c4c4, -572px 272px #f7f7f7, 459px 533px #fcfcfc,
        624px -481px #e6e6e6, 790px 477px #dedede, 731px -403px #ededed, 70px -534px #cccccc, -23px 510px #cfcfcf, -652px -237px whitesmoke, -690px 367px #d1d1d1, 810px 536px #d1d1d1, 774px 293px #c9c9c9, -362px 97px #c2c2c2,
        563px 47px #dedede, 313px 475px #e0e0e0, 839px -491px #e3e3e3, -217px 377px #d4d4d4, -581px 239px #c2c2c2, -857px 72px #cccccc, -23px 340px #dedede, -837px 246px white, 170px -502px #cfcfcf, 822px -443px #e0e0e0, 795px 497px #e0e0e0,
        -814px -337px #cfcfcf, 206px -339px #f2f2f2, -779px 108px #e6e6e6, 808px 2px #d4d4d4, 665px 41px #d4d4d4, -564px 64px #cccccc, -380px 74px #cfcfcf, -369px -60px #f7f7f7, 47px -495px #e3e3e3, -383px 368px #f7f7f7, 419px 288px #d1d1d1,
        -598px -50px #c2c2c2, -833px 187px #c4c4c4, 378px 325px whitesmoke, -703px 375px #d6d6d6, 392px 520px #d9d9d9, -492px -60px #c4c4c4, 759px 288px #ebebeb, 98px -412px #c4c4c4, -911px -277px #c9c9c9;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 10px;
    border-radius:50%;
}
.star-field .layer:nth-child(1) {
    animation: sf-fly-by-1 5s linear infinite;
}
.star-field .layer:nth-child(2) {
    animation: sf-fly-by-2 5s linear infinite;
}
.star-field .layer:nth-child(3) {
    animation: sf-fly-by-3 5s linear infinite;
}


.srv-content{ position:relative; z-index:100;}



.testimonial{ position:relative;}
.test-title-text{ position:relative; height:100px;}
#background{
  position:absolute;

/*  transform:translate(-50%, -50%);*/
  color:rgba(255, 255, 255, .1);
  background: linear-gradient(to right,     rgb(76, 217, 105), rgb(52, 170, 220),    /* rgb(88, 86, 217), rgb(255, 45, 83),       rgb(255, 45, 83), rgb(88, 86, 217),       rgb(52, 170, 220),*/ rgb(229, 229, 229));
  background-size: 400%;
  -webkit-background-clip:text;
  font-weight:900;
  font-size:100px;
  text-align:left;
  animation:sTransition 10s linear infinite; z-index:5; top:0px; right:0; text-transform:uppercase;opacity:0.9; line-height:normal; margin-top:0px;
}

@keyframes sTransition{
  0%{
    background-position:0%;
  }
  
  100%{
    background-position:400%;
  }
}








.projects{ position:relative;}

.prhm-inner{ position:relative; z-index:10;}
/*
.wrapper { 
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;opacity:0.1;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}



}*/

.wrapper {
  animation: scroll 100s linear infinite;
  background:url(../images/bg-5.png);
  color: #eee;
  min-width: 360px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  perspective-origin: 50% 50%; height: 100%;
  width: 100%; height:100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

@keyframes scroll {
  100% {
    background-position: 0px -400%;
  }
}

.whats-aap{position:fixed;overflow:hidden;bottom:30px; left:auto;right:0px;text-align:center; z-index:150;}.whats-aap-ic{width:80px;height:auto;margin:0 auto;text-align:center;display:table}.whats-aap img{width:70%;border-radius:50%}.whats-aap h5{padding:8px 13px;border-radius:4px;background:#359704;color:#fff;font-weight:700;margin:10px auto;margin-bottom:0;font-size:11px;display:table;text-align:center}




footer{ position:relative;}

.cnttt{ position:relative; z-index:10;}
footer .view  {
  position: absolute;
  width: 400px;
  height: 400px;
 bottom:50px; left:0; right:0; margin:0px auto;
opacity:0.1;
}

footer .view  .circles {
  height: 100%;
  margin: 0;
  padding: 0;
  transform-style: preserve-3d;
}

footer .view  .item {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  padding: 0;
  border: 15px solid #cfd9db;
  border-radius: 50%;
  width: 400px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

footer .view  .h1 {
  border: 15px solid #ccd7d9;
  border-color: #ccd7d9 #d2dbde #d7e0e2 #d2dbde;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #aebfc4, inset 0 10px 0px #aebfc4, 0 5px 0 #bdcbce, 0 10px 0 #bdcbce;
  width: 400px;
  height: 400px;
  transform: rotateX(70deg) translate3d(0px, 0px, -30px);
  animation: wave1 2s ease-in-out -0ms infinite alternate;
}

@keyframes wave1 {
  100% {
    transform: rotateX(70deg) translate3d(0px, 0px, 100px);
  }
}
footer .view  .h2 {
  border: 15px solid #c9d4d7;
  border-color: #c9d4d7 #cfd9db #d5dde0 #cfd9db;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #abbdc1, inset 0 10px 0px #abbdc1, 0 5px 0 #bac9cc, 0 10px 0 #bac9cc;
  width: 340px;
  height: 340px;
  transform: rotateX(70deg) translate3d(30px, 0px, -60px);
  animation: wave2 2s ease-in-out -400ms infinite alternate;
}

@keyframes wave2 {
  100% {
    transform: rotateX(70deg) translate3d(30px, 0px, 70px);
  }
}
footer .view  .h3 {
  border: 15px solid #c6d2d5;
  border-color: #c6d2d5 #ccd7d9 #d2dbde #ccd7d9;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #a8bbbf, inset 0 10px 0px #a8bbbf, 0 5px 0 #b7c6ca, 0 10px 0 #b7c6ca;
  width: 280px;
  height: 280px;
  transform: rotateX(70deg) translate3d(60px, 0px, -90px);
  animation: wave3 2s ease-in-out -800ms infinite alternate;
}

@keyframes wave3 {
  100% {
    transform: rotateX(70deg) translate3d(60px, 0px, 40px);
  }
}
footer .view .h4 {
  border: 15px solid #c3d0d3;
  border-color: #c3d0d3 #c9d4d7 #cfd9db #c9d4d7;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #a6b8bd, inset 0 10px 0px #a6b8bd, 0 5px 0 #b4c4c8, 0 10px 0 #b4c4c8;
  width: 220px;
  height: 220px;
  transform: rotateX(70deg) translate3d(90px, 0px, -120px);
  animation: wave4 2s ease-in-out -1200ms infinite alternate;
}

@keyframes wave4 {
  100% {
    transform: rotateX(70deg) translate3d(90px, 0px, 10px);
  }
}
footer .view .h5 {
  border: 15px solid #c0cdd1;
  border-color: #c0cdd1 #c6d2d5 #ccd7d9 #c6d2d5;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #a3b6bb, inset 0 10px 0px #a3b6bb, 0 5px 0 #b1c2c6, 0 10px 0 #b1c2c6;
  width: 160px;
  height: 160px;
  transform: rotateX(70deg) translate3d(120px, 0px, -150px);
  animation: wave5 2s ease-in-out -1600ms infinite alternate;
}

@keyframes wave5 {
  100% {
    transform: rotateX(70deg) translate3d(120px, 0px, -20px);
  }
}
footer .view  .h6 {
  border: 15px solid #bdcbce;
  border-color: #bdcbce #c3d0d3 #c9d4d7 #c3d0d3;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #a0b4b9, inset 0 10px 0px #a0b4b9, 0 5px 0 #aebfc4, 0 10px 0 #aebfc4;
  width: 100px;
  height: 100px;
  transform: rotateX(70deg) translate3d(150px, 0px, -180px);
  animation: wave6 2s ease-in-out -2000ms infinite alternate;
}

@keyframes wave6 {
  100% {
    transform: rotateX(70deg) translate3d(150px, 0px, -50px);
  }
}
footer .view  .h7 {
  border: 15px solid #bac9cc;
  border-color: #bac9cc #c0cdd1 #c6d2d5 #c0cdd1;
  box-shadow: 0 1px 0 white, inset 0 5px 0px #9db1b7, inset 0 10px 0px #9db1b7, 0 5px 0 #abbdc1, 0 10px 0 #abbdc1;
  width: 40px;
  height: 40px;
  transform: rotateX(70deg) translate3d(180px, 0px, -210px);
  animation: wave7 2s ease-in-out -2400ms infinite alternate;
}

@keyframes wave7 {
  100% {
    transform: rotateX(70deg) translate3d(180px, 0px, -80px);
  }
}








.footer{ padding:80px 0px 0px;font-family: "Oswald", sans-serif; background:#282828; color:#fff;}
.footer a{ color:#FFFFFF;}
.footer h3{ text-transform:uppercase; font-size:40px; font-weight:300;font-family: "Oswald", sans-serif; margin:0px 0px 60px; }
.footer ul{ margin:0px 0px; list-style:none; padding:0px 0px;}

.footer-info-bx{ position:relative; padding-left:60px}
.footer-info-bx:before{ position:absolute; left:0; content:''; font-size:31px; font-family:FontAwesome; top:-6px;}
footer li{ margin-bottom:10px; font-size:16px;}

.phno:before{ content:'\f2a0';}
.email-no:before{content:'\f003';}
.adrs:before{content:'\f041';}


    #intro7 { background:url(../images/footer-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto;
 width: 100%;   position: relative; height:100%;   background-attachment:fixed;  background-size:100%  auto; color:#FFFFFF;

}



.contact-strip{}

.contact-strip h3{ font-size:22px; text-transform:uppercase; font-weight:bold; margin:0px 0px 30px;}
.contact-strip h4{ font-size:57px;  font-weight:bold; margin:0px 0px 30px;-webkit-text-stroke-color: #fff; font-weight:800; opacity:1; margin:0px 0px 0px;
  color: transparent !important;
  -webkit-text-stroke-width: 1px; color:none}
  
.contact-strip a {
  float: right;
  text-transform: uppercase;
  background: #fff;
  font-size: 20px;
  margin-top: 60px;
  color: #000000;
  font-weight: 300;
  padding: 8px 8px 8px 25px;
}

.copy-right{ margin-top:80px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border-top:1px solid #727270; padding:20px 0px;}
.copy-right p{ text-align:right; margin-bottom:0px;}

.copy-right ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.copy-right li{ float:left; margin-right:25px;}
.copy-right i{ font-size:20px;-webkit-text-stroke-color: #fff; font-weight:800; opacity:1; margin:0px 0px 0px;
  color: transparent !important;
  -webkit-text-stroke-width: 0.4px; color:none;}




.carousel-caption01{ display:table; margin:0px auto; padding:30px; position:relative;}
.carousel-caption01:before{ width:200px; height:5px; background:rgba(255, 255, 255, 0.5); position:absolute; left:0; top:0; content:'';left:0; right:0; margin:0px auto;}

.carousel-caption01:after{ width:200px; height:5px; background:rgba(255, 255, 255, 0.5); position:absolute; left:0; right:0; margin:0px auto; bottom:0; content:'';}



.inner-page  .carousel {width:100%}

.about-img-sec {
    position: relative;
    padding: 0px;
}
.page-title h2{ margin-bottom:0px;}
.inner-page  .carousel-item{ padding:0px;}



.contact{    background: #272727; color:#FFFFFF; padding-top:45px;}

.cts-bx ul{ padding:0px 0px; list-style:none;}
.cts-bx ul a{ color:#FFFFFF;}

.cts-outer{    border: 1px solid #6e6e6e; padding:30px; margin-bottom:60px;}
.cts-outer{}

.brd{border-right: 1px solid #6e6e6e;}

.cts-bx{ padding-left:30px;}

.email-no:before{ top:-6px;}
.cts-form { margin-bottom:60px;}

.cts-form input{ width:100%; padding-left:10px; height:50px; background:#323232; color:#FFFFFF; margin-bottom:30px; border:1px solid #323232;}

.cts-form textarea{ width:100%; padding-left:10px; height:90px; background:#323232; color:#FFFFFF; margin-bottom:30px; border:1px solid #323232;}

.cts-form button{ padding:15px 35px; color:#FFFFFF;    background: #446246; text-align:center; border:none;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.cts-form button:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#fff; color:#000;}
.cts-left h2{ margin-bottom:45px;}
.cts-left h2 span{ font-size:20px; text-transform:uppercase; color:#0072b8;}
.cts-left h2 b{ font-size:40px; font-weight:700; margin:15px 0px 5px;}

.gmap{ width:100%; float:right; margin-bottom:60px;}

.inner-space{ padding:45px 0px;}


.what-we-do{ padding:70px 0px; background:#f1f1f1;}

.what-txt{ padding:20px;}

.what-we-do h2{ margin:0px auto; font-size:24px; margin-bottom:50px; text-align:center;}
.what-we-do h2 b{ font-size:30px; color:#446246;}
.what-we-do  a{ border:1px solid #005802; padding:10px 20px; color:#005802; text-transform:uppercase; margin:10px auto; margin-top:20px; display:table; font-size:13px;}

.what-we-inn{ background:#fff; padding:30px; text-align:center;box-shadow: 0px 5px 25px rgba(0,0.10,0,0.10);}
.what-we-bx{ overflow:hidden;  padding:20px 0px 0px 20px; background:url(../images/pattern-1.png) top left no-repeat;}
.what-ic{ overflow:hidden; width:80px; margin:10px auto; margin-bottom:30px;}
.what-ic img{ width:100%;}
.what-we-inn h3{ font-size:20px; font-weight:bold;}
.what-we-inn  p{ font-size:14px;}

.abt2-txt{ margin:30px auto; width:80%; display:table; text-align:center;}

.slider-image .carousel-inner{ padding:15px; background:url(../images/service-bg.png);}


.service-txt{ margin:25px; 0px; margin-top:100px;}

.service-txt h2{ font-weight:bold; margin:0px 0px 15px;}

.sidenav-ns {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1500;
    top: 0; bottom:0;
    right:0px;
    background-color:#848484; overflow:hidden;
    overflow-x: hidden;
    transition: 0.4s; background:#006699;
    
}

.sidenav-ns  a {

    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block; line-height:40px;
    transition: 0.3s;
}

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

.sidenav-ns  .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 36px;
    margin-left: 0px; color:#fff;  width:50px; height:50px;  z-index:20; text-align:center; 
}
@media (prefers-reduced-motion) {
  .wrapper {
    animation: scroll 800s linear infinite;
  }
}

@media (min-width: 670px) {
  .title {
    font-size: 5rem;
  }
}

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

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


}

footer a{  color: #a7a7a7;
}




.abt-middl-img{ padding:60px;}


.footer h4{ text-align:left; font-size:22px; margin-right:15px; color:#FFFFFF; margin-bottom:25px;}
.footer-txt a{ padding:8px 20px; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; text-align:center; text-transform:uppercase; color:#000000; background:#fff; border-radius:4px; font-size:14px;}

.footer-txt .fa{ margin-left:15px}

.footer-txt a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;    background: #446246; color:#FFFFFF;}


.inner-about{ background:none; padding:30px 0px; color:#000000;}
.inner-about .abt-middl-img{ background:url(../images/Decor-2.svg) bottom right no-repeat;}
.inner-about .abt-middl-img{ padding:0px 40px 40px 60px;}
.inner-about .abt-middl-img img{ position:relative; z-index:10;}

.inner-about p {
    font-size: 15px;
    line-height: 26px!important;
    text-align: justify;
}

.abt-border-bx {
    position: absolute;
    border: 10px solid #e6e6e6;
    width: 300px;
    height: 350px;
    top: 15%;
    left: 0;
}



.inner-about  h3 {
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    margin: 20px 0px;
    -webkit-text-stroke-color: #000;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
}

.inner-about{ margin-bottom:60px;}

@media all and (max-width: 760px) {

.abt-border-bx{ display:none;}


.inner-about .abt-middl-img {
    padding: 0px 30px 30px 0px;
}


.full-width-menu {
    padding-top: 10px;
}

.left-social-media{ display:none;}
.logoC img{ max-width:100px;}
.nivo-controlNav {
  bottom: 0;
}
.top-menu {
  float: right;
  margin-top: 15px;
}
.top-menu {
    float: right;
    margin-top: 0px;
  }


.menu-button1 img{ width:30px;}
header {
  padding-top: 13px;
}
.sliderC h1 {
  font-size: 17px;
}

.sliderC h2 {
  font-size: 20px;

}

.sliderC h3 {
  font-size: 15px; max-width:80%; margin:0px auto; display:none;
}
.abt2{ margin-top:35px;}
.video-bx {
  margin-top: 0;

}
.video-top{ margin-top:50px;}

.home-about{ padding:30px 0px;}
.about-txt{width:100%;}

.video-top{ height:60px; margin-top:0px;}
.play-btn {
  width: 70px;
  height: 70px; font-size:16px;
}

.video-sec h2 {
  font-size: 23px;}



.video-sec p {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Lato', sans-serif;
  margin: 10px auto;
  width: 100%;
}
.video-sec h3 {
 
  display: block;
  padding: 11px;
  font-size: 15px;
  font-weight: 600;
  margin: 0px auto;
    margin-bottom: 0px;
  
}

#intro{ background-size:auto; padding:80px; min-height:50px;}

.middle-sec {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
}
#intro-2{  background-size:auto; padding:60px 0px;}
.home-service h2 {
  font-size: 58px;
  
  }
  
  
  .home-srvs h2 {
    font-size: 24px;
  }
  
  .steps-Out h3 {
  font-size: 30px;}
  
  #intro-03, #intro-4{ background-size:auto; padding:60px 0px;} 
  
  
  
  .testimonial h2 {
  font-family: 'Bebas Neue', sans-serif;
  color: #d0d1d3;
  font-size: 62px;
  text-align: right;
  margin-bottom: 0px;
  line-height: 65px;
  margin-top: 0;
}
  
  
  .counter-s h2{ font-size:30px;}
  .counter-s h2 span {
  font-size: 36px;
}
  
  
  

.counter-bx {

  padding: 10px 10px;


  margin-bottom: 5px;

}
  
  
 .counter-bx h4 {
  font-size: 37px;} 
  
  
  .clients h2 {
  font-size: 41px;

}
  
  .clients h3 {

  font-size: 24px;
  }
  
 .prj h3 {
  font-size: 23px;} 
  
  footer h3{ margin-top:50px;}
  
  .testi-video {
  overflow: hidden;
  position: static;
  right: 0;
  width: 100%;
  top: 60px;
  margin-top: 35px;
}


.menu-logo {
  overflow: hidden;
  margin-bottom: 40px; display:none;
}

.full-width-menu{ padding:25px 0px;}

.adress { display:none;}
#cssmenu{ position:static; display:block; width:100%;}
#cssmenu ul{display:block;}
.tp {
  padding-left: 0;
}

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

  #cssmenu > ul > li a {
    padding: 5px !important;
    font-size: 15px !important;
  }

.banner-cap h1 {
  font-size: 21px;}
  
  
 .bannerC img {
  width: 176%;
} 
  .page-title h2 {
  font-size: 24px;}
  
 .abt-tit-txt h3 {
  font-size: 23px;} 
  
  
  .about-vis {
  margin-top: 50px;
  padding-left: 0px;}
  
  
  .carousel-item{ margin-bottom:25px;}
.pro-detailbx{ margin:30px 0px; padding:20px;}
  
  
  .pro-detailbx li {
  margin-bottom: 25px;
  overflow: hidden;
}

.pro-detailbx li h4 {
  float: left;
  width: 100%;
}

.pro-types{ border-bottom:1px solid #fff;}

.contact-top{ background:#82af0a;}

.contact-top h3{ margin-top:30px; color:#FFFFFF;}
.contact-top ul li { color:#fff;
}

.contact-form h3{ font-size:28px; margin-top:30px;}
footer h2 span {
  font-size: 11px;
}

footer p {
  font-size: 13px; margin-bottom:0px;}
 
 .video-sec h3{  letter-spacing:2;} 
  
  
  .grid figure img{ width:100%;}
  #intro-03{ background-size:400%!important;}
  
  
  #background { font-size:75px;}
  .test-title-text {
    position: relative;
    height: 75px;
}

.testi-c h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;margin-bottom:35px;
}

.testi-c h3 b {
    font-size: 31px; 
}


.clients h2{ margin-top:0px;}

.count-sec-out{ position:static; padding:0px 0px;}


.nivo-directionNav{ display:none;}

.carousel-caption01 {
    background-size: auto 100%;
    padding: 12px 0px;}

.sliderC h1 {
 
    line-height: unset;
}

.sliderC h2 {

    line-height: 12px;
}


.carousel-caption01 {
    background-size: auto 100%;
    padding: 12px 0px;
    text-align: left;

    position: relative;
}

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

#cssmenu ul {
    background: rgba(0, 0, 0, 0.5);
}

.hom-about {
    padding: 0px 0px
  }
  
  .about-img-sec {
    position: relative;
    padding: 10px;
}

.hom-about h3 {
    font-size: 25px;}
	.port-folio-vid h3 {
    font-size: 31px; margin:0px 0px 30px;
  
  }
  
 
  .about-image {
    overflow: hidden;
    width: 70%;
    margin: 0px auto;
}
.abt2{ display:none;}
  
.nivo-controlNav{ display:none!important;}
  
  
  .play-btn{ top:30%;}
  
  
  .logoC img {
        max-width: 37px;
    }

.about-top-img{ display:none;}	

.bottom-img{ display:none;}

.about-img-sec{ padding:45px 0px;}
.home-right {
    margin-top: 0px;
}


.rd-btn{ display:table!important;}
.hom-about h2{ font-size:30px;}
  
  .f-bC{ margin-bottom:5px; padding:15px;}
  
     .home-service h2 {
        font-size: 30px;
    } 
	
.grid{ padding:0px 0px;}	

.testimonial h2 {
        font-size: 34px;

        line-height: 35px;
    }
	
	
.carousel {

    width: 100%;
}	
	
	#intro5{ padding:0px 0px;}
	
	
	
	.prj h2 {
    font-size: 30px;}
	
	.carousel {
  padding-bottom: 0;
}
  
  
  #intro {
 
    padding: 70px 0;
 
    background-size: 500%;
}
#intro-2, #intro-3, #intro-4, #intro-5, #intro-6, #intro-7, #intro-8 { background-size: 500%;}

#intro7{ background:#333!important;}


#intro5{ padding:60px 0px 0px;}


.footer h3{ font-size:25px; margin-bottom:25px;}

.footer .col-lg-3{ margin-bottom:45px;}

.copy-right ul{ margin:0pa auto; margin-bottom:25px; display:table;}
.copy-right p{ float:none; text-align:center;}

  .sidenav{ background:#333;
  }
  
  #cssmenu > ul > li a{ margin-bottom:0px; background:none;}
  
   #cssmenu ul {
    background: rgba(0, 0, 0, 0.1);
  }
  
  .nivo-caption h2, .nivo-caption h3{ display:none;}
    .nivo-caption h1{ font-size:15px; padding:5px;}
	
	
	.hom-about{ padding-bottom:40px;}
	.what-we-do h2 b {
    font-size: 17px;}
	
	
	.what-we-bx{ margin-bottom:30px;}
	
	.abt2-txt{ width:100%; margin-bottom:0px;}
	
	.clients h2 {
        font-size: 29px;
    }
	
	
	
	.footer {
    padding: 40px 0px 0px;

}
	.service-txt {
 
    margin: 0px;
}

.cts-bx{ margin-bottom:30px;}
	.cts-left h2 b {
    font-size: 22px;}
	
.abt-middl-img {
  padding: 0px 15px 15px 0px;
}	
	
 .about-img-sec {
    padding: 28px 0px;
  }	
	
	
	
	
.what-we-do {
  padding: 45px 0px 30px;}	
	
	
	  #intro {

    background-size: 800%;
  }
	
	
	.copy-right {
  margin-top: 0;}
	
	
	
	.inner-page {
  margin-bottom: 0;
}
	
	
	.brd{border:0px;}
	
	.cts-bx {
  padding-left: 0;
}
	
	
	
.sld-cap {
    margin-top: 0;
}


	 .nivo-caption h3 {
        display: block; text-align:center;
    }

 .nivo-caption h1 {
    font-size: 14px;}
	
p{ text-align:justify;}	


.footer-logo{ float:left; margin-right:15px;}

.footer h4{ margin-top:65px;}






 .footer h4 {
    margin-top: 6px;
    font-size: 17px;
  }
  
  .footer-txt{ margin-top:30px;}
  
 .home-right {
    padding-left:0px;
} 
  
  
  .video-sec h2 {    margin: 35px 0px 0;}

.f-block {
    margin-top: 28px;}
	
	
	
.clients {
  background: #23262d;
  padding: 31px 0px;}	
  

.what-we-bx {
  overflow: hidden;
  padding: 20px ;
  background: url(../images/pattern-1.png) repeat;
}
  
  .abt2-txt {
  margin: 0 auto;}
  
  .inner-about .abt-middl-img {
        padding: 0;
    }
	
	
.inner-about h3 {

    margin: 00px 0px 20px;}	
	
	
.inner-about {
    margin-bottom: 0px;
}	
.inner-about .about-txt-hm {
    margin-bottom: 0px;
}

  
}