@charset"utf-8";
@font-face {
   font-family: 'SourceSansPro-Bold';
   src: url('fonts/SourceSansPro-Bold.eot');
   src: url('fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'), url('fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'SourceSansPro-Regular';
   src: url('fonts/SourceSansPro-Regular.eot');
   src: url('fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'), url('fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}
/* Resets */
body, html, div, blockquote, p, 
h1, h2, h3, h4, h5, h6, pre, ol, dl, dt,
dd, form, a, input, fieldset{margin:0;padding:0;border:none;font-family: 'SourceSansPro-Regular';font-size:15px;}  
h1, h2, h3, h4, h5, h6{font-family: 'SourceSansPro-Regular';font-size:15px;margin:0;padding:0;}
ul,li, ol{list-style:none;margin:0;padding:0;}
img{border:none;padding:0px;}
a {
   color: #231f20;
   text-decoration: none;
   cursor: pointer;
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out;
}
body{background:#000 !important}
a:hover{color:#ddbd72 !important}
.no-padding{padding:0px !important}
.no-padding_r{padding-right:0px !important}
.over_h{overflow:hidden}
.wrap_all{width:100%; margin:auto}
	#wrap_header {width:100%; height:100%; position:relative;}
		.banner_img{position:relative; z-index:1}
	
		.logo{
			margin:auto; 
			text-align:center;
			position:absolute;
			z-index:5;
			width:100%;
		}
			.logo img{text-align:center; margin:auto}
		.hotline{
			background:#ddbd72 url(../images/icon_m.png) 15px center no-repeat;
			position:fixed;
			right:0px;
			bottom:0px;
			padding:8px 15px 8px 15px;
			z-index:500;
			max-width:195px;
		}
			.hotline p{
				padding-left:30px;
				font-family: 'SourceSansPro-Bold';
				font-size:20px;
				color:#171717;
				margin-bottom: 0px;
			}
	.desc_diamond{max-width: 822px; text-align: left;  margin: auto;}
	
	#wrap_video{
		position: relative;
    	background: #000 url(../images/tienich-bg.png) left bottom repeat-x;
		width: 100%;
		height: 100%;
		padding: 0px!important;
		background-size: 100%;
	}
		.top_bgvideo{background: url(../images/utilities-view.png) center top no-repeat;}
			.video_p{}
				.video_p img{border:10px solid #353535;}
				.video_p:hover img{opacity:.9}
	#wrap_vitri {width:100%; height:100%; position:relative; background:url(../images/vi-tri.jpg) center top no-repeat; background-size:cover;}
			.diamond_t{font-size:28px;
				color:#ddbd72;
				background:url(../images/icon_diamon.png) top center no-repeat;
				margin:30px auto;
				text-align:center;
				height:106px;
				text-transform:uppercase;
				font-family: 'SourceSansPro-Bold';
			    padding-top: 28px;
			}
			.desc_diamond p{
				text-align:center;
				font-family: 'SourceSansPro-Regular';
				font-size:15px;
				color:#e7e7e7;
				margin-bottom:5px;
			}
			.wrap_map{
				margin-top:30px;
			}
			.left_map{padding-right:0px !important}
			.right_map{padding-left:0px !important}
				.right_map{text-align:right}
				.line_map{
					border-bottom:1px solid #4b413d;
					padding:15px 0px;
				}
				.left_map p,.right_map p{
					font-size:15px;
					color:#e7e7e7;
					padding:0px;
					margin-bottom:0px;
					text-transform:uppercase;
					font-family: 'SourceSansPro-Regular';
				}
				.time_map{text-transform:capitalize !important}
					.time_map span{
						font-size:30px;
						color:#ddbd72;
						font-family: 'SourceSansPro-Bold';
						padding-right:5px;
					}
				.img_map{padding:0px !important}
				.v_map{
					text-align:center; 
					margin:15px auto 25px;
				}
					.view_map{
						color:#ececec;
						background:#232323;
						padding:15px 45px;
						border:5px solid #000000;
						border-radius:30px;
						text-decoration:none;
						display:inline-block;
					}
	#wrap_register {width:100%; height:100%; position:relative; background:url(../images/register.jpg) center top no-repeat; background-size:cover;}
	
		.wrap_r{background:url(../images/bg_op.png) repeat; padding:5px; margin-top:30px;}
		.main_re{
			background:#fff;
			padding:25px;	
		}
			.title_b{color:#000}
		
		.w_btn_re{margin:auto;display: block; text-align:center;}
		.form_act{margin-bottom:0px;}
		.form_act li input{
			border-bottom:1px solid #aaaaaa;
			color:#2a2a2a;
			padding:5px;
			display: block;
			width: 100%;
		}
			.btn_re,.primary-btn{
				color:#2a2a2a;
				text-transform:uppercase;
				background:#ddbd72;
				padding:10px 95px;
				font-family: 'SourceSansPro-Bold';
				border: none;
			}
			
			
	#wrap_info {position:relative; background:#000 url(../images/bg_info.jpg) no-repeat 11.5% 155px; min-height:730px;width:100%; height:100%; padding:20px 0px 10px !important;}
		.float_img{position:absolute;}
		.bg_info{position:absolute; top:0px; overflow:hidden; }
			.bg_info img{min-height:660px;}
		.wrap_note{margin:15px 0px}
			.wrap_note p{color:#fff;text-transform:uppercase; font-size:20px; padding-left:50px;}
				.wrap_note p span{font-family: 'SourceSansPro-Bold';}
			.note_first{background:url(../images/note_first.png) left top no-repeat; padding-top:15px}
			.note_last{background:url(../images/note_last.png) right top no-repeat; text-align:right; padding-right:50px; padding-bottom:15px;}	
			.wrap_info{margin:30px 0px 0px 25px;}	
				.logo_info{text-align:center;}
				
				.title_project{
					font-family: 'SourceSansPro-Bold';
					font-size:18px;
					color:#fff;
					text-transform:uppercase;
					background:url(../images/line_project.png) left bottom no-repeat;
					padding-bottom:10px;
				}
				.list_project{margin:25px 0px 10px 20px;}
					.list_project p{color:#fff}
				.list_project ul li{color:#fff; padding:7px 0px; border-bottom:1px solid #404040}
				
	#wrap_utilities{position:relative; background:#111111;width:100%; height:100%; padding:0px!important;}	
		.img_utiliti img{min-height:467px;}
		.utilities_t{background:#000; color:#ddbd72; font-size:26px; text-transform:uppercase;font-family: 'SourceSansPro-Bold'; position:absolute; top:10px; padding:10px 20px;}
		.r_utiliti{padding:10px 0px;}
		.r_utiliti p{color:#ddbd72; text-align:center; font-size:26px; margin-bottom:0px;font-family: 'SourceSansPro-Bold';}
		
	#wrap_utilities2{position:relative; background:#000 url(../images/tienich-bg.png) left center repeat-x; width:100%; height:100%; padding:0px!important; background-size:100%;    border-bottom: 10px solid #ddbd72;}
		.utilities_view{background:url(../images/utilities-view.png) center top no-repeat;}
			.wrap_utili {padding:50px 0px 20px}
				.utilities_view .diamond_t{margin-top:0px !important}
			
			.list_view li{padding-bottom:25px; color:#fff}	
				.list_view li span{color:#000; background:#ddbd72; border-radius:15px; padding:4px 11px;margin-right: 15px;     clear:both; float:left;margin-top: -4px;}
				

	#house_demo{background:#000; padding:5px 0px 40px}
		.wrap_house{margin-top:40px;position: relative;}
			
		.title_number{
			position: absolute;
			width:100%;
			min-height:120px;
			margin-top:40%;
			padding-top:15px;
			color:#2a2a2a;
			font-size:24px;
			z-index: 2;
			min-width: 477px;
			font-family: 'SourceSansPro-Regular';
		}
		.number_r{
			background: url(../images/canhho.png) left center no-repeat;
			left: -77px;
			min-width: 430px;
		}
			.number_r span{
				font-size:50px;
				color:#ddbd72;
				padding-right:50px;
			}
		
		.number_l{
			background: url(../images/canhho-2.png) left center no-repeat;
			left:5px;
			text-align:right;
		}
			.number_l span{
				font-size:50px;
				color:#ddbd72;
				padding-right: 97px;
				padding-left:60px;
			}
	#wrap_news{background:#000; padding-bottom:30px;}
		.title_news{text-transform:uppercase; color:#ddbd72; font-size:15px;font-family: 'SourceSansPro-Bold'; padding:10px 0px15px;}
		.new_l{margin-bottom:20px}
		.descripton_n{color:#fff; font-size:14px;}
		.view_more{margin-top:30px}
		.view_more a{background:#2a2a2a url(../images/view_more.png) 90% center no-repeat; padding:4px 40px 4px 10px; color:#b2b2b2; font-size:13px;}
	
	/* popup tin tuc */
	#fade_wrapper,#fade2_wrapper,#fade3_wrapper{background:#000}
	
	.fancybox-skin{background:#000 !important; color:#fff !important; padding:0px !important}
	.fancybox-lock .fancybox-overlay{overflow-y:auto !important;}
	#new1,#new2{background:#000 !important;}
	.fancybox-inner,.fancybox-outer,.fancybox-skin,.fancybox-opened{background:#000 !important;}
	.fancybox-wrap{overflow:auto}
	.fancybox-inner {overflow: initial !important}
}
	#fade3{text-align:center !important; margin:auto;	}
	.well {
        display:none;
		background:none !important;
		border:none !important;
    }
	.well p{color:#fff;}
    .fulltable {
        max-width: 100%;
        overflow: auto;
    }
	
	.ui-widget-overlay{background:#000 !important; opacity:1 !important;z-index: 500 !important; }
	.ui-state-default .ui-icon{background:url(../images/close_pop.jpg) center center no-repeat !important}
	.ui-widget-content {border:none !important}
	.ui-widget-content{z-index:501 !important}
	.img_center{text-align:center}
	.logo_pop{padding:40px 0px}
		.logo_pop img{text-align:center; margin:auto}
		
	.title_detail{text-transform:uppercase; font-size:20px;font-family: 'SourceSansPro-Bold'; color:#ddbd72; text-align:center; padding-bottom:20px;}
		.close_pop{text-align:center; margin:auto; color:#bfbfbf}
			.close_pop img{cursor:pointer}
	.img_center img{margin:auto; text-align:center;}
	.none_scroll{display:none;}
	/*end popup*/
	#wrap_partner{background:#000; position:relative;}
		.scroll_top{float:right; bottom:20px; right:20px;position: absolute;}
			.scroll_top:hover img{cursor:pointer}
		.title_partner{
			background:url(../images/line_partner.png) center bottom no-repeat;
			padding-bottom:10px;
			font-family: 'SourceSansPro-Bold';
			font-size:16px;
			text-align:center;
			color:#fff;
			text-transform:uppercase;
			position:relative;
			z-index:2;
		}
		.title_partner2{background:url(../images/line_partner2.png) left bottom no-repeat !important;}
		.list_li li{color:#fff;list-style: initial;}
		.list_li{margin:10px 0px 10px 45px;}
		
		
		.logo_pk{
			margin:10px auto;
			text-align:center;	
		}
			.logo_pk img{text-align:center; margin:20px auto;}
		.wrap_partner{
			padding:20px 0px 30px;
			position:relative;
			z-index:1
		}
			.wrap_partner ul li{width:20%; 
				float:left;
			}
		.logo_p2{ margin:auto; padding:20px 0px;}
	
	.cont_form .main_re{padding:5px 0px 12px}
		.cont_form .main_re .diamond_t{margin: 10px auto;}	
	.social{background:#ddbd72; min-height:62px;}
	
		.address_f{line-height:59px;}
		.email_f{background:url(../images/email.png) left center no-repeat; padding-left:24px !important; line-height:59px;text-align: left;}
			.email_f span{padding-right:10px; background:url(../images/line_hotline.png) center center no-repeat;}
			
			.link_social{line-height:59px}
			.link_social img{vertical-align:middle; margin-left:8px;}
	form .error{color:red}

	.copyright{background:#000; line-height:50px; color:#fff; text-align:center;font-family: 'SourceSansPro-Regular'; font-size:13px;}
	
	@media screen and (min-width: 1367px){
		.ui-dialog-content iframe{width:100%; min-width:1300px;min-height:720px;}
	}
	@media screen and (min-width: 1024px) and (max-width: 1366px){
	.ui-dialog-content iframe{min-width:960px;min-height:520px;}	
	}
	@media screen and (max-width: 1024px){
		.utilities_t,.r_utiliti p{font-size: 21px;}
		.wrap_utilities .uliti_l img{min-height: 250px;}
		
		.wrap_house .number_r{right: 0px;}
		.wrap_house .number_l{left: -62px;}
		.ui-dialog-content iframe{width: 100%;  height: 100%;}
		.logo{position:relative; background:#000;}
		#wrap_header .logo img{width:190px;}
	}
	
	@media screen and (max-width:768px){
		.banner_img{margin-top:134px}
		#wrap_header .banner{background:#000;}
			#wrap_header .logo img{padding:0px;}
		.ui-dialog-content iframe{width: 100%;  height: 100%;min-width:720px; min-height:520px;}		
		.list_view ul{margin-bottom:0px}
		.wrap_house{min-height: 517px !important;}
		.img_house{margin-top:80px;}
		.number_r{min-width: 394px; left:auto !important;margin-top: -9px;background: url(../images/canhho.png) center center no-repeat;}
			.number_r span{padding-right: 50px;padding-left: 104px;}
		.num_house .number_r{margin-top: -495px;}
		.num_house2 .number_l{margin-top:-8px; left:auto !important;background-position: 50% 0px;}
			.number_l span{padding-right: 175px;padding-left: 50px;}
		.utilities_view,.top_bgvideo{background-size: 60%;}
	}
	@media screen and (max-width: 767px)
	{
		.number_r span{padding-left: 113px;}
		.number_l span{padding-right: 183px;}
		.ui-dialog-content iframe{width: 100%;  height: 100%; min-width:550px; min-height:260px;}	
	}

	@media screen and (max-width:480px){
		.banner_img{margin-top:110px}
		
		.logo{position:relative; background:#000;}
		#wrap_header .logo img{width:190px;}
		
		.ui-dialog-content iframe{width: 100%;  height: 100%;min-width:320px;  min-height:180px;}	
		.hotline p{font-size: 13px !important;}
		.hotline {background-size: 12px;padding: 4px 6px 4px 5px;}
		
		.line_map{padding: 8px 0px;}
		.left_map{margin-bottom:15px;}
		.diamond_t{font-size:19px;}
		
		.title_number{min-width: 276px;background-size: 80%;font-size: 17px;padding-top: 30px;}
		
		.num_house .number_r{margin-top: -252px !important; padding-top:34px;}
			.num_house .number_r span{font-size:30px;padding-left: 21px;padding-right: 35px;}
		.num_house2 .number_l{margin-top:11px; left:auto !important;background-position: 50% 0px;}
			.num_house2 .number_l span{font-size:30px;padding-right: 75px;padding-left: 50px;}
		.img_house2{ margin-top: 60px;}
			
		.footer .container{text-align:center}
		
		.list_view ul li:last-child{padding-bottom:5px;}
		
		#wrap_info .wrap_info{margin: 0px 0px 0px 5px;}
			.wrap_note p{font-size:15px;padding-left: 29px;}
			.note_first{background-size: 26px;}
			.note_last{background-size: 26px;padding-right:29px;}
			.logo_info{margin-bottom:25px;}
		.list_project {margin: 25px 0px 10px 0px;		}
		.utilities_t, .r_utiliti p{font-size:19px;}
		.list_view ul{margin-bottom:15px;}
		.wrap_house{padding:0px !important;min-height: 240px !important; margin-top:20px;}
				.social{overflow:hidden}
					.social .email_f{margin-left:45px;}
				.address_f,.email_f{line-height:45px;}
	}