@-ms-viewport {
  width: device-width;
}
@media only screen and (min-device-width: 800px) {
  html {
    overflow: hidden;
  }
}
* {
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
}
body {
  height: 100%;
  width:100%;
  overflow: hidden;
}
div#container {
  height: 100%;
  margin: 0 auto;
}
div#tourDIV {
  height: 100%;
  position: relative;
  overflow: hidden;
}
div#panoDIV {
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
div#thumbnailsDIV {
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  margin: 0 auto;
}
div#thumbnailsDIV::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
}
div#thumbnailsDIV::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
}
/*fix plugin*/
div#panoDIV * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box !important;
}
/*fix navbar drop down menu over*/
.dropdown-menu {
  z-index: 7000;
}
.leftnav {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 10000;
  transition: left 1s ease;
  padding: 0 10px;
}
.leftnav .container-fluid {
	height:100%
}
.leftnav #logo {
  text-align: left;
  margin: 20px 0;
  width: 90%;
  overflow: hidden;
}
.leftnav #logo img {
	width: 100%;
	height: auto;
}
.leftnav #avocado {
  position: absolute;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
}
.leftnav #avocado img {
  width: 100px;
}
.leftnav #navcontrol {
  position: absolute;
  right: 30px;
  bottom: 100px;
  margin-top: 20px;
}
.leftnav #navcontrol span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  font-size: 200%;
  text-shadow: 1px -1px 0px rgba(255,255,255,0.5)
}
.leftnav #navcontrol span.openbtn {
  display: none;
  left: 40px;
}
.leftnav #navcontrol span.openbtn i {
}
.leftnav #mainmenu {
  margin-bottom: 10px;
  overflow: hidden;
}
.leftnav #mainmenu ul {
  list-style-type: none;
  margin: 0 auto;
}
.leftnav #mainmenu a.group {
  display: block;
  position: relative;
  padding: 8px 0;
  font-size: 140%;
}

.leftnav #mainmenu a.group > i {
	position: absolute;
	right: 0;
	top: 10px;
}

.leftnav .controlls .fa-stack {
	width: 19px;
	height: 19px;
}
.leftnav #mainmenu a.tour img {
	max-width: 80%;
}

@media (max-width: 768px) {
	.leftnav #mainmenu a.tour img {
		max-width: 60%;
	}
}

.leftnav #mainmenu ul li > a:hover,
.leftnav #mainmenu ul li > a:focus {
  text-decoration: none;
}

.leftnav #mainmenu ul ul.submenu {
  width: auto;
  left: 200px;
  top: 5px;
  display: none;
}
.leftnav #mainmenu a.tour {
  border-bottom-width: 0px;
  font-size: 90%;
}
.leftnav #mainmenu > ul > li > a.tour {
  font-size: 140%;
}
.leftnav #mainmenu a.tour img.preview {
	display: block;
	margin-top: 10px;
}
.leftnav .controlls,
.leftnav .share {
	margin-top: 20px;
	margin-left: -5px;
}	

.leftnav #mainmenu .subsubmenu {
   padding-left: 20px;
}

#footerbacklink {
	display: none;
	position:absolute;
    right: 10px;
    bottom: 5px;
	font-size: 120%;
}
#footerbacklink a {
  text-decoration:none;
}
	
.share a, .controlls button i {
	font-size: 120%;
}

.controlls button i.disabled {
	opacity: 0.5;
}

body.mobile .controlls button#zoomIn,
body.mobile .controlls button#zoomOut,
body.mobile .controlls button#fullscreen {
	display: none !important;
}
	
body.desktop .controlls button#gyroscopeStop,
body.desktop .controlls button#gyroscopeStart,
body.desktop .controlls button#cardb-oard
{
	display: none !important;
}
	
.leftnav .controlls button,
.leftnav .share a {
  display: none;
  border: none;
  background: none;
  padding: none;
		width: 23px;
		height:23px;
		text-align:center;
		margin: 2px;
}
.leftnav .share a {
  display: none;
}
.leftnav .controlls button img {
}
.leftnav #scrollindicator {
	display:none;
}
.modal.in {
	z-index:1000000;
}
#help-box .modal-content,
#info-box .modal-content,
#avocado-box .modal-content {
background: none;
border: none;
box-shadow: none;
z-index:100000;
	
}
#help-box button.close,
#info-box button.close,
#avocado-box button.close {
font-size: 50px;
color: #FFF;
text-shadow: 0 1px 0 #000;
opacity: 0.8;
position:absolute;
right:0;
top:0;
z-index:1000;
}
#help-box button.close:hover,
#info-box button.close:hover,
#avocado-box button.close:hover {
	color: #cc0000;
}

#heightspacing {
	padding-bottom: 40px;
}

@media (max-width: 1024px) {
		div.kolorArea,div.kolorAreaTitle, div.floorplanContent {
			width: 96% !important;
			max-width: 96% !important;
			min-height: 200px !important;
			top: 20px !important;
		}
		div.floorplanSwapBox {
			width: 75% !important;
			max-width: 75% !important;
		}
		div.kolorAreaContent {
			margin: 0 !important;
			padding: 15px !important;
			width: 99% !important;
			box-sizing: border-box !important;
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
		}
		
}


@media (max-width: 768px) {
   button#panoramalist {
	   display: none !important;
   }
   #logo img {   
    max-height: 50px;
   }
   .leftnav #heightspacing {
	   padding-bottom: 10px;
   }
}