/* Animation */
@-webkit-keyframes pulsate {
0% {
transform: scale(1);
opacity: 0.8;
}
45% {
transform: scale(2.1);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: 0.8;
}
45% {
transform: scale(2.1);
opacity: 0;
}
}
@-webkit-keyframes stop-pulsate {
from {
opacity: 0.4;
}
to {
transform: scale(2);
opacity: 0;
}
}
@keyframes stop-pulsate {
from {
opacity: 0.4;
}
to {
transform: scale(2);
opacity: 0;
}
}
/* Button */
.btn-pulse {
/*position: relative;
top: 195px;
left: 190px;*/
}
.btn-pulse .circle {
position: absolute;
left: 50%;
top: 50%;
width: 45px;
height: 45px;
margin: -0.666em auto auto -0.666em;
background: #ed0048;
border-radius: 50%;
opacity:0;
transform-origin: 50% 50%;
transition: opacity 0.2s ease-in, transform 0.1s ease-out;
color: white;
font-size: 1.5em;
padding: 0;
text-align: center;
line-height: 32px;
overflow: hidden;
}
.btn-pulse .circle:hover {
opacity: 0;
cursor: pointer;
}
.btn-pulse .circle:active {
transform: scale(0.875);
}
.btn-pulse .ring {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 2em;
height: 2em;
margin: -1em auto auto -1em;
transform-origin: 50% 50%;
border-radius: 50%;
border: 2px solid #ed0048;
opacity: 0;
-webkit-animation: pulsate 2s ease-out infinite;
animation: pulsate 2s ease-out infinite;
}
.btn-pulse:hover .ring {
-webkit-animation: none;
animation: none;
}
.btn-pulse:active .ring {
-webkit-animation: stop-pulsate 0.3s;
animation: stop-pulsate 0.3s;
}

.map {
position: relative;
max-width:100%;
margin: auto;
}
.map img {
display: block;
width: 100%;
}



.marker {
position: absolute;
z-index: 1;
display: inline-block;
width:45px;
height:45px;
color: #fff;
line-height:45px;
text-align: center;
text-decoration: none;
border-radius: 50%;
background-color: tomato;
transition: all 300ms;
padding-top:10px;
}

.map-item a.marker i
{
	font-size:145%;
}

.map-item a.marker i,
.map-item a.marker i:link,
.map-item a.marker i:visited
{
	color:#ffffff !important;
}

@media (max-width:768px) 
{
.btn-pulse .circle {

width: 35px;
height: 35px;
font-size: 1.5em;
line-height: 32px;
}

.marker {
width:35px;
height:35px;
line-height:35px;
padding-top:9px;

}

.map-item a.marker i
{
	font-size:115%;
	padding-top:7px;
}
}


@media (max-width:640px) 
{.btn-pulse .circle {

width: 30px;
height: 30px;
font-size: 1.5em;
line-height: 30px;
}

.marker {
width:30px;
height:30px;
line-height:30px;
padding-top:7px;
}

.map-item a.marker i
{
	font-size:100%;
	padding-top:6px;
}