body {
         font-family: 'Roboto',sans-serif;
        overflow-x: hidden;
      font-weight: 400;
    }
    
 
    
    * {
        box-sizing: border-box;
    }
    
    strong,
    b {
        font-weight: bold;
    }
    
    a {
        text-decoration: none; color: inherit;

    }
  p  a {
        text-decoration: underline;
	  color: inherit;

    }
   
   .hamburger{display:none;} 
	
.anim {
  position: relative;

  margin: 0% 1.33 2.66% 1.33%;
 opacity: 0;
}
.bounce-up .inner_container,.bounce-up,.fade-up  div,.fade {
  opacity: 0;
  -moz-transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.in-view{opacity:1;}
.firstimage{
  opacity: 0;
  -moz-transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.firstimage.in-view{opacity:1;}
.bounce-up.in-view .inner_container,.bounce-up.in-view ,.fade-up.in-view  div,.fade.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.mainhead{position:fixed; top:0px; left:0px; width:100%; z-index:99; transition:all 0.5s; padding-top:40px; padding-bottom:15px;}
.headerinner{margin:0 auto; max-width:1445px; width:85%; display: flex;justify-content: space-between;align-items: center;
}
.sticky .mainhead{background:rgba(255,255,255,0.95); top:0px; padding-top:15px;}
.sitemenu ul{display:inline-block;}
.sitemenu ul li{display:inline-block;margin-left:75px;}
.sitemenu ul li a{color:#000; font-size:21px; transition:all 0.5s }
.home .sitemenu ul li a{color:#fff;}
.sticky .sitemenu ul li a{color:#000;}
.slogo{opacity:0; visibility:hidden; position:absolute; left:0px;}
.logo{width:200px; position:relative}
.logo img{opacity:0; visibility:hidden;}
.home .logo img{opacity:1; visibility:visible; max-width:196px;}
.logo img.slogo{opacity:1; visibility:visible; max-width:196px;}
.home .logo img.slogo{opacity:0; visibility:hidden;}
.sticky .logo img{opacity:0; visibility:hidden;}
.sticky .logo img.slogo{opacity:1; visibility:visible;}
.sitemenu nav{display:flex;}
.sitemenu ul li:last-child a{color:#000; background:#fff; border-radius:30px; padding:9px 26px;  transition:all 0.5s}
.booknowbutton{color:#fff; font-size:22px; margin-left:80px; color:#fff;}
.booknowbutton a{color:#000; background:#fff; border-radius:30px; padding:12px 30px; font-size:18px; transition:all 0.5s}
.sitemenu ul li:last-child{margin-left:40px;}
.home .sitemenu ul li:last-child a{background:#fff; color:#000}
.sitemenu ul li:last-child a{background:#145886; color:#fff}

.sticky .sitemenu ul li:last-child a{background:#145886; color:#fff}

.top_slider img{height:100vh; min-height:600px;object-fit: cover;
width: 100%; position:relative}
.top_slider video{ width:100%;	
height: 100vh;
min-height: 600px;
object-fit: cover; position:relative; z-index:4;
}
.top_slider ,.video-container{  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 0; /* Aspect ratio for 16:9 videos */
  overflow: hidden;
min-height: 100vh; height:100vh; overflow:hidden;
position:relative; z-index:4;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  height: 125%;
  border: none;
  right:0px; margin:0 auto; object-fit:cover;transform: translateX(-50%);
}
.top_slider .swiper-slide{position:relative;}
.videooverlay:before{ content: ''; position:absolute; top:0px; left:0px; height:100vh; width:100%; background:url('../images/overlay.png') top center repeat; z-index:6; opacity:1} 
.swiper-button-next{display:none;}

.swiper-button-prev{display:none;}
.slidercontent{position:absolute; left:0px; right:0px; margin:0 auto; top:50%; transform:translateY(-50%); width:85%; max-width:1445px; z-index:7;}
.swiper-slide:before{position:absolute; height:2px; width:0px; left:0px; max-width:685px; transition:all 3.5s; content:""; bottom:42%; transform:translateY(-50%); z-index:7; background:#df232e;}
.swiper-slide:after{position:absolute; height:2px; width:0px; left:0px; max-width:830px; transition:all 3.5s; content:""; bottom:41%; transform:translateY(-50%); z-index:9; background:#fff;}
.swiper-slide-active:before{width:30%;}
.swiper-slide-active:after{width:35%;}
.slidecontinner{max-width:1040px; margin-left:170px;}
.slidercontent h1{font-size:60px; font-weight:bold; font-style:italic; line-height:74px; color:#fff; text-transform:uppercase; opacity:0; position:relative; transform:translate3d(50px, 0px, 0px); transition:all 0.5s;letter-spacing: 3px;}
.swiper-slide-active .slidercontent h1{opacity:1;  transform:translate3d(0px, 0px, 0px);}
.slidercontent p{font-size:22px; color:#fff; font-weight:300; line-height:32px; margin-top:80px;  opacity:0; position:relative; transform:translate3d(-50px, 0px, 0px);transition:all 0.5s;}
.swiper-slide-active .slidercontent p{opacity:1; transform:translate3d(0px, 0px, 0px);}

.homesec1{background:#f5f8fa; padding-top:138px; padding-bottom:92px; }
.sectioninner{width:85%; max-width:1445px; margin:0 auto; position:relative; display:flex;}
.homesec1 .sec1_left{width:47%;}
.homesec1 .sec1_right{width:49%; display:flex; margin-left:5%; column-gap:20px;margin-top: 140px;}
.homesec1 .sec1_right img{max-width:100%;}
.title h2{font-size:36px; color:#000000; font-weight:700;  line-height:46px; letter-spacing:0.3px;}

.page-template-template_passenger_batteries .title h2{letter-spacing:0.4px;}

.title h2 span{display:inline-block; width:100%;}
.homesec1 .sectioninner.devider:before{position:absolute; height:2px; width:0%; left:-12.5%; max-width:855px; transition:all 3.5s; content:""; top:125px;  z-index:9; background:#135785; display:none}
.homesec1 .sectioninner.devider.in-view:before{width:100%;}
.sec1_left .content{font-size:20px; line-height:28px; margin-top:40px;letter-spacing: 0.7px;}
.sec1_left .content p{margin-bottom:30px;}
.whoweare .sec1_left .content{ margin-top:70px;}
.whoweare.mission .sec1_left .content{ margin-top:70px;}
.sec1_right img{max-width:100%; border:2px solid #D9D9D9 
}

.mission .sec1_right img{border:none;}

.page-template-template_commercial_batteries .sec1_right img{padding-top:7px;}
.sec1_left .title{position:relative;}
.sec1_left .title:after{position:absolute;position: absolute;    height: 2px;    width: 200%;    right:200%; 
    transition: all 3.5s;    content: "";    bottom: -10px;    z-index: 9;    background: #135785;}
.in-view	.sec1_left .title:after{right:32%}

.sec1_left .content p a{font-weight:500;}

.effect1{transform:translate3d(50px, 0px, 0px); transition:all 0.7s; opacity:0}
.effect1 span{transform:translate3d(-100px, 0px, 0px); opacity:0;transition:all 0.7s;}
.in-view.effect1{transform:translate3d(0px, 0px, 0px);opacity:1}
.in-view.effect1 span{transform:translate3d(0px, 0px, 0px);opacity:1}

.effect2{transform:translate3d(-100px, 0px, 0px); transition:all 0.9s; opacity:0}
.in-view.effect2{transform:translate3d(0px, 0px, 0px);opacity:1}
.effect3{transform:translate3d(100px, 0px, 0px); transition:all 0.9s; opacity:0}
.in-view.effect3{transform:translate3d(0px, 0px, 0px);opacity:1}

.meter{position:relative; width:24%}
.meter img{max-width:100%;}
.meter h4{ position:absolute; left:410px; width:700px; font-weight:500; color:#000;  font-size:26px;}
.second{margin-top:100px;justify-content: space-between; max-width:1486px;}
.fitem{width:19%; margin-top:80px;}
.fimage{text-align:center; margin-bottom:20px; height:85px;}
.fititle{ font-size:22px; font-weight:500; text-align:center;}
.fdevide{border-top:2px solid #000E48; width:50%; margin:10px auto}
.fcont{text-align:center; font-size:22px; font-weight:400;  line-height:32px;}
.fimage img{min-height:77px;}
.homesec1,.home_sec2,.home_sec3,.technology,.about,.partners{overflow:hidden;}

.home_sec2{padding:184px 0px; padding-bottom:40px;}
.home_sec2 .sectioninner.devider11:before{position:absolute; height:2px; width:100%; right:-112.5%; max-width:1105px; transition:all 3.5s; content:""; top:195px;  z-index:9; background:#ed1c23;}
.home_sec2 .sectioninner.devider1.in-view:before{ right:-12%;}
.home_sec2 .secimage{position:absolute; left:-40px; top:-92px;}
.home_sec2 .secimage img{max-width:433px;}
.rightcon{width:79%; margin-left:auto; margin-right:auto; max-width:1000px; padding-left:200px;}
.rightcon .title{position:relative;}
.rightcon .title:after{position:absolute;position: absolute;    height: 2px;    width: 200%;    left:200%; 
    transition: all 3.5s;    content: "";    bottom: -10px;    z-index: 9;    background: #ed1c23;}
	.home_sec2 .rightcon .title:after{bottom:-30px;}
.in-view	.rightcon .title:after{left:0px;}
.secimage span{position:absolute; right:-129px; top:43%; padding-bottom:5px; font-size:18px; color:#135785}
.secimage span.tex1:before{position:absolute; width:239px; height:2px; background:#135785; content:""; right:0px; bottom:1px;}
.secimage span.tex2{ margin-top:35px;}
.secimage span.tex2:before{position:absolute; width:215px; height:2px; background:#135785; content:""; right:0px; bottom:1px;}
.desc{  font-size: 20px;
  line-height: 28px; font-weight:300;
  margin-top: 140px; padding-left:40px; letter-spacing: 0.7px;
}
.desc p{margin-bottom:20px; font-weight:400;} 

.home_sec3 .sectioninner{display:block; margin:0 auto; margin-top:50px;}
.solutionlist{display:grid; grid-template-columns:1fr 1fr;justify-content: space-between; column-gap:34px; margin-top:70px; }
.solution_item{margin-bottom:25px; position:relative; overflow:hidden}
.solution_item img{width: 100%;
object-fit: cover;
height: 389px;}
.partnerss img{width: auto;
max-width: 180px;
}

.solution_item .links{display:flex; justify-content: space-between; margin-top:20px;}

.solution_item .links a{ font-size:22px; line-height:33px; color:#000E48; text-decoration:underline;font-weight: 400;}
.solution_item .links a.videpop-bttn{color:#fff;}
 .links .videpop-bttn{ display:flex; padding:3px 19px; background:#000E48; border-radius:20px;color:#fff;column-gap: 7px;
  align-items: center; font-size:22px; text-decoration:none}
  
  .videpop-bttn.bluebtn{ display:flex; padding:7px 19px; background:#000E48; border-radius:20px;color:#fff;column-gap: 7px;
  align-items: center; font-size:22px; text-decoration:none; max-width:200px;}
.sec1_left .videpop-bttn.bluebtn{ top:10px; position:relative;}
  
 .links .videpop-bttn img{height:23px; width:23px; object-fit: contain;
}
.bannerinner .links{ margin:0 auto; display:flex;}
.bannerinner .links .videpop-bttn{ display:flex; padding:10px 26px; background:#fff; border-radius:26px;color:#000E48;column-gap: 7px;
  align-items: center; font-size:29px; text-decoration:none; display:flex; margin-left: -6px; margin-top:15px; margin-bottom:15px; font-weight:500}
.bannerinner .links .videpop-bttn img{height:30px; width:30px; object-fit: contain;
}

.middlebanner img{width:100%;}
.middlebanner{position:relative;}
.bannertitle{max-width:1430px; position:absolute; top:50%; transform:translateY(-50%);margin: 0 auto;
  left: 0; width:96%;
  right: 0;}
.bannertitle h5{text-align:left; max-width:650px; width:47%; font-size:32px; font-weight:bold; color:#000; text-transform:uppercase; line-height:1.4em}
.linktext{margin-top:35px;}
.linktext a{ color:#1808F7; font-size:28px; font-weight:bold;text-decoration: underline; text-align: left;}
.linktext a{
max-width: 500px;
  display: block;
}

.solution_item .solution_content{position:absolute; top:0px; width:100%; left:0px; text-align:center;}
.solutiondesc{position:absolute; top:-389px; transition:all 0.5s;background:rgba(20,88,134,0.76);color:#fff; font-size:20px; line-height:26px; padding:30px 60px; padding-top:100px; width:100%; font-weight:300; text-align:left; letter-spacing: 0.7px; height:389px}

.solutiontitle{padding:25px 0px; color:#fff;  background:rgba(20,88,134,0.68)}
.solution_item .solutiontitle{height: 212px;
  display: flex;
  justify-content: center;
  align-items: center;}
.solutiontitle h3{font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;}
  
.solution_item  .solutiondesc h3 {
  font-size: 36px;text-transform: uppercase;
  line-height: 44px; margin-bottom:20px; font-weight:500;
}
  
  .solution_item:hover .solutiontitle{opacity:0;}
  
.solution_item:hover .solutiondesc{top:0px;}

.home_sec3  .title{position:relative;}
.home_sec3  .title:before{position:absolute; height:2px; width:100%; right:200%;  transition:all 3.5s; content:""; bottom:-20px;  z-index:9; background:#135785;}
.home_sec3  .in-view .title:before{right:75%;}

.technology{width:100%; position:relative; background:#011e45; min-height:838px; height:100vh; margin-top:80px; padding-top:115px; overflow:hidden; max-height:838px;}
.technology:before{height:100%; width:100%; background:url('../images/techno.png') center right no-repeat; content:""; position:absolute; top:0px; z-index:1; background-position:center right; background-size:cover; left:0px;}
.technology .sectioninner{display:block; margin:0 auto; z-index:2}
#background-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

}
.technology .title h2{color:#fff;}


.technology  .title{position:relative;}
.technology  .title:before{position:absolute; height:2px; width:100%; right:200%;  transition:all 2.5s; content:""; bottom:-20px;  z-index:9; background:#ed1c23;}
.technology  .in-view .title:before{right:77%;}


p{margin-bottom:10px;}
.technodesc{max-width:1010px; color:#fff; margin-top:60px;font-size: 20px;
line-height: 28px;letter-spacing: 0.7px; width:70%;
}
.technodesc  p{margin-bottom:20px;}

.about{padding:100px 0px;}
.about .sectioninner{align-items: center;}
.aboutleft img{width:100%;max-height: 480px;
max-width: 480px;
object-fit: cover;}
.aboutright{margin-left:50px; max-width:800px;}
.aboutright .content { max-width:770px;
margin-top: 40px;
font-size: 22px;
line-height: 30px; font-weight:300}
.content br{display: inline-block;
width: 100%;
margin-bottom: 5px;}

.foomenu:first-child{max-width:185px;}

.about .title{position:relative;}
.about .title:after{position:absolute;position: absolute;    height: 2px;    width: 200%;    left:200%; 
    transition: all 2.5s;    content: "";    bottom: -10px;    z-index: 9;    background: #135785;}
.about  .in-view	 .title:after{left:0px;}

.partners .sectioninner{display:block;}
.partnerlist ul{display:table; list-style:none; margin-top:80px;}
.partnerlist ul li{display:table-cell; text-align:center;}
.partnerlist ul li img{width:90%; filter: grayscale(100); transition:all 0.7s}
.partnerlist ul li img:hover{ filter: grayscale(0);}
.partners  .swiper-slide::before{display:none;}
.partners  .swiper-slide{text-align:center;}
#footer{background:#011e45; color:#fff; margin-top:80px;}
.footer_inner{width:85%; max-width:1445px; margin:0 auto; padding-top:130px; padding-bottom:80px}

.footer_contact{display:flex;justify-content: space-between; padding-bottom:35px; border-bottom:2px solid #6e7e95;align-items: center; margin-bottom:45px;}
.contactaddress,.contactform,.contactsocial{width:33%;}
.contactaddress{text-align:left; width:46%}
.contactform{ text-align:left; width:20%}
.contactsocial{text-align:right; display:flex;align-items: baseline; justify-content: right;}
.contactsocial ul li{display:inline-block; margin-left:15px;}

.ftit{font-size:18px; margin-bottom:15px; font-weight:600}
.facont{font-size:18px;font-weight: 300;}
.facont a{color:#fff;}
.contactaddress br{margin-bottom:15px; display:block;}
.contactbtn{border-radius: 30px; letter-spacing:1px;
padding: 12px 30px;
font-size: 20px; background:#fff; color:#000; font-weight:500;}
.contactsocial span{font-size:18px; font-weight:500;}

.cform{display: none;position: fixed;width: 85%;left: 0;right: 0;margin: 0 auto;max-width: 580px;
background: #fff;padding: 40px;z-index: 999;top: 50%;transform: translateY(-50%);color: #000;text-align: left;
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);max-height: 98vh; overflow:auto}
.cform textarea{max-height:100px; resize:none;background:none; border:1px solid #000;font-family: 'Roboto',sans-serif; width:100%;background-color: #f5f8fa; border-radius:3px;
border: 1px solid #cbd6e2;}
.cform input[type="text"],.cform input[type="tel"],.cform input[type="email"],.cform select{font-family: 'Roboto',sans-serif;
	height:40px; background:none; border:1px solid #000;  width:100%; padding:0px 10px; border-radius:0px; margin-top:10px;background-color: #f5f8fa; border-radius:3px;
border: 1px solid #cbd6e2;
}
.cform input[type="submit"]{ background:#145886; border-radius:10px; padding:10px 20px; font-size:16px; color:#fff; border:none; cursor:pointer}

.cform input[type="text"]:focus,.cform input[type="tel"]:focus,.cform input[type="email"]:focus,.cform select:focus{box-shadow:none; outline:none;}
.closeform{position:absolute; top:5px; right:10px; font-size:25px; color:#000; cursor:pointer; font-family:Arial, Helvetica, sans-serif}
.cform .red{color:#F00;}
.cform .wpcf7-list-item{margin-left:0px;}
.cform  label,.declai{font-size:14px; font-weight:300; line-height:20px;}
.crow{display:flex;justify-content: space-between;}
.crow .cfield{width:48%; margin-bottom:15px;}
.ffield{ margin-bottom:15px;}
.footercol{display:flex; }
.foottext,.foomenu,.footright{width:33%;}
.foottext{width:62%;}
.foomenu{width:20%;}
.footright{text-align:right; width:80%;}
.footright a{text-decoration:underline;}
.foottext{font-size:18px; line-height:30px; font-weight: 300; padding-right:50px;}
.footercol .foomenu li a{color:#ffff; font-size:18px; line-height:30px;font-weight:300;}
.copyright{margin-top:15px; font-size:18px; line-height:30px; font-weight: 300;}
.copyright p{font-size:18px; line-height:30px; font-weight: 300;}
.generalcontent{max-width:1445px; margin:0 auto; width:85%; margin-top:50px; padding-bottom:50px;}
.partnerlist{margin-top:40px;}
.generalcontent p{font-size:18px; line-height:28px; margin-bottom:15px;}
.generalcontent  h1 {    font-size: 35px; line-height:50px;margin-bottom:15px;}
.generalcontent  h2 {    font-size: 30px; line-height:40px;margin-bottom:15px;}
.generalcontent  h3 {    font-size: 26px; line-height:36px;margin-bottom:15px;}
.generalcontent  h4 {    font-size: 22px; line-height:32px;margin-bottom:15px;}
.generalcontent  h5 {    font-size:20px; line-height:30px;margin-bottom:15px;}
.generalcontent  h6 {    font-size: 18px; line-height:28px;margin-bottom:15px;}
.generalcontent ul{list-style:outside; padding-left:15px;font-size:18px; line-height:28px; font-weight:300}
.generalcontent ol{list-style:decimal; padding-left:15px;font-size:18px; line-height:28px;}
.generalcontent ul li,.generalcontent ol li{margin-bottom:10px;}
.section1_content {margin-top:15px; margin-bottom:15px;}
.error404  .generalcontent{text-align:center;}


.fcontainer{display:flex; column-gap:60px}
.fleft{ width:39%;}
.fright{width:60%; display:flex; column-gap:15px;justify-content: center;}
.fright img{width:40%; object-fit:cover; max-width:201px; background: #fff;}
.ffuture .fgallery img{width:100px;border: 2px solid #D9D9D9; background:none}

.ffuture .alicen {align-items: start;}
.ffuture .fleft{padding-top:20px;}

.sectionfuture{padding:80px 0px; background:#000E48; color:#fff;}
.sectionfuture .title h2{color:#fff !important;}
.sectionfuture .title{margin-bottom:20px;}

.ffuture{padding:80px 0px; background:#D9D9D9; color:#066225BA;}
.sectionfuture.ffuture .title h2{color:#066225BA !important;}

.ffuture .linktext a{color:#066225BA; text-decoration:underline; font-size:26px;}

.ffuture .fleft{ width:70%;}
.ffuture .fright{width:20%; }

.features{flex-direction:column}
.features .nsectionleft{width:100%;}

.features .title.devider h2.in-view::before{max-width:100%;}

.freatureitems{display:flex; flex-wrap:wrap; column-gap:100px;}
.freatureitems .fitem{width:45%; text-align:left; margin-top:30px; margin-bottom:30px;}
.itemicon{width:100%; text-align:left; height:70px;}
.itemtitle h3{ font-size:24px; font-weight:bold; line-height:33px; color:#000000; margin-top:10px;text-transform: uppercase;}
.itemconte{ font-size:20px;  line-height:30px; color:#000000; margin-top:15px;}

.nsectionright.featureright{width:100%;}

.middlebanner1 .bannertitle h5{margin-right:0px; margin-left:auto; color:#fff; word-spacing:2px;}

.nsectioninner.safety{flex-wrap: wrap;}
.nsectioninner.safety .nsectionright{text-align:left;}
.fulllink{width:100%; text-align:center;}

.nsectioninner.safety .nsectionright img{max-width:100%;}

.sectionfuture.productlist{background:#fff;}
.sectionfuture.productlist .title h2{color:#000 !important; text-decoration:underline;}


.videopopup {
    margin-top: 20px; max-width:480px;
}

@media screen and (min-width:2000px){
	.swiper-slide::before{max-width:1080px;}
	.swiper-slide-active:before{width:32%;}
.swiper-slide-active:after{width:37%;}
.slidercontent p{margin-top:180px;}
  .swiper-slide-active::after{bottom:46%;}
  .swiper-slide-active::before{bottom:47%;}
  

}
@media screen and (min-width:1800px){
	
	.slidercontent p{margin-top:140px;}

	
	.homesec1 .sectioninner.devider:before{left: -23.5%;
    max-width: 1055px;}
	.home_sec2 .sectioninner.devider1.in-view:before,.about .sectioninner.devider1.in-view::before{
    right: -22%;
}
.technology .sectioninner.devider::before,.home_sec3 .sectioninner.devider::before  {
    left: -22%;
}
.about .sectioninner.devider1::before{max-width:1230px}
.home_sec3 .sectioninner.devider::before,.technology .sectioninner.devider::before{max-width: 955px;}
.home_sec2 .sectioninner.devider1::before{max-width: 1304px;}
.desc { padding-left:40px;}
  .swiper-slide-active::after{bottom:44%;}
  .swiper-slide-active::before{bottom:46%;}
}
@media screen and (min-width:1800px){
.slidercontent p {
  font-size: 33px; line-height:45px;
} 	
}
@media screen and (min-width:1700px){
	.slidercontent h1 {
  /* font-size: 68px;*/
}
.slidercontent p {
  font-size: 33px; line-height:45px;
} 
.videopopup {

  max-width: 687px;
}
.slidecontinner {
    max-width: 987px;
}


	.slidercontent p{margin-top:140px;}




}
@media screen and (min-width:1450px){
.desc{padding-left:130px;}	
}

@media screen and (min-width:1500px){
.desc{padding-left:100px;}	
}
@media screen and (min-width:1600px){
	.sectioninner {
  width: 91%;
  max-width: 1430px;
}
.solutionlist{column-gap:34px;}
.desc{padding-left:40px;}	
}





@media screen and (min-width:1280px){
	.top_slider{min-height:auto;}
	.top_slider .swiper-container{height:100%;}
	.video-container{height:100%;}
	
	
	.page-template-template_passenger_batteries .nsectionleft{width:calc(57% - 40px);}
.page-template-template_passenger_batteries .nsectionright{width:calc(43% - 40px);}

}

@media screen and (max-width:1450px){
.home_sec2 .secimage {max-width:400px;}
.home_sec2 .sectioninner.devider1:before { max-width:995px;}
.desc {    margin-top: 196px;    padding-left: 102px;}
.home_sec3 .sectioninner.devider:before,.technology .sectioninner.devider:before {max-width:555px;}
.fcont { font-size:17px;}
.second { width:90%;}
.fititle { font-size:20px;}
.meter h4 { left:330px; font-size:22px;}
.homesec1 .sectioninner.devider:before { max-width:740px;}
.homesec1 .sec1_right {
    width: 40%;
}
.homesec1 .sec1_left {
    width: 60%;
}
.sitemenu ul li a { font-size:18px;}
.sitemenu ul li:last-child a {font-size:16px;}
.solutiondesc{top:-350px; padding:30px 30px; padding-top:40px;}
.solutiontitle h3 {font-size: 16px;}
.solutiondesc p{font-size: 16px; line-height: 24px;}

.sitemenu ul li .sub-menu li a{font-size:16px;}

.about .sectioninner.devider1:before {max-width: 840px; top:108px;}

.solution_item img{height:267px;}

.solutiondesc{height: 268px;}

}
@media screen and (max-width:1600px){
	.slidecontinner {
    max-width: 1040px;
	}	
}
@media(min-width:1080px) and (max-width:1445px){
	.secimage span.tex1:before{width:240%;}
	.secimage span.tex2:before{width:249%;}
	

}
@media screen and (max-width:1380px){
.solutiondesc{ padding-top:40px;}	
}

@media screen and (max-width:1280px){
	.about .sectioninner.devider1:before {max-width: 750px; top:85px;}
	
  .foottext{width: 40%;}
  .foomenu {width: 16%;}
  .footright {width: 40%;}
 .desc { margin-top: 251px; padding-left:113px}
 
 .slidercontent h1{font-size:38px; line-height:46px;}
 .swiper-slide::before{height:1px; bottom:45%;}
 .swiper-slide::after{height:1px; bottom:44%}
 .banner .title h1, .banner .title h2, body:not(.home) .banner .title h2, body:not(.home) .banner .title h1{font-size:40px; line-height:54px;}
 .banner .title{max-width:760px;}
 .banner::before{max-width:450px;height: 2px;}
 .banner::after{ max-width:500px;height: 2px;}
 
.page-template-template_home  .solution_content .solutiondesc p{font-size:15px !important;}
 
.solutiondesc p:not(.executive-team p):not(.board-directors p):not(div[class*="team"] p):not(div[class*="board"] p){font-size:15px !important;}
 
 
}
@media(min-width:1080px) and (max-width:1330px){
	.rightcon{width:90%; padding-left:25%;}
}
@media screen and (max-width:1080px){
  .foottext{width: 40%; padding-right: 30px;}
  .foomenu {width: 16%;}
  .footright {width: 54%;}
	.headerinner{width:90%;}
	.homesec1 .sec1_left{width:55%;}
	.homesec1 .sec1_right{width:45%;}

	
	.homesec1 .sectioninner.devider:before { max-width:555px;    top: 105px;}
	.second {    margin-top: 50px;}
	.fititle {    font-size: 15px;}
	.fcont {    text-align: center;    font-size: 14px; line-height:20px}
	.fimage { margin-bottom:20px;}
	.meter h4 { left:250px;}
	.home_sec2 .secimage img{max-width:100%;}
	.home_sec2 .secimage{width:35%;max-width: 270px;}
	.home_sec2 .sectioninner.devider1:before{top:145px; max-width:705px;}
	.secimage span {    right: -135px;    top: 38%;}
	.secimage span.tex1:before {width: 202px;}
	.secimage span.tex2:before {width: 185px;}
	.home .sitemenu ul li a {
    color: #000;
}
.home .sitemenu ul li:last-child a {
    background: #145886;
    color: #fff;
}
.sitemenu ul li:last-child {
    margin-left: 20px;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}
.sticky .hamburger.is-active .hamburger-inner,.sticky .hamburger.is-active .hamburger-inner::before,.sticky .hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}
	.rightcon {    width: 100%; padding-left:230px;}
	.desc {margin-top: 100px;padding-left: 80px;}
	.solutiontitle h3 {    font-size: 15px;}
	.solutiondesc p{ opacity:1;font-size: 15px;line-height: 23px;}
	.technology{    min-height: 600px;
    height: auto;
    margin-top: 20px;
    padding-top: 83px;
    overflow: hidden;
    max-height: 100%;padding-bottom: 50px;}
	.technology:before{/*display:none;*/ width:100% !important;background: rgba(0, 0, 0, 0.3);}
	.about {
    padding: 50px 0px;
}
.partnerlist ul { margin-top:40px;}
.footer_inner {padding-top: 60px;
    padding-bottom: 60px;}
	.about .sectioninner.devider1:before {max-width:600px; top:55px;}
	.effect2,.effect1,.effect3{opacity:1;}
	.top_slider img { max-height:700px;}
	.sitemenu{position:fixed; left:-100%; top:0px;} 
	.homesec1,.home_sec2,.home_sec3,.technology,.about,.partners{overflow:hidden;}
	.hamburger {    display: block; padding-right:0px;}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background:#000;}
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background:#fff;}

.sticky .hamburger-inner,.sticky .hamburger-inner::before,.sticky .hamburger-inner::after { background:#000;}
.technology .sectioninner.devider:before,.home_sec3 .sectioninner.devider:before{ max-width:455px;}

.sitemenu {
    position: fixed;
    right: -100%;
    top: 56px;
	left:inherit; transition:all 0.7s; padding-top:30px;
    width: 80%;
    height: 100vh;
    background: #fff;
}
.active .sitemenu{right:-5px;}
.sticky .logo img{}
.sticky .logo img.slogo{ display:block;}
.slogo{left:0px; top:0px;}
.sitemenu ul li {
    display: inline-block;
    margin-left: 20px;
    width: 100%;
    margin-bottom: 18px;
}
.sitemenu ul li:last-child a{display:inline-block;}
body{padding-top:0px;}
.sticky .mainhead,.mainhead{padding:0px;}
.logo{width:150px;}
.generalcontent{margin-top:40px;}
.slidercontent { width:90%;}
.slidecontinner {    max-width: 530px; margin-left:00px;}
.swiper-slide:before { bottim:40%;}
.swiper-slide:after { bottom:38%;}

	

.top_slider video { max-height:600px;}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 50%;
    width: 163%;
    height: 123%;
    border: none;
    right: 0px;
    margin: 0 auto;
    object-fit: cover;
    transform: translateX(-50%);
}
.top_slider, .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 0;
    overflow: hidden;
    min-height: 300px; 
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 4;
    max-height: 620px;
}

}

/* 24april  */

.videopopup img {
    height: auto !important;
    min-height: auto !important;
    width: 214px;
    border-radius: 43px;
    display: block;
    box-shadow: 0 0 0 1px #fff;
    background-color: #fff;
}
/* 24april  */

@media screen and (max-width:810px){
.slidecontinner {
    max-width: 620px;
    margin-left: 00px;
}
.sectioninner {flex-direction: column;}
.homesec1 .sec1_left {    width: 100%;}
.homesec1 .sec1_right {    width: 100%;}
.meter h4 {
    left: 200px;
}
.sectioninner.second {
    flex-direction: initial;
}
.title h2 {
    font-size: 31px!important;
    line-height: 38px!important;
}
.desc {    padding-left: 50px;}
.home_sec2 .secimage {
    width: 39%;
}
.home_sec2 .sectioninner.devider1:before {
    top: 115px;
    max-width: 505px;
}
.about .sectioninner.devider1:before {
    max-width: 740px;
    top: 540px;width: 120%;
}
.aboutright { margin-left:0px;}

.contactaddress {
    text-align: left;
    width: 100%;
}
.footer_contact {    flex-direction: column;}
.contactform,.contactaddress,.contactsocial { width:100%; text-align:left;justify-content: left; margin-bottom:25px;}
.footer_contact .contactbtn {display: inline-block;}
.footercol{  flex-direction: column;justify-content: left;}
.foottext,.foomenu,.footright{width:100%; text-align:left;margin-bottom:25px;}
.foottext{padding-right:0px;}
.home_sec2 {padding-top:40px;}

.desc,.sec1_left .content,.technodesc,.aboutright .content {
    font-size: 18px;
    line-height: 24px;
}
.technodesc{width:100%;}
.partnerlist ul {
    display: grid;
    list-style: none;
    margin-top: 50px;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}
.homesec1 { padding-top:50px; padding-bottom:60px}
.home_sec3 .sectioninner{margin-top:0px;}
.solutionlist {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.generalcontent  h1 {    font-size: 28px!important; line-height:38px!important;margin-bottom:15px;}
.generalcontent  h2 {    font-size: 26px!important; line-height:36px!important;margin-bottom:15px;}
.generalcontent  h3 {    font-size: 24px!important; line-height:34px!important;margin-bottom:15px;}
.generalcontent  h4 {    font-size: 22px!important; line-height:32px!important;margin-bottom:15px;}
.generalcontent  h5 {    font-size: 20px!important; line-height:40px!important;margin-bottom:15px;}
.generalcontent  h6 {    font-size: 20px!important; line-height:40px!important;margin-bottom:15px;}
.top_slider .swiper-slide-next{display: none;}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 50%;
    width: 192%;
    height: 60vh;
    border: none;
    right: 0px;
    margin: 0 auto;
    object-fit: cover;
    transform: translateX(-50%);
}
.video-container,.top_slider{height:60vh; min-height:60vh;}
}
@media screen and (max-width:1400px) and (min-width:1300px)
{
  .videooverlay:before
  {
    position: absolute !important;
    content: '' !important;
    height: 103vh !important;
    width: 100% !important;
    background: url(../images/overlay.png) top center repeat !important;
  }
}

@media screen and (max-width:700px){
	.top_slider, .video-container { max-height:500px;}
.slidercontent h1 {
    font-size: 34px; line-height:38px;
}
.slidercontent p{margin-top:60px;}
.sec1_left .content p {
    margin-bottom: 20px;
}
.slidercontent p {
    font-size: 22px; line-height:30px;}
	.swiper-slide:before {   bottom: 45%;
        top: inherit;;}
	.swiper-slide:after{   bottom: 44%;
        top: inherit;}
	   
	.top_slider img {
    height: auto;
    min-height: 500px;}
	
	.top_slider video {
    height: auto;
    min-height: 500px; max-height:500px;}
	
	.homesec1 { padding-top:50px; padding-bottom:50px;}
	.home_sec3 .sectioninner{margin-top:20px;}
	.title h2 {
    font-size: 26px;
    line-height: 38px;letter-spacing: 1px;
}
.sec1_left .content { margin-top:45px;}
.homesec1 .sectioninner.devider:before { top:80px;}
.sectioninner.second{display:block;}
.meter {
    position: relative;
    width: 100%; text-align:center
}
.meter img{width:85%;}
.meter h4 {    position: static; font-size:16px; margin-bottom:25px;width: 100%;     font-size: 20px;
 
    text-align: left;
    line-height: 25px;}
.fitem {
    width: 49%;
    margin-top: 40px;
    display: inline-block;vertical-align: top;
}
.freatureitems .fitem{width:100%;}
.rightcon {
    width: 100%;
    padding-left: 0;
}
.home_sec2 .secimage {
    width: 65%;
    position: relative;margin-top: 40px; left:0px;
}
.secimage span {    right: -80px;}
.secimage span.tex1:before {
    width: 130px;
}
.secimage span { font-size:16px;}
.secimage span.tex2:before {
    width: 118px;
}
.secimage span.tex2 {
    margin-top: 24px;
}
.desc {
    padding-left: 0px;margin-top:90px
}
.solutionlist {    display: grid;
    grid-template-columns: 1fr;}
	.about .sectioninner.devider1:before {
    max-width: calc(100% + 40px);
    top: 440px;}
	.aboutright {    margin-top: 40px;}
	.crow{flex-direction: column;}
	.crow .cfield{width:100%;}
	.copyright {font-size: 14px;}
	
	.solution_item .solutiontitle {
    height: 94px;
	}
	.solutiondesc { height:267px; padding-top:30px;}
	.solution_item .solutiondesc h3 { font-size: 22px;}
	.solution_item .links a {
    font-size: 17px;
    line-height: 33px;
	}
	
 .links .videpop-bttn{font-size: 15px;}
	
	.homesec1 .sec1_right { margin-top:30px;}
	    .homesec1 .sec1_right {
         margin-left:0px;
    }
	
	.middlebanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.middlebanner {
    position: relative;
    height: 156px;
}
.page-template-template_passenger_batteries .middlebanner:before{position:absolute; width:100%; height:100%; background:rgba(256,256,256,0.5); content:""}
.page-template-template_passenger_batteries .middlebanner .bannertitle h5{
text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.5);
}

.bannertitle h5{padding: 0px 15px; font-size:18px; width:55%}
.batterymis .sec1_left,.batterymis .sec1_right  {
    width: 100% !important;
}
.linktext a{ font-size:20px;        line-height: 28px;}
.linktext { margin-top:15px;}
.fleft {    width: 100%;}
.fcontainer{flex-direction:column;}
.fright {    width: 100%; margin-top:15px;}
.fright img {    width: 30%;}
.ffuture .fleft {    width: 100%;}
	.ffuture .fright {
    width: 100%;
}

.bannerinner .links .videpop-bttn{margin-left:0px; font-size:21px;}
.bannerinner .links .videpop-bttn img {
    height: 26px;
    width: 26px;
}

.featureright .itemtitle h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.featureright .itemconte p{    font-size: 16px;
    line-height: 26px;}
.freatureitems{column-gap:20px;}
.in-view .nsectioninner.safety{flex-direction: row;}
}
.mfp-iframe-scaler iframe {
    width: 95% !important;
    height: 95% !important;
}

@media screen and (max-width: 680px) {
.video-container iframe {
    position: absolute;
    top: 0;
    left: 50%;
    width: 217%;
    height: 64vh;
    border: none;
    right: 0px;
    margin: 0 auto;
    object-fit: cover;
    transform: translateX(-50%);
}
    .video-container, .top_slider {
        height: auto;
        min-height: auto;
    }
}
}

@media screen and (max-width: 480px) {
    .homesec1 .sec1_right {
        margin-left: 0px;
        flex-direction: column;
    }
	.homesec1 .sec1_right div{margin-bottom:15px;}
	
}
@media screen and (max-width:400px){
.slidercontent h1 {
    font-size: 25px;
    line-height: 29px;
}
.slidercontent p {
    font-size: 16px;
    line-height: 27px;
}
	.copyright {font-size: 12px;}
	.footercol .foomenu li a {
    color: #ffff;
    font-size: 18px;
    line-height: 24px;}
	.facont {
    font-size: 14px;
    font-weight: 300;
}
.contactsocial span {
    font-size: 16px;
}
}
@media screen and (max-width:330px){
		.copyright {font-size: 10px;}
}


.contactsocial ul.social {
    display: flex;
}