/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	outline: 0 none;
	font-size: 14px;
	margin: 0 auto;
	padding: 0;
	border: 0 none;
	font-size: 14px;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{
	text-decoration:none;
    cursor: pointer;
}

/*body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
html {
    font-size:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
	overflow:hidden;
}*/
body
{
	margin:0px auto;
	font: 12px/18px "myriad_proregular",'Arial';
    background: #ffffff;
	color:#333;
	-webkit-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	font-weight: 400;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
body:after{
    display:none;
	background:url(Images/ControlBar/btn_close_fs.png)
	, url(Images/ControlBar/btn_sound_on.png)
	, url(Images/ControlBar/btn_start_autorotation.png)
	, url(Images/Icons/mobile_menu_icon_show.png)
	, url(Images/Icons/floor_plan_hide_btn.png)
	, url(Images/help_screen_fg.png)
	, url(Images/spot.png)
	, url(Images/spot_active.png)
	, url(Images/2BR_Floor.png)
	, url(Images/3BR_Floor.png)
	, url(Images/4BR_Floor.png);
}
.header_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:62px;
	/*background:rgba(30,41,96,0.8);*/
	background: rgba(255,255,255,0.9);
	z-index:99999;
	font-family: 'vl_globersemibold_free';
	display:none;
}
.logo{
	float:left;
	width: 80px;
	height: 80px;
	background:url(../css/logo.png) no-repeat;
	margin: -6px -34px 0 9px;
	background-size:cover;
}
.menu_bg{
	float:left;	
	margin:14px 36px 0 36px;
	text-align:center;
}
.menu_item_bg{	
	/*margin:0 3px;*/	
	display:inline-block;
}
.menu_item{
	display:inline-block;
	width:100%;
	height:32px;
	line-height:32px;
	/*color:#fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);*/
	color: #0064ff;
	font-size: 14px;
	text-transform:uppercase;
	text-align:center;
	font-weight: bold;
	font-family: sans-serif;
	padding: 0 12px 0 12px;
	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	transition:all 0.15s ease-in-out;
}
.menu_item:hover, .menu_item_bg:hover .menu_item{
	background: #0064ff;
	background: #0064ff;
	color:#fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.menu_item_bg.active .menu_item{
	background: #0064ff;
	color:#fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.sub_menu_bg{
	position:absolute;
	display: table;
	width:100%;
	top:62px;
	height: 50px;
	left:0;
	text-align:center;
	background: rgb(255 255 255 / 68%);
	border-bottom:3px solid #F3B416;
	display:none;
}
.menu_item_bg.active .sub_menu_bg{	
	display:block;	
}

.sub_menu_item{
	display:table-cell;
	float:left;
	text-transform: uppercase;
	top:0;
	border:0;
	width:124px;
	height:inherit;
	color: #0064ff;
	height: 52px;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	/*font-weight:bold;*/
	font-size: 14px;
	line-height:16px;
	text-align:center;
	font-weight: bold;
	font-family: sans-serif;
	padding:12px 12px 12px 12px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.sub_menu_item img{
	width:100px;
	height:auto;
	margin-bottom:5px;
}
/*.sub_menu_bg:nth-of-type(1) .sub_menu_item, .sub_menu_bg:nth-of-type(5) .sub_menu_item{
	height:130px;	
}*/
.sub_menu_item:hover{
	/* background: #0064ff; */
	/* height: 47px; */
}

.menu_preview{
	position:absolute;
	width:250px;
	height:145px;
	background:rgba(207,165,90,0.8);
	padding:5px;
	left:139px;
	top:0;
	display:none;
}
.megapixel{
	position:fixed;
	width:66px;
	height:20px;
	bottom:38px;
	right:3px;
	background:url(Images/megapixel.png) no-repeat;	
	opacity:0.56;
	filter: alpha(opacity=56);
}
.megapixel:hover{
	opacity:1;
	filter: alpha(opacity=100);
}
.weather_widget_bg{
	float:right;
	margin-top:12px;
	margin-right:15px;
	text-align:center;
	width:68px;
	padding:3px 0 4px 0;
	z-index:10;
	line-height:14px;
	/*margin-top:32px;*/
	color:#fff;
	border:1px solid rgba(255,255,255,0.5);
	text-shadow: 0 0 3px rgba(30,41,96,0.1);
}
.weather_widget{
	/*position:absolute;
	right:0;*/
	font-size:12px;
	/*color:rgba(255, 255, 255, 1);*/
	/*text-shadow: 0 0 1px rgba(255,255,255,0.5);*/
}
.weather_widget div{
	float:right;	
	width:100%;
}
.weather_widget_time{
	margin-left:3px;
}
.weather_widget_name{
	text-transform:uppercase;	
}
.weather_icon{
	padding-right: 1px;	
	padding-top:0;
	color:rgba(30,41,96,1);
	/*color:rgba(255, 255, 255, 1);*/
	/*text-shadow:0 0 1px rgba(255,255,255,0.2);*/
}
.weather_widget_split{
	margin:0 6px 0 6px;
	font-size:12px;
}
.footer_bg{
	position:fixed;
	bottom:0 !important;
	left:0;
	width:100%;
	height:36px;
	z-index:10;
	background:rgba(255,255,255,0.38);
	/*border-top:3px solid rgba(243,180,22,0.5);*/
	display:none;
}
.pano_title{
	float:left;
	margin:8px 0 0 12px;
	color:#1E2960;
	/*font-weight:bold;*/
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(30,41,96,0.38);
	font-size:14px;
	font-family: 'vl_globersemibold_free';
}
.pano_title span{
	float:left;
}
.title_arrow{
	width:16px;
	height:16px;
	background-image:url(Images/title_arrow.png);
	margin:2px 5px 0 5px;	
}
.control_bar{
	float:right;
	height:24px;
	margin:6px 2px 0 0;	
}
.control_item{
	float:right;
	width:24px;
	height:24px;
	margin:0 4px;
	background-color:rgba(30,41,96,0.6);
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition:all 0.15s ease-in-out;
    -moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;	
}
.control_item:hover{
	background-color:rgba(30,41,96,0.9);
}
.control_item.help{
	background-image:url(Images/ControlBar/btn_help.png);	
}
.control_item.fullscreen{
	background-image:url(Images/ControlBar/btn_enter_fs.png);	
}
.control_item.fullscreen.close_fs{
	background-image:url(Images/ControlBar/btn_close_fs.png);	
}
.control_item.autotour{
	background-image:url(Images/ControlBar/btn_start_autotour.png);	
}
.control_item.autotour.stop{
	background-image:url(Images/ControlBar/btn_stop_autotour.png);	
}
.control_item.autoration{
	background-image:url(Images/ControlBar/btn_stop_autorotation.png);	
}
.control_item.autoration.start{
	background-image:url(Images/ControlBar/btn_start_autorotation.png);	
}
.control_item.home{
	background-image:url(Images/ControlBar/btn_home.png);	
}
.control_item.right{
	background-image:url(Images/ControlBar/btn_move_right.png);	
}
.control_item.left{
	background-image:url(Images/ControlBar/btn_move_left.png);	
}
.control_item.down{
	background-image:url(Images/ControlBar/btn_move_down.png);	
}
.control_item.up{
	background-image:url(Images/ControlBar/btn_move_up.png);	
}
.control_item.sound{
	background-image:url(Images/ControlBar/btn_sound_off.png);	
}
.control_item.sound.on{
	background-image:url(Images/ControlBar/btn_sound_on.png);	
}
.control_item.location{
	background-image:url(Images/ControlBar/btn_location.png);	
}
.control_item.info{
	background-image:url(Images/ControlBar/btn_info.png);	
}
.control_item.zoomout{
	background-image:url(Images/ControlBar/btn_zoom_out.png);	
}
.control_item.zoomin{
	background-image:url(Images/ControlBar/btn_zoom_in.png);	
}
.control_item.share{
	/*background-color:rgba(243,180,22,1);*/
	background-image:url(Images/ControlBar/btn_share.png);	
	cursor:pointer;
}
.sharethis_bg{
	position:absolute;
	bottom:36px;
	right:-48px;
	width:48px;
	height:160px;
	overflow:hidden;
	background:rgba(30,41,96,0.5);
	/*-webkit-transition:all 0.15s ease-in-out;
    -moz-transition:all 0.15s ease-in-out;
    -o-transition:all 0.15s ease-in-out;
    transition:all 0.15s ease-in-out;*/	
	z-index:9999; 
}
.sharethis{
	margin:9px 0 0 6px;
}
.control_item.share:hover .sharethis_bg{
	right:0;
}
.help_info{
	position:fixed;
	z-index:90;
	width:700px;
	height:480px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	padding:0 auto;
	background:url(Images/help_screen_fg.png) center no-repeat;
	cursor:pointer;
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
/*-------------------------Autotour----------------------*/
.autotour_control{
	display:none;
	z-index:11;	
}
.autotour_control.logo{
	position:absolute;
	width:108px;
	height:70px;
	background:url(Images/Logo.png) no-repeat;
	top:8px;
	left:10px;
	margin:0;	
	background-size:cover;	
}
.autotour_control.exit_fullscreen{
	position:absolute;
	width:36px;
	height:36px;
	top:3px;
	right:3px;
	background:url(Images/exit_fullscreen.png) center no-repeat;
}
.autotour_control.pano_title{
	position:absolute !important;
	bottom:0;
	left:0;
	padding:16px 18px 15px 18px;
	margin:0;
	color:#1E2960;
	/*font-weight:bold;*/
	text-transform:uppercase;
	text-shadow: 0 0 1px rgba(30,41,96,0.38);
	font-size:18px;
	background:rgba(255,255,255,0.38);
}
/*-------------------------Tooltip----------------------*/
.pano_tooltip{
	position: absolute;
    z-index: 9999 !important;
	background:rgba(30,41,96,0.9) !important;
	color:#fff;
	padding:5px 10px  !important;
	border-radius:0;
	border:none;
	margin-right:20px!important;
	font: 14px "myriad_proregular",'Arial'  !important;
}
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:100;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*.tooltip .tooltip-inner {
    background-color:rgba(30,41,96,0.9);
	padding:6px 12px;
	border-radius:0;
	font: 14px "myriad_proregular",'Arial';
}
.tooltip.top .tooltip-arrow {
   border-top-color: rgba(30,41,96,0.9);   
}
.tooltip.bottom .tooltip-arrow {
   border-bottom-color: rgba(30,41,96,0.9);   
}
.tooltip.left .tooltip-arrow {
   border-left-color: rgba(30,41,96,0.9);   
}
.tooltip.right .tooltip-arrow {
   border-right-color: rgba(30,41,96,0.9);   
}*/
/*---------------------Máy tính bàn-----------------------------*/
@media only screen and (min-width : 768px)
{

}
/*---------------------Máy tính bảng ngang-----------------------------*/
/*@media only screen and (min-width : 960px) and (max-width : 1199px){*/
@media only screen and (min-width : 768px) and (max-width : 1200px)
{

}
/*---------------------Máy tính bảng dọc--------------------------------*/
/*@media only screen and (min-width : 768px) and (max-width : 959px){*/
@media only screen and (min-width : 768px) and (max-width : 992px)
{
	.menu_bg{
		float:left;	
		margin:14px 0 0 18px;
		text-align:center;
	}
	.menu_item{
		display:inline-block;
		font-size:11px;
		padding:0 10px 0 10px;		
	}
	
}
/*----------------------Điện thoại di động-------------------------------*/
/*@media only screen and (max-width : 767px)	{*/
@media only screen and (max-width : 768px 	)	{
.header_bg{
	height:46px;
	background:rgba(255,255,255,0);
}
.logo{
	width: 64px;
	height: 64px;
	margin:6px 0 0 8px;
}
.menu_btn{
	float:right;
	width:40px;
	height:36px;
	/*background:url(Images/menu_btn.png) no-repeat;*/
	margin:7px 7px 0 8px;
	background:rgba(243,180,22,1);
}
.mobile_menu{
	position:absolute;
	top:0;
	right:-100%;
	opacity:0;
	width:100%;
	background:rgba(255,255,255,0.76);
	min-height:100%;
	z-index:9999;
	/*right:0;
	opacity:1;*/	
}
.mobile_menu_bg{
	float:left;
	width:100%;
	border-top:5px solid #1E2960;	
	margin-top:50px;
}
.mobile_menu_item{
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	padding-left:16px;
	color:#1E2960;
	text-transform:uppercase;
	font-size:12px;
	border-bottom:1px solid rgba(30,41,96,0.36);	
}
.mobile_menu_item span{
	float:right;
	width:11px;
	height:11px;
	margin:14px 14px 0 0;
	background:url(Images/Icons/mobile_menu_icon.png);	
}
.mobile_menu_item_bg.active .mobile_menu_item{
	background: #0064ff;
	color:#fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
.mobile_menu_item_bg.show .mobile_menu_item span{
	background:url(Images/Icons/mobile_menu_icon_show.png);
}
.mobile_sub_mneu_bg{
	float:left;
	width:100%;
	background:#1E2960;
	padding:6px 0 9px 0;
	display:none;
}
.mobile_menu_item_bg.active .mobile_sub_mneu_bg{
	display:block;
}
.mobile_sub_menu_item{
	float:left;
	width:100%;
	height:28px;
	line-height:28px;
	color:#fff;
	font-size:12px;
	padding-left:36px;
	background:url(Images/Icons/arrow_01.png) 24px 10px no-repeat;
}
.mobile_sub_menu_item.selected{
	color:#F3B416;
	background:url(Images/Icons/arrow_02.png) 24px 10px no-repeat;
}
.pano_title{
	margin-top:10px;
	font-size:10px;
}
.floor_bg{
	-moz-transform: scale(0.72);
    -ms-transform: scale(0.72);
    -o-transform: scale(0.72);
    -webkit-transform: scale(0.72);
    transform: scale(0.72);
	right:-339.5px;
	bottom:18px !important;
}
	
}