/*hotspot css*/
.hotspot-container{
  position: relative;
}
.hot-spot{
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255 , 0);
  border: 3px dotted #fff;
  border-radius: 50%;
  z-index: 1;
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
.border-red{
  border: 3px dotted #D62129;
}

.hot-spot:hover{
  background-color: rgba(255, 255, 255 , .5);
}

.ahmedabad-postiton{
  top: 42.2%;
  left: 24.5%;
}
.bangalore-postiton{
  bottom: 22.7%;
    left: 38.4%;
}
.bhubaneswar-postiton{
  top: 51.3%;
  right: 33.4%;
}
.chennai-postiton{
  bottom: 21.6%;
    left: 46%;
}
.coimbatore-postiton{
  bottom: 15.8%;
    left: 37%;
}
.gurugram-postiton{
  top: 27.3%;
  left: 38%;
}
.guwahati-postiton{
  top: 33%;
  right: 18.1%;
}
.hyderabad-postiton{
  bottom: 35%;
  left: 40.5%;
}
.mumbai-postiton{
  bottom: 40%;
  left: 26%;
}
.nagpur-postiton{
  bottom: 46.5%;
  left: 42%;
}
.patna-postiton{
  top: 36%;
  right: 35.3%;
}
.pune-postiton{
  bottom: 37.4%;
  left: 28.4%;
}
.vadodara-postiton{
  top: 45.5%;
  left: 27.9%;
}
.vizag-postiton{
  bottom: 36%;
  right: 43%;
}

@media only screen and (min-width: 1000px) and (max-width: 1200px){
  .hot-spot{
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 800px){
  .hot-spot{
    width: 20px;
    height: 20px;
    border: 2px dotted #fff;
  }
}
@media only screen and (min-width: 0px) and (max-width: 600px){
  .hot-spot{
    width: 10px;
    height: 10px;
    border: 2px dotted #fff;
  }
  .ahmedabad-postiton{
    top: 43%;
    left: 25%;
  }
  .bangalore-postiton{
    bottom: 23.7%;
      left: 39%;
  }
  .bhubaneswar-postiton{
    top: 52%;
    right: 34.5%;
  }
  .chennai-postiton{
    bottom: 22.6%;
    left: 46%;
  }
  .coimbatore-postiton{
    bottom: 16.9%;
    left: 37.7%;
  }
  .gurugram-postiton{
    top: 28%;
    left: 39%;
  }
  .guwahati-postiton{
    top: 34%;
    right: 19%;
  }
  .hyderabad-postiton{
    bottom: 36%;
    left: 41%;
  }
  .mumbai-postiton{
    bottom: 41%;
    left: 27%;
  }
  .nagpur-postiton{
    bottom: 47%;
      left: 43%;
  }
  .patna-postiton{
    top: 36.5%;
    right: 36%;
  }
  .pune-postiton{
    bottom: 38.7%;
    left: 29%;
  }
  .vadodara-postiton{
    top: 46%;
    left: 28.5%;
  }
  .vizag-postiton{
    bottom: 37%;
      right: 44%;
  }
}
/*end of hotspot css*/
/*border animation*/
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
/***** name animation effect *****/
/* .name-stroke-animation > svg, .name-stroke-animation > svg > rect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0);
}
.name-stroke-animation > svg > rect {
  stroke: #f9ad1e;
  stroke-width: 4px;
  stroke-dasharray: 70;
  -moz-transition-property: stroke-dashoffset;
  animation: animate 0.9s linear infinite;
} */
.ahmedabad-name{
  position: absolute;
  max-width: 105px;
  width: 100%;
  height: 40px;
  top: 42.2%;
  left: 3.5%;
}
.bangalore-name{
  position: absolute;
  max-width: 120px;
  width: 100%;
  height: 40px;
  bottom: 22.8%;
  left: 18%;
}
.bhubaneswar-name{
  position: absolute;
  max-width: 155px;
  width: 100%;
  height: 40px;
  bottom: 45.1%;
  right: 16.5%;
}
.chennai-name{
  position: absolute;
  max-width: 95px;
  width: 100%;
  height: 40px;
  bottom: 21.5%;
  right: 38%;
}
.coimbatore-name{
  position: absolute;
  max-width: 120px;
  width: 100%;
  height: 40px;
  bottom: 13.5%;
  left: 20.2%;
}
.gurugram-name{
  position: absolute;
  max-width: 120px;
  width: 100%;
  height: 40px;
  top: 22.1%;
  right: 36.5%;
}
.guwahati-name{
  position: absolute;
  max-width: 110px;
  width: 100%;
  height: 40px;
  top: 21%;
  right: 13.5%;
}
.hyderabad-name{
  position: absolute;
  max-width: 120px;
  width: 100%;
  height: 40px;
  bottom: 29.3%;
  right: 33.7%;
}
.mumbai-name{
  position: absolute;
  max-width: 95px;
  width: 100%;
  height: 40px;
  bottom: 39.9%;
  left: 9.9%;
}
.nagpur-name{
  position: absolute;
  max-width: 100px;
  width: 100%;
  height: 40px;
  bottom: 52.5%;
  left: 39.5%;
}
.pune-name{
  position: absolute;
  max-width: 75px;
  width: 100%;
  height: 40px;
  bottom: 33.1%;
  left: 11.8%;
}

.patna-name{
  position: absolute;
  max-width: 80px;
  width: 100%;
  height: 40px;
  top: 36%;
  right: 22.8%;
}
.vadodara-name{
  position: absolute;
  max-width: 100px;
  width: 100%;
  height: 40px;
  bottom: 46.3%;
  left: 9.2%;
}
.vizag-name{
  position: absolute;
  max-width: 73px;
  width: 100%;
  height: 40px;
  bottom: 35.8%;
  right: 33.7%;
}
.name-hover-color:hover{
  background-color: rgba(255, 255, 255, 0.5);
}
/* @keyframes animate
{
	0%{
		stroke-dashoffset:300;
	}
	100%{
		stroke-dashoffset:0;
	}
}
.name-stroke-animation-red > svg, .name-stroke-animation-red > svg > rect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0);
}
.name-stroke-animation-red > svg > rect {
  stroke: #d6232a;
  stroke-width: 4px;
  stroke-dasharray: 70;
  animation: animate 0.9s linear infinite;
  -moz-animation: animate 0.9s linear infinite;
  -ms-animation: animate 0.9s linear infinite;
} */
@media only screen and (max-width: 1024px){
  .ahmedabad-name{
    max-width: 86px;
    height: 35px;
  }
  .bangalore-name{
    max-width: 100px;
    height: 35px;
  }
  .bhubaneswar-name{
    max-width: 132px;
    height: 33px;
  }
  .chennai-name{
    max-width: 82px;
    height: 33px;
  }
  .coimbatore-name{
    max-width: 100px;
    height: 35px;
  }
  .gurugram-name{
    max-width: 105px;
    height: 33px;
  }
  .guwahati-name{
    max-width: 92px;
    height: 33px;
  }
  .hyderabad-name{
    max-width: 105px;
    height: 33px;
  }
  .mumbai-name{
    max-width: 80px;
    width: 100%;
    height: 32px;
  }
  .nagpur-name{
    max-width: 85px;
    height: 36px;
  }
  .pune-name{
    max-width: 60px;
    height: 32px;
  }

  .patna-name{
    max-width: 70px;
    height: 33px;
  }
  .vadodara-name{
    max-width: 85px;
    height: 35px;
    left: 9%;
  }
  .vizag-name{
    max-width: 63px;
    height: 33px;
  }
}
@media only screen and (max-width: 800px){
  .ahmedabad-name{
    max-width: 64px;
    height: 25px;
  }
  .bangalore-name{
    max-width: 100px;
    height: 35px;
  }
  .bhubaneswar-name{
    max-width: 97px;
    height: 26px;
  }
  .chennai-name{
    max-width: 61px;
    height: 26px;
  }
  .coimbatore-name{
    max-width: 75px;
    height: 26px;
  }
  .gurugram-name{
    max-width: 75px;
    height: 26px;
  }
  .guwahati-name{
    max-width: 68px;
    height: 25px;
  }
  .hyderabad-name{
    max-width: 74px;
    height: 24px;
  }
  .mumbai-name{
    max-width: 60px;
    height: 24px;
  }
  .nagpur-name{
    max-width: 63px;
    height: 26px;
  }
  .pune-name{
    max-width: 46px;
    height: 24px;
  }

  .patna-name{
    max-width: 52px;
    height: 25px;
  }
  .vadodara-name{
    max-width: 64px;
    height: 26px
    left: 9%;
  }
  .vizag-name{
    max-width: 45px;
    height: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px){
  .ahmedabad-name{
    max-width: 64px;
    height: 25px;
  }
  .bangalore-name{
    max-width: 100px;
    height: 35px;
  }
  .bhubaneswar-name{
    max-width: 97px;
    height: 26px;
  }
  .chennai-name{
    max-width: 61px;
    height: 26px;
  }
  .coimbatore-name{
    max-width: 75px;
    height: 26px;
  }
  .gurugram-name{
    max-width: 75px;
    height: 26px;
  }
  .guwahati-name{
    max-width: 68px;
    height: 25px;
  }
  .hyderabad-name{
    max-width: 74px;
    height: 24px;
  }
  .mumbai-name{
    max-width: 60px;
    height: 24px;
  }
  .nagpur-name{
    max-width: 63px;
    height: 26px;
  }
  .pune-name{
    max-width: 46px;
    height: 24px;
  }

  .patna-name{
    max-width: 52px;
    height: 25px;
  }
  .vadodara-name{
    max-width: 64px;
    height: 26px
    left: 9%;
  }
  .vizag-name{
    max-width: 45px;
    height: 25px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
  .mobile-hide{
    display: none;
  }
}