.map {
    margin:2em 0 3em 0;    position: relative;
  }
  .map-markers {
    list-style: none;    margin: 0;    padding: 0;  }
  .map-marker {
    position: absolute;
  }
  .map-marker:after {
    animation-duration: 10s;    animation-iteration-count: infinite;    animation-name: pop;    border-radius: 50%;    border: 1px solid #568af4;
    content: ''; height: 1em; left: 0; margin: -2px -2px;opacity: 0; position: absolute; top: 0;  width: 1em;
  }
  #worldmap-main.map.world-map ul li .map-marker-info header {
    width: 150px;
    margin: 0 auto;
}
  
  .map-marker:hover > .map-marker-info {
    display: block; border-radius: 0px
  }
  .hyderabad a{
    background-color: red !important;
  }
  .tirupathi a{
    background-color: blue !important;
  }
  .tirupathi2 a{
    background-color: yellow !important;
  }
  .diguvagam a{
    background-color: green !important;
  }
  .plants a {
    background-color: green !important;
}

.branches_six > a {
  background-color: rgb(236, 33, 219) !important;
}
  
  
  .map-marker a {
    background-color: #568af4; border-radius: 50%; height:0.5em; display: block; text-indent: -9999px; width: 0.5em;
  }
  .map-marker-chicago {
    left: 48%;
    top: 56%;
    /* border: 1px solid yellow; */
    border-radius: 50%;
    padding: 2px;
    display: none;
  }
  .map-marker-florida {
    left: 21.5%;
    top: 73%;
    /* border: 1px solid yellow; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-florida:after {
    animation-delay: 3s;
  }
  .map-marker-los-angeles {
     
    left: 21%;
    top: 68%;
    /* border: 1px solid green; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-los-angeles:after {
    animation-delay: 5s;
    border: 1px solid green;
  }
  .map-marker-new-york {
         left: 21.5%;
    top: 63.5%;
    /* border: 1px solid red; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-san-francisco {
  left: 22%;
    top: 75%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-san-francisco:after {
    animation-delay: 3s;
  }
  .map-marker-seattle {
    left: 46%;
    top: 37%;
    border: 1px solid #FF5722;
    border-radius: 50%;
    padding: 2px;
    display: none;
  }
  .map-marker-seattle:after {
    animation-delay: 5s;
  }
  .map-marker-delhi {
    left: 20%;
    top: 29%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-ghazibad{
        left: 20.5%;
    top: 29%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-lucknow {
    left: 23.5%;
    top: 37.8%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-chandigarh {
    left: 19.5%;
    top: 25%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-jaipur {
    left: 17%;
    top: 37%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-patna {
  left: 28%;
    top: 42%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-ranchi {
    left: 28%;
    top: 48%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-kolkota {
  left: 32.5%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-bhubneswar {
    left: 29%;
    top: 57%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-guwahati{
    left: 37%;
    top: 38%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-cochin {
       left: 18.5%;
    top: 84%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-coimbatore {
    left: 19%;
    top: 80%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-bangalore {
    left: 19.5%;
    top: 76%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-mumbai {
       left: 14.5%;
    top: 59%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-ahmedabad {
       left: 13.5%;
    top: 47%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-vijayawada {
    left: 23%;
    top: 66%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-nagpur {
    left: 22%;
    top: 52%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-chennai {
    left: 23%;
    top: 76%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-pune {
        left: 16.1%;
    top: 60.5%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-indore {
       left: 18%;
    top:49%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-RO-Hyderabad {
       left: 21%;
    top: 64%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-ARBL-UNIT2 {
    display: none;
    left: 21%;
    top: 71%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-MIL-galla_plant {
    left: 22%;
    top: 74%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-MIL-industries {
    left: 21.5%;
    top: 74.5%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-branches_all {
    left: 21.5%;
    width: 80px;
        top: 74%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-branches_all.chittoor_point{ top:72%; }
  .chittoor_point > a{ width:20px; height:20px; opacity: 0; }
  .tirup{left:92%; top:24%;}
  .bangarupalyam_1{ left:53%; top:40%; }
  .putala_1{ left:81%; top:48%;}
  .putala_2{ left:85%; top:49%;}
  .nalisettipalle_1{left:73%; top:58%; }
  .diguvagam1{ left:75%; top:48%; }

  

/* .branches_spl{
  display: -webkit-inline-box;
} */
/* 
.spl_branch_main {
  width: 31em !important;
} */









  .map-marker-info {
    display: none;
    left: 50%;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, -2em);
    width: 15em;
    z-index: 999;
  }
  .map-marker-info header {
    background-color: #568af4;
    border-radius:0;
    color: #fff;
    padding: .5em 1em;
  }
  .map-marker-info main {
    background-color: #fff;
    border-radius: 0;
    color: #7e7e7e;
    padding: .5em 1em;
  }
  .map-marker-info h2 {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 17px;
    text-align: center;
  }
  .map-marker-info-inner {
    border-radius:0px;
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    font-size: .875em;
  }
  .map-marker-info-inner:after {
    border-left: .75em solid transparent;
    border-right: .75em solid transparent;
    border-top: 1em solid #2196F3;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 0;
  }
  .map-marker-info-inner img{ width: 100%; }
  
  .animate {
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  
  @keyframes bounce-in {
    0%, 20%, 40%, 60%, 80%, 100% {
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
      opacity: 1;
      transform: scale3d(1, 1, 1);
    }
  }
  .animate-bounce-in {
    animation-duration: .75s;
    animation-name: bounce-in;
  }
  
  @keyframes pop {
    0% {
      transform: scale(0);
    }
    8% {
      opacity: .4;
    }
    10% {
      opacity: 0;
      transform: scale(1);
    }
  }
  .animate-pop {
    animation-duration: 1s;
    animation-name: pop;
  }
  
  /* world map css started */


  .map-marker-chicago {
    left: 48%;
    top: 56%;
    border: 1px solid yellow;
    border-radius: 50%;
    padding: 2px;
    display: none;
  }
  .map-marker-4 {
    left: 68.5%;
    top: 59%;
    /* border: 1px solid yellow; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-4:after {
    animation-delay: 3s;
  }
  .map-marker-2 {
    left: 65%;
    top: 46%;
    /* border: 1px solid green; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-2:after {
    animation-delay: 5s;
  }
  .map-marker-1 {
   left: 67.5%;
    top: 53%;
    /* border: 1px solid red; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-3{
    left: 80%;
    top: 64%;
    /* border: 1px solid blue; */
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-3:after {
    animation-delay: 3s;
  }
  .map-marker-seattle {
    left: 46%;
    top: 37%;
    /* border: 1px solid #FF5722; */
    border-radius: 50%;
    padding: 2px;
    display: none;
  }
  .map-marker-seattle:after {
    animation-delay: 5s;
  }


  .map-marker-mangolia {
        left: 72%;
    top: 31%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-russia {
  left: 73%;
    top: 24%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-australia {
    left: 82%;
    top: 76%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-philippines {
    left: 80%;
    top: 56%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-taiwan {
        left: 79.5%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-hong-kong {
   left: 78%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-china {
  left: 72%;
    top: 39%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-bangladesh {
 left: 70.5%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }
.map-marker-nepal {
 left: 69%;
    top: 48%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-bhutan{
       left: 70.5%;
    top: 47%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-myanmar {
    left: 72%;
    top: 52%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-singapore {
    left: 74%;
    top: 61%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-malaysia {
    left: 74%;
    top: 59%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-combodia  {
       top: 56%;
    right: 24%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-thailand {
    top: 55%;
    right: 25%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-vietnam {
   top: 55%;
    right: 23%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-maurities {
    top: 73%;
    right: 37%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-seychelles {
    top: 63%;
    right: 36%;;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-mozambique {
      top: 74%;
    right: 43%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-malawi {
        top: 70%;
    right: 43%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-angola{
    top: 68%;
    right: 48%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-tanzania {
    top: 65%;
    right: 42%;
    border-radius: 50%;
    padding: 2px;
  }

  .map-marker-kenya {
    top: 61%;
    right: 41%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-uganda{
    top: 61%;
    right: 43%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-nigeria {
  top: 58%;
    right: 51%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-ghana{
    top: 58%;
    right: 53%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-yemen{
    top: 54%;
    right: 40%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-saudi-arabia {
    top: 51%;
    right: 40%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-dubai {
        top: 50%;
    right: 38%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-quatar {
        top: 49%;
    right: 38.7%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-bahrain {
      top: 48%;
    right: 39%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-oman {
    top: 52%;
    right: 38.1%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-jordan{
        top: 45.3%;
    left: 56.5%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-lebanon {
    top: 44%;
    right: 43%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-israel{
        top: 44.5%;
    left: 55.7%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker- {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker- {
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-egypt {
        top: 48%;
    left: 54%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-libya{
   top: 47%;
    left: 50%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-switzerland {
        top: 35.2%;
    left: 48%;
    border-radius: 50%;
    padding: 2px;
  }
  
  .map-marker-germany {
        top: 33%;
    left: 48.3%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-denmark {
    top: 30%;
    left: 48%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-uk{
    top: 30%;
    left: 45%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-usa{
    top: 37%;
    left: 19%;
    border-radius: 50%;
    padding: 2px;
  }
  .map-marker-canada {
    top: 28%;
    left: 17%;
    border-radius: 50%;
    padding: 2px;
  }
.chittor_map{ list-style: none; margin: 0;padding: 0; }
.chittor_map li{ width: auto !important; height: auto !important; }
.chittor_map li .map-marker-info{ display: none; }
.chittor_map li .map-marker:hover .map-marker-info {
    display: block;
    /* border: 1px solid #2196F3; */
    border-radius: 0px
  }



.chittoor_point .chittoor_south{
  transform: translate(-70%, 50%) scale(0); display: block !important; opacity: 0;
  transition: all ease-out 0.2s;
}
.chittoor_point:hover .chittoor_south{opacity: 1; transform: translate(10%,30%) scale(1); }
.chittoor_dist{
  box-shadow: none !important; transition: all ease-in-out 0.2s; padding:0 20px; max-width: 280px;
}
.chittoor_point .chittoor_south .chittoor_dist > main{ width: 25em; background-color: #fff;}
.chittoor_dist img{position: relative; z-index: 3; }
.chittoor_dist .chittor_map li{ z-index: 5; }
.chittoor_dist:before{
  position: absolute;  width: 150px; height: 1px; background-color: #fff; content: ''; left: 0; z-index: 0; 
  /*transform: rotate(-15deg) translateX(-45px) translateY(40px); */
  
  transform:rotate(-27deg) translateX(-84px) translateY(67px);
}
.chittoor_dist:after{ display: none;}
.chittoor_dist > main{ background-color: transparent; box-shadow: none !important; }

  /* world map css end */