.description {
  max-width: 600px;
  margin: 0 auto;
  color: rgba(0, 0,0, 0.7);
}



.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered-y {
  position: absolute;
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.map-main{border:solid 1px #ddd; border-top:none !important; margin-bottom: 15px; overflow:hidden; 
box-shadow: 0px 0px 6px 0px #ccc;}

.distribution-map-cnt {position:absolute; right:60px; top:5px; z-index:11; padding:7px; border:5px solid #f0f0e8; box-shadow: 0px 2px 5px 0px rgba(250,250,246,0.1); background: rgba(247,250,242,1);
background: -moz-linear-gradient(top, rgba(247,250,242,1) 0%, rgba(253,254,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,250,242,1)), color-stop(100%, rgba(253,254,252,1)));
background: -webkit-linear-gradient(top, rgba(247,250,242,1) 0%, rgba(253,254,252,1) 100%);
background: -o-linear-gradient(top, rgba(247,250,242,1) 0%, rgba(253,254,252,1) 100%);
background: -ms-linear-gradient(top, rgba(247,250,242,1) 0%, rgba(253,254,252,1) 100%);
background: linear-gradient(to bottom, rgba(247,250,242,1) 0%, rgba(253,254,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf2', endColorstr='#fdfefc', GradientType=0 ); }

.distribution-map-cnt h2{font-size:18px; color:#4b4e4f; padding:5px 0px 3px 5px; border-bottom:solid #E5E5E5 1px; }
.distribution-map-cnt p{font-size:14px; color:#666; padding:5px;	line-height:20px; }

.distribution-map2{
  position: relative;
  padding: 20px;  
  box-sizing: border-box;
  margin:auto;
  width:70% !important; text-align:center;}
  
.distribution-map2 > img {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

.distribution-map2 .map-point {
text-indent: 7px;
    /* font-size: 20px; */
    /* text-align: center; */
    
    /* cursor: pointer; */
    outline: none;
    z-index: 0;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background:#039;
    /* border: 2px solid #f00; */
}
.distribution-map2 .map-point:hover{ width:10px; height:10px; background:#000;}


.distribution-map3{
   position: relative;
  padding: 20px;  
  box-sizing: border-box;
  margin:auto;
  width:54%; }
  

.distribution-map3 .map-point {
    text-indent: 7px;
    /* font-size: 20px; */
    /* text-align: center; */
    
    /* cursor: pointer; */
    outline: none;
    z-index: 0;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background: #EF0505;
    /* border: 2px solid #f00; */
}
.distribution-map3 .map-point:hover{ width:10px; height:10px; background:#000;}

.distribution-map {
  position: relative;
  padding: 20px;  
  box-sizing: border-box;
  margin:auto;
  width:54%; 
}

.distribution-map .map-point {
	text-indent: 7px;
	font-size: 20px;
	text-align: center;
	overflow:hidden;
  cursor: auto;
  outline: none;
  z-index: 0;
  padding: 4px;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  
}
.distribution-map3 .map-point .content-map {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  left: 50%;
  /*-ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  overflow: overlay;
}



/*.distribution-map3 .map-point:active, .distribution-map3 .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 180px;
  height: 65px;
  border-radius:20px;
  color: #f00;
  z-index: 1;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map3 .map-point:active .content-map, .distribution-map3 .map-point:focus .content-map {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
          transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
  overflow: hidden;
  border-radius:20px;
  color:#f00;
}
.distribution-map3 .map-point:active .content-map a:hover, .distribution-map3 .map-point:active .content-map a:active, .distribution-map3 .map-point:focus .content-map a:hover, .distribution-map3 .map-point:focus .content-map a:active {
  color: #fff;
}*/


.mick2{top:42%; left:72.7%}

@media only screen and (max-width:1199px) {.mick2{top:44.4%%; left:72.2%} }
@media only screen and (max-width:991px) {.mick2{top:41.4%; left:71.8%} }
@media only screen and (max-width:767px) {.mick2{top:40.6%; left:71.7%} }
@media only screen and (max-width:480px) {.mick2{top:40.7%; left:70.5%} .distribution-map3 .map-point, .distribution-map2 .map-point{font-size:14px; } }
@media only screen and (max-width:320px) {.mick2{top:36.2%; left:68.8%} }


.mick {
    animation: blink-text 0.8s steps(2, start) infinite;
    -webkit-animation: blink-text 0.8s steps(2, start) infinite;
}

@keyframes blink-text {
 from {color:black;}
 to {color: white;}
}
@-webkit-keyframes blink-text {
 from {color:black;}
 to {color: white;}
}