.product-map{margin:auto;max-width:1200px;position:relative;width:80%}.background-img{display:block;height:auto;margin:0 auto;max-width:900px;width:80%}.hotspot{animation:glow 1.5s ease-in-out infinite alternate;background-color:#07a1e2;border-radius:50%;box-shadow:0 0 10px rgba(7,161,226,.7);cursor:pointer;height:15px;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:15px}.hotspot:hover{transform:translate(-50%,-50%) scale(1.3);transition:transform .2s ease-in-out}.hotspot:before{animation:pulse 1.5s ease-in-out infinite;background-color:rgba(7,161,226,.3);border-radius:50%;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.hotspot a.hotspot-link{background:transparent;border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px;z-index:2}.tooltip{background:rgba(0,0,0,.8);border-radius:5px;bottom:120%;color:#fff;font-size:14px;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;visibility:hidden;white-space:nowrap}.hotspot:hover .tooltip{opacity:1;visibility:visible}@keyframes glow{0%{box-shadow:0 0 5px rgba(7,161,226,.5)}50%{box-shadow:0 0 15px rgba(7,161,226,.8)}to{box-shadow:0 0 25px #07a1e2}}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@media (max-width:768px){.hotspot{height:10px;width:10px}.hotspot:hover{height:12px;width:12px}}