.annotation{position:absolute;top:0;left:0;z-index:1;padding:1em;width:20px;color:#fff;font-size:12px;line-height:1.2;transition:opacity .5s}.annotation .rolling{display:inline-block;line-height:35px;cursor:pointer;width:35px;height:35px;text-align:left;overflow:hidden;border-radius:26px;background:#000;transition:all .3s ease-out;white-space:nowrap}.annotation .rolling .rolling_icon{float:left;z-index:9;display:inline-flex;width:35px;background:#fff;height:35px;border-radius:26px;box-sizing:border-box;border:12px solid #000;margin:0 10px 0 0;-webkit-animation:color_change 2s infinite alternate;-moz-animation:color_change 2s infinite alternate;-ms-animation:color_change 2s infinite alternate;-o-animation:color_change 2s infinite alternate;animation:color_change 2s infinite alternate}.annotation .rolling i.fa{font-size:24px;padding:15px}@-webkit-keyframes color_change{from{background-color:#000}to{background-color:#ec9f0e}}@-moz-keyframes color_change{from{background-color:#000}to{background-color:#ec9f0e}}@-ms-keyframes color_change{from{background-color:#000}to{background-color:#ec9f0e}}@-o-keyframes color_change{from{background-color:#000}to{background-color:#ec9f0e}}@keyframes color_change{from{background-color:#000}to{background-color:#ec9f0e}}.panoMark{width:2vw;height:2vw;display:absolute;justify-content:center;align-items:center;background:url(/res/icons/panorama.png);background-repeat:no-repeat;background-size:35px;cursor:pointer;opacity:1}.annotationAudio{position:absolute;z-index:1;padding:1em;width:20px}.audioMark{width:2vw;height:2vw;background-size:35px;cursor:pointer;opacity:1}.circleMark{width:.7vw;height:.7vw;padding:.1vw;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#000;border:2px solid #fff;margin-bottom:1vw;cursor:pointer;opacity:1;-webkit-animation:color_change 2s infinite alternate;-moz-animation:color_change 2s infinite alternate;-ms-animation:color_change 2s infinite alternate;-o-animation:color_change 2s infinite alternate;animation:color_change 2s infinite alternate}.circleMark:hover{opacity:1;border-color:rgba(20,143,119,1);border-radius:50%}.box{cursor:pointer;top:-80px;left:40px;padding:.2vw .2vw;width:50px;background:rgba(0,0,0,0)}#modal_img:hover{opacity:.7}.annot_img{border-radius:5px;cursor:pointer;transition:.3s}.sidepanel_image_modal{cursor:pointer;width:80%;display:block;margin-left:auto;margin-right:auto}.image-modal-container{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:column}.image-modal-content{margin:auto;display:block;max-width:80%;max-height:80%}.image-modal-caption{margin-top:15px;display:block;width:70%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;font-size:25px;font-family:Ysabeau,sans-serif;font-weight:700}.image-modal-3dmodel{cursor:pointer;width:80%;height:auto;margin:10px;border:none;padding:5px;box-shadow:2px 2px 5px rgba(0,0,0,.1);transition:.3s;display:block;margin-left:auto;margin-right:auto}.image-modal-3dmodel:hover{opacity:.7}.image-modal-opener{cursor:pointer;width:80%;height:auto;margin:10px;border:none;padding:5px;box-shadow:2px 2px 5px rgba(0,0,0,.1);transition:.3s;display:block;margin-left:auto;margin-right:auto;-moz-animation:blink normal 2s infinite ease-in-out;-webkit-animation:blink normal 2s infinite ease-in-out;-ms-animation:blink normal 2s infinite ease-in-out;animation:blink normal 2s infinite ease-in-out}.image-modal-opener:hover{opacity:.7}#image-modal-caption,.image-modal-content{animation-name:zoom;animation-duration:.6s}.annot_img:hover{opacity:.7}.annot_modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.5);justify-content:center}.annot_modal-content{margin:auto;display:block;width:30%;max-width:30%}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}#caption,.annot_modal-content{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.annot_close{position:fixed;top:15px;right:-130rem;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.annot_close:focus,.annot_close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (orientation:portrait){.annot_modal-content{width:100%}.close-button{top:10px;right:10px;font-size:30px}.annot_modal-content{width:80%;max-width:80%}.image-modal-caption{font-size:15px}.panoMark{width:10vw;height:10vw}}.camera_vp{position:absolute;top:0;left:0;z-index:1;padding:1em;width:20px;color:#fff;font-size:12px;line-height:1.2;transition:opacity .5s}.camera_vp_circle{width:2vw;height:2vw;font-size:1vw;padding:.1vw;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fff;border:2px solid #fff;margin-bottom:1vw;cursor:pointer;opacity:1}.camera_vp_circle:hover{opacity:1;border-color:#8f3714;border-radius:50%}@-moz-keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.blink-image{-moz-animation:blink normal 2s infinite ease-in-out;-webkit-animation:blink normal 2s infinite ease-in-out;-ms-animation:blink normal 2s infinite ease-in-out;animation:blink normal 2s infinite ease-in-out}.semantic_text{position:absolute;float:left;width:auto;height:auto;color:#fff;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:3;transform:translate(-50%,-100%);padding:5px;border-radius:50% 20%/10% 40%;background-color:#fff}