.apvr-wrapper {
    position: relative;
    min-height: 500px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #111;
}

@supports (container-type: inline-size) {
    .apvr-wrapper{
        container: avpr_player_query / inline-size;
    }
}

.apvr-fs-overflow{
    overflow:hidden!important;
}
.apvr-fs{
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    z-index:2147483647!important;
    overflow:hidden!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
} 

.apvr-interface-block{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: #111;
    transition: opacity 0.3s ease-out;
    pointer-events: none;
}
.apvr-interface-block-hidden{
    opacity: 0;
}


/* ad */

.apvr-ad-holder{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: #111;
    display: none; 
    opacity: 0;
    transition: opacity 0.35s ease-out;
}
.apvr-ad-holder-visible{
    opacity: 1;
}
.apvr-ad-container{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

.apvr-ad-container .apvr-ad-iframe,
.apvr-ad-container iframe,
.apvr-ad-container .apvr-ad-media{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width: none;
    max-height: none;
    visibility: visible;
    opacity: 1;
}
.apvr-ad-skip{
    position: absolute;
    top: 30px;
    left: 30px;
    background: #333;
    color: #fff;
    border: 1px solid #999;
    padding: 10px;
    cursor: pointer;
    transition: opacity 0.35s ease-out;
    display: none;
}
@media (hover: hover) {
    .apvr-ad-skip:hover{
        opacity: 0.9;
    }
}



/* ad */

.apvr-panorama-holder,
.apvr-panorama-video-holder{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: none; 
    opacity: 0;
    transition: opacity 0.35s ease-out;
}
.apvr-panorama-holder-visible{
    opacity: 1;
}

.apvr-scene-transition-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    pointer-events: none;
}

/* fade */

.apvr-scene-transition-fade.apvr-scene-transition-img{
    transition: opacity 0.35s ease-out;
}
.apvr-scene-transition-fade.apvr-scene-transition-img-hide{
    opacity: 0;
}

/* reveal */

.apvr-scene-transition-reveal-left.apvr-scene-transition-img{
    transition:left 0.5s ease-in-out;
}
.apvr-scene-transition-reveal-left.apvr-scene-transition-img-hide{
    left: -100%;
}
.apvr-scene-transition-reveal-right.apvr-scene-transition-img{
    left:auto;
    right: 0;
    transition:right 0.5s ease-in-out;
}
.apvr-scene-transition-reveal-right.apvr-scene-transition-img-hide{
    right: -100%;
}
.apvr-scene-transition-reveal-top.apvr-scene-transition-img{
    transition:top 0.5s ease-in-out;
}
.apvr-scene-transition-reveal-top.apvr-scene-transition-img-hide{
    top: -100%;
}
.apvr-scene-transition-reveal-bottom.apvr-scene-transition-img{
    top: auto;
    bottom: 0;
    transition:bottom 0.5s ease-in-out;
}
.apvr-scene-transition-reveal-bottom.apvr-scene-transition-img-hide{
    bottom: -100%;
}

/* zoom out */

.apvr-scene-transition-zoom-out.apvr-scene-transition-img{
    transition:scale 0.35s ease-out;
}
.apvr-scene-transition-zoom-out.apvr-scene-transition-img-hide{
    scale:0;
}



/* swipe */

.apvr-scene-transition-container{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    pointer-events: none;
}
.apvr-scene-transition-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: #ff3158;
    transform: scaleX(0);
    animation-duration: 2s;
}
.apvr-scene-transition-swipe.apvr-scene-transition-img{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes st_swipe_img {
  0% {
    opacity: 1;
  }
  50% {
    opacity:1;
  }
  51% {
    opacity:0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes st_swipe_overlay_left {
   0% {
    transform: scaleX(0);
    transform-origin: 100% 0%;
  }
  50% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
  }
  51% {
    transform: scaleX(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 0% 50%;
  }
}
@keyframes st_swipe_overlay_center {
  0% {
    transform: scaleX(0);
    transform-origin: 50% 50%;
  }
  50% {
    transform: scaleX(1);
    transform-origin: 50% 50%;
  }
  51% {
    transform: scaleX(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scaleX(0);
    transform-origin: 50% 100%;
  }
}
@keyframes st_swipe_overlay_right {
   0% {
    transform: scaleX(0);
    transform-origin: 0% 50%;
  }

  50% {
    transform: scaleX(1);
    transform-origin: 0% 50%;
  }

  51% {
    transform: scaleX(1);
    transform-origin: 100% 50%;
  }

  100% {
    transform: scaleX(0);
    transform-origin: 100% 50%;
  }
}





.apvr-drop-effect{
    transform: translateY(0);
    transition-duration: 350ms;
    transition-timing-function: ease-out;
    transition-property: opacity, transform;
}
.apvr-drop-effect-execute{
    opacity: 0;
    transform: translateY(400px);
}



.apvr-btn-reset{
    color: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: none;
    line-height: 1em;
    list-style: none;
    text-transform: none;
    vertical-align: baseline;
    border: 0;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    font-weight: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
}
@media (hover: hover) {
    .apvr-btn-reset:hover{
        text-decoration: none;
    }
}




.apvr-logo{
    position: absolute;
    top: 10px;
    right: 10px;
}

/* group dropdown */

.apvr-scene-group-wrap{
    position: absolute;
    top: 100px;
    right: 10px;
    display: flex;
    flex-direction: column;
}
.apvr-scene-group-select{
    margin: 5px;
    min-width: 150px;
    padding: 5px 35px 5px 5px;
    font-size: 16px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 3px;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
}




/* gallery */

.apvr-scene-gallery-wrapper{
    position: absolute;
    background: #00000014;
    box-sizing: border-box;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-wrapper{
    width: 100%;
    height: 120px;
    bottom: -120px;
    left: 0;
    transition: opacity 0.3s, bottom .3s ease-out;
    padding: 5px 0;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-opened{
    bottom: 0!important;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-wrapper{
    width: 150px;
    height: 100%;
    top: 0;
    right: -150px;
    transition: opacity 0.3s, right .3s ease-out;
    padding: 0 5px;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-opened{
    right: 0!important;
}
.apvr-scene-gallery-opened .apvr-controls-gallery-open{
    display: none;
}
.apvr-scene-gallery-closed .apvr-controls-gallery-close{
    display: none;
}
/*
@media (max-width: 960px){
    .apvr-scene-gallery-horizontal .apvr-scene-gallery-wrapper{
        height: 90px;
        bottom: -90px;
    }
}
@media (max-width: 560px){
    .apvr-scene-gallery-horizontal .apvr-scene-gallery-wrapper{
        height: 70px;
        bottom: -70px;
        padding: 0;
    }
}*/

.apvr-scene-gallery-horizontal .apvr-scene-gallery-inner{
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-content-wrap{
    position: absolute;
    left: 50%;
    max-width: 100%;
    height: 100%;
    transform: translateX(-50%);
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-content{
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-inner{
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-content-wrap{
    position: absolute;
    top: 50%;
    max-height: 100%;
    transform: translateY(-50%);
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.apvr-scene-gallery-slide{
    position: relative;
    top: 0;
    left: 0;
    padding: 2px;
    overflow: hidden;
    cursor: pointer;
    justify-content: center;
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box;
    text-align: center;
    background-color: transparent;
    user-select:none;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-slide{
    height: 100%;
    margin-right: 5px;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-slide:last-child{
    margin-right: 0;
}
.apvr-scene-gallery-horizontal .apvr-scene-gallery-slide-img{
    height: 100%;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-slide{
    margin-bottom: 5px;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-slide:last-child{
    margin-bottom: 0;
}
.apvr-scene-gallery-vertical .apvr-scene-gallery-slide-img{
    width: 100%;
}
.apvr-scene-gallery-slide-empty{
    content: url('gallery-placeholder.png');
}
.apvr-scene-gallery-slide .apvr-scene-gallery-slide-img{
    display: block;
}
.apvr-scene-gallery-title{
    position: absolute;
    bottom: 5px;
    color: #fff;
    background: #00000014;
    padding: 2px 7px;
    margin: 0;
}
.apvr-scene-gallery-visited{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    color: #cecece;
    display: none;
}
.apvr-scene-gallery-visited svg{   
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill:currentColor;
    height: 20px;
    display: block;
}
.apvr-scene-gallery-slide-active{
    cursor: default;
    background-color: #ff3158;
}
@media (hover: hover) {
    .apvr-scene-gallery-slide:hover{
        background-color: #ff3158;
    }
}

.apvr-controls-gallery-prev{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.apvr-controls-gallery-next{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.apvr-controls-gallery-toggle{
    position: absolute!important;
}
.apvr-scene-gallery-horizontal .apvr-controls-gallery-toggle{
    left: 50%;
    transform: translateX(-50%);
    top: -40px;
}
.apvr-scene-gallery-vertical .apvr-controls-gallery-toggle{
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    left: -40px;
}
.apvr-scene-is-video.apvr-scene-video-has-controls.apvr-scene-gallery-horizontal .apvr-controls-gallery-toggle{
    top: -70px;
}


.apvr-scene-controls-wrapper{
    transition: opacity 0.3s;
}
.apvr-scene-gallery-horizontal .apvr-scene-controls-wrapper{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    right:0;
    margin-top: -20px;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-prev{
    position: absolute;
    left:10px;
    top:0;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-next{
    position: absolute;
    right:10px;
    top:0;
}

.apvr-scene-gallery-vertical .apvr-scene-controls-wrapper{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 40px;
}
.apvr-scene-is-video.apvr-scene-video-has-controls.apvr-scene-gallery-vertical .apvr-scene-controls-wrapper{
    bottom: 30px;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-prev{
    position: absolute;
    left:0px;
    top:0;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-next{
    position: absolute;
    right:0px;
    top:0;
}

















/* hotspot */

.apvr-hotspot-top-index{
    z-index: 9999999!important;
}

.apvr-hotspot-default .apvr-hotspot-inner{
    padding: 8px 8px;
    border-radius: 40px;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 0 0 0 rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    flex-direction: row;
}

.apvr-hotspot-embed .apvr-hotspot-inner{
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 0 0 0 rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    flex-direction: column;
}

.apvr-hotspot-embed-3d .apvr-hotspot-inner{
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 0 0 0 rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    flex-direction: column;
}



/* caption */

.apvr-hotspot-caption{
    vertical-align: middle;
    color: inherit;
    margin: 0 5px;
    padding: 0;
}
.apvr-hotspot-caption:empty{
    margin: 0;
    padding: 0; 
}
.apvr-hotspot-description{
    margin: 0;
    padding: 0;
}

.embed3d-poi-helper .apvr-hotspot-caption{
    white-space: nowrap;
    width: auto;
    color: #fff;
    display: block;
}
.embed3d-poi-helper .apvr-hotspot-description{
    white-space: nowrap;
    width: auto;
    color: #fff;
    display: block;
}


.apvr-hotspot-helper-hidden{
    opacity: 0!important;
    pointer-events: none!important;
}

.apvr-hotspot-helper-dot{
    background-color: rgba(255, 0, 0, 0.5);
    width: 12px;
    height: 12px;
    border-radius: 100%;
}


.apvr-hotspot-helper-dot-frontend{
    pointer-events: none!important;
    opacity: 0!important;
}


.apvr-interface-hidden .apvr-main-controls-wrapper,
.apvr-interface-hidden .apvr-scene-controls-wrapper,
.apvr-interface-hidden .apvr-controls-nav,
.apvr-interface-hidden .apvr-controls-compass,
.apvr-interface-hidden .pnlm-compass,
.apvr-interface-hidden .apvr-scene-gallery-wrapper{
    opacity: 0!important;
    pointer-events: none!important;
}

/* controls */
.apvr-main-controls-wrapper{
    position: absolute;
    top:10px;
    left:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transition: opacity 0.3s;
}

.apvr-controls-icon{  
    position: relative;
    width: 40px;
    height: 40px; 
    
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s ease-out;
    user-select:none;
}
.apvr-controls-icon svg{  
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill:currentColor;
    transition: all .1s ease-out;
    height: 20px;
    display: block;
    filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .15)); 
}


.apvr-main-controls-wrapper .apvr-controls-icon svg,
.apvr-scene-controls-wrapper .apvr-controls-icon svg,
.apvr-scene-gallery-wrapper .apvr-controls-icon svg,
.apvr-controls-nav .apvr-controls-icon svg,
.apvr-scene-annotation-wrap svg{
    color: #e7e7e7;
}
@media (hover: hover) {
    .apvr-main-controls-wrapper .apvr-controls-icon:hover svg,
    .apvr-scene-controls-wrapper .apvr-controls-icon:hover svg,
    .apvr-scene-gallery-wrapper .apvr-controls-icon:hover svg,
    .apvr-controls-nav .apvr-controls-icon:hover svg,
    .apvr-scene-annotation-wrap .apvr-controls-icon:hover svg{
        color: #ff3158;
    }
}
.apvr-controls-icon-active svg{
    color: #ff3158!important;
}

.apvr-controls-hidden{
    display: none!important;
}




.apvr-controls-zoom{
    display: flex;
    flex-direction: row;
}


.apvr-autorotate-on .apvr-controls-autorotate-start{
    display: none;
}
.apvr-autorotate-off .apvr-controls-autorotate-stop{
    display: none;
}

.apvr-volume-on .apvr-controls-volume-off{
    display: none;
}
.apvr-volume-off .apvr-controls-volume-on{
    display: none;
}

.apvr-fullscreen-on .apvr-controls-fullscreen-enter{
    display: none;
}
.apvr-fullscreen-off .apvr-controls-fullscreen-exit{
    display: none;
}

.apvr-controls-icon-hidden{
    display: none!important;
}


.apvr-controls-scene-prev-preview,
.apvr-controls-scene-next-preview{
    pointer-events: none;
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    box-sizing: border-box;
    background-color:#fff;
    padding:5px;
    border-radius:100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 0 5px 1px #00000024;
    z-index: 9999;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-prev-preview,
.apvr-scene-gallery-horizontal .apvr-controls-scene-next-preview{
    top: -35px;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-prev-preview,
.apvr-scene-gallery-vertical .apvr-controls-scene-next-preview{
    top: -135px;
}
.apvr-controls-scene-prev-preview-bg,
.apvr-controls-scene-next-preview-bg{
    width: 100%;
    height: 100%;
    border-radius:100%; 
    background-size: cover;
    background-position: center;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-prev-preview{
    left: 45px;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-next-preview{
    left: -105px;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-prev-preview{
    left: 0;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-next-preview{
    left: 0;
}
.apvr-controls-scene-prev-preview-title,
.apvr-controls-scene-next-preview-title{
    background: #00000029;
    text-align: center;
    margin-top: 8px;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
}


.apvr-controls-scene-disabled{
    display: none!important;
}
.apvr-controls-scene-preview-visible{
    opacity: 1;
}



/* info box */

.apvr-info-box-wrap{
    position: absolute;
    background: rgba(0,0,0,0.3);
    display: none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-out;
    opacity: 0;
}
.apvr-info-box-inner{
    overflow-y: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
@media (max-width: 800px){ 
    .apvr-info-box-inner{
        align-items: flex-start;
    }
    .apvr-info-box{
        margin-top: 50px;
    }
}
@container avpr_player_query (max-width: 800px){ 
    .apvr-info-box-wrap .apvr-info-box-inner{
        align-items: flex-start;
    }
    .apvr-info-box-wrap .apvr-info-box{
        margin-top: 50px;
    }
}
.apvr-info-box{
    position: absolute;
    padding: 20px;
    background: #e7e7e7;
    max-width: 600px;
}
.apvr-info-box-close{
    position: absolute;
    top: 0;
    right: 0;
    text-shadow: none;
    color: #aaa;
    height: 40px;
}
.apvr-info-opened{
    opacity: 1;
}



/* compass */
.apvr-controls-compass{
    position: absolute;
    right: 4px;
    bottom: 4px;
    background: #ffffffe8;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}
.apvr-controls-compass .apvr-controls-icon{
    height: 50px;
    width: 50px;
}

.apvr-scene-is-video.apvr-scene-video-has-controls .apvr-controls-compass,
.apvr-scene-is-video.apvr-scene-video-has-controls .pnlm-compass{
    bottom: 40px;
}







/* share */

.apvr-share-holder-wrap{
    position: absolute;
    background: rgba(0,0,0,0.3);
    display: none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-out;
    opacity: 0;
}
.apvr-share-opened{
    opacity: 1;
}
.apvr-share-holder{
    position: absolute;
    max-width: 500px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);   
    background: #e7e7e7;
}
.apvr-share-holder-inner{
    padding: 20px 40px 20px 20px;
}
.apvr-share-container{
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 10px;
}
.apvr-share-item{
    width:35px;
    height:35px;
    display: flex;
    flex-shrink: 0;
    user-select:none;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-right: 8px; 
    margin-bottom: 5px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
}
.apvr-share-close{
    position: absolute;
    top: 0;
    right: 0;
    text-shadow: none;
    color: #aaa;
    height: 40px;
}
@media (hover: hover) {
    .apvr-info-box-close:hover,
    .apvr-share-close:hover{
        color: #fff;
    }
    .apvr-share-item:hover{
        opacity: 0.8;
    }
}
.apvr-share-item[data-type="facebook"]{
    background: #3b5998!important;
}
.apvr-share-item[data-type="twitter"]{
    background: #00aced!important;
}
.apvr-share-item[data-type="tumblr"]{
    background: #34526f!important;
}
.apvr-share-item[data-type="whatsapp"]{
    background: #25D366!important;
}
.apvr-share-item[data-type="viber"]{
    background: #665CAC!important;
}
.apvr-share-item[data-type="linkedin"]{
    background: #007bb6!important;
}
.apvr-share-item[data-type="reddit"]{
    background: #FF4301!important;
}
.apvr-share-item[data-type="digg"]{
    background: #005be2!important;
}
.apvr-share-item[data-type="pinterest"]{
    background: #cb2027!important;
}


.apvr-embed-box{
    display: flex;
}
.apvr-embed-field-wrap{
    display: flex;
    align-items: center;
    position: relative;
    margin:0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    padding: 5px;
    color: #999;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background: #fff;
}
.apvr-embed-field-wrap-selected{
    background: #676767;
    color: #fff;
}
.apvr-embed-title{
    font-size: 18px;
    margin: 5px 0;
    color: #464646;
}
.apvr-share-copy,
.apvr-embed-copy{
    display: inline-block;
    padding: 8px 12px!important;
    font-size: 13px;
    cursor: pointer;
    float: right;
    align-self: flex-start;
    margin-left: 5px;
    margin-right: 5px;
    white-space: nowrap;
    background-color: #607D8B;
    color: #fff;
    transition: opacity 0.3s ease-out; 
}

@media (hover: hover) {
    .apvr-share-copy:hover,
    .apvr-embed-copy:hover{
        opacity: 0.9;
    }  
}











/* icon */

.apvr-hotspot-icon{   
    margin: 0px auto;
    vertical-align: middle;
    font-size: 24px;
    color: inherit!important;
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular', 'Font Awesome 5 Brands', 'Arial';
    font-weight: 900;
    font-style: normal;
}

.apvr-hotspot-svg{   
    position: relative;
}
.apvr-hotspot-svg svg{   
    position: relative;
    height: 24px;
    padding: 0!important;
    margin: 0!important;
    fill:currentColor;
    display: block;
}


/* tooltip */

.apvr-hotspot-tooltip{
    position:absolute;
    z-index:40;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    padding:5px 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    white-space: nowrap;
    background: #fff;
    border-radius:6px;
    font-size: 14px;
    color: #111;
}
.apvr-hotspot-tooltip::after {
     content: " ";
     position: absolute;
     top: 98%; 
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #fff transparent transparent transparent;
}

.apvr-scene-preview-tooltip{
    position:absolute;
    z-index:40;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height:100px;
    box-sizing: border-box;
    text-align: center;
    background-color:#fff;
    padding:5px;
    border-radius:100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}
.apvr-scene-preview-tooltip-bg {
    width: 100%;
    height: 100%;
    border-radius:100%; 
    background-size: cover;
    background-position: center;
}
.apvr-scene-preview-title{
    background: #00000029;
    text-align: center;
    margin-top: 8px;
    padding: 0 5px;
    display: inline-block;
    color: #fff;
}




.apvr-features-list{
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    display: none;
}
.apvr-features-icon-wrap{
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    color: #607d8b;
}
.apvr-features-icon-wrap svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: currentColor;
    height: 20px;
    display: block;
}
.apvr-features-text-wrap{
    margin: 0 0 0 5px;
    padding: 0;
}
.apvr-features-item{
    padding: 10px 10px 10px 0;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.apvr-features-item-disabled{
    opacity: 0.3;
}
@media (hover: hover) {
    .apvr-features-item:not(.apvr-features-item-disabled):hover{
        color:#ccc;
    }
}



/* show hide features */
.apvr-icon-hidden .apvr-controls-scene-list,
.apvr-icon-hidden .apvr-controls-fullscreen,
.apvr-icon-hidden .apvr-controls-volume,
.apvr-icon-hidden .apvr-controls-zoom,
.apvr-icon-hidden .apvr-controls-autorotate,
.apvr-icon-hidden .apvr-controls-info,
.apvr-icon-hidden .apvr-controls-show-map,
.apvr-icon-hidden .apvr-controls-search,
.apvr-icon-hidden .apvr-controls-gyro,
.apvr-icon-hidden .apvr-controls-share{
    display: none!important;
}

.apvr-annotation-hidden .apvr-scene-annotation-wrap{
    display: none!important;
}



.apvr-nav-control-hidden .apvr-controls-nav,
.apvr-nav-control-hidden .apvr-scene-controls-wrapper,
.apvr-nav-control-hidden .apvr-scene-gallery-wrapper,
.apvr-nav-control-hidden .apvr-controls-compass{
    display: none!important;
}


.apvr-hotspot-hidden .apvr-hotspot{
    display: none!important;
}
.apvr-hotspot-is-hidden{
    display: none!important;
}

/* mobile */
.apvr-scene-list-compact-wrap{
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.apvr-scene-list-compact{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    min-height: 40px;
    min-width: 40px;
}

.apvr-features-list-compact-wrap{
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.apvr-features-list-compact{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 40px;
    width: 40px;
}







.apvr-scene-list-inner{
    position: absolute;
    background: #fff;
    padding: 10px;
    overflow-y: auto;
    max-height: 250px;
    max-width: 250px;
    display: none;
    border-radius: 3px;
}
.apvr-scene-list-item{
    padding:5px 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.apvr-scene-list-title{
    margin: 0;
    padding: 0;
}
@media (hover: hover) {
    .apvr-scene-list-item:hover{
        color:#fff;
        background-color: #607d8b;
    }
}
.apvr-scene-list-item-active{
    color:#fff;
    background-color: #607d8b;
    cursor: default;
}




/* poi */

.embed3d-poi-helper{
    width: 1px;
    height: 1px;
    z-index: 99999999;
    display: flex;/*for caption  */
    align-items: center;
    flex-direction: column;
}

.apvr-poi-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 600px;
   /* border-radius: 10px;*/
    background: #fff;
    padding: 10px;
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    box-sizing: border-box;
}
.apvr-poi-arrow{
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    width: 0;
    height: 0;
    transform-origin: center;
}
.apvr-poi-position-left,
.apvr-poi-position-right{
    top:50%;
    transform: translateY(-50%);
}
.apvr-poi-position-top,
.apvr-poi-position-bottom{
    left:50%;
    transform: translateX(-50%);
}
.apvr-poi-position-left .apvr-poi-arrow{
    top: calc(50% - 5px);
    transform: rotate(90deg);
    left: calc(100% - 5px);
}
.apvr-poi-position-bottom .apvr-poi-arrow{
    top: -9px;
    left: calc(50% - 10px);
}
.apvr-poi-position-top .apvr-poi-arrow{
    left: calc(50% - 10px);
    transform: rotate(180deg);
    top: calc(100% - 1px);
}
.apvr-poi-position-right .apvr-poi-arrow{
    top: calc(50% - 5px);
    left: -14px;
    transform: rotate(-90deg);
}


.apvr-poi-position-top .apvr-poi-hover-helper{
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    bottom: -25px;
}
.apvr-poi-position-bottom .apvr-poi-hover-helper{
    position: absolute;
    width: 100%;
    height: 25px;
    left: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    top: -25px;
}
.apvr-poi-position-left .apvr-poi-hover-helper{
    position: absolute;
    width: 25px;
    height: 100%;
    right: -25px;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    top: 0;
}
.apvr-poi-position-right .apvr-poi-hover-helper{
    position: absolute;
    width: 25px;
    height: 100%;
    left: -25px;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    top: 0;
}


.apvr-poi-content{
    overflow-y: auto;
    max-height: 500px;
}
.apvr-poi-content-inner{
    height: 100%;
}
.apvr-poi-box-visible{
    opacity: 1;
    pointer-events: initial;
}
.apvr-poi-content-inner iframe,
.apvr-poi-iframe{
    border:none;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    display: block;
}


.apvr-media{
    width: 100%;
}

/*
.apvr-media.video-js{
    width: 100%;
}
.apvr-media.video-js video{
    position: relative;
    height: auto;
}*/


.apvr-poi-iframe-vid{
    aspect-ratio: 16 / 9;
}

.apvr-poi-content-inner .apvr-poi-pdf{
    height: 300px;
}
.apvr-poi-content-inner .apvr-poi-gmap{
    height: 300px;
}
.apvr-poi-content-inner .apvr-poi-iframe-i{
    height: 300px;
}
.apvr-media-audio{
    width: 100%;
}


.apvr-poi-content-close{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: #939393!important;
    background: #fff!important;/*video js overwrite*/
    z-index: 9999;
}
.apvr-poi-content-close svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: currentColor;
    transition: all .1s ease-out;
    height: 20px;
    display: block;
}


.apvr-poi-content-info{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.apvr-poi-content-title{
    font-weight: 600;
    font-size: 14px;
}
.apvr-poi-content-description{
    margin-bottom: 5px;
    font-size: 13px;
}



.aptbox-iframe {
    min-height: 100px;
}



    

.apvr-poi-box-image{
    width: 100%;
    display: block;
}  

.apvr-poi-gallery-item{
    margin-bottom: 10px;
}
.apvr-poi-gallery-item-title{
    font-size: 16px;
    text-align: center;
}
.apvr-poi-gallery-item-description{
    font-size: 14px;
    text-align: center;
}


.apvr-poi-pulse-white{
    animation: apvr_pulse_white 1.3s infinite;
}
@keyframes apvr_pulse_white {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}





.poi_embed_selection2{
    width: 300px;
    height: 150px;
    margin: 0 auto;
    vertical-align: middle;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.1)!important;
    border-color: rgb(255, 255, 255);
    border-width: 3px;
    position: absolute;
    top: -75px;
    box-sizing: border-box;
    left: -150px;
    border-radius: 0;
}




.apvr-hotspot-embed .apvr-embed-box{
    min-height: 100px;
    width: 200px;
    box-sizing: border-box;
    position: relative;
}
.apvr-hotspot-embed-3d .apvr-embed-box{
    height: 150px;
    width: 300px;
    box-sizing: border-box;
}

.apvr-embed-content-poster{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden; 
}
.apvr-embed-content-poster-img,
.apvr-poi-content-poster-img{
    display: block;
    min-width: 100%;
    min-height: 100%;
}
.apvr-embed-content-poster-play-btn,
.apvr-poi-content-poster-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.apvr-embed-box video{
    height: 100%;
    object-fit: cover;
}
.apvr-embed-box iframe{
    display: block;
}


.apvr-content-blocker{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top:0;
    background: rgba(0,0,0,0);
}




.ap-embed-point{
    position: absolute;
    border-color: #ff0000ab;
    border-width: 10px;
    border-style: solid;
    border-radius: 10px;
    z-index: 10000;
    cursor: move;
}

.apvr-embed-content-img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select:none;
}

.apvr-embed-content-iframe-vid{
    object-fit: cover;
}








.apvr-hotspot-image{
    user-select: none;
    pointer-events: none;
    max-width: 100%;
    border: 0!important;
    box-shadow: none!important;
    margin: 0!important;
    display: inline-block;
}
.apvr-hotspot-image-hidden{
    opacity: 0;
}




/* tooltip */
.apvr-tooltip-inner{
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    color: #333;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    cursor: default;
    font-size: 13px;
    line-height: 1.5;
}
@media (hover: hover) {
    .apvr-tooltip:hover .apvr-tooltip-inner{
        visibility: visible;
    }
    .apvr-tooltip:hover .apvr-tooltip-inner:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        bottom: -19px;
        left: -10px;
        margin: 0 50%;
    }
}

.apvr-tooltip-hover-hit{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 50px;
    background: rgba(0,0,0,0.01);
    opacity: 0;
    display: none;
}
@media (hover: hover) {
    .apvr-tooltip:hover .apvr-tooltip-hover-hit{/* we dont want hit triggering tooltip to show */
        display: block;
    }
}

.apvr-tooltip-inner img{
    max-width: none!important;
   /* width: 100%;*/
    display: block;

}



.apvr-hotspot-anchor{
    text-decoration: none;
    color: inherit;
    box-shadow: none;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    top:0;
    left:0;
}
@media (hover: hover) {
    .apvr-hotspot-anchor:hover{
        text-decoration: none;
        color: inherit;
        box-shadow: none;
    }
}
.apvr-hotspot-anchor:focus{
    text-decoration: none;
    color: inherit;
    box-shadow: none;
}


.apvr-media{
    display: block;
}



/* scene annotation */
.apvr-scene-annotation-wrap{
    position: absolute;
    background: #00000017;
    top:50px;
    left: 20px;
    margin-right: 20px;
    max-width: 30%;
    opacity: 0;
    display: none;
    padding: 10px 40px 10px 10px;
    transition: opacity .5s ease-out; 
}
@media (max-width: 960px){
    .apvr-scene-annotation-wrap{
        max-width: none;
    }
}
@container avpr_player_query (max-width: 960px){ 
    .apvr-scene-annotation-wrap{
        max-width: none;
    }
}

.apvr-scene-annotation-title{
    font-size: 22px;
    color: #fff;
    margin: 0;
    padding: 0;
}
.apvr-scene-annotation-description{
    font-size: 13px;
    margin: 5px 0 0 0;
    color: #fff;
    padding: 0;
    white-space: pre-wrap;
}
.apvr-scene-annotation-visible{
    opacity: 1;
}
.apvr-scene-annotation-close{
    position: absolute;
    top: 0;
    right: 0;
}

.pnlm-controls-container{
    display: none!important;
}


.apvr-hotspot-shortcode-content{
    opacity: 0;
    transition: opacity .5s ease-out;  
}






/* product */
.apvr-poi-product-wrap{
    position: relative;
    height: 100%;/**/
}
.apvr-poi-product-inner{
    display: flex;
    flex-direction: row;
    height: 100%;/**/
}
.apvr-poi-product-thumb{
    width: 40%;
}
.apvr-poi-product-thumb img{
    width: 100%!important;
    display: block;
}
.apvr-poi-product-info{
    flex:1;
    /*margin: 20px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    padding: 20px;/**/
    background: #fff;/**/
}
.apvr-poi-product-info-top{
    
}
.apvr-poi-product-info-top{
    text-align: left;
}
.apvr-poi-product-title{
    font-size: 22px;
}
.apvr-poi-product-description{
    font-size: 14px;
    margin-top: 5px;
}
.apvr-poi-product-price{
    font-size: 20px;
    margin-top: 5px;
}
.apvr-poi-product-add-to-cart{
    background: #96588a;
    color: #fff;
    text-decoration: none;
    box-shadow: none;
    border-radius: 1px;
    padding: 10px 20px; 
}
@media (hover: hover) {
    .apvr-poi-product-add-to-cart:hover{
        color: #eee;
    }
}








/* product slider */
.ap-slider-wrap {
    width: 100%;
    height: 100%;/**/
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.ap-slider {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: all 0.5s ease-out;
    height: 100%;/**/
}
.ap-slide {
    width: 100%;
    position: relative;
    flex-shrink: 0;
}
.ap-slide img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}
.ap-btn-prev,
.ap-btn-next {
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #fff;
    font-size: 18px;
    top: 50%;
    margin-top: -20px;
}
.ap-btn-prev {
    left: 2%;
}
.ap-btn-next {
    right: 2%;
}




/* nav control */

.apvr-controls-nav{
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 10px;
    bottom: 50px;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.4);
    box-sizing: border-box;
    transition: opacity 0.3s;
}
.apvr-controls-nav .apvr-controls-icon{
    text-shadow: none;
}
.apvr-controls-left{
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 20px;
}
.apvr-controls-right{
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    width: 20px;
}
.apvr-controls-up{
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
}
.apvr-controls-down{
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
}
.apvr-controls-drag{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: move;
}
.apvr-controls-drag svg{
    touch-action: none;
}

.apvr-hotspot.pnlm-pointer{
    cursor: default;
}

.apvr-panorama-video{
    position: absolute;
    width: 100%;
    height: 100%;
}


/* scene loader */

.apvr-scene-loader-wrap{
    display: none;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}
.apvr-scene-loader-img{
    display: block;
   
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  opacity: 0.7;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.pnlm-panorama-info{
    display: none!important;
}



.apvr-is-drag{
    opacity: 0.4;
}



/* poi loader */

.apvr-poi-loader {
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border: 5px solid #fafafa4a;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: apvr_poi_loader 1s linear infinite;
}
@keyframes apvr_poi_loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 


.apvr-wrapper .pnlm-load-box{
    display: none!important;
}








.apvr-product-dialog{
    position: relative;
    max-width: 600px;
    width: 100%;
    z-index: 9999999;
    background: #fff;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.apvr-product-dialog-shown{
    opacity: 1;
}
.apvr-product-dialog-close{
    position: absolute;
    top:0;
    right:0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.apvr-product-dialog-close svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: currentColor;
    height: 30px;
    display: block;
}
.apvr-product-dialog-inner{
    padding: 20px;
}
.apvr-product-dialog-header{
    color: #333;
    padding: 5px 0 15px;
    font-weight: bold;
    font-size: 18px;
}
.apvr-product-dialog-content{

}
.apvr-product-dialog-item{
    display: none;
}
.apvr-product-dialog-item-inner{
    display: flex;
    flex-direction: row;
}
.apvr-product-info-thumb{
    width: 30%;
    flex-shrink: 0;
    margin-right: 10px;
}
.apvr-product-info-thumb-img{
    display: block;
    width: 100%;
    min-width: 100%;
}
.apvr-product-info-title{
    font-weight: 600;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
}
.apvr-product-info-description{
    font-size: 13px;
    color: #555;
}
.apvr-product-dialog-pagination{
    margin-top: 10px;
}
.apvr-product-dialog-pagination-menu{
    display: flex;
    flex-direction: row;
}
.apvr-product-dialog-pagination-item{
    text-decoration: none;
    list-style: none;
}
.apvr-product-dialog-pagination-btn{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-weight: 600;
}
@media (hover: hover) {
    .apvr-product-dialog-pagination-btn:hover{
        background-color: #337ab7;
        border-color: #337ab7;
        color: #fff;
    }
}
.apvr-product-dialog-pagination-item-active .apvr-product-dialog-pagination-btn{
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}



/* floor plan */
.apvr-floor-plan{
    display: none;
    max-width: 400px; 
    width:100%;
    position: absolute;
    bottom: 0;
    left:0;
    transition: max-width 0.3s ease-out, height 0.3s ease-out;
    max-height: 100%;
    overflow-y: auto;
}
.apvr-floor-plan-expanded{
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.apvr-floor-plan-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0,0,0,0.5);
    min-height: 100%; 
}
.apvr-floor-plan-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.apvr-floor-plan-top{
    display: flex;
    flex-direction: row;
    min-height: 40px;
    justify-content: space-between;
    padding: 5px 5px 5px 40px;
    width: 100%;
    box-sizing: border-box;
}
.apvr-floor-plan-title{
    color: #e7e7e7;
    display: flex;
    align-items: center;
}
.apvr-floor-plan-top-actions{
    display: flex;
    flex-direction: row;
}
.apvr-floor-plan-top-actions .apvr-floor-plan-icon{
    border-radius: 6px;
    color: #e7e7e7;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 30px;
    flex-shrink: 0;
} 
.apvr-floor-plan-bottom{
    position: relative;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
}
.apvr-floor-plan-prev{
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 30px;
    position: relative;
    color: #e7e7e7;
    flex-shrink: 0;
    margin: 0 5px;
}
.apvr-floor-plan-next{
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 30px;
    position: relative;
    color: #e7e7e7;
    flex-shrink: 0;
    margin: 0 5px;
}
.apvr-floor-plan-btn-hidden{
    opacity: 0!important;
    pointer-events: none!important;
}
.apvr-floor-plan-btn-disabled{
    opacity: 0.5!important;
    pointer-events: none!important;
}
@media (hover: hover) {
    .apvr-floor-plan-prev:hover,
    .apvr-floor-plan-next:hover{
        background-color: rgba(255,255,255,0.5);
    }
}
.apvr-floor-plan-icon svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill:currentColor;
    height: 20px;
    display: block;
}
@media (hover: hover){
    .apvr-floor-plan-icon:hover svg {
        color: #fff;
    }
}
.apvr-floor-plan-image-container-wrap{
    position: relative;
    overflow: hidden;
}
.apvr-floor-plan-image-container{
    position: relative;
    display: none;
    transform-origin: center;
    touch-action: none;
}
.apvr-floor-plan-image-active{
    display: block;
}
.apvr-floor-plan-image{
    display: block;
    width: 100%;
    user-select:none;
}
.apvr-floor-plan-pin{
    background-color: rgb(245, 172, 168, 0.6);
    border-radius: 100%;
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    transition-property: width, height;
    transition-duration: 200ms;
}
.apvr-floor-plan-pin-selected{
    background-color: rgb(245, 172, 168, 1);
    height: 30px;
    width: 30px;
    margin-left: -15px;
    margin-top: -15px;
}
.apvr-floor-pin-tooltip{
    opacity: 0;
    background: rgb(245, 172, 168);
    color: #ffffff;
    position: absolute;
    font-size: 14px;
    white-space: nowrap;
    line-height: 16px;
    padding: 10px;
    left: 20px;
    border-radius: 20px;
    top: -11px;
    pointer-events: none;
    transition:  opacity 0.3s ease-out;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
    pointer-events: none;
}
@media (hover: hover) {
    .apvr-floor-plan-pin:hover{
        background-color: rgb(245, 172, 168, 1);
    }
    .apvr-floor-plan-pin:hover .apvr-floor-pin-tooltip{
        opacity: 1;
    }
}


.apvr-hotspot-force-hide{
    display: none!important;
}




/* dialog */

/* pwd */

.apvr-dialog-holder{
    height: 100%;
    width: 100%;
    display: none;
    z-index:60;
    position: absolute;
    background: rgba(0,0,0,0.7);
    transition: opacity 0.3s ease-out;
    opacity: 0;
}
.apvr-dialog-opened{
    opacity: 1;
}
.apvr-dialog-holder-inner{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.apvr-dialog-data{
    position: relative;
    max-width: 350px;
    width: 100%;
    overflow: auto;
    scrollbar-width: thin;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}
@media (max-width: 400px){ 
    .apvr-dialog-data{
        max-width: 100%;
    }
}
@container avpr_player_query (max-width: 400px){ 
    .apvr-dialog-data{
        max-width: 100%;
    }
}
.apvr-dialog-inner{
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.apvr-input-field.apvr-pwd-field{
    background: rgba(0,0,0,0)!important;
    border-radius: 3px!important;
    border: 1px solid #e6e6e6!important;
    margin: 0!important;
    width: 100%!important;
    position: relative;
    left: 0;
    top: 0;
    height: 30px!important;
    padding: 0 0 0 5px!important;
    font-size: 13px!important;
    margin: 0!important;
    box-shadow: none!important;
    line-height: 1!important;
    box-sizing: border-box;
    -webkit-text-security: disc;
}
.apvr-dialog-header{
    font-size: 22px;
    color: #686868;
    margin: 0 0 10px 0;
    padding: 0;
}

.apvr-dialog-title{
    font-size: 14px;
    color: #b2b2b2!important;
    margin: 0;
    padding: 0;
}
.apvr-dialog-btn{
    padding: 10px 10px;
    background: #607D8B;
    text-align: center;
    align-items: center;
    max-width: 100px;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
}
.apvr-dialog-btn{
    transition: opacity 0.3s ease-out; 
}
@media (hover: hover) {
    .apvr-dialog-btn:hover{
        opacity: 0.7;
    }
}
.apvr-dialog-action{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    align-items: center;
    justify-content: space-evenly;
}

.apvr-login-btn{
    text-decoration: none!important;
}





/* presentation */

.apvr-presentation-panel-wrap{
    position: absolute;
    top: 60px;
    left: 0;
    max-width: 300px;
    width: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.35s ease-out;
    max-height: calc(100% - 60px);
   /* height: calc(100% - 60px);*/
}
.apvr-presentation-hidden{
    display: none;
}
.apvr-presentation-panel-opened{
    transform: translateX(0);
}
.apvr-presentation-panel{
    position: relative;
    height: 100%;
}
.apvr-presentation-content-wrap{
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 100%;
    max-height: 80vh;
}
.apvr-presentation-content{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
}
.apvr-presentation-panel-toggle{
    position: absolute;
    width: 25px;
    height: 40px;
    right: -25px;
    width: 25px;
    top: 10px;
    background: #607d8b;
    color: #fff;
    overflow: hidden;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0 5px 5px 0;
}
.apvr-presentation-toggle-wrap{
    transition: transform 0.3s;
}
.apvr-presentation-panel-opened .apvr-presentation-toggle-wrap{
    transform: scaleX(-1);
}
.apvr-presentation-title{
    font-weight: 600;
    font-size: 1em;
    margin: 3px;
    padding: 0;
}
.apvr-presentation-desc{
    font-size: 0.8em;
    margin: 3px;
    padding: 0;
}


.apvr-presentation-toggle{
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    display: none;
}
.apvr-presentation-toggle svg{
    color: #e7e7e7;
}








/* search */

.apvr-search-panel-wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 400px;
    width: 100%;
    background: #fff;
    transform: translateX(-100%);
    transition: transform 0.35s ease-out;
}
.apvr-search-panel-opened{
    transform: translateX(0);
}
.apvr-search-panel{
    position: relative;
    height: 100%;
}
.apvr-search-header{
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 10px;
    height: 60px;
    box-sizing: border-box;
}
.apvr-search-close{

}
.apvr-search-item-accordion-toggle{
    transition: transform 0.3s;
}
.apvr-accordion-closed{
    transform: scaleY(-1);
}
.apvr-search-clear{
    text-transform: uppercase;
    margin-right: 25px;
    font-size: 10px;
}
.apvr-search-input-wrap{
    flex: 1;
    display: flex;
    flex-direction: row;
    height: 40px;
    background-color: #f5f4f3;
    color: #444;
    border-radius: 50px;
}
.apvr-search-panel-wrap .apvr-controls-icon svg{
    color:#ccc;
}   
@media (hover: hover) {
    .apvr-search-panel-wrap .apvr-controls-icon:hover svg{
        color: #ff3158;
    }
}
.apvr-search-panel-wrap .apvr-search-input{
    background: rgba(0,0,0,0);
    margin: 0;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    padding: 0 0 0 15px;
    font-size: 16px;
    border: none;
    margin: 0 20px 0 0;
    box-shadow: none;
    line-height: 1;
    box-sizing: border-box;
}
.apvr-search-panel-wrap .apvr-search-input::placeholder {
    font-size: 16px;
}
.apvr-search-content{
    position: relative;
    overflow-y: auto;
    height: calc(100% - 60px);
    padding: 0 0 0 10px;
}
.apvr-search-content-inner{
    position: relative;
    margin-bottom: 10px;
}
.apvr-search-item-content-wrap{
    height: auto;
    overflow: hidden;
    transition: height .5s;
}
.apvr-search-container{
    position: relative;
}
.apvr-search-item-header{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px; 
}
.apvr-search-item-content-wrap{
    position: relative;
}
.apvr-search-item-content{
    position: relative;
}
.apvr-search-item-header-title{
    font-weight: 700;
    font-size: 17px;
    flex: 1;
    margin: 0;
    padding: 0;
}
.apvr-search-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 60px;
    padding-left: 20px;
    cursor: pointer;
    transition: background-color 0.5s ease-out;
}
.apvr-search-item-active{
    background-color: rgba(56,93,255,.1);
    cursor: default;
}
@media (hover: hover) {
    .apvr-search-item:hover{
        background-color: rgba(56,93,255,.1);
    }
}
.apvr-search-item-thumb{
    height: 50px;
    width: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-right: 15px;
}
.apvr-search-item-thumb img{
    display: block;
    width: 100%;
}
.apvr-search-item-details{
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden; 
    padding-right: 15px;
}
.apvr-search-item-title{
    padding: 0 10px 0 0;
    flex: 1;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}
.apvr-search-item-desc{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9e9e9e;
    margin: 5px 0 0 0;
    padding: 0;
}
.apvr-search-item-pin{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 50px;
    width: 40px;
    color: rgb(3, 104, 125);
    padding-right: 15px;
}
.apvr-search-item-pin svg{
    position: absolute;
    fill:currentColor;
    height: 30px;
    display: block;
}
.apvr-filter-hidden{
    display: none!important;
}
.apvr-search-filter-msg{
    display: none;
    line-height: 100px;
    color: #999;
    padding: 10px;
}

@media (min-width:1025px){
    .apvr-scroll-content::-webkit-scrollbar {
        width: 9px; 
        height: 9px; 
    }
    .apvr-scroll-content::-webkit-scrollbar-thumb {
        background: #aaa; 
    }
    .apvr-scroll-content::-webkit-scrollbar-track {
        background: #eee; 
    }
}




/* intro */

.apvr-intro{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
.apvr-intro-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
}
.apvr-intro-visible{
    opacity: 1;
}
.apvr-intro img{
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    display: block;
}
.apvr-intro-message{
    position: absolute;
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #eee;
}
.apvr-intro-start{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    height: 100px;
    cursor: pointer;
    transition: opacity 0.5s;
}
@media (hover: hover) {
    .apvr-intro-start:hover{
        opacity: 0.9;
    }
}
.apvr-intro-start svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill:currentColor;
    height: 100%;
    display: block;
}   

.aplbox-child.aplbox-3d_object{
    width: 100%; 
    height: 100%; 
}
.aplbox-child .apvr-model-viewer{
    width: 100%; 
    height: 100%; 
}
.apvr-poi-box3d_object .apvr-poi-content-inner{
    position: relative;
    min-height: 350px;
}
.apvr-poi-box3d_object .apvr-model-viewer{
    width: 100%; 
    height: 100%;
    position: absolute;
}