.map ._7{width: 880px;
float: left;
position: relative;}._7 img{display:block;}
.map ._3{width:340px;float:right;position: absolute;
right: 0;
top: 100px;}
._3 span{width: 100%;display: block;}
.map{
	position: relative;
	padding-right: 380px
}
#circle,#circle2,#circle3{position:absolute;opacity:0.5;width:0.1px;height:0.1px;border:6px solid #2a7239;border-radius:50%;position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);transform-origin: 0;margin-top: -269px;margin-left: -75px;}
/*#circle::before{content:'';position:absolute;width:150%;height:150%;border:6px solid #2a7239;border-radius:50%;position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);transform-origin: 0;}*/
/*#circle::after{content:'';position:absolute;opacity:0.7;width:25%;height:25%;border:6px solid #2a7239;border-radius:50%;position:absolute;top: 50%;left:50%;transform: translate(-50%,-50%);transform-origin: 0;}
*/
#circle.grow,#circle3.grow,#circle2.grow{width:500px;height:500px;opacity:0;border:0px solid #2a7239;transition: all linear 2.4s}
#circle.grow::before,#circle2.grow::before,#circle3.grow::before{border:0px solid #2a7239;transition: all linear 2s;opacity:0;}
._7 .mobile{display: none;}
.place span{
position: absolute;
color: #2a7239;
font-family: museo-slab,serif;
font-weight: 600;
font-size: 23px;
left: calc(100% + 10px);
top: -8px;letter-spacing: -0.5px;
}
.place {
  position: absolute;
  border: 3px solid #2a7239;
  background: #ffff00;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  left: 100px;
}
#place-17{
	left: 646px;
top: 276px;
}
#place-2{
	left: 352px;
top: 146px;
width: 26px;
height: 26px;
}
#place-4{
	left: 247px;
top: 493px;
}
#place-12{
	left: 565px;
top: 140px;
}
#place-16{
	left: 755px;
top: 247px;
}
#place-1{

  left: 378px;
  top: 148px;
  width: 16px;
  height: 16px;
}
#place-5,#place-6{
	left: 267px;
top: 509px;
}
#place-19{
	left: 427px;
top: 617px;
}
#place-9{
left: 449px;
top: 577px;
}
#place-18{
  left: 623px;
  top: 263px;
}
#place-11{
	left: 399px;
top: 55px;
}
#place-10{
	left: 597px;
top: 723px;
}
#place-8{
	left: 387px;
top: 513px;
}
#place-13{
left: 395px;
top: 151px;
width: 16px;
height: 16px;
}
#place-7{
	left: 285px;
top: 528px;
}
#place-15,#place-14{
	left: 744px;
top: 197px;
}
#place-3{
	top: 338px;
left: 44px;
}
#place-2 span{
	left: auto;
right: calc(100% + 10px);
text-transform: uppercase;
top: -4px;
}
#place-1 span{
	top: -32px;
left: 0;
}
#place-13 span{
	width: 130px;
top: 12px;
left: 0;
}
#place-18 span{
	top: -12px;
left: auto;
right: calc(100% + 12px);
}
#place-15 span{
	top: -22px;
}
#place-14 span{
	top: 0;
}
#place-6 span{
	left: auto;
right: calc(100% + 10px);
top: 0;
}
#place-5 span{
	left: auto;
right: calc(100% + 10px);
top: 23px;
}
#place-4 span{
	left: -24px;
top: -35px;
}
#place-17 span{
	width: 180px;
top: 16px;
left: -10px;
}
.map ._3 h3{
	width: 360px;
}

.map ._3 h3::after {
  content: "";
  position: relative;
  background: #2a7239;
  height: 2px;
  width: 100%;
  display: block;
  margin: 50px 0;
  max-width: 140px;
}
.map-frame{
	width: 100%;
float: left;padding:80px 0;
}
@media screen and (min-width:1700px){
	.place span{font-size: 20px}
	.map ._7{
		transform: scale(1.2);
transform-origin: 670px -80px;
	}

}

@media screen and (max-width:1340px){
	.map ._7{
			transform: scale(0.8);
transform-origin: 0 0;
max-height: 720px;
	}
	#circle, #circle2, #circle3{
		margin-top: -204px;
	}
}

@media screen and (max-width:1160px){
	#circle, #circle2, #circle3{
		
	}
	#section-4_map {
		padding-bottom: 0;
	  }
	  #section-4_map + .distribution {padding-top: 0;}
	.map-frame{padding-bottom: 0;}
	.map{padding-right: 0}
	.map ._3 span{
		width: auto;
  display: inline-block;
  margin-right: 23px;
	}
	.map ._3 {
  width: 100%;
  float: none;
  position: relative;
  right: 0;
  top: 0;
  margin-top: 0px; margin-bottom: 40px;
}
.map ._7{
	transform: scale(0.8);
transform-origin: center 0;
max-height: 720px;
float: none;
margin: 0 auto;
}
}
@media screen and (max-width:870px){

	#circle, #circle2, #circle3{
		  top: 18.5%;
		  left: 41.5%;
		  display: none;
	}
	.map ._7 .mobile + img,.map ._7 .places{display: none;}
	.map ._7 {
		transform: scale(1);
		transform-origin: center 0;
		max-height: none;
		float: left;
		margin: 60px auto 0;
		width: 100%;
	  }
	.map ._7 .mobile{display: block;}
	.map ._3 h3 {
		width: 100%;
	  }
	  .map ._3 {
		margin-top: 0;
	  }
	  .map-frame{
		padding: 80px 0 0;
	  }

}