@charset "utf-8"; 

@font-face {
	font-family: 'Sinkin Sans';
	src: url('https://5cd522.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/SinkinSans-300Light.eot');
	src: url('https://0580ec.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/SinkinSans-300Light.eot#iefix') format('embedded-opentype'),
		url('https://5f6ca9.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/SinkinSans-300Light.woff') format('woff'),
		url('https://6ace68.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/SinkinSans-300Light.ttf') format('truetype'),
		url('https://e05680.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/SinkinSans-300Light.svg#SinkinSans-300Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Questrial';
	src: url('https://c274ac.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Questrial-Regular.eot');
	src: url('https://83805a.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Questrial-Regular.eot#iefix') format('embedded-opentype'),
		url('https://a73f11.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Questrial-Regular.woff') format('woff'),
		url('https://6628f4.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Questrial-Regular.ttf') format('truetype'),
		url('https://5b118b.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Questrial-Regular.svg#Questrial-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face{  font-family:"Flaticon";   src:url("https://1b2ad8.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Flaticon.eot");   src:url("https://084533.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Flaticon.eot#iefix") format("embedded-opentype"),       url("https://6bebac.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Flaticon.woff") format("woff"),       url("https://17c5e6.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Flaticon.ttf") format("truetype"),       url("https://37d228.claudeassets.com/20180707222435im_/http://thescenthotel.com/fonts/Flaticon.svg#Flaticon") format("svg");   font-weight:normal;   font-style:normal}
@media screen and (-webkit-min-device-pixel-ratio:0){  @font-face{    font-family:"Flaticon";     src:url("https://016fec.claudeassets.com/20180707222435im_/http://thescenthotel.com/css/Flaticon.svg#Flaticon") format("svg")}
}

[class^="flaticon-"]:before, [class*="flaticon-"]:before, 
[class^="flaticon-"]:after, [class*="flaticon-"]:after{  font-family:Flaticon;  font-size:20px; font-style:normal; margin-left:0px}

.flaticon-new-file:before { content: "\f100"; }
.flaticon-video-camera:before { content: "\f101"; }
.flaticon-technology:before { content: "\f102"; }
.flaticon-music-player:before { content: "\f103"; }
.flaticon-fashion:before { content: "\f104"; }
.flaticon-bouquet:before { content: "\f105"; }
.flaticon-flip-flops:before { content: "\f106"; }
.flaticon-table:before { content: "\f107"; }
.flaticon-bed:before { content: "\f108"; }
.flaticon-shower:before { content: "\f109"; }
.flaticon-bathrobe:before { content: "\f10a"; }
.flaticon-sunbed:before { content: "\f10b"; }
.flaticon-minibar:before { content: "\f10c"; }
.flaticon-video-player:before { content: "\f10d"; }
.flaticon-phone-dock:before { content: "\f10e"; }
.flaticon-mercury-thermometer:before { content: "\f10f"; }
.flaticon-commerce:before { content: "\f110"; }
.flaticon-medical:before { content: "\f111"; }
.flaticon-shape:before { content: "\f112"; }
.flaticon-like:before { content: "\f113"; }
.flaticon-safebox:before { content: "\f114"; }
.flaticon-google-plus-symbol:before { content: "\f115"; }
.flaticon-facebook-letter-logo:before { content: "\f116"; }
.flaticon-beach-view-of-sea-sun-and-seagulls-couple:before { content: "\f117"; }
.flaticon-tripadvisor-logotype:before { content: "\f118"; }
.flaticon-instagram-logo:before { content: "\f119"; }
.flaticon-air-conditioner:before { content: "\f11a"; }
.flaticon-coffee-maker:before { content: "\f11b"; }
.flaticon-avatar:before { content: "\f11c"; }
.flaticon-youtube:before { content: "\f11d"; }
.flaticon-pinterest:before { content: "\f11e"; }
.flaticon-bath:before { content: "\f11f"; }
.flaticon-twitter-logo-silhouette:before { content: "\f120"; }
.flaticon-monitor:before { content: "\f121"; }

*{border:0}

.bold{font-family:'latoblack'}
#preloader{ position:fixed;  top:0;  left:0;  right:0;  bottom:0;  background-color:#1c1c1c;  z-index:999}
#status{ width:76px;  height:100px; background-size:100%;  position:absolute;  left:50%;  top:50%;   background-image:url(https://175ca3.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/logo.png);  background-repeat:no-repeat;  background-position:center;  margin:-35px 0 0 -50px}
a:hover, a:focus{text-decoration:none!important; outline:none!important}
button:focus{outline:none!important}
textarea{resize:none}

h1, h2, h3, h4{font-family: 'Sinkin Sans';  margin:0; padding:0}
html, body{height:100%}
body{font-size:15px; line-height:20px; font-family: 'Questrial'; font-weight: 100; overflow-x:hidden !important}
a{ color:#C99821; text-decoration:none; transition:all 0.3s ease 0s}
a:hover { color:#b88b1e; }
.orange{color:#f67e18}
.nopad{padding-left:0; padding-right:0}
.contain { position:relative; }
.container-fluid{padding:0; max-width:1920px}
.wrapperfull{position:relative; height:100%}


.wrapperfull .header{ position:fixed; z-index:5; width:100%; }

.header::after{ position:fixed;  width:100%; content: ""; height: 150px; top: 0; left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.wrapperfull .header.scrollto {}

.arrowdown { width: 50px;  height: 50px; background: url(https://fde8d7.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/arrow_down.png) center center no-repeat; position: fixed; bottom: 145px; left: 50%; margin-left: -25px; z-index: 2;}

.wrapperfull .header .container{width:100%; max-width: 1400px;}
.main{position:relative;  z-index:3}
.main-content{    background:#fff; position:relative; z-index:4}
.content-inner-front{position:relative; background:#e2d3cd; background-size:100%; padding-top:50px; padding-bottom:50px; margin-bottom:0; margin-top:0; border-top:5px solid #b88e21}
.content-inner-front::before{background:url(https://b44698.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-accom.png) no-repeat; content:''; display:block; height:210px; width:100%; position:absolute; top:0}
.content-inner{background:#fff; padding-top:50px; padding-bottom:50px}
.inner-breadcrumb{position:relative; z-index:99}

.wrapperfull.fulldetail .header{background:#1c1c1c}
.header{transition:all 0.3s ease 0s; height:90px}
.header.scrollto{background:#1c1c1c}
.header.scrollto:hover{background:#1c1c1c}
.header .logo{float:left; margin:10px 0 10px 10px; display:block}
.header .mainmenu{float:right; margin-top:10px; display:block}
.header .mainmenu li{float:left; margin:0 5px}
.header .mainmenu li a{color:#fff; font-family:'latolight'; font-size:14px; display:block; padding:5px 10px; text-transform:uppercase}
.header .weathersec{float:right}
.header .language{text-align:center; font-size:12px; margin-right:15px; position: relative;color:#fff; text-align:right; margin-top:15px; z-index: 1;}
.header-logo { height: 0px; transition:all 0.3s ease 0s;  text-align: center; position: absolute; top: 0; width: 100%; z-index: 999; }
.header-logo-inner {transition:all 0.3s ease 0s;  padding-top: 10px; height: 165px;}
.header.scrollto .header-logo-inner { transition:all 0.3s ease 0s;  height: 80px;}
.showlanguage{display:inline-block; margin-left:10px}
.header .showlanguage a{margin-right:3px}
.manageBook{color:#fff; text-transform:uppercase; font-size:15px; line-height: 17px; margin-right:20px; display:inline-block}
.manageBook i{margin-right:5px}
.manageBook:hover{color:#dea716}
.manageBook:active{color:#dea716}
.header:hover{background-color: transparent;}
#maximage .mc-image:nth-child(4){background-position:bottom}
.bookmobile{position: absolute; z-index: 1;  padding: 9px 10px; right: 115px; top: 15px;   border-radius: 5px; display: none;
font-family: 'Cinzel', serif; padding: 8px 15px; color: #181207; font-size: 16px; transition: all 0.3s ease 0s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bdaa52+0,998a38+100 */
background: rgb(189,170,82); /* Old browsers */
background: -moz-linear-gradient(top, rgba(189,170,82,1) 0%, rgba(153,138,56,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(189,170,82,1) 0%,rgba(153,138,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(189,170,82,1) 0%,rgba(153,138,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdaa52', endColorstr='#998a38',GradientType=0 ); /* IE6-9 */
}
.bookmobile:hover { color:#fff;  }

.wrapbooking{position:fixed; bottom:0; z-index:1002;width: 100%;  }
.engine { display:block; text-align: center; margin: 0 auto; width: 100px; height: 55px; border-top-right-radius: 70px; border-top-left-radius: 70px; background-color:rgba(0,0,0,0.8); padding-top: 15px; }
.engine-content {  height: 65px; background-color:rgba(0,0,0,0.8); width:100%;  }
.wrapbooking .titlebook{text-align:right}
.wrapbooking .small{font-size:70%}
.wrapbooking .titlebook i, .wrapbooking .titlebook span{display:inline-block}
.wrapbooking .titlebook i.glyphicon-ok{color:#fff; font-size:25px; position:relative; top:-5px; margin-right:10px}
.wrapbooking .titlebook h2{font-size:20px; position:relative; font-weight:100; font-family:'Lato',sans-serif;  color:#fff; text-transform:uppercase; text-align:right; display:inline-block; line-height:20px}
.wrapbooking .titlebook h2 .textsmall{font-size:13px; font-weight:normal; font-family:'Lato',sans-serif}
.wrapbooking .form-control{color:#fff; font-size:13px; text-transform:uppercase; background:#000; border-radius:3px; height:40px}
.wrapbooking .cal{background:url(https://5babf0.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-calendar.png) no-repeat right #000}
.wrapbooking .calendarform .col-xs-6{padding-left:5px; padding-right:5px}
.wrapbooking .col-xs-1, .wrapbooking .col-xs-2{padding-left:5px; padding-right:5px}
.wrapbooking .form-group{margin-bottom:0}
.wrapbooking .input-group-btn{position:relative; z-index:99}
.wrapbooking .btn-check{ text-transform: uppercase; font-family: 'Questrial'; height: 65px; font-size: 18px; line-height: 20px; display: block; width: 100%; padding:15px 30px; color:#fff; font-size:16px; transition:all 0.3s ease 0s; background:#b88b1e; border-radius: 0px;  }
.wrapbooking .btn-check:hover{color:#fff}
.wrapbooking select{ -webkit-appearance:none;  -moz-appearance:none; cursor:pointer; position:relative; text-indent:0.01px; text-overflow:"";  width:100%}
.wrapbooking .selection-box{position:relative}
.wrapbooking .selection-box::after{background-image:url("https://d842d1.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bullet-down.png")}
.wrapbooking .selection-box::after{background-position:center center; content:"";  height:20px;  pointer-events:none; position:absolute; right:3px; top:5px; width:20px}
.wrapbooking .small{color:#fff}
.wrapbooking .control-label { font-size: 20px; line-height: 24px; font-weight: 100;  text-align: right; color:#fff; }
.wrapbooking .form-group { margin-left: 1%; margin-right: 1%; }
.wrapbooking .form-group label{ text-transform: uppercase; margin-left: 10px; margin-right: 10px; }
.wrapbooking .promocode { width: 90px; }
.wrapbooking .book-now { padding-top: 0px; padding-bottom: 0px; }
.wrapbooking .engine-lf { padding-top:13px; padding-bottom: 10px;}

#cycle-loader{ height:32px;  left:50%;  margin:-8px 0 0 -8px;  position:absolute;  top:50%;  width:32px;  z-index:99}
#maximage{ display:none;  position:fixed !important}
#arrow_left, #arrow_right{ top:50%;  margin-top:-25px;  height:50px;  position:fixed;  right:20px;  width:50px;  border-radius:100%;  overflow:hidden;  display:block;  z-index:3}
#arrow_left{ left:20px}
#arrow_left:hover, #arrow_right:hover{ bottom:29px}
#arrow_left:active, #arrow_right:active{ bottom:28px}
 
ul#slide-list{margin-left: 0px; bottom: 5px; z-index: 9; list-style: none;}
ul#slide-list li a{background: #fff; border-radius: 100%; list-style: none;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover,ul#slide-list li a:hover{background: #cdaf83!important;}

.slide-front { position:fixed; width: 100%; height: 100%; z-index: 1; }	
.tp-bullets {  bottom: 120px !important; }
.tp-bullets.hidebullets { opacity:1 !important; bottom: 120px !important; }
.tparrows.hidearrows { opacity:1 !important}
.menuzord, 
.menuzord *{font-family: 'Questrial'; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.menuzord{width:100%; padding:0 0px; z-index: 1; float:left; position:relative; background-color:transparent}
.menuzord a{-o-transition:color .3s linear,background .3s linear; -moz-transition:color .3s linear,background .3s linear; -webkit-transition:color .3s linear,background .3s linear; transition:color .3s linear,background .3s linear}
.menuzord-menu.scrollable >.scrollable-fix{display:none}
.menuzord-brand{margin:-25px 30px 0 0;  float:left; color:#666; text-decoration:none; font-size:24px; font-weight:600; line-height:1.3; cursor:pointer; display: none;}
.menuzord-menu{ text-align: center; margin:0; padding:0; float:none; list-style:none}
.menuzord-menu.menuzord-right{float:right}
.menuzord-menu >li{display:inline-block; float:none}
.menuzord-menu >li >a{padding:15px 30px; display:inline-block; text-decoration:none; font-size:16px; font-weight:100; text-transform: uppercase; color:#fff; outline:0; line-height:1.42857143; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}
.menuzord-menu >li.active >a, 
.menuzord-menu >li:hover >a{color:#eec86a}
.menuzord-menu > li:nth-child(4) { margin-left: 195px;}
.menuzord-menu ul.dropdown, 
.menuzord-menu ul.dropdown li ul.dropdown{list-style:none;  margin:0;  padding:0;  display:none;  position:absolute;  z-index:99; min-width:180px; white-space:nowrap; background:#fff}
.menuzord-menu ul.dropdown li ul.dropdown{ left:100%}
.menuzord-menu ul.dropdown li{clear:both; width:100%; border:0 none; font-size:12px; position:relative}
.menuzord-menu ul.dropdown li a{width:100%; background:none; padding:10px 25px 10px 22px; color:#888; text-decoration:none; display:inline-block; float:left; clear:both; position:relative; outline:0; -o-transition:padding .2s linear; -moz-transition:padding .2s linear; -webkit-transition:padding .2s linear; transition:padding .2s linear}
.menuzord-menu ul.dropdown li:hover >a{padding-left:28px; padding-right:19px; color:#333}
.menuzord-menu ul.dropdown.dropdown-left{left:none}
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{left:-100%}
.menuzord-menu li .indicator{margin-left:3px; display:none}
.menuzord-menu li ul.dropdown li .indicator{position:absolute; top:8px; right:10px; font-size:15px}
.menuzord-menu >li >.megamenu{width:100%; padding:20px 30px; left:0; position:absolute; display:none; z-index:999;  background-color:rgba(0,0,0,0.8); text-align: left; color: #fff;}
.menuzord-menu >li >.megamenu h5 { font-size: 20px; line-height: 22px; margin-bottom:5px; }
.menuzord-menu >li >.megamenu.megamenu-half-width{width:50%; left:auto}
.menuzord-menu >li >.megamenu.megamenu-quarter-width{width:40%; left:auto}
.menuzord-menu >li >.megamenu .megamenu-row{width:100%; margin-top:15px}
.menuzord-menu >li >.megamenu .megamenu-row:first-child{margin-top:0}
.menuzord-menu >li >.megamenu .megamenu-row:before, 
.menuzord-menu >li >.megamenu .megamenu-row:after{display:table; content:""; line-height:0}
.menuzord-menu >li >.megamenu .megamenu-row:after{clear:both}
.menuzord-menu >li >.megamenu .megamenu-row .col1, 
.menuzord-menu >li >.megamenu .megamenu-row .col2, 
.menuzord-menu >li >.megamenu .megamenu-row .col3, 
.menuzord-menu >li >.megamenu .megamenu-row .col4, 
.menuzord-menu >li >.megamenu .megamenu-row .col5, 
.menuzord-menu >li >.megamenu .megamenu-row .col6, 
.menuzord-menu >li >.megamenu .megamenu-row .col7, 
.menuzord-menu >li >.megamenu .megamenu-row .col8, 
.menuzord-menu >li >.megamenu .megamenu-row .col9, 
.menuzord-menu >li >.megamenu .megamenu-row .col10, 
.menuzord-menu >li >.megamenu .megamenu-row .col11, 
.menuzord-menu >li >.megamenu .megamenu-row .col12{display:block; min-height:20px; float:left; margin-left:3%}
.menuzord-menu >li >.megamenu .megamenu-row [class*="col"]:first-child{margin-left:0}
.menuzord-menu >li >.megamenu .megamenu-row .col1{width:17.5555555555555%}
.menuzord-menu >li >.megamenu .megamenu-row .col2{width:14.166666666666%}
.menuzord-menu >li >.megamenu .megamenu-row .col3{width:22.75%}
.menuzord-menu >li >.megamenu .megamenu-row .col4{width:31.333333333333%}
.menuzord-menu >li >.megamenu .megamenu-row .col5{width:39.916666666667%}
.menuzord-menu >li >.megamenu .megamenu-row .col6{width:48.5%}
.menuzord-menu >li >.megamenu .megamenu-row .col7{width:57.083333333333%}
.menuzord-menu >li >.megamenu .megamenu-row .col8{width:65.666666666667%}
.menuzord-menu >li >.megamenu .megamenu-row .col9{width:74.25%}
.menuzord-menu >li >.megamenu .megamenu-row .col10{width:82.833333333334%}
.menuzord-menu >li >.megamenu .megamenu-row .col11{width:91.416666666667%}
.menuzord-menu >li >.megamenu .megamenu-row .col12{width:100%}
.menuzord .showhide{width:48px; height:46px; padding:16px 0 0;     text-align: center; font-size: 13px; display:none; color:#b88e21; float:right; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}
.menuzord .showhide:hover{color:#b88e21}
.menuzord .showhide em{width:35px; height:3px; margin:3.5px 5px 0; float:right; background:#777}
.menuzord-menu >li >a >i{margin:0 5px 0 0; font-size:18px; float:left; line-height:20px; font-family:'FontAwesome'}
.menuzord-menu >li.search form{float:left; padding:22px 16px 17px}
.menuzord-menu >li.search form input[type="text"]{width:160px; padding:5px 10px; font-family: 'Questrial'; border:none; background:#f0f0f0; border-radius:2px; outline:0; -o-transition:width 1s ease-out; -moz-transition:width 1s ease-out; -webkit-transition:width 1s ease-out; transition:width 1s ease-out}
.menuzord-menu >li.search form:hover input[type="text"]{width:160px}
.menuzord-tabs{width:100%; float:left}
.menuzord-tabs-nav{width:20%; margin:0; padding:0; float:left; list-style:none}
.menuzord-tabs-nav >li >a{width:100%; padding:10px 16px; float:left; font-size:13px; text-decoration:none; color:#666; border:solid 1px #f0f0f0; outline:0}
.menuzord-tabs-nav li.active a, 
.menuzord-tabs-nav li:hover a{background:#f0f0f0}
.menuzord-tabs-content{width:80%; min-height:30px; padding:20px; float:right; display:none; font-size:13px; border:solid 1px #f0f0f0}
.menuzord-tabs-content.active{display:block}
.menuzord.blue .menuzord-menu >li.active >a, 
.menuzord.blue .menuzord-menu >li:hover >a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover >a{color:#4A89DC}
.menuzord.green .menuzord-menu >li.active >a, 
.menuzord.green .menuzord-menu >li:hover >a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover >a{color:#37BC9B}
.menuzord.red .menuzord-menu >li.active >a, 
.menuzord.red .menuzord-menu >li:hover >a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover >a{color:#E9573F}
.menuzord.orange .menuzord-menu >li.active >a, 
.menuzord.orange .menuzord-menu >li:hover >a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover >a{color:#ff670f}
.menuzord.yellow .menuzord-menu >li.active >a, 
.menuzord.yellow .menuzord-menu >li:hover >a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover >a{color:#F6BB42}
.menuzord.purple .menuzord-menu >li.active >a, 
.menuzord.purple .menuzord-menu >li:hover >a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover >a{color:#967ADC}
.menuzord.pink .menuzord-menu >li.active >a, 
.menuzord.pink .menuzord-menu >li:hover >a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover >a{color:#D770AD}
.list-mobile{display:none !important}


.wrapbookingtop{position:fixed; top:90px}

/*main*/
.inner { padding-top:40px; padding-bottom: 40px; }
.main-inner { background: #fff; }
.main-content {}

.banner-top {position: fixed; top: 0; left: 0; width: 80%; left: 10%; height: 80%; z-index: 2; }
.banner-top-inner { top: 60%; width: 100%;   position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.banner-top-inner .front-title h1 { font-size:28px; line-height: 28px; margin-top: 15px; }
.banner-top-box {}

/* front */
.promotion-front { z-index: 2; position:absolute; top:-13.5%; width: 100%;}	
.promotion-front .container{width:100%; max-width: 1400px;}
.promotion-front .hover-st-2 { float:right;}
.promotion-front .max-impro { max-width:350px; margin-right: 70px; }
.promotion-front .clearfix { display:none; }
.about-front { background: url(https://d33607.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/home-02.jpg) no-repeat center center;  padding-top: 150px; padding-bottom: 200px; }
.line-about { position: absolute; left: 50%; top: 0%; width: 1px; height: 95%; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-bottom: none; margin-top:0; margin-bottom: 0px;}
.front-box {  background: rgba(0,0,0,0.75); padding: 15px; }
.front-inner { color: #fff; text-align: center; border: 1px solid #d9a834; padding: 15px;}
.front-title { margin-top: 20px; margin-bottom:20px; }
.front-title h1{ font-size:16px; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; }
.front-title h2{ font-size: 14px; line-height: 16px; text-transform: uppercase; }
.front-title h5{ line-height: 20px;  }
.accom-front { background:url(https://e68f4e.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/home-03.jpg) no-repeat fixed left center; padding-top: 0px; padding-bottom: 0px; }

.fac-front { background:url(https://76902b.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/home-04.jpg) no-repeat fixed left center;  padding-top: 150px; padding-bottom: 150px; }
.fac-front .front-title { margin-bottom: 0; }
.fac-front .front-inner {  border: 1px solid #fff; }
.fac-front .box-inner { min-height: 350px; }
.fac-front .box-inner h5 { font-size: 20px; }
.fac-front .box-inner p { font-size: 14px; }
.fac-front-boxtop { background: url(https://aa2feb.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-restaurant.jpg) no-repeat center center; background-size: 120%;  -webkit-transition:all 0.6s ease;  transition:all 0.6s ease; position:absolute; top:0; right: 15px; height: 48%; width: 30.33333333% } 
.fac-front-boxbot { background: url(https://80e977.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-wedding.jpg) no-repeat center center; background-size: 120%; -webkit-transition:all 0.6s ease;  transition:all 0.6s ease; position:absolute; bottom:0; right: 15px; height: 48%; width: 30.33333333% } 
.fac-front-boxtop img { height: 180px; width: auto; }	
.fac-front-boxbot img { height: 75px; width: auto; }
.fac-front .ls-action { display:none !important; }
.fac-front a { position:absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fac-front .fac-front-boxtop:hover ,.fac-front .fac-front-boxbot:hover { background-size: 130%; } 
.fac-box-inner { top:50%;left:15px;right:15px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%) }
.fac-box::before { content:""; display: block; border: 1px solid #fff; position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; }
.quests-img { max-width:100px; margin: 0 auto;}

/*accom*/
.accom-inner {}
.accom-inner .front-box { margin-top: 14%; margin-bottom: 10%;}
.accom-inner .front-box .front-inner {position: relative; min-height: 390px;}
.accom-box-inner { top: 50%; left: 15px; right: 15px;  position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.accom-box-inner h5 { font-style:italic; }
.accom-room-inner { }
.accom-list { text-align: center; }
.accom-list i::before { font-size: 50px; line-height: 50px;  }
.accom-allroom { color: #fff; background: url(https://6eba4f.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-allrom.jpg) no-repeat center center fixed;  padding-top: 50px; padding-bottom: 50px; }
.accom-allroom .front-box { position: relative;}
.accom-allroom .front-box::after { content: ""; display: block; border: 1px solid #d9a834; position: absolute; left: 14px; right: 14px; top: 14px; bottom: 14px; }
.content-accom-allroom { position:relative; z-index: 1;}
.content-accom-allroom h3{ margin-bottom: 15px;}
.accom-right { float:right;}

/*wedding*/
.wedding-inner-pro { color: #fff; background: url(https://8b71bb.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/wedding-slide-02.jpg) no-repeat center center fixed;  padding-top: 50px; padding-bottom: 100px; }
.wedding-inner-pro {}
.wedding-inner-pro .front-box { background: rgba(0,0,0,0.80); color:#fff; padding-top:0px; padding-bottom: 0px; margin-bottom: 25px; }
.wedding-img {}
.wedding-img .caption { position: relative; z-index: 1; color:#fff; text-align: center; top: 50%; left: 15px; right: 15px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wedding-img .caption h5 { font-size:35px; line-height: 40px; }
.wedding-img::after { background: rgba(155,132,75,0.79); content: ""; display: block; position:absolute; top: 15px; left: 15px; right: 15px; bottom: 15px;}
.wedding-content h3 { font-size:22px; line-height: 24px; margin-bottom:15px; }
.wedding-content span { display:block; }

/*dining*/
.dinner-content { background:url(https://92ef18.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-restaurant-02.jpg) no-repeat fixed left center; padding-top: 0px; padding-bottom: 0px; }

/*gallery*/
.gallery-content { color:#fff; background:url(https://c4ae9b.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/slide-gallery-02.jpg) no-repeat fixed left center; padding-top: 70px; padding-bottom: 70px; }

/*contact*/
.contact-content { color:#fff; background:url(https://58234f.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/slide-contact-02.jpg) no-repeat fixed left center; padding-top: 70px; padding-bottom: 70px; }
.address-list { padding: 0; margin: 15px 0 15px 0; }
.address-list li { list-style: none; margin-bottom: 10px;}
.address-list span { display: block; float: left; width:100px; }


/*footer*/
.hotel-award { background: url(https://080b6c.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/bg-hotelaw.jpg) no-repeat center center; text-align:center; padding-top: 80px; padding-bottom: 80px; }
.footer{background:#111; text-align:center; color:#fff; position:relative; z-index:99; padding-top:30px; padding-bottom:110px}
.footer .glyphicon{color:#dea716; font-size:22px; width:55px; height:55px; border-radius:100%; border:2px solid #dea716;  text-align:center; padding-top:13px}
.footer section{margin-bottom:15px}
.footer h2{font-size:30px; color:#fff; margin-bottom:15px}
.footer p{font-size:18px}
.footerdetail a{color:#fff}
.footerdetail a:hover{color:#9e8306}
.footerdetail{padding-top:20px}
.endfooter{background:#dea716; padding:15px; padding-bottom:90px}
.colpyright{color:#fff; text-align:center; float:none}
.social-footer{ margin: 25px 0;}
.list-social-footer{text-align:center; padding: 0; margin: 15px 0; }
.list-social-footer li{display:inline-block}
.list-social-footer li a { width:40px; height: 40px; line-height: 40px; border-radius: 40px; display: block; background: #6d6d6d ; margin: 2px; }
.list-social-footer li a:hover { color:#fff; }
.list-social-footer li a.facebook:hover { background:#3b5998  } 
.list-social-footer li a.instagram:hover { background:#6a453c  } 
.list-social-footer li a.pinterest:hover { background:#cb2127  } 
.list-social-footer li a.youtube:hover { background:#dc482f  } 
.list-social-footer li a.twitter:hover { background:#56acee  } 
.list-social-footer li a.google-plus:hover { background:#dc4e41  } 
.list-social-footer li a.tripadvisor:hover { background:#00a680  } 

/*gallery*/
.gallery h2{font-size: 22px; font-family: "db_penthai_xbold"; text-transform: uppercase; margin-bottom: 5px;}
.filter{margin-top: 15px; margin-bottom: 15px;}
.filter li{display: inline-block;}
.filter li button{ background: none; padding: 8px 15px;}
.filter li.active button,.filter li:hover button{color: #fff; background: #d9a834; border-radius: 3px;}
.gallery{padding-top: 10px; padding-bottom: 25px;}
.gallery-4-columns{margin-left: -3px; margin-right: -3px;}
.gallery-4-columns .gallery-item{padding-left: 5px; padding-right: 5px; float: left; width:25%; margin-bottom:10px;}
.wrapgallery{padding-bottom: 15px;}
.wraptext{position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0,0,0,0.5); opacity: 0; transition: all 0.3s ease 0s;   color: #000; padding-top: 30%; }
.wraptext .title{color: #fff; text-align: center; text-transform: uppercase;}
.downloadhq a{color: #FCEE21;}
.gallery-4-columns .gallery-item:hover .wraptext{opacity: 1;}
.filtergallery{padding-bottom: 30px;}
.fansyslide{position: absolute; z-index: 9; bottom: 30px; right: 30px; background: #333; padding: 5px 25px; color: #fff; text-transform: uppercase;
border-radius: 5px; font-size: 13px;}
.fansyslide:hover{color: #fff;}
.fansyslide i{color: #ccc; margin-left: 5px;}
.fancybox-close{width: 30px; height: 30px; background: url(https://012ded.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/fancyclose.png); right: 0; top: 0;}
.fancybox-prev span{left: -7px!important;}
.fancybox-next span{right: -7px!important;}
.fancybox-nav span{visibility: visible!important;}
.p-gallery .clearfix{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.p-gallery .noclearfix{border-bottom:0; padding-top: 30px;}
.gallery .clearfix{padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #ccc;}
.locationmap{text-align: center;}
.locationmap li{display: inline-block;}
.locationmap li a{background: none; font-family: 'ralewaybold'; color: #595d5b; padding: 8px 15px; transition: all 0.3s ease 0s;}
.locationmap li a:hover,.locationmap li a.active{color: #fff; background: #0f5f9e;}
.tabmap{display: none; height: 450px;}
.Gallery h1{text-transform: uppercase;font-size: 25px; margin-bottom: 20px;}


.ui-datepicker{padding:15px !important; width:auto !important}
.ui-widget{font-family:"Open Sans",sans-serif !important}
.ui-widget-header{background:rgba(0,0,0,0) none repeat scroll 0 0 !important; color:#333 !important; font-size:15px !important; font-weight:100 !important; border:0}
.ui-widget-content{border:medium none !important}
.ui-datepicker th{font-weight:100 !important}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:silver none repeat scroll 0 0; border:1px solid silver}
.ui-state-default, .ui-widget-content .ui-state-default{background:#fff none repeat scroll 0 0 !important; border:medium none !important; color:#555; font-size:13px; font-weight:400; text-align:center}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:rgba(0,0,0,0) none repeat scroll 0 0 !important; border:medium none !important; color:#363636; font-weight:600 !important}
.ui-state-active, .ui-widget-content .ui-state-active{background:#494948 none repeat scroll 0 0 !important; border:medium none !important; color:#fff !important; font-weight:400}
.ui-datepicker td{ border:0 none; padding:0 !important}
.ui-datepicker td a, .ui-datepicker td span{display:block; padding:5px 10px !important; text-align:right; text-decoration:none}
.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover{ background:#494948 none repeat scroll 0 0 !important; border:medium none !important; color:#fff !important; font-weight:400}
.ui-widget-content .ui-state-hover{}
.ui-state-hover a, .ui-state-hover a:hover{ text-decoration:none}
.ui-datepicker .ui-datepicker-prev-hover{ left:2px !important}
.ui-datepicker .ui-datepicker-next-hover{ right:2px !important}
.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover{ background:rgba(0,0,0,0) none repeat scroll 0 0 !important;  top:2px !important}
.ui-datepicker-group-last{ border-left:1px solid #c8c8c8 !important;  width:50%}
.ui-datepicker-multi .ui-datepicker-group{ padding-left:10px !important;  padding-right:10px !important}


/*tools*/
.none { display:none; }

.ic-message {background: url('https://0c50d9.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-total.png') no-repeat -120px -10px;width: 22px;height: 22px; display: inline-block; vertical-align: -5px; }
.ic-booking {background: url('https://0c50d9.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-total.png') no-repeat -155px -8px;width: 22px;height: 22px; display: inline-block; vertical-align: -5px;}
.ic-engine {background: url('https://0c50d9.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-total.png') no-repeat -10px -42px;width: 25px;height: 33px; display: inline-block; vertical-align: -5px;}

.line-hr-1 { background: url('https://0c50d9.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-total.png') no-repeat -6px -9px; width: 87px; height: 23px; display: inline-block; margin-top: 20px;}
.line-hr-2 { background: url('https://0c50d9.claudeassets.com/20180707222435im_/http://thescenthotel.com/images/ic-total.png') no-repeat -9px -89px; width: 16px; height: 13px; display: inline-block; position: relative; margin-top: 0px; margin-bottom: 0px}
.line-hr-2::after { content: ""; width:50px; height: 1px; background: #b88b1e; position: absolute; left: -55px; top: 5px; }
.line-hr-2::before { content: ""; width:50px; height: 1px; background: #b88b1e; position: absolute; right: -55px; top: 5px; }
.mark-txt-1 { color: #eec86a; }
.box-inner{margin-bottom:25px}

.list-stic-1 { list-style:none; padding: 0 0 0 0; margin: 0 0 0 0; }
.list-stic-1 li { padding:3px 0; margin-bottom: 5px; }
.list-stic-1 i { margin-right: 10px; }
.list-stic-1 i:before { font-size:30px; }

.list-stic-2 { list-style:none; padding: 0 0 0 0; margin: 0 0 0 0; }
.list-stic-2 li { padding:3px 0; margin-bottom: 5px; }
.list-stic-2 i { margin-right: 10px; }
.list-stic-2 i:before { font-size:12px; }

.mgt-10{margin-top:10px} .mgt-15{margin-top:15px} .mgt-20{margin-top:20px} .mgt-25{margin-top:25px} .mgt-30{margin-top:30px} .mgt-35{margin-top:35px} .mgt-40{margin-top:40px}
.mgb-10{margin-bottom:10px} .mgb-15{margin-bottom:15px} .mgb-20{margin-bottom:20px} .mgb-25{margin-bottom:25px} .mgb-30{margin-bottom:30px} .mgb-35{margin-bottom:35px} .mgb-40{margin-bottom:40px}

.hover-st-1 { font-family: 'Raleway', Arial, sans-serif; color: #fff; position: relative; float: left; overflow: hidden; width: 100%; opacity: 1; z-index: 1; }
.hover-st-1 * {
 -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.hover-st-1 img { width: 100%; }
.hover-st-1:hover img, .hover-st-1.hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.hover-st-1:hover:after, .hover-st-1.hover:after { width: 100%; }
.hover-st-2{ font-family:'Raleway',Arial,sans-serif;  color:#fff;  position:relative;  float:left;  overflow:hidden;  width:100%;  background-color:#4a3d1c;  color:#fff;  text-align:center}
.hover-st-2::before {  content: ""; display: block; border: 1px solid #fff;  position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px;}
.hover-st-2 *{ -webkit-box-sizing:border-box;  box-sizing:border-box;  -webkit-transition:all 0.6s ease;  transition:all 0.6s ease}
.hover-st-2 img{ opacity:0.4;  max-width:100%}
.hover-st-2 figcaption{ position:absolute;  top:50%;  left:0;  width:100%;  padding:0 30px;  -webkit-transform:translateY(-50%);  transform:translateY(-50%)}
.hover-st-2 h2, 
.hover-st-2 span{ margin:15px 0 0 0;  width:100%}
.hover-st-2 h2{ font-size: 18px; font-weight:400;  text-transform:uppercase; margin-bottom: 10px;}
.hover-st-2 span{ color:#e6e6e6;  font-weight:700;  text-transform:uppercase}
.hover-st-2 a{ left:0;  right:0;  top:0;  bottom:0;  position:absolute;  z-index:1}
.hover-st-2:hover img, 
.hover-st-2.hover img{ -webkit-transform:scale(1.2);  transform:scale(1.2)}
.hover-st-2:hover:after, 
.hover-st-2.hover:after{ width:100%}

.hover-st-3{font-family:'Raleway',Arial,sans-serif;color:#fff;position:relative;overflow:hidden;width:100%;background:#000;text-align:center}
.hover-st-3 *{-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.hover-st-3 img{opacity:1;width:100%}
.hover-st-3 figcaption{top:50%;left:40px;right:40px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.hover-st-3 figcaption h3{position:relative; font-size:18px; text-shadow: 1px 1px 1px #000; font-weight:400;text-transform:uppercase;margin:0;-webkit-transform:translateY(75%);transform:translateY(75%)}
.hover-st-3 figcaption h3 span{font-weight:800}
.hover-st-3 figcaption p{font-size:.9em;font-weight:500;opacity:0;margin:0}
.hover-st-3:before,.hover-st-3:after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity 0.6s,-webkit-transform .6s;transition:opacity 0.6s,-webkit-transform 0.6s,-moz-transform 0.6s,-o-transform 0.6s,transform .6s}
.hover-st-3:before{border-top:1px double #9e8306;border-bottom:1px double #9e8306;-webkit-transform:scale(0,1);transform:scale(0,1)}
.hover-st-3:after{border-right:1px double #9e8306;border-left:1px double #9e8306;-webkit-transform:scale(1,0);transform:scale(1,0)}
.hover-st-3 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
.hover-st-3.blue{background:#0a212f}
.hover-st-3.red{background:#36100c}
.hover-st-3.yellow{background:#562e0a}
.hover-st-3:hover img,.hover-st-3.hover img{opacity:.2;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.1);transform:scale(1.1)}
.hover-st-3:hover figcaption h3,.hover-st-3.hover figcaption h3,.hover-st-3:hover figcaption p,.hover-st-3.hover figcaption p{opacity:1;border-color:rgba(255,255,255,0.5);-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translateY(0);transform:translateY(0)}
.hover-st-3:hover figcaption p,.hover-st-3.hover figcaption p{-webkit-transition-delay:.3s;transition-delay:.3s}
.hover-st-3:hover:before,.hover-st-1.hover:before,.hover-st-3:hover:after,.hover-st-3.hover:after{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}


.btn-st-1 { display: inline-block !important; color: #fff; width: auto !important; background: #000; padding: 10px 30px; }
.btn-st-1:hover { background: #b88b1e;  }
.btn-st-2 { display: inline-block !important; color: #fff; width: auto !important; background: #b88b1e; padding: 10px 30px; }
.btn-st-2 i.flaticon-bed:before{ font-size: 16px; line-height: 16px; }
.btn-st-2:hover { background: #946e13; color:#fff;  }
.list-info-room { list-style:none; margin: 0 0 10px 0; padding: 0 } 
.list-info-room li{ display:block;list-style:none; }
.list-info-room li i{ width: 25px; display: inline-block; text-align: left; margin:0 3px 0 0; }
.list-info-room li i.flaticon-bed::before { font-size: 24px; vertical-align: -3px;}
.list-inroom-inner { margin-top: 10px; }
.list-inroom{list-style:none; text-align: center; padding:0 0 0 0; margin:0 0 30px 0}
.list-inroom li{display: inline-block; width: 19%; margin: 0 0 10px 0 ; text-align: center; vertical-align: top;}
.list-inroom i{margin-right:0px; margin-bottom: 5px; display: block;}
.list-inroom i:before{font-size:45px; line-height: 45px;}

.list-wedding-inner { margin-top: 10px; }
.list-wedding{list-style:none; text-align: center; padding:0 0 0 0; margin:0 0 0px 0}
.list-wedding li{display: inline-block; width: 24%; margin: 0 0 10px 0 ; text-align: center; vertical-align: top;}
.list-wedding i{margin-right:0px; margin-bottom: 5px; display: block;}
.list-wedding i:before{font-size:45px; line-height: 45px;}

.v-align-children{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:row;-webkit-flex-direction:row;}
.popover-content{min-width:276px !important; text-align:center !important; padding:14px 0 !important}

.morefeature{margin-top: 5px;}
.morefeature li{ margin-bottom: 5px; }
.morefeature i{font-size: 10px; color: #b88b1e ;}
.modal { text-align: center; padding: 0!important;}
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;}
.modal-room .modal-dialog { width: 90%; max-width: 1170px;  }
.modal-room .modal-content { background-color: rgba(255,255,255,0.95); border-radius: 0px;  padding-top: 5px; padding-bottom: 15px; }
.modal-room h4 { font-size: 15px; }

/*
     FILE ARCHIVED ON 19:51:15 Aug 15, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:34:54 Aug 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.421
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.031
  esindex: 0.006
  cdx.remote: 8.783
  LoadShardBlock: 2546.097 (3)
  PetaboxLoader3.datanode: 2394.713 (4)
  load_resource: 105.059
  PetaboxLoader3.resolve: 33.349
*/