.hotspot:before,.hotspots-label:before{content:"";display:block;border:1px solid #fff;background-color:transparent;border-radius:50%;width:30px;height:30px;position:absolute;left:5px;top:5px;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMS42IDExLjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjYgMTEuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMC41NjI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjgiIHkxPSIxMS42IiB4Mj0iNS44IiB5Mj0iMCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjAuNTYyNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMCIgeTE9IjUuOCIgeDI9IjExLjYiIHkyPSI1LjgiLz4NCjwvc3ZnPg0K");background-size:75%;background-position:center center;background-repeat:no-repeat}.hotspots-label{position:absolute;bottom:20px;left:50%;text-align:center;color:#fff;font-size:16px;transform:translateX(-50%);-webkit-font-smoothing:antialiased;opacity:0;visibility:hidden;transition:opacity 350ms cubic-bezier(.2,.5,.34,1);width:100%}.hotspots-label:before{display:none}@media screen and (max-width:580px){.hotspots-label{width:100%;height:100%;padding:50px 40px;background-color:rgba(0,0,0,.35)}.hotspots-label strong{display:block;margin-bottom:10px}.hotspots-label span{display:block}.hotspots-label:before{display:block;top:25px;left:auto;right:4px;transform:rotate(45deg);cursor:pointer}}.hotspots-label.is-visible{opacity:1;visibility:visible}.hotspot{padding:20px;height:40px;box-sizing:border-box;background-color:rgba(0,0,0,.45);color:#fff;-webkit-font-smoothing:antialiased;position:absolute;line-height:40px;border-radius:20px;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;opacity:0;width:0;transition:opacity 650ms ease-in,width 350ms linear;text-indent:-9999em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hotspot.is-visible{opacity:1}.hotspot.is-active{padding:0 20px 0 50px;text-indent:0;width:auto}.hotspot.is-active:before{transform:rotate(45deg)}.hotspot:before{transition:transform 150ms cubic-bezier(.2,.5,.34,1)}@media screen and (max-width:960px){.hotspot{height:30px;line-height:30px;font-size:13px;padding:15px}.hotspot.is-active{padding:0 15px 0 35px;text-indent:0;width:auto}.hotspot:before{top:2px;left:2px;width:25px;height:25px}}@media screen and (max-width:580px){.hotspot{padding:12px;height:25px;line-height:25px;font-size:12px}.hotspot.is-active{padding:0 10px 0 30px;text-indent:0;width:auto}.hotspot:before{width:20px;height:20px}}.image{width:100%;display:block;position:relative;overflow:hidden}.image:before{content:"";display:block;width:100%;padding-top:70%}.image .contain{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover}