.firstLocations{margin-top:170px;}
.firstLocations .contentBox p{text-align:left; margin-top:30px;}
.firstLocations{
	background: url('../images/firstlocations-img.png') no-repeat;

	background-position: left;
	height:470px;
}

#map{background-color:#e8f0f5;}
#map svg path:hover{cursor: pointer;}

#map #popupNo{
	display:none;
	width:240px;
	left: 18vw;
	background-color:white;
	text-align:center;
	color:#13395c;
	    height: 200px;
	position:absolute;	
	padding:20px;
	-webkit-box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
}

#map .closeBtn{
	background-color: #0072bc;
	height:30px;
	width:30px;
	position:absolute;	
	right:-15px;
	top:-15px;
	text-align:center;
	border-radius: 50%;
}
#map .closeBtn:hover{cursor:pointer;}
#map .closeBtn img{margin-top: 6px;}


#map #popupNo h3{
	font-size: 	2rem;
	text-transform: uppercase;
}

#map #popupYes p,
#map #popupNo p{
	font-weight: 600;
	font-size: 	1em;
	margin-top: 20px;
	margin-bottom: 	35px;
}

#map .contact{
	margin-bottom: 	15px;
	background-color:#0072bc;
	color:white;
	text-transform: uppercase;
	padding:7px 20px;
	font-weight:600;
}

#map #popupYes{
	display:none;
	width:255px;
	left: 62vw;
	background-color:white;
	text-align:center;
	color:#13395c;
	min-height: 250px;
	position:absolute;	
z-index:10;
	padding:20px;
	-webkit-box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 34px -13px rgba(0,0,0,0.75);
}
#map #popupYes h3{color:#07aa80;font-size: 	2rem;margin-bottom: 20px;}
#map #popupYes .closeBtn{
	background-color: #07aa80;
}

#map svg .st0,
#map svg .st1{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

#map svg .st0:hover{fill:#f9f9f9}
#map svg .st1:hover{fill:#089671;}

.legend{
	position:relative;
	top:50px;
	margin-left:70px;
}
.legend .items{
	display:flex;
}
.legend .items .item{
	display:flex;
	margin-right:40px;
}

.legend .items .item  p{line-height:30px;margin-left:15px; font-size:1.8rem; font-weight:bold; color:#13395c;}
.legend .items .item span{ border-radius:50%; height:30px; width:30px;}
.legend .items .item.left span{background-color:#07aa80;}
.legend .items .item.right span{background-color:#fff;}


#popupYes span{
	display:block;
	text-align:left;
}

#popupYes span.longTxt,
#popupYes span.country{display:inline-block;}

#map #popupYes span a{color:#13395c;}
#map #popupYes span.distributor{
	font-weight: 600;
	margin-bottom:20px;
	text-transform: uppercase;
}

#map #popupYes .contact{background-color: #07aa80;}


@media (min-width:1200px){
	#map svg{height:800px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.firstLocations{background-position: -98px;}
	h2{font-size:3.3em;}
}

@media (max-width:992px){
	.firstLocations{background-position: -210px;}
	h2{font-size:2.4em;}

}


@media (max-width:767px){
	.firstLocations{background:none; height:auto; margin-bottom:40px;}
	h2{text-align:Center;}
	.legend{margin-left:20px; top:5px;}
	.legend .items .item  p{line-height:20px;margin-left:10px; font-size:1.3rem;}
	.legend .items .item span{ border-radius:50%; height:20px; width:20px;}
	

}
@media (max-width: 550px){
	#map #popupYes h3,
	#map #popupNo h3{font-size: 1.6rem;margin-bottom: 2px;}
	#map #popupYes p, #map #popupNo p{margin-top: 10px; margin-bottom: 20px;}
	#map #popupNo{
	    width: 184px;
	    left: 18vw;
	    margin-top: 41px;	
	    height: 166px;	
		    z-index: 999;
	}
	#popupYes span,
	#map #popupYes p, #map #popupNo p{font-size: .8em}

	#map #popupYes{
		left: 10vw;
		width: 262px;
		margin-top: 17px;
		height: 230px;
		padding:10px;
		z-index: 999;
	}
	.legend .items .item  p{line-height:20px;margin-left:5px; font-size:1.2rem;}
}


@media (min-width:351px) and (max-width:549px){}

}
@media (max-width:350px){

}