.map-circle-unlocked{
background-color: #e7e7e7;
border: 4px solid #00a651;
border-radius:100%;
-webkit-box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
}

.map-circle-locked{
background-color: #e7e7e7;
border: 4px solid #e95a5a;
border-radius:100%;
-webkit-box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
box-shadow: 0px 0px 17px 10px rgba(0,0,0,0.20);
}

#map-stage7{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 200px;
left: 40px;
}

#map-stage6{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 400px;
right: 50px;
}

#map-stage5{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 960px;
left: 90px;
}

#map-stage4{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 1200px;
right: 40px;
}
#map-stage3{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 1400px;
left: 40px;
}

#map-stage2{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 1560px;
left: 138px;
}

#map-stage1{
position:absolute;
height:100px;
width:100px;
min-width:100px;
min-height:100px;
top: 1660px;
left: 50px;
}

.faMapIcon{
font-size:50px; 
margin-top:18px;
}