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


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

 


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

	z-index: 21!important; position:fixed; border-bottom:1px solid #7f958f; background:#fff;

}


 .header.scroll_css {

	margin: 0;

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

transition: all .6s ease-in-out; 
}
.tp-social{ list-style:none; padding:0px 0px; overflow:hidden; margin:0px 0px;}
.tp-social li a{ padding:11px 14px; color:#FFF; display:block;}
.tp-social li{ float:left; margin-left:2px; border-right:2px solid #60807d; overflow:hidden;}






.head-top{ background:#057026;}
 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:none;
 }
 
 .logoC{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; overflow:hidden;}
 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto; margin:10px 0px; 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;}




.social-media{ list-style:none; margin:0px auto; padding:0px 0px; }
  .social-media li { float:left; margin-left:8px; font-size:30px; margin-right:0px!important;}
  .social-media a{ color:#411f16;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
  
   .social-media a:hover { color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
   
  
  .social-media a .fa{ font-size:30px;}

.fb .fa{ color:#3b5998;}
.twit .fa{ color:#55acee;}
.linke .fa{ color:#007bb5;}
.yt .fa{ color:#ed3434;}

.right-div{ float:right;}

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



.flt-left{ float:left;}

.top-contact h5{ font-size:14px; color:#FFFFFF;}
.top-contact h5  a{ color:#FFFFFF;}

.time{ font-size:12px; margin-right:15px; float:left; margin-top:7px; font-weight:bold;}
.dwd{ padding:8px 10px; text-transform:uppercase; color:#FFFFFF; float:left; background:#2e3192; border-radius:3px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.dwd:hover{ background:#333;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;}
.hd-2{ margin-top:20px;}

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

#cssmenu > ul > li{font-size:13.2px; font-weight:500; margin-left:0px; margin-right:15px; font-family:Verdana, Arial, Helvetica, sans-serif;
}


#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{ color:#333; text-transform:uppercase; font-weight:500;  padding-right:5px;  padding-left:5px; padding-bottom:15px;  }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#d4d4d4}
#cssmenu > ul > li a.active{ color:#0a3c37!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:22px;}
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

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



#cssmenu{ float:right;}




.home-slider{   overflow:hidden;}

.carousel-caption{ bottom:30%; text-transform:uppercase; }







.carousel-control-next, .carousel-control-prev{ border:0px; background:none;}

.sliderC{ margin-top:110px;}
.sliderC h1{ background:rgba(0, 0, 0, 0.5); padding:10px; display:table; color:#FFFFFF; text-transform:uppercase; font-size:42px;}

.sliderC h2{ background:rgba(0, 0, 0, 1); padding:10px; display:table; color:#FFFFFF; text-transform:uppercase; margin-bottom:15px; font-size:23px;}

.sliderC  a{ background:#1c9f44; color:#fff; padding:10px 20px; text-transform:uppercase;}


.carousel-caption{ text-align:left;}

.carousel-caption{ left:4.1%;}







/*home -about*/

.home-about{ background:url(../images/about-bg.jpg); padding:60px 0px;}


.home-abt-img-out{ background:url(../images/about-img-left.png) left repeat-y; padding:40px 0px 40px 40px; max-width:90%;}
.hm-about-img{ overflow:hidden; padding-right:35px; background:url(../images/abt-img-right.png) bottom right no-repeat; }
.hm-about-img img{ width:100%;border:7px solid #fff;}


.abt-right-yr{ overflow:hidden; margin-top:47px;}
.yr-c{ background:url(../images/yr.png) left repeat-y; padding:20px 0px 20px 20px; float:left; margin-right:15px;}
.yr-c h2{ font-size:70px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:20px; background:#1c9f44; color:#fff; border:3px solid #fff; display:table; margin:0px 0px;}


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

.exp-txt{ float:left;font-family: 'Arsenal', sans-serif;
}
.exp-txt h3{ font-size:50px; font-weight:normal; text-transform:uppercase; margin-top:28px;}
.exp-txt span{ font-weight:bold;}



.rd-btn {
    color: #fff;
    font-weight: normal;
    padding: 15px 20px;
    border-radius: 4px;
    display: inline;
    background: #1f1f1f;
    -webkit-box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 20%);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 3px 3px 5px 0px rgb(50 50 50 / 20%);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;padding: 10px 14px;
    font-size: 12px;
}

.btn-block1{margin-top:30px;display:block;}
.btn-block1 a{float:left: margin-right:5px;}

.rd-btn:hover{ background:#1c9f44; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}



.abt-txt{ line-height:28px; font-size:18px;font-family: 'Arsenal', sans-serif;}

.abt-txt{ margin:20px 0px;}

.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; text-transform:uppercase; 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; text-transform:uppercase; margin:0px 0px;}






#intro { background:url(../images/srv-img.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 60px 0; background-attachment:fixed;  margin-top:0px; 

}






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
















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




}
.slider-content .layer-1 {
  height: auto;
  margin-left: 14%; margin-top:8%;
  width: 35%;
}
.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;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;

  font-weight: 600;
  margin-top: 20px;
  padding: 12px 28px;
  text-transform: uppercase; color:#fff; background:#0a3c37;
}

.nivo-caption a:hover {-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#b45505;}
.nivo-caption a {
  display: inline-block !important;
}
.layer-1 a:hover, .layer-2 a:hover {

  color: #fff;
  border-color: transparent;
}
.slider-area .nivo-directionNav {display: none;}
.nivo-controlNav {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 9;
}
.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;
  width: 14px;
}
.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-directionNav a{ display:none!important;}
.nivo-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
.slider-content .layer-1.layer-2 {

  margin-left: 4.5%;
  margin-right: 8%;
  position: relative;
  width: 40%;
}
.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;
  border: 1px solid #999999;
  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;
    border-color: transparent;
}
/* slider-area.style-2 .nivo-controlNav */
.slider-area.style-2  .nivo-controlNav a {
  width:40px; height:6px; border-radius:0px; background:#828978; border:none;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background: #0a3c37 none repeat scroll 0 0; width:40px; height:6px; top:0; left:0;
}
    





.t1{ color:#FFF; font-size:60px!important; font-weight:900; text-transform:uppercase;}
.t1 span{ font-weight:lighter; text-transform:capitalize;}


.title1{ font-size:18px!important; color:#FFF; font-weight:normal; text-transform:none!important;}


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

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


.nivo-controlNav{ bottom:18%;}

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




.nivo-caption{     color:#2e3192; }


.nivo-caption h1{  margin:0px 0px; color:#0a3c37; font-size:48px;  display:table; text-transform:uppercase; font-weight:bold; font-size:48px;}



.nivo-caption h2{  margin:5px 0px; line-height:normal; display:block; color:#000; background:#fff; padding:5px 5px 14px; display:table; text-transform:uppercase; font-weight:bold; font-size:20px;  line-height:18px;   font-size:44px;}

.nivo-caption h3{  margin:0px 0px; display:block; color:#000; background:#fff; padding:5px 5px 14px; display:table; text-transform:uppercase; font-weight:bold; font-size:20px;  line-height:18px;   font-size:44px;}
.nivo-caption p{ font-size:20px; color:#b45505;}


.nivo-controlNav{ bottom:4%;}

.nivo-caption{ opacity:1;}

.head-top{ padding:0px 0px;}
.top-contact h5{ margin:10px 0px;}

.top-ph{ float:left; background:#60807d;  display:table; }
.top-ph h5{margin:0px 0px; line-height:normal;}


.top-ph h5 {
  margin: 0px 0px;
  line-height: normal;
  padding: 10px 15px;
}

.rt{ float:right;}









.hovereffect {
  width: 100%; overflow:hidden; margin-bottom:30px;

  float: left;
  overflow: hidden;
  position: relative;
 
  cursor: default;
/*  background: -webkit-linear-gradient(45deg, #1c9f44 0%, #1c9f44 100%);
  background: linear-gradient(45deg, #ef5514 0%,#1c9f44 100%);*/ background:#1c9f44;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

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

.hovereffect a, .hovereffect h3, .hovereffect h4 {
  color: #FFF;
  opacity: 1;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;

  transform: translate3d(10px,0,0);
}




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

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


.hovereffect{ overflow:hidden;}
.hovereffect img{ width:120%;}




.service-C:hover .service-img img {
 
    transform: scale(1.2);
}
.service-img img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}


.our-product{ background:url(../images/product-bg.jpg) no-repeat ; background-size:100% auto;   color:#FFFFFF; padding:40px 0px; padding-top:60px;}
.our-product h2{ text-transform:uppercase; font-size:30px; font-weight:normal; margin:0px 0px 15px;}
.our-product h2 span{ letter-spacing:2px;}

.pro-C{ position:relative; overflow:hidden; }

.pro-txt{position:absolute; bottom:30px; left:30px; z-index:99; width:100%;}
.pro-C h3{   color:#FFFFFF;display:table;  font-size:16px; font-weight:600; margin:0px 0px; margin-bottom:5px; width:80%;  }

.pro-C h4{   color:#FFFFFF;display:table;  font-size:18px; text-transform:uppercase; font-weight:600; margin:0px 0px; margin-bottom:5px; max-width:90%;  }

.pro-C a{  color:#FFFFFF; text-transform:uppercase; display:table;webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.our-product h4{ color: #626262; opacity:0.1; font-weight:600; font-size:100px; text-transform:uppercase; margin:0px 0px; position:absolute; left:0; top:-40px;}


.green-over{ background:#0a3c37; position:absolute; top:0; left:0; right:0; bottom:0;}

.allpr{}
.allpr h3{ text-transform:uppercase;}
.allpr .fa{ font-size:50px; opacity:0.5;}

.products{ padding:40px 0px;}

.products h2{ position:relative; border-bottom:1px solid #ced8d7; padding-bottom:30px; text-transform:uppercase; font-weight:bold; font-size:37px; text-align:center; color:#0a3c37; margin-bottom:30px;}

.products h2:after{ position:absolute; bottom:0; left:0; right:0; width:80px; height:1px; background:#28a34e; content:''; margin:0px auto;}


#intro1 { background:url(../images/counter-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 70px 0 50px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; background:
}

.count-bx{ text-align:center; padding:30px; border:1px solid #fff; color:#FFFFFF;}

.count-bx h4{ font-size:16px; font-weight:bold;}

 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
.count-bx h3{ font-size:16px; font-weight:bold;    font-family: 'Oswald', sans-serif; font-size:55px;}


#intro2 { background:url(../images/choose-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 70px 0 50px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; 
}


#intro3 { background:url(../images/intro.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 70px 0 50px; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; color:#FFFFFF; 
}


.servicebx{ overflow:hidden; border-radius:10px;  }
.service-img{ overflow:hidden;}
.service-img img{ width:100%;}

.srv-txt{padding:25px; background:#fff ; color:#0a3c37;overflow:hidden;}

.service-img h3{ color:#0a3c37; font-weight:bold; margin:0px 0px 20px;}

.servicebx h3{ font-size:20px; margin:0px 0px 20px; font-weight:600;}

.servicebx p{ color:#0a3c37}
.servicebx a{ border:1px solid #0a3c37; padding:8px 12px; color:#000;  display:table;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.servicebx a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#09423b; color:#FFFFFF;}
.servicebx a .fa{ margin-left:8px;color:#0a3c37;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.srv-cont{ margin-bottom:15px;}

.servicebx a:hover .fa{ color:#fff;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.servicebx{ margin-bottom:30px;  box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
  transition: all .5s ease 0s;
}

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




#intro2  h2{ position:relative; border-bottom:1px solid #ced8d7; padding-bottom:30px; text-transform:uppercase; font-weight:bold; font-size:37px; text-align:center; color:#fff; margin-bottom:30px;}

#intro2  h2:after{ position:absolute; bottom:0; left:0; right:0; width:80px; height:1px; background:#b45505; content:''; margin:0px auto;}

.testimonial-c{ text-align:center; background:url(../images/test.jpg); background-size:100% 100%; min-height:350px; padding:45px 0px;}



.testimonial-c  h2{ position:relative; border-bottom:1px solid #ced8d7; padding-bottom:30px; text-transform:uppercase; font-weight:bold; font-size:37px; text-align:center; color:#0a3c37; margin-bottom:30px;}

.testimonial-c h2:after{ position:absolute; bottom:0; left:0; right:0; width:80px; height:1px; background:#b45505; content:''; margin:0px auto;}
.testimonial-c .carousel{ margin-top:60px; margin-bottom:60px;}
.testi-descripton{ display:table; max-width:50%; margin:20px auto; font-size:18px; line-height:30px; color:#0a3c37}

.testimonial-c h5{ color:#000000;}
.testimonial-c h6 b{ color:#b45505;}
.testimonial-c .carousel-indicators{ bottom:0;}



.client-c { background:#f0efee; padding:50px 0px;}
.client-c  h2{ text-transform:uppercase; font-weight:bold; font-size:30px;}


.client-img{ overflow:hidden; margin-bottom:30px;}
.client-img img{ width:100%;}


.cl5{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; padding:0px 15px;
}







/*#intro2 { background:url(../images/intro.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 100px 0; background-attachment:fixed;  margin-top:0px; color:#FFFFFF; background-size:100% auto;  color:#FFFFFF; 

}*/


.md-contact{ margin-left:30%; text-align:left; max-width:90%;}
.md-contact h3{ font-size:40px; font-weight:200; line-height:62px; margin-bottom:20px; }
.md-contact h4{ font-size:16px; font-weight:300; line-height:25px; margin:0px 0px 20px;width:90%;}
.md-contact a{ border-radius:30px; color:#fff; font-size:14px; text-transform:uppercase;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding:15px 27px; background:#1c9f44; display:table;}

.md-contact a:hover{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background:#333;}













.footer-formC{ background:#3b3b3b url(../images/form-bg.jpg) no-repeat; background-size:100%; padding-top:60px;}
.formH{ background:#fff; padding:40px; max-width:90%; margin:0px auto; display:table; margin-bottom:50px;-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.35);}
.formH {}



.footer-formC h2{ position:relative; border-bottom:1px solid #ced8d7; padding-bottom:30px; text-transform:uppercase; font-weight:bold; font-size:37px; text-align:center; color:#0a3c37; margin-bottom:30px;}

.footer-formC h2:after{ position:absolute; bottom:0; left:0; right:0; width:80px; height:1px; background:#1c9f44; content:''; margin:0px auto;}
.formH input{ border:none; border-bottom:2px solid #3b615d; height:40px; margin-bottom:10px; width:100%; color:#3b615d;}

.formH textarea{ border:none; border-bottom:2px solid #3b615d; height:90px; margin-bottom:10px; width:100%; color:#3b615d;}
.formH button{ background:#0a3935; padding:15px 40px; text-transform:uppercase; color:#FFFFFF; border:none; display:table; margin:20px auto; cursor:pointer; margin-bottom:0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.formH button:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#ccc;}
footer li a{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
footer li a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#1c9f44;}


footer{ color:#fff; padding-top:60px; padding-bottom:0px; background:#3b3b3b;}

a:hover{}

footer h3{ font-size:22px; font-weight:600; text-transform:uppercase; margin:0px 0px 30px;}
footer ul{ padding:0px 0px; list-style:none;}
footer li{ margin-bottom:8px;}
footer li a{ color:#FFFFFF;}
footer a{color:#FFFFFF;}


.footer-c-details ul { padding-left:30px; position:relative; margin-bottom:8px;padding-bottom:5px; }
.footer-c-details ul:before{ position:absolute; left:0; top:0; width:25px; height:25px; content:''; }
.adr:before{ background:url(../images/map.png) no-repeat;}


.ph:before{ background:url(../images/phone.png) no-repeat;}
.info:before{ background:url(../images/envelope.png) no-repeat; top:5px!important;}
.footer-logo{ margin:20px auto; display:table;}

.btm-social{  list-style:none; padding-left:0px!important;}
.btm-social li{ float:left; margin-left:8px;}
.btm-social li a{ color:#1c9f44; width:30px; height:30px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; border-radius:50%; text-align:center; line-height:30px; background:#fff; display:table;}

.btm-social li a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#000000; color:#fff;}

.copy-right{ border-top:1px solid #547572; padding:30px 0px; text-align:center; margin-top:20px;}
.copy-right p{ margin-bottom:0px;}
.copy-right a:hover{ color:#fff;}
inner-pageC{ margin-bottom:40px;}

.bannerC{ overflow:hidden; width:100%; margin-bottom:40px; margin-top:96px; }
.bannerC img{ width:100%; }


 
 
 .pagTitle{ overflow:hidden;margin-bottom:15px; }
 .pagTitle h1{ font-weight:800; text-transform:uppercase; font-size:30px;}
 .about-img{ position:relative; overflow:hidden; }
 .about-img img{ width:100%;}
 .abt-imgTitle{ position:absolute; bottom:10px; left:10px; color:#FFFFFF;}
 .about-img h3{ display:table; float:left; font-size:40px; text-transform:uppercase; margin:0px 0px; margin-right:10px; }
 .about-img h4{ display:table; float:left;  margin:0px 0px;  color:#444444; background:#fe0000; font-weight:200; font-size:14px; text-transform:uppercase; padding:5px; margin:0px 0px; float:left; line-height:12px; margin-top:5px;}
 
 .yello-titleBx{ background:#400109; padding:5px 10px; width:130px; display:table; color:#fff; position:relative;}
  .yello-titleBx h3{ font-weight:300; margin:0px 0px; font-size:14px;}
 .yello-titleBx h3 b { text-transform:uppercase; font-size:20px;}
 .title-icon{ overflow:hidden; position:absolute; right:-21px; top:10px;}
 
 .title-icon{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
  .yello-titleBx:hover  .title-icon{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.abt-txt-div{ overflow:hidden; font-size:14px; color:#636363; line-height:22px; padding:18px 0px 45px 0px;}
.abt-txt-div p{ margin-bottom:0px; }
.abt-txt-div ul{ margin:0px 0px; padding:0px 0px 0px 15px; list-style:square;}

.misn-title  .title-icon{ right:-15px; top:5px;}

.value-title .title-icon{ right:-19px; top:7px;}

.abt-txt-div li{ text-transform:capitalize;}



.about h2{ margin-top:0px; font-size:30px; line-height:normal; margin-bottom:25px;}
.about span{ background:#ed202e; padding:3px 8px; font-weight:bold; font-size:30px; color:#FFFFFF;}


.about-img{ margin-bottom:40px;}

.pdf{ color:#fff;  padding:15px 25px; border-radius:5px;     display: inline; margin-top:50px; border:none;cursor:pointer; 
overflow:hidden; font-weight:bold;background:#0b3935;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;margin-right:10px;}
.pdf .fa{ margin-right:8px;}

.pdf:hover{background:#ac6428;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;}


.vs-bx{ background:#f5f5f5; padding:25px; background:#f2f2f2; margin-bottom:3px; border-radius:5px;}

.abt-txt-div{ padding-bottom:0px;}
.abt-txt-div p{ margin-bottom:0px;}







.pagTitle h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 10px 0px 30px;
}


.about-image{max-width:250px;margin-right:30px;margin-bottom:20px;overflow:hidden;float:left;}
.about-image img{width:100%;}
.abt-txt01{}


about-c{}
.about-c h3{ font-size:20px;  background:#057026; font-weight:200; padding:10px; color:#FFFFFF;  display:table; text-transform:uppercase; margin-bottom:40px; margin-top:40px;}

.about-image{ overflow:hidden;}
.about-image img{ width:100%;}
.vis-mis{ overflow:hidden;}
.vis-mis img{ width:100%;}
.about-c h4{ text-transform:uppercase; margin:0px 0px 10px; font-size:30px; color:#01407b;}

.mis-1{ margin-top:40px;}

.top-pad{ margin-top:80px;}

.vis h4{ font-size:18px; font-weight:300;padding:15px 20px;background:#dfdfdf;border-radius:4px;display:table;}



.inner-pageC .service-C h3{ font-size:19px; }


.choose-bx{ color:#FFFFFF; margin-bottom:30px;}

.choose-sec{ color:#FFFFFF;}

.choose-sec h2{ color:#FFFFFF; font-size:30px; margin:0px 0px 30px; font-weight:bold;}

.choose-bx h3{ font-size:22px; margin:0px 0px 10px;}
.choose-bx { position:relative; padding-left:60px; }
.choose-bx:before{ width:47px; height:47px; background:#fff; line-height:47px; border-radius:50%; position:absolute; left:0; font-family:FontAwesome; text-align:center; font-size:22px; color:#0b3935;
 }

 .c1:before{ content:'\f0ad';}
 
  .c2:before{ content:'\f085';}
  
  .c3:before{ content:'\f017';} 
  
  
 .choose-bx p{}

.c1{}


/*#intro2 { background:url(../images/choose-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 108px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto;

}*/

.vis-box{}
.vis-box h4{ font-size:30px; font-weight:700; margin:0px 0px 10px}


.ms-bx{ margin-top:50px;}

.vs-cont{ margin-left:50px;}

.v-txt{ width:80%;}



#intro4 { background:url(../images/choose-bg.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 90px 0; background-attachment:fixed;  margin-top:50px; background-size:100%  auto;

}

#intro-3 h2{ font-size:70px; text-transform:uppercase; font-weight:200; margin:0px 0px 20px; text-align:center; }


.focus-right {
  margin-left: 60px;
}
.focus-right h4 {
  font-size: 33px;
  margin-top: 0px;
  line-height: 40px; font-weight:bold;
}
.focus-txt {
  font-size: 15px;
  line-height: 25px;


}

.inner-pageC .focus-slider {
  padding: 20px;
  background: url(../images/inner-abt.jpg);
    background-size: auto;
  background-size: 100% auto;
}

.inner-pageC  .carousel-inner {
  padding-bottom: 0;
}
.inner-pageC  .carousel-inner img{ border:5px solid #fff; width:100%;}

.focus-txt{ margin-bottom:45px;}

.inner-pageC .servicebx{ margin-bottom:30px;  box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
  transition: all .5s ease 0s;
}

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



/*product detail*/

.dtl{ font-weight:normal; font-size:14.5px;}

.dtl .carousel-indicators li{ width:60px; height:40px;  overflow:hidden; border-radius:0px;}
	.dtl	.carousel-indicators img{ width:100%;}
		.dtl .carousel-indicators li a{width:60px; height:60px;}
		.dtl .carousel-indicators li{ text-indent:0px;}
		.dtl .carousel-item{ margin-bottom:10px;}
		.dtl .carousel-indicators{ display:table; margin-left:0px; overflow:hidden; position:static;}
		.dtl .carousel-item{ overflow:hidden;}
		.dtl .carousel-item img{ width:100%;}





.dtl h2{ color:333333; font-size:24px; font-weight:600; margin-top:0px; margin-bottom:15px;}

.dtl h3{ font-weight:600; text-transform:none; color:#333; margin:10px 0px;}

.detail-content ul{ margin:15px 0px; list-style:none; padding:0px 0px;}
.detail-content li{ padding-left:5px; position:relative; margin-bottom:10px; float:left;}
.detail-content li:before{ position:absolute; background:url(../images/arroe-1.png); width:5px; height:9px; content:''; left:0px; top:6px; }

.dtl p{ font-weight:normal}

.dtl h4{ border:1px solid #14376e; display:table; overflow:hidden; padding:2px 5px; float:left; margin-left:5px; margin-top:10px; font-size:14px; text-transform:uppercase;}
.dtl h4 span{ background:##14376e; background:#14376e; padding:10px; color:#FFFFFF;}
.dtl h4 b{ padding:10px; font-weight:600;}

.project ul{ margin:20px 0px; padding:0px 0px 0px 15px; list-style:disc;}
.detail-content h5{ background:#CCCCCC; padding:2px 5px; text-transform:uppercase; display:table; font-size:15px; margin:10px 0px 3px; float:left;}
 


.pro-descrip ul{ margin:20px 0px; padding:0px 0px; list-style:none;}
.pro-descrip ul li{ position:relative; padding-left:25px; margin-bottom:8px;}
.pro-descrip ul li:before{ position:absolute; left:0; content:''; background:url(../images/icon-2.png); width:15px; height:15px; background-size:100% 100%; top:3px;}

.dtl h3 { font-size:20px; font-weight:lighter;}


.dtl { margin-bottom:50px;}
.pro-descrip ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}
.pro-descrip ul li::before {
  position: absolute;
  left: 0;
  content: '';
  background:url(../images/dot-icon.png);
    background-size: auto;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  top: 3px;
}


/*contact*/

.top-ct{font-family: 'Roboto', sans-serif;}

.top-ct h3{ font-weight:normal; font-size:18px; margin:5px 0px;}
.top-ct h4{ font-weight:normal; font-size:14px; margin:5px 0px; margin-bottom:15px; }

.address-C{font-family: 'Roboto', sans-serif; padding:30px; background:url(../images/address-bg.jpg); background-size:100% auto;}

.adrees-sec{ color:#fff!important;}
.adrees-sec h3{ font-size:18px; font-weight:bold; }
.map-icon{ margin-bottom:15px;}

.adrees-sec ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.adrees-sec li{ font-size:14px;  display:inline;}


.c-numbers{ color:#fff; padding-left:40px;}

.c-numbers h3{ font-size:14px; font-weight:bold; margin:0px 0px; margin-top:40px;}
.c-numbers ul{ font-size:14px; font-weight:bold; padding:0px 0px; margin:0px 0px; list-style:none;}
.c-numbers ul li a{color:#fff;}

.c-numbers ul li{ display:inline; padding-right:5px; margin-right:5px; border-right:1px solid #d2b177;}

.c-numbers ul li:last-child{ border:none;}


.formC{ padding:60px 0px; background:#7f7f7f; margin:30px 0px;}

.formC h3{ color:#FFF; font-size:30px; text-transform:uppercase; font-weight:normal;}
.formC h4{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:lighter; color:#FFF;}
.textBox{ background:#FFF; height:40px; padding-left:10px; border:none; border-radius:2px; width:100%; margin-bottom:5px;}

form{font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal;}
form .row{ margin:0px -5px;}
form .col-lg-4{ padding:0px 5px;}
.textArea{background:#FFF; height:100px; padding-left:10px; border:none; border-radius:2px; width:100%; margin-bottom:5px;}

.send-btn{  transition: all 0.5s ease 0s;text-transform:uppercase; color:#FFF; padding:10px 15px; border-radius:3px; background:#5a5245; border:none; cursor:pointer;}

.g-map{ margin:30px 0px 30px;}

.pro-list li  a{  border-color: #e9ecef #e9ecef #dee2e6;
    border-bottom-color: rgb(222, 226, 230);
}
.pro-list ul{ margin:0px 0px; padding:10px; list-style:none; background:#e3e3e3; border-radius: 4px;}

.pro-list li { margin-bottom:2px;}

.pro-list li  a{
  border-radius: 0px;
  font-weight:normal;
  padding: 15px 20px; display:block; background:#fff;
  border-bottom: 1px solid #c6c9cb !important;
  border-radius: 4px; color:#08423b;transition: all 0.5s ease 0s
}


.pro-list li  a:hover{transition: all 0.5s ease 0s; background:#b45505; color:#FFFFFF;}
 .pro-list li  .active {background: #b45505;
  color: #fff;}
  

  .mega-menu{
 
    margin-left: 10px;
    top: 27px!important;
    background: #2c2c2c!important; margin-left:-950px!important;
	    padding: 20px 0px !important; min-height:300px; padding:30px;
		    width:1244px!important; display:none;
    margin-left: 10px;}
/*	.sub-01:hover .mega-menu{ display:block;}
*/	

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



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

/*#cssmenu > ul > li:hover .mega-menu{ display:block;}*/



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

.md-msg {
    background: #dedede;
    padding: 30px;
    margin: 30px 0px; overflow:hidden ; margin-top:50px;
}
.md-msg h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0px 0px 15px;
}

.md-img {
    float: left;
    width: 230px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 15px;
}
.ceo-img {
    border: 8px solid #fff;
}
.md-img img {
    width: 100%;
}
.md-img h4 {
    margin: 10px 0px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px auto;
    text-align: center;
}
.md-msg p {
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
}







#cssmenu ul ul {background:#08423b!important; }






















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









#cssmenu ul ul  {

	
	animation-duration:0.7s;

}
#cssmenu ul  li:hover ul{

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




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



#cssmenu ul ul ul  {

	
	animation-duration:0.7s;

}
#cssmenu ul ul li:hover ul{

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



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

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

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



.feature-bx{ background:#e1e1e1; padding:40px; overflow:hidden; margin-bottom:30px; text-transform:capitalize;}
.feature-bx h3{ text-transform:uppercase; font-weight:lighter; font-size:25px; margin:0px 0px 20px;}

.feature-bx li{ width:48%; float:right; margin-right:15px;}

.feature-bx ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.feature-bx li{ padding-left:30px; position:relative; margin-bottom:15px;}

.feature-bx  li::before {
  position: absolute;
  left: 0;
  content: '';
  background: url(../images/dot-icon.png);
    background-size: auto;
  background-size: auto;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  top: 3px;
}


.srv-detail-img{ overflow:hidden;}
.srv-detail-img img{ overflow:hidden;}



.inner-pageC .servicebx{ border-radius:0px;  padding:5px;}


.inner-pageC .servicebx h3{ text-transform:uppercase; font-size:18px; margin-bottom:10px;}

.srv-detail-img{ border:5px solid #f6f6f6;}
.srv-detail-img img{ width:100%;}

/*gallery*/

.evtC {
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.39);
  -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.39);
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.39);
}
.grid {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
}
figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
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;
}
.grid figure figcaption, .grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
}

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

	
	
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure  a{ color:#fff; }


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

.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 {
	word-spacing: -0.15em;
	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;
}

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

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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.grid figure p{ margin-top:24%;}
.grid figure a{ padding:8px 12px; background:#44546a;}




.see-mr{}



.see-mr{transition: all 0.6s ease-in-out 0s}
.see-mr:hover{transition: all 0.6s ease-in-out 0s; background:#f5912f; color:#fff;}


.effect-oscar{ margin:0px 0px;}
.evtC{ box-shadow:none;}


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

.left-10{ margin-left:10px;}

.left-10 li{ margin-right:10px;}



.g-map iframe{ width:100%; border:0px;}

.client-img{ border:5px solid #ebebeb; background:#000; }
	
	
	.client-img a{opacity:0.8;}
.client-img{ margin-bottom:30px;  box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
  transition: all .5s ease 0s; 
}


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


@media (min-width: 1300px) {




.container {max-width: 1290px;

}
}


@media (min-width:700px) and (max-width:1260px) {


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

@media (max-width:760px) {

.left-10 li{ width:100%; float:left; margin-bottom:10px;}
.left-10{ margin-left:0px; margin-top:30px!important;}
.footer-logo{ margin:20px auto; text-align:center;}
.footer-logo img{ max-width:80%;}
.tp-social{ display:none;}
.logoC { overflow:hidden;}
.logoC img{ width:100%!important;}
.top-ph h5{ display:none;}

#cssmenu > ul > li a.active{color:#930033!important;}


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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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


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

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


.logoC img{ width:200px!important; margin:10px 0px!important;}

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

.nivo-caption h1 b{ font-size:22px;}
.nivo-caption h2{ font-size:14px;}
.nivo-caption h3{ font-size:12px;}

.bannerC{ margin-top:80px;}
.slideC{ margin-top:80px!important;}
.slider-content .layer-1.layer-2 {
  
    width: 68%;
}
.nivo-caption h1 {
    font-size: 15px;
}
#intro{ background-size:300%; padding:50px 0px;}
.about-logo img {
    width: auto;
    max-width: 50%; display:none;
}

.home-about h2{ font-size:25px; margin-top:30px;}

#intro1{ background-size:600%; padding:50px 0px;}
#intro2, #intro4{ background-size:600%; padding:50px 0px;}
.count-bx { margin-bottom:10px;}
.count-bx h3{ font-size:40px;}

.count-bx h4 br{ display:none;}

.testimonial-c h2, .products h2, #intro2 h2, .footer-formC h2{ font-size:25px}
.testimonial-c .carousel {
    margin-top: 0px;
    margin-bottom: 0px;
}

.testi-descripton{ max-width:95%; font-size:16px; line-height:20px;}
.home-about-img {
    overflow: hidden;
    padding: 30px 0px 0px 30px; background-size:50%;
    max-width: 100%;
}


.testimonial-c{ background:#e6e6e6;}


.carousel-logo{ margin-bottom:5px;}


footer ul{ margin-bottom:35px;}
footer h3{ font-size:20px; margin-bottom:15px;}

.focus-right h4{ font-size:25px; line-height:30px; font-weight:600; margin-top:30px;}
.focus-right {
    margin-left: 0px;
}

.md-img{ float:none;}

.vs-cont{ margin-left:0px; margin-top:35px;}

.pro-list { margin-bottom:30px;}
.dtl .carousel-indicators li{ width:47px;}

.address-C{ background:#09423b;}
.c-numbers{ padding-left:0px;}

/*
.mega-menu{overflow: hidden;
   width:100%!important; padding:0px!important;
    margin-left: 10px; left:0px!important;
    top: 29px!important;}
  
.sub-01:hover .mega-menu{ display:block!important;}
	
	    .mega-menu li{ width:100%!important;}
		 .mega-menu  ul{ display:block; width:100%;}
*/





#cssmenu > ul ul li a {
    padding-left: 25px!important;
    position: relative;
}


#cssmenu > ul ul ul li a {
    padding-left: 35px!important;
    position: relative;
}


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




/*neww*/

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

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


.feature-bx{ padding:15px;}
.feature-bx li{ width:100%; padding-left:30px;}
.feature-bx  ul{ margin-left:20px;}

.pagTitle h1{ font-size:25px; }

.sliderC h2{ font-size:11px;}
.carousel-caption{ bottom:3%;}
.sliderC h1{ font-size:20px;margin-bottom:5px; padding:4px;}
.sliderC a{ padding:5px 7px; font-size:12px;}
.home-abt-img-out{ max-width:100%;}

.exp-txt h3{ font-size:30px;}
.home-about h2{ margin:5px;}
.home-about{ padding:30px 0px;}

.cl5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px;
}

#intro3{ background:#25211e;}

.md-contact {
    margin-left: 0%;
    text-align: left;
    max-width: 100%;
}
.md-contact h3 {
    font-size: 19px;
    font-weight: 200;
    line-height: 36px;
    margin-bottom: 20px;
}

.md-contact h4 {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0px 0px 20px;
    width: 90%;
}

.home-abt-img-out{ padding:20px 0px 20px 20px;}

.pagTitle h2{ font-size:14px;}

.about-image{ max-width:100%; margin-right:0px;}
.top-pad {
    margin-top: 30px;
}

.srv-detail-img{ margin-bottom:20px;}


.sliderC {
    margin-top: 90px;
}

.abt-txt {
    line-height: 25px;
    font-size: 16px;
    font-family: 'Arsenal', sans-serif;
}

#cssmenu ul {
    /* width: 97%; */
    overflow-x: hidden;
}
}