.kma-360-viewer-outer-container{position:relative}
.kma-360-viewer-button{position:absolute;top:-100px;right:200px;height:auto;padding:20px 25px;background:#000;color:#fff;font-size:16px;font-weight:700;line-height:20.8px;text-transform:uppercase;text-align:center;border:0}
.kma-360-viewer-button:focus,.kma-360-viewer-button:hover{background:#4d4d4d}
.kma-360-viewer-container{border:1px solid #000;position:relative;overflow:hidden;width:calc(100vw - 200px);height:calc(100vh - 140px)}
.kma-360-viewer-container-contents{position:relative;overflow:hidden;width:100%;height:100%;margin-right:30px}
.kma-360-viewer-disclaimer{position:absolute;top:15px;right:45px;font-size:.7em;text-align:right}
.kma-360-viewer-main-display{position:absolute;top:0;left:0;right:0;bottom:0}
.kma-360-viewer-main-display-default-image{position:absolute;top:5vh;width:85vw;left:0}
.kma-360-viewer-main-display-meter-image{position:absolute;top:5vh;width:75vw;left:0;visibility:hidden;opacity:0}
.kma-360-viewer-main-display-top-image{position:absolute;top:5vh;width:85vw;left:0;visibility:hidden;opacity:0}
.kma-360-viewer-view-switcher{position:absolute;top:50px;right:15px}
.kma-360-viewer-view-switcher img{width:70px;height:70px;margin-bottom:10px;cursor:pointer;display:block}
.kma-360-viewer-view-switcher img.selected{width:82px;height:82px}
.kma-360-viewer-color-switcher{position:absolute;bottom:15px;right:15px}
.kma-360-viewer-color-options{text-align:right;margin-bottom:10px}
.kma-360-viewer-color-option{width:45px;height:47px;cursor:pointer}
.kma-360-viewer-color-name{font-size:.7em;text-align:right}
.kma-360-viewer-mode-switcher{position:absolute;bottom:30px;left:15px}
.kma-360-viewer-mode-option{width:70px;height:70px;display:inline-block;margin-right:10px;cursor:pointer;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-color:transparent;background-size:contain}
.kma-360-viewer-mode-option.selected{width:82px;height:82px}
.kma-360-viewer-rotate-mode{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_rotate_off.png)}
.kma-360-viewer-rotate-mode.selected{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_rotate_on.png)}
.kma-360-viewer-zoom-mode{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_zoom_off.png)}
.kma-360-viewer-zoom-mode.selected{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_zoom_on.png)}
.kma-360-viewer-pan-mode{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_pan_off.png)}
.kma-360-viewer-pan-mode.selected{background-image:url(../../../../../../etc.clientlibs/kaw/kma/website/shared/assets/resources/imgs/btn_pan_on.png)}
@media(min-width:0) and (max-width:599px){.kma-simple-modal-content{position:absolute}
.kma-360-viewer-container{height:70vh;width:100vw}
.kma-360-viewer-main-display-default-image{width:350px;top:7px}
.kma-360-viewer-main-display>img{top:7vh;max-height:255px;max-width:455px}
.kma-360-viewer-view-switcher img{margin-bottom:0}
.kma-360-viewer-color-name{text-align:left}
.kma-360-viewer-color-options{text-align:left;margin-bottom:0}
.kma-360-viewer-color-switcher{bottom:90px;left:15px}
.kma-360-viewer-color-mode-switcher{bottom:0}
.kma-360-viewer-color-mode-option.selected{width:72px;height:72px}
.kma-360-viewer-mode-switcher{bottom:0}
}
@media(min-width:600px) and (max-width:1130px) and (orientation:portrait){.kma-360-viewer-main-display-default-image{left:-20%;max-width:none;width:130%}
.kma-360-viewer-main-display-meter-image{width:80%}
.kma-360-viewer-main-display-top-image{width:90%}
.kma-360-viewer-color-switcher{position:absolute;bottom:150px;left:15px}
.kma-360-viewer-color-options{text-align:left}
.kma-360-viewer-color-option{width:55px;height:57px}
.kma-360-viewer-color-name{text-align:left}
.kma-360-viewer-container{height:calc(100vh - 320px)}
.kma-360-viewer-mode-option.selected{width:92px;height:92px}
.kma-360-viewer-mode-option{width:80px;height:80px}
}
@media screen and (max-width:932px) and (max-height:430px) and (orientation:landscape){.kma-simple-modal,.kma-simple-modal-background{padding-top:0}
.kma-360-viewer-view-switcher img{margin-bottom:0}
.kma-360-viewer-mode-option.selected{width:72px;height:72px}
.kma-360-viewer-mode-option{width:60px;height:60px;margin-right:0}
.kma-360-viewer-container{height:100vh;width:100vw}
.kma-360-viewer-main-display>img{max-height:none;max-width:none}
.kma-360-viewer-main-display-default-image{width:500px;left:130px;top:30px}
.kma-360-viewer-main-display-meter-image{width:65vw;padding-top:30px;left:125px}
.kma-360-viewer-main-display-top-image{width:75vw;top:50px;left:60px}
.kma-360-viewer-color-switcher{top:10px;left:15px;height:60px;width:500px}
.kma-360-viewer-color-options{text-align:left;margin-bottom:0}
.kma-360-viewer-color-name{text-align:left}
.kma-360-viewer-mode-switcher{top:80px}
}