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

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





@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


body {
  font-family: 'Roboto', sans-serif;
}


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

 }

p{ font-weight:400;}

.header{ width: 100%; height: auto; 

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

	z-index: 31!important; position:fixed; background:url(../images/header-bg.png); background-size:100% auto;
	 position:absolute;  padding:8px 0px; color:#FFFFFF; 

}


.top-contactC {
  float: left;
  margin-top: 24px;
}
.top-contactC  a{ color:#FFFFFF;}

.logoC {
   
  overflow:hidden; margin:5px 0px; margin-top:15px; float:left; margin-right:25px;
}
.logoC img{ max-width:100%;}

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

}

#cssmenu > ul > li{font-size:16px;  margin-left:35px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

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

#cssmenu > ul > li a:hover{ color:#006079;}
#cssmenu > ul > li a.active{ color:#46659b!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;  }


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

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

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





.slideC img{ width:100%;}



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

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


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

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


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


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

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



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

.cap-inner{ position:relative;}

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




/*nivo -slider*/




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




}

.custom-slider {position: relative;}

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

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

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

  color: #fff;

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

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

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

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



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

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

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;  }

.nivo-controlNav{ bottom:30px;}

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



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

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

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}



a:hover{ text-decoration:none;}





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









.sld-cap{ text-align:center;}
.sld-cap h1{ font-size:55px; text-transform:uppercase; font-weight:900;}
.sld-cap h2{ font-size:45px; text-transform:uppercase; font-weight:500;}

.sld-cap p{ font-size:15px; margin-left:150px; text-align:left; max-width:30%;}
.nivo-caption{ color:#FFFFFF;}

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

.nivo-caption{opacity:1;}


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










.cap-inner{position:relative; padding:10px; text-align:left;}
.cap-inner:before{ position:absolute; background:#197cb2; left:0; top:0; width:160px; height:100%; content:'';}

.captions{ position:relative; z-index:5; padding:50px;}

.cap-top{ position:absolute; top:00px; left:0px; font-size:15px; color:#000000;}
.bottom-top{ position:absolute; bottom:10px; left:0px; font-size:15px; color:#000000;}

.banner-btm-C{ border-bottom:1px solid #999999; font-size:16px; padding:10px 0px;}

.banner-btm-C h3, .banner-btm-C h4{ font-size:13px; margin:0px 0px;}

.banner-btm-C h4{ float:right;}



.home-about{ padding:50px 0px;}
.about-img{ overflow:hidden; margin-bottom:50px;}
.about-img img{ width:100%;}
.home-about h2{ font-weight:bold; margin:0px 0px 35px; text-decoration:underline; font-size:14px;}
.home-about h3{ font-size:35px; font-weight:700; line-height:40px; }

.home-about h4{ text-transform:uppercase; font-size:36px; margin-bottom:40px;}
.advt-bx h5{ text-transform:uppercase; font-size:15px;}

.advt-bx { border-top:1px solid #989898; padding-top:30px; margin-bottom:30px; position:relative; }

.advt-bx :before{ position:absolute; width:20px; height:20px; left:0; top:-10px; background:url(../images/plus.png); content:'';}

.home-about p{ font-size:14px; line-height:20px;}

.abt-2{ margin-left:25px;}

.home-about a{ color:#000; font-weight:bold; text-decoration:none;}
.home-about img{ margin-right:5px}


.home-service-sec{ background:url(../images/service-bg.jpg); background-size:100% 100%; padding:60px 0px;}

.home-service-sec h2{ font-size:36px; text-transform:uppercase; margin:0px 0px 20px;}
.srvic-img{ overflow:hidden; position:relative;}

.srvc-titile{ position:absolute; bottom:0; background:rgba(0, 0, 0, 0.8); padding:15px; color:#FFFFFF; right:0; left:0;}
.srvc-titile h3{ font-size:18px; margin:0px 0px; float:left; width:88%; padding-right:10px;}
.srvc-titile  i{ float:right; width:28px; height:28px; border:1px  solid #fff; border-radius:50%; text-align:center; line-height:28px;}

.home-service-sec  ul{ margin:10px 0px 10px 20px;  padding:0px 0px;}
.home-service-sec  li{}
 
 .home-service-sec  a{ text-decoration:none;}
.srv-txt li  { color:#2c2c2c!important; margin-bottom:5px; font-size:14px;}
.srv-txt  ul {
  margin: 10px 0px 10px 20px;
  padding: 0px 0px;
}
.service-C{ margin-bottom:30px;}





/*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%;
  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-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);
}


.snd-gallery{ padding:60px 0px; background:url(../images/Pattern.png);}

.sand-stone-dtl {}

.grid{ padding:10px;}


.teamC{ overflow:hidden; margin-bottom:30px; border:3px solid #efecec; border-bottom-left-radius:4px;border-bottom-right-radius:4px; background:#f7f7f7;}
.team-img img{ overflow:hidden; width:100%;}
.team-img { background:#fff; padding:5px; width:33%; float:left; }

.teamC h4{ color:#313131; font-size:13px; text-transform:uppercase; font-weight:900; margin:5px auto; margin-top:24px; margin-bottom:5px;}
.teamC  b{ text-transform:capitalize; color:#666666; font-size:14px; margin-bottom:15px; font-weight:600; display:block;}
.teamC h5{ color:#717070; font-size:13px;  font-weight:normal; margin:5px auto; text-align:center;}
.team-txt{ overflow:hidden; background:#f6f6f6; padding:8px; width:67%; float:left; margin-top:10px; padding-left:10px;}


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


.evtC{ overflow:hidden; margin-bottom:0px;}
.sand-gallery-C .grid figure { margin:0px!important;}

.sand-gallery-C h5{ font-size:18px; margin:0px 0px;    background: #56607d; color:#fff; padding:15px; text-align:center;}



.gallery-c{ padding:60px 0px; color:#2c2c2c;}
.gallery-c h2{  font-size:30px; font-weight:normal; margin:0px 0px 15px; text-transform:uppercase;}

.focus-inner{ margin:45px 0px; border-bottom:1px solid #7f7f7f; border-top:1px solid #7f7f7f; padding:40px 0px;}
.focus h2{ font-size:50px; line-height:46px; text-transform:uppercase; font-weight:600;}

.focus-ic-bx{ margin-bottom:20px;}
.fc-ic{ overflow:hidden; background:#1275aa;}
.fc-ic img{ width:100%;}
.focus-ic-bx h3{ font-size:12px; font-weight:700; margin:5px 0px;}

.fc-right{ margin:0px -5px;}
.fc-right .col-lg-3{ padding:0px 5px;}

.focus-txt{ margin:20px 0px; width:80%;}
.focus-txt p{ font-size:14px; line-height:20px;}

.cl-8{ padding:0px 10px; width:12.5%; float:left;}

.customer-img{ overflow:hidden; width:100%; margin-bottom:20px;}
.cust-row{ padding:0px -10px;}

.custommer{ margin:25px 0px;}
.custommer h2{ font-size:30px; text-transform:uppercase;}


.footer-form{ background:url(../images/bottom-form.jpg); background-size:100% 100%; padding-top:60px; color:#FFFFFF;}

.footer-form h2{ font-size:24px; margin:80px 0px 15px; font-weight:normal;}
.footer-form h5{ font-size:35px!important; margin:0px 0px 0px;}
.footer-form h6{ font-size:15px; margin:0px 0px 30px!important;}
.footer-form h3{ font-size:14px;font-weight:normal;}
.footer-form h4{ font-size:30px; font-weight:500; color:#b7b8b8; margin-top:100px; margin-bottom:30px;}
.bottom-form{ background:#fff; padding:30px; color:#000000; display:table; width:500px; float:right;}
.bottom-form input{ width:100%; background:none; border:none; border-bottom:1px solid #959595; padding:10px 0px; margin-bottom:25px;}
.bottom-form textarea{ width:100%; background:none; border:none; height:90px; border-bottom:1px solid #959595; padding:10px 0px; margin-bottom:15px; padding-left:0px; text-align:left;}
.bottom-form button{ font-size:14px; background:none; border:none;}


.footer-top-sec{ background:url(../images/footer-top-gray.jpg); padding:50px 0px;}

.bl-strip{ background:#0f73a8; color:#FFFFFF;}

.bl-strip h2{ font-size:27px; margin:20px; margin-top:30px; font-weight:normal; text-transform:uppercase;}

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


footer{ background:#262837; padding:50px 0px 0px 0px; color:#FFFFFF;}

footer h2{ font-size:16px; margin:20px 0px 15px; font-weight:normal; line-height:17px; float:right; text-align:right;}
footer h3{ font-size:18px; margin:20px 0px 15px; font-weight:normal;}

footer  li a{ font-size:14px; line-height:26px; color:#a2a2a2; text-decoration:none;}

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

.ns-letter{}

.ns-letter{ position:relative; margin-bottom:25px;}
.ns-letter input{ width:80%; height:40px; background:none; padding-left:10px; background:#282934; border:1px solid #5c5e69; color:#fff}


.ns-letter button{ width:19%; height:40px; border:none; background:#0f73a8;}

footer  h4{ font-size:20px; line-height:26px; font-weight:300;}
.blue-btn{ background:#0f73a8; height:40px; border-radius:4px; width:90%;border:none; color:#FFFFFF;}
.wht-btn{ background:#fff; height:40px; border-radius:4px; width:9%; text-align:center; line-height:40px; border:none;}

.copy-right{ margin-top:45px; background:#1c1e29; padding:15px 0px;color:#a2a2a2; margin-bottom:0px; }
.copy-right ul{ float:right; margin:0px 0px; padding:0px 0px; list-style:none;}
.copy-right li{ float:left; margin-right:10px; padding-right:10px;}
.copy-right p{ margin-bottom:0px;}



	.whats-aap {
    position: fixed;
    overflow: hidden;
    bottom: 10px;
    left: auto;
    right: 15px;
    text-align: center; width:50px;
    z-index: 3150;
}
.whats-aap img{width:100%;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; }


/*contact*/

.cat-service-section {
    background: var(--cat-white);
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    margin: 0 0 30px;
    padding: 40px 20px 30px;
    text-align: center;
    border-radius: 10px;
}

.cat-service-img {
    text-align: center;
    margin: 0 0 30px;
    position: relative;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cat-service-img img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    position: relative;
}

.cat-service-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--cat-primary-color);
    width: 130px;
    margin: auto;
    border-radius: 50%;
    animation: morphing 3s infinite;
    height: 130px;
    opacity: .06;
}


.cat-service-info h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.cat-service-info p {
    margin: 0 0 5px; min-height:50px;
}
.cat-service-info a{ color:#000000;}
.cat-service-info h4 {
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 20px;
    display: inline-block; text-transform:uppercase;
}

.cat-service-info h4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background:#44546a;
    width: 50%;
    height: 2px;
    border-radius: 20px;
}

.cat-service-img::before { background:#e1e1e1!important; opacity:0.3;}

.contact-formC{  color:#fff;  padding:75px 0px;}

.ct-form .row{ margin:0px -4px;}
.ct-form  .col-lg-12{ padding:0px 4px;}
.ct-form  .col-lg-4{ padding:0px 4px;}

.ct-form input{ margin-bottom:8px;color:#FFFFFF!important;}

.ct-form textarea{ width:100%;border-radius:2px; background:none; color:#FFFFFF!important;}

.ct-form button{ margin-top:10px;}
.ct-form input{ border-radius:2px; background:none; color:#FFFFFF;height:45px;}
.ct-form input:focus{ background:none;}
.ct-form textarea:focus{ background:none;}

.ct-pg{ margin-bottom:0px;}

.ct-form input::placeholder, .ct-form textarea::placeholder{
  color:#fff;
  opacity: 1; /* Firefox */
}

.ct-form input:-ms-input-placeholder, .ct-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

.ct-form input::-ms-input-placeholder, .ct-form textarea::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}

#intro4 { background: url(../images/background_01.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; position:relative; overflow:hidden;
}

.gmap{ margin-top:0px;}

.Inner-banner{ overflow:hidden;}
.Inner-banner img{ width:100%;}
.page-title h1 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    margin: 0px 0px 0px;
}

.page-title {
    margin: 40px 0px 30px;
}

.contact-form{ padding:70px 0px 70px; background:#6e6559; background:url(../images/cotact-bg.jpg); background-size:100% 100%; color:#FFF;}
.contact-form h3{ font-size:30px; margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}

.form-left p{ font-size:13px;}
.footer h4{ font-size:22px; margin:0px 0px 0px;}

.footer h5{ font-size:18px; margin:0px 0px 10px;}

.contact-form a{ color:#FFFFFF;}
.form-left{ margin-top:20px; }

.textBox{ width:100%;font-size:13px;padding-left:10px; height:38px; text-transform:uppercase; color:#000; border:none; border-radius:3px;
background:#ccc!important; margin-bottom:5px}

.textArea{ width:100%;font-size:13px;padding-left:10px; height:100px; text-transform:uppercase; color:#000; border:none; border-radius:3px;   background:#ccc!important;margin-bottom:5px}


.form-row { margin:0px -2px;}
.form-row .col-lg-6{ padding:0px 2px;}

.form-row .col-lg-12{ padding:0px 2px;}
.send-btn{ background:#005eb8; color:#FFF; cursor:pointer; text-transform:uppercase;  padding:10px 12px; border-radius:2px; border:none; font-size:14px;}


.gmap{ width:100%;}

.gmap iframe{ width:100%; height:450px;-webkit-filter: grayscale(100%);
filter: grayscale(100%);}



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



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


/*about*/


.about-sec{ font-family: 'Poppins', sans-serif; }
.about-sec h2{ text-transform:uppercase; color:#333; font-size:15px; }
.about-sec h3{ text-transform:uppercase; color:#333; font-size:30px; font-weight:bold; }

.about-sec h3 span{ font-size:69px; font-weight:normal; color:#006ab5;}
.about-sec h3 b{ color:#FFFFFF; font-weight:normal;}


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

.about-txtt{text-transform:none; margin-bottom:20px; display:block; overflow:hidden;}
.about-sec p{ font-size:13px; font-weight:300; line-height:25px;  font-family: 'Poppins', sans-serif;
}

p{font-family: 'Poppins', sans-serif;}

.about-sec  a{ background:#fff; color:#333; padding:19px 30px; border-radius:4px; font-weight:bold; text-transform:uppercase; letter-spacing:2PX;}

.img-2-inner{position:relative; padding:15px; margin-top:50px;}
.img-2-inner:after{ background:#ffffff; position:absolute; top:0; right:0; content:''; width:90%; height:90%;}
.img-2-inner img{ z-index:5; position:relative;}
a{ text-decoration:none;}
.rt-padding{ margin-left:00px;}


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


.about-2{ background:url(../images/faq_bg.jpg); padding:60px 0px; background-size:100% 100%; margin-bottom:0px;}

.inner-test{ background:#fff;}

.about-gray-bx{ padding:30px; background:#fff;}

.about-gray-bx h3{ text-transform:uppercase; font-weight:bold;  font-size:18px; text-transform:uppercase;}
.we-are{ margin-bottom:30px;}

.about-right h3{ font-size:36px; font-weight:lighter; margin:0px 0px 30px; padding-bottom:5px; background:url(../images/bottom-lime.jpg) left  bottom no-repeat;}

.about-right h4 { font-size:18px; text-transform:uppercase; font-weight:bold; margin:0px 0px 20px;}


.about-2{ margin-bottom:77px;}

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

.value ul li{ margin-bottom:10px; font-size:15px; position:relative; padding-left:40px;}
.value  ul li:before{ position:absolute; left:0; content:'\f05d'; font-family:FontAwesome; left:0;}



.about-2{ background:url(../images/service-bg.jpg); padding:60px 0px; background-size:100% 100%; margin-bottom:0px;}

.inner-test{ background:#fff;}

.inner-srv{    font-family: "Bebas Neue", sans-serif;
}

.inner-srv  .grid{ padding:0px;}


.vs-ms-ic{ margin-top:30px; margin-bottom:20px; background:#46659b; width:100px; height:100px; border-radius:50%; text-align:center; line-height:100px; display:table; display:flex;display: flex;
  align-items: center;
  text-align: center; color:#FFFFFF;}
.vs-ms-ic i{ font-size:40px; line-height:40px;margin: 0px auto;}

.about-gray-bx p{font-size: 13px;
  font-weight: 300;
  line-height: 25px;}

.about-right p{font-size: 13px;
  font-weight: 300;
  line-height: 25px;}
  
  
 .about-right li {font-size: 13px;
  font-weight: 300;
  line-height: 25px;font-weight: 400;}
  

.download-pdf{  font-family: 'Poppins', sans-serif; padding: 10px 25px; margin-top:15px; font-size:13px; display:table; color:#fff; color:#000000;  border:2px solid #46659b; border-radius:30px; display:table; margin:15px 0px; margin-top:30px;transition: all .6s ease-in-out; letter-spacing:2px; }
.download-pdf .fa{ margin-right:10px;}
.download-pdf:hover{ background:#46659b;transition: all .6s ease-in-out; color:#fff; }



.srv-dtl h2 {
    font-size: 20px; text-transform:uppercase;
}

.srv-dtl{ font-size:14px; line-height:22px;}


.srv-dtl{ margin-bottom:60px;}

.border-div{ border:1px solid rgba(255, 255, 255, 0.2); padding:30px; background:#f1f1f1;font-family: 'Poppins', sans-serif;}
.srv-dtl-img{ overflow:hidden; margin-bottom:35px;}
.srv-dtl-img img{ width:100%;}

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

.spl-2{ margin-top:45px; margin-bottom:45px;}

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


.srv-detail-page p{ font-size:13px; line-height:22px;}
.srv-detail-page  li{font-size:13px; line-height:22px;}
	
	.srv-detail-page ul{ margin:30px 0px;  padding:0px 0px; list-style:none;}
.srv-detail-page ul { padding:0px 0px; list-style:none; margin:25px 0px;}
.srv-detail-page ul li{ position:relative; padding-left:25px; margin-bottom:10px;}
.srv-detail-page ul  li:before{ position:absolute; left:0; top:0; font-family:FontAwesome; content:'\f152'; color:#0072b8}


.serv-form{ margin-top:30px;}
.serv-form h3{ text-transform:uppercase; font-size:20px; margin:0px 0px 10px; text-transform:uppercase; font-weight:bold;}
	
	
	.product-dtl-img{ background:#fff; padding:10px;}

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


}







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

 .ask-from { padding:25px;}
.ask-from h4 { font-size:17px;}
.red-btn{ position:relative; z-index:1010;}

 .logoC { display:block; position:relative; z-index:250;}
 .logoC  img{ width:100%!important; margin:5px 0px!important; position:relative; z-index:210;}
 .top-contact{ position:relative; z-index:210;}
	
	.menu-button {
    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; }
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

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

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

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

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


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

.header .social-media li{ margin-right:5px;}
.top-menu{ margin-bottom:8px;}
.header{ padding:9px 0px;}




.nivo-caption h1{ font-size:20px;}
.nivo-caption h2{ font-size:10px; display:none; }
.nivo-caption h3{ font-size:12px;}

.time{ font-size:11px;}

#intro1 h2{ font-size:20px;}

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







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

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

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

#cssmenu ul ul li{ height:auto;}


.top-contact{ margin-top:0px;}
.tp-em{ display:none;}
.logoC{ margin-top:0px;}

.logoC img{ width:100%!important; margin:0px 0px!important;}
.top-contact h5{ margin-right:50px; font-size:14px; margin-top:6px;}
#cssmenu {
    top: 0;
    margin-top: 13px !important;
}

.slideC{ margin-top:45px; margin-bottom:0px;}

.top-contact{ display:none;}

.social{ display:none;}

.sliderC h1{ line-height:normal;}
.nivo-caption h1{ display:block; font-size:28px; margin:5px 0px;}

.nivo-caption h2{ display:block; font-size:18px; margin:5px 0px;}
.slider-txt{ width:70%; display:none;}

.layer-1 a, .layer-2 a{ margin-top:10px;}


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

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

.hm-about h2{ font-size:40px; margin:0px 0px 15px;}
.abt-txt {
  width: 100%;
}

p{ text-align:justify;}


.flt-none{ float:left; margin-top:15px; display:block;}


.flt-none img{ width:250px;}
.link-img{ float:left; width:48%; overflow:hidden;}
.link-img img{ float:left; width:48%; max-width:100%;}

.link-img {
  margin-bottom: 10px;  margin-top: 0;}
  


.home-dr-imgC {
  margin-left: 0px; margin-top:50px;

}


.nav-item{ width:100%; display:block; font-size:16px;}
.nav-link{ width:100%; display:block;}

.nav-tabs .nav-link{ font-size:14px;}
.nav-tabs .nav-link b{ font-size:16px;}

.biography-list li{ width:100%;}
.biography-list li{ margin:7px 0px; padding-bottom:5px;}

.tab-content-area{ padding:25px;}


.exp-count h2{ font-size:100px;}
.exp-count h3 {
  font-size: 23px;}
  
  
 ft-rt {
  margin-top: 18px;
} 
 .expr h5 {
  font-size: 20px;} 
  
  
 .expr h6 {
  font-size: 16px;} 
  
  
 .exp-image{ margin-top:50px;} 
  
  
  
 #intro-2{background-size:300%;} 
 
 .testimonial h2{ font-size:20px;}
 .testimonial h2 br{ display:none;}
  .testimonial h3{ display:none;}
  
 .testi-txt p {
  line-height: 25px;
  font-size: 13px;
} 
  .testimonial{ padding-bottom:0px; }
  .fq h3{ font-size:20px;}
  
 .faq{background:#e9e9e9;} 
  .yello-sec h3 {
  font-size: 27px;

}



.yll-txt {
  margin: 25px 0px;
  line-height: 15px;
  width: 100%;
}

.yll-txt p { line-height:24px;}


#intro-4{ background-size:300%;}
footer h3{ margin-top:25px;}
.testimonial h2{ display:block;}
.testi-left-img{ margin-top:0px;}


.red-btn {
  background: #ff0000;
  padding: 5px;
  border-radius: 4px;
  color: #fff !important;
  margin-left: 10px;
  font-size: 13px;
  margin-right: 55px;
}

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


.flt-blk h4 {

  transform: rotate(0);
  margin-right: 15px;

}

.flt-blk {
  float: none;
}


.flt-blk h3 {

  font-size: 12px;
  display: block;
  width: 70%;
}
.flt-blk .fa{ display:none;}

.testi-left-img img{ margin-bottom:50px;}
.fq h2{ font-size:30px;}

.linkbx{ padding:25px; margin-bottom:2px;}
#intro-4{ background-size:auto;}
#intro-4 p { display:none;

}
.ct-bx h3{ padding-left:50px;}
.ct-bx h3 b{  font-size:18px;}
.ct-bx h3 span{ font-size:20px;}
#intro-2 h3{ font-size:40px;}

#intro-2 h2{ font-size:25px;}

 .ct-bx h3 {
    padding-left: 50px;
    font-size: 17px;
  }
  
  .ft-rt {
  margin-top: 9px!important;
}

.testimonial h2 {
    font-size: 16px;
  }
  
  .testimonial h2 b {
    font-size: 19px;
  }
  .ns-top-cnt h4 {
    font-size: 19px;
    margin: 10px 0px 20px;
}
  
  .share-sec li a{ display:block; padding:10px 15px;}
  .share-sec li { margin-bottom:10px;}
  .share-sec ul { float:none; margin:0px 0px; padding:0px 0px;}
  .share-sec  h4{ float:none; margin-bottom:10px;}
.ns-right-bx-sml h4{ margin-top:20px;}

.footer-logo img { max-width:70%;}

.cat-service-info p{ text-align:center;}

.page-title h1{ font-size:20px;}
.contact-form h3{ font-size:20px; margin-top:35px;}
.form-left {
 margin-top:0px;}
 
 footer{ padding:45px 0px 0px;}
 
 #cssmenu > ul > li a.active{ color:#FFFFFF!important;}
 



.top-contactC{ display:none;}
 .captions{ padding:10px;}
 .cap-top{ display:none;}
 .bottom-top{ display:none;}
 
  .nivo-caption h1{ font-size:20px;}
  
  .nivo-caption h2{ font-size:14px;}
  
  .home-about h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 30px;
}
  .home-about h4{ font-size:20px; margin-top:40px;}
  .abt-2 {
  margin-left:0px;
}
.about-img{ margin-bottom:20px;}
.home-service-sec h2 {
  font-size: 25px;}
  
  
 .home-service-sec{ padding:35px 0px;} 
  
  .custommer h2 {
  font-size: 25px;}
  .gallery-c h2 {
  font-size: 25px;}
  
  .gallery-c {
  padding: 30px 0px;}
  
  .focus h2 {
  font-size: 25px;
  line-height: 29px;}
  
  .custommer {
  margin:0px 0px;
}
.focus-inner {
  margin: 30px 0px;}
.cl-8 {
  padding: 0px 10px;
  width: 50%;
  float: left;
}

.footer-form h2{ margin-top:0px;}


.footer-form h4 {
  font-size: 20px;
  font-weight: 500;
  color: #b7b8b8;
  margin-top: 10px;
  margin-bottom: 20px;
}


.bottom-form {

  width: 100%;
  float: right; margin-bottom:30px;

}
.footer-form h5 {
  font-size: 25px !important;
  }
.bl-strip h2 {
  font-size: 23px;
  margin: 20px;
    margin-top: 20px;
  margin-top: 38px;}
  
  footer h4 {
  font-size: 16px;}
  
  
  .ns-letter input {
  width: 70%;}
  
  .ns-letter button {
  width: 29%;
}

.about-sec h3 {
  text-transform: uppercase;
  color: #333;
  font-size: 19px;
  font-weight: bold;}
  
 .border-div {

  padding: 15px;} 
  .product-dtl-img{ margin-bottom:20px;}
  
  
  .cat-service-section{ padding:25px}
  
    .header {
    padding: 9px 0px;
    background: #fff;
  }
  
  sliderC {
  position: relative;
  margin-top: 41px;
}
  }