@import url('https://fonts.googleapis.com/css?family=Marcellus|Roboto');


@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),  url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../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("../fonts/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;}
.flaticon-telephone-auricular-with-cable:before { content: "\f100"; }
.flaticon-pool:before { content: "\f101"; }
.flaticon-shopping-bag:before { content: "\f102"; }
.flaticon-drink:before { content: "\f103"; }
.flaticon-cutlery:before { content: "\f104"; }
.flaticon-fruit:before { content: "\f105"; }
.flaticon-minibar:before { content: "\f106"; }
.flaticon-safe-box-with-keys:before { content: "\f107"; }
.flaticon-video-player:before { content: "\f108"; }
.flaticon-wifi:before { content: "\f109"; }
.flaticon-air-conditioner:before { content: "\f10a"; }
.flaticon-bathrobe:before { content: "\f10b"; }
.flaticon-hairdryer:before { content: "\f10c"; }
.flaticon-shower:before { content: "\f10d"; }
.flaticon-bath:before { content: "\f10e"; }
.flaticon-rest:before { content: "\f10f"; }
.flaticon-conversation-speech-bubbles:before { content: "\f110"; }
.flaticon-time:before { content: "\f111"; }
.flaticon-instagram-logo:before { content: "\f112"; }
.flaticon-google-plus-symbol:before { content: "\f113"; }
.flaticon-twitter-logo-silhouette:before { content: "\f114"; }
.flaticon-facebook-logo:before { content: "\f115"; }
.flaticon-back:before { content: "\f116"; }
.flaticon-search:before { content: "\f117"; }
.flaticon-speaker:before { content: "\f118"; }
.flaticon-coffee-machine:before { content: "\f119"; }
.flaticon-technology:before { content: "\f11a"; }
.flaticon-avatar:before { content: "\f11b"; }
.flaticon-shape-size-interface-symbol:before { content: "\f11c"; }
.flaticon-computer:before { content: "\f11d"; }
.flaticon-bed:before { content: "\f11e"; }
.flaticon-next:before { content: "\f11f"; }
::selection{background-color:#3c3c3c;color:#fff}

html,body{width:100%;padding:0; font-family: 'Roboto', sans-serif; font-weight: 100; color:#3e3e3e; background:#2a1a07; font-size:14px;  line-height:20px;-webkit-font-smoothing:antialiased}
a,a:hover,a:active,a:focus{ cursor:pointer; color:#00acf7;text-decoration:none;outline:none;transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ text-transform: uppercase; font-family: 'Marcellus', serif; font-weight:100;padding-top:0;margin:0 0 5px; color: #ddaa73;}
h1 { font-size: 30px; line-height: 30px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 22px; line-height: 22px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 16px; }
p{margin:0 0 15px}
ol,ul{list-style:none;padding:0}
b.caret{margin-top:-3px}
.clear{clear:both}
.text-pri { color:#00acf7 !important;}
.border-st-1 { border:1px solid #B8B8B8; padding:30px; }
.box-shadow { background:#fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);}
.upper { text-transform:uppercase;}
.title { text-transform: uppercase; }
.btn-theam {  display:inline-block; font-family: 'Marcellus', serif; color:#fff; text-transform: uppercase; font-style: italic; background-color: rgba(201,102,69,1.00) ;  font-size: 14px; border: 1px solid transparent;  padding:4px 25px;}
.btn-theam:hover { background-color: #59340b; color:#fff; }
.btn-bor { background:none; border:1px solid #e1122c; color:#e1122c}
.mark-small { font-size:12px;}
.mark-big { font-size:18px; line-height:30px;}
#back-top{width:50px;height:30px;position:fixed;right:0px;bottom:15px;z-index:9999}
#back-top a{ width:100%;height:100%;display:block;  opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#back-top a:before { font-family:'FontAwesome';color:#fff; text-align:center;  color:#e1132a; content: "\f077"; font-size:40px;}
#back-top a:hover{opacity:1}
.contain{position:relative}
.animated{visibility:hidden}
.visible{visibility:visible}
/*header*/
.header { position:fixed; top: 0; left: 0; width:100%;padding-top:0px; padding-bottom:0px;  z-index:1001; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
.header.scrollto { background-color: rgba(42,26,7,0.90);}


.wrapper.non-slide .header { position:relative;}
.header-wrap { position:relative;}
.logo {}
.header-inner{width:85%; float: left; position: relative; display:block;padding:20px 0 0 0; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
.header.scrollto .header-inner{padding:7px 0}
.header-logo { float: left; width: 15%;  padding: 5px 0; }
.header-tools { text-align: right; }
.header-tools .header-link { margin-bottom: 0; }
.header-tools .header-link li{ font-size:14px; display: inline-block; margin-left: 10px;}
.header-tools .header-link li i{ margin-right: 3px;}
.header-tools .header-link li i:before{ font-size: 13px;}
.header-tools .header-link li a{ color: #fff;}
.header-tools .header-link .dropdown-menu a{ color: #3e3e3e;}
.header-tools .header-link .dropdown-menu a:hover{ background: none; color: #00acf7;}
.header-tools .btn-member { display: inline-block; font-size:14px; color: #fff; padding: 3px 20px; margin-left: 15px;  }
.header-tools .btn-member i { margin-right: 5px; }
.header-tools .btn-member:hover { }

.hotel-tools { font-family: 'Marcellus', serif; font-size:26px; line-height: 28px; position:absolute; bottom: 160px; left: 10%; width: 80%; z-index:99; text-align: center; color: #fff; text-shadow: 0px 0px 25px #00b1b0;}
.hotel-tools p::after { position: absolute; width: 50%; top: 0; left: 25%; background: #00b1b0; display: block; content: ""; height: 100%; border-radius: 50%; 
-webkit-filter: blur(40px);
-moz-filter: blur(40px);
-o-filter: blur(40px);
-ms-filter: blur(40px);
filter: blur(40px);
}
.hotel-tools p span { position:relative; z-index: 1; }
.hotel-tools .scroll   {  }
.hotel-tools .scroll i{color:#fff; font-size: 30px; }
.logo{text-align: center; padding:5px 0;margin:0;}
.logo a { display:inline-block;}
.logo img{ max-width:100%; height: 100px; transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
.header.scrollto .logo img{ height: 70px;}
.show-grid{background-color:#fff}
.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}
.menumobile { display:none !important; }
/*----- Language -----*/
.language {  display: inline-block;margin-top:8px;}
.language { color:#000;}
.language img{ width: 18px;  vertical-align: -4px;}
.language a {font-size:14px; line-height:16px; color:#000;font-weight:bolder;   }
.language a:hover { color:#00acf7 }
.language li { margin-left:0px !important;  }
.language-menu{text-align:center; font-family:'Lato',sans-serif}
.toolsmenu { display: inline-block; text-align:right; margin-left: 20px;}
.toolsmenu ul, .toolsmenu li{margin:0; padding:0}
.toolsmenu ul{list-style:none; width:100%}
.toolsmenu li{ display: inline-block;position:relative; width:auto; margin-left: 20px;}
.toolsmenu a{color:#fff; display:block; margin-left: 0px;  text-decoration:none; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease;padding-top:5px; padding-bottom: 5px;}
.toolsmenu a i { margin-right:3px; }
.toolsmenu a i:before { font-size:12px; }
.toolsmenu li:hover a{}
.toolsmenu .submenutools{ text-align: left !important;left:0; opacity:0; position:absolute; top:100%;  min-width:250px; background:#fff; visibility:hidden; z-index:1; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease;-webkit-box-shadow: 1px 1px 3px 0px rgba(56,56,56,0.5);-moz-box-shadow: 1px 1px 3px 0px rgba(56,56,56,0.5);box-shadow: 1px 1px 3px 0px rgba(56,56,56,0.5);}
.toolsmenu li:hover ul.submenutools{opacity:1; top:100%; visibility:visible}
.toolsmenu .submenutools li{float:none; text-align:left; width:100%}
.toolsmenu .submenutools a:hover{ color:#f16b3a;}
.toolsmenu .submenutools a{ color: #606060; padding: 5px;}
.toolsmenu .submenutools a:before {font-family: 'Glyphicons Halflings'; content: "\e250"; font-size: 10px; }
.language.toolsmenu a{ color:#000 }
.language.toolsmenu a:before { display:none; }
.language.toolsmenu .submenutools{ left: auto; right: 0; min-width: 200px; }
.booking-mobile { position:fixed; right: 100px; top: 7px; z-index: 2; display: none; }
.booking-mobile a{ display: inline-block; text-transform: uppercase; font-family: 'Marcellus', serif; display: block;  width: 100%; background: #c96645; color: #fff; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 20px; line-height: 14px;}
.booking-mobile a:hover { background:#b55a3c; }
/*content*/
.wrapper {}
/*slide*/
.slide-front { position: relative; z-index:101; width: 100%; height: 100%; }
.slide-front:before { z-index: 10; content: ""; position: absolute; top: 0; left: 0; width: 100%;background: url(../images/bg-header.png) top repeat-x; opacity: 0.8; min-height: 300px; }
.slide-front-inner { position:absolute; bottom:180px; left:0; width:100%; z-index:999;}
.slide-front-inner .container{ position:relative; width:100%; max-width:1440px;}
#slider { position:relative; z-index:9;}
/*#slider:before  {z-index: 50; content: ""; position:absolute; bottom: 0; left: 0; width: 100%; height: 60%;
background-image: -webkit-linear-gradient(top, transparent 0%, #000 150%);
background-image: linear-gradient(top, transparent 0%, #000 130%);}*/ 
.tparrows.hidearrows { opacity:1;}
.tp-bullets.hidebullets { opacity:1 !important;}
.tp-bullets { bottom: 130px !important; }
.tp-bullets.hovered { }
.subtitle { text-align: center; color:#fff;   text-shadow: 1px 1px 2px rgba(56,56,56,1);  }
.subtitle h3{ font-size: 14px; line-height: 14px; text-transform: uppercase; color:#fff; }
.subtitle h5{ font-size: 50px; line-height: 50px; color:#fff; font-family: 'Yellowtail', cursive; text-transform: none; }
.subtitle hr{ display: inline-block; width: 50px; height:3px; background: #fff; -webkit-box-shadow: 1px 3px 5px 0px rgba(56,56,56,0.7); -moz-box-shadow: 1px 3px 5px 0px rgba(56,56,56,0.7); box-shadow: 1px 3px 5px 0px rgba(56,56,56,0.7); margin-top: 5px; margin-bottom: 5px; }
/*main*/
header.title { position: relative;text-transform: none; color:#fff; text-align: center; padding-top:50px; padding-bottom: 50px; }
header.title h1{ margin-bottom: 0; color: #bf9757;}
header.title.theam h1{ color: #0088c3;}
header.title h1 span {}
header.title p{ margin-bottom: 0; }
.main { position:relative; z-index: 100;}
.main-content {  padding-top: 50px; padding-bottom: 0px; }

/*footer*/
.footer { position:relative; z-index: 100; color: #fff; background: url(../images/bg-footer.jpg) no-repeat center top #070707; padding-top: 50px; padding-bottom: 160px; border-top: 5px solid #c96645;}
.footer h4 { font-size: 18px ; line-height: 26px; text-transform: uppercase; font-weight: 600; }
.footer-contant {font-family: 'Marcellus', serif; font-size: 16px; line-height: 18px; text-transform: uppercase; text-align:center; margin-bottom: 25px; }
.footer-contant img{ margin-bottom: 20px;}
.logo-footer { margin-bottom:10px;}
.list-footer-link { text-align: center; margin-bottom: 25px; }
.list-footer-link li  { display: inline-block; text-align: center;  border-left: 1px solid #727272}
.list-footer-link li:first-child  {  border-left: none;}
.list-footer-link li a{ display: block; font-size: 14px; line-height: 18px; color: #fff;  padding-left: 15px; padding-right: 15px;}
.list-footer-link li a:hover {  color: #f16b3a;}  
.footer-social { text-align:center; margin-bottom: 25px;  }
.list-footer-social li { display: inline-block; text-align: center; margin-right: 10px; }
.list-footer-social li a { width: 40px; height: 40px; border-radius: 25px; display: block; background: #c96645; color:#fff;}
.list-footer-social li a:hover { background:#00b1b0;  color: #fff;}  
.list-footer-social li i:before { font-size: 22px; line-height: 40px; }
.copyright { color:#959595; text-align:center; font-size: 12px;  }
.copyright p{ margin-bottom: 0;}
.copyright strong { font-weight: normal;text-transform:uppercase;}
.hotel-singup { text-align:center; margin-bottom: 30px; }
.join-our .btn-default {  width: 100%;background: #68a5db; color: #fff; border: 1px solid #68a5db; border-radius: 25px !important; margin-left: -20px;  }
.join-our .input-group { width: 100%;  }
.join-our .input-group-btn {  width: 100px; position: absolute; z-index: 99; right: -15px; }
.join-our .input-group .form-control { border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.box-404 { padding-bottom:0; }
.box-404 p::after{ background: none; }
.back-404 { text-transform:uppercase; font-size: 16px; line-height: 16px;}
/*engine*/
.bg-booking { background:url(../images/bg-booking.png) no-repeat center bottom; height: 66px; position: absolute; width: 100%; left: 0; bottom: 67px;}
.wrapbooking{ position: fixed; bottom: 0; z-index: 9999; color: #fff; width: 100%;height: 67px; padding-top: 0px; padding-bottom: 0px; background-color: rgba(201,102,69,0.90); }
.wrapbooking .titlebook{ position: relative; color: #3a3a3a; text-align: right; padding-top:20px;padding-bottom: 10px;  float: left; width: 20%; }
.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: 15px; position: relative; font-weight: bold; font-family: 'Marcellus', serif;
 color: #fff; text-transform: uppercase; text-align: right; display: inline-block; line-height: 20px; padding-right: 15px; }
.wrapbooking .titlebook h2 .textsmall{font-size: 14px; font-weight: normal; font-family: 'Marcellus', serif;}
.wrapbooking .txtbook { padding-top:7px;float: left; width: 100%; max-width: 1200px; }
.wrapbooking .form-control{color: #fff; font-size: 13px; text-transform: uppercase; background: none; border-radius: 0px; height: 40px; border-left: 0; border-right: 0; border-top: 0; box-shadow: none; -moz-box-shadow:none;}
.wrapbooking .cal{background: url(../images/ic-calendar.png) no-repeat right ;}
.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: 'Marcellus', serif;padding: 5px 10px; width:100%;    max-width: 170px; color: #fff; font-size: 16px; transition: all 0.3s ease 0s; background: #1ba18e; margin-top: 5px;}
.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("../images/bullet-down.png");}
.wrapbooking .selection-box::after { background-position: center center; content: "";  height: 20px;  pointer-events: none; position: absolute; right: 3px;top: 9px; width: 20px;}
.wrapbooking .small{ font-size: 10px; line-height: 10px; color: #fff;}
.wrapbooking input::placeholder { color: #fff !important;}
.wrapbooking .chk-date, .chk-adult, .chk-child, .chk-room, .chk-promocode , .book-now{ float: left; padding: 0 5px; }
.wrapbooking .chk-date .form-control { padding-left: 70px;}
.wrapbooking .chk-date { width: 17%; position: relative;}
.wrapbooking .chk-date label { font-weight: normal; text-transform: uppercase; font-size:12px; display: block; position: absolute; left: 6px; top: 10px;}
.wrapbooking .chk-adult { width: 12%}
.wrapbooking .chk-child { width: 12%}
.wrapbooking .chk-room { width: 12%}
.wrapbooking .chk-promocode{ width: 15%}
.wrapbooking .book-now{ width: 15%}
/*front*/
.home-intro { background: url(../images/bg-about-hotel.jpg) no-repeat center top fixed; padding-bottom: 15%; }
.front-wedding { background: url(../images/bg-wedding-hotel.jpg) no-repeat center top fixed;padding-top: 5%; padding-bottom: 15%; }
.home-intro .box-content { padding-top:50px; padding-bottom: 40px; }
.front-accom-content { text-align: center; color:#fff; top:50%; left:40px; right:40px; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
.front-facilities { background: #fff;}
.fac-viewall { padding-top: 20px; padding-bottom: 20px; }
.fac-viewall a{ color: #2c2c2c; font-size: 16px; }
.fac-none { display: none; }
.fac-img {}
.front-location .box-info { padding:40px !important; }
.front-loca-contant  { color:#fff; background: url(../images/bg-front-location.jpg) no-repeat right top; background-size:60%;}
#map { width: 100%; height: 450px;}
.front-inner { background-color: rgba(89,40,0,0.95); padding: 10px; }
.front-title { text-align:center; margin-top: 15px; margin-bottom: 15px;}
.front-title span{ display: block; text-align: center; font-size: 16px; color: #fff; font-style: italic;}
.box { border: 1px solid #bf9757; color:#fff; padding: 10px;}
.boxtheam-content { color: #fff; background-color: rgba(89,40,0,0.95); }
/*accommodation*/
.list-detail {display:inline-block; border-top: 1px solid #e0e0e0;}
.list-detail li { display:inline-block; vertical-align: top;height: 70px; border-right: 1px solid #e0e0e0; padding-left: 15px; padding-right: 15px; margin-top: 5px; margin-bottom: 5px;  }
.list-detail li:last-child {  border-right: none;  }
.list-detail h5 { text-transform:none; margin-bottom: 10px;}
.list-detail .space { font-size:24px; line-height: 24px; }
.list-detail .space span { display: block; font-size: 12px; line-height: 12px; }
.slide-inner .owl-pagination { display:none; }
.slide-inner .item { margin:0 0px; padding-top: 0px; padding-bottom:0px;  }
.slide-inner .owl-buttons{position:absolute;top:85%;width:100%; }
.slide-inner .owl-buttons>div{ width:30px;height:30px;; background-repeat:no-repeat; color:#000;cursor:pointer;z-index:0;position:absolute; -webkit-border-radius: 0px !important;  -moz-border-radius: 0px !important; border-radius: 0px !important; padding: 0 !important;}
.slide-inner .owl-prev{background: #000 !important;float:right;font-family: "Flaticon";  margin-left:0px !important;position:absolute;right:40px}
.slide-inner .owl-prev:before{ content: "\f116"; font-size: 16px; line-height: 30px;}
.slide-inner .owl-next{background: #000 !important;float:right;font-family: "Flaticon"; margin-right:0px !important;position:absolute;right:10px}
.slide-inner .owl-next:before{content: "\f11f"; font-size: 16px; line-height: 30px;}
.slide-inner .owl-prev:hover{background-position: -74px -8px }
.slide-inner .owl-next:hover{background-position:-98px -8px}
.slide-inner .owl-pagination { }
.accom-slide { float:right; margin-bottom: 30px;}
.accom-main { background:url(../images/bg-accom-main.jpg) fixed no-repeat center top}
.accom-main-text { background:url(../images/bg-accom-text.png) fixed no-repeat center top}
.accom-fac h3 { font-size: 16px; line-height: 16px;  }
.accom-total { background:url(../images/bg-accom-main.jpg) fixed no-repeat center top}
.title-accom-total { text-align: center; margin-bottom: 35px; }
.title-accom-total h3 { font-size:30px; }
.title-accom-total h3::before{ content: ""; background: url('../images/icon.png') no-repeat -4px -352px;width: 67px;height: 26px; display: inline-block; margin-right: 10px;}
.title-accom-total h3::after{ content: ""; background: url('../images/icon.png') no-repeat -77px -352px;width: 66px;height: 26px; display: inline-block; margin-left: 10px; }
.main-total { position: relative; background: url(../images/bg-all-room.jpg) no-repeat center top ; background-size: cover; padding-top:100px; padding-bottom: 100px; }
.main-total .container { position: relative; z-index: 10; width:85%; max-width: 1600px; }
.main-total .slide-inner .owl-buttons {top: 55%; }
.main-total .customNavigation { position: absolute; top: 35%; width: 100%; }
.main-total .customNavigation .btn{ padding: 0; border:none; }
.main-total .customNavigation .next{ position: absolute; right: 0; }
.list-sup-acc { padding-top: 15px; }
.list-sup-acc li { display: inline-block; padding: 5px 10px;}	
.list-sup-acc li i { font-size: 20px; margin-right: 5px;}	
.list-sup-acc li i::before { font-size: 20px; }	
.list-sup-acc li i.flaticon-bed::before { font-size: 26px; line-height: 26px; vertical-align: -4px; }	
.list-detail-acc { text-align: center; margin-top: 35px; }
.list-detail-acc li { text-align: center; vertical-align: top; display:inline-block; width: 19%; padding-top: 10px; padding-bottom: 10px; }
.list-detail-acc li i{ display:block; margin-bottom: 15px;}
.list-detail-acc li i::before{ font-size: 50px; line-height: 50px;}
.room-lf { background: url('../images/icon.png') no-repeat -10px -140px;width: 76px;height: 207px; display: block;}
.room-ri { background: url('../images/icon.png') no-repeat -90px -140px;width: 76px;height: 207px; display: block;}
/*offer*/
.offers-tab .nav-tabs { text-align:center;}
.offers-tab .nav-tabs>li { float: none; display: inline-block;margin-bottom: 0px; }
.offers-tab .nav-tabs>li>a { background: #fff; color:#313131  }
.offers-tab .nav-tabs>li.active>a, .offers-tab .nav-tabs>li.active>a:focus, .offers-tab .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #68a5db; border: 1px solid #68a5db; border-bottom-color: transparent;}
.img-offer { border:2px solid #fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.img-offer img { border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.offer-inner {}
.offer-inner h2 { font-size: 17px; margin-bottom: 10px; }
.offer-inner h3 { font-size: 20px; color: #313131; }
.list-offer { border-bottom:2px dotted #dbdbdb; padding-top: 40px; padding-bottom: 40px;}
.list-offer:first-child { padding-top: 0; }
.list-offer:last-child { border-bottom:none; padding-bottom: 0; }
.box-price { background: #fff; border:1px solid #dbdbdb;border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 15px 0; margin: 25px 0 15px 0; }
.box-price strong{ font-size: 34px; line-height: 34px; color: #00acf7; font-weight: normal;}
.box-price span{ display: inline-block; line-height: 14px;}
.box-price .btn-offer{ font-size:26px; text-transform: uppercase;display:block; width: 100%; background:#00acf7; color: #fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 20px 0;  line-height: 14px;}
.btn-promotion { border-radius: 5px; background-color: #F6F6F6; height: 65px; margin-top: 20px; margin-bottom: 20px; }
.btn-box-price { font-size: 20px; line-height: 22px; text-align: right; padding-top: 10px; padding-bottom: 10px; }
.btn-box-price span { font-size: 13px;}
.btn-box-price span.night { font-size: 14px; display: block}
.btn-box-booking { display:block; font-size:16px; font-family: 'Marcellus', serif; line-height: 65px; color: #fff; text-align: center; height: 65px; background-color: #c96645; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.btn-box-booking:hover { color: #b88e21;  }
.btn-box-booking2 { display:block; font-size:16px; font-family: 'Marcellus', serif; line-height: 65px; color: #fff; text-align: center; height: 65px; background-color: #c96645; border-radius: 5px; }
.btn-box-booking2:hover { color: #b88e21;  }
.offer-box {}
.offer-box .pad-20{ position: relative; }
.offer-box .offer-box-inner{  min-height: 120px; }
/*dining*/
.dining h3 { margin-top:25px; }
.dining .list-detail li { height:50px; font-size: 12px; }
.dining .list-detail li:first-child { padding-left:0; }
.dining .list-detail li:last-child { padding-right:0; } 
.dinner-inner { text-align: center; background: #2B1802; color:#fff;}
.dinner-inner .pull-right{ float: right !important;}
/*wedding*/
.wedding-content.sec-01 { background:#2a1a07; }
.wedding-content.sec-02 { background:url(../images/bg-wedding-hotel-01.jpg) no-repeat center center; padding-top: 100px; padding-bottom: 100px;}
.wedding-promotion { background:#fff; }
.promotion-wedding-title { padding-top: 25px;}
.promotion-wedding-title .price { font-size: 24px; line-height: 26px; display: block; margin-bottom: 10px; }
.list-wdding {}
.list-wdding li { position: relative; padding-left: 20px; margin-bottom: 5px; }
.list-wdding li::before { content: "\e143";     font-family: 'Glyphicons Halflings'; position: absolute; left: 0; top: 0; }
/*galley*/
.gallery-main { background:url(../images/bg-gallery-main.jpg) fixed no-repeat center top}
.box-gallery { margin:3px 3px 0 3px;}
/*address*/
.address {   margin-top: 30px; margin-bottom:0; }
.address-inner h3 { text-transform: none; font-size:24px !important; line-height:24px; margin-top: 50px; margin-bottom: 15px;}
.address-inner { }
.address li {  margin-bottom: 10px;  }
.address li strong { display: inline-block;}
.address .address-title { float: left; width: 30%; }
.address .address-txt { float: left; width: 70%;}
.img-location { border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: 0px 0px 2px 0px rgba(115,115,115,1); -moz-box-shadow: 0px 0px 2px 0px rgba(115,115,115,1); box-shadow: 0px 0px 2px 0px rgba(115,115,115,1); } 
/*location*/
.location-main { background:url(../images/bg-location-main.jpg) fixed no-repeat center top}
.location { padding-top:115px;}
.slide-msin-location { position: relative;  background: #000; z-index: 11 }
.slide-msin-location .carousel-fade .carousel-inner .item{ opacity:0;  transition-property:opacity}
.slide-msin-location .carousel-fade .carousel-inner .active{ opacity:1}
.slide-msin-location .carousel-fade .carousel-inner .active.left, 
.slide-msin-location .carousel-fade .carousel-inner .active.right{ left:0;  opacity:0;  z-index:1}
.slide-msin-location .carousel-fade .carousel-inner .next.left, 
.slide-msin-location .carousel-fade .carousel-inner .prev.right{ opacity:1}
.slide-msin-location .carousel-control.left{background:none !important}
.slide-msin-location .carousel-control.right{background:none !important}
.slide-msin-location .carousel-fade .carousel-control{ z-index:2;  top:30%;  bottom:30%; width:5%}

@media all and (transform-3d), (-webkit-transform-3d){ .carousel-fade .carousel-inner >.item.next, .carousel-fade .carousel-inner >.item.active.right{ opacity:0;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slide-msin-location .carousel-fade .carousel-inner >.item.prev, 
.slide-msin-location .carousel-fade .carousel-inner >.item.active.left{ opacity:0;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.slide-msin-location .carousel-fade .carousel-inner >.item.next.left, 
.slide-msin-location .carousel-fade .carousel-inner >.item.prev.right, 
.slide-msin-location .carousel-fade .carousel-inner >.item.active{ opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}}
.slide-msin-location .location-iframe{position:relative; min-height: 450px;}
.slide-msin-location .location-iframe .ratio{display:block; width:100%; height:auto}
.slide-msin-location .location-iframe iframe{position:absolute; top:0; left:0; width:100%; height:100%; min-height:400px}
.slide-msin-location .slide-location{}
.slide-msin-location .slide-location .carousel-indicators li{ display:inline-block;  width:auto;  height:auto; color:#fff; padding:7px 15px;  margin:1px 2px;  text-indent:0px;  cursor:pointer;  background-color:#753F00;  border-radius:3px; border:none;}
.slide-msin-location .slide-location .carousel-indicators {font-family: 'Marcellus', serif; text-transform: uppercase; text-align:center; bottom: 60px; width: 80%; left: 10%; margin-left: 0; }
.slide-msin-location .slide-location .carousel-indicators li.active{  background-color:#c96645;  }
.slide-msin-location .slide-location .carousel-indicators li a{color:#fff;}
.wrap-location {}
.wrap-location .header {background-color: rgba(0,0,0,0.90);}
.wrap-location .slide-front:before {display: none;}
.wrap-location .slide-front {padding-top: 115px;}
/*coment*/
.comment { color:#fff; background: rgba(0,0,0,0.88); font-size: 18px; line-height: 22px; }
.sup { font-size: 30px; }
/*contact*/
.title-contact h1 { color:#272727; font-size: 22px; line-height: 22px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #cbcbcb;}
.box-contact { background:#fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom: 15px;  }
.box-contact h3 { background:#0da9ed; color: #fff; font-size:18px; line-height: 18px; padding: 10px 20px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;  border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; }
.box-contact h4 { text-transform:none;}
.box-contact-inner { padding:20px; }
.box-contact-inner label{ font-weight: 100; }
.box-contact-inner .address { margin-top:10px; }
.btn-send { display:inline-block; background:#18aced; color: #fff;  padding:7px 20px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;  }
/*color*/
.mark-primary {  color:#00acf7; }
/*tools*/
.txt-16 { font-size:16px; line-height: 16px; }

.disnone { display:none; }

.bg-theam-01 { color:#333; background:url(../images/bg-theam-01.png) }
.bg-theam-01 header.title{ color:#333;  }
.bg-theam-01 h3{ color:#333;  }

.link {font-family: 'Marcellus', serif; color:#fff; text-transform:uppercase; font-style: italic; display: block;}
.link:hover { color: #ddaa73; }
.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}

.box-info { padding: 25px;}
.box-content { padding-top: 50px; padding-bottom: 50px;}
.box-content-20 { padding-top: 20px; padding-bottom: 20px;}
.banner-right {position:absolute; width:50%; height:100%; right:0; top:0;}
.banner-left {position:absolute; width:50%; height:100%; left:0; top:0;}
.banner{display:table;width:100%;height:100%; position:relative; z-index:2;}
.banner-info{display:table-cell;vertical-align:middle;padding-top:0; text-align:center; padding-left:25px; padding-right:25px;}
.banner-info a { color:#333;}
.title-st-1 { color:#0088c3;}
.title-st-2 { color:#0040a2;}
.title-st-3 { font-size:20px; font-weight:bold;}
.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}.mgt-45{margin-top:45px}.mgt-50{margin-top:50px}
.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}
.mgl-10{margin-left:10px}.mgl-15{margin-left:15px}.mgl-20{margin-left:20px}.mgl-25{margin-left:25px}
.pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}.pad-40{padding:40px}
.pab-40 { padding-bottom:40px; }
.no-padding{padding:0}
.mar-10{margin:10px}
.mar-5{margin:5px}
.list-st-1 {  }
.list-st-1 li { position: relative;float: left; width: 50%; display: block; margin-bottom: 5px; padding-left: 8px; }
.list-st-1 li:before {content: "•"; margin-right: 5px; position: absolute; left: 0; top: 0; }
.list-st-1.full li { float:none; width: 100%; }
.list-st-2 li{ float: left; width: 33.333333%; margin-bottom: 5px; }
.list-st-2 li:before {  color:#da5c2d;  content: "\e084"; font-family: 'Glyphicons Halflings'; margin-right: 5px; vertical-align: -2px;}
.box-st-1 { background:#fff; min-height: 460px; margin-bottom: 20px; }
.box-st-2 { background:#fff; min-height: 400px; margin-bottom: 20px; }
.hr-line-bot { border-top: 2px dotted #ededed; margin-top: 35px; margin-bottom: 35px}
.line-hr-1 { background: url('../images/icon.png') no-repeat -7px -113px; width: 137px; height: 18px; display: inline-block; margin-top: 10px;}
/*icon*/
[class^="ichotel-"],[class*="ichotel-"] {background-image:url(../images/icon.png); background-repeat:no-repeat;display:inline-block;}
.ichotel-bed { background-position: -5px -5px; width: 63px;height: 14px; vertical-align: -3px}
.ichotel-adult { background-position: -84px -3px;width: 39px;height: 15px; vertical-align: -3px}
.ichotel-adultroom { background-position: -7px -29px;width: 21px;height: 22px; vertical-align: -6px}
.ichotel-kingbed { background-position: -42px -30px;width: 30px;height: 23px; vertical-align: -6px}
.ichotel-twinbed { background-position: -82px -30px;width: 20px;height: 23px; vertical-align: -6px}
.ichotel-wifi { background-position: -114px -27px;width: 30px;height: 26px; vertical-align: -6px}
.ichotel-clock { background-position: -8px -59px;width: 17px;height: 19px; vertical-align: -4px; margin-right: 3px;}
.ichotel-table { background-position: -41px -59px;width: 34px;height: 18px; vertical-align: -4px; margin-right: 3px;}
.ichotel-send { background-position: -133px -3px;width: 17px;height: 16px; vertical-align: -2px; margin-right: 3px;}
[class^="iclang-"],[class*="iclang-"] {background-image:url(../images/icon.png); background-repeat:no-repeat;display:inline-block; width: 20px; height: 15px; vertical-align: -2px;}
.iclang-th { background-position: -5px -87px;}
.iclang-de { background-position: -29px -87px;}
.iclang-en { background-position: -53px -87px;}
.iclang-ja { background-position: -77px -87px;}
.iclang-zh { background-position: -101px -87px;}
.iclang-ru { background-position: -125px -87px;}
.iclang-it { background-position: -149px -87px;}
.iclang-sv { background-position: -173px -87px;}

.ic-message { background: url('../images/icon.png') no-repeat -150px -32px;width: 22px;height: 22px; display:inline-block; vertical-align: -4px;}
.ic-booking { background: url('../images/icon.png') no-repeat -186px -29px;width: 22px;height: 22px; display:inline-block; vertical-align: -4px;}
/* btn */

.img-iframe{position:relative; }
.img-iframe .ratio{display:block; width:100%; height:auto}
.img-iframe iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

/*images hover*/
.th { font-family: 'Kanit', sans-serif !important; }
.hover-st-1{ color:#fff;  position:relative;  float:left;  overflow:hidden;  width:100%;  background:#000;  text-align:center}
.hover-st-1 *{ -webkit-box-sizing:padding-box;  box-sizing:padding-box;  -webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out}
.hover-st-1 img{  opacity:0.6;  width:100%}
.hover-st-1 figcaption{ opacity: 0; display:block;  left:5%;  position:absolute; top:33%; padding: 25px;  width: 90%; margin: 0 auto; background: rgba(0,0,0,0.8) ; }
.hover-st-1 h3{ color: #ddaa73; position:absolute; top:45%;  font-size: 20px;   width: 100%; margin: 0 auto;  -webkit-transform:translateY(50%);  transform:translateY(50%);}
.hover-st-1 figcaption::before { content:""; position: absolute;  top: 5px; left: 5px; right: 5px; bottom: 5px; border:1px solid #ddaa73;}	  
.hover-st-1 h2{ margin-bottom: 10px; font-size: 20px; line-height: 22px; color: #ddaa73; left:0;   text-transform:uppercase;    -webkit-transform:translateY(40%);  transform:translateY(40%);}
.hover-st-1 h2 span{ font-weight:800}
.hover-st-1 p{ font-style: italic;z-index: 1;  opacity:0;  font-size:14px;  -webkit-transform:translateY(-20%) scale(0.7);  transform:translateY(-20%) scale(0.7); margin-bottom: 10px;}
.hover-st-1 a{ left:0;  right:0;  top:0;  bottom:0; z-index: 2;  position:absolute}
.hover-st-1:hover figcaption, .hover-st-1.hover figcaption{ opacity:1;}
.hover-st-1:hover img, .hover-st-1.hover img{ opacity:0.4;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
.hover-st-1:hover h2, .hover-st-1.hover h2{ opacity:1;  -webkit-transform:translateY(0px);  transform:translateY(0px)}
.hover-st-1:hover h3, .hover-st-1.hover h3 { opacity:0; }
.hover-st-1:hover p, .hover-st-1.hover p{ opacity:1;  -webkit-transform:translateY(0px) scale(1);  transform:translateY(0px) scale(1)}
.hover-st-1 .room-sup { text-align: center; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;   bottom:18%;  -webkit-transform:translateY(18%);  transform:translateY(18%); }	
.hover-st-1 .room-sup li { display:inline-block; padding: 0 10px; border-right: 1px solid #fff;}	
.hover-st-1 .room-sup li:last-child { border-right:none;}	
.hover-st-1:hover .room-sup {opacity:1;  -webkit-transform:translateY(0px);  transform:translateY(0px) }

.hover-st-2{ font-family:'Raleway',Arial,sans-serif;  color:#fff;  position:relative;  float:left;  overflow:hidden;  width:100%;  background-color:#fff;  color:#fff;  text-align:center}
.hover-st-2::before {  content: ""; display: block;  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.5s ease;  transition:all 0.5s ease}
.hover-st-2 img{ opacity:1;  max-width:100%}
.hover-st-2 figcaption{ position:absolute;  top:50%;  left:0;  width:100%;  padding:0 24%;  -webkit-transform:translateY(-50%);  transform:translateY(-50%)}
.hover-st-2 .boxtheam { width: 100%;color:#000; display: table; background: rgba(255,255,255,0.90); border-radius: 10px; height: 120px;  padding:20px;   }
.hover-st-2 .boxtheam .boxmiddle { display: table-cell; vertical-align: middle; -webkit-transition:all 0.0s ease;  transition:all 0.0s ease}
.hover-st-2 h2, 
.hover-st-2 span{ width:100%; margin:0; }
.hover-st-2 h2{ font-size: 26px; line-height: 26px; font-weight:400;   text-transform:uppercase; margin-bottom: 0px;}
.hover-st-2 p{ margin-bottom: 0px;}
.hover-st-2 span{ color:#e6e6e6;  font-weight:700;  text-transform:uppercase}
.hover-st-2 p{ font-style: italic;}
.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-2:hover h2 {  color:#fff;}
.hover-st-2:hover .boxtheam {  background: rgba(0,172,247,0.90);}
.hover-st-2:hover .boxtheam .boxmiddle { color: #fff; }

.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:14px; font-weight:normal; opacity:0; margin:0}
.hover-st-3:before, .hover-st-3:after{position:absolute; top:10px; right:10px; bottom:10px; left:10px; 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 .flaticon-search:before{ font-size: 40px; line-height: 40px;}
.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-3.hover:before, .hover-st-3:hover:after, .hover-st-3.hover:after{opacity:.8; -webkit-transform:scale(1); transform:scale(1)}

.hover-st-4{ color:#fff;  position:relative;  float:left;  overflow:hidden;  width:100%;  background:#000;  text-align:center}
.hover-st-4 *{ -webkit-box-sizing:padding-box;  box-sizing:padding-box;  -webkit-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out}
.hover-st-4 img{  opacity:1;  width:100%}
.hover-st-4 figcaption{ text-shadow: 0px -1px 5px rgba(150, 150, 150, 1); bottom:0;  display:block;  left:0;  position:absolute;  right:0;  top:0}
.hover-st-4 figcaption:after { content: ""; position:absolute; bottom: 10px; left: 10px; right: 10px; top: 10px;  border:1px solid #fff;}		  
.hover-st-4 h2{ font-size: 16px; line-height: 16px;color:#fff; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;  text-transform:uppercase;  bottom:48%;  -webkit-transform:translateY(33%);  transform:translateY(33%);text-shadow: 0px -1px 5px rgba(150, 150, 150, 1);}
.hover-st-4 h2 span{ font-weight:800}
.hover-st-4 p{ font-style: italic;position:absolute; z-index: 1;  top:0;  left:0;  right:0;  margin:0 auto;  top:60%;  opacity:0;  font-size:14px;  -webkit-transform:translateY(-20%) scale(0.7);  transform:translateY(-20%) scale(0.7);text-shadow: 0px -1px 5px rgba(150, 150, 150, 1);}
.hover-st-4 a{ left:0;  right:0;  top:0;  bottom:0; z-index: 2;  position:absolute}
.hover-st-4:hover img, 
.hover-st-4.hover img{ opacity:0.7;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
.hover-st-4:hover h2, 
.hover-st-4.hover h2{ opacity:1;  -webkit-transform:translateY(0px);  transform:translateY(0px)}
.hover-st-4:hover p, 
.hover-st-4.hover p{ opacity:1;  -webkit-transform:translateY(0px) scale(1);  transform:translateY(0px) scale(1)}
.hover-st-4 .room-sup { text-align: center; left:0;  right:0;  z-index: 1; margin:0 auto;  position:absolute;   bottom:18%;  -webkit-transform:translateY(18%);  transform:translateY(18%); }	
.hover-st-4 .room-sup li { display:inline-block; padding: 0 10px; border-right: 1px solid #fff;}	
.hover-st-4 .room-sup li:last-child { border-right:none;}	
.hover-st-4:hover .room-sup {opacity:1;  -webkit-transform:translateY(0px);  transform:translateY(0px) }


#back-top{width:53px;height:53px;position:fixed;right:15px;bottom:15px;z-index:9999}
#back-top a{width:100%;height:100%;display:block;background:url(../images/ic-total.png) no-repeat #000;background-position:-304px -12px;opacity:.1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#back-top a:hover{opacity:1}

/**/
.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}
.wsmenu-submenu .room-sup {  display: inline-block; }	
.wsmenu-submenu .room-sup span { display:inline-block; padding: 0 15px; border-right: 1px solid #e9e9e9; }	
.wsmenu-submenu .room-sup span:first-child { }	
.wsmenu-submenu .room-sup span:last-child { border-right:none;}	
.wsmenu-submenu .room-sup span i { color:#fff; vertical-align: -2px; }
.wsmenu-submenu .room-sup span i::before { font-size: 18px; line-height: 18px; color:#fff;  }
.wsmenu-submenu .room-sup span .flaticon-rest::before { font-size: 15px; line-height: 15px; vertical-align: 1px; color:#fff; margin-left: 2px;  }
.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; }

/*load*/
#pageloader{width:100%;height:100%;position:fixed;background:url(../images/bg-social.jpg);z-index:999999 !important; color:#fff;}
.loader-item{position:absolute;  width:auto;height:auto;top:18%;left:0%;text-align:center; width: 100%;}
.loader-item img { max-width: 400px; width: 100%; }
.loader-item h2{color:#ccc;margin:0 auto;font-size:1.429em;}
body.royal_loader { background: none; visibility: hidden;}
#royal_preloader{font-family:Arial;font-size:12px;visibility:visible;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999999;-webkit-transition:opacity .2s linear .8s;-moz-transition:opacity .2s linear .8s;-ms-transition:opacity .2s linear .8s;-o-transition:opacity .2s linear .8s;transition:opacity .2s linear .8s; background:url(../images/bg-social.jpg) fixed cover;}
#royal_preloader.complete{opacity:0}
#royal_preloader .background{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;-webkit-transition:background .5s linear;-moz-transition:background .5s linear;-ms-transition:background .5s linear;-o-transition:background .5s linear;transition:background .5s linear}
#royal_preloader.number .name{position:absolute;top:20%;left:0;right:0;text-transform:uppercase;color:#000;text-align:center;opacity:0;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-ms-transition:-ms-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear;-webkit-animation:fly .3s;-moz-animation:fly .3s;-ms-animation:fly .3s;-o-animation:fly .3s;animation:fly .3s}
#royal_preloader.number .percentage{color:#fff;font-family: 'Roboto', sans-serif;font-weight:400;text-align:center;margin:0 0 0 0;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:50% 0;background-size:105px 100px;padding-top:150px;width:100%;position:absolute;font-size:16px;top:40%;left:0%;-webkit-transition:all .3s linear .5s;-moz-transition:all .3s linear .5s;-ms-transition:all .3s linear .5s;-o-transition:all .3s linear .5s;transition:all .3s linear .5s}
#royal_preloader.text .loader{position:absolute;font-family: 'Roboto', sans-serif;font-weight:600;color:#cfa144;text-shadow:0 0 15px rgba(0,0,0,0.3);text-transform:uppercase;top:50%;left:50%;height:40px;line-height:40px;margin-top:-20px;letter-spacing:3px;font-size:18px;white-space:nowrap}
#royal_preloader.text .loader div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.7;filter:alpha(opacity=70);-webkit-transition:left .3s linear;-moz-transition:left .3s linear;-ms-transition:left .3s linear;-o-transition:left .3s linear;transition:left .3s linear}
#royal_preloader.logo .loader{width:105px;height:100px;position:absolute;left:50%;top:50%;margin:-70px 0 0 -20px;overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#royal_preloader.logo .loader div{position:absolute;bottom:0;left:0;right:0;height:100%;opacity:.7;filter:alpha(opacity=70);-webkit-transition:bottom .3s linear;-moz-transition:bottom .3s linear;-ms-transition:bottom .3s linear;-o-transition:bottom .3s linear;transition:bottom .3s linear}
#royal_preloader.logo .percentage{position:absolute;width:80px;height:40px;line-height:40px;top:50%;left:50%;margin:40px 0 0 -40px;color:#fff;text-align:center;font-family:Arial;font-size:12px;font-weight:700}
@-webkit-keyframes fly {
0%{opacity:0;top:50%}
20%{opacity:1;top:40%}
100%{opacity:0;top:20%}
}
@-moz-keyframes fly {
0%{opacity:0;top:50%}
20%{opacity:1;top:40%}
100%{opacity:0;top:20%}
}
@-ms-keyframes fly {
0%{opacity:0;top:50%}
20%{opacity:1;top:40%}
100%{opacity:0;top:20%}
}
@-o-keyframes fly {
0%{opacity:0;top:50%}
20%{opacity:1;top:40%}
100%{opacity:0;top:20%}
}
@keyframes fly {
0%{opacity:0;top:50%}
20%{opacity:1;top:40%}
100%{opacity:0;top:20%}
}