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

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

canvas.ovvtiles,
div.ovvtiles,
div.ovvvport {
  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: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic
}

div.ovvvport.zoomin .orbitvu-viewer-object-canvas,
div.ovvvport.zoomin .ovvtiles {
  -webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -o-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: transform .3s ease-out;
  -moz-transition: transform ease-out .3s;
  -o-transition: transform ease-out .3s;
  transition: transform .3s ease-out
}

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

@keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn)
  }
}

@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(1turn)
  }
}

@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg)
  }
  to {
    -o-transform: rotate(1turn)
  }
}

@-ms-keyframes spinner {
  0% {
    -ms-transform: rotate(0deg)
  }
  to {
    -ms-transform: rotate(1turn)
  }
}

div.ovvloader_logo {
  -webkit-animation: spinner 2s infinite;
  -moz-animation: spinner 2s infinite;
  -o-animation: spinner 2s infinite;
  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: .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%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  right: 0;
  line-height: 17px
}

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

div.ovvdialog_orbitvu_skin {
  border: 0 solid red;
  background-color: hsla(0, 0%, 100%, .85);
  padding: 0;
  text-align: center;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1
}

div.ovvdialog_orbitvu_skin.initial {
  background-color: hsla(0, 0%, 100%, .55)
}

div.ovvdialog p {
  color: #000;
  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: #000;
  text-decoration: none
}

div.ovvdialog_orbitvu_skin a,
div.ovvdialog_orbitvu_skin a:visited {
  color: #fff;
  font-weight: 700
}

div.ovviosfullscreen {
  right: 0;
  border-top-left-radius: 48px
}

div.ovviosfullscreen,
div.ovviosinfo {
  z-index: 100;
  position: absolute;
  bottom: 0;
  height: 48px;
  width: 48px;
  cursor: pointer
}

div.ovviosinfo {
  left: 0;
  border-top-right-radius: 48px
}

div.ovvteaserplay {
  z-index: 150;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity .3s 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: .6
}

.branding-button,
.branding-logo {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none
}

a.ov-social-share-email,
a.ov-social-share-facebook,
a.ov-social-share-twitter {
  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,
div.ov-social-share.on a.ov-social-share-facebook,
div.ov-social-share.on a.ov-social-share-twitter {
  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;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1015;
  line-height: 16px;
  border-radius: 3px;
  font: 700 16px Arial, Helvetica, sans-serif
}

div.ovvloader {
  width: 89px;
  height: 31px;
  z-index: 100;
  border: none;
  border-radius: 15px;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1.5s linear;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  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.ovbuttonafter,
.button-hint span.ovbuttonbefore {
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -ms-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease
}

.button-hint.hovered span.ovbuttonafter,
.button-hint.hovered span.ovbuttonbefore {
  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: #555555 !important;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  white-space: wrap;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
  -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
  -o-box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
  content: "";
  padding: 4px 6px;
  font-size: 11px;
  text-shadow: none;
  white-space: nowrap
}

.button-hint span.ovbuttonbefore {
  border-top-color: #555555 !important;
  margin-bottom: -12px;
  margin-left: -6px
}

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

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

.button-hint.hovered span.ovbuttonafter,
.button-hint.hovered span.ovbuttonbefore {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(8px);
  transform: translateY(-8px)
}

.button-hint span.ovbuttonafter,
.hotspot_hint--rounded:after {
/*
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
*/
}

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

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

.ovvdebugconsole {
  position: absolute;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  border: 1px solid #444;
  background-color: hsla(0, 0%, 94%, .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;
  -webkit-box-shadow: 5px 5px 10px #444;
  -moz-box-shadow: 5px 5px 10px #444;
  -ms-box-shadow: 5px 5px 10px #444;
  -o-box-shadow: 5px 5px 10px #444;
  box-shadow: 5px 5px 10px #444;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  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 p {
  display: none;
}

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

div.ovvioshint {
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  z-index: 1015
}

div.ov-control-panel {
  z-index: 1020;
  text-align: center;
  overflow: visible;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  /* height: 0; */
  white-space: nowrap;
  pointer-events: none;
  
  background-color: rgba(255,255,255,0.8);
  padding: 10px;
}

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>div.style-3,
div.ov-control-panel div.ovviosbuttonwrapper.style-2 {
  margin-right: 8px
}

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

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

div.ovviosbutton,
div.ovviosbutton svg {
  width: 26px;
  height: 26px;
  fill: #555555;
}

div.ovviosbutton.hovered svg {
  fill: #3499AA;
}

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

div.ovviosmoverotate {
  display: none;
}

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

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

div.ovviosmoverotatedragger {
  background-color: hsla(0, 0%, 82%, .6);
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

div.ovviosmoverotatedragger1 {
  border-radius: 25px 0 0 25px;
  -o-border-radius: 25px 0 0 25px;
  -ms-border-radius: 25px 0 0 25px;
  -moz-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px
}

div.ovviosmoverotatedragger2 {
  left: auto;
  border-radius: 0 25px 25px 0;
  -o-border-radius: 0 25px 25px 0;
  -ms-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0
}

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

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