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


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


body {margin: 0;padding: 0;color:#333;  font-size:14px; line-height:20px;   font-family: "Rajdhani", sans-serif;
 }
header{ width: 100%; height: auto; 

 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; position:absolute; top:0px; left:0; right:0; margin:0px auto; z-index:100;


}


 .header.scroll_css {

	margin: 0;

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

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





 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:none;
 }
 
 .logoC{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;
  position:relative; margin-top:0px; z-index:5; overflow:hidden; margin:0px 0px;
 right no-repeat width:100%; }
 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto; max-width:100%;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}




.nav-c{ background:#2e3691;}

#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{ margin-bottom:0px;}

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

#cssmenu > ul > li{font-size: 17px;
  font-weight: 501;
  margin-left: 10px;
  font-family: "Rajdhani", sans-serif;
  margin-left: 26px;

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

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

#cssmenu > ul > li a:hover{ color:#869aff;}
#cssmenu > ul > li a.active{ border-bottom:4PX solid #869aff; /*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:5px;}
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active{ }



#cssmenu{ }


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

.hd-top{ padding:10px 0px;}
.cts-ic{ background:#2e3691; width:57px; height:57px; line-height:57px; text-align:center; color:#FFFFFF; font-size:24px; border-radius:50%;margin-left:PX; float:left; position:relative; padding-right:5px; z-index:6;}
.cts-ic::after {
  position: absolute;
  right: 2px;
  background: #2e3691;
  content: '';
  width: 56px;
  height: 57px;
  z-index: -1;
  border-radius: 50%;
  top: 0px;
  border: 3px solid #ffffff;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;
}

.top-C{ float:right;}
.top-cts { margin-top:15px; float:left; margin-left:25px; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}
.top-cts h3{ text-transform:uppercase; font-size:13px; font-weight:bold; color:#000000;}
.top-cts  span{ font-weight:normal; font-size:15px;}

.ctc-no{ margin-top:10px; float:left; margin-left:20px;}

.nah-logo{ float:left; margin-left:40px;}



.top-cts:hover .cts-ic{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:#ed1c24!important;}


.top-cts:hover .cts-ic::after{background:#ed1c24!important;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.top-cts:hover .cts-ic .fa{transform               : rotate(360deg);
	-moz-transform          : rotate(360deg);
	-webkit-transform       : rotate(360deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;

	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}

/*nivo -slider*/



.slider-area {
  position: relative; color:#FFF;    font-family: "Rajdhani", sans-serif;






}

.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:#5370ff;
 
  margin-top: 15px;
  padding: 12px 27px 12px;color:#fff;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }
.nivo-caption a {
  display: inline-block !important;
}

.layer-2 a:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; background:#0f1b57;}

.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: }
.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{ bottom:35%;}

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

.slideC{ position:relative;}




a:hover{ text-decoration:none;}





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









.sld-cap{ text-align:left;  overflow:hidden; color:#fff;  }
.sld-cap h1{font-size:20px; font-weight:bold;  display:table; padding-bottom:5px; color:#fff; margin: 10px 0px; letter-spacing:2px; text-shadow:1px 1px #000;}
.sld-cap h2{ font-size: 40px;
  font-weight: 300;
  margin: 0px auto;
  background: rgba(2, 2, 125, 0.5);
  padding: 10px 15px;
  color: #FFFFFF;
  display: table;
  margin: 10px 0px 0px;}
.sld-cap h2 b{ font-weight:900;}

a{ text-decoration:none;}
.sliderC{}
.sld-cap p{ font-size:14px; line-height:22px; color:#0e204d;}

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

.nivo-caption{opacity:1;}


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

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


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




/*new*/

body{ font-family: "Rajdhani", sans-serif;

}
.tp-cts{ float:right; margin-top:15px;}
.tp-cts h6{ font-size:15px;}


.r1{ width:100%; display:block; overflow:hidden;}


.menu-cc{ float:right;}

#cssmenu{ float:none;}


.tp-cts h6{ float:left;}
.tp-cts a{ color:#FFFFFF; margin-left:15px;}


.tel-no{ position:relative; padding-left:35px; font-size:15px; padding-top:12px;}
.tel-no:before{ position:absolute; left:0; width:35px; background:url(../images/ph-ic.png); width:26px; height:26px; content:'';}

.book-bn { background:#5370ff; padding:8px 10px; text-transform:uppercase; padding-left:45px; position:relative; border-radius:5px;}
.book-bn:before{ background:url(../images/driving-0ic.png); width:25px; height:25px; position:absolute; left:8px; content:''; top:5px;}





.home-about-us{ color:#FFFFFF; padding:110px 0px; background:url(../images/abt-bg.jpg);}


.home-about-us h2{ color:#fff; font-size:27px; text-transform:uppercase; font-weight:200; margin-top:35px;}
.home-about-us h2 b{ color:#FFFFFF; font-weight:bold;}
.home-about-us h3{ color:#5370ff; font-size:27px; text-transform:uppercase; font-weight:200;}
.home-about-us a{ color:#FFFFFF; text-transform:uppercase; font-size:15px; background:#FFFFFF; padding:8px 16px; color:#000000;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }

.home-about-us a:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; background:#0f1b57; color:#FFFFFF; }

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

.about-content-right{ padding-left:50px;}

.abt-texts{ margin-bottom:30px; color:#c5c5c5; font-size:14px; line-height:22px; letter-spacing:1px; margin-top:30px; margin-bottom:25px; overflow:hidden;}

.verv-abt{ position:absolute; bottom:-110px; right:0; }
.verv-abt img{ width:auto;}

.rltv{ position:relative;}

.why-electric{ padding:110px 0px}

.elct-left{ background:url(../images/wh-elctr-pattern.png) top left no-repeat; height:100%; width:100%; padding-left:50px; position:relative;}

.elct-img-1{ width:70%; position:absolute; top:0; right:0; }
.elct-img-1 img{ width:100%;}


.elct-img-2{ padding-top:200px; width:80%; }
.elct-img-2 img{ width:100%;border:10px solid #FFFFFF;}

.yr-bx{ position:absolute; background:#023e7d; padding:10px; color:#FFFFFF; right:50px; bottom:30%; z-index:5;}


.yr-bx h2{ text-transform:uppercase; font-size:60px;}

.yr-bx h3{ text-transform:uppercase; font-size:24px;}

.verv-log2{ overflow:hidden; margin-bottom:20px; margin-top:40px;}
.verv-log2 img{ max-width:100%;}

.why-electric h2{ font-size:50px; text-transform:uppercase; color:#fff;}
.why-electric h2 b{ font-size:40px; text-transform:uppercase; color:#000;}


.why-electric p{  font-family: "Rajdhani", sans-serif;
font-size:14px; line-height:27px;
}



.box-wh{ background:#4a6590; padding:15px; color:#FFFFFF; margin-bottom:10px; min-height:230px;}
.bx-txt p{ font-size:13px; line-height:18px;}
.box-wh h4{ font-size:19px; text-transform:uppercase; margin:0px 0px 8px;}

.bx-icon { margin-top:25px; overflow:hidden;}
.bx-icon img{ max-width:100%;}


.why-bxs .row{ margin:0px -5px;}
.why-bxs .col-12{ padding:0px 5px;}
.c1:nth-child(2) .box-wh{ background:#8b8b8a;}
.c1:nth-child(3) .box-wh{ background:#8b8b8a;}

.pr-mn-txt{ position:absolute; bottom:15px; left:15px; right:15px;}



/*h1, h2, h3, h4, h5{font-family: "Rajdhani", sans-serif;
}*/
#intro { 

	background:url(../images/sevice-bg.jpg) no-repeat  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 80px 0px; background-attachment:fixed;  margin-top:0px; color:#FFFFFF; }


.products-c h2{ margin:0px auto; text-align:center; margin-bottom:50px; color:#000000;}
.products-c h2 b{ text-transform:uppercase; font-size:48.5px;}
.products-c h2 span{ font-size:29px; font-weight:lighter;}


.pro-bx{ overflow:hidden; position:relative; margin-bottom:10px;}
.pro-bx img{ width:100%;}

.pr-mn-txt{ position:absolute; bottom:20px; left:20px; right:20px; width:100%; display:flex;}
.pr-mn-txt h3{ width:74%; font-size:25px; margin:0px 0px;}
.pr-mn-txt h3 span{ font-size:19px;}

.pr-mn-txt  .round-btn{ float:right; width:50px; height:50px; background:#fff; line-height:50px; text-align:center; border-radius:50%;transform: rotate(-30deg);}

.pr-row{ margin:0px -5px;}
.pr-row .col-lg-4{ padding:0px 5px;}



.white0s{ padding:80px 0px;font-family: "Rajdhani", sans-serif;
background:url(../images/tyre.png) right top no-repeat; }

.wht-image{ position:relative; overflow:hidden; background:url(../images/wht-img-left.png) no-repeat left top; padding:43px 0px 0px 43px;}
.wht-image img{ width:100%;}

.white0s h2{ margin:50px 0px 20px; font-size:38px; font-weight:700; font-family: "Rajdhani", sans-serif;
}

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

.white0s p {
  font-size: 14px;
  line-height: 35px;
  font-weight: normal;
  font-family: "Rubik", sans-serif;
}
.wht-txt{ margin-bottom:35px;}
.wht-ic-bx{margin-bottom:25px;}
.wht-ic-bx h3{font-size:20px;}

.flx{ display:flex;}
.flx img{ margin-right:20px;}

.wht-ic-txt{ margin-top:20px;}










#intro2 { 

	background:#000 url(../images/technology-bg.jpg) no-repeat  100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 80px 0px; background-attachment:cover;  margin-top:0px; color:#FFFFFF;font-family: "Rajdhani", sans-serif;
    background-size: 100% auto;
}
	
.technology h2{ text-align:center; margin:0px auto; margin-bottom:20px; font-size:48px; font-weight:normal; text-transform:uppercase; line-height:35px; letter-spacing:2px; margin-bottom:70px;}

.technology h2 span{ font-size:30px!important;}

.middle-car{ overflow:hidden; margin-top:126px;}
.middle-car img{ width:100%;}


.car-feature-bx{ margin-bottom:30px;}

.mdl-ic-img{ width:100px; height:100px; background:#023e7d; text-align:center;  border-radius:50%; padding:15px; }
.mdl-ic-img img{ max-width:100%;}

.car-feature-bx h3{ font-size:25px;}

.feature-txt p{ font-weight:normal;}

.b1:nth-child(1){ margin-top:100px;}
.b2:nth-child(1){ margin-top:100px;}

.b1:nth-child(1), .b1:nth-child(2), .b1:nth-child(3), .b1:nth-child(4){ text-align:right;}


/*.b1:nth-child(5) .ord1{order:2!important;}
.b1:nth-child(5) .ord2{order:1!important;}*/


/*.b1:nth-child(2) .col-lg-8{order:2!important;}
.b1:nth-child(2) .col-lg-4{order:1!important;}*/

.space-adj{ margin:0px -5px;}
.space-adj .col-lg-4{ padding:5px 0px;}


.b2:nth-child(1) .col-lg-8{order:2!important;}
.b2:nth-child(1) .col-lg-4{order:1!important;}


.b2:nth-child(2) .col-lg-8{order:2!important;}
.b2:nth-child(2) .col-lg-4{order:1!important;}


.b2:nth-child(3) .col-lg-8{order:2!important;}
.b2:nth-child(3) .col-lg-4{order:1!important;}


.b2:nth-child(4) .col-lg-8{order:2!important;}
.b2:nth-child(4) .col-lg-4{order:1!important;}

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


.rt-bx .mdl-ic-img{ float:right;}




#intro-3 h2{ font-size:30px; font-weight:normal; margin:0px auto; }	
	
	#intro-3 h3{ font-size:50px; font-weight:900; margin-top:25px;}	




#intro-3 {
    background: url(../images/video.jpg) no-repeat 100% 100%;
    margin: 0 auto;
    color: #FFFFFF;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 80px 0;
    background-attachment: fixed;
    margin-top: 0px;
    background-size: 100% auto;
    text-align: center; min-height:600px;
}


/*.h-service{ cursor:pointer;}*/
.play-btn {
  width: 130px;
  height: 130px;

  border-radius: 50%;
  position: relative;
  display: block;
  margin: 100px auto;
/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */  margin:0px auto; margin-top:40px; background:#0f1b57; 
border:10px solid rgba(255, 255, 255, 0.3);}


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

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

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

  }
}

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

  }
}






.reasons-c{ background:url(../images/reason-bg.jpg); padding:100px 0px; color:#FFFFFF;font-family: "Rubik", sans-serif;}

.reason-left-img{ overflow:hidden; padding:0px 30px 30px 0px; background:url(../images/reason-pattern.png) no-repeat right bottom;}
.reason-left-img img{ width:100%;}



.reasons-c h2{ font-size:42px; font-weight:600; margin-top:35px; margin-bottom:40px;}
.reasons-c h2 span{ font-size:42px; font-weight:600; color:#5370ff; text-transform:uppercase;}
.reason-right{ margin-left:50px;}

.reason-inn{ display:flex; margin-bottom:20px;}

.reason-inn h3{ width:104px; height:72px; margin:0px 0px; background:url(../images/counter-circle.png) center no-repeat; text-align:center; margin-right:20px; background-size:100% 100%; font-size:25px; line-height:72px;}

.reason-inn h4{ font-size:33px; font-weight:700; margin:0px 0px 20px;}
.reason-inn p{ font-size:16px; line-height:28px;}


.white-2{ padding:80px 0px; background:url(../images/wht-2-bg.png); background-size:100% auto;font-family: "Rubik", sans-serif;}

.white-2 h2{ font-size:25px; text-transform:uppercase; font-weight:normal; margin:0px 0px 15px; display:table; background:#023e7d; padding:8px 15px; border-radius:8px; color:#FFFFFF;}


.white-2 h3{ font-size:49px; font-weight:bold; line-height:52px;  margin:0px 0px 25px;}


.wht-img-1{ overflow:hidden; padding:30px 0px 0px 30px; background:url(../images/img-pattern.png) left top no-repeat; }
.wht-img-1 img{border:10px solid #023e7d;}


.wht-right-imgc{ position:relative; padding-left:100px;}

.wht-img-2{ position:absolute; left:0; top:20%; overflow:hidden;width:300px;}
.wht-img-2 img{width:100%;}


.whit2-leftC{ padding-right:80px; margin-top:90px;}

.counter-bx{ text-align:center; position:relative;}
.counter-bx h4{ font-size:125px; color:#f2f2f2; margin:0px auto;}

.counter-bx h5{ font-size:15px; color:#000000; margin:0px auto; position:absolute; left:0; right:0; margin:0px auto; top:43%; text-align:center; text-transform:uppercase;}

.couter-sec{ margin-top:100px;}



.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

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

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

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

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

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

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

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


.link-btn{ width:50px; height:50px; border-radius:50%; border:4px solid #767d80; text-align:center; line-height:42px; color:#FFFFFF; display:table; position:absolute; top:40%; left:0; right:0; margin:0px auto; background:#e74c3c;}



#intro-4 {
    background: url(../images/sevice-bg.jpg) no-repeat 100% 100%;
    margin: 0 auto;
    color: #FFFFFF;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 80px 0;
    background-attachment: fixed;
    margin-top: 0px;
    background-size: 100% auto;
    text-align: center; min-height:600px;
}

.hm-service {font-family: "Rubik", sans-serif;}
.hm-service h2{ color:#222222; margin:0px auto; font-size:43px;}

.srv-top-txt { font-size:18px;color:#222222;  line-height:30px; margin:0px auto; display:table; text-align:center; width:70%; margin-bottom:30px; font-weight:200; margin-top:20px;}


.hm-srv h2{ color:#FFFFFF!important; font-size:18px;font-family: "Rajdhani", sans-serif;
}

.link-btnnth-child(even) { background:#00CC66!important}

.home-brand{ background:url(../images/home-brand.jpg); padding:70px 0px; color:#FFFFFF;font-family: "Oswald", sans-serif;}

.home-service{ padding:0px 15px!important}


.home-brand h2{ margin:0px auto; text-align:center; margin-bottom:40px; font-size:40px; font-weight:200; text-transform:uppercase;}
.home-brand h3{ font-size:36px; font-weight:bold;}


.footer-top-car{ margin:20px auto; text-align:center; margin-top:60px;}
.footer-top-car img{ max-width:100%;}

.ftr-tp{font-family: "Oswald", sans-serif;}
.footer-tp-phone{ position:relative; padding-left:80px; text-align:center;}
.footer-tp-phone h4{ font-size:15px; font-weight:200; text-transform:uppercase; color:#161921;}
.footer-tp-phone h4 span{ font-size:23px; font-weight:200; text-transform:uppercase; color:#161921;}

.footer-tp-phone:before{ position:absolute; left:0; background:url(../images/btm-phone.png) left; top:0; left:0; content:''; width:61px; height:61px;}

.t-24{ margin:0px auto; position:relative; padding-left:80px; display:table; font-size:28px; text-transform:uppercase; font-weight:200; text-transform:uppercase; color:#161921; padding-top:7px;}

.t-24 h4{font-size:23px; font-weight:200; text-transform:uppercase; color:#161921;}
.t-24:before{position:absolute; left:0; background:url(../images/24.png) left; top:0; left:0; content:''; width:50px; height:50px;}


.footer-contact a{ background:#fff; color:#161921; text-transform:uppercase; font-weight:200; float:right; font-size:16px; padding:10px 25px; border-radius:30px;}


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

footer{ background:#023e7d; padding:50px 0px; color:#FFFFFF;font-family: "Rajdhani", sans-serif;
font-weight:normal; }
footer h3{ margin-bottom:30px; font-size:20px;}
footer a{ color:#FFFFFF;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
footer a:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }


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


.footer-logo{ margin-bottom:30px;overflow:hidden;}

.footer-logo img{overflow:hidden; width:55%;}
footer ul li{ margin-bottom:5px;}
.footer-social li{ margin-left:5px; float:left; border-radius:3px;}
.footer-social li img{ border-radius:3px;}
.footer-social li a:hover{ padding-left:0px;}
.copy-right{ padding:20px 0px; color:#000000; background:#fff;font-family: "Rubik", sans-serif;}
.copy-right p {
    margin-bottom: 0px;
    font-weight: normal;
}


footer ul{ display:block; overflow:hidden;}
footer h4{  display:block; font-weight:lighter; font-size:18px; margin-top:30px; margin-bottom:30px;}

footer h4 b{ color:#70706f;}

.ns-ltr{ position:relative; width:100%; background:#fff; height:45px; width:100%;}
.ns-ltr button{ position:absolute; right:0; width:40px; background:#0f1b57; text-align:center;  line-height:20px; height:45px; border:none; text-align:center; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }

.ns-ltr button:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; background:#0f1b57;}
.ns-ltr input{ width:100%; height:45px; border:none; padding-left:10px;}

.copy-right p a{ color:#000;}


.submit-btn{ text-transform:uppercase; font-weight:bold; border-radius:0px;}

footer p{ font-weight:300;}
footer{ overflow:hidden;}
footer .container{position:relative; z-index:20;}
.copy-right{position:relative; z-index:20;}
/*contact*/


.inner-banner{ overflow:hidden; position:relative;}
.inner-banner img{ width:100%;}
.banner-Caption{ position:absolute; left:0; right:0; margin:0px auto; display:block; bottom:100px; color:#FFFFFF;}
.banner-Caption h1{ text-transform:uppercase; font-size:30px;}
.banner-Caption ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.banner-Caption li{ float:left; margin-right:15px; color:#FFFFFF; position:relative; padding-right:8px;}
.banner-Caption li:after{ position:absolute; right:0; content:'>'; top:2px;}
.banner-Caption li a{ color:#FFFFFF; margin-right:8px;}
.banner-Caption li:last-child:after{ display:none;}

.inner-pagege-C{ margin:60px 0px;font-family: "Rubik", sans-serif}
.inner-pagege-C .page-titile{ font-size:25px; text-transform:uppercase; margin:0px 0px 30px;}

.page-titile h2{font-size:25px;}

.cts-bx{ padding:60px 30px; text-align:center; background:#e7e7e7; color:#000; border-radius:4px; min-height:330px;}
.cts-bx .cts-bx-ic{ font-size:40px; margin-bottom:30px; background:#e7e7e7; width:70px; height:70px; line-height:70px; text-align:center; background:#fff; margin:0px auto; display:table; border-radius:50%; margin-bottom:25px;}
.cts-bx  h3{ font-size:20px; font-weight:bold; margin:0px auto; margin-bottom:20px; text-transform:uppercase;}
.cts-bx ul{ list-style:none; margin:0px auto; padding:0px 0px;}

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

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

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


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


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

.inner-pagege-C .home-about-us{ background:none; color:#000000; padding:0px;}

.inner-pagege-C p{ font-size:14px; line-height:23px;}
.inner-pagege-C .home-about-us p{ color:#000000;}

.inner-pagege-C .home-about-us  h2{ color:#000000;}
.inner-pagege-C .home-about-us  h2 b{ color:#000000;}
.inner-pagege-C .home-about-us  p{ font-weight:normal;font-family: "Rajdhani", sans-serif;
   line-height: 22px; font-size:13px;}



#intro6 { 
	 background:url(../images/vis-bg.png) no-repeat  no-repeat 100% 100%; 
    margin: 50px auto; width: 100%; position: relative; height:100%; 
	 padding: 0px 0 30px;   color:#FFFFFF; background:#444444;position:relative;}
	 
 #intro6 a { background:url(../images/white-border.png); color:#FFFFFF;}
	   

	
.vis-title{ background:#fff; color:#333; display:table; padding:25px; padding-top:50px; }  
.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:50px; width:100%; font-size:12px; line-height:18px;}
.vis-txt h3{ font-size:18px; text-transform:uppercase;}




.gld-btn{ color:#FFF; text-transform:uppercase; background:url(../images/browse-btn.png); width:121px; height:40px; text-align:center; line-height:40px; overflow:hidden; display:block;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.gld-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;  color:#d99536;}
 
 


.vis-txt p{ font-size:13px;}

.right-img{  overflow:hidden; float:right; display:table; text-align:right; position:absolute; bottom:0;}
.right-img img{ width:100%;}


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

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

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


.inner-pages .rt-padding {
    margin-left: 0;
}

.inner-pages  .about-sec h2 br{ display:none;}
.inner-pages  .about-sec h3 br{ display:none;}

.dwd-cmp{ padding:10px 25px; color:#fff; text-transform:uppercase; border-radius:30px; display:table; background:#0f1b57; margin-top:30px;    transition: all .6s ease-in-out;}

.dwd-cmp:hover{    transition: all .6s ease-in-out; background:#000;  color:#FFFFFF;}
.dwd-cmp i{ margin-right:10px;}  

.pro-bx{ color:#FFFFFF;}


/*servie -details*/
.carousel-indicators{ }
.carousel-indicators img{ float:left;width:100%!important; margin:5px;}

.carousel-indicators{ position:static;}

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


.carousel-indicators [data-bs-target]{ height:auto;}
.service-slider{ overflow:hidden; background:url(../images/texture-2.png) no-repeat right top; padding:30px 30px 30px 0px}
.service-slider img{ width:100%;}

.srv-details .testimonial h3 {
    font-size: 37px;
    font-weight: 800;
    margin-left: 0;
    background: url(../images/test-yello-bg.png) left no-repeat;
    background-position: 0 26px;
    overflow: hidden;
    margin-bottom: 50px;
}

.carousel-indicators [data-bs-target]{opacity:1;}
.service-detila-img{ background:url(../images/reason-pattern.png) top left no-repeat; padding:30px 30px 0px;}


.carousel-indicators{margin-left:0;}


.product-details h3 {
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    padding-bottom: 10px;
    position: relative;
    font-size: 18px;
    margin-top: 20px;
}

.product-details h3:after {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #0f1b57;
    content: '';
    left: 0;
}


.product-details  ul{ margin:25px 0px; list-style:none; padding:0px 0px;}
.product-details ul li{ margin-bottom:10px; position:relative; padding-left:30px;}
.product-details ul li:after{position:absolute;display:block;content:'\f105';font-family:FontAwesome; left:0; top:2px; width:20px; height:20px; background:#0f1b57; color:#FFFFFF; border-radius:50%; text-align:center; line-height:20px;}

.specification-c{ background:#ededed; padding:65px 0px;}
.specification-img{ overflow:hidden; margin-right:50px;}
.specification-img img{ width:100%;}


.product-details .white-2{ background:none;}


.inner-pagege-C .home-service{ margin:0px 0px 30px 0px!important; padding:0px 0px!important;}

.srv-list .col-12{ margin-bottom:30px;}



.blogs-inner .latest-nsC{margin:0px; }
.blogs-inner .latest-nsC{margin-bottom:30px;}

.ns-inner .news-c{ margin-bottom:30px;background:#f9f9f9; padding:25px;}
.ns-inner .news-c h3 {
    font-size: 18px;
}

.blog-inner-img{ overflow:hidden; margin-bottom:0px;}
.blog-inner-img img{ width:100%;}

.blog-inner-list h3{ font-size:16px; opacity:0.5; margin:0px 0px 10px;}
.blog-inner-list h4{ font-size:20px; font-weight:bold; margin:0px 0px 15px;}
.blog-inner-list{ margin-bottom:35px; }
.blg-inn{background:#fbfbfb; padding:25px; padding-top:25px;}


.blog-inner-list h3 i{margin-right:8px;}
.blog-inner-list {

    transition: all .5s ease 0s
}

.blog-inner-list:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}
.inner-pages-out  .h-service {
    margin: 0px 0px;
}
.inner-pages-out .h-service { margin-bottom:30px;}


.inner-pages-out .university-out-c{ margin:0px 0px 30px;}



.srv-bb{ position:relative}
.h-service .konw-btn img {
    margin-right: 10px;
    width: 26px;
}

.h-service .konw-btn{ min-width:120px;}
.more-btn .fa {
    background: #0f1b57;
   
    border-radius: 3px;
    margin-right: 8px; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px;
    color: #fff;
}
.more-btn {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}





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

.news-inner5{}

.news-inner-img{ overflow:hidden; margin-bottom:30px;}
.news-inner-img img{ width:100%;}
.ns-top-cnt h3{ font-size:18px; opacity:0.7;}
.ns-top-cnt h4{ font-size:25px; margin:10px 0px 20px;}
.text-news{ margin-bottom:40px;}

.news-inner5 h3{ font-weight:bold; text-transform:uppercase;  display:table; padding-bottom:10px; position:relative; font-size:18px; margin-top:20px;}
.news-inner5 h3:after{ position:absolute; bottom:0; width:50px; height:3px; background:#0f1b57; content:''; left:0;}
.news-inner5  ul{ margin:25px 0px; list-style:none; padding:0px 0px;}
.news-inner5  ul li{ margin-bottom:10px; position:relative; padding-left:30px;}
.news-inner5  ul li:after{position:absolute;display:block;content:'\f105';font-family:FontAwesome; left:0; top:2px; width:20px; height:20px; background:#0f1b57; color:#FFFFFF; border-radius:50%; text-align:center; line-height:20px;}

.nws-bottom-2-img{ overflow:hidden;}
.nws-bottom-2-img img{ width:100%;}
.two-img-sec{ margin:30px 0px;}

.news-video-sec{ overflow:hidden; position:relative; margin:0px 0px;}
.news-video-sec img{ width:100%;}

.news-video-sec .play-btn{ top:40%; position:absolute; left:0; right:0; margin:0px auto;}

.share-sec{ padding:25px 0px; display:block; overflow:hidden; margin-bottom:50px;}
.share-sec h4{ float:left; margin-right:10px; font-size:20px; font-weight:bold;}
.share-sec ul{ float:left; margin:0px 0px;}
.share-sec li{ float:left; margin-left:10px; padding-left:0px!important;}
.share-sec li:after{ display:none!important;}

.share-sec li a{ padding:10px 25px; border-radius:30px; border:2px solid #0f1b57; font-size:13px; color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.share-sec li a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#0f1b57; color:#FFFFFF;}

.right-gray-bx{ background:#f8f7f7; padding:25px; margin-bottom:30px;}
.right-gray-bx h3{ font-size:20px; margin:0px 0px 20px;}
.ns-sml-img{ overflow:hidden;}
.ns-sml-img img{ width:100%;}
.ns-right-bx-sml{ margin-bottom:25px; border-bottom:1px solid #e7e5e5; padding-bottom:15px;}
.ns-right-bx-sml:last-child{ border-bottom:none; margin-bottom:0px;}
.ns-right-bx-sml h4{ font-size:18px;}
.ns-right-bx-sml a{ color:#333333;}
.right-gray-bx li{ padding-left:0px!important; margin-bottom:5px!important; display:inline; margin-bottom:5px;}

.right-gray-bx li:after{ display:none!important;}
.right-gray-bx ul{ margin:0px 0px!important; padding:0px 0px!important}
.right-gray-bx li a{ color:#000000; font-size:14px; font-weight:500; padding:13px 8px; float:none; background:#e2e2e2; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:inline-table; margin-bottom:3px; border-radius:5px;}
.right-gray-bx li a:hover{ background:#fff;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.ns-search{ position:relative;}
.ns-search input{ background:#FFFFFF; height:50px; width:100%; border:1px solid #fff;}
.ns-search button{ position:absolute; border:none; height:50px; width:60px; background:#0f1b57; color:#FFFFFF; right:0;}

.ns-inner{ margin-bottom:40px;}
.ns-inner .latest-nsC{ margin-bottom:30px;}

.blogs-inner .latest-nsC{margin:0px; }
.blogs-inner .latest-nsC{margin-bottom:30px;}

.ns-inner .news-c{ margin-bottom:30px;background:#f9f9f9; padding:25px;}
.ns-inner .news-c h3 {
    font-size: 18px;
}

.blog-inner-img{ overflow:hidden; margin-bottom:0px;}
.blog-inner-img img{ width:100%;}

.blog-inner-list h3{ font-size:16px;  margin:0px 0px 10px; color:#0f1b57; font-size:13px; opacity:1;}
.blog-inner-list h4{ font-size:20px; font-weight:bold; margin:0px 0px 15px;}
.blog-inner-list{ margin-bottom:35px; }
.blg-inn{background:#fbfbfb; padding:25px; padding-top:25px;}

.blog-inner-list {

    transition: all .5s ease 0s; border-bottom:3px solid #0f1b57; border-radius:6px;
}

.blog-inner-list:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}
.inner-pages-out  .h-service {
    margin: 0px 0px;
}



.gallery ul li{ padding:0px 0px;}
.gallery li:before{ display:none;}
.gallery li:after{ display:none!important;}

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

}

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

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

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

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


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

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

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

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

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

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

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


/*gallery*/

.gallery{ padding:40px 0px;}
.gallery h2{ font-size:28px; text-transform:uppercase; font-weight:bold; color:#196faf; margin:0px 0px 20px;}



.videoC{ position:relative;}
.video-img{ overflow:hidden;}
.video-img img{ width:100%;}

.live-txt{ position:absolute; top:30%; left:0; right:0; margin:0px auto; color:#FFFFFF;}

.live-txt h3{ font-size:70px; text-transform:uppercase; font-weight:lighter; padding:20px; background:rgba(255, 255, 255, 0.7); display:table; margin:0px 0px 10px; color:#5a5a5a;}

.live-txt h4{ font-size:43px; line-height:40px; text-transform:uppercase; font-weight:200; margin:0px 0px;}
.live-txt h4 span{ font-size:50px; }




.more-srvs {
    padding: 60px 0px;
    background: #f7f7f7;
}

.more-srvs h2 {
    font-size: 50px;
    -webkit-text-stroke-color: #333;
    color: transparent !important;
    -webkit-text-stroke-width: 1px; margin-bottom:0px; text-transform:none;
}
.live-video{ position:relative;}
.live-video h5{ position:absolute; top:100px; left:0; right:0; margin:0px auto; text-align:center; color:#FFFFFF; font-size:30px; font-size: 50px;
    -webkit-text-stroke-color: #fff;
    color: transparent !important; letter-spacing:2px;
    -webkit-text-stroke-width: 1px;}
	
	.video-play{ position:absolute; width:60px; height:60px; line-height:60px; background:#fff; border-radius:50%; color:#000000; text-align:center; left:0; right:0; margin:0px auto; display:table; top:40%; font-size:25px; opacity:0.5; transition: all .6s ease-in-out}
 
 
 .news-video-sec:hover .video-play{opacity:1; transition: all .6s ease-in-out;}
 

 .carrer-bx{    box-shadow: 0px 0px 5px rgb(0 0 0 / 5%); 
 padding:30px; margin-bottom:30px; border-radius:8px; background:rgba(15, 27, 87, 0.1);}

.job-ic{ overflow:hidden; margin:10px auto; text-align:center; display:table; color:#0f1b57;}
.job-ic img{ width:90%;}
.job-ic i{ font-size:50px;}
.carrer-bx h3{ text-align:center; font-size:15px; margin:5px auto; min-height:38px;}

.carrer-bx  ul{ list-style:none; margin:10px 0px 30px; padding:0px 0px; min-height:80px;}
.carrer-bx li{ overflow:hidden;}
.carrer-bx li .lft{ width:35%; float:left; display:table}
.carrer-bx li .rit{ width:65%;float:left; }
.carrer-bx li b{ margin-left:10px; margin-right:10px; float:right;}

.carrer-bx li span{ }

.border-btn{ border:1px solid #0f1b57; padding:7px 20px; text-transform:uppercase; font-size:12px; text-transform:uppercase; color:#0f1b57;  transition: all .6s ease-in-out;font-weight:bold; margin:10px auto; display:table; border-radius:4px;}
.border-btn:hover{ background:#0f1b57; transition: all .6s ease-in-out; color:#fff;}


.career-dtlC{font-family: "Rajdhani", sans-serif;
 }
.career-dtlC h3 {
	font-size:15px;
	text-transform:uppercase;
	font-weight:900;
}
.career-dtlC h4 {
	font-size:17px;
	text-transform:uppercase;
	margin:0px 0px;
}
.career-dtlC h5 {
	font-size:15px;
	text-transform:capitalize;
	margin-top:0px;
	margin-bottom:30px;
}
.skillC {
	margin-bottom:40px;
}
.career-dtlC ul {
	margin:20px 0px;
	list-style:none;
	padding:0px 0px;
	font-size:16px;
}
.career-dtlC ul li {
	margin-bottom:10px; position:relative; padding-left:20px;
}
.blue-btn {
	margin-top:20px;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:700;
	background:#0f1b57;
	color:#FFFFFF!important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer; display:table; border-radius:4px;
}
.blue-btn:hover {
	background:#333;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color:#FFFFFF;
}
.inner-pages {
	margin-bottom:30px;
}
.blue-btn:focus {
	color:#FFFFFF;
}
a:focus {
	text-decoration:none;
}
a:focus {
	outline:none!important;
}
.carer-right-img {
	overflow:hidden;
	margin-bottom:30px;
}
.carer-right-img img {
	width:100%;
}
.career-dtlC ul {
	margin:20px 0px 40px;
	padding:0px 0px;
	padding-left:0px;
}
.career-dtlC li {
	margin-left:0px; padding-left:0px;
}
.career-dtlC li:before {
	font-family:FontAwesome;
	content:'\f10c';
	position:absolute;
	left:0px;
}


.career-frm  input{ border-radius:2px;}
.career-frm button{ margin-top:20px;}
.career-frm  label{  margin-bottom:3px; font-size:13px;}

.career-dtlC{ margin-bottom:40px;}

.career-dtlC li{ font-size:14px; line-height:23px;}

.career-frm  input{ background:#e6e6e6; border:none; height:50px;}

textarea.form-control .career-frm  input{ background:#e6e6e6; border:none;}


.career-frm  .form-control{ background:#e6e6e6; border:none;}

.file-up{ padding:10px;}

 .rd-btn {
    cursor: pointer;
    color: #fff;
    font-weight: normal;
    padding: 15px 20px;
    border-radius: 4px;
    display: table;
    background: #0f1b57;
    -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 i{ margin-right:15px;}
 
 
 
 
 
.invest{ background:url(../images/invest.jpg) no-repeat; padding:0px 0px 50px; background-size:100% auto;}

.invest h3{ color:#444; font-size:18px; text-transform:uppercase; margin-top:80px;}
.invest h4{ color:#0f1b57; font-size:48px;  font-weight:bold; margin-bottom:45px;}

.invest h4 {
  color: #0f1b57;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 19px;
}

.invest p{ font-size:14px;}


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


.form-bx{ background:#eeeeee; padding:25px;}

 .form-bx input,  .form-bx select{ width:100%; height:40px; padding-left:10px; border:1px solid #fff; margin-bottom:30px;}
 
  .form-bx textarea{ width:100%; height:90px; padding-left:10px; border:1px solid #fff; margin-bottom:30px;}
 
 .form-bx button{ background:#0f1b57; color:#0f1b57; text-transform:uppercase; padding:15px 25px; border-radius:4px; color:#FFFFFF; border:none;}
 
 .specification-img{  padding:15px; background:url(../images/abt-bg.png);}
  .specification-img  img{border:5px solid #FFFFFF;}
  
  .techno .specification-c{ background:#f7f7f7 url(../images/tech-bg.png); }
  
  .wht-img-1{ overflow:hidden;}
  .wht-img-1 img{ width:100%;}
  
    .techno  .wht-right-imgc {
    position: relative;
    padding-left: 0px; padding-right:100px; 
}

 .techno  .wht-img-1 img {border:10px solid #707173;}
  .techno .whit2-leftC {
    padding-right: 80px;
    margin-top: 0px;
}
 
 
 .service-detila-img{ overflow:hidden;}
 .service-detila-img img{ width:100%;}
 
 .chs-right{ margin-left:80px;}
 
 
 .invest h3 {

    margin-top: 0;
}


.sld-cap {

    padding-bottom: 50px;

}

.sv01:nth-child(2)  .link-btn{ background:#f0c30e;}
.sv01:nth-child(3)  .link-btn{ background:#2b9f06;}


.hm-service .sv01:nth-child(2)  .link-btn{ background:#e64d3b;}
.hm-service .sv01:nth-child(3)  .link-btn{ background:#f0c30e;}
.hm-service .sv01:nth-child(4)  .link-btn{ background:#2b9f06;}



/*hover*/

/*********************** 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}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** 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:20%;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:#ee4266;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%}
}

/*********************** Demo - 5 *******************/
.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}
/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}

/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#0dab76;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#ef4050;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

/*********************** Demo - 9 *******************/
.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1}
.box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}
/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #0d5f45;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #18ab69 #18ab69 #008148;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}
/*********************** Demo - 11 *******************/
.box11{background:#000;color:#fff;position:relative}
.box11:after,.box11:before{position:absolute;content:""}
.box11:before{width:100%;height:100%;background:#83437d;opacity:.5;top:100%;left:0;z-index:1;transition:all .35s ease-in .3s}
.box11:hover:before{top:0;transition:all .35s ease-out 0s}
.box11:after{bottom:100%;left:50%;border-width:200px 200px 0;border-style:solid;border-color:#83437d transparent transparent;opacity:.9;transform:translateX(-50%);transition:all .35s ease-out 0s}
.box11:hover .post,.box11:hover .title{transform:translate(0,-50%)}
.box11:hover:after{bottom:25%;transition:all .35s ease-in .2s}
.box11 img{width:100%;height:auto}
.box11:hover img{opacity:.5}
.box11 .icon,.box11 .post,.box11 .title{width:100%;position:absolute;left:0;opacity:0;transition:all .35s ease .5s}
.box11 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.box11 .title{padding:0 30px;margin:0;font-weight:300;top:45%}
.box11 .post,.box14 .post{text-transform:capitalize}
.box11 .post{font-size:15px;top:57%}
.box11 .icon{padding:0;margin:0;list-style:none;bottom:5px}
.box11 .icon li a{width:40px;height:40px;line-height:40px;padding:0 5px;font-size:20px;color:#fff;opacity:.7;transition:all .35s ease .5s}
.box11 .icon li a:hover{opacity:1;transition:all .35s ease}
.box11:hover .icon,.box11:hover .post,.box11:hover .title{opacity:1}
@media only screen and (max-width:990px){.box11{margin-bottom:20px}
}
@media only screen and (max-width:767px){.box11:after{border-width:500px 500px 0}
}

/*********************** Demo - 12 *******************/
.box12{position:relative}
.box12 .box-content,.box12:after{position:absolute;transition:all .3s ease 0s}
.box12:after{content:"";width:65%;background:rgba(28,28,28,.8);padding-bottom:65%;opacity:0;top:50%;left:50%;transform:rotate(0) translate(-50%,-50%);transform-origin:0 0 0}
.box12:hover:after{transform:rotate(-45deg) translate(-50%,-50%);opacity:1}
.box12 img{width:100%;height:auto}
.box12 .box-content{width:100%;top:35%;left:0;opacity:0;z-index:1}
.box12:hover .box-content{opacity:1}
.box12 .title{padding:10px 0;color:#fff;margin:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.box12 .icon{padding:0;margin:12px 0 0;list-style:none}
.box12 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;border:1px solid #fff;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box12 .icon li a:hover{border-radius:0}
@media only screen and (max-width:990px){.box12{margin-bottom:20px}
}
/*********************** Demo - 13 *******************/
.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#463f9f;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block;font-size:22px;font-weight:700;color:#39b54a;margin:0 0 10px}
.box13 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box13 .social{padding:0;margin:0;list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box13 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box13{margin-bottom:30px}
}

/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}
.box14 .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}

/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box15:hover .box-content{background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box15 .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box15 .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box15:hover .title:after{width:80%;transition:all 1s ease .8s}
.box15 .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}

/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}

/*********************** Demo - 17 *******************/
.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}

/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}

/*********************** Demo - 20 *******************/
.box20{position:relative}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#ff402a;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}
.box20 .icon li a:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px}
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:17px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#fed000;border-radius:2px;font-size:14px;color:#000;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}


.box14 .icon li{ border:none;}
.box14 .icon li a{ width:auto; height:auto;}
.box14 .icon li a img{ float:left; margin-right:10px; width:auto; border:none; margin-top:7px;}
.box14 .icon li a{ border:none;}

.h-service h3{ left:20px;}

.table-img{  overflow-x: hidden;margin-bottom: 30px;}

.table-img img{  max-width: 100%;}

.h-service{ margin:0px 15px;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

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

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

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

.hovereffect h2 span{ font-size:17px;}

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

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

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

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






/*bag animtion -about*/

.home-about-us{ position:relative;}

.home-about-us canvas { 
   overflow: hidden;
/*   width:100vw;
   height:100vh;*/
   top:0; bottom:0; left:0; right:0; position:absolute; width:100%; height:100%; z-index:2; opacity:0.5;
}


/*product bg*/

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

/*#bg {
  position:static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
*/
#bg canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; background:none!important; opacity:0.5;
}

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


/*animated car*/

.reasons-c{ padding-bottom:0px;}

.hero
{
    height: 285px;
    width: 100%;
  /*  background-image: url(https://images.unsplash.com/photo-1517639493569-5666a7b2f494?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80);
    background-size: cover;*/
    background-position: center;
    position: relative;
    overflow-x: hidden;
}
.highway
{
    height: 200px;
    width: 500%;
    display: block;
/*    background-image: url(https://us.123rf.com/450wm/andreykuzmin/andreykuzmin1605/andreykuzmin160500066/56495798-asphalt-highway-road-marks-top-view.jpg?ver=6);*/
    position: absolute; background:url(../images/road.jpg);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: repeat-x; background-size:100% 100%;
    animation: highway 10s linear infinite;
}
@keyframes highway
{
    100%
    {
        transform: translateX(-3400px);
    }
}
/*.city
{
    height: 900px;
    width: 500%;
    background-image: url(https://i.pinimg.com/originals/03/42/f0/0342f0d771ed35ab0cf65fe58e5293ff.png);
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    background-repeat: repeat-x;
    animation: city 20s linear infinite;
}*/
@keyframes city
{
    100%
    {
        transform: translateX(-1400px);
    }
}

/*.flower
{
    height: 301px;
    width: 500%;
    background-image: url(https://amberry.co.uk/wp/wp-content/uploads/2017/08/daisy-grass-am-1.png);
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    background-repeat: repeat-x;
    animation: city 20s linear infinite;
}
*/@keyframes flower
{
    100%
    {
        transform: translateX(-1400px);
    }
}

.car
{
    width: 500px;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}
.car img
{
    width: 100%;
    animation: car 2s linear infinite;
}
@keyframes car
{
    100%
    {
        transform: translateY(-1px);
    }
    50%
    {
        transform: translateY(-1px);
    }
    0%
    {
        transform: translateY(-1px);
    }
}
.wheel 
{
    left: 50%;
    bottom: 179px;
    transform: translateX(-50%);
    position: absolute;
    z-index: 2;
}
.wheel img
{
    width: 72px;
    height: 72px;
    animation: wheel 2s linear infinite;
}
.back-wheel
{
    left: -165px;
    position: absolute;
}
.front-wheel
{
    left: 90px;
    position: absolute;
}
@keyframes wheel
{
    100%
    {
        transform: rotate(360deg);
    }
}


/*why-electric*/

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

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
/*    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #ffffff;*/
    overflow: hidden; position:absolute; z-index:2; left:0; right:0; bottom:0; top:0; width:100%; height:100%; opacity:0.2;
}

.background span {
    width: 2vmin;
    height: 2vmin;
    border-radius: 2vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 23;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #2f0674;
    top: 60%;
    left: 20%;
    animation-duration: 222s;
    animation-delay: -233s;
    transform-origin: -9vw 17vh;
    box-shadow: -4vmin 0 1.3500327192476513vmin currentColor;
}
.background span:nth-child(1) {
    color: #2f0674;
    top: 67%;
    left: 90%;
    animation-duration: 269s;
    animation-delay: -214s;
    transform-origin: 5vw 23vh;
    box-shadow: 4vmin 0 0.7606852274434652vmin currentColor;
}
.background span:nth-child(2) {
    color: #071655;
    top: 60%;
    left: 22%;
    animation-duration: 59s;
    animation-delay: -137s;
    transform-origin: 22vw 13vh;
    box-shadow: 4vmin 0 1.3194621206902537vmin currentColor;
}
.background span:nth-child(3) {
    color: #071655;
    top: 72%;
    left: 21%;
    animation-duration: 60s;
    animation-delay: -83s;
    transform-origin: 13vw 6vh;
    box-shadow: -4vmin 0 1.394311161585359vmin currentColor;
}
.background span:nth-child(4) {
    color: #2f0674;
    top: 69%;
    left: 65%;
    animation-duration: 274s;
    animation-delay: -245s;
    transform-origin: 6vw -1vh;
    box-shadow: 4vmin 0 1.2295632802157566vmin currentColor;
}
.background span:nth-child(5) {
    color: #2f0674;
    top: 66%;
    left: 84%;
    animation-duration: 151s;
    animation-delay: -7s;
    transform-origin: 18vw 9vh;
    box-shadow: -4vmin 0 1.3686492035515139vmin currentColor;
}
.background span:nth-child(6) {
    color: #071655;
    top: 51%;
    left: 99%;
    animation-duration: 71s;
    animation-delay: -234s;
    transform-origin: 25vw -9vh;
    box-shadow: -4vmin 0 0.8572139699527164vmin currentColor;
}
.background span:nth-child(7) {
    color: #071655;
    top: 44%;
    left: 1%;
    animation-duration: 65s;
    animation-delay: -114s;
    transform-origin: 7vw 25vh;
    box-shadow: -4vmin 0 1.4111659160230292vmin currentColor;
}
.background span:nth-child(8) {
    color: #0f0f0f;
    top: 1%;
    left: 56%;
    animation-duration: 202s;
    animation-delay: -65s;
    transform-origin: -11vw 21vh;
    box-shadow: 4vmin 0 1.0922038810084194vmin currentColor;
}
.background span:nth-child(9) {
    color: #0f0f0f;
    top: 30%;
    left: 35%;
    animation-duration: 256s;
    animation-delay: -162s;
    transform-origin: -7vw 9vh;
    box-shadow: 4vmin 0 1.2045181122823359vmin currentColor;
}
.background span:nth-child(10) {
    color: #2f0674;
    top: 61%;
    left: 82%;
    animation-duration: 146s;
    animation-delay: -206s;
    transform-origin: -22vw 12vh;
    box-shadow: -4vmin 0 1.244765763738432vmin currentColor;
}
.background span:nth-child(11) {
    color: #0f0f0f;
    top: 68%;
    left: 51%;
    animation-duration: 102s;
    animation-delay: -74s;
    transform-origin: -16vw 9vh;
    box-shadow: 4vmin 0 0.6628074266094575vmin currentColor;
}
.background span:nth-child(12) {
    color: #0f0f0f;
    top: 42%;
    left: 14%;
    animation-duration: 15s;
    animation-delay: -90s;
    transform-origin: 10vw 6vh;
    box-shadow: -4vmin 0 1.210334362830171vmin currentColor;
}
.background span:nth-child(13) {
    color: #2f0674;
    top: 10%;
    left: 48%;
    animation-duration: 111s;
    animation-delay: -137s;
    transform-origin: -14vw -17vh;
    box-shadow: -4vmin 0 0.5509097720056277vmin currentColor;
}
.background span:nth-child(14) {
    color: #071655;
    top: 24%;
    left: 36%;
    animation-duration: 62s;
    animation-delay: -211s;
    transform-origin: -1vw 9vh;
    box-shadow: 4vmin 0 0.7606662017559209vmin currentColor;
}
.background span:nth-child(15) {
    color: #071655;
    top: 98%;
    left: 69%;
    animation-duration: 50s;
    animation-delay: -156s;
    transform-origin: 23vw -15vh;
    box-shadow: 4vmin 0 0.6257878521631015vmin currentColor;
}
.background span:nth-child(16) {
    color: #071655;
    top: 21%;
    left: 34%;
    animation-duration: 198s;
    animation-delay: -83s;
    transform-origin: -19vw 18vh;
    box-shadow: -4vmin 0 0.572786911542488vmin currentColor;
}
.background span:nth-child(17) {
    color: #0f0f0f;
    top: 57%;
    left: 5%;
    animation-duration: 261s;
    animation-delay: -160s;
    transform-origin: -11vw 0vh;
    box-shadow: -4vmin 0 0.5563200952423102vmin currentColor;
}
.background span:nth-child(18) {
    color: #0f0f0f;
    top: 74%;
    left: 56%;
    animation-duration: 102s;
    animation-delay: -186s;
    transform-origin: 14vw 22vh;
    box-shadow: -4vmin 0 0.6414367034302779vmin currentColor;
}
.background span:nth-child(19) {
    color: #2f0674;
    top: 85%;
    left: 90%;
    animation-duration: 52s;
    animation-delay: -41s;
    transform-origin: 0vw -9vh;
    box-shadow: 4vmin 0 0.5351876291832767vmin currentColor;
}
.background span:nth-child(20) {
    color: #0f0f0f;
    top: 71%;
    left: 79%;
    animation-duration: 35s;
    animation-delay: -27s;
    transform-origin: 17vw -2vh;
    box-shadow: -4vmin 0 1.2745231171831495vmin currentColor;
}
.background span:nth-child(21) {
    color: #071655;
    top: 74%;
    left: 60%;
    animation-duration: 80s;
    animation-delay: -55s;
    transform-origin: -11vw -18vh;
    box-shadow: 4vmin 0 1.1421417909988676vmin currentColor;
}
.background span:nth-child(22) {
    color: #071655;
    top: 9%;
    left: 21%;
    animation-duration: 232s;
    animation-delay: -38s;
    transform-origin: -6vw -7vh;
    box-shadow: 4vmin 0 1.0796136392498719vmin currentColor;
}
.background span:nth-child(23) {
    color: #071655;
    top: 43%;
    left: 38%;
    animation-duration: 205s;
    animation-delay: -64s;
    transform-origin: -10vw 14vh;
    box-shadow: -4vmin 0 1.4421687714425497vmin currentColor;
}
.background span:nth-child(24) {
    color: #2f0674;
    top: 76%;
    left: 66%;
    animation-duration: 161s;
    animation-delay: -90s;
    transform-origin: -3vw -18vh;
    box-shadow: 4vmin 0 0.5212474395613764vmin currentColor;
}
.background span:nth-child(25) {
    color: #2f0674;
    top: 40%;
    left: 80%;
    animation-duration: 11s;
    animation-delay: -261s;
    transform-origin: 15vw 9vh;
    box-shadow: 4vmin 0 0.6888590244964414vmin currentColor;
}
.background span:nth-child(26) {
    color: #0f0f0f;
    top: 20%;
    left: 44%;
    animation-duration: 219s;
    animation-delay: -29s;
    transform-origin: -9vw -13vh;
    box-shadow: -4vmin 0 0.9622912415527776vmin currentColor;
}
.background span:nth-child(27) {
    color: #071655;
    top: 1%;
    left: 72%;
    animation-duration: 170s;
    animation-delay: -227s;
    transform-origin: 25vw 8vh;
    box-shadow: 4vmin 0 1.3602629816550031vmin currentColor;
}
.background span:nth-child(28) {
    color: #071655;
    top: 77%;
    left: 87%;
    animation-duration: 258s;
    animation-delay: -51s;
    transform-origin: 22vw 17vh;
    box-shadow: 4vmin 0 0.7975400038939622vmin currentColor;
}
.background span:nth-child(29) {
    color: #0f0f0f;
    top: 16%;
    left: 26%;
    animation-duration: 14s;
    animation-delay: -266s;
    transform-origin: -1vw -7vh;
    box-shadow: 4vmin 0 0.611078285783377vmin currentColor;
}
.background span:nth-child(30) {
    color: #0f0f0f;
    top: 41%;
    left: 6%;
    animation-duration: 172s;
    animation-delay: -75s;
    transform-origin: 15vw -14vh;
    box-shadow: -4vmin 0 0.7384519342523004vmin currentColor;
}
.background span:nth-child(31) {
    color: #0f0f0f;
    top: 70%;
    left: 87%;
    animation-duration: 122s;
    animation-delay: -118s;
    transform-origin: 1vw -10vh;
    box-shadow: 4vmin 0 0.9911291242004712vmin currentColor;
}
.background span:nth-child(32) {
    color: #0f0f0f;
    top: 31%;
    left: 75%;
    animation-duration: 183s;
    animation-delay: -269s;
    transform-origin: -14vw -15vh;
    box-shadow: -4vmin 0 0.8729073220824972vmin currentColor;
}
.background span:nth-child(33) {
    color: #2f0674;
    top: 86%;
    left: 96%;
    animation-duration: 132s;
    animation-delay: -215s;
    transform-origin: -21vw -21vh;
    box-shadow: -4vmin 0 1.1814986089475912vmin currentColor;
}
.background span:nth-child(34) {
    color: #0f0f0f;
    top: 23%;
    left: 67%;
    animation-duration: 242s;
    animation-delay: -147s;
    transform-origin: 6vw -11vh;
    box-shadow: 4vmin 0 0.9003024972007865vmin currentColor;
}
.background span:nth-child(35) {
    color: #2f0674;
    top: 93%;
    left: 74%;
    animation-duration: 116s;
    animation-delay: -132s;
    transform-origin: 25vw -4vh;
    box-shadow: 4vmin 0 0.9604592218725818vmin currentColor;
}
.background span:nth-child(36) {
    color: #071655;
    top: 83%;
    left: 72%;
    animation-duration: 197s;
    animation-delay: -57s;
    transform-origin: 21vw 16vh;
    box-shadow: -4vmin 0 1.067212184068482vmin currentColor;
}
.background span:nth-child(37) {
    color: #0f0f0f;
    top: 92%;
    left: 89%;
    animation-duration: 235s;
    animation-delay: -235s;
    transform-origin: -19vw 18vh;
    box-shadow: -4vmin 0 1.2882049144127499vmin currentColor;
}
.background span:nth-child(38) {
    color: #2f0674;
    top: 1%;
    left: 97%;
    animation-duration: 261s;
    animation-delay: -147s;
    transform-origin: 10vw 3vh;
    box-shadow: 4vmin 0 0.6923526586434066vmin currentColor;
}
.background span:nth-child(39) {
    color: #0f0f0f;
    top: 66%;
    left: 34%;
    animation-duration: 73s;
    animation-delay: -34s;
    transform-origin: -13vw 19vh;
    box-shadow: 4vmin 0 1.4553411117479007vmin currentColor;
}
.background span:nth-child(40) {
    color: #0f0f0f;
    top: 39%;
    left: 14%;
    animation-duration: 228s;
    animation-delay: -246s;
    transform-origin: -7vw -12vh;
    box-shadow: -4vmin 0 0.7890943668659556vmin currentColor;
}
.background span:nth-child(41) {
    color: #0f0f0f;
    top: 20%;
    left: 30%;
    animation-duration: 7s;
    animation-delay: -112s;
    transform-origin: -11vw -23vh;
    box-shadow: -4vmin 0 0.9833590065512747vmin currentColor;
}
.background span:nth-child(42) {
    color: #0f0f0f;
    top: 8%;
    left: 16%;
    animation-duration: 270s;
    animation-delay: -37s;
    transform-origin: 10vw 2vh;
    box-shadow: 4vmin 0 0.7796748207597648vmin currentColor;
}
.background span:nth-child(43) {
    color: #2f0674;
    top: 40%;
    left: 1%;
    animation-duration: 135s;
    animation-delay: -115s;
    transform-origin: 23vw -20vh;
    box-shadow: -4vmin 0 0.7633705918806268vmin currentColor;
}
.background span:nth-child(44) {
    color: #2f0674;
    top: 100%;
    left: 81%;
    animation-duration: 236s;
    animation-delay: -100s;
    transform-origin: 5vw 4vh;
    box-shadow: -4vmin 0 1.2813815842714336vmin currentColor;
}



/*rain*/

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

.technology .container{ position:relative; z-index:10;}
.drop {
  background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(rgba(255,255,255,0.6))  );
  background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(255,255,255,.6) 100%);
  width:1px;
  height:89px;
  position: absolute;
  bottom:200px;
  -webkit-animation: fall .63s linear infinite;
  -moz-animation: fall .63s linear infinite;opacity:0.5;
  
}

/* animate the drops*/
@-webkit-keyframes fall {
  to {margin-top:900px;}
}
@-moz-keyframes fall {
  to {margin-top:900px;}
}



#wrap-texture{
  position: relative;
}

#canvas {
    /* make the canvas wrapper fits the document */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.plane {
    /* define the size of your plane */
    width: 100%;
    height: 100vh;
}

.plane img {
    /* hide the img element */
    display: none;
}




/*white-2"*/

.white-2{ overflow:hidden;}

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


.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #99d3ff 50%, #fff 50%);
  bottom:0;
  left:-50%;
  opacity:.1;
  position:absolute;
  right:-50%;
  top:0;
  z-index:-1;
}

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

.bg3 {
  animation-duration:5s;
}



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


.ab-2-img-C{ position:relative; overflow:hidden;}


.wheel2 {
  -webkit-animation: spin 5s linear infinite; /* Safari browser */
  animation: spin 5s linear infinite;}

/* for Safari browser  */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#div2 {text-align:center; width:150px; height:150px; line-height:150px; background:rgba(255, 255, 255, 0.4); position:absolute; left:0; right:0; margin:0px auto; display:table; margin-top:28%;z-index:50; top:0; border-radius:50%;}
#div2 img{ width:120px; height:120px;}



footer{ position:relative; background:#0f1b57;}

#myCanvas{ position:absolute; left:0; right:0; bottom:0; top:0; width:100%; height:100%; opacity:0.2; z-index:10;filter: grayscale(0.20);}




/*new-footer-animation*/




.wrapper5 {
  position: absolute; top:0;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.wrapper5  div {
  position: absolute;
  width: 10px; border-radius:50%;
  height: 10px;
  background-color: transparent;
  border: 1px solid rgba(255,255,255,0.8);
}

.wrapper5 div:nth-child(1) {
  top: 12%;
  left: 42%;
  animation: animate 10s linear infinite;
}

.wrapper5  div:nth-child(2) {
  top: 70%;
  left: 50%;
  animation: animate 7s linear infinite;
}
.wrapper5 div:nth-child(3) {
  top: 17%;
  left: 6%;
  animation: animate 9s linear infinite;
}

.wrapper5 div:nth-child(4) {
  top: 20%;
  left: 60%;
  animation: animate 10s linear infinite;
}

.wrapper5 div:nth-child(5) {
  top: 67%;
  left: 10%;
  animation: animate 6s linear infinite;
}

.wrapper5 div:nth-child(6) {
  top: 80%;
  left: 70%;
  animation: animate 12s linear infinite;
}
.wrapper5 div:nth-child(7) {
  top: 60%;
  left: 80%;
  animation: animate 15s linear infinite;
}

.wrapper5 div:nth-child(8) {
  top: 32%;
  left: 25%;
  animation: animate 16s linear infinite;
}

.wrapper5 div:nth-child(9) {
  top: 90%;
  left: 25%;
  animation: animate 9s linear infinite;
}

.wrapper5 div:nth-child(10) {
  top: 20%;
  left: 80%;
  animation: animate 5s linear infinite;
}

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












.no-bottom-margin{ margin-bottom:0px;}

.whats-aap {
    position: fixed;
    overflow: hidden;
    bottom: 50px;
    left: auto;
    right: 15px;
    text-align: center;
    z-index: 3150;
}
.whats-aap-ic{width:80px;height:auto;margin:0 auto;text-align:center;display:table}



.whats-aap img{width:70%;border-radius:50%}
.whats-aap h5{padding:8px 13px;border-radius:4px;background:#359704;color:#fff;font-weight:700;margin:10px auto;margin-bottom:0;font-size:11px;display:table;text-align:center}



.video-box{ background:url(../images/sevice-bg.jpg); padding:60px 0px;}

.video-box h2 {
    font-size: 50px;
    -webkit-text-stroke-color: #333;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    margin-bottom: 0px;
    text-transform: none; margin-bottom:25PX;
}

.video-box .play-btn { TOP:31%;
}

.modal-body .form-bx{ padding:10px}

.modal-body{    font-family: "Rubik", sans-serif;
}




* {
	box-sizing: border-box;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}


p {
	margin: 0;
}

:root {
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: rgba(168, 239, 255, 1);
	--c2: rgba(168, 239, 255, 0.1);
}



.box {
	
	border: 0.35rem solid;
	
	border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
	animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}


.yr-bx{ bottom:25%;}

.vrv-txt{ margin-bottom:30px;}

.box-wh:hover{}

.box-wh {

    transition: all .5s ease 0s
}

.box-wh:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-5px);
    transition: all .5s ease 0s; background:#333!important;
}


/*.c1:nth-child(1) .box-wh:hover {

 background:#8b8b8a;
}
.c1:nth-child(2) .box-wh:hover {

    background: #4a6590;
}

.c1:nth-child(4) .box-wh:hover {

 background:#8b8b8a;
}
.c1:nth-child(3) .box-wh:hover {

    background: #4a6590;
}
*/







/*rain -2*/



 

/*.bgimg{
	opacity:0.7;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}*/
.rain1{
   background: url('http://pngimg.com/uploads/rain/rain_PNG13468.png'); 
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: animate1 5s linear infinite;
} 
.rain2{
  background: url('http://pngimg.com/uploads/rain/rain_PNG13468.png');
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: animate2 5s linear infinite;
}


.thunder{
  background-color: #fff; 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: thunder 5s linear 1s infinite;
/*	z-index: -1;*/
	opacity: 0.2;
}

.lamp1,.lamp2{
	width: 60px;
	height: 70px;
	background-color: yellow;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	position: absolute;
}
.ghostDiv{
	position: absolute;
	width: 250px;
	top: 500px;
	left: 50px;
	transform: skew(-20deg);
	animation: ghostAnimation 12s linear infinite;
}
.owl{
	width: 120px;
	height: 150px;
	opacity: 0.8;
	position: absolute;
	bottom: 550px;
	right: 100px;
	z-index: 0;
	animation: animateOwl 5s linear infinite;
}
.owl > img{
	height: 100%;
	width: 100%;
}

.mysvg{
	position: absolute;
	top: 100px;
	right: -18px;
	opacity: 1;
	z-index: 0;
	animation: animateEyes 5s linear infinite;
}

@keyframes animate1 {
  0%{ background-position: 0px 0px; }
  100%{ background-position: -150px 650px; }
}

@keyframes animate2 {
  0%{ background-position: 0px 100px; }
  100%{ background-position: 300px 650px; }
} 
@keyframes thunder {
	0%    {background-color: #000; }
	  2%    { background:url(../images/thunder.png) no-repeat left top;  }
  9%    { background-color: #000; }
  10%   { background-color: #fff; }
  10.5% { background-color: #000; }
  80%   { background-color: #000; }
  82%   { background-color: #fff; }
  83%   { background-color: #000; }
  83.5% { background-color: #fff; }
  100%  { background-color: #000; }
}
@keyframes animateLamp {
	0%{ background-color: rgba(67, 67, 60, 0.76); box-shadow: 0 0 10px rgba(67, 67, 60, 0.76); opacity: 0}
	50%{ background-color: rgba(244, 244, 255, 0.76); box-shadow: 0 0 10px rgba(244, 244, 13, 0.76); opacity: 1}
	100%{ background-color: rgba(67, 67, 60, 0.76); box-shadow: 0 0 10px rgba(67, 67, 60, 0.76); opacity: 0}
}

@keyframes animateOwl {
	0%{ opacity: 0}
	50%{ opacity: 1}
	100%{ opacity: 0}
}
@keyframes animateEyes {
	0%{ opacity: 0}
	50%{ opacity: 1}
	100%{ opacity: 0}
}

@keyframes ghostAnimation {
	0%{ opacity: 0; transform: translateX(50px) skew(-40deg) ;}
	30%{ opacity: 0.8; transform: translateX(700px) translateY(50px) skew(0deg);}
	45%{ opacity: 0.8; transform: translateX(700px) translateY(-50px) skew(0deg);}
	55%{ opacity: 0.8; transform: translateX(700px) translateY(50px) skew(0deg);}
	65%{ opacity: 0.8; transform: translateX(700px) translateY(-50px) skew(0deg);}
	75%{ opacity: 0.8; transform: translateX(700px) translateY(50px) skew(0deg);}
	100%{ opacity: 0; transform: translateX(1200px) skew(-40deg);}
}


 p{ font-weight:normal;}

.mysvg {
    position: absolute;
    top: 394px;
    right: auto;
    opacity: 1;
    left: 0;
    z-index: 100;
    margin: 0px auto; width:344px; height:344px;
    right: 0;
    animation: animateEyes 5s linear infinite; background:url(../images/car-glow.png); display:none;
}


.mysvg-2 {
    position: absolute;
    top: 40.5%;
    right: auto;
    opacity: 1;
    left: -79.5%;
    z-index: 100;
    margin: 0px auto;
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    right: 0;
    animation: animateEyes 5s linear infinite;
    background: url(../images/red-light.png); background-size:100% auto;
    
}




.block {
	position: relative;
	
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #fed000,#fed000, #fed000, #fb0094, 
		#fff, #fff,#000, #000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

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

.block:after {
	filter: blur(50px);
}



.relative-box{ position:relative;}
.after-over{ position:absolute; top:0; left:0; opacity:0;    transition: all .5s ease 0s}

.relative-box:hover .after-over{opacity:1;    transition: all .5s ease 0s}



/*mouse movement*/


.white-2{ position:relative;}
.white-2 .container{ position:relative; z-index:10;}
.animated-buble{opacity:0.1;}
.animated-buble i{
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-animation: 'screen'  infinite;
  animation: 'screen'  infinite;
}


.animated-buble i:nth-child(1){
  top:20px;
  left:30px;
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(2,226,252,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #02e2fc;
  animation-duration: 5s;
}

.animated-buble i:nth-child(2){
  top:420px;
  left:30px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,160,2,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #faa002;
  animation-duration: 21s;
}

.animated-buble i:nth-child(3){
  top:550px;
  left:880px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(20,252,2,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #14fc02;
  animation-duration: 5s;
}

i:nth-child(4){
  top:5px;
  left:1030px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,2,196,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #fc02c4;
  animation-duration: 4s;
}

.animated-buble i:nth-child(5){
  top:280px;
  left:12px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(139,44,148,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #8b2c94;
  animation-duration: 5s;
}

.animated-buble i:nth-child(6){
  top:550px;
  left:30px;
background: -webkit-radial-gradient(center, ellipse cover,  rgba(251,184,41,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FBB829; 
  animation-duration: 6s;
}

i:nth-child(7){
  top:650px;
  left:50px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(195,255,104,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #C3FF68; 
  animation-duration: 15s;
}

.animated-buble i:nth-child(8){
  top:20px;
  left:860px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,0,102,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FF0066; 
  animation-duration: 5s;
}
.animated-buble i:nth-child(9){
  top:896px;
  left:132px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FFFF00; 
  animation-duration: 13s;
}

i:nth-child(10){
  top:578px;
  left:357px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,175,27,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #7FAF1B; 
  animation-duration: 4s;
}

.animated-buble i:nth-child(11){
  top:380px;
  left:230px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,210,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #01D2FF; 
  animation-duration: 5s;
}

.animated-buble i:nth-child(12){
  top:570px;
  left:1100px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #EDF7FF; 
  animation-duration: 6s;
}

i:nth-child(13){
  top:600px;
  left:600px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,255,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #00FFFF; 
  animation-duration: 7s;
}

.animated-buble i:nth-child(14){
  top:200px;
  left:520px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #0000FF; 
  animation-duration: 14s;
}

.animated-buble i:nth-child(15){
  top:370px;
  left:500px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(16,225,228,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #10e1e4; 
  animation-duration: 9s;
}

.animated-buble i:nth-child(16){
  top:620px;
  left:730px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,51,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FF3300; 
  animation-duration: 3s;
}
.animated-buble i:nth-child(17){
  top:62px;
  left:330px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,234,232,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FFEAE8;
  animation-duration: 4s;
}

.animated-buble i:nth-child(18){
  top:0px;
  left:250px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,229,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FFE500;
  animation-duration: 5s;
}

.animated-buble i:nth-child(19){
  top:600px;
  left:180px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF6699;
  animation-duration: 6s;
}

.animated-buble i:nth-child(20){
  top:987px;
  left:13px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(84,156,204,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #549CCC;
  animation-duration: 7s;
}

.animated-buble i:nth-child(21){
  top:120px;
  left:930px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(184,175,3,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #B8AF03;
  animation-duration: 8s;
}

.animated-buble i:nth-child(22){
  top:80px;
  left:700px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(171,250,249,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #ABFAF9;
  animation-duration: 5s;
}

.animated-buble i:nth-child(23){
  top:350px;
  left:720px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,15,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #7F0FFF;
  animation-duration: 2s;
}

.animated-buble i:nth-child(24){
  top:997px;
  left:678px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(48,128,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #308000;
  animation-duration: 3s;
}

.animated-buble i:nth-child(25){
  top:714px;
  left:246px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,38,38,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF2626;
  animation-duration: 4s;
}

.animated-buble i:nth-child(26){
  top:0px;
  left:480px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(15,29,215,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #0F1DD7;
  animation-duration: 5s;
}

.animated-buble i:nth-child(27){
  top:456px;
  left:1000px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #336699;
  animation-duration: 6s;
}

.animated-buble i:nth-child(28){
  top:350px;
  left:865px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(70,172,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #46ACFF;
  animation-duration: 7s;
}

.animated-buble i:nth-child(29){
  top:100px;
  left:100px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(222,4,5,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #DE0405;
  animation-duration: 8s;
}

.animated-buble i:nth-child(30){
  top:1087px;
  left:722px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(77,254,21,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #4DFE15;
  animation-duration: 9s;
}

.animated-buble i:nth-child(31){
  width:200px;
  height:200px;
  top:795px;
  left:605px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(243,10,70,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #F30A46;
  animation-duration: 1s;
}

.animated-buble i:nth-child(32){
  top:234px;
  left:678px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(245,253,45,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #F5FD2D;
  animation-duration: 2s;
}

.animated-buble i:nth-child(33){
  top:270px;
  left:1230px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(178,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #B200FF;
  animation-duration: 3s;
}
.animated-buble i:nth-child(34){
  width:200px;
  height:200px;
  top:1126px;
  left:332px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(102,204,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #66CCFF;
  webkit-animation-duration: 4s;
}

.animated-buble i:nth-child(35){
  top:407px;
  left:83px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(20,243,175,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #14F3AF;
  animation-duration: 5s;
}

.animated-buble i:nth-child(36){
  width:200px;
  height:200px;
  top:176px;
  left:297px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(100,245,102,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #64F566;
  animation-duration: 6s;
}

.animated-buble i:nth-child(37){
  width:300px;
  height:300px;
  top:820px;
  right:10px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(236,218,65,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #ECDA41;
  animation-duration: 7s;
}

.animated-buble i:nth-child(38){
  top:500px;
  left:500px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,61,45,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF3D2D;
  animation-duration: 8s;
}


.animated-buble i:nth-child(39){
  top:20px;
  right:26px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(74,73,235,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #4A49EB;
  animation-duration: 9s;
}

.animated-buble i:nth-child(40){
  width:200px;
  height:200px;
  top:251px;
  left:1053px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,72,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF4800;
  animation-duration: 10s;
}


@keyframes screen {
  from {
    opacity: 0;
  }

  25%{
    opacity: 0.3;
    transform: scale3d(3, 3, 4);
  }

  50%{
    opacity: 0.75;
  }

  75%{
    opacity: 1;

  }

  to{
    opacity: 0;
  }
}



/*led*/


.copy-right{ position:relative; z-index:15;}
.rd-bx{ position:absolute; top:10%; left:10%;}

.rtrv{ position:relative; z-index:15;}
footer{ background:#000; position:relative;}

.footer-car{ position:absolute; top:0; left:0; width:100%; text-align:center;}
.footer-cari img{max-width:100%}

.led-box {
  height: 30px;
  width: 25%;
  margin: 10px 0;
  float: left;
}

.led-box p {
  font-size: 12px;
  text-align: center;
  margin: 1em;
}

.led-red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

.led-yellow {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #FF0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
  -webkit-animation: blinkYellow 1s infinite;
  -moz-animation: blinkYellow 1s infinite;
  -ms-animation: blinkYellow 1s infinite;
  -o-animation: blinkYellow 1s infinite;
  animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}

.led-green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #24E0FF;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}



/*gradient-animatin*/

.mdl-ic-img {
	background: linear-gradient(-45deg, #0f1b57, #223dd3, #343537, #707173);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.wht-img-2{ z-index:17;}

.carousel{ background:#000;}


/* border-shadow*/



.shadow  img{ border:5px solid #fff;}
.shadow {

place-items: center;
  color: #fff;


  background: #15202B;
}

.shadow::before,
.shadow::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  background: linear-gradient(45deg,red,blue,green,yellow,#e11d74,black,#ffff00,#aa0000);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: animate 25s linear infinite;opacity:0.5;
}

.shadow::after {
  filter: blur(10px);
}

@keyframes animate {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}



/*lghting*/

.verv-log2{ transition: all .5s ease 0s}
.verv-log2:hover{filter: grayscale(1);opacity:0.5; transition: all .5s ease 0s}



.abt-texts b{color:#000;}


/*brand*/

.home-brand{ position:relative;}
.home-brand .container{position:relative; z-index:20;}


.wrapper2{}

.verv-abt img{ max-width:100%;}

.wrapper2 {
  height: 100%;
  width: 100%;

  position: absolute; z-index:5;
}

.wrapper2  div {
  height: 60px;
  width: 60px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  position: absolute;
  top: 10%;
  left: 10%;
  animation: 4s linear infinite;
}
div .dot {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 20%;
  right: 20%;
}
.wrapper2  div:nth-child(1) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(2) {
  top: 60%;
  left: 80%;
  animation: animate 10s linear infinite;
}
.wrapper2  div:nth-child(3) {
  top: 40%;
  left: 40%;
  animation: animate 3s linear infinite;
}
.wrapper2  div:nth-child(4) {
  top: 66%;
  left: 30%;
  animation: animate 7s linear infinite;
}
.wrapper2  div:nth-child(5) {
  top: 90%;
  left: 10%;
  animation: animate 9s linear infinite;
}
.wrapper2  div:nth-child(6) {
  top: 30%;
  left: 60%;
  animation: animate 5s linear infinite;
}
.wrapper2  div:nth-child(7) {
  top: 70%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper2  div:nth-child(8) {
  top: 75%;
  left: 60%;
  animation: animate 10s linear infinite;
}
.wrapper2  div:nth-child(9) {
  top: 50%;
  left: 50%;
  animation: animate 6s linear infinite;
}
.wrapper2  div:nth-child(10) {
  top: 45%;
  left: 20%;
  animation: animate 10s linear infinite;
}
.wrapper2  div:nth-child(11) {
  top: 10%;
  left: 90%;
  animation: animate 9s linear infinite;
}
.wrapper2  div:nth-child(12) {
  top: 20%;
  left: 70%;
  animation: animate 7s linear infinite;
}
.wrapper2  div:nth-child(13) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper2  div:nth-child(14) {
  top: 60%;
  left: 5%;
  animation: animate 6s linear infinite;
}
.wrapper2  div:nth-child(15) {
  top: 90%;
  left: 80%;
  animation: animate 9s linear infinite;
}
@keyframes animate {
  0% {
    transform: scale(0) translateY(0) rotate(70deg);
  }
  100% {
    transform: scale(1.3) translateY(-100px) rotate(360deg);
  }
}


header .col-lg-3 {
  
    width: 20%;
}

header .col-lg-9 {
    width: 80%;
}

.play-btn{transition: all .5s ease 0s}
.play-btn:hover{transition: all .5s ease 0s; background:#317205;}

.hm-service .link-btn{transition: all .5s ease 0s; }
.hm-service .link-btn:hover{transition: all .5s ease 0s; background:#317205!important;}

.hm-partner{ overflow:hidden; text-align:center;}
.hm-partner img{ max-width:100%;}



.home-brand .container{ position:relative; z-index:25;}



/*faq*/

.faq{background:url(../images/faq-bg.jpg); background-size:100% 100%; padding:60px 0px;}
.faq-img-C{ position:relative; padding:30px; }	
.faq-left-pattern{ position:absolute; top:0; left:0;}

.fq h2{ font-weight:500; font-size:50px;  letter-spacing:15px; margin-top:40px; margin-bottom:0px;}
.fq h3{ font-weight:900; font-size:28px; font-weight:300;}

.accordion{ background:none!important;}
.accordion-item{ border:none;background:none!important; border-bottom:1px solid #d8d8d8;}
.accordion-button{ background:none!important;}

.faq-img{ }
.faq-img img{ width:100%;border:5px solid #fff; }

.accordion-body { line-height:25px; background:#f1f1f1;}

.faq-img{ background:url(../images/service-bg.png); padding:25px;`	}

.accordion-button{ background:#f1f1f1!important; color:#000;}

.accordion-button:focus{ border:none; outline:none; box-shadow:none!important;}
.accordion-button:not(.collapsed){ background:#023e7d!important; color:#fff!important;}


.fq{ margin-top:80px;}


/*new-changes*/

.about-logo{ padding:15px; background:url(../images/service-bg.png);}
 .about-inner-logo{ overflow:hidden; padding:80px; background:#fff; text-align:center;}
.about-logo img{ width:auto; max-width:100%;}

.ceo-img{ overflow:hidden; padding:15px; background:#fff;}
.ceo-img img{ width:100%;}

.ceo-msg h3{ font-size:30px; font-weight:
200;}
.ceo-msg h3 b{ font-weight:800;}
.ceo-msg h4{ font-size:18px; color:#333; margin-top:15px; font-weight:normal; line-height:25px;}
.ceo-msg h4 b{ font-weight:900; font-size:19px; color:#333333;}
.ceo-img{ padding:5px; background:url(../images/service-bg.png);}
.ceo-img img{ border:5px solid #efefef;}



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


.qev{ margin-left:20PX;}
/*.qev a{ background:#0d78bf; color:#FFFFFF; padding-left:15px!important; padding-right:15px!important; text-transform:uppercase; border-radius:4px;}
*/

.log-reg-box { background:url(../images/verve-product-bg.jpg);
    padding: 10px;
    color: #FFFFFF;    background-size: 100% 100%;

}

.txt-sec{ margin-bottom:35px;}

.form-bx {
    padding: 5px;
}

.reg-from{ margin:30px;}

.reg-from h3{ color:#FFFFFF;}

.reg-from  button{ background:#909090; color:#fff;}
.reg-from .fa{ margin-left:10px;}
.reg-from  input{ margin-bottom:10px;}

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

.form-check-input:checked{ width:15px; height:15px;
}


.form-bx2{ padding:25px; background:#f4f4f4;}
.form-ic{ position:relative;}
.form-ic i{ position:absolute; right:10px; top:14px; font-size:12px;}

.test-drive-img{ overflow:hidden; padding:15px; background:url(../images/abt-bg.png); width:90%; float:right;}
.test-drive-img img{ width:100%;}

.mrg30{ margin-bottom:30px!important;}

.hm-srv h3{ 
    text-align:center; position:absolute;  margin:0px auto; left:0; right:0; color:#FFFFFF;bottom:80px; font-weight:400;  padding:15px 25px; display:table; font-size:18px; text-transform:uppercase;}
	
.pro-btns{ 
    position:absolute;  margin:0px auto; left:0; right:0; bottom:45px; display:table; }
	
	.pro-btns a{ text-align:center;color:#333;font-weight:400; border:1px solid #f4f4f4; padding:8px 12px; display:table; font-size:12px; z-index:20; cursor:pointer; background:#fff; text-transform:uppercase; border-radius:4px; opacity:1; display:inline; margin:0px 2px; color:#000!important;}
	
	
	
	/*17.05*/
	
	.qev{ margin-top:-10PX!important;}

.qev .wrapper{

    top:50%;
    left:50%;
/*    transform: translate(-50%, -50%);*/
    width: fit-content;
    height:auto;
}
.qev button{
   
    background: linear-gradient(to left top, #5432e8 50%, #5432e8 50%);
    border-style: none;
    color:#fff;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2); padding:10px 25px; border-radius:6px;
}
button span{
    position: absolute;
    display: block;
}
.qev button span:nth-child(1){
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.qev button span:nth-child(2){
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.qev button span:nth-child(3){
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

.qev button span:nth-child(4){
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
@keyframes span4{
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}

.qev button:hover{
    transition: all .5s;
    transform: rotate(-5deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
.qev button:hover span{
    animation-play-state: paused;
}


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



/* footer  */


.qevC h2{ font-size:30px; font-weight:200; margin-top:60px;}

.qevC .specification-c{ margin-top:40px;}
.qevC h2 b{ font-weight:900; color:#0f1b57; font-size:40px;}

.qevC h5{ margin-top:55px; text-transform:uppercase;}
	
	.qevC h6{ margin-top:40px; display:block; width:100%;}

	
.btn-bx2{ margin-top:25px; display:block; width:100%; overflow:hidden;}
	
.btn-bx2 a{ display:table; float:left;}

.qev-txt{ overflow:hidden;}
.btn-bx2 a .fa{ margin-right:10px;}
.btn-bx2 a:hover{ background:#6f7072; color:#FFFFFF;}

.blog-thump-txt{ margin-bottom:45px;}


.qevC{ background:url(../images/qev-bg.png); color:#FFFFFF; margin:0px 0px; padding:60px 0px; }

.qevC .specification-c {
    margin-top: 70px;
}

.qevC .page-titile{ display:none;}

.qevC h2 b {
    font-weight: 900;
    color: #fff;
    font-size: 40px;
}
	
	
	.service-detila-img{ background:url(../images/texture1.png); padding:15px;}
	
	
	.qevC .specification-c{ background:none; margin-top:0px; }
	
	.qevC .specification-c{ padding:0px;}	
	
	.txt5{ margin:45px 0px;}
	
	.btn-wt{ padding:15px 40px; text-transform:uppercase; font-size:16px;}
	
	.btn-wt:hover{ background:#6f7072; color:#FFFFFF;}
	
	
	.bx-outer{ margin:25px 0px 25px; }
	
		.bx-outer .row{ margin:0px -2px;}
			.bx-outer .col-12{ padding:0px 2px;}
	
	.bxx{ background:#fff; padding:8px; border:8px solid #cfcfcf; width:100%; margin-bottom:4px; }
	.bxx h3{ font-size:13px; text-transform:none;}
.bxx h4{ font-size:17px;}
	.fl-width{ width:100%;}
	
	.news-inner5 h3 span{ font-size:12px;}
	
	.dtl-db{ margin:0px 0px 40px;}
	
	.b01{ margin-bottom:30px;}
	.b01:nth-child(odd) .col-lg-5{  order:2;}
	
	.b01 .specification-img{ margin-right:0px;}
	
	
	.product-dTL .specification-c{ margin-top:55px; background:#0f1b57; color:#fff;}
	

.hovereffect h2{ left:0;}
.hovereffect h2 span {
    font-size: 15px; font-weight:normal;
    color: #fff;
    padding: 3px 8px 6px 8px; border-radius:2px;
    display: table;
    background: #006ac1; text-transform:none; margin-top:8px; display:none;
}

.link-btn{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
	.link-btn:hover{ background:#2b9f06!important;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
	
	
	.qev-logo1{ margin:10px auto;text-align:center; overflow:hidden;}
	.qev-logo1 img{max-width:100%}




p{  font-family: "Rajdhani", sans-serif;
font-size:14px; line-height:27px;
}



.qevC .row{margin-bottom:25px;}


.tab-content	.cat-desc {margin-bottom:30px;}

.tel-no{padding-top:0px;}
.tp-cts a{float:left;}
.tp-cts h6 div{float: left;
  color: #333;
  margin-left: 15px;
  margin-top: -4px;
  font-size: 13px;
  background: #fff;
  padding: 7px 10px 9px 10px;
  border-radius: 4px;
}
.tp-cts h6 div .fa{margin-right:5px;}

.menu-cc {
  float: right;
  margin-top: 0px;
}
.tp-cts h6 div a{ color:#000; padding:0px; margin:0px;}

.full-link{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}

.verv-abt{display:none;}

.top-social{float:right}
.top-social {list-style:none;margin-top:10px;margin-bottom:0px;}

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


}

.service-right h3 span{display:none;}

.ftr-tp .col-lg-3{background:#fff; padding:25px;}
.ftr-tp .col-lg-6{background:#fff; padding:25px;}

.footer-contact a{ border:1px solid #332877!important;}



header .footer-social li img {
  border-radius: 0px;
  max-width: 21px;}
  
  .after-over{display:none;}

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

.qevC {
        margin: 0px 0px!IMPORTANT;
    }
	
	
.qevC  .service-detila-img{ padding:0PX;}	
.qevC h2 {
    font-size: 22px;
    font-weight: 200;
    margin-top: 60px;
}

.qevC h2 B{
    font-size: 25px;

}

.rd-btn {
  color: #0f1b57;
  font-weight: normal;
  padding: 10px 12px;}
  
  
  .qevC  .specification-img{ display:none;}

.wrapper2 {
    height: 100%;
    width: 100%;
    opacity: 0.2;}
.menu-button {
    background: rgba(255, 255, 255, 0.5) url("../images/menu-btn.png") no-repeat center;
    cursor: pointer;
    float: right;
    height: 24px;
    position: relative;
    width: 40px;
    z-index: 1000; padding:10px;
}
#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:5px!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;}

.tel-no { font-size:14px;}

.tel-no:before{ display:none;}
.book-bn:before{ display:none;}
.book-bn{ padding:3px 8px; font-size:11px; border-radius:2px; display:table;}

    .tel-no { display:none;
    }
.sld-cap h1 {
    font-size: 14px;}
	
.sld-cap h2 {
    font-size: 14px;}
	
	


.layer-1 a, .layer-2 a {
    background: #f02801;
    margin-top: 10px;
    padding: 5px 15px;
    font-size: 13px;
    color: #fff;
}	
	
	.home-about-us {
    color: #FFFFFF;
    padding: 60px 0px;
    background: url(../images/abt-bg.jpg);
}
	.about-img{ margin-bottom:20px;}
	
.about-content-right {
    padding-left: 0px;
	
}

.why-electric {
    padding: 50px 0px;
}

.products-c h2 span{ font-size:20px;}
.products-c h2 b {
    font-size: 25px;
}


#intro {
    padding: 50px 0px;
}

.white0s h2 {
    font-size: 25px;}

.white0s {
    padding: 50px 0px;
}


.technology h2{ font-size:20px;}
.technology h2 span{ font-size:25px;}


.reasons-c h2 {
    font-size: 20px;}
.reasons-c h2 span {
    font-size: 25px;}
reason-inn h4 {
    font-size: 20px;}
.reason-inn h3 {
    width: 104px;
    height: 40px;
    margin: 0px 0px;
   
    font-size: 18px;
    line-height: 41px; margin-right:20px;
}
	
.reason-right {
    margin-left: 0px;}
	.reason-inn h4 {
    font-size: 20px; margin-bottom:10px;}	
	
.reasons-c {
    background: url(../images/reason-bg.jpg);
    padding: 50px 0px;}	

.white-2 {
    padding: 50px 0px;
 
}
.whit2-leftC {
    padding-right: 0px;
    margin-top: 0px;
}	

.white-2 h2 {
    font-size: 19px;}
	
.white-2 h3 {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;}


.wht-img-2 img{ width:70%;}
.counter-bx h4 {
    font-size: 99px;
    color: #f2f2f2;
    margin: 0px auto;}

.counter-bx h5 {
    font-size: 19px;}
.hm-service h2 {

    font-size: 25px;}
	
	.home-brand h2 { font-size:25px;}
	
	
	.inner-banner img {
    width: 150%;
}

.banner-Caption {

    bottom: 20px;
    color: #FFFFFF;
}

.banner-Caption h1 {
    font-size: 17px;
}


.inner-pagege-C{ margin:30px 0px;}

.inner-pagege-C .page-titile{ margin-bottom:15px;}
.inner-pagege-C .page-titile h2{ font-size:20px;}

.home-about-us h2 { font-size:23px;}

.home-about-us h3 { font-size:25px;}
.right-img{ position:static; margin-top:30px;}

.about-right h3 {
    font-size: 23px; margin-top:20px;}


.white-2 h3 {
    font-size: 20px;}


.wht-right-imgc {
    padding-left: 0px;
}
.specification-c {
    background: #ededed;
    padding: 30px 0px;
}
.service-detila-img{background-size:100px;}

.techno .wht-right-imgc { padding-right:0px; margin-bottom:30px;}
.white-2{ padding:30px 0px;}
	
	.invest-img{background-size:100px;}

.chs-right {
    margin-left: 0px; margin-top:30px;
}	
.invest h4 { font-size:25px; margin-bottom:25px;}

	.news-video-sec{ margin-bottom:25px;}
	
.share-sec li a { padding: 5px 10px; font-size: 11px;}	
	
.share-sec h4 {display:block; float:none; margin-bottom:15px;}
.share-sec li{ margin-right:10px; margin-left:0px!important;}
.ns-sml-img{ margin-bottom:20px;}
.more-srvs h2 {
    font-size: 30px;}
.more-srvs {
    padding: 30px 0px;
    background: #f7f7f7;}

.play-btn {
    width: 70px;
    height: 70px;}
.live-video h5 { font-size:25px; top:10px;}


.play-btn::after {
 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;}

.cts-bx { padding:30px; margin-bottom:5px; min-height:100px;}
.footer-logo img{ max-width:150px;}

.b1:nth-child(1), .b1:nth-child(2), .b1:nth-child(3), .b1:nth-child(4) {
    text-align: left;
}
	.b1:nth-child(1) .col-lg-4 {
    order: 1 !important;
}

	.b1:nth-child(1) .col-lg-8 {
    order: 2 !important;
}

.rt-bx .mdl-ic-img {
    float: left;
}

.technology .space-adj {
    margin: 0px -15px;
}

.technology .col-12  { padding:0px 15px;
}


body{ overflow-x:hidden;}
.bg{ position:static;}

#intro-3{background-size:350%;}

.nivo-controlNav { display:none;}
#div2{ display:none;}
.abtimg0002{ display:none;}
.bx-icon{ margin-bottom:10px;}
.mdl-ic-img{ margin-bottom:15px;}


body-x{ overflow:hidden;}

.mysvg-2 {
  top: 50%;
}

.mysvg{ top:45%;}

.why-electric h2 {
  font-size: 65px;

  line-height: 34px;
}

.why-electric h2 b {
  font-size: 26px;
  text-transform: uppercase;
  color: #000;
}

.verv-log2{ overflow:hidden; width:200px;}
.wht-txt2{ margin-bottom:45px;}

.home-brand{ background:#0f1a58;}


.footer-tp-phone{ margin-bottom:30px;}
.footer-tp-phone img{ width:35px;}

.footer-tp-phone::before { width:35px; height:35px; background-size:100% auto;}
.footer-tp-phone h4{ }
.t-24:before{ margin-bottom:35px;}
.t-24:before::before { width:35px; height:35px; background-size:100% auto;}


.footer-tp-phone::before {
    width: 35px;
    height: 35px;
    top: 23px;
    left: 25px;
    background-size: 100% auto;
}

.t-24{ background:#fff; padding:15px; border-radius:5px; width:100%; padding-left:80px;}
.t-24 h4{ margin-top:10px;}

.t-24::before {
    width: 35px;
    height: 35px;
    top: 22px;
    left: 25px;
    background-size: 100% auto;
}

.footer-contact a {
    float: none;
    margin: 0px auto;
    display: table;
}
.footer-tp-phone{ background:#fff; padding:15px; border-radius:5px;}

.footer-contact{ margin-top:35px;}

.footer-contact a{ float:none;}

.home-brand{ overflow:hidden;}




header{ top:0;}
.tp-cts {
  float: right;
  margin-top: 9px;
  margin-right: 52px;
}

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

 .sld-cap h1 {
    font-size: 12px;
  }
  
  .sld-cap h2 {
    font-size: 13px;
  }
  #intro2{ background-size:400%;}
  #intro-3{ background-size:400%;}
  
  .highway{width:1000%;}
  
  
  .logoC{
    position: relative;
    z-index: 250;
}
}