@charset "utf-8";
/* CSS Document */



.footer-box1a{width: 100%; height: auto; float: left; display:block;}
.footer-box1a-col4{width: 33.333%; 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; }
.footer-box1a-col4 aside{ width: 100%; margin:0 15px;  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; border-bottom: 1px solid #c4c4c4; padding-bottom: 10px; margin-bottom: 10px;}
.footer-box1a-col4 aside:last-child{ border-bottom: 0px solid #c4c4c4; }


.footer-box1a-col4 aside h3{width: 100%; height: auto; float: left;  font-size: 14px; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; color: #7c7c7c; line-height: 25px; position: relative; padding: 0 15px 0 0;     }
.footer-box1a-col4 aside h3 a{ font-size: 14px; font-weight: 700;  text-transform: uppercase; color: #7c7c7c; line-height: 25px; position: relative;  display: block;   transition: 0.4s; }
.footer-box1a-col4 aside h3 a:hover{color: #F90004 !important;     padding-left: 8px;}
.footer-box1a-col4 aside h3 span{ content: ''; position: absolute; right: 0; top: 0px; width: 15px; height: 15px; font-size: 14px; font-weight: 600; color: #000;  display: block; cursor: pointer;  } 
.footer-box1a-col4 aside h3 span:after{ content: ''; background: url(../images/plus_ic.png); position: absolute; right: 0; top: 7px; width: 8px; height: 8px; font-size: 16px; font-weight: 700; color: #7c7c7c ;} 
.footer-box1a-col4 aside h3 span.active:after{ content: ''; background: url(../images/minus_ic.png); position: absolute; right: 0; top: 7px; width: 8px; height: 8px; font-size: 16px; font-weight: 700; color: #7c7c7c ;} 

.footer-box1a-col4 aside ul{width: 100%; height: auto; float: left;  list-style-type: none;}
.footer-box1a-col4 aside ul li{width: 100%; height: auto; float: left;  font-size: 14px; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; color: #7c7c7c; line-height: 20px; position: relative; margin-top: 5px; margin-bottom: 5px;    }
.footer-box1a-col4 aside ul li a{font-size: 11px; font-weight: 400;  text-transform: uppercase; color: #7c7c7c; line-height: 20px; position: relative;  display: inline-block;   transition: 0.4s; padding: 0 20px 0 0;   }
.footer-box1a-col4 aside ul li a:hover{color: #F90004 !important;  }
.footer-box1a-col4 aside ul li a small{ content: ''; position: absolute; right: 0; top: 3px; width: 15px; height: 15px; font-size: 14px; font-weight: 600; color: #000;  display: block; cursor: pointer; background: url(https://docs.exideindustries.com/images/arrow_down.png) right top no-repeat;  } 

.footer-box1a-col4 aside ul li ul{width: 100%; height: auto; float: left; }
.footer-box1a-col4 aside ul li ul li{width: 100%; height: auto; float: left; display: block; font-size: 12px; font-weight: 400; color: #474747; line-height: 18px;position: relative;padding:0 0px 0 0px; margin-top: 0px;
    margin-bottom: 0px;}
.footer-box1a-col4 aside ul li ul li a{ display: block; font-size: 11px; font-weight: 400; color: #E33861; line-height: 18px; transition: 0.4s; text-transform: none; }
.footer-box1a-col4 aside ul li ul li a:hover{color: #F90004 !important;     padding-left: 8px;}







.bottom-footer2 {border-top: 1px solid #cacaca; float: left;  width: 100%; margin-top: 20px; padding: 15px 0 15px 0;}
.bottom-footer2a{ display: block; margin-left: -10px; margin-right: -10px; }
.bottom-footer2a 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;}
.bottom-footer2a ul li{ display: inline-block; font-size: 12px; font-weight: 400; color: #474747; line-height: 18px;position: relative;padding:0 10px 0 10px;}
.bottom-footer2a ul li a{ display: inline-block; font-size: 11px; font-weight: 400; color: #E33861; line-height: 18px; transition: 0.4s; text-transform: uppercase; }
.bottom-footer2a ul li:after{ content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background:#ababab;}
.bottom-footer2a ul li:last-of-type:after{ content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background: hwb(0 100% 0% / 0.367); display: none;}
.bottom-footer2a ul li a:hover{color: #474747;}


.bottom-footer5 { border-top: 1px solid #cacaca; float: left; width: 100%;}
.copyright-box{width: calc(100% - 82px); height: auto; float: left; display: flex; flex-direction: row-reverse;  align-items: center;     justify-content: flex-end;  position: relative;}
.copyright-box1{width:auto;  float: left; padding: 28px 0;font-size: 11px;text-transform: uppercase;font-style: italic; padding-right: 15px;}
.disclaimer-box{ width: auto; height: auto; float: left; display: block;}
.disclaimer-box 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;}
.disclaimer-box ul li{ display: inline-block; font-size: 11px; font-weight: 400; color: #474747; line-height: 18px;position: relative;padding:0 8px 0 8px;}
.disclaimer-box ul li a{ display: inline-block; font-size: 11px; font-weight: 400; color: #474747; line-height: 18px; transition: 0.4s; text-transform: uppercase; font-style: italic;}

.disclaimer-box ul li:after{ content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background:#ababab;}
.disclaimer-box ul li:last-of-type:after{ content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background: hwb(0 100% 0% / 0.367); display: none;}
.disclaimer-box ul li a:hover{color: #E33861;}

   .scroll-top5{ width: 82px; height: auto; float: right; display: block; margin: 0; padding: 0;}
    .scroll-top5 img{ border: 0px; display: block; width: 100%;}
    .scrollToTop{position: relative; bottom: inherit;}


    .sublink, .closesublink{display: none;}


@media (min-width: 768px) and (max-width: 991px) {
 .bottom-footer2{ display: none;}
     .copyright-box { margin-top: 30px;}
}



    @media screen and (max-width:600px) {
.copyright-box { width: 100%; flex-direction: inherit; align-items: center;  justify-content: center; flex-wrap: wrap;}
.bottom-footer { border-top: 0px solid #cacaca; margin-top: 20px;}
.disclaimer-box ul { width: auto; float: none; justify-content: center;}
.copyright-box1 {padding-right: 0px;}
 .bottom-footer2{ display: none;}
     .copyright-box { margin-top: 30px;}

    }