@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i);
big, body, input, samp, small, textarea {
    font-family: Lato, sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

/* thin,light,regular,bold,black */
body{padding:0; margin:0; font-size:1em; line-height:24px; background-color: #f7f7f7; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale}
input, textarea, label, samp, big, small{font-family: 'Montserrat', sans-serif;}
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, section, aside, article, big, small{padding:0; margin:0;}
a, input{text-decoration:none; outline:none;}
img{border:0; outline:none;}
ul{list-style-type:none;}
*:focus{outline:none;}	
*, ::after, ::before{-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; box-sizing:border-box;}
input[type="button"],input[type="submit"],.input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}
.left{float:left;}
.right{float:right !important;}
.block{display:block;}
.inlineblock{display:inline-block;}
.relative{position:relative}
.absolute{position:absolute;}
.fadeOut{opacity:0;} 
.fadeIn{opacity:1;}
.fadeOutRight {opacity:0; position:relative; left:50%;}
.fadeInRight{opacity:1; left:0%;}
.fadeOutLeft {opacity:0; position:relative; right:50%;}
.fadeInLeft{opacity:1; right:0%;}
.fadeOutBottom{opacity:0; position:relative; top:50px;}  
.fadeInBottom{opacity:1; top:0px;}
.fadeOutTop{opacity:0; position:relative; margin-top:-50%;}  
.fadeInTop{opacity:1; margin-top:0%;}
.addAnimate{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.addAnimate2{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.transition, .navscrll{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition3{-webkit-transition: all 12s ease-in-out; -moz-transition: all 12s ease-in-out;  -o-transition: all 12s ease-in-out; transition: all 12s ease-in-out;}
.transition4{-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out;  -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;}
.delay5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.delay8{ -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; -ms-transition-delay:0.8s; transition-delay:0.8s;}
.middle{ vertical-align:middle; text-align:center;}
.middle>*{ display:inline-block; vertical-align:middle; margin-right:-4px !important;}
.middle:after{content:''; height:100%; width:1px;display:inline-block; vertical-align:middle; }
.heading1_b{color:#243267; font-size:36px; font-weight:400; margin-bottom:30px;}
.heading1_b strong{ font-weight:700;}
.heading1_w{color:#FFF; font-size:36px; font-weight:400; margin-bottom:30px;}
.heading1_w strong{ font-weight:700;}
.heading2_b{color:#000; font-size:24px; font-weight:400; margin-bottom:30px;}
.heading2_b strong{ font-weight:700;}
.heading2_w{color:#FFF; font-size:24px; font-weight:400; margin-bottom:30px;}
.heading2_w strong{ font-weight:700;}
.more{height:43px; line-height:43px; padding:0 35px; color:#FFF; text-transform:uppercase; background:#cd2629; font-size:12px; display:inline-block; position:relative;}
.more:after{content:'';width:48px; height:9px; position:absolute; top:14px; right:-25px; background:url(../images/arrow.png) no-repeat 0 0; z-index:1;}
.more:before{content:'';width:22px; height:1px; position:absolute; top:22px; right:0px; background:#FFF; z-index:2;}
.more2{color:#e71f38; font-size:12px; font-weight:400; text-transform:uppercase; padding-right:30px; height:10px; line-height:10px; position:relative;display:inline-block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all 1s ease;transition:all .5s ease}
.more2:after{content:'';width:24px;height:7px;position:absolute;right:0;top:0px;background:url(../images/arrow2.png) no-repeat 100% 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all 1s ease;transition:all .5s ease;}
.more2:hover{}
.more2:hover:after{background:url(../images/arrow2.png) no-repeat 0px 0;}
/*.more3{color:#e71f38; font-size:12px; font-weight:400; text-transform:uppercase; padding-right:20px; height:10px; line-height:10px; position:relative;display:inline-block; cursor:pointer;}
.more3:after{content:'';width:24px;height:10px;position:absolute;right:0;top:0px;background:url(../images/plus.gif) no-repeat 100% 0;}*/
.more4{color:#fff; font-size:12px; font-weight:400; padding-left:20px; height:10px; line-height:10px; position:relative;display:inline-block; cursor:pointer;}
.more4:after{content:'';width:14px;height:10px;position:absolute;left:0;top:0px;background:url(../images/plus_w.png) no-repeat 100% 0;}
.more5{color:#424141; font-size:12px; font-weight:400; padding-left:20px; height:10px; line-height:10px; position:relative;display:inline-block; cursor:pointer;}
.more5:after{content:'';width:10px;height:10px;position:absolute;left:0;top:0px;background:url(../images/plus.gif) no-repeat 100% 0;}
.more6{color:#fff; font-size:14px; font-weight:400; padding-right:20px; height:10px; line-height:10px; position:relative;display:inline-block; cursor:pointer;}
.more6:after{content:'';width:24px;height:10px;position:absolute;right:0;top:0px;background:url(../images/plus.gif) no-repeat 100% 0;}
/* .zoomIn{-webkit-transform: scale(1.2); transform: scale(1.2);}
.zoomOut{-webkit-transform: scale(0.7); transform: scale(0.7);} */

.header{padding: 20px 0; width: 100%; z-index: 9;float: left; }

.container{margin: 0 auto; width: 95%; max-width: 1306px;}
footer .center {
   max-width: 1306px;
}
.row{float: left; width: 100%;}
.header .row{float: left; width: 100%;  border-bottom: 0px solid #d7d8d9; padding: 0 0 5px;}
.header .logo{float: left; display: flex; gap:20px; align-items: center;}
.header .logo h3, .header .logo h1{font-size: 30px; color: #3e3e3e; font-weight: 400; line-height: 35px; border-left: 1px solid #e30614; padding: 0 20px;} 
.header .social{float: right; margin: 10px 0 0; max-width: 450px;}
.header .social ul{display: flex; gap:10px; align-content: center; align-items: center}
.follow{font-size: 16px;}
.toll{font-size: 16px; padding-right: 20px;}
.toll a{color: #ed1e24; background: url("../images/phone-icon.png") no-repeat left; padding: 0 0 0 20px;}

.banner{float: left;width: 100%;position: relative; background-color: #fff;}
.banner::after{position: absolute; content: ""; background-color: #e30614; width:   2px; height: 115px; margin: 0 auto; left: 0; right: 0; top: -80px; display: none;}
.banner .bannerimg max-width: 100%;}
.banner .row{/* position: relative; */}
/*.banner img{width: 100%;}*/
.banner .block {
    position: absolute;
    right: 4%;
    top: 13%;
    text-align: right;
    padding: 0px 0 0;
    max-width: 410px;
    width: 100%;
}
.banner .block .logo{margin-bottom: 15px;}

.banner .block h2, .banner .block h1 {
    padding: 0 0 20px;
    font-size: 30px;
    line-height: 40px; /*text-transform: uppercase; */font-weight: 400;
}
.banner .block h2, .banner .block h2 span{ color: #ea1f27; font-weight: 700;}

.block h2 {
    padding: 0 0 20px;
    font-size: 18px;
    line-height: normal; /*text-transform: uppercase; */font-weight: 400; color: #e30614;
}
.block h2 span{ color: #3e3e3e;}

.homeexidebg{float: left; width: 100%; background: url(../images/bg_exidehome.jpg) bottom; background-size: cover; text-align: center; padding: 35px 0 0;}
.homeexidebg aside{padding: 0 30px}
.homeexidebg img{max-width: 100%;}

.bttn{background-color: #ed1e24; font-size: 14px; font-weight: 700; color: #fff; display: inline-block; padding: 9px 25px; border-radius: 20px; margin: 0 5px;}

.livebox{    float: left;
    width: 100%;
    background: #ffffff url(../images/live_shadow.jpg) repeat-x;
    text-align: center;
    padding: 0 0 25px;
    margin: 0 0 0px;}
.livebox .btnbox{text-align: center; margin: -25px 0 0; position: relative}
.livebox .btnbox .bttn {
    height: 51px;
    padding: 8px 40px;
    vertical-align: top;
    margin: 0 8px; line-height: normal
}
.livebox .btnbox .bttn.call{line-height: 34px;}
.livebox h3, .livebox h2{padding: 60px 0 15px;	
	    font-size: 30px;
    line-height: 36px;
    color: #363636;
    font-weight: bold;
    text-align: center;
}

.livebox h2 span{color: #ea1f27;}


.livebox p{
padding: 10px 8%;
font-size: 14px;
line-height: 20px;
color: #363636;
font-weight: 400;
text-align: center;
}

.livebox p.mob{display: none;}

.search_block{display: flex; justify-content: right; text-align: right;align-content: flex-end; align-items: flex-end;}
.search_block .forminput{width: calc(90% - 70px);}
.search_block .forminput input{border: 1px solid #a6a6a6; border-radius: 8px; height: 50px; width: 100%;; padding: 0 20px;}
.search_block .formbutton{width: 110px;}
/* .search_block .formbutton input{background: #ea1f27 url("../images/search_ic.png") no-repeat 12px center; height: 50px; width: 100%;; padding: 0 20px 0 40px; border: 0px solid #a6a6a6; margin: 0 10px; border-radius: 8px; color: #fff; cursor: pointer;} */

.search_block .formbutton input{background: #ea1f27;height: 50px; width: 100%;; padding: 0 0px 0 0px; border: 0px solid #a6a6a6; margin: 0 10px; border-radius: 8px; color: #fff; cursor: pointer;}

.calculate_container{border-top: 1px solid #e3e3e3; box-shadow: 0px 15px 10px -15px #111; float: left; width: 100%; padding: 25px 0; text-align: center;}
.calculate_container .calink{font-size: 18px; color: #000000; position: relative;}
.calculate_container .calink i{font-size: 18px; color: #000000; position: absolute; margin-top: -5px; margin-left: -50px;}
.calculate_container .calink a{background: url("../images/cal_arrow.png") no-repeat right; padding: 0 15px 0 0; color: #ea1f27;}


.sellingbox {float: left; width: 100%; text-align: center; padding: 40px 0 0; position: relative;}
.sellingbox.topline{padding: 100px 0 0;}
.sellingbox.topline:after {position: absolute; content: ""; background-color: #e30614;  width: 2px;  height: 115px;  margin: 0 auto;  left: 0;  right: 0;  top: -50px;}

.sellingbox.gray {background-color: #f0f0f0;}
.sellingbox h2{color: #363636; font-weight: 900; font-size: 30px; font-weight: 700; padding: 0 0 40px;}
.sellingbox h2 span{color: #e61c29;}
.box_brd{border: 2px solid #e61c29; position: absolute; width: 230px; height: 297px; margin: 0 auto; left: 0px; right: 0;}
.pr_box{position: relative; text-align: center;  background-color: #fbfbfb; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); height: 100%;}
/*.pr_box .img{display:inline-block !important; width: 100%; margin: -30px 0 0 25px; position: relative; z-index: 2; border-bottom: 1px solid #000;}*/

.pr_box .img {display: inline-block !important; width: 100%; padding: 0px 15px;   margin: 0 0 15px; position: relative; z-index: 2; border-bottom: 1px solid #cacaca; background-color: #fff;}

.pr_box .img.imgn{padding: 15px 0}
.pr_box .img.imgn img{width: 60%;}

.pr_box .img.imgn2{padding: 15px 0}
.pr_box .img.imgn2 img{width: 70%;}

.pr_box .img2{display:inline-block !important; width: 100%; padding: 0px 15px; margin: 0 0 15px; position: relative; z-index: 2; border-bottom: 1px solid #cacaca; background-color: #fff;}
.pr_box h3{padding: 0 0 6px; font-size: 18px; font-weight: 500; color: #515151; text-transform: uppercase;}
.pr_box h3 span{color: #ea1f27;}
.pr_box h4{padding: 0px 0px 5px; font-size: 18px; font-weight: 400; color: #ea1f27; text-transform: uppercase;}
.pr_box.pr_box.combox h4{padding: 0px 0px 5px; font-size: 18px; font-weight: 700; color: #ea1f27; text-transform: none;}
.pr_box.pr_box.combox h4 small{width: 100%; display: inline-block; color: #515151; font-weight: 400;}

.pr_box p{padding: 0px 0px; font-size: 10px; font-weight: 400; color: #ea1f27; }
.pr_box p a{font-size: 10px; font-weight: 400; color: #ea1f27; }
.pr_box img{display:inline-block !important; max-width: 100%;}
.product_slide{ padding: 0 0 25px; margin: 0 auto; max-width: 1020px}
.sellingbox li{height:440px; position: relative; padding: 25px 15px 25px;}
.sellingbox.combos li{height: 550px; position: relative; padding: 25px 15px 25px;}
.sellingbox li .link a{background:#ea1f27 url(../images/arrow_btn.png) no-repeat 90%; color: #fff; margin:20px 0 0; border-radius: 0px; display: inline-block;  line-height: 20px; padding:8px 35px 8px 15px; font-size: 12px; position: relative}
.sellingbox .row{ padding: 0 0 10px; margin: 0 0 0px; }

.sellingbox li .combox .link a{margin: 50px 0 0;}
.booklogo{position: absolute; top: 50%; margin: 0 auto; left: 0; right: 0;     width: fit-content;}



.home_prev{ display:inline-block; margin:auto; z-index:2; width:40px; height:40px; border-radius:50%;  position:absolute; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top; top: calc(50% - 22px); left: -7%;}

.home_next{ display:inline-block; margin:auto; z-index:2; width:40px; height:40px; border-radius:50%;  position:absolute; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out; margin-right:10px; vertical-align:top; right: -9%; top: calc(50% - 22px);}
.home_prev:after{content:''; width:25px; height:43px; background:url(../images/prev.png) no-repeat 0px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}
.home_next:after{content:''; width:25px; height:43px; background:url(../images/next.png) no-repeat 0px 0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.locatebox{float: left; width: 100%; padding: 60px 0 20px}
.locatebox h2{color: #0e0e0e; font-weight: 900; font-size: 30px; font-weight: 700; padding: 25px 0 40px; text-align: center; line-height: normal;}
.locatebox h2 span{color: #0e0e0e;}
.locatebox ul{display: flex; gap:30px; justify-content: center; flex-flow: wrap;}
.locatebox ul li{width: 23%; padding: 40px 40px 100px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); display: none; position: relative;}
.locatebox ul li h3{color: #ea1f27; border-bottom: 1px solid #ea1f27; padding: 0 0 10px; margin: 0 0 10px; font-size: 14px; text-transform: uppercase;}
.locatebox ul li h3 small{display: inline-block; width: 100%; font-size: 15px;}
.locatebox ul li .link{position: absolute; width: 80%;  margin: 0 auto;  left: 0;  right: 0; bottom: 35px;}
.locatebox ul li .link a{background:#ea1f27; color: #fff; margin: 15px 0 0; border-radius: 8px; display: inline-block;  line-height: 25px; padding:10px 15px 10px 40px;; position: relative; width: 100%; text-align: center;}
.locatebox ul li .link a i{position: absolute; margin-left: -40px;}

.locatebox ul li .infotxt{color: #515151;  font-size: 15px; padding-bottom: 5px;}
.locatebox ul li .infotxt span{display: inline-block; width: 100%;}
.locatebox ul li .infotxt.add{min-height: 100px;}
.locatebox ul li .infotxt.locate{display: flex; align-items: center}
.locatebox ul li .infotxt.locate .lcicon{padding-left: 10px;}
.locatebox ul li .infotxt.call{padding-bottom: 20px;}
.locatebox ul li .infotxt.call a{color: #515151; font-weight: 700; padding-left: 20px; background: url("../images/phone-icon.png") no-repeat; line-height: 16px;}
.btmsecrh{max-width: 600px; width: 95%; margin: 0 auto 20px;}


.whychoose_sec{background-color: #f0f0f0; float: left; padding: 80px 0 40px; width: 100%;}

.loadmorewrap{text-align: center; padding: 30px 0; display: inline-block; width: 100%;}
.loadmorewrap a {
    border:1px solid #ea1f27;
    color: #ea1f27;
    margin: 15px 0 0;
    border-radius: 8px;
    display: inline-block;
    line-height: 25px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

.accordion-container .accordion-title {
  position: relative;
  margin: 0 0 30px;
  padding: 0; 
  font-size: 30px;
  font-weight: normal;
  color: #202020;
  cursor: pointer; border-bottom: 1px solid #989898; padding: 0 0 50px;
}

.accordion-container .accordion-title span{color: #ea1f27;}

.accordion-container .accordion-title.open {
 border-bottom: 0px solid #989898; padding: 0 0 0px;
}



.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 25px;
  width: 0;
  height: 0;
	background: #ea1f27 url("../images/accordian_dwn.png") center no-repeat; width: 37px; height: 37px; border-radius: 50%;

}
.accordion-container .accordion-title.open::after {
background: #ea1f27 url("../images/accordian_up.png") center no-repeat;
}

/*CSS for CodePen*/

.accordion-content {
  font-size: 14px; color: #515151; padding: 0 0 40px;  margin: 0 0 40px;  border-bottom:1px solid #989898; 
}

.accordion-content aside{padding: 40px 0 0px;}
.accordion-content aside h3{color: #515151; font-size: 18px; margin: 0 0 20px; position: relative; padding: 0 0 0 50px;}
.accordion-content aside h3 i{position: absolute; left: 0; top: -10px}

.accordion-container {
  width: 100%;
  margin: 0 auto; margin: 0 0 0px; padding: 0 0 40px;
}

.popupcontent{background-color: #fff; padding: 25px; display: inline-block;    width: 100%;}
.popupcontent h3{color: #363636; padding: 0 0 25px 0; font-size: 20px; font-weight: 400; text-align: left;}
.popupcontent h3 span{color: #ea1f27;}

.popupcontent .conatiner{margin: 0 auto; max-width: 840px;}
.popupcontent .conatiner .row{display: flex; gap:25px;}
.popupcontent .conatiner .row aside:first-child{border-right: 1px solid #ed1e24; padding: 0 25px 0 0;}
.popupcontent .conatiner .row aside.frm_info{width: calc(100% - 230px); padding: 15px 0 0}
.popupcontent .conatiner .row aside .formsec{display: flex; gap:15px; padding-bottom: 20px;}
.popupcontent .conatiner .row aside .formsec.sbbtn{gap:0}
.popupcontent .conatiner .row aside .formsec input{border: 1px solid #acacac; height: 44px; border-radius: 10px; width: 50%; padding: 0 25px 0 25px;}
.popupcontent .conatiner .row aside .formsec input.btn{border: 0px solid #acacac; width: 50%; height: 44px; border-radius: 10px; width: 50%; padding: 0 25px 0 25px; 
	background: #ea1f27;
    color: #fff;
    margin: 0px 0 0;
    border-radius: 8px;
    display: inline-block;
    line-height: 25px;
    position: relative;
    text-align: center; cursor: pointer;}

.footer{padding: 25px 0; float: left; width: 100%;}
.footer .box{float: left; height: 60px; border-right: 1px solid #2c2c2c; padding: 0 20px;}
.footer .box h3{padding: 0 0 10px; color: #000000; font-size: 22px; font-weight: 700;}
.footer .box:last-child{border-right: 0px solid #000;}
.footer .box1{width: 20%;}
.footer .box2{width: 65%;}
.footer .box2 a {
    float: left;
    border-right: 1px solid #2c2c2c;
    padding: 0 15px;
    color: #696969;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
}
.footer .box2 a:first-child{padding-left: 0}
.footer .box2 .flick{float: left; width: 100%; padding: 0 0 6px;}
.footer .box3{width: 15%;}
.footer .box3 a{float: left;padding: 0 0px; color: #696969; font-size: 16px; font-weight: 700; }
.copy{float: left; width: 100%; text-align: left; padding: 25px 0 0;}

.arrow {
  position: absolute;
  width: 20px;
  height: 20px; right: 0px; top: -15px;
}

.chevron {
  position: absolute;
  width: 18px;
  height: 2px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #9f9f9f;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(20px);
  }
  67% {
    opacity: 1;
    transform: translateY(30px);
  }
  100% {
    opacity: 0;
    transform: translateY(45px) scale3d(0.5, 0.5, 0.5);
  }
}


@keyframes pulse {
  to {
    opacity: 1;
  }
}


* {
  margin: 0;
  padding: 0;
}

.iframe-container {
  position: relative;
  height: 100%;
  min-height: 174vh;
}
.iframe-container iframe {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.iframe-container iframe body, .iframe-container iframe html {
  height: 100%;
  overflow: hidden;
  background: transparent;
}

.innerblock{float: left; width: 100%;}


.btn4,.btn5,table tr td samp {
    display: inline-block
}

.heading h1 {
    font-size: 30px;
    line-height: 36px;
    color: #2f2f2f;
    font-weight: 700
}

.btn4,.btn4:hover,.btn4:hover span,.btn5,.btn5:hover,.btn5:hover span {
    color: #fff
}

.btn4 {
    min-width: 140px;
    height: 54px;
    text-align: center;
    padding: 0 47px 0 21px;
    font-weight: 700;
    font-size: 12px;
    line-height: 54px
}

.btn5,table tr th {
    text-align: left;
    font-weight: 700
}

.btn4:before {
    background: url(../images/arrow2.png) 100% 0 no-repeat;
    width: 4px;
    height: 7px;
    right: 23px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 1
}

.btn4:after,.btn5:after {
    content: '';
    width: 0;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn4 span,.btn5 span {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 3
}

.btn4:hover:before,.btn5:hover:before {
    background: url(../images/arrow2.png) no-repeat
}

.btn5 {
    height: 48px;
    padding: 0 47px 0 34px;
    font-size: 14px;
    line-height: 48px
}

.btn5:before {
    background: url(../images/arrow2.png) 100% 0 no-repeat;
    width: 4px;
    height: 7px;
    right: 22px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 1
}

.btn4, .btn5 {
    text-transform: uppercase;
    position: relative;
    background: #ec3237;
    cursor: pointer;
}

.productDetailsRow .rightDetails .pdHeading h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    color: #2f2f2f;
    padding: 0 0 12px;
}

.banner_new{text-align: center; padding: 75px 0 0; width: 100%; display: inline-block;}
.banner_new h4{font-size: 36px; line-height:45px; font-weight: 600;}
/*.slick-slider{display: inline-block !important; width: 100%; text-align: center}*/

.product_slide.center li{float: none; display: inline-block; width: 33.33%}

.product_slide.center .slick-list{    text-align: center;
    display: inline-block !important;}

.banner .block h3, .banner .block h1 span {
    color: #ea1f27;
    font-weight: 700;
}
.product_slide_center{padding-bottom: 25px; margin: 0 auto; max-width: 1020px; font-size: 0;}
.product_slide_center li{width: 33.33%; display: inline-block; vertical-align: top;}
.blockmobile{display: none}
.fsocial a{margin: 0 5px;}
/* .product_slide_center img{max-width: 38%;} */

.call_mob{display: none !important;}

.popupwrap {
    display: none; /* Hide popup by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000; width: 80%;
}

.popupcontent {
    text-align: center;
}

.popupwrap.active {
    display: block; /* Show popup when active */
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.videocontainer{display: inline-block; width: 100%; padding: 50px 0 0; text-align: center;}

.findBatterySecBox2 {

margin-bottom:50px;

}

.tab1 {
    width: 100%;
    max-width: 324px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    display: block
}

.tab1 li {
    width: 50%;
    height: auto;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 30px
}

.tab1 li a {
    font-size: 13px;
    font-weight: 700;
    color: #696969;
    text-align: center;
    border-bottom: 2px solid #e4e3e3;
    -webkit-transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    width: 100%; display: inline-block; text-transform: uppercase; line-height: 40px;
}

.bsParameter_2 li label,.textBox {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    width: 100%
}

.tab1 li a:hover,.tab1 li.active a {
    border-bottom: 2px solid #ec3237;
    color: #ec3237
}

.padding-top {
    padding-top: 72px!important
}

.delersec{max-width: 907px; background-color: #f7f7f7;  margin: -150px auto 0; z-index: 2;  position: relative; padding: 30px 0 0;}
.retaled_blog{}


.blog-new .center2 {
    width: 95%;
    max-width: 1214px;
    margin: 0 auto;
    position: relative
}

.blog-new .blogList_wraper {
    margin: 0 -10px;
    overflow: hidden;
    padding: 45px 0
}

.blog-new .blogList_wraper section {
    float: left;
    margin: 0 0 20px;
    padding: 0 20px 0 10px;
    width: 25%;
    height: 420px;
    position: relative
}

.blog-new .blogList_wraper section>div {
    display: block;
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 13px 0 rgba(0,0,0,.12)
}

.blog-new .blogList_wraper section>div .bl_info {
    padding: 30px 20px 35px 35px
}

.blog-new .blogList_wraper section>div .bl_info span {
    display: block;
    color: #727272;
    font-size: 12px;
    padding-bottom: 10px
}

.blog-new .blogList_wraper section>div .bl_info strong {
    color: #363636;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    height: 60px;
    margin-bottom: 0
}

.blog-new .blogList_wraper section>div .bl_bottom {
    padding: 10px 38px 34px;
    font-weight: 400;
    color: #989898;
    font-size: 11px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.blog-new .blogList_wraper section>div .bl_bottom b {
    font-weight: 400;
    color: #e02025;
    display: block
}

.blog-new .blogList_wraper section>div .bl_bottom b:after {
    display: inline-block;
    content: " | ";
    color: #000
}

.blog-new .blogList_wraper section>div .bl_bottom a {
    font-weight: 400;
    color: #727272
}

.blog-new .blogsec {
    text-align: right;
    padding-top: 55px;
    float: right;
    width: 31%;
    border-bottom: 2px solid #ccc;
    line-height: 45px
}

.blog-new .blogsec label.checked {
    color: #e02025
}

.blog-new .blogsec label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 122px;
    text-align: center;
    line-height: 6px
}

.blog-new input[type=radio] {
    display: none;
    margin: 10px
}

.blog-new .blogsec label.checked:after {
    content: '';
    display: block;
    border-bottom: 2px solid #f4404a;
    padding-top: 20px;
    margin: 0 auto;
    width: 110px;
    position: absolute
}

.blog-new .blogList_wraper section>div .bl_pic img{max-width: 100%;}
.blog-new{display: inline-block; width: 100%; padding: 60px 0 0;}
.blog-new h1{text-align: center;}
.blog-new h2{text-align: center;}
.blog-new h2 span{color: #e61c29; display: inline;}


@media screen and (min-aspect-ratio: 13 / 8) and (max-device-width:1114px) and (orientation:landscape) {
    body:before {
        content:'';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/orientation-change.png) 50% 50%/400px no-repeat #000;
        z-index: 99999
    }
}

.blockmobile .block_ic {
    position: absolute;
    right: 0px;
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000 url(../images/close_btm.png) no-repeat center;
    cursor: pointer;
}

.blockmobile .block_ic.active {
    background: #000 url(../images/up_btm.png) no-repeat center;
}


@media screen and (max-width:1400px) {
	.banner .block {max-width: 35%;}
	.banner .block h3, .banner .block h1, .banner .block h2 {font-size: 28px;}
	.search_block .forminput { width: calc(100% - 200px);}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  /* Your styles here */
  .bannerimg{max-width: 60%;}
}

@media screen and (max-width: 1300px) {
    .banner .block h3, .banner .block h1 {
        font-size: 26px;
    }
     .banner .block h3, .banner .block h2 {
        font-size: 26px;
    }
	/* .banner .bannerimg{max-width: 60%;} */
		.search_block .forminput input {
    font-size: 11px; padding: 0 10px
}
}

@media screen and (max-width:1200px) {
.banner .bannerimg{max-width: 100%;}
    .banner .block { max-width: 100%;}

.banner .block {
    position: relative;
    right: auto;
    top: auto;
    text-align: right;
    padding: 25px 0 0;
}
	
	.banner { text-align: center;}
	.banner .block h3, .banner .block h1{text-align: left;}
	.banner .block h3, .banner .block h1 br{display: none;}
	.banner .block h3, .banner .block h1 {font-size: 26px;}

.banner .block h2{text-align: left;}
	.banner .block h2 br{display: none;}
.banner .block h2 {font-size: 26px;}

	.search_block{padding-bottom: 20px;}
}

@media screen and (max-width:1100px) {
	.locatebox ul{flex-flow: wrap}
	.locatebox ul li {
    width: 48%;
    padding: 40px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}
	.locatebox ul li .link{position: relative; width: auto;  margin: auto;  left: 0;  right: 0; bottom: auto;}
}


@media screen and (max-width:960px) {
	
	.sellingbox {padding: 30px 0 30px;}
	.home_next {right: calc(50% - 80px);top: auto; bottom: -20px;}
	.home_prev {left: calc(50% - 60px);top: auto; bottom: -20px;}
	.sellingbox li { padding: 15px 15px 25px;}
	.footer .box1 {
    width: 100%; display: flex; gap:15px;
}
	.footer .box2 {
    width: 100%;
}
		.footer .box3 {
    width: 100%;
}
	.footer .box {
    float: left;
    height: auto;
    border-right: 0px solid #000; margin: 15px 0;
    border-bottom: 2px solid #000;
    padding: 0 0px 20px 0;
}
	.footer .box2 a {
        float: left;
        border-right: 1px solid #6c6c6c;
        padding: 0 15px;
        color: #000000;
        font-size: 13px;
        font-weight: 700;
        /* margin-bottom: 15px; */
        width: 50%;
        line-height: 32px;
}
	.footer .box2 a:nth-child(2n){border-right: 0px solid}
	.footer .box3 a {
    float: left;
    padding: 0 0px;
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}
	
	.sellingbox h2 {
    color: #6d6e71;
    font-weight: 900;
    font-size: 23px;
    font-weight: 700;
    padding: 0 0 10px;
}
	.footer .box2 a:first-child {
    padding-left: 15px;
}
	.footer .box2 .flick { margin-left: -15px;}
/*	.footer .box2 a.contact{padding-left: 0}
	.footer .box2 a.blank{ border-right: 0px solid #6c6c6c;}*/
	    .copy { padding: 0px 0 0;    font-size: 12px;}
	.footer {padding: 25px 20px;}
.footer .box h3 {font-size: 18px;}

.header .logo h3 {
    font-size: 20px;
    line-height: 26px;
}
.header .logo h1 {
    font-size: 20px;
    line-height: 26px;
}
.mapbox img{width: 100%;}

.delersec {
    max-width: 907px;
    background-color: #f7f7f7;
    margin: -57px auto 0;
    z-index: 2;
    position: relative;
    padding: 30px 0 0;
    width: 90%;
}

.header .social {
    float: right;
    margin: 10px 0 0;
    max-width: 100%;
}
.banner::after{display: none;}
.videocontainer .videoimg img{width: 100%;}
	
	
}

@media screen and (max-width:850px) {
	.product_slide_center li { width: 48%; display: inline-block;}
	.locatebox ul li {
        width: 46%;
    }
	.call_mob{display: block !important;}

    .booklogo img{ width: 100px;}
    .homeexidebg { padding: 0px 0 0;}
}





@media screen and (max-width:760px) {
	.banner .block a{display: none;}
	.blockmobile{display: block; position: fixed; left: 0; margin: 0 auto; right: 0px; bottom: 0; background-color: #ed1e24; z-index: 9}
	.blockmobile .bttn:first-child{border-right: 1px solid rgba(255,255,255,1.00); border-radius: 0px; padding: 15px 0px;
        text-align: center; width: 54%;        font-size: 11px;}
	.blockmobile .bttn:last-child{padding: 15px 0px; width: 40%; font-size: 11px;}
	.blockmobile .bttn{float: left; text-align: center;}
	
	.banner .block h3, .banner .block h1 {
    padding: 0 0 20px;
    font-size: 26px;
    line-height: normal; 
}

	
.banner .block h2 {
    padding: 0 0 20px;
    font-size: 26px;
    line-height: normal; 
}
	.calculate_container {
    padding: 15px 10px;
}
	.calculate_container .calink a{font-weight: 700;}
	.calculate_container .calink {font-size: 14px; text-align: left;}
	
	.banner .block {
    position: relative;
    text-align: center;
    padding: 10px 0 0; right: auto;
}
	
	.containerbanner img{width: 100%}
	.livebox p{line-height: normal;}
	
	.banner .block br{display: none;}
	.livebox .btnbox {
    text-align: center;
    margin: 0px 0 0;
    position: relative;
    padding: 25px 25px 0;
}
	
	.livebox { width: 100%;     margin: 0px 0 0px; padding: 25px;}
    .sellingbox.topline:after{display: none;}
    .sellingbox.topline {padding: 40px 0 0;}
    .blog-new .blogList_wraper section {
    float: left;
    margin: 0 0 20px;
    padding: 0 20px 0 10px;
    width: 100%;
    height: auto;
    position: relative;
}

.blog-new h2, .blog-new h2 span {
    font-size: 23px;display: block; padding: 0;
}
.blog-new .blogList_wraper section>div .bl_pic img {
    max-width: 100%; width: 100%;
}
    .findBatterySecBox1 h1 {
        padding: 0px 0 0px 0px;
    }
	
	.livebox p {
    font-weight: 400; 
    padding: 10px 0%; font-size: 18px; text-align: left;line-height: 28px;
}
	
	.livebox .btnbox .bttn {
    height: 65px;
    padding: 8px 40px;
    vertical-align: top; margin-bottom: 20px; width: 100%;
}

		.pr_box .img2 {
    width: 100%;
    margin-left:0px;
}
	/*.home_prev{left: -5px;}
	.home_next{right: -5px;}*/
	.pr_box img {
    width: auto;
}
	header .logo {
    float: left;
/*    width: 100%;*/
    text-align: center;
}
	
	header .social {
/*    float: none;*/
    margin: 10px 0 0;
    display: inline-block;
    text-align: center;
    /*width: 100%;*/
}
	header .social ul {
    justify-content: center;
}
	
	
	.popupcontent .conatiner .row {
    display: block;
    gap: 25px;
}

	.popupcontent .conatiner .row aside:first-child {
    border-right: 0px solid #ed1e24;
		border-bottom: 1px solid #ed1e24;
    padding: 0 25px 25px 0; margin: 0 0 25px;
}
	.popupcontent .conatiner .row aside.frm_info { width: 100%; padding: 0px 0 0;}
	.popupcontent .conatiner .row aside .formsec input {
    border: 1px solid #acacac;
    height: 44px;
    border-radius: 10px;
    width: 100%;
    padding: 0 25px 0 25px;
}
	
	.accordion-container .accordion-title.open {
    padding: 0 50px 0px 0;
}

.accordion-container .accordion-title { padding: 0 50px 50px 0; line-height: normal;}
.livebox h3, .livebox h2 {padding: 10px 0 15px;         text-align: left;}
.locatebox { padding: 30px 0;}
.locatebox h2 {padding: 0 0 32px;}
.whychoose_sec {padding: 40px 25px 10px;}
.accordion-container { padding: 0 0 0px;}
.accordion-container .accordion-title::after {right: 0px;}
	.livebox p.mob{display: block;}
	.livebox p.dsk{display: none;}

	
}

@media screen and (max-width: 540px) {
    .locatebox ul li {
        width: 100%;
    }

	.accordion-container .accordion-title {
    font-size: 25px;

}
	
	.calculate_container .calink i{display: none;}
	/*.search_block { display: block;}*/
	.search_block .forminput {width: 80%;} 
.search_block .formbutton {
    width: 20%; padding: 15px 0 0 15px; 
}

.search_block .formbutton input {
    background: #ea1f27 url(../images/search_ic.png) no-repeat center;
    height: 50px;
    width: 100%;
    padding: 0 10px;
    border: 0px solid #a6a6a6;
    margin: 0 0px;
    border-radius: 10px;
    color: #fff; font-size: 0; text-indent: -2000;
}
	.popupcontent .conatiner .row aside .formsec {
    display: block;
    gap: 15px;
}
	.popupcontent .conatiner .row aside .formsec input{margin-bottom: 20px;}
	.popupcontent .conatiner .row aside .formsec {padding-bottom: 0px;}
	.popupcontent h3 {
    text-align: center;
}
	
	
}








.exide_floating_menu {
    width: 290px;
    /* height: 92px; */
    /* transition: all .25s ease-in-out; */
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
    border-radius: 100px;
    float: right;
    margin-top: 24px;
    border: 1px solid #dfdfdf;
    position: absolute;
    right: 2px;
    bottom: 22px;
}
.exide_floating_menu ul li img {
   width: 100%;
}

.zindagi_box {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 0px 40px;
}

.zindagi_box img {
    background: #fff;
    padding: 30px 0px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 2%);
    border-radius: 4px;
    border: 1px solid #e7e7e7; width: 100%;
}
.zin_mob {
    display: none;
}
html {
  scroll-behavior: smooth;
}

@media screen and (max-width:1400px) {
    .zindagi_box img {
    width: 100%;
}
.banner .block {
    top: 10%;
}
.exide_floating_menu {
    bottom: 34px;
}
}

@media screen and (max-width:1200px) {
    .exide_floating_menu a {
        display: block !important;
    }
    /* .exide_floating_menu:hover {
        width: 100%;
        height: 50px;
        height: auto;
        transform: none;
    } */
    .zin_mob {
    display: block;
}
.desktop {
    display: none;
}
.exide_floating_menu ul li img {
    width: 126px;
    background: #fff;
    border-radius: 50%;
    padding: 6px;
    margin-top: -92px;
}
.exide_floating_menu {
    width: 290px;
    height: 95px;
    text-align: center;
    position: fixed;
    right: 0px;
    left: 0px;
    float: none;
    top: inherit;
    bottom: 0px;
    /* transform: translate(0px, 0%); */
    z-index: 9999;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    /* background: #f0f0f0;
    margin: 0px auto;
    border: none;
    /* box-shadow: none; */
    margin: 0px auto;
}
.exide_floating_menu img {
    /* border: 1px solid #ccc;
    border-radius: 100px; */
}
.zindagi_box img {
    /* width: 100%; */
}
.exide_floating_menu.active {
    bottom: -95px;
}
}