﻿.mapCont{ float:left; width:45%;}
.mapCont p{ color:#000!important; font-weight:400!important;}
.locationWrapper{ height:650px;margin:0px auto; width:600px; border:0px solid #555; overflow:hidden; position:relative;}
.locationWrapper img{position:absolute;}
.worldmap{  z-index:1;margin: 0 auto;
    width: 80%;
    position: relative;
    top: 30px;
    left: 0px;
    right: 0px;
    padding-bottom: 60px;}
.wb{ left: 351px;
    top: 235px;
    width: 200px;
    z-index: 7;}
.jk{ left: 145px;
    width: 260px;
    top: 45px;
    z-index: 3;}
.ap{ left:149px; top:208px; z-index:6;}
.telengana{left: 218px;
    top: 368px;
    width: 200px;
    z-index: 8;}
.seemandhra{     left: 210px;
    top: 381px;
    z-index: 6;
    width: 167px;}
.himachal-pradesh{     top: 129px;
    left: 191px;
    /* width: 216px; */
    z-index: 4;}
.punjab{ top: 149px;
    left: 73px;
    z-index: 4;
    width: 140px;}
.Uttarakhand{top: 170px;
    left: 223px;
    width: 180px;
    z-index: 8;}
.haryana{top: 176px;
    left: 174px;
    z-index: 6;
    /* width: 155px; */}
.rajasthan{    top: 192px;
    left: 60px;
    z-index: 4;
    width: 175px;}
.uttar-pradesh{    top: 184px;
    left: 210px;
    /* width: 195px; */
    z-index: 6;}
.madhya-pradesh{   top: 249px;
    left: 166px;
    z-index: 4;
    /* width: 330px; */}
.bihar{    top: 226px;
    left: 312px;
    z-index: 7;
    width: 125px;}
.sikkim{    top: 199px;
    right: 197px;
    z-index: 8;
    width: 100px;}
.jharkhand{top: 276px;
    right: 137px;
    z-index: 5;
    width: 148px;}
.gujarat{top: 287px;
    left: 64px;
    z-index: 4;
    }
.maharashtra{    top: 335px;
    left: 72px;
    z-index: 4;
    width: 213px;}
.karnataka{top: 396px;
    left: 168px;
    z-index: 4;
    /* width: 200px; */}
.kerala{top: 489px;
    left: 133px;
    z-index: 6;
    width: 86px;}
.tamil-nadu{    top: 476px;
    left: 203px;
    z-index: 4;
    width: 160px;}
.odisha{top: 326px;
    right: 167px;
    z-index: 5;
    width: 150px;}
.locationWrapper .odisha img{ border-radius:0px 0px 0px 50px; display:block;}
.chhattisgarh{top: 300px;
    left: 266px;
    z-index: 4;
    width: 180px;}
.delhi{top: 206px;
    left: 213px;
    width: 180px;
    z-index: 100;}
.arunachal-pradesh{top: 175px;
    right: 62px;
    z-index: 4;
    /* width: 250px; */}
.assam{    top: 223px;
    right: 27px;
    z-index: 8;
    /* width: 165px; */}
.nagaland{top: 249px;
    right: 57px;
    z-index: 9;
    width: 74px;}
.mizoram{    top: 291px;
    right: 100px;
    z-index: 10;
    width: 73px;}
.tripura{top: 295px;
    right: 143px;
    z-index: 11;
    width: 60px;}
.manipur{top: 274px;
    right: 51px;
    z-index: 10;
    width: 80px;}
.meghalaya{top: 265px;
    right: 61px;
    z-index: 9;
    width: 120px;}
.goa{top: 440px;
    left: 117px;
    z-index: 50;
    width: 55px;}
.Pondicherry{top: 494px;
    left: 256px;
    width: 105px;
    z-index: 50;}
.Andaman{top: 488px;
    left: 378px;
    width: 132px;
    z-index: 50;}
.Chandigarh{top: 163px;
    left: 206px;
    width: 110px;
    z-index: 50;}

.big_continent { position:absolute; z-index:5;}
.big_continent img{ width:100%}



.location{ background:url(http://docs.exideindustries.com/images/location.png) no-repeat 0 0; position:absolute; display:block; width:12px; height:12px; text-indent:-9999px;}
.location span{position:absolute; bottom:20px; left:-10px; padding:5px 10px; background:rgba(236,7,16,0.7); text-indent:0px; -moz-box-shadow:8px 8px 6px -6px rgba(0,0,0,0.5); -webkit-box-shadow:8px 8px 6px -6px rgba(0,0,0,0.5); box-shadow:8px 8px 6px -6px rgba(0,0,0,0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; white-space:nowrap; font:600 12px "open sans", Tahoma, Geneva, sans-serif; color:#fff; text-transform:capitalize;}
.location span img{position:absolute; bottom:-16px; left:10px; width:19px; height:16px;}
.location:hover{ background:url(http://docs.exideindustries.com/images/location.png) no-repeat 0 100%;}

.locationPop{ position:absolute; background:url(http://docs.exideindustries.com/images/popBg.png) no-repeat 0 0; width:267px; height:0px; top:200px; right:30px; z-index:15; overflow:hidden;}

.locationPopClose{ background:url(http://docs.exideindustries.com/images/popclose.png) no-repeat 0 0; position:absolute; top:8px; right:20px; width:20px; height:20px; text-indent:-9999px; z-index:2;}
.locationPopClose:hover{ background:url(http://docs.exideindustries.com/images/popclose.png) no-repeat 0 100%;}

.cuntryName{ position:absolute; left:30px; top:15px; font:normal 14px Arial, Helvetica, sans-serif; border-bottom:1px solid #DDD; padding-bottom:8px; margin-bottom:15px; width:210px; z-index:1; text-transform:uppercase;}

.scroll-pane{ height:265px; overflow:hidden; width:200px; margin:55px 0 0 30px; padding-right:15px;}

.scroll-pane ul li{ margin-bottom:20px; padding-left:10px; background:url(http://docs.exideindustries.com/images/bullet.png) no-repeat 0 5px;}
.scroll-pane ul li a{ color:#039; text-decoration:none;}
.scroll-pane ul li a:hover{ text-decoration:underline;}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0; padding: 0;
}
/*PIC*/
.pic {
  height:66px;
  width:69px;
  border: 0px solid;
  position:absolute;
  z-index:500;
  bottom:20px;
  left:20px;
}

.pic:hover {
  cursor: pointer;
}

.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.ap_list{ display:none;}

@media screen and (max-width:980px){
.mapCont{ float:none; width:100%;}	
.locationWrapper{ margin:0 auto;}
}

@media screen and (max-width:640px){
.morph {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
      -ms-transition: none;
          transition: none;
}
}

@media screen and (max-width:375px){
.locationWrapper{ display:none;}
.ap_list{  width:90%; margin:0 auto 0; position:relative; display:block; z-index:400;}
#applyingProgram{ width:100%; background:url(http://docs.exideindustries.com/images/map-option-bg-02.gif) repeat-x 0 0; height:41px; display:block; position:relative;}
#applyingProgram em{ color:#3a3a3a; font-size:16px; line-height:41px; float:left; margin-left:20px;}
#applyingProgram:after{ content:''; position:absolute; top:1px; right:1px; background:#ed1d24 url(http://docs.exideindustries.com/images/downarrow3.gif) no-repeat 50% 50%; height:40px; width:65px;}
.apPop{position: relative; left:0; top:0px; width:100%; background:#f2f2f2; padding:15px 5%;	}
.apPop a{ display:block; border-bottom:1px solid #c6c4c4; padding:10px 0; color:#3a3a3a;  }
.apPop a:hover{color:#000;  }
}

























