#map { position: absolute; top: 0; bottom: 0; width: 100%; }

.marker.big {
background-size: cover;
width: 70px;
height: 70px;
text-align: center;
font-size: 34px;
font-weight: bold;
cursor: pointer;
}

.marker {
background-size: cover;
width: 40px;
height: 40px;
text-align: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;
z-index: 1000;
}

.invisible-marker {display: none;}
.marker.invisible-marker.big {display: block;}

.grey-marker svg {
	fill: #888!important
}

.green-marker svg {
	fill: #52AE32!important
}

.red-marker svg {
	fill: red!important
}

.marker.selected {z-index: 100}
.marker.selected .licon {fill: #CC0000!important}

.marker .licon {fill : #00A2E8;width: 40px;height: 40px;}
.marker .licon svg {width: 40px;height: 40px;}

.marker.big .licon {fill : #00A2E8;width: 70px;height: 70px;}
.marker.big .svg-icon {position:absolute;top: 4px;left: 4px;}
.marker .svg-icon svg {margin-top: -4px;}
.marker.big .svg-icon svg {margin: 2px 0px 0px 2px;width: 34px;height: 34px; fill: #CC0000}


.marker.big .title {
	box-sizing: border-box;
	top:5px;
	text-align:center;
	height:46px;
	width:46px;
	background-color:#FFF;
	border-radius:50%;
	padding-top: 12px;
}

.marker .title {
	box-sizing: border-box;
	top:3px;
	text-align:center;
	height:26px;
	width:26px;
	background-color:#FFF;
	border-radius:50%;
	padding-top: 4px;
}


.marker:hover svg {fill: darkOrange!important}
.marker:hover .title {color: darkOrange!important}

#map .t-200, #map .t-200 svg {
	-webkit-transition: fill 0.2s ease-in;
	-moz-transition: fill 0.2s ease-in;
	transition: fill 0.2s ease-in;
}

/* PULSATING */
.ring-blue .circle {     
	background-color: #00A2E8;
}

.ring-blue .ringring {     
   border-color: #00A2E8;
 }

.ring-container {
    position: relative;
}

.ring-title {
	box-shadow: rgba(0, 0, 0, 0.30) 0px 8px 15px;
	border-top:1px solid #CCC;
	border-left:10px solid #CC0000;
	font-size:18px;
	padding:6px 12px;
	background-color:#FFF;
	margin-top:-35px;
	border-radius:6px;
	font-weight: 400;
}

.ring-blue .ring-title {	border-left:10px solid #00A2E8;}

.circle {
    width: 20px;
    height: 20px;
    background-color: #CC0000;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}
.smallPoint {
    width: 8px;
    height: 8px;
    background-color: #CC0000;
    border-radius: 50%;
}

.ringring {
    border: 3px solid #CC0000;
    -webkit-border-radius: 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}