::selection {
	color: #FFF;
}
::-moz-selection {
 color:#FFF;
}
* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}
body {
	font-family: AlteHaasGrotesk;
	padding: 0;
	margin: 0;
	position: relative;
	max-width: 1280px;
	width: 100%; 
	overflow:hidden;
}
.reel-preloader {
	display: none;
}
#screen {
	background-color: #000;
}
#loading {
	position: absolute;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-color: #000;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
}
#frame-interior {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#container {
	position: relative;  
	z-index: 1;
}
#monitor { 
	position: relative;
	z-index: 2;   
	width: 100%;  
}  
#car-reel-reel img {
	max-width: 1280px;
	width:100%; 
}
#car-reel{ /*g*/
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;  
}
 
/* HOT SPOT */
div[id^="hotspot_"] ,
.btn-close-door{ 
	background: url("images/hotspot.png") no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	cursor: pointer;
	height: 36px;
	width: 36px;   
	visibility: hidden; /*g*/
}
div[id^="hotspot_"] a ,
.btn-close-door a{ 
	display: block; 
	opacity: 0.5;
	position: absolute;
	width: 36px;
	height: 36px; 
}  

/* BUTTON CONTROL */
.img-ctrl {
	position: absolute;
	/* cursor:pointer;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 99999;
}
div[id^="ctrl-"] {
	cursor: pointer;
}
#ctrl-next button, #ctrl-back button {
	display: none;
}
#ctrl-next {
	background-image: url('images/next.png'); 
	margin-top: 25%;
	right: 5%;
	width: 32px;
	height: 58px;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}
#ctrl-next:hover {
	background-position: 32px 0px;
}
#ctrl-back {
	background-image: url('images/back.png'); 
	margin-top: 25%;
	left: 5%;
	width: 32px;
	height: 58px;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;   
}
#ctrl-back:hover {
	background-position: 32px 0px;
}
#ctrl-switch-exin { 
	position: absolute;
	width: 25%;
	max-width:270px;
	top:5%;
	right:0; 
}
.switch-close {
/*background-image:url('images/btn_ex_in_close.png');*/
}
.switch-open {
/*background-image:url('images/btn_ex_in_open.png');*/
}
/* TEXT IMAGE*/
div[id^="text-"] {
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#text-logo {  
	height: auto;
	left: 2%;
	bottom: 2%;
	width: 25%; 
	max-width: 235px;
	position: absolute; 
} 
#text-logo img{
	display: block;
}
#text-detail {
	bottom: 30px;
	height: 13px;
	left: 30px;
	width: 330px;
}
  
#text-menu {
	background-image: url("images/menu.png");
	height: 16px;
	right: 18px;
	top: 132px;
	width: 41px;
}
#text-color { 
	width: 42px;
	right: 16%;
	top: 16.7%; 
} 
/*--START OF: HOTSPOT --*/
#text-hotspot { 
	bottom: 3.5%;
    height: 29px;
    right: 1%;
    width: 110px;
}
#btn-hotspot-on {
	height: 23px;
	margin-left: 34px;
	width: 25px;
}
#btn-hotspot-off {
	height: 23px;
	margin-left: 8px;
	width: 30px;
}
div[id^="btn-hotspot-"] {
	float: left;
	cursor: pointer;
}
.img-button-hotspot-on {
	background-image: url('images/hotspot_menu_on.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;   
}
.img-button-hotspot-off {
	background-image: url('images/hotspot_menu_off.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;  
}
/* START OF: GRADE */
#text-grade {
	height: 16px;
	right: 88px;
	top: 149px;
	width: 160px;
}
#btn-grade-starndard {
	height: 18px;
	margin-left: 50px;
	margin-top: -3px;
	width: 70px;
}
#btn-grade-ls {
	height: 18px;
	margin-left: 8px;
	margin-top: -3px;
	width: 24px;
}
div[id^="btn-grade-"] {
	float: left;
	cursor: pointer;
}
.img-button-grade-standard {
	background-image: url('images/grade_standard.png');
}
.img-button-grade-ls {
	background-image: url('images/grade_ls.png');
}
/* END OF: GRADE */

/* MENU COLOR */
#ctrl-color { 
	right: 4%;
	top: 16%;
}
#ctrl-color ul {
	margin: 0;
	padding: 0;
}
#ctrl-color ul li {
	float: left;
	width: 19px;
	height: 20px;
	list-style: none;/* DEBUG FOR IE7 COMPAT VIEW 
    border:1px solid #000;*/

}
#ctrl-color ul li a.active-color, #ctrl-color ul li a:hover {
	padding-top: 0 !important;
	width: 20px !important;
	height: 20px !important;
	background-size: 20px 20px !important;
}
#ctrl-color ul li a:link, #ctrl-color ul li a:visited {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	display: table-cell;
	height: 14px;
	padding-left: 10px;
	padding-top: 6px;
	text-align: center;
	text-indent: -9999px;
	vertical-align: middle;
	width: 14px;/* DEBUG FOR IE7 COMPAT VIEW  */
} 
.cosmic_black {
	background-image: url("images/color/cosmic_black.png");
}
.havana_brown {
	background-image: url("images/color/havana_brown.png");
}
.obsidian_gray {
	background-image: url("images/color/obsidian_gray.png");
}
.silky_white {
	background-image: url("images/color/silky_white.png");
}
.splash_white {
	background-image: url("images/color/splash_white.png");
}
.titanium_silver {
	background-image: url("images/color/titanium_silver.png");
} 

.red_spinel {
	background-image: url("images/color/red_spinel.png");
} 

#car-reel-reel, .reel-panning, .reel-panning * {
	cursor: default !important;
}
.bg-warehouse {
	background-image: url("images/wallpaper_black.png");
}
.bg-concrete {
	background-image: url("images/wallpaper_white.png");
}
#wallpaper {
	height: 90px;
	right: 15px;
	width: 185px;
	cursor: default;
	bottom: 0;
}
.show-wallpaper {
	bottom: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.hide-wallpaper {
	bottom: -33px !important;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#wallpaper #btn-wallpaper {
	cursor: pointer;
	display: block;
	height: 90px;
	margin-top: 22px;
	width: 100%;
}
 
#frame {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
}
.text-color-top {
	top: 82px !important;
}
.nav-color-top {
	top: 78px !important;
}
p#frame-no {
	color: #FFF;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	text-align: right;
	z-index: 999999;
}
.preload-background-image-css {
	display: none;
}
.screen-float-left {
	position: absolute;
}
.screen-interior { 
	left: 100%;
	width: 100%;
}
/*.screen-exterior {
}
.jquery-ui-like {
 box-shadow: 0px 0px 0px 2px rgba(0,0,0, 0.8);   
}*/
#btn-switch { 
	 position: absolute;
	 z-index: 100;
	 left:0;
	 top:-3%;
	 width:20%;
	 height:100%; 
	 background: #000; 
	 opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);  
}
#btn-ex { 
	 position: absolute;
	 z-index: 100;
	 left:20%;
	 top:-3%;
	 width:40%;
	 height:100%; 
	 background: #000; 
	 opacity: 0; 
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);  
}
#btn-in { 
	 position: absolute;
	 z-index: 100;
	 left:60%;
	 top:-3%;
	 width:40%;
	 height:100%;  
	 background: #000; 
	 opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);  
} 
a, #img-button-switch {
	text-decoration: none;
	border: none;
	border: 0px;
	line-height: 0;
}
.debug {
	position: absolute;
	z-index: 999;
	top: 10px;
	right: 10px;
}
.debug #frame-current {
	position: absolute;
	z-index: 9999;
	left: 10px;
	top: 10px;
	width: 500px;
	background-color: #FFF;
	color: #000;
	padding: 2px;
	border: 1px solid #CCC;
	display: none;
}
.exterior-door {
	position: absolute;
	z-index: 1; 
	width:100%;  
}
.exterior-door img {
	cursor: default !important;
	position: absolute;
	z-index: 9;
}
/*.exterior-door img:active {
}*/
div[id*="_dooropen"], div[id*="_doorclose"] {
	background: url("images/direction_door.png") no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;  
	height: 36px;
	width: 36px;
	cursor: pointer;
} 

div[id*="_dooractive_"] {
	z-index: 99; 
}
div[id*="_dooractive_"] a {
	margin-top: 24px;
}
.hotspot-hide {
	visibility: hidden !important;
}
div[class^="screen"] {
	position: absolute;
}
.progress {
/
}
.progress .progressing {
	width: 0%;
	height: 100%;
}
.progress .progressing span {
	color: #666;
	font-family: verdana;
	height: 20px;
	font-size: 12px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-left: 2px;
	margin-top: 19px;
} 
#container {
	background-color: #000;
}
.i-create-hotspot {
	position: absolute;
	z-index: 999;
}
#area-hotspot {
	position: absolute;
	bottom: 0;
	left: 40%;
	z-index: 999999;
	height: 100px;
}
.title {
	position: absolute;
}
.box-wait-load {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 999999;
	position: absolute;
	cursor: wait;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter: alpha(opacity=0);
}
.progress {
	position: absolute;
	z-index: 9999999;
	top: 50%;
	left: 50%;
}
.progress .state {
	width: 0%;
	height: 100%;
	background-color: #000;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.progress .state span {
	font-family: verdana;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	width: 100%;
	float: left;
	color: #FFF;
}
.cache-progress {
	/*position: absolute;
	width: 100%;
	height: 100%;*/
	/*height: 720px;*/
	background: url(images/loading.gif) #000 no-repeat center 50%; 
	width: 100%;
	height: 100%; 
	position: absolute;
	top: 0;
	left: 0; 
	z-index: 999999999;
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter: alpha(opacity=70);
}
.cache-progress .cache-progressing {
	width: 0%;
	height: 100%;
}
.cache-progress .cache-progressing span {
	color: #666;
	font-family: verdana;
	height: 20px;
	font-size: 12px;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute; 
	margin-left: 3px;
	margin-top: 30%;  
}  

@media screen and (max-width: 990px) {
	#text-color{
		right: 19%;
	} 
}
@media screen and (max-width: 768px) {
	div[id^="hotspot_"] ,
	div[id^="hotspot_"] a,
	.btn-close-door ,
	.btn-close-door a,
	div[id*="_dooropen"], div[id*="_doorclose"] ,
	div[id*="_dooropen"], div[id*="_doorclose"] a{
		width: 28px;
		height: 28px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#ctrl-color { 
		right:1%;
	} 
	#text-color{
		display: none !important;
	}
	#ctrl-color ul li {
		float: left;
		width: 17px;
		height: 14px;
		list-style: none;/* DEBUG FOR IE7 COMPAT VIEW 
		border:1px solid #000;*/

	}
	#ctrl-color ul li a.active-color, #ctrl-color ul li a:hover {
		padding-top: 0 !important;
		width: 16px !important;
		height: 16px !important;
		background-size: 16px 16px !important;
	}
	#ctrl-color ul li a:link, #ctrl-color ul li a:visited {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 13px 13px;
		display: table-cell;
		height: 13px;
		padding-left: 12px;
		padding-top: 3px;
		text-align: center;
		text-indent: -9999px;
		vertical-align: middle;
		width: 13px;/* DEBUG FOR IE7 COMPAT VIEW  */
	} 
} 
@media screen and (max-width: 414px) {
	div[id^="hotspot_"] ,
	div[id^="hotspot_"] a,
	.btn-close-door ,
	.btn-close-door a,
	div[id*="_dooropen"], div[id*="_doorclose"] ,
	div[id*="_dooropen"], div[id*="_doorclose"] a{
		width: 18px;
		height: 18px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}