@charset "utf-8";
/* CSS Document */

/* 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;
	margin: 0 auto;
	padding: 0;
	border: 0 none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{
	text-decoration:none;
	cursor: pointer;
}
a:hover{
	text-decoration:none;
}
body {
	margin:0px auto;
	font: 14px/18px "san_francisco_displaymedium",'Arial';
	background: #fff;
	background-size:cover;
	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/control_btn_03_active.png)
	,url(../Images/control_btn_04_active.png)
	,url(../Images/control_btn_05.png)
	,url(../Images/control_btn_06_active.png);
}
/*-----------------------Header------------------*/
.header_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:76px;
	z-index:11;
}
.header_bar{
	position:absolute;
	width:100%;
	height:44px;
	background:#0050a0;
	z-index:10;
}
.header_line{
	position:relative;
	width:100%;
	height:4px;
	top:0;
	background:#25a1ff;
	z-index:9;
}
.logo_bg {
	position:absolute;
	z-index:11;
	float: left;
	width: 268px;
	height: 72px;
	background: url(../Images/logo_bg.png) right no-repeat;
	background-size:cover;
}
.logo_bg[lang="en"]{
	width: 346px;
}
.logo-tech {
	width: 200px;
	margin-left: 5px;
	margin-top: 5px;
}
.logo-tech img {
	max-width: 100%;
}
.logo {
	float: left;
	width: 48px;
	height: 48px;
	background: url(../Images/logo.png) right no-repeat;
	background-size:cover;
	margin: 11px 0 0 15px;
}
.logo_title_bg{
	float: left;
	width:185px;
	margin:10px 0 0 8px;
	color:#000000;
}
.logo_bg[lang="en"] .logo_title_bg{
	width:226px;
}
.logo_title{
	float:left;
	width:100%;
	font-size:15px;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color: #ed1c24;
	text-align: center;
}
.logo_sub_title{
	float:left;
	width:100%;
	margin-top:1px;
	font-size:10px;
	font-family: 'Montserrat', sans-serif;
	color: #086ab5;
	font-weight: 600;
}	
.lang_menu_bg{
	float:right;
	margin: 13px 13px 0 0;
}
.lang_menu_bg a{	
	float:right;
	height: 14px;
	margin:0 0 0 0;
	color:#fff;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	-webkit-transition: all 160ms linear;
	-moz-transition: all 160ms linear;
	-o-transition: all 160ms linear;
	-ms-transition: all 160ms linear;
	transition: all 160ms linear;
}
.lang_menu_bg a:hover{	
	filter: brightness(116%);
	-webkit-filter: brightness(116%);
	-moz-filter: brightness(116%);
	-o-filter: brightness(116%);
	-ms-filter: brightness(116%);
}
.lang_menu_bg a:active{	
	filter: brightness(88%);
	-webkit-filter: brightness(88%);
	-moz-filter: brightness(88%);
	-o-filter: brightness(88%);
	-ms-filter: brightness(88%);
}
.lang_menu_bg a.hide{
	display:none;	
}

.footer_bg{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:56px;
	z-index:11;
}
.footer_line{
	position:absolute;
	width:100%;
	height:5px;
	bottom:0px;
	background:#0050a0;
	z-index:9;
}
.control_bar{
	position:absolute;
	bottom:0;
	right:0;
	width:332px;
	/*width:248px;*/
	height:46px;
	background:url(../Images/control_bar.png) left bottom;	
	z-index:12;
	padding:7px 0 0 0;
}
.control_btn{
	float:right;
	width:32px;
	height:32px;
	background:#25a1ff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right:10px;
	-webkit-transition: all 160ms linear;
	-moz-transition: all 160ms linear;
	-o-transition: all 160ms linear;
	-ms-transition: all 160ms linear;
	transition: all 160ms linear;
}
.control_btn:hover{
	background-color:#086ab5;	
}
.control_btn:active{
	background-color:#b85d00;	
}
.control_btn.item_01{
	background-image: url(../Images/control_btn_01.png);
	background-size:contain;
}
.control_btn.item_02{
	background-image: url(../Images/control_btn_02.png);
	background-size:contain;
}
.control_btn.item_03{
	background-image: url(../Images/control_btn_03.png);
	background-size:contain;
}
.control_btn.floorplan{
	background-image: url(../Images/map.png);
	background-size:contain;
}
.control_btn.item_03.active{
	background-image: url(../Images/control_btn_03_active.png);
	background-size:contain;
}
.control_btn.item_04{
	background-image: url(../Images/control_btn_04.png);
	background-size:contain;
}
.control_btn.item_04.active{
	background-image: url(../Images/control_btn_04_active.png);
	background-size:contain;
}
.control_btn.item_05{
	background-image: url(../Images/control_btn_05.png);
	background-size:contain;
}
.control_btn.item_05.active{
	background-image: url(../Images/control_btn_05_active.png);
	background-size:contain;
}
.control_btn.item_06{
	background-image: url(../Images/control_btn_06.png);
	background-size:contain;
}
.control_btn.item_06.active{
	background-image: url(../Images/control_btn_06_active.png);
	background-size:contain;
}
.control_btn.floorplan.active{
	background-image: url(../Images/map.png);
	background-size:contain;
}
/*.control_btn.item_06{
	text-align: center;
	line-height: 32px;
}*/
.control_btn.item_06.active{
	background-image: url(../Images/control_btn_06_active.png);
	background-size:contain;
}
.control_btn.item_07{
	background-image: url(../Images/control_btn_07.png);
	background-size:contain;
}
.virtual_guide {
	background-image: url(../Images/icon-nu.png);
	background-size:contain;
}

.navigation_bg{
	position:absolute;
	bottom:48px;
	right:152px;
	width:248px;
	height:46px;
	background:rgba(255,255,255,0.68);	
	z-index:12;
	padding:7px 0 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	display:none;
}
.navi_btn{
	float:left;
	width:32px;
	height:32px;
	background:#b85d00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-left:8px;
	-webkit-transition: all 160ms linear;
	-moz-transition: all 160ms linear;
	-o-transition: all 160ms linear;
	-ms-transition: all 160ms linear;
	transition: all 160ms linear;
}
.navi_btn i{
	width:32px;
	height:32px;
	color:#fff;
	font-size:16px;
	text-align:center;
	line-height:33px;
}
.navi_btn.zoom_in{
	line-height:38px;
}
.navi_btn.zoom_out{
	line-height:38px;
}
.navi_btn:hover{
	background-color:#b5b737b8;	
}
.navi_btn:active{
	background-color:#9A0000;	
}
.title_bg{
	position:absolute;
	bottom:5px;
	right:292px;
	/*right:208px;*/
	min-width:180px;
	height:36px;
	background:url(../Images/title_bg.png) left bottom;	
	z-index:11;
}
.pano_title{
	font-size:13px;
	text-transform: uppercase;
	text-align: center;
	color:#FFffff;
	line-height:39px;
	padding:0 48px 0 40px;
	font-family: 'Montserrat', sans-serif;
}
.master_pano_link_bg{
	position:absolute;
	left:22px;
	bottom:22px;	
}
.master_pano_link_bg a{
	float:left;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 0 0 5px rgba(0,0,0,1);
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	display:none;
}
.master_pano_link_bg a.active{
	display:block;
}
.master_pano_link_bg a i{
	float:left;
	font-size:24px;
	margin-right:10px;
	margin-top:-4px;
}
/*-------------------------Tooltip----------------------*/
.pano_tooltip{
	position: absolute;
	z-index: 9999 !important;
	background:rgb(0 184 150 / 80%) !important;	
	color:#fff;
	padding:9px 12px 8px 12px !important;
	border-radius:0;
	border:none;
	margin-right:20px!important;
	font: 14px "san_francisco_display_regulRg",'Arial'  !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:100;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.over-huong_dan{
	background: rgba(6,41,67,.98) url(../Images/bg.png) left bottom no-repeat !important;
    z-index: -1;
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: hidden;
    width: auto;
    height: auto;
    display: block;
    top: 0;
    left: 0;
    visibility: hidden;
}
.huong-dan {
	width: 100%;
    text-align: center;
    margin-top: 20px;
}
.huong-dan img {
	max-width: 100%;
}
.close-huong_dan{
	background-image: url("../Images/btn-close.jpg");
	position: absolute;
    top: calc(5%);
    right: calc(5%);
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 8051;
}
.active-huong-dan{
	z-index: 9999 !important;
	visibility: visible;
}
.copy-right-ft {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 13px;
	z-index: 99999;
}
.copy-right-ft a {
	color: #fff;
}


/*---------------------Máy tính bàn-----------------------------*/
@media only screen and (min-width : 1200px){
	.menu_item_bg:hover .menu_item span{
		bottom:-3px;
		opacity:1;
	}
}
/*---------------------Máy tính bảng ngang-----------------------------*/
/*@media only screen and (min-width : 960px) and (max-width : 1199px){*/
	@media only screen and (min-width : 992px) and (max-width : 1200px)
	{
		.logo_bg 
		{
			width: 220px;
		}
		.logo_bg[lang="en"]{
			width: 262px;
		}
		.logo {
			width: 48px;
			height: 48px;
			margin: 11px 0 0 12px;
		}
		.logo_title_bg{
			width:112px;
			margin:18px 0 0 8px;
		}
		.logo_bg[lang="en"] .logo_title_bg{
			width:172px;
		}
		.logo_title{
			font-size:15px;	
		}
		.logo_sub_title{
			margin-top:-1px;
			font-size:9px;
		}
		nav
		{
			margin:0 0 0 216px;
		}
		nav[lang="en"]{
			margin-left: 256px;
		}
		nav .menu_item 
		{
	/*
	padding:13px 0 0 0;*/
	margin: 0 0 0 16px;
	font-size: 12px;   
	font-family: 'Montserrat', sans-serif;   
}
.sub_menu_bg.last{
	right:0;	
}
.lang_menu_bg{
	font-size:13px;
	margin: 12px 12px 0 0;
}
.master_pano_link_bg{
	left:15px;
	bottom:15px;	
}
.master_pano_link_bg a{
	font-size:17px;
}
.master_pano_link_bg a i{
	font-size:22px;
	margin-top:-2px;
}
}
/*---------------------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)
	{
		.lang_menu_bg{
			float:left;
			margin: 12px 0 0 280px;
		}
		.lang_menu_bg[lang="en"]{
			float:right;
			margin: 12px 0 0 350px;
		}
		.menu_btn{
			float:right;
			width:40px;
			height:36px;
			/*background:url(Images/menu_btn.png) no-repeat;*/
			margin:2px 3px 0 0;
			background:none;
		}
		.menu_bg{
			position:absolute;
			top:44px;
			right:-50%;	
			opacity:0;
			width:50%;
			/*background:rgba(184,0,0,0.76);*/
			background:#fff;
			min-height:100%;
			z-index:9;
			-webkit-transition: all 300ms linear;
			-moz-transition: all 300ms linear;
			-o-transition: all 300ms linear;
			-ms-transition: all 300ms linear;
			transition: all 300ms linear;
	/*-webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;*/
}
.menu_item_bg{	
	float:left;
	width:100%;
}
.menu_item{
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	margin:0 !important;
	padding:0 0 0 16px !important;
	color:#fff;
	/*background:#B80000;*/
	background:#9A0000;
	text-transform:uppercase;
	font-size:12px;
	border-bottom:1px solid rgba(255,255,255,0.36);	
}
.menu_item i:before{
	visibility:visible;
	float:right;
	font-family:'FontAwesome';	
	content:'\f0fe';
	margin-right:10px;
	font-size:10px;
	color:rgba(255,255,255,0.98);	
}
.menu_item_bg.active .menu_item{
	background:#25a1ff;
}
.menu_item_bg.active .menu_item i:before{	
	content:'\f146';
	color:#FFD24D;	
} 
.menu_item span{
	display:none;
}
.sub_menu_mobile_bg{
	float:left;
	width:100%;
	display:none;	
}
/*.menu_item_bg.active .sub_menu_mobile_bg{
	display:block;
	}*/
	.sub_menu_box{
		float:left;
		width:100%;
		margin:0 0 2px 0;
	}
	.sub_menu_item{
		float:left;
		width:100%;
		height:32px;
		padding:0 0 0 18px;
		line-height:32px;
		font-size:12px;
		color:#333;
		border-top:1px solid rgba(189,130,50,0.2);
	}
	.sub_menu_item:first-child{
		border-top:1px solid rgba(189,130,50,0);
	}
	.sub_menu_item i:before{
		float:left;
		margin-right:8px;
	}
	.menu_thumb_bg{
		display:none;	
	}
	.control_bar{
		width:248px;
	}
	.title_bg{
		right:208px;
	}
	.master_pano_link_bg{
		left:auto;
		right:15px;
		bottom:58px;	
	}
	.master_pano_link_bg a i{
		margin-top:-4px;
	}
}
/*----------------------Điện thoại di động-------------------------------*/

@media only screen and (max-width : 767px)	{
	.header_bar{
		height:48px;
	}
	.logo_bg 
	{
		width: 210px;
		height: 48px;
	}
	.logo_bg[lang="en"]{
		width: 235px;
	}
	.logo {
		width: 32px;
		height: 32px;
		margin: 7px 0 0 6px;
	}
	.logo_title_bg{
		width:130px;
		margin:10px 0 0 5px;
	}
	.logo_bg[lang="en"] .logo_title_bg{
		width:158px;
	}
	.logo_title{
		float:left;
		width:100%;
		font-size:13px;	
		font-family: 'Montserrat', sans-serif;
	}
	.logo_sub_title{
		margin-top:-5px;
		font-size:7px;
	}	
	.lang_menu_bg{
		float:right;
		margin: 14px 0 0 166px;
		font-size:11px;
	}
	.lang_menu_bg[lang="en"]{
		float:right;
		margin: 14px 0 0 212px;
		font-size:11px;
	}
	.menu_btn{
		float:right;
		width:40px;
		height:36px;

		margin:4px 2px 0 0;
		background:none;
	}
	.menu_bg{
		position:absolute;
		top:48px;
		right:-100%;	
		opacity:0;
		width:100%;

		background:#fff;
		min-height:100%;
		z-index:9;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;

	}
	.menu_item_bg{	
		float:left;
		width:100%;
	}
	.menu_item{
		float:left;
		width:100%;
		height:40px;
		line-height:40px;
		margin:0 !important;
		padding:0 0 0 16px !important;
		color:#fff;
		/*background:#B80000;*/
		background:#0050a0;
		text-transform:uppercase;
		font-size:12px;
		border-bottom:1px solid rgba(255,255,255,0.36);	
	}
	.menu_item i:before{
		visibility:visible;
		float:right;
		font-family:'FontAwesome';	
		content:'\f0fe';
		margin-right:10px;
		font-size:10px;
		color:rgba(255,255,255,0.98);	
	}
	.menu_item_bg.active .menu_item{
		background:#25a1ff;
	}
	.menu_item_bg.active .menu_item i:before{	
		content:'\f146';
		color:#FFD24D;	
	} 
	.menu_item span{
		display:none;
	}
	.sub_menu_mobile_bg{
		float:left;
		width:100%;
		display:none;	
	}

	.sub_menu_box{
		float:left;
		width:100%;
		margin:0 0 2px 0;
	}
	.sub_menu_item{
		float:left;
		width:100%;
		height:32px;
		padding:0 0 0 18px;
		line-height:32px;
		font-size:12px;
		color:#333;
		border-top:1px solid rgba(189,130,50,0.2);
	}
	.sub_menu_item:first-child{
		border-top:1px solid rgba(189,130,50,0);
	}
	.sub_menu_item i:before{
		float:left;
		margin-right:8px;
	}
	.menu_thumb_bg{
		display:none;	
	}
	.footer_line{
		display:none;
	}
	.control_bar{
		width:100%;
		background:#fff;
		text-align:center;
	}
	.control_btn{
		float:none;
		display:inline-block;
		margin:0 10px;
	}
	.title_bg{
		bottom:46px;
		right:0;
		height:32px;
		width:100%;
		background:#086ab5;
	}
	.pano_title{
		font-size:11px;
		line-height:35px;
		padding:0;
	}
	.master_pano_link_bg{
		display:none;
	}
	.fullscreen {
		display: none;
	}
	.logo-tech {
		width: 55%;
	}
	.copy-right-ft {
	    position: absolute;
	    bottom: 80px;
	    left: 10px;
	    font-style: italic;
	    font-size: 11px;
	    z-index: 99999;
	}
}
@media only screen and (max-width : 374px)	{
	.pano_title{
		font-size:9px;
	}	
}