* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background-color: #150a00;
	color: #a8a29a;
	text-rendering: optimizelegibility;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased; 
}
h2{ text-align:center; text-transform:uppercase; font-size:40px; font-weight:normal; margin-bottom:30px; color:#ffae47}
.core h3{ text-align:center; text-transform:uppercase; font-size:25px; font-weight:normal; margin-bottom:30px; color:#dac29d; border:solid 1px #8e623f; padding:25px 50px; display:inline-block; margin:0 auto;}


a{ text-decoration:none}
a:hover,.footer-menu ul a:hover{ color:#000; }
::-webkit-input-placeholder {color:#B5B5B5;}
:-moz-placeholder {  color:#B5B5B5;opacity:  1;}
::-moz-placeholder {color:#B5B5B5;opacity:  1;}
:-ms-input-placeholder { color:#B5B5B5}
input{  border-radius:0;}
img{ max-width:100%}
button,.button{ cursor:pointer}
#search select{ background-color:#ddd; height:30px; color:#000; font-size:14px; }
.clear { clear:both}
.wrapper{ width:100%;}
.wrapper-cover{ max-width:1000px; margin:0 auto; clear:both}
#search{  width:100%;background-color:#6E6D6E; padding:10px 20px; color:#fff; margin-top:-35px; position:relative; z-index:200; display:inline-block}
#search h4{ float:left}
#search p{ float:left; margin:0 10px; padding:5 10px; font-size:13px}
.select-point{ background-color:#7B7B7B; padding:10px 15px}
button,.button{background: #258dc8;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODk1OTM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlMmMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  #258dc8 0%, #895937 0%, #3e2c23 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(0%,#895937), color-stop(100%,#3e2c23));

background: -webkit-linear-gradient(top,  #258dc8 0%,#895937 0%,#3e2c23 100%);

background: -o-linear-gradient(top,  #258dc8 0%,#895937 0%,#3e2c23 100%);

background: -ms-linear-gradient(top,  #258dc8 0%,#895937 0%,#3e2c23 100%);

background: linear-gradient(to bottom,  #258dc8 0%,#895937 0%,#3e2c23 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#3e2c23',GradientType=0 );

 border:none;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#fff; text-transform:uppercase;font-size:14px; width:inherit}
 input[type="submit"],input[type="reset"]{ padding:5px 20px;}
.top{ margin-top:50px!important}
ul.list-sr li{     width: 31%;
   float:left; padding-bottom:70px }
	.set-list{ margin:0 3.5%}
.cover-img-list{ position:relative}
.type-circle{ position:absolute; bottom:-70px; right:0px;  z-index:2;width:100%; height:70px; padding:3px; background-color:#433320}
.type-circle div{ text-align:center; font-size:24px; text-transform:uppercase; font-weight:bold; color:#ffae47; padding-top:10px}
.type-circle div span{ color:#fff}

.list-sr{ padding-bottom:40px}
.list-sr a{ color:#6E6D6E}
.type-circle span{ display:inline-block}

ul.list-sr li h3{ text-align:center; text-transform:uppercase; padding:15px 0}
.promotion{ background-color:#EFEFEF; padding:20px 10px;}
.promotion h2{ margin:0 auto; text-align:center}
.promotion h2 span{ background-color:#ccc;padding:15px 30px 8px 30px;  display:inline-block;}
.promote{ padding:20px 50px 50px 50px  }
.info-promotion{ float:left; width:35%; text-align:center}
.promote img{ float:left; width:60%; margin-left:5%}
.footer{  background-color:#140900; color:#a8a29a;}
.logo-footer{ width:60%; float:left; margin:10px 0 5px 0}
.site-map{ width:40%; margin-top:20px;float:right; font-size:15px; text-transform:uppercase; text-align:right}
.site-map a{ color:#A8A29A; padding:0 2px}
address{ width:70%; float:left; font-size:13px; line-height:16px	}
address a{ color:#fff}
.copy{text-align:right; font-size:13px; margin-top:4px; text-transform: lowercase}
.cover-footer{ padding:10px 0; clear:both}

ul.list-sr li img{ width:100%; display:block}
.copy span{ font-size:35px; margin-top:0px; float:left; height:10px}

.article p{ margin-bottom:20px; line-height:23px; font-size:17px}
.fl{ float:left; margin:0 5% 4% 0}
.fr{ float:right; margin:0 0 4% 5%}

ul.news li{ border-bottom:solid 1px #ccc; clear:both; padding:20px 0}
ul.promotion-page li{ border-bottom:solid 1px #ccc; clear:both; padding:20px 0}
.bpp-info{ background-color:#f2f2f2; padding:5px 10px; clear:both; float:left; width:100%}
ul.list-sr li .bpp-info h3{ float:left; font-size:17px; color:#000;padding:10px 0 10px 0; text-align:left; text-transform:capitalize; width:100%}

.ico img{ width:initial!important; display: inline!important;padding:0 15px 0 5px}
.ico{ width:50%; float:left}
.price{ width:50%; float:left; background-color:#6d6d6d; color:#fff; text-align:center; padding:8px 8px 4px 8px}
.cover-info{width:50%;float:left}
.info-roomtype{padding:13% 10% 3% 10%; }
.info-roomtype h3{ font-size:23px; text-transform:uppercase; color:#000; margin-bottom:4%}
.info-roomtype li{ margin-bottom:4px; text-align:left; font-size:18px}
.info-roomtype i{ padding-right:10px; margin-bottom:5px}
.cover-price{  border:solid 1px #ccc; font-size:18px; text-transform:uppercase; color:#000; text-align:center; padding:3% 10%; margin-top:5%; line-height:25px;
 display:inline-block; clear:both; width:100%}
.info-roomtype p{ text-transform:uppercase; background-color:#ccc; color:#000; padding:4% 7% 3% 7%; display:inline-block; margin-top:5%; font-size:22px} 

.location{
    background-color: #EFEFEF;
    padding: 4%;
}
.location ul{ width:40%; float:left; padding-right:5%}
.location ul li{ width:100%; border-bottom:dashed 1px #6E6D6E; display: inline-block; padding:5% 0; }
.location figure{ width:60%; float:left}

.place{ width:80%; float:left; text-align:left;font-size:18px}
.distance{ width:20%; float:left; text-align:right }
.viewmap{ background-color:#ABABAB; color:#000; font-size:20px; text-transform:uppercase; width:100%;  margin-top:9%; float:left}
.viewmap span{padding:5% 0 0 0; float:left}
.location ul li:last-child{ padding:0; border-bottom:none }

.viewmap i{ background-color:#666;padding: 4px 10px;
    font-size: 37px; margin-right:15px; color:#fff; float:left}
ul.plan.col-2 li{ width:48%; background-color:#EFEFEF; margin:0 2% 0% 0 ; text-align:center; float:left;padding-bottom:30px}



ul.gallery li{ float:left}
ul.facility li{ font-size:17px; margin-left:10%; list-style-type:disc;}
.price-rent{ margin-bottom:22px}
.price-rent button{ float:right;    padding: 4% 7% 3% 7%; font-size:22px;
    margin-top: 5%;}
.gallery-page{ width:100%; margin:0 auto; padding:0 5%}
.gallery-page h3{ font-size:20px; text-transform:uppercase; padding:2% 0; clear:both;}

.list-sr p{ font-size:14px; color:#999; line-height:17px; padding-bottom:10px}
.for-rent .price{ background-color:#cecece; color:#000; }

.more-detail-bt{ clear:both; margin-top:2%; width:100%; float:left}
.float-r{ float:right}
.more-detail-bt button{ background-color:#6d6d6d; font-size:16px;padding: 7px 25px 5px 30px; margin-bottom:4px}
.list-sr li{ margin-left:2.3%}
.list-sr{ margin-left:-2.3%}
.inquiry{background-color:#6d6d6d; padding:5%; text-align:center; border:solid 10px #b3b3b3}


input,select{ width:70%; float:left; height:32px; font-size:20px!important; color:#6d6d6d; padding-left:3%; margin-bottom:2%; border:none; }
textarea{ width:70%; font-size:20px; color:#6d6d6d; padding:3% 0 0 3%}

.address h4{ font-size:24px}
.address p{ margin-bottom:20px}
.address a{ color:#d5b58b}
.address li{ float:left; padding-right:4%}
.cover-address{ width:48%; color:#d5b58b;
padding: 5% 4%; margin-left:2%; float:left;font-size:20px;}
.getintouch{ width:50%; padding:5% 4%; float:left; background-color: rgba(46,37,32,.7);text-align:center}
.contact h3{ font-size:25px; color:#ffae47; text-transform:uppercase}
.getintouch p{ margin:3% 0; text-align:left; font-size:18px}
.contactus ul{ margin-top:10px}
.contactus ul li{ margin-bottom:4%; width:100%; display:inline-block}
.getintouch button{margin:0 3%}
.cover-address figure img{ width:100%; max-width:inherit}
.cover-address .address figure img{ width:inherit}
/*header.slide a h1{ z-index:9;position:relative}
*/.rent{ width:100%; clear:both; margin-top:1px; display:inline-block}
.rent p{ float:left; padding:3px 5px 0 0; width:50%;}

.rent-detail{ width:100%; clear:both; margin-top:1px; display:inline-block}

.rent-detail p{ float:left; padding:3px 5px 0 0; width:50%; background-color:inherit; font-size:15px; margin-top:2%; text-align:left}
.info-promotion h3{ font-size:17px; color:#000; text-transform:uppercase}

.info-promotion ul{ margin:4% 0 0 5%; text-align:left;}
.info-promotion ul li{ margin-bottom:3px; font-size:17px}
.info-promotion ul li i{ padding:0 4px 4px 0}

.info-roomtype2{
    text-transform: uppercase;
    background-color: #ccc;
    color: #000;
    padding: 2% 7% 1% 7%;
    display: inline-block;
    margin-top: 5%;
    font-size:18px; margin:4% auto 0 auto
}

.cover-price2{ font-size:16px; border:solid 1px #ccc; text-transform:uppercase; color:#000; text-align:center; padding:2% 8%; margin-top:5%; line-height:20px;
 display:inline-block; clear:both; width:100%; }


.info-promotion3 h3{ font-size:17px; color:#000; text-transform:uppercase}

.info-promotion3 ul{ margin:4% 0 0 5%; text-align:left}
.info-promotion3 ul li{ margin-bottom:3px; border-bottom:none; margin:0; padding:0}
.info-promotion3 ul li i{ padding:0 4px 4px 0}

.info-roomtype3{
    text-transform: uppercase;
    background-color: #ccc;
    color: #000;
    padding: 2% 7% 1% 7%;
    display: inline-block;
    margin-top: 5%;
    font-size:18px; margin:4% auto 0 auto; 
}

.cover-price3{ font-size:16px; border:solid 1px #ccc; text-transform:uppercase; color:#000; text-align:center; padding:2% 8%; margin-top:5%; line-height:20px;
 display:inline-block; clear:both; width:100%; }
ul.promotion-page li figure{ float:left; width:54%}
.info-promotion3{ float:left; width:42%; margin-left:4%; text-align:center}




/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}.no-shadow .hvr-float-shadow:before{   background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px); 
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color:#000!important;    
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}


#lightbox-inquiry{ width:750px; height:485px; overflow-y:auto; border:none}
.featherlight-iframe .featherlight-content{ padding:0!important; background:none!important;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;}

.inquiry button{ margin-bottom:5px}
.promotion-page .info-promotion3 h3{ font-size:22px}
.wrapper-cover.top.article b{ color:#B60003}





.wrapper-cover{ font-size:22px}

.blog-bg{ background-color:#251e19; padding:70px 0 130px 0px ; margin-top:5%}
.blog-bg2{ background-color:#332d28; padding:30px ; margin-top:5%}

.type-group p{ text-align:center; padding-:5%}

.footer img{ vertical-align:middle;}
.logo-footer img{ padding-right:10px}
.site-map{ padding-bottom:10px}
.core{ text-align:center}
.totop{ margin-top:-56px; text-align:center; position:relative; z-index:999; width:100%}
.sub-page{ background-color:#251E19; max-width:1150px; padding:70px 75px 80px 75px; margin:-70px auto 0 auto; position:relative; z-index:999}
.sub-page2{padding:70px 0px 0px 0px!important;}
.sub-page h2{  margin-bottom:10px}
.sub-page h3{ border:none; padding:0 0 10px 0}

.text1{ padding-top:30px; }
.text1 ol span{ border:solid 1px #816f56; width:50px; height:50px; line-height:50px; text-align:center; margin:-10px 30px 10px 0; float:left; -moz-border-radius:120px; -webkit-border-radius:120px; border-radius:120px; }
.text1 ol li{ margin-bottom:40px}

.motto{ border:solid 1px #774c2a; display:inline-block; padding:4% 5%; font-size:25px; text-transform:uppercase; margin-top:3%}
.motto ul li{ margin-top:10px; white-space:nowrap}
.motto h4{ color:#FFAE47; text-align:center}
.motto  span{ color:#FFAE47; width:26px; float:left}
.motto-set{ width:90%; margin:0 auto;}
.logo-footer{ font-size:18px!important; text-align:left}
.list-services1,.list-services2{ width:50%; margin-top:20px; float:left}
.list-services1 li{ padding-bottom:30px}
.list-services2{ padding-left:50px}
.list-services2 li{ padding-bottom:40px;  list-style-image:url(../images/square.png) ;}
.special p{ text-align:left; padding-bottom:30px}
.list-support li{ float:left; border:solid 4px #fff; margin:0 20px 20px 0 }
.list-support li img{ float:left}
.list-support li.w60{ width:52%; max-width:530px}
.list-support li.w40{ width:47%;max-width:405px}
.address iframe{ margin:10px 0 20px 0}
.bg-contact{ background:url(../images/bg-contact.jpg); background-size:cover; padding:10px 0 80px 0 ; margin-top:20px}
.content label{ width:30%; float:left; text-align:left}

.thank{ width:50%; padding:10% 0; text-align:center}
.thank p{ text-align:left}
.thank h3{ color:#ffae47; font-size:25px}
.err li{ text-align:left; color:#f00; font-size:18px}


.button-type{ text-align:center!important; margin-top:20px; float:left; margin-left:30%}
.button-type input{ margin:0 10px}
.font01{ font-size:52px!important;z-index: 4; max-width: auto; max-height: auto; white-space: nowrap; text-transform:uppercase; font-style:inherit!important; line-height:50px!important; background-color:rgba(0,0,0,.6); padding:40px; color:#fff!important;font-family:'futura-light-bt-regular',Arial, Helvetica, sans-serif!important}
.font01 span{ color:#FFAE47!important}