#image-map { position: relative; }
/* Hide the original tooltips contents */
/*blue*/
.pin-blue {display: none;}
.tooltip-down-blue { position: absolute; background: url(../../assets/img/blue-pin.png); width: 20px; height: 15px; }
.tooltip-down-blue:hover {transform: scale(1.1);}
.tooltip-down-blue {background-position: -3px -49px;}
.tooltip-down-blue .tooltip-pin {bottom: 30px;top: auto;left: 20px;}
.tooltip-down-blue .tooltip-pin::after {bottom: -10px;top: auto;border-bottom: 0;border-top: 10px solid #ffdb90;}
/*red*/
.pin-red {display: none;}
.tooltip-down-red {position: absolute;background: url(../../assets/img/red-pin.png);width: 20px;height: 15px;}
.tooltip-down-red:hover {transform: scale(1.1);}
.tooltip-down-red {background-position: -3px -47px;}
.tooltip-down-red .tooltip-pin {bottom: 30px;top: auto;left: 5px;}
.tooltip-down-red .tooltip-pin::after {bottom: -10px;top: auto;border-bottom: 0;border-top: 10px solid #ffdb90;}
/*green*/
.pin-green {display: none;}
.tooltip-down-green {position: absolute;background: url(../../assets/img/green-pin.png);width: 20px;height: 15px;}
.tooltip-down-green:hover {transform: scale(1.1);}
.tooltip-down-green {background-position:  -3px -47px;}
.tooltip-down-green .tooltip-pin {bottom: 30px;top: auto;left: 28px;}
.tooltip-down-green .tooltip-pin::after {bottom: -10px;top: auto;border-bottom: 0;border-top: 10px solid #ffdb90;}
/**/
.tooltip-pin {display: none;text-shadow: 0 1px 0 #fff;position: absolute;top: 10px;left: 50%;z-index: 990;margin-left: -45px;padding: 10px;color: #222;border-radius: 5px;box-shadow: 0 3px 0 rgba(0,0,0,.7);background: #fff;}
.tooltip-pin::after {content: '';position: absolute;top: -10px;left: 50%;margin-left: -10px;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;}