@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('../font/ForgottenFuturistRg-Regular.woff2') format('woff2'),
        url('../font/ForgottenFuturistRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;800;900&display=swap');
 
body {margin: 0;padding: 0;color:#333;  font-size:14px; line-height:20px;    font-family: 'Poppins', sans-serif;}
.header { width: 100%; height: auto; 
 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;-webkit-box-shadow: 0px 2px 9px 0px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    0px 2px 9px 0px rgba(50, 50, 50, 0.43);
box-shadow:         0px 2px 9px 0px rgba(50, 50, 50, 0.43); background:#fff;
	top: 0; 

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

}


 .header.scroll_css {

	margin: 0;

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

transition: all .6s ease-in-out; background:#fff!important;

}



.head-top{ background:#0087bb; padding:4px 0px;}
 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:#fff!important;
 }
 
 .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:5px 0px; max-width:180px;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}




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

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

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

 .social-media li a:hover{ opacity:0.7;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}


.right-div{ float:right;}

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



.flt-left{ float:left;}

.top-contact h5{ font-size:12px; color:#fff;font-weight:normal; margin-top:3px; margin-bottom:0px;    }
.top-contact h5  a{ color:#fff;}

.time{ font-size:12px; margin-right:15px; float:right; color:#FFFFFF; margin-top:0px; }


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

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

#cssmenu > ul > li{font-size:13px; font-weight:900; margin-left:0px; margin-right:25px;
}


#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li:last-child{ margin-right:0px;}
#cssmenu > ul > li a{ color:#333; text-transform:uppercase; font-weight:bold;  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:#0087bb!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:14px;}
.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;}




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

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

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

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

.sliderC{ position:relative; }

.home-slider{   overflow:hidden;}

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


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

}






 .srv-bx{   font-family: 'Quicksand', sans-serif; overflow:hidden; position:relative;}
#intro  h2{ color:#a55384; text-transform:uppercase; font-weight:bold; margin:0px 0px 25px;}

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

.srv-title{ position:absolute; top:15px; left:15px;}
.srv-title h3{ font-size:18px; text-transform:uppercase; color:#FFF; font-weight:normal; margin:0px 0px;}
.srv-title h4{ font-size:14px; text-transform:uppercase; color:#FFF; font-weight:bold; margin:5px 0px;}






.sector{ padding:100px 0px; position:relative;}

.sec-top{ position:absolute; left:0; top:0;}
.sec-top img{ width:auto; max-width:100%;}

.sec-title h2{ text-transform:uppercase; font-size:30px; font-weight:900; margin:0px 0px 25px; display:table; float:left; padding-right:15px; position:relative;}
.sec-title h2:after{ position:absolute; right:0; background:url(../images/depline.jpg); width:1px; height:21px; right:0; content:''; top:8px;}
.sec-title h3{ display:table; font-size:14px; text-transform:uppercase; display:table; margin-left:10px;font-weight:900; float:left; margin-top:8px;}


.sec-th{ overflow:hidden;}
.sec-th img{ width:100%;}
.sec-img{ overflow:hidden; margin-bottom:5p;x}

.sec-th h3{ font-size:14px; font-weight:bold; margin:5px 0px 5px;}









.abt-title h2{ text-transform:uppercase; font-size:30px; font-weight:900; margin:0px 0px 25px; display:table; float:left; padding-right:15px; position:relative;}
.abt-title h2:after{ position:absolute; right:0; background:url(../images/abt-sep.jpg);width:1px; height:21px; right:0; content:''; top:8px;}
.abt-title h3{ display:table; font-size:14px; text-transform:uppercase; display:table; margin-left:10px;font-weight:900; float:left; margin-top:8px;}

.ms{ margin-top:30px;}
.ms h3{ font-size:18px; text-transform:uppercase; margin:0px 0px; font-weight:bold; padding-bottom:15px; background:url(../images/ms-border.png) bottom left no-repeat; padding-bottom:15px; margin-bottom:20px;}



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

}

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

.news-bx{ margin-bottom:15px; background:url(../images/bottom-border.jpg) left bottom no-repeat; padding-bottom:10px;}
.news-bx h3{ font-size:14px; font-weight:bold; margin:0px 0px 10px;}

.list-aggregate{ margin:0px 0px; padding:0px 0px; list-style:none;}
.news-bx ul{ margin:0px 0px; padding:0px 0px; list-style:none; display:block; overflow:hidden; }
.news-bx ul li{ float:left; position:relative; padding-right:15px; text-transform:uppercase; margin-right:15px;}
.news-bx ul li:after{ position:absolute; right:0; background:#696969; height:10px; width:1px; top:5px; content:'';}

.v-ns{ color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold; padding:20px 30px; background:#934987;}
.v-ns:hover{color:#FFF;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}
.news-div{ height:300px;}

.career-sec{ background:url(../images/career-bg.jpg); padding:50px 0px; color:#FFF; background-size:100% auto; margin-bottom:40px;}




.hm-career{ padding:0px 20px;}
.hm-career h2{ font-size:30px; font-weight:bold; margin:0px 0px;text-transform:uppercase;}
.hm-career h3{ font-size:14px; font-weight:bold; margin:15px 0px;text-transform:uppercase;}


.hm-career  a{ background:#ffffff; font-size:14px; text-transform:uppercase; font-weight:bold; margin-top:40px; color:#3d3e59; padding:10px 25px; display:table;}







.vh-rental{ margin-bottom:30px;}

.vh-rent-img{ overflow:hidden; position:relative;}
.vh-rent-img img{ width:100%;}
.vh-rent-overlay{ position:absolute; top:0; bottom:0; left:0; right:0;}
.quotation-btn{ color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold; padding:20px 30px; background:#934987; display:table; margin-top:30px;}

.vh-right{ margin-top:30px;}
.vh-right h3{ font-weight:bold;  font-size:30px; margin:0px 0px 10px;}
.vh-right h4{ font-weight:bold;  font-size:14px; margin:0px 0px 20px;}





/* @media (min-width: 1250px) {
	 
	 
	 .container { max-width:1260px;}

}

*/



.client-Sec{ margin:40px 0px; overflow:hidden;}
.client-Sec h2{ font-size:30px; font-weight:bold; margin:0px 0px 5px; text-transform:uppercase;}
.client-Sec h3{ font-size:14px; font-weight:bold; margin:0px 0px 15px; text-transform:uppercase;}

.cl-row{ margin:0px -5px;}

 .cl-5{ width:20%; float:left; padding:0px 15px; margin-bottom:30px;}

/*.client-img{ overflow:hidden; border:1px solid #c1c1c1; margin-bottom:10px;}*/




.client-img{
  position: relative;
  text-decoration: none; margin-top:2px;
  width: 100%;
  height:100%;
  text-align: center; border:1px solid #c1c1c1;
  
  display: inline-block; padding:2px; margin:2px;
  color: #262626; 
}
.client-img:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  background: transparent;
  border: 1px solid transparent;
}
.client-img:hover:before{
  animation: animate 0.3s linear forwards;
}
@keyframes animate{
  0%{
    width: 0;
    height: 0;
    border-top-color: #9f9f9f;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  50%{
    width: 100%;
    height: 0;
    border-top-color: #9f9f9f;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #9f9f9f;
  }
  100%{
    width: 100%;
    height: 100%;
    border-top-color: #9f9f9f;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #9f9f9f;
  }
}


.client-img:after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  background: transparent;
  border: 1px solid transparent;
}
.client-img:hover:after{
  animation: animate2 0.3s linear forwards;
  animation-delay: 0.3s;
}
@keyframes animate2{
  0%{
    width: 0;
    height: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #9f9f9f;  
    border-right-color: transparent;
  }
  50%{
    width: 0;
    height: 100%;
    border-top-color: transparent;
    border-bottom-color: #9f9f9f;
    border-left-color: #9f9f9f;
    border-right-color: transparent;
  }
  100%{
    width: 100%;
    height: 100%;
    border-top-color: transparent;
    border-bottom-color: #9f9f9f;
    border-left-color: #9f9f9f;
    border-right-color: transparent;
  }
}








.client-img img { width:99%;
 
transition: all 0.5s ease 0s;
 }

.client-img:hover img{

   
  
 
   transition: all 0.5s ease 0s;
 }



.client-img img{ width:100%;}



.footer{ color:#FFF; background:url(../images/footer-bg.jpg); padding:50px 0px 0px;font-family: 'Arsenal', sans-serif; }

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

.footer ul li{ font-size:14px; line-height:20px;}
.footer ul li a{ color:#FFF; font-size:14px; line-height:20px; text-transform:uppercase;transition:all .6s ease 0s}

.footer ul li a:hover{transition:all .6s ease 0s; color:#aa8b54;}

.copy-right p{ margin-bottom:0px; font-size:11px; }
.copy-right p a{ color:#FFF;}



.footer .social-media{ margin-top:30px;}

.footer .social-media li{ margin-right:10px;}
.header .social-media img{ width:30px;}
.footer  h3{ font-size:18px;font-family: 'Arsenal', sans-serif; text-transform:uppercase;}
.footer  li a{ text-transform:none!important;}


.fc1{width:35%; float:left;}

.fc2{width:15%; float:left;}
.fc3{width:15%; float:left;}
.fc4{width:20%; float:left;}

.fc5{width:15%; float:left;}


.c-preview {
  background: #000;
  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;
  background-repeat: no-repeat;
  display: flex;
  width:100%;
  height:255px;
  max-width: 100vw;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  cursor: pointer;
  transition: .5s all;
}
.c-preview__img {
  position: absolute;
  left: 0;
  top: 0;
/*  background: #000 url(https://images.unsplash.com/photo-1466657718950-8f9346c04f8f?dpr=1&auto=format&fit=crop&w=800&h=800&q=80&cs=tinysrgb) no-repeat center center;
*/  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .5;
  mix-blend-mode: screen;
}
.c-preview__title {
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.c-preview:hover {
  background-position: 100% 100%;
}
.c-preview:hover__title {
  text-shadow: 0 0 20px black;
}

.srv-title{  transition: .5s all;}
.c-preview:hover .srv-title{ top:30px;  transition: .5s all;}









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




}
.slider-content .layer-1 {
  height: auto;
  margin-left: 14%; margin-top:20%;
  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;
  border: 1px solid #999;

  font-weight: 600;
  margin-top: 10px;
  padding: 12px 35px 8px;
  text-transform: uppercase;
}
.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-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
.slider-content .layer-1.layer-2 {

  margin-left: 4%;
  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:#fff; border:none;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background: #2e3192 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:10%;}
.slider-area.style-2 .nivo-controlNav a{}

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

.slideC{ position:relative;}

.nivo-controlNav{ bottom:18%;}

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




.custom-slider{ color:#fff; font-family: 'Forgotten Futurist Rg'; }
.nivo-caption h1{ font-size:40px; margin:0px 0px;line-height:20px;}
.nivo-caption h2{ font-size:18px;margin:0px 0px; line-height:45px;}
.nivo-caption h3{ font-size:18px;margin:0px 0px; color:#333333; margin-top:20px;}
.nivo-caption .border-btn1{ border:1px solid #FFFFFF; color:#FFFFFF; letter-spacing:2px!important; padding:10px 15px!important;}
.nivo-caption .border-btn1:hover{ border:1px solid #FFFFFF; }

.nivo-controlNav{ bottom:4%;}


.top-contact{  margin-top:0px; margin-bottom:2px; color:#FFFFFF;}



.pro-dtl-img{ overflow:hidden; margin-bottom:30px; background:url(../images/about-top.jpg);padding:10px;}
.pro-dtl-img img{ width:100%; border:5px solid #fff;}

.pr-dtl h4{ text-transform:uppercase; font-size:25px; text-transform:uppercase; margin:0px 0px 30px;}

.career-img{ overflow:hidden; margin-top:0px;}
.career-img img{ width:100%;}











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

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

.icon a{border-radius:50%; color:#0087bb;}

.box4 .icon li a{color:#0087bb!important;}

.steel-s{ margin-top:40px;}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}


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



















#intro1 { 
	 background:url(../images/vision-banner.jpg) no-repeat  no-repeat 100% 100%; 
    margin: 0 auto; width: 100%; position: relative; height:100%; 
	 padding: 60px 0; background-attachment:fixed;  margin-top:0px; }
	 
	 
#intro11 { 
	 background:url(../images/vis-miss.png) no-repeat  no-repeat 100% 100%; 
    margin: 0 auto; width: 100%; position: relative; height:100%; 
	 padding: 60px 0; background-attachment:fixed;  margin-top:0px; }
	 
	 

#intro1 h2{ font-size:30px; color:#FFFFFF;text-transform:uppercase; margin:0px 0px 30px; font-weight:300;}
#intro1 h2 b{ font-weight:bold; }	 
	 
.servicethump{ overflow:hidden; position:relative; margin-bottom:30px;transition:all .3s ease 0s} 
	 
.service-img{ overflow:hidden;}
.service-img img{ width:100%;}	 
	 
.service-title{ position:absolute; bottom:0; left:0; right:0; text-align:center;color:#FFFFFF;transition:all .3s ease 0s; background:#0087bb; text-align:center; padding:20px;} 
.service-title h3{ text-transform:uppercase; font-size:15px; font-weight:bold;transition:all .3s ease 0s; margin:0px 0px;}	


.service-title {
    height: 60px;
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}





.overlay{ background:rgba(0, 0, 0, 0.1); position:absolute; top:0; bottom:0; left:0; right:0;transition:all .3s ease 0s} 
.servicethump .arrow-btn{ position:absolute; bottom:20px; left:20px;transition:all .3s ease 0s}	 



.box-content h3{ text-transform:uppercase; font-size:18px!important;}


#intro1 .service-title{ position:absolute; bottom:0; left:0; right:0; text-align:center;color:#333;transition:all .3s ease 0s; background:#fff; text-align:center; padding:20px;} 















	
.more-btn{ border:1px solid #333333; padding:8px 20px; color:#333; font-size:14px;transition:all .3s ease 0s} 

.more-btn img{ margin-left:30px;}
.home-about{ background:#f2f2f2; padding:90px 0px;}
	 
.home-about h2{ font-size:25px; width:90%; line-height:35px; font-weight:normal; margin-bottom:30px;}
.home-about h2 b{ color:#0087bb; text-transform:uppercase; font-weight:900; font-size:35px;}

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



.servicethump:hover .overlay{background:rgba(0, 0, 0, 0.1);transition:all .3s ease 0s }

.home-about{ margin:0px 0px 30PX;}



.about-text{ margin-top:50px; margin-bottom:50px;}


.chairman-msg{ overflow:hidden; background:url(../images/md-bg.jpg) repeat-x; background-size:auto 100%; color:#FFFFFF; padding:30px 0px; margin-bottom:30px;}

.chairman-msg h3{ font-weight:bold; margin-top:50px;}
.chairman-msg h4{ font-size:20px; font-weight:normal;}
.chairman-msg h5{ font-size:18px; font-weight:normal;font-family: 'Arsenal', sans-serif;}

.md-text {font-family: 'Arsenal', sans-serif; margin:20px 0px; overflow:hidden;}
.md-text p{ font-size:16px;}

.md-img{ overflow:hidden;border-radius:5px;}
.md-img img{ width:100%;}

.chairman-msg  .more-btn{font-family: 'Arsenal', sans-serif; font-size:14px; color:#FFFFFF; border:1px solid #FFFFFF;}

.chairman-msg a{ color:#FFFFFF;}



.chairman-msg .more-btn:hover { background:#333; color:#FFFFFF;transition:all .3s ease 0s;border:1px solid #333;}

.clients-s{ margin-top:50px ; margin-bottom:50px;}


.formC{ background:url(../images/form-bg.jpg); padding:50px; color:#FFFFFF;font-family: 'Arsenal', sans-serif; margin-bottom:40px; }

.formC h3{ font-size:30px; margin:50px 0px 20px;}
.formC h4{ font-size:16px; margin:5px 0px 15px;}
.formC a{ font-size:24px; color:#FFFFFF;font-family: 'Arsenal', sans-serif; }	

.textBox{ width:100%; height:40px; background:rgba(255, 255, 255, 0.1); border:none; padding-left:10px; color:#FFFFFF; margin-bottom:7px;} 
.textArea{ width:100%; height:90px; background:rgba(255, 255, 255, 0.1); border:none; padding-left:10px; color:#FFFFFF;margin-bottom:7px;} 

.formC  .button-1{ background:#fff; color:#000000; padding:7px 12px; border:none; cursor:pointer;transition:all .6s ease 0s;border:}

.formC  .button-1:hover{ background:#aa8b54;transition:all .6s ease 0s;color:#FFFFFF;}

.bannerC{ overflow:hidden; position:relative; margin-top:42px; margin-bottom:50px;}
.bannerC img{ width:100%;}

.banner-caption{ position:absolute; left:0; right:0; bottom:10%; margin:0px auto;}



.banner-caption{     color:#2e3192; }
.banner-caption h1{ font-size:48px; margin:0px 0px 10px;line-height:20px;}
.banner-caption h2{ font-size:30px;margin:0px 0px;}
.banner-caption h3{ font-size:18px;margin:0px 0px; color:#333333; margin-top:20px;}

/*contact*/


.innerPage{}

.pageTitle{}



.pageTitle h1{ font-size:30px; font-weight:800; margin:0px 0px 15px; text-transform:uppercase;}
.pageTitle p{ font-size:16px; }

.contact h3{ font-size:20px; font-weight:bold; color:#222222; margin:20px 0px 10px;}

.contact h3 span{ font-size:16px; font-weight:normal;}
.c-dtl h4{ float:left; font-size:24px;font-family: 'Arsenal', sans-serif;}
.c-dtl{ border:1px solid #898ac1; overflow:hidden; display:table; padding-right:10px; margin-bottom:20px;}

.c-dtl h4 span{ padding:10px; background:#2e3192; color:#FFFFFF; margin-right:10px;font-family: 'Arsenal', sans-serif;}
.c-dtl h4 a{ color:#2e3192;}

.contact  h5 {font-size:16px;font-family: 'Arsenal', sans-serif;}
.contact ul{ margin:10px 0px; list-style:none; padding:0px 0px;}
.contact ul li{ margin-bottom:5px;}


.contact .textBox{ border:1px solid #cbcbcb; border-radius:2px; color:#000000;}
.contact .textArea{ border:1px solid #cbcbcb; border-radius:2px; color:#000000;}

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


.gmap{ margin-top:50px;}

.contact .more-btn{ background:#2e3192; cursor:pointer; color:#FFFFFF;}
.contact .more-btn:hover{ background:#cda259; cursor:pointer; color:#FFFFFF;}

.innerPage{ margin-bottom:35px;}




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


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

.vis-row h4{ font-size:16px; font-weight:bold; margin-bottom:5px;}


.service-thump1{ overflow:hidden; position:relative; margin-bottom:30px; }



.service-img1 img{ width:100%;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.service-img1{ position:relative;}
.over-lay-1{ background:#cda259; left:5px; bottom:5px; top:5px; right:5px; position:absolute; z-index:5;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;opacity:0;}

.service-img1 h3{ font-size:20px; font-weight:bold; text-transform:uppercase; position:absolute; top:30px;webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; color:#FFF; margin-left:30px; z-index:6; }

.service-thump1:hover h3{webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; opacity:0;}


.plus-btn{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:#2e3192; width:50px; height:50px; text-align:center; line-height:50px; display:table; float:left; margin-right:10px;}

.read-motreC{ margin-left:20px; z-index:7; position:absolute; bottom:20px;}

.read-motreC h5{ float:left; margin:17px 0px 0px; display:table; font-size:14px; color:#fff;}

.service-thump1:hover .over-lay-1{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;opacity:1;}
.service-thump1:hover .plus-btn{   transform: rotate(360deg);}

.know-mor{ color:#333;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out; border:1px solid #999999; text-transform:uppercase; font-weight:bold;  padding:8px 12px 8px 30px; margin:20px 0px; display:table;}

.plus-btn img{ width:auto;}


.btn-C{ padding-left:30px; position:relative;}

.border-1{ -webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out;width:50px; height:1px; background:#999999; position:absolute; left:0px; top:20px;}

.know-mor:hover{ background:#b71f24;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out; border:1px solid #b71f24; color:#FFF;}
.btn-C:hover .border-1{ background:#b71f24;-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out;}
 
a:hover{ text-decoration:none;}

.over-txt{ color:#FFFFFF; margin:15px!important; }
.over-txt h3{ font-size:20px; margin:0px 0px 10px; position:static;}
.over-txt h4{ font-size:17px; margin:0px 0px 10px; display:block;width:100%;}

.over-txt h5{ font-size:16px; margin:0px 0px 20px;display:block; width:100%;}
.over-txt span{ display:table; width:120px; float:left; margin-right:10px;font-weight:bold;}
.over-txt b{ float:right; margin-right:10px; }

.service-thump1:hover .over-txt h3{-webkit-transition: all .6s ease-in-out; 
 transition: all .6s ease-in-out;opacity:1;}
 
 .service-img1{ position:relative;}
 
 
 
 .scope{}

.over-txt h4 span{width:40%; }
.over-txt h5 span{width:40%; }

.scope h5{ display:table; float:left; width:40%; }
 .scope h5 span{ min-height:100px;  width:100%;}
 .scope h6{ text-transform:capitalize; float:left; width:60%;}
 
.dtl{ font-weight:normal; font-size:14.5px;}

.dtl .carousel-indicators li{ width:60px; height:60px;  overflow:hidden;}
	.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;}
.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;}
 
 .sep-div{ overflow:hidden;font-family: 'Arsenal', sans-serif;}
 
 
 .service-image{ overflow:hidden;}
 
 .service-image img{ width:100%;}
 
 p{ line-height:24px;}




.prd{ text-transform:uppercase; display:table; margin:10px auto;}
.prd img{ margin-left:8px;}

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

}

.project-img { overflow:hidden; position:relative; }
.project-img img{
  display: block;
  
  height: auto; width:100%;
}

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

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

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

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

.project-C .view-large{ border:1px solid #9f9283; color:#FFFFFF; text-transform:uppercase; font-size:13px; padding:5px; border-radius:3px; background:rgba(0, 0, 0, 0.5); display:table; padding:20px; margin:0px auto; margin-top:38%;} 



.brand-2{ margin-top:70px;margin-bottom:30px; font-size:14px;line-height:24px;}

.brand-2 .row{ margin-bottom:15px;}

.brand-2 h2{text-transform:uppercase; margin:0px 0px 20px; font-size:20px; font-weight:bold;}

.brand-2  h3{ text-transform:uppercase; margin:0px 0px 20px; font-size:15px; font-weight:bold;}
.brand-logo-1{ overflow:hidden; border:1px solid #CCCCCC;}
.brand-logo-1 img{ width:100%;}

.sister-comp{ margin:20px 0px 40px;}

.sister-comp  h2{ margin-bottom:25px;}



/*new*/

/*home-about*/

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



.ab-titile{}

.ab-titile{ position:relative;  display:table; padding-bottom:5px; margin-bottom:20px;}
.a-img{ position:absolute; left:0; top:18px;}
.ab-titile h2{ margin:0px 0px 0px 0px;}





.more-btn:hover{ color:#FFFFFF;}
.right-green{ position:absolute; top:0; right:0;}


.about-img-out{ position:relative; padding-top:70px;}
.left-name{ position:absolute; left:50px;  }
.left-name img{ max-width:100%;}
.about-image{ max-width:90%; float:right; overflow:hidden;}
.about-image img{ max-width:100%;}


.ab-titile h2{ text-transform:uppercase!important; font-weight:bold; margin-top:130px;}
.home-about{ background:none; margin:0px 0px;}
.ac{ position:relative;}
.about-top-img{ position:absolute; top:-60px;}


.more-btn{ background:#7f7f7f; color:#FFFFFF;}
.more-btn .fa{ margin-left:10px;}




.steel-s{ margin-bottom:40px;}
.steel-s .row{ margin:0px 0px;}
.steel-s .col-lg-6{ padding:0px 0px;}

.tank-img{ overflow:hidden;  max-width:100%; position:relative; text-align:right;}
.tank-img img{ max-width:100%;}

.body-gray{ background:#f2f2f2; padding:80px 0px;}
.steel-s{ background:#173235; color:#FFFFFF;}

.steel-s h2{ font-size:23px; font-weight:normal; margin-top:43%; position:absolute; top:0%; left:20px;}
.steel-s h2 b{ font-size:35px; font-weight:bold;}
.steel-s h2 span{ font-weight:bold; font-size:22px;}
.right-img{ overflow:hidden; position:relative;}
.right-img img{ width:100%;}
.right-img h3{ text-align:center; position:absolute; font-size:18px; left:0; right:0; top:44%; position:absolute;  color:#FFFFFF; text-transform:uppercase;}
.right-img h3 b{ font-size:24px;}




.video-play{ position:absolute; top:50%; margin:0px auto; left:0; right:0; text-align:center;}
.video-play img{ max-width:50px; margin-bottom:20px;}





.count-bx{ color:#fff; padding:35px 20px; font-weight:200; text-transform:uppercase; text-align:center; background:#2c2c2c; margin-bottom:1px;}

.count-bx h3{ font-size:50px; margin:0px 0px 5px; font-weight:lighter;}

.count-bx h4{ font-size:16px; font-weight:lighter; margin:0px auto;}

.counter-out .rpw{ margin:0px -0.5px;}
.counter-out .col-lg-6{ padding:0px 0.5px;}





.footerC{ background: #0087bb; background-size:100% 100%; padding:50px 0px; color:#FFFFFF;}

.footerC h2{ font-size:36px; text-transform:uppercase; font-weight:lighter; margin:10px 0px 20px;   font-family: 'Oswald', sans-serif; margin-top:100px;}

.footerC h2 b{ font-weight:900;}

.footerC ul{ margin:0px 0px; padding:0px 0px; list-style:none; font-size:15px;}

.footerC ul li .fa{ margin-right:10px;}

.form-box{ background:#fff; padding:30px; color:#000000;}




.textBox{ width:100%; background:none; border:none; border-bottom:1px solid #000; margin-bottom:20px; color:#000; height:40px;}
.textArea{ width:100%; background:none; border:none; border-bottom:1px solid #000; margin-bottom:20px; height:auto;color:#000; min-height:70px;}

.send-btn{ background:#FFFFFF; text-transform:uppercase; font-size:13px; padding:8px 12px; border:none; font-weight:bold; cursor:pointer;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}
.send-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#000000; color:#FFFFFF;}
.form-C h3{ font-size:30x; font-weight:300; margin:0px 0px 30px;}



.sendbtn{ cursor:pointer; text-transform:uppercase; border:1px solid #333333; color:#333333; padding:5px 10px; margin-top:20px; background:none; font-size:13px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


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

.form-box h3{ text-transform:uppercase; font-size:36px; margin:0px 0px 5px; letter-spacing:6px; font-weight:lighter; font-family: 'Oswald', sans-serif;}

.form-box p{ margin-bottom:25px;}

.adr{}
.adr li{ margin-bottom:18px; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.adrv .fa{ margin-right:5px;}
.adr a{ color:#FFFFFF;}

.adr .mp{ font-size:20px;}


.footer-bottom{ background:#fff; padding:40px 0px 40px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.footer-bottom ul{ padding:0px 0px; margin:0px 0px; list-style:none;}
.footer-bottom ul li{ float:left; margin-right:20px;}

.footer-bottom ul li a{ color:#696969; text-transform:capitalize; font-weight:bold;}

  .social-media{ list-style:none; margin:0px 0px; padding:0px 0px; float:right;}
  .social-media li { float:left; margin-left:10px; font-size:25px; 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;}
   
  

a:focus{outline:0px;}

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

.copy-right{  padding:0px 0px; }
.copy-right p{ margin-bottom:0px; font-size:15px; text-align:right;}



.black-sec{ overflow:hidden; padding:100px 0px; background-size:100% 100%; color:#FFFFFF;}

.black-sec h2{ font-size:18px; text-transform:uppercase; color:#ffd71c; margin-top:30px;}
.black-sec h3{ font-size:18px; font-weight:normal; color:#ca0125; text-transform:uppercase; margin-top:10px;}


.black-sec p{ font-size:13px;} 

.black-sec  .know-mor{ color:#FFFFFF;}


.middl-img{ overflow:hidden; float:left; margin-right:30px; max-width:200px;}
.middl-img img{ width:100%;}

.right-txt{  margin-top:50px;}
.right-txt h4{ font-size:18px; text-transform:uppercase; color:#ffd71c; margin-top:30px; margin-bottom:30px;}
.right-txt a{ color:#FFFFFF; text-transform:uppercase; font-weight:bold;}

.right-txt a .fa{ color:#ca0125; margin-left:10px;}

.md-msg{ background:#dedede; padding:30px; margin:30px 0px;}

.md-msg h3{ font-size:24px; font-weight:bold; margin:0px 0px 15px;}

.md-msg p{ font-style:italic; font-size:14px; line-height:26px;}


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

.ceo-img{ overflow:hidden; border:5px solid #FFFFFF;}

.home-about-txt{ text-align:justify;}











/*home-about*/

 @import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&family=Roboto+Condensed:wght@300;400&display=swap');


.hom-about{ padding:60px 0px;background:url(../images/about-bg.png); overflow:hidden; background:url(../images/about-img-pattern.png)}
.hom-about h2{ background:#44546a; padding:5px; color:#FFFFFF; font-size:24px; text-transform:uppercase; display:table; text-transform:uppercase;}
.hom-about h3{ font-size:25px; font-weight:bold; color:#44546a; margin:20px 0px;}
.hom-about p{ font-size:13px; line-height:20px;}
.home-right{ margin-top:160px;}
.abt-middl-img{ overflow:hidden; background:url(../images/000.png) top right no-repeat; padding:40px 40px 40px 0px;}
.abt-middl-img img{ width:100%;border:10px  solid #fff;}

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


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

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

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

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




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

}
}


.home-about-txt{ margin-bottom:20px;}

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


	 
.header .col-lg-2{flex: 0 0 25%; max-width: 25%;}

.header .col-lg-10{flex: 0 0 75%; max-width: 75%;}
.logo{ margin-top:2px;}


	



	

.logo img{ width:80px!important;}

.footerC h3{ font-size:12px;}

.footerC .social-media{ overflow:hidden; display:block; margin-top:25px;}

.f1, .f2, .f3, .f4, .f5 {
    flex: 0 0 100%;
    max-width: 100%; margin-bottom:30px;
	
}

.footerC h4{ margin-bottom:15px;}
.header{ padding-top:10px!important; padding-bottom:10px!important; background:none!important;}
.get-in-touch{ margin-top:0px;}
.get-in-touch h5{ font-size:10px; line-height:15px;}

#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:102%;}
#cssmenu ul ul li{ border-bottom:none;}

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

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


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

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


.logoC img{ width:80px!important; margin:5px 0px!important;}

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

.time{ font-size:11px;}

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


.bannerC h1{ font-size:15px;}
.bannerC h2{ font-size:14px;}
.bannerC h3{ font-size:12px;}
.bannerC{ margin-bottom:20px;}
.c-dtl h4{ font-size:18px;}
.contact h3{ margin-top:10px;}

.banner-caption{ display:none;}

.dwd{ font-size:11px;}

.home-about{ padding:30px 0px;}
.home-about h2{ font-size:17px; line-height:24px; width:100%;}

.chairman-msg{ background:#2e3192;}

.formC{ padding:15px;}
.formC h3{ margin-top:0px;}

.fc1, .fc2, .fc3, .fc4, .fc5, .fc6 {width: 100%;}

.sr2{ margin:0px -4px;}
.sr2 .col-lg-3{ padding:0px 4px;}

.top-contact span{ display:none;}

.top-contact{}

.top-contact{ float:left;}

.header{ padding:0px!important;}
.top-contact{ margin:8px 0px;}

#cssmenu{ top:0; margin-top:-3px!important;}
.time{ display:none;}
.hd-2{ margin-top:5px; text-transform:none;}
.slideC{ margin-top:40px;}


.slider-content .layer-1 {
  height: auto;
  margin-left: 14%; margin-top:20%;
  width: 100%!important;
}

.box-content h3{ font-size:14px!important; font-weight:normal;}
.service-title h3{ font-size:12px; text-align:left; max-width:80%;}
.servicethump{ margin-bottom:8px;}

.dtl .carousel-indicators li{ width:40px!important; height:40px!important;}




.top-contact h5{ font-size:11px!important; font-weight:normal; float:left;}
.float-right{ margin-right:50px;}

.about-top-img{ display:none;}
.nivo-caption{ display:none!important;}
.ab-titile h2{ margin-top:0px;}
.right-green{ display:none;}
.about-image{ max-width:100%;}
.steel-s h2{ margin-top:30px;}
.steel-s h2 b{ font-size:50px;}

.right-img h3{ top:14%;}
#intro-2 h2{ font-size:22px;}
.count-bx{ padding:15px;}
.footerC h2{ margin-top:0px;}

.social-media{ float:none; margin:20px 0px!important; padding:0px 0px!important;}
.header{ background:#fff!important;}
.logoC{ margin-top:4px;}
.menu-button{ margin-top:4px;}
.head-top{ background:none;}

.pageTitle h1{ font-size:20px;}
.steel-s h2 b{ font-size:29px;}
.steel-s h2{ top:28%;}
.right-img h3{ top:39%;}
.form-box{ margin-top:30px;}
.form-box h3{ margin-bottom:20px; font-size:28px;}
.copy-right p{ float:none; font-size:14px; margin-top:15px; text-align:left;}
}




/*new*/


/*contact*/







.contact-box {
}
.contact-1 h3 {
	font-size:27px;
	font-weight:900;
	color:#24448e;
	margin-top:25%;
}
.contact-1 h6 {
	font-size:18px;
	margin:5px;
	color:#24448e;
	text-transform:capitalize;
}
.yellow-btn {
	background:#ccc;
	font-size:19px;
	font-weight:900;
	font-weight:lighter;
	display:table;
	padding:5px 10px;
	text-transform:uppercase;
	border-radius:4px;
	color:#fff;
	margin:20px 0px;
	text-transform:uppercase;color:#000!important;
}

.yellow-btn  a{ color:#fff!important;}
.yellow-btn b {
	font-weight:900;
}
.yellow-btn .fa {
	margin-right:10px;
	margin-left:10px;
}
.address-box {
	background:#2c2a75;background: #0087bb;
	color:#FFFFFF;
	padding:45px;
	margin:0px auto;
	display:table;
	width:100%;
}
.address-box h3 {
	font-size:29px;
	text-align:center;
	text-transform:none;
	font-weight:lighter;
	background:url(../images/line.png) repeat-x bottom;
	padding-bottom:15px;
	margin:0px 0px;
	margin-bottom:15px;
}
.address-box .white-border-btn {
	cursor:pointer;
}
.address-box ul {
	margin:5px auto;
	display:table;
	padding:0px 0px;
	list-style:none;
}
.address-box li {
	text-align:center;
	line-height:20px;
	font-family:14px;
}
.address-box li b {
	font-size:16px;
	font-weight:900;
}
.address-box li:first-child b {
	font-size:18px;
}
.address-box h4 {
	color:#fff;
	margin:0px auto;
	padding:5px;
	font-weight:normal;
	border-radius:4px;
	font-size:18px;
	background:#333;
	text-align:center;
	margin:17px 0px;
}
.address-box b {
	font-weight:900;
}
.white-border-btn {
	background:none;
	border:1px solid #FFFFFF;
	border-radius:4px;
	color:#FFFFFF;
	padding:5px;
	width:100%;
	display:block;
	text-align:center;
}
.address-box .white-border-btn:hover {
	color:#FFFFFF;
}
.textBox {
	width:100%;
	height:45px;
	border:3px solid #dedede;
	background:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
}
.textArea {
	width:100%;
	height:115px;
	border:3px solid #dedede;
	background:#FFFFFF;
	padding:10px;
	margin-bottom:10px;
}
.submitbtn {
	background:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:900;
	text-align:center;
	display:block;
	border:none;
	width:100%;
	overflow:hidden;
	padding:7px;
}
.contact-form h3 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px 0px;
	margin-bottom:20px;
	color:#7f7f7f;
}

.copyRight {
	background:#0d396c;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:15px 0px;
}
.copyRight p {
	margin-bottom:0px;
	margin-top:0px; font-weight:normal;
}

.copyRight p a{ color:#FFFFFF;}
.right-col {
	overflow:hidden;
	float:right;
}

.footer {
    background-size: 100% 100%;
    padding: 30px 0px;
    color: #FFF;
    background: #0087bb url(../images/footer-btg.png); background-size:100% auto;
}.address-box h3 {
    font-size: 29px;
    text-align: center;
    text-transform: none;
    font-weight: lighter;
    background: url(../images/line.png) repeat-x bottom;
    padding-bottom: 15px;
    margin: 0px 0px;
    margin-bottom: 15px;
}

.footer h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    background: url(../images/h3-border.jpg) left bottom no-repeat;
    margin: 0px 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.address-box h3{ color:#fff;}


.footer h3, .footer h4, .footer h5 {
    font-size: 14px;}


/*about*/


/*home-about*/

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

.hom-about{ padding:50px 0px;font-family: 'Arsenal', sans-serif; background:#fbfbfb; overflow:hidden;}
.hom-about h2{ background:#0087bb; padding:5px; color:#FFFFFF; font-size:24px; text-transform:uppercase; display:table; text-transform:uppercase;}
.hom-about h3{ font-size:34px; font-weight:bold; color:#0087bb; margin:20px 0px;}
.hom-about p{ font-size:15px; line-height:20px;}
.home-right{ margin-top:80px;}

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

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


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

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

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

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




.values{ font-family: 'Arsenal', sans-serif; background:#0087bb; color:#fff; padding:60px 0px;}

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

.v-img1{ margin-top:70px;}



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

.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:#0087bb; display:table;}

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




.test-Sec{  background:url(../images/h4-bg-section-05.jpg); background-size:100% auto;}

.testimonial-inner{ margin:100px 0px; margin-left:0%; }

.testimonial-inner h2{}





.testimonial-inner  h2{ text-transform:uppercase; font-weight:bold; margin:0px 0px 15px; font-size:15px; color:#c13538;}

.testimonial-inner  h3{  font-weight:bold; margin:0px 0px 15px; font-size:35px;}



.rating-list{ margin:15px 0px; list-style:none; padding:0px 0px; width:100%; overflow:hidden;}
.rating-list li { color:#eca801; float:left; margin-right:5px}

.test-img{ overflow:hidden; border:3px solid #1f5ca9; border-radius:50%; float:left; margin-right:20px}
.test-img img{ border-radius:50%; width:80px;}
.testimonial-inner h4{ font-size:20px; color:#000; font-weight:normal; font-size:20px; margin-top:25px;}
.testimonial-inner h4 span{ font-size:15px; color:#0087bb;}
.tst-bottom{ overflow:hidden; margin-top:40px;}

.video-sec{ background:url(../images/video.jpg) no-repeat;  padding:100px 0px;}

.video-sec{ text-align:center; color:#FFFFFF;}




.ct-video-button {
  width: 80px;
  height: 80px;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
 overflow:hidden; margin:10px auto; padding-top:25px;
  text-align: center;
  position: relative;
  z-index: 1;background-color: #1f5ca9; border-radius:50%;
  
   margin-bottom:40px; cursor:pointer; border:5px solid rgba(255, 255, 255, 0.5);
}




.video-inner{ margin:10px auto; display:table; width:70%;}


.video-inner h2{ font-weight:bold;}



.blob {
	

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}



@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.blob.white {
  background: white;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.blob.red {
  background: rgba(255, 82, 82, 1);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.blob.orange {
  background: rgba(255, 121, 63, 1);
  box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
  animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}

.blob.yellow {
  background: rgba(255, 177, 66, 1);
  box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
  animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

.blob.blue {
  background: rgba(31, 92, 169, 1);
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}

.blob.green {
  background: rgba(51, 217, 178, 1);
  box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
  animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
  }
}

.blob.purple {
  background: rgba(142, 68, 173, 1);
  box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
  animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
  }
}



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

  border-radius: 50%;
  position: relative;
  display: block;
  margin: 100px auto;
/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */ left:0; right:0; top:33%; background:#fff;left:0; right:0; margin:60px auto; top:33%;}


/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #db2b2b;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

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

  }
}

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

  }
}

.nivo-caption{opacity:1;}
.slider-cap h2{  text-transform:uppercase; font-weight:bold; color:#000; font-size:40px; margin:15px 0px; background:rgba(255, 255, 255, 0.9); padding:10px; display:table;}
.slider-cap h5{  text-transform:uppercase; font-weight:bold; color:#0087bb;font-size:60px;margin:15px 0px;}
.slider-cap a{ background:#1f5ca9; color:#FFFFFF; text-transform:uppercase; font-size:12px; border-radius:5px; display:table; padding:7px 13px;}

.slider-cap  p{ color:#fff; font-size:20px;}


.blob{ display:block;}

.innerPage {}
.inner-srv{ margin-bottom:30px; background:#f5f6fa;}
.inner-srv .servicethump{ margin-bottom:0px;}
.inner-srv h3{ font-size:20px; margin:10px 0px; text-transform:uppercase;}

.srv-txt{ padding:15px;}
.footer-social li {
    float: left;
    margin-right: 10px;
}

.modal-title{ text-transform:uppercase;}

.modal-body h3{ font-size:15px; text-transform:uppercase; margin:0px 0px 15px;}

.modal-footer{ padding:0px 0px;}

a{ cursor:pointer;}



.innerPage .hom-about {
    padding: 20px 0px;
    font-family: 'Arsenal', sans-serif;
    background:none;
    overflow: hidden;
}


.contact-ph h4{ font-size:17px; background:#e5e5e5; padding:28px 24px; margin:0px 0px 3px; text-align:center;}




.about-img{ overflow:hidden;}
 .about-img img{ width:100%;}
 
 .about{ margin-top:50px; margin-bottom:50px;}
 .about h2{ font-size:48px; font-weight:900; color:#0087bb; text-transform:uppercase;}
  .about h2 span{ color:#FFFFFF; color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
 
 .about-img{ position:relative; overflow:hidden;}
 .about-img img{ width:100%;}

 .about-txt{ position:absolute; top:40%; padding:20px; color:#666666; text-transform:uppercase; max-width:70%;}
  .about-txt a{color:#666666;background:url(../images/detail-btn.png);}
  
  
  
 .about h3{ text-transform:uppercase; display:table; border-bottom:5px solid #666666; font-size:13px; font-weight:bold;} 
  
  

  
  
   .about-img{ overflow:hidden;}
 .about-img img{ width:100%;}
 
 .about{ margin-top:50px; margin-bottom:50px;}
 .about h2{ font-size:30px; font-weight:900; color:#0087bb; text-transform:uppercase;}
  .about h2 span{ color:#FFFFFF; color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;}
 
 .about-img{ position:relative; overflow:hidden;}
 .about-img img{ width:100%;}

 .about-txt{ position:absolute; top:20%; padding:20px; color:#333; text-transform:uppercase; max-width:50%;}
  .about-txt a{color:#666666;background:url(../images/detail-btn.png);}
  
  .about-txt b{ font-size:15px; margin-bottom:20px; display:block;}
  
 .about h3{ text-transform:uppercase; display:table; border-bottom:5px solid #666666; font-size:18px; font-weight:bold;} 
  
  
.exp-bx{ background:#fff; padding:0px; display: table; text-align:center; margin:15px; overflow:hidden;}
.exp-bx img{ max-width:100%;}

.exp-bx h4{ font-size:80px; font-weight:bold; line-height:80px; margin:0px; color:#fff;}  
.exp-bx h5{ text-transform:uppercase; color:#da473f; font-weight:300;}


  .abt-right{ padding-top:0px; backgroundcenter no-repeat; min-height:300px; background:url(../images/abt-right.png); overflow:hidden; }
  
  
  
  .home-news{ background:url(../images/about-bg.png); padding:30px 0px; margin:0px 0px 0px;}

.home-news h2{ font-weight:200; text-transform:uppercase; font-size:30px; margin:0px 0px 15px;}

.home-news h3{ font-weight:300; text-transform:uppercase; font-size:14px;margin:0px 0px 15px;}
.news-box{ margin-top:25px;}
.ns-img{ overflow:hidden;}
.ns-img  img{ width:100%}
.ns-txt{ margin:10px 0px;}

.home-news h4{ font-size:20px; text-transform:uppercase; margin:30px 0px 0px; margin-bottom:5px;}

.home-news h5{ font-size:12px; text-transform:uppercase; color:#fff; background:#c0524b; padding:5px; text-transform:uppercase; display:table;}

.ns-txt p{ font-size:14px;}

.ms-btn img{  max-width:100%; width:auto;}

.carer-sec{ background:#fff7cc; padding:80px 0px;}


.carer-sec h2{ font-size:16px; text-transform:uppercase; background:url(../images/bottom-lime.jpg) no-repeat bottom; display:table; padding-bottom:5px;}
.carer-sec h3{ font-size:16px; font-weight:normal;}
.carer-sec h3 span{ font-size:24px;}

.carer-sec h4{ font-size:36px; font-weight:lighter; padding:60px; border-left:1px solid #959595;}
.carer-sec h4 b{ font-weight:900;}


.grp{ margin-bottom:30px;}

.group-img{ overflow:hidden; border:1px solid #c4c4c4;}
.group-img img{ width:100%;}

.grp h3{ text-transform:uppercase; font-weight:bold; margin:0px 0px 10px; font-size:16px; margin-top:50px;}


.ns-image{ border:none;}


.news-01 h3{ margin:0px 0px 15px; text-transform:uppercase; font-weight:bold;}

.news-01 h4{ color:#FFFFFF; padding:6px; display:table; text-transform:uppercase; font-size:12px; text-transform:uppercase; font-weight:bold; background:#c0524b; margin:0px 0px 15px}


.share-socialMedia{ list-style:none; margin:10px 0px; padding:0px 0px;}
.share-socialMedia li{ float:left; margin-right:10px;}
.share-socialMedia li a{ color:#000000;}
.social-share{ margin-top:30px;}
.social-share h3{ float:left; margin-right:15px;}

.clients h2{ font-size:12px; font-weight:normal; text-transform:uppercase; margin:0px 0px 0px;}
.clients h3{ font-size:30px; font-weight:bold;text-transform:uppercase; margin:0px 0px 20px;}
.clients {
    color: #747474;
    padding: 48px 0px;
    border-top: 1px solid #c4c4c5;
}
.cl-row .col-lg-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


.carer-sec  a{ font-weight:bold; background:#c10005; padding:10px; color:#FFFFFF; text-transform:uppercase; display:table; border-radius:5px;}

.news-box a{ font-weight:bold; background:#c10005; padding:10px; color:#FFFFFF; text-transform:uppercase; display:table; border-radius:5px;}

.client-page  .client-img{ margin-bottom:30px; display:block; height:auto;}

.experience-c{ margin:15px;}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}

.experience-c{ position:relative; display:table;box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); border-radius:50%; margin-bottom:35px;}
.experience-c h2{ position:absolute; top:30%; left:0; right:0; margin:0px auto; display:table; font-size:60px; color:#0087bb;}



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

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

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


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

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

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

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

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

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

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

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

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



@keyframes animate {

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

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

}

.carer-sec{ position:relative;}

.footer ul li a{ position:relative; padding-left:15px;}
.footer ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:0px; color:#FFF;}

.footer-social li a{ padding-left:0px;}
.footer-social li a:before{ display:none;}

.footer-social{ padding:0px 0px;}



.vis-title{ background:#0087bb; color:#0087bb; display:table; padding:25px; color:#FFFFFF; }  

.vs-titl-bx{background:url(../images/000.png) right top no-repeat; padding:50px 50px 0px 0px; display:table;}
.logo-icon{ margin-bottom:25px; }
	   
.vis-title h2{ font-size:24px; font-weight:lighter; text-transform:uppercase; text-align:left;}
.vis-title h2 span{ font-size:38px; font-weight:bold;}

.vis-txt { margin-top:10px; width:80%;}
.vis-txt h3{ font-size:18px; text-transform:uppercase;}

.bt-mar{ margin-bottom:30px;}


.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:10px; 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%;}

.news-01 a{ text-transform:uppercase; font-size:15px; color:#FF0000; font-weight:700;}

.gmap iframe{ width:100%; height:350px;}

.gmap iframe{ border:none;}

.career-bx{ padding:25px ; background:#fbfbfb; font-size:13.5px;overflow:hidden;margin-bottom:15px; background:#f5f5f5;}
.career-bx h2{ font-size:20px; text-transform:uppercase; font-weight:bold; margin:0px 0px 15px;}
.career-bx ul{ margin:15px 0px; padding:0px 0px; list-style:none;list-style: disclosure-closed; padding-left:15px;}
.career-bx ul li{font-size:14px;margin-bottom:4px;}

.career-txt { margin-top:50px;}

.career-txt h3{ font-size:17px; text-transform:uppercase; font-weight:bold; margin:0px 0px 15px;}

.career-bx h4{ margin:15px 0px 10px; font-size:15px; text-transform:uppercase; font-weight:bold;}


.red-btn{ background:#0087bb; color:#FFFFFF; padding:12px 17px; border:none; cursor:pointer;}

.testimonial-inner .carousel-item{padding:0px 150px; }
.testionil-txt{min-height:130px; }

.testimonial-inner h4{margin-top:0px;}
.carer-sec a{position:relative; z-index:10;}

.box4 .icon{margin:10px auto;display:table;}
.box4 .icon li {display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#0087bb;margin-right:10px auto;transition:all .3s ease 0s;border-radius:50%;}


	.certificate-C{ overflow:hidden; margin-bottom:35px; border:10px solid #fff;}
.certificate-C img{ width:100%;}

.is-cert-C{ background:#e7e7e7; padding:50px 0px;}

.is-cert-C h2{ text-transform:uppercase; font-size:30px; font-weight:bold; margin:0px auto; margin-bottom:30px;}


.certificate-C{

    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    transition: all .5s ease 0s
}

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


 @media all and (max-width: 760px) {
   .testimonial-inner  .carousel-item{padding:0px;}
#intro3{ background-size:auto;}

.md-contact{ margin-left:0px; width:100%;}

.md-contact h3 {
    font-size: 19px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 20px;
}

.header {
     background: #0087bb!important;

}


.innerPage .hom-about {
    padding: 0px 0px 30px;
  
    background:none;
    overflow: hidden;
}

.address-box{ margin-bottom:30px;}
.career-img{ overflow:hidden; margin-top:30px;}





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



.home-right {
    margin-top: 0px;
}

.hom-about h2{ font-size:14px;}

.hom-about h3 {
    font-size: 27px; margin:7px 0px 15px 0px;}



.testimonial-inner{ margin:45px 0px;}



.testimonial-inner h3{ font-size:20px;}


.video-inner{ width:98%;}
.video-sec{ padding:45px 0px}
#intro3{ min-height:100px;}


.header {
    background: #eaeaea!important;
}

.about-img-sec{ margin-bottom:35px;}

.vlue-rt{ margin-top:35px; margin-left:0px;}
.footer ul{ margin-bottom:35px;}

.head-top { display:none;
}
.about-txt p{ display:none;}

.cl-row .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}

.client-img{ margin-bottom:30px; display:block; height:auto;}

.carer-sec h4 {
    font-size: 36px;
    font-weight: lighter;
    padding: 40px;
    border-left: 1px solid #959595; border:none;
}

.carer-sec {
    background: #fff7cc;
    padding: 30px 0px;
}
.group-img{ margin-bottom:30px;}

.values  .v-img1 {
    margin-top:0px;
}
.innerPage .hom-about { padding-bottom:0px;}

.innerPage .about-txt-hm {
    margin-bottom: 0px;
}

}