@charset "utf-8";
/* CSS Document */
.inverter-box1a {width: 100%; margin: 0 0px -70px 0px;}
.padding-none{ padding-right: 0px!important; padding-left: 0px!important;}
.box100{  width: 100%; height: auto; float: left; display: block; }
.box100 ul{ width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.box100 ul li{ width: 25%; height: auto; float: left; display: block; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px;}
.box100 ul li aside{ width: 100%; height: 100%; float: left; display: block; background: #fff; border: 1px solid #e9e9e9; padding: 35px 10px 73px 10px; box-sizing: border-box; position: relative;}
.box100 ul li aside h2{width: 100%; height: 40px; float: left; display: block;  font-size: 16px; font-weight: 600; color: #000000; line-height: 18px; text-align: center;  text-transform: uppercase; }
.box100 ul li aside span{ width: 100%; /*max-width:116px;*/ height: 180px; margin: 0 auto; text-align: center; display: table;}
/*.box100 ul li aside span img{ width: 100%;}*/
.box100 ul li aside h3{width: 100%; height: auto; float: left; display: block;  font-size: 18px; font-weight: 600; color: #e70022; line-height: 18px; text-align: center; padding-bottom: 0; text-transform: none;   }
.box100 ul li aside h4{width: 100%; min-height: 50px; float: left; display: block;  font-size: 14px; font-weight: 600; color: #000; line-height: 18px; text-align: center; padding-top: 5px; padding-bottom: 0;margin-top: 0px;margin-bottom: 0px;   }

.box100 ul li aside h5{width: 100%; min-height: 40px; float: left; display: block;  font-size: 12px; font-weight: 600; color: #e6001d; line-height: 14px; text-align: center; padding-top: 5px; padding-bottom: 0;margin-top: 0px;margin-bottom: 0px;   }
.box100 ul li aside h5 a{ font-size: 12px; font-weight: 600; color: #e6001d; line-height: 14px; text-align: center; }
.box100 ul li aside h5 a:hover{color: #1251a0;}
.box100 ul li aside h6{width: 100%; min-height: 40px; float: left; display: block;  font-size: 12px; font-weight: 600; color: #2c2b2b; line-height: 14px; text-align: center; padding-top: 5px; padding-bottom: 0;margin-top: 0px;margin-bottom: 0px;   }
.box100 ul li aside small{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 42px; height: 42px; border-radius: 50%; background: #e90020 url(https://docs.exideindustries.com/images/arrow101.png) center center no-repeat; bottom: 20px;display: block;}
.box100 ul li aside small a{width: 42px; height: 42px; display: block; border-radius: 50%;}
.box100 ul li aside small:hover a{ background: #1150a0 url(https://docs.exideindustries.com/images/arrow101.png) center center no-repeat; }
.box100 ul li aside small a img{width: 42px; height: 42px; }
.banner_bottom{float: left; width: 100%; margin:40px 0 15px 0; -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);}
.banner_bottom img{width: 100%;}


/*.details-box5 aside span img{ width: 100%;}*/
.details-box5 figure{width: 64%; height: auto; float: right; display: block; overflow: hidden;}
.details-box5 figure.min_height_pr{min-height: 200px}
.details-box5 figure p{ font-size: 14px; font-weight: 400; color: #000000; line-height: 20px; padding-bottom: 10px;}
.details-box5 figure ul{width: 100%; height: auto; float: left;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: -1px; }
.details-box5 figure ul li{ width: 50%; float: left; display: block; border-bottom: 1px dashed #c3c3c3; padding: 15px 15px 15px 30px; position: relative; font-size: 14px; font-weight: 400; color: #000000; line-height: 20px;}
.details-box5 figure ul li:after{ content: ''; position: absolute; left: 0; top: 20px; width: 15px; height: 9px;  background: url(https://docs.exideindustries.com/images/details-page-arrow.png) no-repeat left top;}


.details-box5a{width: 100%; height:  auto; float: left; display: block; margin:60px 0 0 0;}
/*********/
.new_edit_details_box5a .new_added_warranty_box58{float: left;padding-left: 72px;position: relative;width: 263px;height: 80px;float: left;display: block;padding-left: 136px;position: relative;}
.new_edit_details_box5a .new_added_warranty_box58 span{
	width: 112px;
	height: 74px;
	position: absolute;
	left: 26px;
	top: 0;
	display: block;
	box-sizing: border-box;
}
.new_edit_details_box5a .new_added_warranty_box58 span::after{
	content: '';
	position: absolute;
	right: 25px;
	top: 0;
	bottom: 0;
	width: 2px;
	height: 100%;
	background: #eb2730;
}
.new_edit_details_box5a .new_added_warranty_box58 h2{color: #000; font-size: 14px; line-height: 16px; text-align: left; padding-top: 20px; margin-top: 0px; margin-bottom: 0px; width: 100%; float: left; font-weight: 400; cursor: pointer; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;}
.new_edit_details_box5a .new_added_warranty_box58 a:hover h2 {color: #ff0137;}
.new_edit_details_box5a .warranty-box55{width: 301px;}
.new_edit_details_box5a .warranty-box56{width: 253px;}
.new_edit_details_box5a .warranty-box57{width: 208px;}
/**********/

.warranty-box55{ width:413px; height: 80px; float: left; display: block; padding-left: 112px; position: relative; }
.warranty-box55 span{width: 112px; height: 74px;  position: absolute; left: 0; top: 0; display: block;  box-sizing: border-box;}
.warranty-box55 span:after{ content: ''; position: absolute; right:25px; top: 0; bottom: 0; width: 2px; height: 100%;  background:#eb2730;}
.warranty-box55 span.nonebrd:after{display: none}
.warranty-box55 h2{width: 100%; height: auto; float: left; display: block;  font-size: 16px; font-weight: 400; color: #eb2730; line-height: 20px; text-align: left; padding-top:5px; margin-top: 0px; margin-bottom: 4px; }
.warranty-box55 h3{width: 100%; height: auto; float: left; display: block;  font-size: 12px; font-weight: 400; color: #2d2d2d; line-height: 12px; text-align: left; padding-top:0px; margin-top: 0px; margin-bottom: 4px; padding-bottom: 0px; padding-left: 0px; }

.warranty-box55 h4{width: 100%; height: auto; float: left; display: block;  font-size: 12px; font-weight: 600; color: #e6001d; line-height: 12px; text-align: left; padding-top:10px; margin-top: 0px; margin-bottom: 4px; }

.warranty-box56{ width: 314px; height: 80px; float: left; display: block; padding-left: 112px; position: relative; }
.warranty-box56 span{width: 112px; height: 74px;  position: absolute; left: 0; top: 0; display: block;  box-sizing: border-box;}
.warranty-box56 span img{ padding-top: 5px;}
.warranty-box56 span:after{ content: ''; position: absolute; right:25px; top: 0; bottom: 0; width: 2px; height: 100%;  background:#eb2730;}
.warranty-box56 h2{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #000000; line-height: 16px; text-align: left; padding-top:15px; margin-top: 0px; margin-bottom: 4px;  -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; }
.warranty-box56 h3{width: 100%; height: auto; float: left; display: block;  font-size: 11px; font-weight: 400; color: #2d2d2d; line-height: 12px; text-align: left; padding-top:0px; margin-top: 0px; margin-bottom: 4px; padding-bottom: 0px; text-transform: none; padding-left: 0px; }
.warranty-box56 a:hover h2{ color: #ff0137;}
.warranty-box56 a:hover h3{ color: #ff0137;}


.warranty-box57{ width: 180px; height: 80px; float: left; display: block; padding-left: 112px; position: relative; }
.warranty-box57 span{width: 112px; height: 74px;  position: absolute; left: 0; top: 0; display: block;  box-sizing: border-box;}
.warranty-box57 span img{ }
.warranty-box57 span:after{ content: ''; position: absolute; right:25px; top: 0; bottom: 0; width: 2px; height: 100%;  background:#eb2730;}
.warranty-box57 h2{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #000000; line-height: 16px; text-align: left; padding-top:20px; margin-top: 0px; margin-bottom: 0px;  -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; }
.warranty-box57 a:hover h2{ color: #ff0137;}

.table-box5{width: 100%; height: auto; float: left; display: block; overflow: auto; margin-bottom:15px;}
.sub-header5{width: 100%; height: auto; float: left; display: block;  font-size: 18px; font-weight: 400; color: #000; line-height: 20px; text-align: left; padding-top:0px; margin-top: 0px; padding-bottom: 25px; text-transform: none; border-bottom: 4px solid #eb2730; cursor: pointer; }
.sub-header5 p{float: left; width: 80%; text-align: left;}
.sub-header5 span{float: right; font-size: 16px;}
.table-box5 table { border-collapse: collapse; border: 1px solid #dfdfdf;  }

.table-box5 th {  border: 1px solid #dfdfdf;  font-weight:600; font-size:13px; color: #000; padding: 15px 5px;   text-align: center; vertical-align:middle;}
.table-box5 td {  border-left: 1px solid #dfdfdf;  font-weight:400; font-size:13px; color: #000; padding: 25px 10px;  border-bottom:none; text-align: center; vertical-align:top;}
.table-box5 p{font-size: 14px; font-weight: 400; color: #000000; line-height: 20px; padding-top: 10px;}

.details-page2{border-bottom: 0px solid #d5d5d5;} 
.details-page2 h1 { border-bottom: 0px solid #ef0f29;}

/*Tubular Inverter Batteries*/

.details-box55{ width: 100%; height: auto; float: left; display: block; margin:0px 0 40px 0; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.2); border-top: 3px solid #eb272e; padding: 70px 50px 70px 50px; box-sizing: border-box;}


.details-box55 h3{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 600; color: #212121; line-height: 20px; padding-bottom: 20px; }
.details-box55 p{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #212121; line-height: 20px; padding-bottom: 20px; }


.lower-kva2 aside{width: 50%; height: auto; float: left; display: block; padding-right: 50px; box-sizing: border-box;}
.lower-kva2 figure{width:50%; height: auto; float: left; display: block; position: relative; }
.lower-kva2 figure article{width: 260px; height: auto; display: block; position: absolute; left: 0; top: 0;}
.lower-kva2 figure big{ width: auto;  height: auto; float: left; display: block; padding-left: 280px;}
.lower-kva2 figure big h2{font-size: 14px; font-weight: 400; color: #e7001d; line-height: 18px; text-transform: uppercase; margin-top: 0px;margin-bottom: 0px; padding-bottom: 10px;}
.lower-kva2 figure big p{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #212121; line-height: 20px; padding-bottom: 0px; }


.table-box6{width: 100%; height: auto; float: left; display: block; overflow: auto; }
.sub-header6{width: 100%; height: auto; float: left; display: block;  font-size: 18px; font-weight: 400; color: #000; line-height: 20px; text-align: left; padding-top:0px; margin-top: 0px; margin-bottom: 30px; padding-bottom: 0px; text-transform: none;}
.table-box6 table {border-collapse: collapse;border: 1px solid #dfdfdf;border-top: 4px solid #eb2730;}

.table-box6 th {  border: 1px solid #dfdfdf;  font-weight:600; font-size:13px; color: #000; padding: 11px 5px;   text-align: center; vertical-align:middle;}
.table-box6 td {border: 1px solid #dfdfdf;font-weight:400;font-size:13px;color: #000;padding: 11px 10px;border-bottom:none;text-align: center;vertical-align:top;}
.table-box6 p{font-size: 14px; font-weight: 400; color: #000000; line-height: 20px; padding-top: 10px;}



.details-box56{ width: 100%; height: auto; float: left; display: block; margin:0px 0 40px 0; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.2); border-top: 3px solid #eb272e; padding: 70px 0px 70px 0px; box-sizing: border-box;}


.details-box56 h3{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 600; color: #212121; line-height: 20px; padding-bottom: 20px; }
.details-box56 p{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #212121; line-height: 20px; padding-bottom: 20px; }
.lower-kva22 aside{width: 50%; height: auto; float: left; display: block; padding-right: 50px; padding-left: 50px; box-sizing: border-box;}
.lower-kva22 figure{width:50%; height: auto; float: left; display: block; position: relative; padding-right: 50px; }
.lower-kva22 figure article{width: 260px; height: auto; display: block; position: absolute; left: 0; top: 0;}
.lower-kva22 figure big{ width: auto;  height: auto; float: left; display: block; padding-left: 280px;}
.lower-kva22 figure big h2{font-size: 14px; font-weight: 400; color: #e7001d; line-height: 18px; text-transform: uppercase; margin-top: 0px;margin-bottom: 0px; padding-bottom: 10px;}
.lower-kva22 figure big p{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #212121; line-height: 20px; padding-bottom: 0px; }


.applications-box5{width: 100%; height: auto; float: left; display: block; border-top: 1px solid #eaeaea; margin-top: 50px; padding-top:20px; }
.applications-box5 h3{width: 100%; height: auto; float: left; display: block; padding: 0 0 20px 50px; box-sizing: border-box;     font-size: 14px;
    font-weight: 400;
    color: #e7001d;
    line-height: 18px;
    text-transform: uppercase; }
.applications-box5 ul{width: 100%; height: auto; float: left;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0 50px; box-sizing: border-box; }
.applications-box5 ul li{ width: 33.333%; float: left; display: block;  padding: 15px 15px 15px 30px; position: relative; font-size: 14px; font-weight: 400; color: #000000; line-height: 20px;}
.applications-box5 ul li:after{ content: ''; position: absolute; left: 0; top: 20px; width: 15px; height: 9px;  background: url(https://docs.exideindustries.com/images/details-page-arrow.png) no-repeat left top;}


.details-box5 figure ul li .no-images2 li:after {
    background: none;}

.details-box5 figure ul li .no-images2 li{ width: 100%;      margin: 0px 0 0 0;   border-bottom: 0px dashed #c3c3c3;
    padding: 5px 5px 5px 0px; margin-bottom: 0px; font-size: 13px;}
.higher-kva-list li:last-child{ margin-bottom: 30px;}
.higher-kva-list100{ width: 100%!important;}


.pd_highlights_fixed { position: fixed; top: 12px;}
.pd_highlights_fixed-2 { position: fixed; top: 12px;}







table.inside_table {
    border-top: 1px solid #dfdfdf;
    width: 100%;
    margin-top: 14px;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.table-box6 td.outer_table {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none;
}
table.inside_table tr td:first-child {
    width: 30.6%;
}
.table-box6.new ul li {
    list-style: none;
    padding: 4px 0px;
}
.fas_box {
    margin-bottom: 20px;
}
table.inside_table tr td {
    width: 70%;
}










@media screen and (max-width:1024px){
	
	.box100 ul li{ width: 33.333%;}	
	.details-box5 {padding: 30px 30px 30px 30px;}
	.details-box55 {padding: 30px 30px 30px 30px;}
	.new_edit_details_box5a .warranty-box55 {width: 340px;}
	.warranty-box55 {width: 340px;}
	.new_edit_details_box5a .warranty-box56 {width: 260px;}
	.warranty-box56 {width: 260px;}
	
	.lower-kva2 aside { width: 100%;padding-right: 0px;}
	.lower-kva2 figure {width: 100%;}
	.lower-kva2 figure article { width: 33%; max-width: 260px;height: auto; display: block; position: relative;left: inherit;top: inherit; float: left;}
	.lower-kva2 figure article img { width: 100%;}
	.lower-kva2 figure big { width: 67%;padding-left: 0px; padding-left: 30px; box-sizing: border-box;}
		
	.lower-kva22 aside { width: 100%;padding-right: 0px;}
	.lower-kva22 figure {width: 100%; padding-left: 50px;}
	.lower-kva22 figure article { width: 33%; max-width: 260px;height: auto; display: block; position: relative;left: inherit;top: inherit; float: left;}
	.lower-kva22 figure article img { width: 100%;}
	.lower-kva22 figure big { width: 67%;padding-left: 0px; padding-left: 30px; box-sizing: border-box;}
	
}

@media screen and (max-width:900px){
	.new_edit_details_box5a .warranty-box56 {width: 240px;}
	.warranty-box56 {width: 240px;}
	.new_edit_details_box5a .warranty-box57 {width: 340px;}
}

@media screen and (max-width:800px){
	ul#homeBannerSlider li .only-mobile img { height: auto; width: 100%; max-width:none; }
	/*.banner {margin: 39px 0 0 0;}*/
	
	.box100 ul li{ width: 50%;}	
	.details-box5 aside {width: 100%;}
	.details-box5 figure {	width: 100%;}
	.details-box5 aside span {width: 100%;max-width: 240px; margin: 0 auto 10px; text-align: center; display: block;}
	.new_edit_details_box5a .warranty-box55{width: 50%;}
	.warranty-box55 {width: 50%; height: 120px; border-bottom: 1px solid #dfdfdf; padding-bottom: 0px;}
	.new_edit_details_box5a .warranty-box56{width: 50%;}
	.warranty-box56 {width: 50%; height: 120px; border-bottom: 1px solid #dfdfdf; padding-bottom: 0px;}
	.new_edit_details_box5a .warranty-box57 {width: 50%;}
	.warranty-box57 {width: 50%; /*margin-top: 20px;*/}
	.applications-box5 ul li {width: 50%;}
	.line-none{border-bottom: 0px solid #dfdfdf;}
	.details-box5 figure.min_height_pr{min-height: auto}
}

@media screen and (max-width:766px){
	.details-box5 figure ul li {width: 100%;}
	.new_edit_details_box5a .new_added_warranty_box58{width: 100%; margin-top: 15px; height: 90px;padding-left: 112px;}
	.new_edit_details_box5a .new_added_warranty_box58 span{left: 0;}
	.new_edit_details_box5a .warranty-box55{width: 100%;}
	.warranty-box55 {width: 100%;height: 90px;}
	.new_edit_details_box5a .warranty-box56{width: 100%;}
	.warranty-box56 {width: 100%;height: 90px; margin-top: 20px;}
	
	.lower-kva22 {padding: 25px 25px 25px 25px; }
	.lower-kva22 figure article {width: 100%;max-width:none; margin-bottom: 15px; }
	.lower-kva22 figure big {width: 100%;padding-left: 25px; padding-right: 25px;}
	.lower-kva22 aside { padding-right: 0px;
		padding-left: 0px;}
	.lower-kva22 figure {padding-left: 0px; padding-right: 0px;}
	.applications-box5 ul li {
		width: 100%;}
	.applications-box5 h3 {padding: 0 0 20px 0px;}
	.applications-box5 ul {padding: 0 0px;}
	.new_edit_details_box5a .warranty-box57{width: 100%; border-bottom: 1px solid #dfdfdf; height: 90px;}
	.warranty-box57{margin-top: 15px;}
}

@media screen and (max-width:500px){
	
	.box100 ul li{ width: 100%;}	
	.lower-kva2 figure article {width: 100%;max-width:none; margin-bottom: 15px;}
	.lower-kva2 figure big {width: 100%;padding-left: 0px; }
	.lower-kva22 figure big {width: 100%;padding-left: 0px; padding-right:0px;}
	
	.about5 h1 { border-bottom: 0px solid #ef0f29;}
	
	.details-box5 { width: 100%; float: inherit; margin: 0 auto 25px ;padding: 25px 25px 25px 25px;}
	.sub-header5 { width: 100%;height: auto;  text-align: center;  margin-bottom: 25px; margin: 0 auto 25px;}
	.table-box5 {
    width: 94%; margin: 0 auto;
    height: auto;
    float: inherit;
    display: block;
    overflow: auto;
}
	.banner-dots{left: 0; right: 0;}
	.banner-dots li {float: none;display: inline-block;}
	
	.read-more8 {position: relative; width: auto; background-color: #000;}
	.only-mobile article {padding: 25px 25px 50px;}
}