.orbitvu-viewer-object-canvas,
.orbitvu-viewer-object-canvas * {
    box-sizing: border-box
}

canvas.orbitvu-viewer-object-canvas,
canvas.ovvtiles {
    max-width: 100%
}

div.ovvvport,
div.ovvtiles,
canvas.ovvtiles {
    outline: none;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 10;
    -ms-touch-action: none;
    touch-action: none
}

div.ovvvport {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.orbitvu-viewer-object-canvas {
    image-rendering: optimizeSpeed;
    image-rendering: -o-crisp-edges;
    image-rendering: smooth;
    image-rendering: auto;
    -ms-interpolation-mode: bicubic
}

div.ovvvport.zoomin .orbitvu-viewer-object-canvas,
div.ovvvport.zoomin .ovvtiles {
    transform: scale(0.95);
    transition: transform ease-out 0.3s
}

div.ovvvport.zoomin:hover .orbitvu-viewer-object-canvas,
div.ovvvport.zoomin:hover .ovvtiles {
    transform: scale(1);
    transition: transform ease 0.2s
}

@keyframes spinner {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

div.ovvloader_logo {
    animation: spinner 2s infinite;
    z-index: 110;
    border: none;
    left: 2px;
    top: 1px;
    position: absolute;
    width: 29px;
    height: 29px;
    transform-origin: center
}

div.ovloader_background {
    width: 89px;
    height: 31px;
    border-radius: 15px;
    position: absolute;
    top: 0;
    opacity: 0.8;
    left: 0;
    z-index: 90
}

div.ovvloader_text {
    border: none;
    left: 35px;
    top: 0;
    position: absolute;
    width: 45px;
    margin: 0;
    padding: 0;
    z-index: 100;
    line-height: 31px;
    bottom: 0
}

div.ovvloader_text p {
    font-family: Arial, Verdana, Sans-serif;
    font-size: 16px;
    text-align: right;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    line-height: 17px
}

div.ovvdialog {
    min-height: 236px;
    z-index: 100000;
    position: absolute;
    opacity: 0;
    transition: opacity 500ms linear;
    box-shadow: 5px 5px 15px #000;
    user-select: none
}

div.ovvdialog_orbitvu_skin {
    border: 0 solid red;
    background-color: transparent;
    padding: 0;
    text-align: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1
}

div.ovvdialog_orbitvu_skin.initial {
    background-color: transparent;
}

div.ovvdialog p {
    color: black;
    font-family: Sans-serif, Arial, Verdana;
    font-size: 12px;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto
}

div.ovvdialog a,
div.ovvdialog a:visited {
    color: black;
    text-decoration: none
}

div.ovvdialog_orbitvu_skin a,
div.ovvdialog_orbitvu_skin a:visited {
    color: #ffffff;
    font-weight: bold
}

div.ovviosfullscreen {
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 48px;
    width: 48px;
    border-top-left-radius: 48px;
    cursor: pointer
}

div.ovviosinfo {
    z-index: 100;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 48px;
    width: 48px;
    border-top-right-radius: 48px;
    cursor: pointer
}

div.ovvteaserplay {
    z-index: 150;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 300ms linear
}

div.ovvteaserplay .ovvteaserplayplay {
    width: 60px;
    cursor: pointer;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    z-index: 170
}

div.ovvteaserplay .ovvteaserplayplay:hover {
    background-position: 0 -60px
}

div.ovvteaserplay div.ovvteaserplaybackground {
    width: 100%;
    height: 100%;
    z-index: 160;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6
}

.branding-logo,.branding-button {
    user-select: none
}

a.ov-social-share-email {
    display: none
}

a.ov-social-share-twitter {
    display: none
}

a.ov-social-share-facebook {
    display: none
}

a.ov-social-share-button {
    cursor: pointer
}

a.ov-social-share-button,
div.ov-social-share-button {
    position: relative;
    float: right;
    width: 26px;
    height: 26px;
    z-index: 40;
    border-radius: 4px
}

div.ov-social-share {
    position: absolute;
    height: 26px;
    z-index: 1015;
    border-radius: 4px;
    right: 10px;
    top: 7px
}

div.ov-social-share-main-button {
    right: 0;
    cursor: pointer;
    font-size: 0
}

div.ov-social-share-main-button div {
    position: absolute;
    top: 5px;
    left: 3px;
    font-size: 0
}

div.ov-social-share.on a.ov-social-share-email {
    display: block;
    font-size: 0
}

div.ov-social-share.on a.ov-social-share-twitter {
    display: block;
    font-size: 0
}

div.ov-social-share.on a.ov-social-share-facebook {
    display: block;
    font-size: 0
}

a.branding-logo {
    display: block;
    outline: none;
    text-decoration: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1020
}

a.branding-logo img {
    margin: 0;
    border: 0
}

a.branding-button {
    display: block;
    outline: none;
    text-decoration: none;
    padding: 3px 3px 1px 3px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1015;
    line-height: 16px;
    border-radius: 3px;
    font: bold 16px Arial, Helvetica, sans-serif
}

div.ovvloader {
    width: 89px;
    height: 31px;
    z-index: 100;
    border: none;
    border-radius: 15px;
    position: absolute;
    opacity: 0;
    transition: opacity 1500ms linear;
    user-select: none
}

/*! Hint.css - v1.2.2 - 2013-06-01 http://kushagragour.in/lab/hint/ Copyright (c) 2013 Kushagra Gour; Licensed MIT */
.button-hint {
    display: inline-block;
    position: relative
}

.button-hint span.ovbuttonbefore,
.button-hint span.ovbuttonafter {
    position: absolute;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: 0.3s ease
}

.button-hint.hovered span.ovbuttonbefore,
.button-hint.hovered span.ovbuttonafter {
    visibility: visible;
    opacity: 1
}

.button-hint span.ovbuttonbefore {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

.button-hint span.ovbuttonafter {
    content: attr(data-hotspot_label);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0 black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: normal;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.3)
}

.button-hint span.ovbuttonafter {
    content: '';
    padding: 4px 6px;
    font-size: 11px;
    text-shadow: none;
    white-space: nowrap
}

.button-hint span.ovbuttonbefore {
    border-top-color: #383838
}

.button-hint span.ovbuttonbefore {
    margin-bottom: -12px;
    margin-left: -6px
}

.button-hint span.ovbuttonafter {
    margin-left: -18px
}

.button-hint span.ovbuttonbefore,
.button-hint span.ovbuttonafter {
    bottom: 100%;
    left: 50%
}

.button-hint.hovered span.ovbuttonbefore,
.button-hint.hovered span.ovbuttonafter {
    transform: translateY(-8px)
}

.hotspot_hint--rounded:after,
.button-hint span.ovbuttonafter {
    border-radius: 4px
}

a.ovvdebuginfo {
    position: absolute;
    top: 12px;
    left: 12px;
    color: black;
    width: 50px;
    height: 44px;
    border: 1px solid #888888;
    z-index: 99999;
    border-radius: 90px;
    text-align: center;
    padding-top: 14px;
    background-color: rgba(240,240,20,0.5);
    box-shadow: 0px 0px 5px #666666;
    text-decoration: none
}

a.ovvdebuginfo:hover {
    background-color: #f0f014
}

.ovvdebugconsole {
    position: absolute;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    border: 1px solid #444444;
    background-color: rgba(240,240,240,0.95);
    z-index: 99999
}

div.ovvdialog p.orbitvu-viewer-infobox {
    font-family: sans-serif;
    font-size: 8px;
    height: 236px;
    overflow: hidden;
    min-width: 160px;
    width: 102px;
    cursor: pointer;
    cursor: hand;
    box-shadow: 5px 5px 10px #444;
    border-radius: 10px;
    box-sizing: border-box
}

div.ovvdialog p.orbitvu-viewer-infobox canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 236px
}

div.ovvdialog p.orbitvu-viewer-infobox small {
    font-size: 8px;
    color: #ffffff
}

div.ovvdialog p.orbitvu-viewer-infobox small a {
    font-size: 8px !important;
    color: #ffffff !important
}

div.ovvioshint {
    transition: opacity 300ms linear;
    z-index: 1015
}

div.ov-control-panel {
    z-index: 1020;
    text-align: center;
    overflow: visible;
    position: absolute;
    bottom: 31px;
    left: 0;
    right: 0;
    height: 0;
    white-space: nowrap;
    pointer-events: none
}

div.ov-control-panel>div {
    display: inline-block;
    pointer-events: all
}

div.ov-control-panel div.ovviosbuttonwrapper {
    margin-right: 12px;
    vertical-align: top
}

div.ov-control-panel div.ovviosbuttonwrapper.style-2,
div.ov-control-panel>div>div.style-3 {
    margin-right: 8px
}

div.ov-control-panel div.ovviosbuttonwrapper:last-child {
    margin-right: 0
}

div.ovviosbutton {
    position: relative;
    z-index: 101;
    width: 26px;
    height: 26px;
    vertical-align: top
}

div.ovviosbutton svg {
    width: 26px;
    height: 26px
}

div.ovvioszoomin,div.ovvioszoomout,
div.ovviosfullscreendesktop,
div.ovviosautorotate,
div.ovviosinfodesktop,
div.ovviosmoverotate {
    z-index: 100;
    display: inline-block;
    width: 26px;
    height: 26px
}

div.ovvioszoomin.style-1,
div.ovvioszoomout.style-1,
div.ovviosfullscreendesktop.style-1,
div.ovviosautorotate.style-1,
div.ovviosinfodesktop.style-1,
div.ovviosmoverotate.style-1,
div.ovvioszoomin.style-3,
div.ovvioszoomout.style-3,
div.ovviosfullscreendesktop.style-3,
div.ovviosautorotate.style-3,
div.ovviosinfodesktop.style-3,
div.ovviosmoverotate.style-3 {
    width: 20px;
    height: 20px
}

div.ovviosbuttonwrapper.style-1 div.ovviosbutton,
div.ovviosbuttonwrapper.style-3 div.ovviosbutton {
    width: 20px;
    height: 20px
}

div.ovviosbuttonwrapper.style-1 svg,
div.ovviosbuttonwrapper.style-3 svg {
    width: 20px;
    height: 20px
}

div.ovviosmoverotate.style-3,
div.ovviosmoverotate.style-2 {
    position: relative;
    width: 150px
}

div.ovviosmoverotatedragger {
    background-color: rgba(210,210,210,0.6);
    height: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform-origin: left;
    transform: translateY(-50%)
}

div.ovviosmoverotatedragger1 {
    border-radius: 25px 0 0 25px
}

div.ovviosmoverotatedragger2 {
    left: auto;
    border-radius: 0 25px 25px 0;
    width: 100%;
    transform-origin: right center
}

div.ov-control-panel svg:hover {
    cursor: pointer
}

div.ov-nosize .ovvvport,
div.ov-nosize .orbitvu-viewer-object {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}