@charset "utf-8";.hotspots-label:before, .hotspot:before{content:"";display:block;background-color:transparent;border-radius:50%;width:20px;height:20px;position:absolute;left:5px;top:5px;background-image:url(../../fotografije_galerije/graeae/arow-better.fw.png);background-size:75%;background-position:center center;background-repeat:no-repeat;}
.hotspots-label{position:absolute;bottom:20px;left:50%;text-align:center;color:#1A131A;font-family:'Marcellus', serif;font-size:0.9em;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-font-smoothing:antialiased;opacity:0;visibility:hidden;-webkit-transition:opacity 350ms cubic-bezier(0.2, 0.5, 0.34, 1);transition:opacity 350ms cubic-bezier(0.2, 0.5, 0.34, 1);width:100%;}
.hotspots-label:before{display:none;}
@media screen and (max-width:580px){.hotspots-label{width:100%;height:100%;padding:50px 50px;background-color:rgba(192, 192, 192, 0.7);}
.hotspots-label strong{display:block;margin-bottom:10px;}
.hotspots-label span{display:block;}
.hotspots-label:before{display:block;top:25px;left:auto;right:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer;}
}
.hotspots-label.is-visible{opacity:1;visibility:visible;}
.hotspot{padding:10px 15px;height:30px;box-sizing:border-box;background-color:rgba(192, 192, 192, 0.7);color:#fff;-webkit-font-smoothing:antialiased;position:absolute;line-height:200%;border-radius:15px;font-family:'Marcellus', serif;font-size:0.9em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;opacity:0;width:0;-webkit-transition:opacity 650ms ease-in, width 350ms linear;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 15px 0 32px;text-indent:0;width:auto;}
.hotspot.is-active:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.hotspot:before{-webkit-transition:-webkit-transform 150ms cubic-bezier(0.2, 0.5, 0.34, 1);transition:-webkit-transform 150ms cubic-bezier(0.2, 0.5, 0.34, 1);transition:transform 150ms cubic-bezier(0.2, 0.5, 0.34, 1);transition:transform 150ms cubic-bezier(0.2, 0.5, 0.34, 1), -webkit-transform 150ms cubic-bezier(0.2, 0.5, 0.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%;max-width:800px;display:block;position:relative;overflow:hidden;}
.image:before{content:"";display:block;width:100%;padding-top:60%;}
.image .contain{position:absolute;top:0;left:0;bottom:0;right:0;background-image:url(../../fotografije_galerije/graeae/01_instalation-setitng.jpg);background-size:cover;}