body{
	font-family: Arial,Tahoma;
	overflow-x: hidden;
	color: #666666;
	font-size: 13px;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 
}
a{  
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
::-moz-selection {
	background: #9b3639;
	color: white;
	text-shadow: none;
}

::selection {
	background: #9b3639;
	color: white;
	text-shadow: none;
}


.upper{ text-transform:uppercase}

.green{ color:#00a453}
.white{ color:#fff !important}
.orange{ color:#e69d37}
.blue{ color:#4385a5}
.brown{ color:#743605}
.black{ color:#414141}
.gray{ color:#333333}
.red{ color:#e20a17}
.red2{ color:#c3222e}
.star{ color:#e50707}
.bold{ font-weight:bold}

a.orange{ color:#e69d37}
a.blue{ color:#4385a5}
a.brown{ color:#97866b}
 

.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px; line-height:18px;}
.font13{ font-size:13px; line-height:16px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{font-size:17px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font24{ font-size:24px; line-height:24px}
.font26{ font-size:26px}
.font28{ font-size:28px;}
.font30{ font-size:30px}
.font32{ font-size:32px}
.font34{ font-size:34px;}
.font36{ font-size:36px; line-height:40px}
.font40{ font-size:40px; line-height:40px}
.font48{ font-size:48px; line-height:40px}
.font50{ font-size:50px;}

.img_fullwidth{ width:100%}
.text_top{ vertical-align:top; top:3px; position:relative;}
 


b, strong{ font-weight:700}
h1,h2,h3,h4{ 
	font-weight:normal; 
	line-height:25px;
	font-size:28px;
	color:#333333;
}
 
iframe[name="google_conversion_frame"]{
	position: absolute;
	top: 0px;
	left: 0px
}


.button{
	display:inline-block;
	width:auto;
	padding:0 40px 10px;
	height:60px;
	width:auto;
	color:#fff;
	border:0px;
	line-height:20px;
	text-align:center;
	position:relative;
	background-color:#a3a1a1;
	font-family: 'thaisans_neueregular';
	font-size:40px;
 	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
		  
		  	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
		 
}
 
.button:hover{ 
	color:#fff;
	background-color:#9b3639;
	text-decoration:none
}
button.button.disable{display:none;}

a.button{
	line-height: 33px;
    padding: 0 20px;
	color:#ffffff;
}
 
.button + .button{ margin-left:5px}
.buttons .spaceL{ width:5px; display:table-cell; height:10px}
.buttons{
	display:block;
	margin:10px 0 10px;
}
 
.nomargin-bottom{ margin-bottom:0 !important}
 
.icons{
	display:inline-block;
	position:relative;
	vertical-align:top;
	background-image:url(../img/icons.png);
	background-repeat:no-repeat;
}
.icon-logo{
	width:55px;
	height:30px;
	background-position:0 0;
}
.icon-phone{
	width:20px;
	height:23px;
	background-position:-61px 0px;
}
.icon-red-phone{
	width:25px;
	height:25px;
	background-position:-1px -33px;
}
.icon-red-mail{
	width:25px;
	height:25px;
	background-position:-27px -30px;
}
.icon-red-www{
	width:25px;
	height:25px;
	background-position:-53px -33px;
}
.icon-backtotop{
	width:11px;
	height:14px;
	background-position:-116px 0;
}
.icon-marker{
	width:12px;
	height:15px;
	background-position:-136px 0;
}
.icon-compass{
	width:44px;
	height:59px;
	background-position:0px -67px;
}
.icon-regist{
	width:41px;
	height:40px;
	background-position:-125px -24px;
}
.icon-play{/*13/08/2016*/
	width:60px;
	height:61px;
	background-position:-52px -68px;
}


.show-phone-small{display:none}    

.page{ 
	overflow:hidden;
	background:#fff;
	height:100%;
	margin:0 auto;
	position:relative;
} 

header{
	display:block;
	width:100%;
	padding:25px 0;
}
header .navbar{ margin-top:38px; position:relative; z-index:9} 

.navbar .nav{ margin-right:-15px}
 

.logo-site a{
	float:left;
	width:135px;
	height:69px;
	background:url(../img/logo.png) 0 0 no-repeat;
	
	/*-webkit-transition:none;
       -moz-transition:none;
         -o-transition:none;
        -ms-transition:none;
            transition:none;*/
}
.register-page .logo-site a{
	float:none;
	margin:auto;
	display:block;
}

.banner{
	max-width:1200px;
	height:600px;
	margin:0 auto;
	background:#f1f1f1;
	position:relative;
}

 
.allpage .banner{
	height:235px;
	background-position:top center;
}
.allpage .banner.main-banner{
	height:600px;
}

.page_name{
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	text-align:right;
	font-size:60px;
	color:#fff;
	font-family: 'nexa_lightregular';
	margin:0px;
	line-height:58px;
	text-transform:uppercase
}
.body{
	padding-top:60px;
}
.body.big-space{ margin-top:40px}
.body.gray_bloc{
	background-color:#f2f2f2;
	margin-top:15px
}
.boxed{
	max-width:1200px;
	margin:auto;
	background-color:#f2f2f2;
	margin-top:13px;
	padding-top:55px;
}

.sales-office-wrap{
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
}
.sales-office{
	float:right;
	width:300px;
	height:80px;
	background:#a3a1a1;
	background:rgba(163,161,161,0.90);	
}
.sales-office.pull-left{
	float:left;
}
.sales-office .icons{
	margin-left:25px;
	margin-top:-11px;
	position:relative;
	top:50%;
}
.sales-office-detail{
	padding:4px 5px 5px 15px;
	display:inline-block;
	border-left:1px solid #c8c7c7;
	margin:14px 0 0 22px;
	text-transform:uppercase;
	font-family: 'nexa_boldregular';
	color:#fff;
}
.sales-office-detail p{
	margin:0px;
}
.sales-office-detail p:first-child{
	font-size:11px;
	margin-bottom:3px;
}
.sales-office-detail p + p{font-size:23px;}

.sales-office-detail a{ color:#fff !important}
.footer-left .sales-office-detail a{ color:#666 !important}

.location-popup-click{ cursor:pointer;}
.location-popup{
	float:left;
	width:170px;
	height:80px;
	text-align:center;
	background:rgba(148,26,29,0.9);
	position:relative;
}
.location-popup .icons{ top:0px; margin-right:7px;}
.location-popup-text{
	color:#fff;
	font-size:14px;
	font-family: 'nexa_boldregular';
	text-transform:uppercase;
	display:block;
	height:15px;
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:-8px;
}

.title{
	text-align:center;
	color:#333333;
	font-size:24px;
	font-family: 'nexa_lightregular';
	text-transform:uppercase;
	position:relative;
	padding-bottom:25px;
	margin-bottom:55px;
}
.title:before{
	content:'';
	width:65px;
	height:1px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-32.5px;
	border-bottom:1px solid #931a1d;
}
.title.icon:before{
	width:36px;
	height:18px;
	border:0px;
	margin-left:-18px;
	bottom:-8px;
	background:url(../img/icons.png) -81px -33px no-repeat;
}

.thumbnail-home{
	background:#f2f2f2;
	display:block;
	margin-top:50px;
	margin-bottom:50px;
	height:150px;
}
.thumbnail-home .text{
	padding:20px;
	display:inline-block;
}

.thumbnail-home h2{
	font-size:14px;
	font-family: 'nexa_boldregular';
	color:#000;
	text-transform:uppercase;
	margin:0;
}
.thumbnail-home a{color:#000;}
.thumbnail-home a:hover{ color:#a3a1a1;}

.thumbnail-home .photo{
	width:170px;
	height:150px;
	float:right;
	overflow:hidden;
	position:relative;
}
.thumbnail-home .photo-overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(163,161,161,0.85);
	
	display:none;
	cursor:pointer;
	text-align:center;
	color:#fff;
	font-family: 'nexa_boldregular';
	font-size:12px;
	text-transform:uppercase;
	
	-webkit-transition: none;
   -moz-transition:none;
   -o-transition:none;
   -ms-transition:none;
   transition: none;
}
.thumbnail-home .photo-overlay span{
	display:block;
	height:20px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-10px;
	width:100%;
	text-align:center;
	color:#fff;
	
}
.thumbnail-home time{
	font-size:12px;
	color:#999999;
	margin-top:8px;
	display:block;
}
.thumbnail-home p{
	color:#333333;
	font-size:14px;
	margin-top:5px;
	line-height:19px;
	height:57px;
	overflow:hidden
}

.location-nav-tabs{
	display:block;
	width:320px;
	margin:20px auto;
}
.location-nav-tabs a{
	width:160px;
	background-color:#941a1d;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	font-family: 'nexa_boldregular';
	line-height:40px;
}
.location-nav-tabs .active a{
	background-color:#fff;
	color:#333333;
}

.location-tab-content{
	/*float:left;
	width:100%;
	margin-bottom:20px;*/
}

.location-popup-content{
	width:800px;
	display:block;
	margin:0 auto;
	position:relative
}

#map_canvas{
	width:800px;
	height:680px;
	float:left;
	
	width:100%;height:100%;
}
#graphic-map-hidden{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-9999;
	opacity:0
}
.tab-pane{ position:relative}


.gmnoprint img {
    max-width: none; 
}

/*******/

/*tabs*/
.tab_wrap{float:left; width:101%;}
.tab_wrap .hide { 
	position: absolute; 
	top: -9999px; 
	left: -9999px; 
}

#tabs {
	width:100%;  
	padding:0; 
	margin: 0 0 20px 0; 
}
#tabs div *{ margin:0}
 

#tabs .nav { 
	overflow: hidden; 
	margin: 0 0 10px 0;
	padding:0px 0 0 20px;
	width:710px;
	background:url(../images/bg_header.png) repeat-y center top; 
}
#tabs .nav li { 
	width:auto; 
	float: left; 
	margin:0px; 
	padding:0px;
	list-style-type:none;
	text-align:center
}
#tabs .nav li.last { margin-right: 0; }
#tabs .nav li a { 
	display: block; 
	padding:13px 0 6px;  
	margin:0px; 
	color: white; 
	font-size: 16px;
	line-height:25px;
	font-family: 'nexa_bold';
	text-transform:uppercase;
	text-align: center; 
	border: 0;
	position:relative;
	background:url(../images/tab_active.png) no-repeat 0 50px;
}
 
#tabs ul li a.current,
#tabs .nav li a:hover{ 
	color: white; 
	background:url(../images/tab_active.png) no-repeat bottom right;
}
#tabs .nav li span{
	display:block;
	padding:0 26px;
	height:30px
}
.tab_content{ width:100%; display:block}
.tab_content .button.viewmore{ width:375px; margin:15px 0 20px !important; display:inline-block}
.tab_content .button.viewmore:hover{ background:#3c3c3c}

/******/

.contact-info-wrap{
	width:820px;
	margin:auto;
	padding-bottom: 45px;
	position: relative;
	
}
.contact-info-wrap:before{
	content: '';
	position: absolute;
	bottom: 0;
	left:-200px;
	right: -200px;
	border-bottom:1px solid #eeeeee;
	height: 2px;
	width: auto;
	display: block; 
}

.contact-info{
	text-align:center;
	font-size:19px;
	font-family: 'nexa_boldregular';
	color:#333333;   
}
.contact-info a{color:#333333}
.contact-info a:hover{ color:#931a1d}

.contact-info .icons{ 
	margin-top:18px;
	position:relative;
	top:0px;
}

.contact-info .circle{
	width:60px;
	height:60px;
	display:inline-block;
	border:2px solid #931a1d;
	
  -webkit-border-radius:50%;
     -moz-border-radius:50%;
          border-radius:50%;
}
.contact-info p{margin-top:20px;}

.map-wrap{}
.map-wrap .address{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
	margin: 50px 0;
	 font-family: "nexa_boldregular";
}
.map-wrap .address img{
	display: inline-block;
	width: 19px;
	margin-right: 5px;
	position: relative;
	top: -2px
}
.map-wrap .map{
	height:245px;
	overflow:hidden;
	background:#eeeeee;
	text-align:center;
	position:relative;
	cursor:pointer;
}
.map-wrap .map.graphic img{
	height:230px;
	margin-top:8px;
}
.map-wrap .map.google{
	background:url(../img/map-bg.jpg) center center no-repeat;
}
.map-wrap .google-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.3);
	cursor:pointer;
}
.map-wrap .google-overlay .circle{
	width:140px;
	height:140px;
	color:#fff;
	display:inline-block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-70px 0 0 -70px;
	background:rgba(147,37,40,0.85);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.map-wrap .google-overlay .circle span{
	font-size:12px;
	font-family: 'nexa_boldregular';
	text-transform:uppercase;
	display:block;
	line-height:25px;
}
.map-wrap .google-overlay .circle span.c1{
	border-bottom:1px solid #fff;
	display:inline-block;
	padding-bottom:3px;
	margin-top:35px;
}
.map-wrap .google-overlay .circle span.c2{
	font-size:32px;
	font-family: 'nexa_lightregular';
	margin-top:13px;
}
.close-google-street {
	border:0;
	padding:2px 10px 0 19px;
	color:#fff;
	line-height:18px;
	text-transform:uppercase;
	font-family: 'nexa_lightregular';
	font-size:11px;
	background:#333 url(../../website/img/closew.gif) 3px 4px no-repeat;
	position:absolute;
	top:0px !important;
	right:21px !important;
}
.news-thumb{
	margin:0 10px 0;
	padding:0px;
	list-style-type:none;
}
.news-thumb .pic{
	position:relative;
	overflow:hidden;
	height:242px;
}
.news-thumb .pic img{ width:100%}
.news-thumb time{
	position:absolute;
	top:0px;
	left:0px;
	width:58px;
	padding:10px 0;
	background:#8b2d2d;
	color:#fff;
	text-align:center;
	font-size:10px;
	line-height:12px;
}
.news-thumb time span{
	font-size:16px;
	font-family: 'nexa_boldregular';
}
.news-thumb .promotion-text{
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	margin-top:-30px;
	text-align:center;
	color:#fff;
	font-family: 'nexa_lightregular';
}
.news-thumb .promotion-text span{
	display:block;
	font-size:29px;
	line-height:30px;
}
.news-thumb .promotion-text span:first-child{
	font-size:37px;
	margin-bottom:10px;
}
.news-thumb .detail h2{ margin:20px 0 15px}
.news-thumb .detail h2,
.news-thumb .detail h2 a{
	color:#363636;
	font-family: 'thaisans_neuesemi_bold';
}
.news-thumb .detail p{ font-size:13px;}

.news-selected-detail{
	display:block;
	max-width:760px;
	margin:30px auto;
	
}
.news-selected-detail h1{
	font-size:26px;
	color:#363636;
	font-family: 'thaisans_neuesemi_bold';
	margin-bottom:20px;
}
.news-selected-detail p{ font-size:13px}

.project-info-tab{
	width:140px;
	display:block;
	margin:auto;
	list-style-type:none;
	border:0
}
.project-info-tab li{
	float:none;
	display:block;
	width:100%;
	margin-bottom:10px;
}
.project-info-tab li a{
	font-family: 'nexa_boldregular';
	color:#cccccc;
	font-size:18px;
	text-transform:uppercase
}
.project-info-tab li.active a{
	color:#9b3639;
}

.project-title{
	font-size:30px;
	font-family: 'nexa_boldregular';
	color:#333333;
	text-transform:uppercase;
	margin:0 0 25px 0;
}
.table-info{ 
	width:100%;
	font-size:13px;
	line-height:22px
}
.table-info th{
	text-align:left;
	font-weight:normal;
}
.table-info th,
.table-info td{ padding-bottom:12px; vertical-align: top;}

.no-margin-left{ margin-left:0 !important}

.list{
	list-style-type:none;
	margin:20px 0 0 0px;
}
.list li{ 
	padding-bottom:3px;
	position:relative;
	padding-left:13px;
}
.list li:before{
	content:'';
	position:absolute;
	top:7px;
	left:0px;
	width:7px;
	height:7px;
	background-color:#d7cbba;
	
	transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
}


.list-title{
	font-size:17px;
	color:#333333;
	font-family: 'nexa_boldregular';
	list-style-type:none;
	padding-left:0px !important;
	margin-bottom:10px;
}
.list-title:before{
	background:none !important
} 
.project-info-content .list{
	width:auto;
	float:left;
	margin-left:18px;
}
.project-info-content .list.inline-block{
	width: 100%;
	margin:0px 0 20px

}
.project-info-content .list.inline-block li{
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
}
.gallery-thumb{
	position:relative;
	height:215px;
	margin:0 10px 20px 10px;
	overflow:hidden;
}
.gallery-thumb img{ width:100%}
.gallery-thumb-overlay{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(147,37,40,0.85);
	
	display:none;
	
	text-align:center;
	color:#fff;
	font-family: 'nexa_boldregular';
	font-size:12px;
	text-transform:uppercase;
	
	-webkit-transition: none;
   -moz-transition:none;
   -o-transition:none;
   -ms-transition:none;
   transition: none;
}
.gallery-thumb-overlay:hover{ color:#fff;}

.gallery-thumb-overlay .wrap{
	display: block;
	position:absolute;
	top:50%;
	left: 0px;
	width: 100%;
	margin: 0;
 -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gallery-thumb-overlay .wrap span{
	display:block;
	position:relative;
	line-height: 20px;
	padding-top: 15px 
}
.gallery-thumb-overlay .wrap span:first-child{
	width: 100%; 
	line-height: 20px;
	padding-bottom: 15px;
	padding-top: 0 
}
.gallery-thumb-overlay .wrap span + span:before{
	border-top:1px solid #fff;
	width:45px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-22.5px;
	content:''
}
.goto-gallery-newpage{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	left:0px;
}



.img-pair{
	/*width:48%;
	float:left;
	margin:20px 0 35px 3.5%;*/
} 
.facilities-photo{
	margin-left: -10px;
	margin-right:-10px;
	margin-top:20px; 
	margin-bottom:10px;
	width: auto; 
}
.facilities-photo [class*="span"]{
	width: 50%;
	margin: 0;
	padding: 10px;
	float: left;
}
.facilities-photo .photo-group img{
	margin-bottom: 20px;
}

.lang{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:absolute;
	top:0px;
	right:0px;
}
.lang li{
	float:left;
	width:auto;
}
.lang li a{
	width:50px;
	height:30px;
	background-color:#9d2f32;
	display:block;
	color:#fff;
	font-family: 'thaisans_neuesemi_bold';
	font-size:22px;
	text-align:center;
	line-height:25px;
}
.lang li.active a,
.lang li a:hover{
	background-color:#aba9a9;
}

.register-wrap{ position:relative;}
.register-title{
	font-size:48px;
	line-height:40px;
	font-family: 'thaisans_neueregular';
	color:#666666;
	text-align:center;
	margin:-10px 0 0 0;
	padding-bottom:55px;
	border-bottom:1px solid #e1e1e1;
}
.register-table{
	font-family: 'thaisans_neueregular';
	margin:auto;
	margin-top:50px;
	max-width:660px;
}
.register-table + .register-table{ margin-top:0}
.register-table th{font-size:22px;}
.register-table td{font-size:18px;}

.choose-option td,
.choose-option th{ padding-top:10px; padding-bottom:10px; vertical-align:top}

.register-form .buttons{
	border-top:1px solid #e1e1e1;
	text-align:center;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	margin-top:60px;
}
.register-form .input-width{
	border:1px solid transparent;
	height:32px;
	margin-bottom:0px;
} 
.register-form .customSelect{
	border:1px solid transparent;
	height:32px;
}
.customSelect {
	height:35px;
	width:100.1%;
	line-height:25px;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px !important;
	overflow:visible ;
	display:block;
	background:#fff;
	font-size:22px;
	
	  border: 1px solid #ebebeb;
	  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
}
 
 
.customSelectInner {
	display:block !important;
	height:100%;
	text-align:left;
} 
.customSelectInner:before{
	content:'';
	position:absolute;
	top:13px;
	right:7px;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-top: 7px solid #999999;
} 
.select-wrap{
	position:relative;
	margin-bottom:0;
	display:block;
}
.select-wrap select{ margin-bottom:0}
.select-wrap.small-select{ 
	width:25%;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin-bottom:0
}
.select-wrap.small-select + .input-width,
.select-wrap.small-select + .validation{
	margin-left:3.5%;
	width:71.5%;
	display:inline-block;
	float:left;
}
 


.popup-content{ display:none}
.closebox,
.modal .close{
	background:#9b3639 url(../img/closew.gif) center center no-repeat;
	width:21px;
	height:20px;
	color:#fff;
	text-align:center;
	display:inline-block;
	font-family: 'nexa_bold';
	font-size:20px;
	float:right;
	cursor:pointer;
	margin:0 0;	
	position:absolute;
	top:-20px;
	right:0;
	z-index:99
}
.closebox:hover,
.modal .close:hover{ background-color:#333333; color:#fff;}

/*Radio & Checkbox*/

 
.radio, 
.checkbox{ 
	padding-left:0; 
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.radio li, 
.checkbox li{
	width:33.33%;
	float:left
}


.radio input[type=radio],
.checkbox input[type=checkbox] {
	display: none;
}
.checkbox label:before,
.radio label:before {
	content: "";
	display: inline-block;

	width: 17px;
	height: 17px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	top:3px;
	background-color: #fff;
	
	border:2px solid #cccccc;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
	 
}

.radio label:before {
	width: 14px;
	height: 14px;
	bottom:0;
	
}
.radio label {
	margin-bottom: 10px;
	position:relative;
	padding-left:30px; 
}
.checkbox label {
	position:relative;
	padding-left:30px; 
	margin-bottom:0;
	text-align:left;
	line-height:17px
}
 
.radio input[type=radio]:checked + label:after {
    content: "";
    color: #ffa800;
	background-color:#9d2f32;
	border-radius: 50%;
	position:absolute;
	left:4px;
	top:7px;
	width:10px;
	height:10px;
}
 

.checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 18px;
	color: #ffa800;
	text-align: center;
    line-height: 17px;
}


/**/


.plan-nav-wrap{
	width:250px;
	float:left;
}
.plan-nav{
	margin:0 0 50px 0;
	padding:0px;
	width:100%;
	list-style-type:none;
}
.plan-nav li{
	padding:0 0 0 80px;
	margin:0px;
	font-family: 'nexa_boldregular';
	text-transform:uppercase;
}
.plan-nav li.plan-nav-title{
	color:#fff;
	font-size:14px;
	background:#a3a1a1;
	line-height:15px;
	padding:3px 0 1px 80px;
	margin-bottom:10px;
}
.plan-nav li.floorplan{ margin-bottom:15px;}
.plan-nav li.plan-nav-title.active{ background:#333333}


.plan-nav li a{
	color:#cccccc;
	font-size:18px;
	display:block;
	padding:5px 0 5px 0;
}
 
.plan-nav li.active a,
.plan-nav li a:hover{ color:#9b3639}
.plan-nav li sup{ 
	font-size:10px; 
	text-transform:none;
	position:relative;
	top:-10px;
}

.unit-plan-photo{
	width:300px;
	float:left;
	text-align:center
}
.unit-plan-wrap{
	float:right;
	width:265px;
}

.unit-plan-detail{
	display:block;
}
.unit-plan-detail h2{
	font-size:30px;
	font-family: 'nexa_boldregular';
	text-transform:uppercase;
	margin:0 0 18px 0
}
.unit-plan-detail h3{
	font-size:17px;
	font-family: 'nexa_boldregular';
	margin:0 0 15px 0
}
.plan-gallery {
	display:block;
	margin-left:-16px;
}
.plan-gallery .img-popup{
	margin-left:16px;
	margin-bottom:40px;
	display:inline-block;
	width:75px;
	height:75px;
	overflow:hidden;
	vertical-align:top;
}

.plan-wrap .icon-compass{
	float:right;
	margin:35px 0 0 0;
}

.floorplan-photo{
	width:100%;
	display:block;
	text-align:center;
}
.floorplan-photo h2{
	text-align:center;
	font-family: 'nexa_boldregular';
	font-size:32px;
	margin-bottom:35px;
	text-transform:uppercase
}
.floorplan-photo h2 sup{ 
	text-transform:none;
	position:relative;
	top:-19px;
	font-size:14px;
}

.plan-space-top{ margin-top:50px;}

.plan-space-top + .title{ padding-top:50px;}

.mobile-plannav-wrap .title{ margin-top:35px; margin-bottom:35px}
.mobile-plannav-wrap .title.icon::before{ bottom:-4px}
.mobile-plan-nav + .title{margin-top:50px;}


.backtotop{
	border:0px;
	background:none;
	float:right;
	width:auto;
	font-size:11px;
	font-family: 'nexa_boldregular';
	color:#393939;
	text-transform:uppercase;
	margin:65px 0 10px;
	
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.backtotop:hover{ color:#cfcfcf}
.backtotop .icons{ top:2px; margin-right:5px}



/*15/05/58*/
.register-botton{
	width:auto;
	height:62px;
	float:left;
	background:#9b3639;
	background:rgba(155,54,57,0.9);
	color:#fff;
	font-size:20px;
	padding:18px 20px 0;
	font-family: 'thaisans_neuesemi_bold';
}
.register-botton:hover{ 
	color:#fff;
	background:#60514e;
}
.register-botton .icons{ 
	top:3px;
	margin-right:10px;
}
.register-botton .text{
	display:inline-block;
}

 

/**/
footer{
	width:100%;
	float:left;
	background:#e2e2e2;
	padding:65px 0 15px;
}
 
footer .sales-office{
	float:left;
	background:none;
	color:#666666;
	padding:3px 5px 3px 10px;
	margin:0px;
	height:auto;
	width:auto;
}
footer .sales-office .icons{
	margin-top:0px;
	top:0px;
}
footer .sales-office-detail{
	margin:0 0 0 12px;
	padding:2px 5px 2px 12px;
	font-family: 'nexa_boldregular';
	color:#666;
	text-align:left
}
footer .sales-office-detail p:first-child{
	font-size:9px;
	opacity:0.4;
	line-height:14px;
	margin-bottom:0;
}
footer .sales-office-detail p + p{
	font-size:13px;
	line-height:14px;
	opacity:0.75;
}

.footer-left .icon-logo{float:left;}
.footer-right{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	/*opacity:0.5;*/
	color:#666666; 
	text-align:right;
}
.footer-right .text{
	opacity: 0.5;
}
.fanpage{
	display: block;
}
.fanpage img{
	position: relative;
	top: -5px;
	width: 100px;
}
 
 
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.plan-nav li.plan-nav-title{ padding:5px 0 1px 80px}
    .navbar .nav > li > a {padding:9px 15px 5px;}
} 


/*07/05/58*/
.banner { overflow:hidden}
.banner ul li{ list-style-type:none}