:root {
--apvr_dialog_close_hover_color: #fff;
}
.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-color: rgba(0,0,0,0);
transition: opacity 0.3s ease-out;
pointer-events: none;
}
.apvr-interface-block-hidden{
opacity: 0;
} .apvr-start-image-holder{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
transition: opacity 0.3s ease-out;
opacity: 0;
}
.apvr-start-image-holder-visible{
opacity: 1;
}
.apvr-start-image-holder-bg{
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
background-color: rgba(0,0,0,0.25);
display: flex;
align-items: center;
justify-content: center;
}
.apvr-start-image{
display: block;
max-width: 100%;
} .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;
}
}
.apvr-ad-skip-msg-hidden{
display: none!important;
}
.apvr-ad-skip-msg{
margin-right: 5px;
} .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;
} .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;
} .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%;
} .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;
} .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: #111;
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;
} .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;
} .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;
} .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(//cota.jp/wp-content/plugins/apvr/source/css/gallery-placeholder.png);
}
.apvr-scene-gallery-slide .apvr-scene-gallery-slide-img{
display: block;
}
.apvr-scene-gallery-preview{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
}
.apvr-scene-gallery-preview .pnlm-load-box{
display: none!important;
}
.apvr-scene-gallery-preview.pnlm-container{
background-color: rgba(0,0,0,0)!important;
background-image:none!important;
}
.apvr-scene-gallery-preview-video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.apvr-scene-gallery-preview-visible{
opacity: 1;
}
.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;
} .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;
} .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;
} .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-thumb,
.apvr-controls-scene-next-preview-thumb{
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-thumb,
.apvr-scene-gallery-horizontal .apvr-controls-scene-next-preview-thumb{
top: -35px;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-prev-preview-thumb,
.apvr-scene-gallery-vertical .apvr-controls-scene-next-preview-thumb{
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-thumb{
left: 45px;
}
.apvr-scene-gallery-horizontal .apvr-controls-scene-next-preview-thumb{
left: -105px;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-prev-preview-thumb{
left: 0;
}
.apvr-scene-gallery-vertical .apvr-controls-scene-next-preview-thumb{
left: 0;
}
.apvr-controls-scene-prev-preview-thumb .apvr-controls-scene-preview-title,
.apvr-controls-scene-next-preview-thumb .apvr-controls-scene-preview-title{
background: #00000029;
text-align: center;
margin-top: 8px;
display: inline-block;
padding: 0 5px;
color: #fff;
} .apvr-controls-scene-prev-preview-name,
.apvr-controls-scene-next-preview-name{
pointer-events: none;
position: absolute;
top: 3px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease-in-out;
z-index: 9999;
}
.apvr-controls-scene-prev-preview-name{
left: 38px;
}
.apvr-controls-scene-next-preview-name{
right: 38px;
}
.apvr-controls-scene-prev-preview-name .apvr-controls-scene-preview-title,
.apvr-controls-scene-next-preview-name .apvr-controls-scene-preview-title{
white-space: nowrap;
text-align: center;
background: rgb(0 0 0 / 36%);
color: #fff;
padding:8px;
border-radius: 8px;
}
.apvr-controls-scene-disabled{
display: none!important;
}
.apvr-controls-scene-preview-visible{
opacity: 1;
} .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;
} .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;
} .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: var(--apvr_dialog_close_hover_color);
}
.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;
}  
} .apvr-language-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-language-opened{
opacity: 1;
}
.apvr-language-holder{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);   
background: #e7e7e7;
}
.apvr-language-holder-inner{
padding: 20px 100px 20px 20px;
}
.apvr-language-close{
position: absolute;
top: 0;
right: 0;
text-shadow: none;
color: #aaa;
height: 40px;
}
@media (hover: hover) {
.apvr-language-close:hover{
color: var(--apvr_dialog_close_hover_color);
}
}
.apvr-language-select-wrap{
min-width: 200px;
position: relative;
}
.apvr-language-select {
appearance: none;
-webkit-appearance: none;
width: 100%;
font-size: 1.1rem;
padding: 5px;
color: #999;
border-radius: 3px;
border: 1px solid #e6e6e6;
cursor: pointer;
background-color: #fff;
background-image: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23555555' 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;
}
.apvr-language-select :has(option[value="it"]:checked) .select__flag { background-image: url(data:image/svg...);
} .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;
} .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;
}
} .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;
} .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;
} .embed3d-poi-helper{
width: 1px;
height: 1px;
z-index: 99999999;
display: flex; align-items: center;
flex-direction: column;
}
.apvr-poi-box{
position: fixed;
top: 0;
left: 0;
width: 100vw;
max-width: 600px; 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-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; 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;
} .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{ display: block;
}
}
.apvr-tooltip-inner img{
max-width: none!important; 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;
} .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;  
} .apvr-scene-guidance-wrap{
position:absolute; 
right:70px;
bottom:0;
width:320px;
height:320px;
transition: opacity 0.35s ease-out; 
display: none;
}
@media (max-width: 500px){ 
.apvr-scene-guidance-wrap{
width:220px;
height:220px;
}
}
@container avpr_player_query (max-width: 500px){ 
.apvr-scene-guidance-wrap{
width:220px;
height:220px;
}
}
.apvr-scene-guidance-video-holder{
position:absolute; 
width: 100%;
height: 100%; 
top:0;
left:0;
overflow: hidden;
}
.apvr-scene-guidance-video-play-btn{
position:absolute; 
width: 50px;
height: 50px;
cursor: pointer;
left: 50%;
top:50%;
margin-top: -25px;
margin-left: -25px;
color: #e7e7e7;
display: none;
}
.apvr-scene-guidance-video-play-btn svg{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
fill:currentColor;
height: 40px;
display: block;
}
.apvr-scene-guidance-video{
position:absolute;
user-select: none;
visibility: visible;
top:0;
left:0;
max-width:none!important;
width: 100%;
height: 100%; 
object-fit: contain;
} .apvr-poi-product-wrap{
position: relative;
height: 100%;
background: #fff;
overflow-y: auto;
}
.apvr-poi-product-inner{
display: flex;
flex-direction: row;
height: 100%; }
.apvr-poi-product-thumb{
position: relative;
width: 40%;
align-self: center;
align-items: center;
display: flex;
justify-content: center;
background: #fff;
}
@media (max-width: 800px){ 
.apvr-poi-product-wrap{
}
.apvr-poi-product-inner{
flex-direction: column;
}
.apvr-poi-product-thumb{
width: auto;    
}
}
.apvr-poi-product-thumb img{
width: 100%!important;
display: block;
}
.apvr-poi-product-info{
flex:1; 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-title{
font-size: 22px;
text-align: left;
}
.apvr-poi-product-description{
font-size: 18px;
margin: 10px 0;
text-align: left;
}
.apvr-poi-product-price{
font-size: 20px;
margin-top: 10px;
}
.apvr-poi-product-add-to-cart{
background: #96588a;
color: #fff;
text-decoration: none;
box-shadow: none;
border-radius: 1px;
padding: 10px 20px; 
}
.apvr-poi-product-wrap .single_add_to_cart_button{
background: #96588a;
}
@media (hover: hover) {
.apvr-poi-product-add-to-cart:hover{
color: #eee;
}
}
.apvr-poi-product-variable-container{
margin-bottom: 20px;
} .apvr-variation-cart-message-header{
margin: 0;
padding: 0;
}
.apvr-variation-cart-message-title{
font-weight: 600;
margin: 0;
padding: 0;
}
.apvr-variation-cart-message-popup{
position: absolute;
font-size: 13px;
padding: 10px;
right: 0;
bottom: 0;
opacity: 0;
transition: all 0.5s ease-out;
}
.apvr-variation-cart-message-popup{
background:#96588a;
color: #f1f1f1;
}
.apvr-variation-cart-message-popup-visible {
opacity: 1;
} .apvr-poi-product-loader-wrap{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.5);
opacity: 0;
transition: opacity 0.5s;
pointer-events: none;
}
.apvr-poi-product-loader-wrap-visible{
opacity: 1;
pointer-events: auto;
}
.apvr-poi-product-loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: apvr_poi_product_loader_rotation 1s linear infinite;
}
@keyframes apvr_poi_product_loader_rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .apvr-cart-holder{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.35);
display: none;
z-index: 9999999;
}
.apvr-cart-holder-inner{
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.apvr-cart-data{
position: relative;
max-width: 1200px;
max-height: 70%;
height:100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.apvr-cart-data-inner{
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
scrollbar-width: thin;
box-sizing: border-box;
padding: 30px;
}
.apvr-cart-product-added-header{
background: #9dc96a;
color: #fff;
padding: 20px;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
}
.apvr-cart-product-added-header-check{
height:20px;
color: inherit;
display: block;
}
.apvr-cart-container-text{
display: flex; 
justify-content: center;
font-weight: bold;
margin: 15px;
font-size: 1.2em; 
}
.apvr-cart-container{
}
.apvr-cart-list{
color: #111;
}
.apvr-cart-item{
}
.apvr-cart-item-remove{
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.apvr-cart-item-remove svg{
display: block;
height: 14px;
color: inherit;
}
.apvr-cart-item-image img{
display: block;
}
.apvr-cart-item-title{
padding: 0 10px;
color: inherit;
}
.apvr-cart-item-price{
}
.apvr-cart-item-quantity-field{
padding: 0 10px;
}
.apvr-cart-item-quantity{
width: 40px;
}
input.apvr-cart-item-quantity[type=number]::-webkit-inner-spin-button {
opacity: 1;
}
.apvr-cart-item-total{
font-weight: bold;
}
.apvr-cart-final{
display: flex;
flex-direction: column;
border-top: 1px solid #ddd;
margin-top: 20px;
}
.apvr-cart-final-cart-total{
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: bold;
font-size: 1.2em;
color: #009688;
}
.apvr-cart-final-cart-total p{
margin: 10px 0;
}
.apvr-cart-item-cart-total-title{
}
.apvr-cart-item-shipping-count{
}
.apvr-cart-action{
display: flex;
flex-direction: row;
justify-content: space-around;
gap:10px;
}
.apvr-cart-action{
margin-top: 10px;
}
.apvr-cart-action a{
padding: 9px 25px;
background: #009688;
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
transition: opacity 0.3s;
}
@media (hover: hover) {
.apvr-cart-action a:hover{
opacity: 0.8;
}
}
.apvr-cart-action-view-cart{
}
.apvr-cart-action-checkout{
}
.apvr-cart-action-continue-shopping{
} .apvr-cart-get-related{
}
.apvr-cart-get-related-header{
display: flex;
justify-content: center;
color: #333;
}
.apvr-cart-get-related-holder{
display: flex;
flex-direction: row;
justify-content: space-around;
}
.apvr-cart-get-related-image img{
display: block;
}
.apvr-cart-get-related-image a{
text-decoration: none;
line-height: normal;
}
@container avpr_player_query (min-width: 800px){ 
.apvr-cart-action a{
padding: 9px;
}
.apvr-cart-item-title,
.apvr-cart-item-quantity-field{
padding: 0;
}
.apvr-cart-data-inner{
padding: 10px;
}
.apvr-cart-data{
max-height: 90%;
height: auto;
}
}
.apvr-holder-shown {
display: block !important;
opacity: 0;
transition: all 0.3s ease-out;
}
.apvr-holder-animate {
opacity: 1 !important;
} .apvr-cart-popup-loader-wrap{
position:fixed;
top:0;
left:0;
z-index: 99999999;
width: 100%;
height: 100%;
display: none;
align-items:center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.35);
}
.apvr-cart-popup-loader-wrap-visible{
display: flex;
}
.apvr-cart-popup-loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: apvr_poi_product_loader_rotation 1s linear infinite;
} .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%;
} .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%;
} .apvr-scene-description-wrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.apvr-scene-description-panel{
position: absolute;
left:50%;
transform: translate(-50%, 0);
bottom: 100%;
max-width: 600px;
width: 100%;
border-radius: 5px;
height: auto;
background-color: rgba(0, 0, 0, 0.1);
opacity: 0;
transition: all 2s;
}
.apvr-scene-description-panel-opened{
opacity: 1;
bottom: 50%;
transform: translate(-50%, 50%);
}   
.apvr-scene-description-panel-content-wrap{
color: #fff;
padding: 20px;
}
.apvr-scene-description-panel-content{
font-size: 1.2em;
}
.apvr-scene-description-panel-info{
margin-top: 10px;
} .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;
} .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;
} .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: border-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;
}  .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;
} .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); }
.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;
} .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; 
}
} .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;
display: flex;
bottom: 50px;
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;
} .ql-content-menu {
position: relative;
width: 4em;
}
.ql-content-menu .ql-icon {
width: 100%;
bottom: 0;
position: absolute;
padding: 10px;
text-align: center;
color: white;
}
.ql-content-menu .ql-icon:hover {
cursor: pointer;
color: gray;
}
.ql-content-menu .ql-icon:hover + .ql-menu {
visibility: visible;
opacity: 1;
}
.ql-content-menu .ql-menu {
position: absolute;
bottom: 30px;
left: -50px;
display: flex;
justify-content: center;
flex-direction: column-reverse;
width: 100px;
visibility: hidden;
opacity: 0;
}
.ql-content-menu .ql-menu:hover {
visibility: visible;
opacity: 1;
}
.ql-menu-item {
position: relative;
text-align: center;
border: 0;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
background-color: rgba(43, 51, 63, 0.7);
}
.ql-menu-item.ql-selected {
background-color: #fff;
color: #2B333F;
}
.ql-menu-item.ql-selected:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 50%;
border-radius: 50%;
background: #4caf50;
left: 10px;
transform: translateY(-50%);
}
.ql-menu-item:hover {
background-color: rgba(115, 133, 159, 0.5);
cursor: pointer;
}