/*-------------------
- Font
-------------------*/


/* zilla-slab-regular - latin : ClasicaSlab */
@font-face {
    font-family: 'ZillaSlab';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/zilla-slab-v11-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/zilla-slab-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/zilla-slab-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/zilla-slab-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/zilla-slab-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/zilla-slab-v11-latin-regular.svg#ZillaSlab') format('svg'); /* Legacy iOS */
  }
  /* zilla-slab-italic - latin : ClasicaSlabItalic */
  @font-face {
    font-family: 'ZillaSlabItalic';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/zilla-slab-v11-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/zilla-slab-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/zilla-slab-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/zilla-slab-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/zilla-slab-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/zilla-slab-v11-latin-italic.svg#ZillaSlab') format('svg'); /* Legacy iOS */
  }
  /* zilla-slab-500 - latin : ClasicaSlabMedium */
  @font-face {
    font-family: 'ZillaSlabSemiMedium';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/zilla-slab-v11-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/zilla-slab-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/zilla-slab-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/zilla-slab-v11-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/zilla-slab-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/zilla-slab-v11-latin-500.svg#ZillaSlab') format('svg'); /* Legacy iOS */
  }
  /* zilla-slab-600 - latin : ClasicaSlabHeavy */
  @font-face {
    font-family: 'ZillaSlabSemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/zilla-slab-v11-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/zilla-slab-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/zilla-slab-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/zilla-slab-v11-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/zilla-slab-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/zilla-slab-v11-latin-600.svg#ZillaSlab') format('svg'); /* Legacy iOS */
  }
  /* zilla-slab-700 - latin : ClasicaSlabBlack */
  @font-face {
    font-family: 'ZillaSlabBold';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/zilla-slab-v11-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/zilla-slab-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/zilla-slab-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/zilla-slab-v11-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/zilla-slab-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/zilla-slab-v11-latin-700.svg#ZillaSlab') format('svg'); /* Legacy iOS */
  }


/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }

/* roboto-700 - latin */
@font-face {
    font-family: 'RobotoBlack';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }

/* montserrat-300 - latin */
@font-face {
    font-family: 'MontserratLight';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-regular - latin */
  @font-face {
    font-family: 'MontserratRegular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600 - latin */
  @font-face {
    font-family: 'MontserratSemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-800 - latin */
  @font-face {
    font-family: 'MontserratExtraBold';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
  }


/*-------------------
- Element
-------------------*/
html,body{height: 100% !important;font-family: 'ZillaSlab';background: #fff;}
body{padding: 0;margin: 0;}
.al-center{text-align:center;}
ul.cleargap{margin: 0;padding: 0;list-style-type: none;}
span.middle{vertical-align: middle;}
a, .transtition, a:after{-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
a:hover, a:focus{color: #cc4b21;}
img{max-width: 100%; height:auto;}
hr{margin: 10px 0;}
p>b, p.bold{font-family: 'ZillaSlabSemiBold';font-style: normal;font-weight: normal;}
.list-auto>ul, .list-auto>ol{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-width: 50%;-moz-column-width: 50%;column-width: 50%;-webkit-column-gap: 4em;-moz-column-gap: 4em;column-gap: 4em;}
.list-auto>ul li, .list-auto>ol li{padding-left: 1em;text-indent: -1em;}
.icon-DD>i{vertical-align: middle;padding: 5px;font-size: 22px;color: #fff;}
.clr{clear: both;}
.row.mid>div[class*='D']{vertical-align: middle;}
.gap-section{padding: 90px 0;}
.gap-section-inside{padding: 60px 0;}
.wedding-sub{padding: 20px 0; border-bottom: 1px solid #000; background:#362f2d; /*background:rgba(255,255,255,0.9);*/}
.wedding-sub a{font-family: 'RobotoBlack'; color:#cc4b21; padding:0 25px; font-size:18px;}
.wedding-sub a.mid{border-left: 1px solid #cc4b21; border-right: 1px solid #cc4b21;}
.wedding-sub.fix{position:fixed; top:135px; display:block; width:100%; z-index:99;}
.wrap-titleline{border-top: 1px solid #e2e2e2;}
.title-line{font-family: 'RobotoBlack';font-size: 30px;color: #534741;display: inline-block;background: #fff;padding: 0 30px;position: relative;top: -23px;}
.btn{display: inline-block;letter-spacing: 1px;}
.btn.btn-book{font-family: 'RobotoBlack';font-size: 18px;color: #fff;background: #ffa500;padding: 20px 30px;line-height: 1;}
.btn.btn-book.no-mg{margin: 0;}
a.btn-theme{font-family: 'MontserratSemiBold';border: 1px solid #363636;color: #363636;}
a:hover.btn-theme, a:focus.btn-theme{color: #fff;border-color: #e04006;background: #e04006;}
a:hover.btn-book, a:focus.btn-book{color: #fff;background: #e04006;}
a.more-detail{font-family: 'ZillaSlabSemiBold';font-size: 14px;color: #0065a4;text-decoration: none;vertical-align: middle;display: inline-block;}
a.more-detail span{vertical-align: middle;}
.i-moredetail{background: #0065a4;border-radius: 50%;width: 18px;height: 18px;display: inline-block;vertical-align: middle;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.i-moredetail:before {border-style: solid;border-width: 1px 1px 0 0;content: '';display: inline-block;height: 7px;position: relative;top: 5px;vertical-align: top;width: 7px;left: 4px;transform: rotate(45deg);color: #fff;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
a:hover.more-detail{color: #cc4b21;}
a:hover.more-detail .i-moredetail{background: #cc4b21;}
.book-btn .i-moredetail{background: #fff;}
.book-btn .i-moredetail:before{color: #cc4b21;left: -1px;}
.slick-prev, .slick-next{margin-top: -19px;}
.slick-prev:before, .slick-next:before{content:"";opacity: 1;}
.slick-prev{background: url(../images/arrow-prev-2.png) no-repeat;width: 20px;height: 38px;left: 3%;}
.slick-next{background: url(../images/arrow-next-2.png) no-repeat;width: 20px;height: 38px;right: 3%;}
.slick-prev:hover, .slick-prev:focus{background: url(../images/arrow-prev-2.png) no-repeat;outline: none;}
.slick-next:hover, .slick-next:focus{background: url(../images/arrow-next-2.png) no-repeat;outline: none;}
.noheight{height: 0;}
.wrap-close-icon{text-align: right;padding: 10px 5px;line-height: 1;}
.close-icon {position: relative;display: inline-block;width: 30px;height: 30px;overflow: hidden;}
.close-icon::before, .close-icon::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #000;}
.close-icon::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close-icon::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.close-icon.thick::before, .close-icon.thick::after {height: 4px;margin-top: -2px;}
form .alert{font-family: 'RobotoBlack';display: none;}
input.has-error, select.has-error{border: 1px solid #a94442;}
.vtop{ vertical-align:top;}
/*-------------------
- Header
-------------------*/
header{background: #fff;padding: 0;position: absolute;z-index: 30;top: 0;left: 0;right: 0;}
header.header-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 10;}
header.header-fixed .logo-head{max-width: 135px;}
header.header-fixed .menu li a{padding: 9px 10px;}
.logo-head{position: absolute;left: 0;top: 0;z-index: 15;}
.logo-head a{display: block;}
/*.logo-menu-fixed{padding-bottom: 20px;margin-bottom: 10px;border-bottom: 1px solid #363636;display: none;}
.logo-menu-fixed img{max-width: 100px;}*/
.wrap-flag{width: 100%;background: #363636;text-align: right;}
.list-flag { visibility:hidden;display: none;}
.list-flag li{display: inline-block;margin: 4px 6px;vertical-align: middle;}
.list-flag li:last-child{margin-right: 0;}
.list-flag li a{width: 24px;height: 24px;background: url(../images/sprite-icon.png) no-repeat;display: block;background-position: 25px 0;}
.list-flag li a.flag-en{background-position: 0 0;}
.list-flag li a.flag-th{background-position: -26px 0;}
.list-flag li a.flag-zh{background-position: -52px 0;}
.list-flag li a.flag-ru{background-position: -78px 0;}
.list-flag li a.flag-ar{background-position: -104px 0;}
.tel-header{color: #fff;text-decoration: none;font-size: 14px;display: inline-block;margin: 7px 0;line-height: 1;}
a:hover.tel-header, a:focus.tel-header{text-decoration: none;}
.tel-header i{margin-right: 3px;font-size: 18px;}
.header-fixed .tel-header{margin: 7px 15px;}
.wrap-menu{text-align: right;}
.menu li{display: inline-block; position:relative; margin-left:10px;}
.menu li a{font-family: 'MontserratRegular';font-size: 12px;color: #000;padding: 28px 8px;display: block;}
.menu>li>a{text-transform: uppercase;}
.menu>li:last-child>a{padding-right: 0;}
.menu li a:hover, .menu li a:focus{color: #cc4b21;text-decoration: none;}
.menu>li>ul{padding: 0;position: absolute;left: 0;background: #fff;display: none;}
.menu>li>ul li a{white-space: nowrap;padding: 15px;}
.menu>li:hover ul{display: block;}
.open-menu{width: 30px;position: relative;padding: 6px 0;border-bottom: 2px solid #e04006;border-top: 2px solid #e04006;display: none;}
.open-menu:before{content:"";height: 2px;width: 30px;background: #e04006;position: absolute;top: 5px;left: 0;}
.wrap-close-icon{display: none;}

.menu li:before{position:absolute; left:-12px; top:50%; margin-top:-12px; width:20px; height:20px; background-size:cover;}
.menu li.home:before{content:url('../images/icon/icon-home.png');}
.menu li.location:before{content:url('../images/icon/icon-location.png');}
.menu li.rooms:before{content:url('../images/icon/icon-rooms.png');}
.menu li.offer:before{content:url('../images/icon/icon-offer.png');}
.menu li.dining:before{content:url('../images/icon/icon-dining.png');}
.menu li.wedding:before{content:url('../images/icon/icon-wedding.png');}
.menu li.meeting:before{content:url('../images/icon/icon-meeting.png');}
.menu li.facilities:before{content:url('../images/icon/icon-facilities.png');}
.menu li.gallery:before{content:url('../images/icon/icon-gallery.png');}
.menu li.contact:before{content:url('../images/icon/icon-contact.png');}
.menu li.christmas:before{content:url('../images/icon/icon-christmas.png');}
.menu li.group-travel:before{content:url('../images/icon/icon-group-travel.png');}
.menu li.corporate:before{content:url('../images/icon/icon-corporate.png');}
.menu li.faq:before{content:url('../images/icon/icon-faq.png');}
/*Select input Style*/
.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative; font-size: 16px;color: #fff;width: 220px;height: 40px;}
.select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #c0392b;padding: 8px 15px;}
.select-styled:after {content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #fff transparent transparent transparent;position: absolute;top: 16px;right: 10px;}
.select-styled:hover {background-color: #b83729;}
.select-styled:active, .select-styled.active {background-color: #ab3326;}
.select-styled:active:after, .select-styled.active:after {top: 9px;border-color: transparent transparent #fff transparent;}
.select-options {display: none;position: absolute;top: 100%; right: 0;left: 0;z-index: 999;margin: 0;padding: 0; list-style: none; background-color: #ab3326;}
.select-options li {  margin: 0;  padding: 12px 0; text-indent: 15px;border-top: 1px solid #962d22;}
.select-options li:hover {color: #c0392b; background: #fff;}
.select-options li[rel="hide"] { display: none;}
.box-newslater input{padding:6px 10px 6px;border: none;border-radius: 3px;color: #000;}
::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }

.select-styled.corp {background-color: #0B6AAA;}
.select-styled.corp:hover {background-color:#7CA9D4;}

.wrap-contact-head li{margin: 7px 0px;display: inline-block;border-right: 1px solid #fff;padding: 0 10px 0 5px;}
.wrap-contact-head li:last-child{border: none;}
.wrap-contact-head a{color: #fff;text-decoration: none;font-size: 14px;display: inline-block;line-height: 1;}
.wrap-contact-head a:hover, .wrap-contact-head a:focus{color: #cc4b21;text-decoration: none;}
.wrap-contact-head i{color: #cc4b21;margin-right: 3px;font-size: 18px;}
/*-------------------
- Footer
-------------------*/
footer{background: #363636;color: #fff;}
.copyright{padding: 15px 0;background: #cc4b21;}
footer .title{font-family: 'RobotoBlack';font-size: 16px;color: #cc4b21;letter-spacing: 1px;}
.gap-footer{padding-top: 30px;padding-bottom: 30px;}
footer a{font-size: 13px;color: #fff;text-decoration: none;}
footer a:hover, footer a:focus{color: #cc4b21;text-decoration: none;}
footer ul li{margin: 0 0 2px 0;}
footer ul i.fa{color: #cc4b21;margin-right: 5px;font-size: 18px;}
footer ul.list-inline i.fa{color: #00bff3;}
footer ul.list-inline li{display: inline-block;margin: 0 3px;padding: 0;}
footer ul.list-inline li a i.fa{-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
footer ul.list-inline li a:hover i.fa, footer ul.list-inline li a:focus i.fa{color: #cc4b21;}
footer .input-group button{font-size: 30px;line-height: 1;padding: 1px 9px 1px 12px;background: #0065a4;border-color: #0065a4;color: #fff;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{margin-left: 0;outline: none;}
footer .input-group button:hover{background: #cc4b21;border-color: #cc4b21;color: #fff;}
.wrap-our-hotel{margin-top: 30px;}
.wrap-our-hotel .title{font-family: 'ZillaSlabSemiBold';font-size: 13px;color: #fff;}
footer hr{border-color: #636363;}
.our-hotel .country, .our-hotel .box_link ul{display: inline-block;vertical-align: top;}
.our-hotel .country{width: 20%;}
.link-ourhotel{width: 78%;}
.compass-logo, .our-hotel{display: block;}
/*.compass-logo{float: right;margin-top: 20px;}*/
.compass-logo{position:absolute; bottom:50px; right:0;}
.footer-fix{position: fixed;bottom: 0;width: 100%;text-align: center;background-color: #cc4b22;z-index: 2;padding: 10px 0;
            transform: translateY(100%);
            transition:all .3s ease-in-out;
            -o-transition:all .3s ease-in-out;
            -moz-transition:all .3s ease-in-out;
            -webkit-transition:all .3s ease-in-out;}
.footer-fix.active{transform: translateY(0%);}
.footer-fix h2{display: inline-block;margin: 0;font-size: 22px;}
.footer-fix .balance{display: inline-table;width: auto;vertical-align: middle;}
.footer-fix .input-group-lg>.form-control,.footer-fix .input-group-lg>.input-group-addon,.footer-fix .input-group-lg>.input-group-btn>.btn{height: 35px;padding: 7px 16px;}
.footer-fix .form-subscribe .input-group-btn button span{font-size: 20px;}
.close-footer-fix{position: absolute;top: 0;right: 0;width: 25px;height: 25px;}
.close-footer-fix i{color: #fff;vertical-align: middle;}
.footer-fix a{color: #0065a4;}
.footer-fix a:hover{color: #fff;}
/*-------------------
- Banner
-------------------*/
.banner-home{height: 100%;}
.full-high{height: 100%;}
.full-high .slick-list,.full-high .slick-track{height: 100%;}
.full-high .item-banner{background-size: cover;position: relative;}
.full-high>div{margin-bottom: 0;}
.banner-home .item-banner:after, .banner-inside .item-banner-inside:after{content:"";background: rgba(0,0,0,0.3);position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.banner-home .item-banner.no-overlay:after, .banner-inside .item-banner-inside.no-overlay:after{display: none;}
.wrap-overlay{background: rgba(0,0,0,0.7);position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.full-high .slick-dots{bottom: 280px;}
.full-high .slick-dots li{width: 50px;height: 3px;margin: 0 3px;  }
.full-high .slick-dots li button{width: 50px;height: 3px;}
.full-high .slick-dots li button:before{content:""; font-family: ""; opacity: 1; width: 50px; height: 3px; background: #fff;}
.full-high .slick-dots li.slick-active button:before{background: #cc4b21;}
.caption-banner{font-family: 'MontserratLight';color: #fff;letter-spacing: 2px;text-align: center;width: 100%;position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);z-index: 2;}
.caption-banner p{font-size: 30px;}
.caption-banner span{font-size: 18px;display: block;margin-bottom: 15px;}
.caption-banner .txt{font-size: 30px;margin-top: 0;}
.caption-banner h2{font-size: 30px;margin-top: 0;}
.caption-banner h3{font-size: 18px;display: block;margin-bottom: 15px;}
.caption-banner a{font-family: 'ZillaSlab';font-size: 12px;color: #c7b299;letter-spacing: 1px;text-decoration: underline;display: inline-block;}
.caption-banner a:hover{color: #cc4b21;}
.sub-title.wed{color:#363636;}

.banner-inside{margin-bottom: 0;}
.banner-inside .slick-list,.banner-inside .slick-track{height: 100%;}
.banner-inside .item-banner-inside{background-size: cover;position: relative;}
.banner-inside .item-banner-inside img{visibility: hidden;width: 100%;}
.banner-inside .caption-banner{top: initial;bottom: 20%;}
.banner-inside .caption-banner.wed{top:50%; bottom:auto;}
.item-banner, .item-banner-inside{background-position: center;}
.banner-inside .caption-banner.oneline{bottom:30%;}
.slide-dining-home{margin-bottom: 0;}
.toph2{margin-top:19px;}
.slide-page .slick-dots{list-style: none;position: absolute;bottom: 20px;margin: 0;padding: 0;width: 100%;text-align: center;}
.slide-page .slick-dots li{display: inline-block;padding: 0 5px;}
.slide-page .slick-dots li button{text-indent: -5000px;border: none;width: 35px;height: 7px;background-color: #fff;font-size: 1px;margin: 0;line-height: 0;}
.slide-page .slick-dots li button:focus{outline: none;}
.full-high.dots2 .slick-dots li button:before{display: none;}
.slide-page .slick-dots li.slick-active button{background-color: #D2B84D;}
.slide-page img{width: 100%}

/*-------------------
- Booking
-------------------*/
.wrap-booking{color: #fff;letter-spacing: 1px;padding-bottom: 10px;text-align: center;}
.wrap-booking #date-in-out{background: rgba(54,47,45,0.8);}
.wrap-booking.booking-home{position: absolute;bottom: 0;left: 0;right: 0;background: #eee8e1;}
.wrap-booking.booking-home #date-in-out{display: inline-block;margin-top: 0px;position: relative;}
.booking-home .booking-engine{/*display: none;*/background: rgba(54,47,45,0.8);overflow: hidden;position: absolute;bottom: 100%;width: 100%}
.wrap-booking.booking-home #date-in-out.active-show{margin-top: -163px;/*margin-top: -190px;*/}
.booking-home #date-in-out.active-show .booking-engine{display: block;}
div#dp-popup{top: initial;bottom: 100%;border:none;margin-left: -150px;}
.check-rate{font-family: 'RobotoBlack';font-size: 18px;color: #fff;display: none;line-height: 1;text-align: left;}
.check-rate span{font-family: 'ZillaSlab';font-size: 12px;color: #c7b299;}
.box3{background: none;min-width: 100px;width: initial ;margin: 15px 10px;position: relative;float: left;overflow: hidden;}
.box3 span{font-family: 'RobotoBlack';font-size: 11px;color: #cc4b21;}
.wrap-date-booking{background: #362f2d;}
.wrap-date-booking .year{display: none;}
.wrap-date-booking .date, .wrap-date-booking .mouth{display: inline-block;text-transform: capitalize !important;border: none !important;vertical-align: middle;}
.wrap-date-booking .date#date-in, .wrap-date-booking .date#date-out,.wrap-date-booking #night-num{font-family: 'ZillaSlabSemiMedium';font-size: 48px;padding: 2px;/*padding: 4px;*/}
.wrap-date-booking .mouth#mouth-in, .wrap-date-booking .mouth#mouth-out{font-family: 'ZillaSlabSemiBold';font-size: 14px;padding: 5px;}
#date-in, #date-out, #night-num{line-height: 1;}
a.dp-choose-date{height: 56px;margin: 0;}
.wrap-promo{margin-bottom: 10px;color: #fff;padding: 0 20px;}
.wrap-promo input{font-family: 'ZillaSlab';font-size: 12px;background: transparent;border: none;width: 100%;text-align: center;letter-spacing: 1px;}
.wrap-discount{font-size: 12px;margin-bottom: 10px;}
.wrap-discount p{margin-bottom: 5px;}
/*.wrap-discount span{font-family: 'RobotoBlack';color: #cc4b21;font-size: 16px;}*/
/*.wrap-discount .text-discount span{font-family: 'RobotoBlack';color: #cc4b21;font-size: 13px;}*/
.wrap-discount a{color: #fff;display: inline-block;text-decoration: underline;}
.wrap-discount a:hover, .wrap-discount a:focus{color: #cc4b21;text-decoration: none;background: transparent;}
.wrap-discount a.no-show{visibility: hidden;}
.book-btn{font-family: 'RobotoBlack';font-size: 24px;color: #fff;background: #ffa500;display: block;width: auto !important;letter-spacing: 2px;padding: 10px 84px;/*padding: 10px 75px;*/}
a.book-btn{text-decoration: none;}
a:hover.book-btn, a:focus.book-btn{color: #fff;}
/*a:hover.book-btn, a:focus.book-btn{color: #fff;background: #e04006;}*/
.wrap-book-withus{font-family: 'MontserratSemiBold';color: #362f2d;margin: 10px 0;}
.wrap-book-withus p{font-size: 18px;}
.list-whybook li{font-size: 13px;color: #cc4b21;display: inline-block;}
.list-whybook li:after{content:"";height: 10px;width: 1px;background: #cc4b21;display: inline-block;margin-left: 20px;margin-right: 20px;}
.list-whybook li:last-child:after{display: none;}
.list-whybook li span{vertical-align: middle;}
.list-whybook li i{background: url(../images/sprite-icon.png) no-repeat;background-position: 25px 0;width: 25px;height: 25px;display: inline-block;vertical-align: middle;}
.list-whybook li i.best-rate{background-position: -1px -34px;}
.list-whybook li i.free-wifi{background-position: -29px -34px;}
.list-whybook li i.benefit{background-position: -57px -34px;}
div.dp-popup{font-size: 21px;}
div.dp-popup h2{font-family: 'ZillaSlabSemiBold';font-size: 18px;background: #363636;}
table.jCalendar th{font-family: 'MontserratRegular';}
.dp-calendar{margin: 0; background: #e5e3d9;}
table.jCalendar td.selected,table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover,table.jCalendar td.selected.dp-hover,table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td,table.jCalendar td.today{font-size: 13px;}
table.jCalendar td{font-size: 13px;padding:0 14px;color: #696969;background: #fff;}
table.jCalendar td.selected{font-family: 'MontserratRegular';background: #cc4b21;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover{background: #f2f1ec;color: #a7a6a1;}
table.jCalendar th{color: #4d4a49;padding: 3px 13px;font-size: 14px;color: #827f7a;}
.booking-fixed{position: fixed;top: 70px;right: 0;left: 0;background: rgba(54,47,45,0.8);padding: 7px 0;text-align: left;z-index: 9;}/*padding: 50px 0 20px;*/
.booking-fixed .wrap-book-withus{display: none;}
.booking-fixed #date-in-out{background: transparent; text-align:left; padding-left:160px;position: relative;}
.booking-fixed .booking-engine{display: inline-block;}
.booking-fixed .box, .booking-fixed .wrap-promo, .booking-fixed .book-btn{display: inline-block;float: none;vertical-align: bottom;margin-bottom: 0;}
.booking-fixed .box{margin: 0 2px;}
.booking-fixed .box.in{margin-left: 10px;}
.booking-fixed .book-btn{padding: 0 30px;margin: 0 2px; font-size:20px;}
.booking-fixed .book-btn>span>span{display: none;}
.booking-fixed .wrap-date-booking{background: #534741;}
.booking-fixed .wrap-promo{margin: 0 2px;padding: 0;}
.booking-fixed .wrap-promo input{height: 32px;/*width: 230px;*/background: #534741;}
.booking-fixed .check-rate{display: inline-block;vertical-align: top; padding-top:10px;}
.booking-fixed .clr{display: none;}
.booking-fixed div#dp-popup{top: 100%;/*left: 15%;margin-left: 0;*/margin-left:-28px;}
.booking-fixed .wrap-discount{position: absolute;top: 0;right: 50px;margin: 0;overflow: hidden;}
/*.booking-fixed .wrap-discount p{display: none;}*/
.booking-fixed .wrap-discount p.active{display: block;}
.booking-fixed .wrap-discount a.no-show{display: none;}
.booking-fixed .wrap-discount a:hover{background: none;}
.stick-booknow{font-family: 'RobotoBlack';font-size: 18px;color: #fff;/*background: rgba(54,47,45,1);*/background:#ffa500;padding: 6px;text-decoration: none;position: fixed;top: 50px;left: 0;right: 0;line-height: 1;text-align: center;z-index: 10;display: none;}
.stick-booknow i{font-size: 16px;}
a.stick-booknow:hover, a.stick-booknow:focus{color: #fff;text-decoration: none;}

.booking-fixed .date#date-in, .booking-fixed .date#date-out, .booking-fixed #night-num{font-size:20px;}
.booking-fixed #night-num{padding-bottom:6px; padding-top:6px;}
.checkline{display:none;}
.item-banner-inside.fiximg{background-size:cover;}
.item-banner-inside.fiximg img{display:none; }
/*-------------------
- Home
-------------------*/
.wrap-title{border-left: 3px solid #cc4b21;padding-left: 20px;line-height: 1;overflow: hidden;position: relative;margin-bottom: 20px;}
.wrap-title .title{position: relative;left: 0;top: 0;bottom: 0;transform: translateX(-105%);}
.wrap-title.active .title{transform: translateX(0%);}
/*.title h1{}*/
.title h1, .title span{font-family: 'RobotoBlack';font-size: 60px;color: #363636;letter-spacing: 3px;margin: 0;text-transform: uppercase;}
.title a{text-decoration: none;}
.wrap-title.theme2 .title span{color: #fff;}
.wrap-title.theme3 .title span{color: #363636;}
.wrap-title.theme3{border-color: #0065a4;}
.sub-title{font-family: 'MontserratLight';font-size: 30px;color: #fff;margin-bottom: 10px;line-height: 1;}
.sub-title.black{color:#000;}
.title-slide{-webkit-transition: all 800ms ease-in-out;-o-transition: all 800ms ease-in-out;-ms-transition: all 800ms ease-in-out;transition: all 800ms ease-in-out;}
.home-content .title>h1{font-size: 35px;letter-spacing: 2px;line-height: 1;}
.home-content .title>h1>span{font-size: 20px;letter-spacing: 1px;display: block;}
.title>span>span{font-size: 20px;}
.title-wedding{position: relative;left: 0;top: 0;bottom: 0;}
.title-wedding span{font-family: 'RobotoBlack';font-size: 60px;color: #363636;letter-spacing: 3px;}
.title-slide-wedding{-webkit-transition: all 800ms ease-in-out;-o-transition: all 800ms ease-in-out;-ms-transition: all 800ms ease-in-out;transition: all 800ms ease-in-out;}
.content{font-size: 18px;}
.home-content h2{font-size: 18px;}
.wrap-list-service{border-left: 1px solid #0065a4;}
.list-service{font-family: 'MontserratSemiBold';font-size: 13px;color: #0065a4;display: inline-block;margin-right: 15px;}
.list-service li{padding: 12px 0;}
.list-service span{display: inline-block;vertical-align: middle;}
.list-service li i{background: url(../images/sprite-icon-1.png) no-repeat;width: 52px;height: 52px;display: inline-block;margin: 0 20px;background-position: -1px -67px;vertical-align: middle;}
.list-service li i.swimming{background-position: -56px -66px;}
.list-service li i.gym{background-position: -111px -66px;}
.list-service li i.imassage{background-position: -166px -66px;}
.list-service li i.shuttle{background-position: -1px -122px;}
.list-service li i.secured{background-position: -56px -122px;}
.list-service li i.tv{background-position: 0px -288px;}
/*.list-service li i.tv{background-position: -111px -122px;}*/
.list-service li i.air{background-position: -166px -122px;}
.list-service li i.child{background-position: -1px -177px;}
.list-service li i.kids{background-position: -56px -177px;}
.list-service li i.dining{background-position: -111px -177px;}
.list-service li i.front{background-position: -166px -177px;}
.list-service li i.fitness{background-position: -1px -232px;}
.list-service li i.meeting{background-position: -56px -232px;}
.list-service li i.wedding{background-position: -111px -232px;}
.list-service li i.roomservice{background-position: -166px -232px;}
.list-service li i.child-{background-position: 51px -177px;}
.list-service li i.dog{background-position: -58px -288px;}
.list-service li i.sea{background-position: -166px -288px;}
.list-service li i.service{background-position: -56px -342px;}
.list-service li i.city{background-position: -1px -342px;}
.wrap-tripreview{font-family: 'MontserratRegular';text-align: center;padding: 30px 0 50px;}
.wrap-tripreview h5{font-family: 'MontserratExtraBold';font-size: 18px;color: #362f2d;font-weight: normal;margin-top: 0;}
.wrap-tripreview a{text-decoration: underline;display: inline-block;}
.wrap-tripreview .read-review{margin-top: 5px;}
.user-review .slick-prev, .user-review .slick-next{margin-top: -30px;}
.user-review .slick-prev:before, .user-review .slick-next:before{content:"";}
.user-review .slick-prev{background: url(../images/arrow-prev.png) no-repeat;width: 32px;height: 60px;left: 10%;}
.user-review .slick-next{background: url(../images/arrow-next.png) no-repeat;width: 32px;height: 60px;right: 10%;}
.item-review{margin: 20px 0 0;}
.item-review .title-review{font-family: 'ZillaSlabItalic';font-size: 21px;color: #0065a4;margin-bottom: 15px;}
.item-review img{display: inline-block;margin-bottom: 5px;}
.item-review p.name{font-size: 14px;color: #362f2d;margin: 0 0;}
.item-review p.location{font-size: 13px;color: #959595;margin: 0;}
.slide-rooms-home{margin: 0;height: 100%;}
.slide-rooms-home .item-banner{height: 100%;}
.detail-list{width: 100%;font-size: 0;margin: 15px 0;}
.detail-list li{width: 50%;display: inline-block;font-size: 14px;margin-bottom: 15px; vertical-align: top;}
.detail-list li span{font-family: 'RobotoBlack';font-size: 12px;color: #898989;letter-spacing: 1px;display: block;}
.meeting-head{font-family: 'RobotoBlack';font-size: 14px;color: #898989;letter-spacing: 1px;}
.more-rooms-home{margin-left: 60px;}
a.more-detail.more-rooms-home{color: #898989;}
.i-moredetail.theme2{background: #898989;}
.i-moredetail.theme2:before{color: #362f2d;}
a:hover.more-detail.more-rooms-home{color: #fff;}
a:hover.more-detail .i-moredetail.theme2{background: #fff;}
.offers-home .sub-title{color: #363636;}
.item-offers{margin-right: 30px;}
.item-offers .date{font-size: 12px;color: #898989;margin: 20px 0 0;}
.item-offers h3{font-family: 'ZillaSlabSemiBold';font-size: 18px;color: #0065a4;margin: 0 0 20px;}
.item-offers .des-offer{font-size: 16px;margin: 0;}
.pic-offers, .overlay-image-container{position: relative;overflow: hidden;}
.pic-offers img{width: 100%;}
.pic-offers a.more-detail, .overlay-image{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(54,47,45,0.8);opacity:0;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.pic-offers a.more-detail .i-moredetail, .overlay-image .i-moredetail{background: #fff;}
.pic-offers a.more-detail .i-moredetail:before, .overlay-image .i-moredetail:before{color: #362f2d;}
.overlay-image span{vertical-align: middle;}
.item-offers .pic-offers:hover .more-detail{opacity: 1;}
.pic-offers .link-more-offer, .overlay-image-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;letter-spacing: 1px;}
.wrap-dining-home{background: url(../images/bg-dining-home.jpg) no-repeat;width: 100%;/*height: 590px;*/height: auto;background-size: cover;position: relative;padding: 40px 0;}
.content-dining-home{margin-top: 60px;}
.dining-home{padding: 10px;background: #fff;}
.detail-dining-home{padding: 10px 40px;color: #000;}
select{font-family: 'ZillaSlabBold';font-size: 12px;color: #cc4b21;}
select.clear-style{border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 3px 20px 3px 3px;background: url(../images/arrow-dropdown.png) no-repeat 96% center;}
.item-detail-dining{display: none;}
.item-detail-dining.active{display: block;}
.title-slide-dining{font-family: 'RobotoBlack';font-size: 36px;margin: 0;}
.subtitle-slide-dining{font-family: 'ZillaSlab';font-size: 24px;margin: 20px 0 0;}
.detail-dining-home hr{border-color: #cc4b21;}
a.more-detail.more-dining-home{color: #363636;}
a.more-detail .i-moredetail.theme3{background: #363636;}
a.more-detail .i-moredetail.theme3:bofore{color: #fff;}
a:hover.more-detail.more-dining-home{color: #cc4b21;}
a:hover.more-detail .i-moredetail.theme3{background: #cc4b21;}
.wrap-social-home{margin-top: 70px;}
.wrap-social-home .title-line{color: #362f2d;}
.subtitle-social{font-family: 'MontserratRegular';font-size: 18px;color: #534741;margin-top: -10px;}
.sub-text { 
    margin-top: 3%;
    margin-left: 5%; 
    font-size: 13px; 
    font-family: 'MontserratSemiBold'; 
    color: #0065a4; 
 }
/*-------------------
- Page Inside
-------------------*/
/*.title-slide-firsthide span{visibility: hidden;}*/
.wrap-popup-gallery a{position: relative;display: block;outline: none;}
.wrap-popup-gallery a img{width: 100%;}
.wrap-popup-gallery a:after{content:"";background: url(../images/hover-image.png) no-repeat center center;height: 100%;width: 100%;background-color: rgba(0,0,0,0.6);;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;opacity: 0;}
.wrap-popup-gallery a:hover:after{opacity: 1;}
.wrap-popup-inside{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.wrap-popup-inside a{background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;display: block;position: absolute;outline: none;z-index: 1;}
.wrap-popup-inside a:first-child{z-index: 8;}
.wrap-popup-inside a img{display: none;}
.wrap-swap-bg{background: #362f2d;}
.gap-wrapinside{padding: 50px;overflow: hidden;}
.gap-wrapinside-more{padding: 90px 50px;overflow: hidden;}
ul.tab-filter{margin-top: 10px;}
.tab-filter li{display: inline-block;margin-right: 0px; margin-bottom:7px;}
.tab-filter li:last-child{margin-right: 0;}
.tab-filter li a{font-family: 'MontserratSemiBold';font-size: 12px;color: rgba(255,255,255,0.3);text-decoration: none;padding: 15px 5px;border: 2px solid rgba(255,255,255,0.3);display: block;letter-spacing: 1px;}
.tab-filter li.active a, .tab-filter li a:hover{color: #fff;border-color: #fff;}
.wrapdetail-filter{margin: 20px 0;width: 70%;line-height: 1.7;color: #fff;position: relative;}
.detail-filter{display: none;min-height: 240px;overflow: hidden;}
.detail-filter.active{display: block;}
.detail-filter h4{font-family: 'RobotoBlack';font-size: 30px;color: #cc4b21;letter-spacing: 1px;}
.detail-filter p{font-size: 14px;color: #fff;}
.detail-filter a.link-normal{color: #fff;}
.detail-filter a:hover.link-normal{text-decoration: underline;}
.detail-filter.spec p{margin-bottom: 0;}
.detail-filter.spec p.head{font-family: 'RobotoBlack';font-size: 12px;letter-spacing: 1px;margin-bottom: 0;clear: both;}
.detail-filter.spec hr{border-style: dashed;width: 60%;clear: both;margin: 20px 0;}
.detail-filter.spec>.row>.D-6{position: relative;margin-bottom: 30px;}
.detail-filter.spec>.row>.D-6:after{content:"";border-bottom: 1px dashed #fff;width: 60%;position: absolute;bottom: -15px;left: 10px;}
.detail-filter.spec>.row>.D-6:nth-child(3):after, .detail-filter.spec>.row>.D-6:nth-child(4):after{display: none;}
.detail-filter.facilities ul li{position: relative;}
.detail-filter.facilities ul li:before{content:"";background: #cc4b21;width: 4px;height: 4px;display: inline-block;margin-right: 10px;border-radius: 50%;vertical-align: middle;}
.container-inside>div:nth-child(even) .wrap-title{border-right: 3px solid #cc4b21;padding-right: 30px;border-left: none;padding-left: 0;}
.container-inside>div:nth-child(even) .wrap-swap-bg{background: #0065a4;text-align: right;}
.container-inside>div:nth-child(even) .wrapdetail-filter{float: right;}
.container-inside>div:nth-child(even) .detail-filter.spec>.row>.D-6:after{left: initial;right: 10px;}
.container-inside>div:nth-child(even) .detail-filter ul li{padding-right: 15px;padding-left: 0;text-indent: 0;position: relative;}
.container-inside>div:nth-child(even) .detail-filter ul li:before{content:"";display: none;}
.container-inside>div:nth-child(even) .detail-filter ul li:after{content:"";background: #cc4b21;width: 4px;height: 4px;display: inline-block;margin-left: 10px;border-radius: 50%;vertical-align: middle;position: absolute;top: 10px;}
.wrap-inside-2{background: #fff;padding: 40px 30px;margin-top: 30px;font-size: 16px;}
.wrap-inside-2 h2{font-family: 'MontserratLight';font-size: 18px;margin-bottom: 0;margin: 0;}
.wrap-inside-2 .title{font-family: 'RobotoBlack';font-size: 36px;margin-bottom: 0;line-height: 1;}
.wrap-inside-2 hr{border-color: #000;margin: 10px 0 20px}
.gaptop-no-banner{margin-top: 120px;}
/*-------------------
- Offers
-------------------*/
.pull-content-top{margin-top: -300px;position: relative;}
.pull-content-top .title h1{color: #fff;}
.wrap-offer-list{padding: 10px;background: #fff;margin-top: 30px;}
div.rate{position: absolute;bottom: 20px;left: 0;padding: 15px;z-index: 5;background: #cc4b21;color: #fff;}
.offer-detail{padding: 20px 10px;color: #000;}
.offer-detail .subtitle{font-family: 'MontserratLight';font-size: 18px;margin-bottom: 0;}
.offer-detail .title{font-family: 'RobotoBlack';font-size: 36px;margin-bottom: 0;line-height: 1;}
.offer-detail hr{border-color: #000;margin: 10px 0;}
.offer-detail .valid-date{font-family: 'MontserratSemiBold';font-size: 14px;color: #0065a4;margin-bottom: 20px;}
.moredetail-offer{font-size: 14px;}
p.rate{font-size: 20px;color: #cc4b21;}
/*a.tab-menu-offer{font-family: 'ZillaSlabSemiBold';color: #362f2d;background: #ebeaea;line-height: 1;padding: 10px 15px;border-radius: 5px;margin-top: 10px;display: inline-block;-webkit-transition: none;-o-transition: none;-ms-transition: none;transition: none;}
a:hover.tab-menu-offer, a:focus.tab-menu-offer{text-decoration: none;}
a.tab-menu-offer .i-moredetail{background: #362f2d;margin-right: 5px;}
a.tab-menu-offer span{vertical-align: middle;}
a.tab-menu-offer.more-terms{color: #cc4b21;float: right;background: #f5dbd3;}
a.tab-menu-offer.more-terms .i-moredetail{background: #cc4b21;}
a.tab-menu-offer.active{padding-bottom: 20px;border-radius: 0;}
a.tab-menu-offer.active .i-moredetail{content:"";-ms-transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.moredetail-offer{display: none;background: #ebeaea;padding: 10px;margin-bottom: 20px;}
.moredetail-offer ul{padding-left: 20px;}
.moredetail-offer ul li{margin-bottom: 5px;}
.moredetail-offer.active{display: block;clear: both;}
.detail-offer-terms{background: #f5dbd3;}
.img-offer img{width: 100%;}*/
a.offer-list-link{text-decoration-color: #000;}
a.offer-list-link{text-decoration: none;}
a:hover.offer-list-link .overlay-image, a:focus.offer-list-link .overlay-image{opacity: 1;}
a:hover.offer-list-link .offer-detail p.subtitle, a:focus.offer-list-link .offer-detail p.subtitle{text-decoration: none}
p.subtitle{text-decoration: none !important;}
.coming-soon{padding: 40px;}
.coming-soon h3{font-size: 30px;}
/*-------------------
- Contact
-------------------*/
.address{max-width: 70%;line-height: 1.5;}
.address p{margin-bottom: 0;}
.address .head{font-family: 'ZillaSlabSemiBold';font-size: 16px;color: #0065a4;}
.address a{text-decoration: none;color: #000;}
.address a:hover, .address a:focus{color: #337ab7;}
.address i{color: #337ab7;}
.wrap-form label{font-family: 'ZillaSlabSemiBold';font-size: 14px;font-weight: normal;width: 100%;}
.wrap-form input, .wrap-form textarea, .wrap-form select{margin-bottom: 20px;max-width: 100%;width: 100%;padding: 10px;}
.btn-submit{font-family: 'RobotoBlack';font-size: 18px;letter-spacing: 2px;text-align: center;background: #0065a4;color: #fff;padding: 18px 20px;}
.btn-submit:hover, .btn-submit:focus{color: #fff;}
.btn-full{width: 100%;}
/*-------------------
- Gallery
-------------------*/
.wrap-gallery{font-size: 0;}
.wrap-gallery>a{width: 25%;display: inline-block;border: 3px solid rgba(255,255,255,0);}
/*-------------------
- Location
-------------------*/
#mapcanvas{height: 80%;}
.nb{background:#f1f1f1; padding:10px; margin-bottom:20px;}
/*-------------------
- Social
-------------------*/
.social{font-family: 'MontserratRegular'; color:#fff;}
.social .pic{width:100%; height:250px; background-size: cover !important; overflow:hidden;}
.social .pic img{width:100%; height:auto;}
.social .logo{padding:20px 0;}
.social .content{width:100%; height:auto; min-height:292px; display:block; padding:0 30px; font-size: 14px; }
.social .content .feed{width:100%; height:150px; padding:0 10px; border-bottom:1px dotted #f1f1f1;}
.social .content .time{width:100%; padding:10px 0; text-align:center; opacity:0.8;}
.social a{color:#fff;}
.social.facebook{}
.social.facebook .content{background:#3b589c;}
.social.facebook .pic{background:url(../images/facebook-default.jpg) no-repeat;}
.social.ig{}
.social.ig .content{background:#517fa3;}
.social.ig .pic{background:url(../images/instagram-default.jpg) no-repeat;}
.social.google{}
.social.google .content{background:#df4006;}
.social.google .pic{background:url(../images/google-default.jpg) no-repeat;}

.modal-content.wed{padding:50px;}
.modal-content.wed input, .modal-content.wed select, .modal-content.wed textarea{width:100%; border:1px solid #ccc; padding:10px;}
.faq-ques{width:100%; padding:10px 10px 10px 30px; background:#fff; cursor:pointer; position:relative; margin-bottom:10px;
          -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
          -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
          box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
}
.faq-ques:before{content:"\f29c";font:normal normal normal 14px/1 FontAwesome;font-size:20px;color:#cc4b21; position:absolute; left:5px; top:12px;}
.faq-ques .ans{padding:15px; background:#fff; margin-top:10px; display:none;}

.faq-ques.active{background:#f1f1f1;}
.fqlink{padding-left:70px;}
.btn.btn-book.print-map{padding:10px;}
.btn.btn-book.print-map i{color:#fff;}
/*-------------------
- Site Map
-------------------*/
.sitemap{font-family: 'MontserratRegular';overflow: hidden;}
.sitemap>ul{margin: 0;width: 50%;float: left;}
.sitemap li{margin: 5px 0;}
/*-------------------
- Config Fancybox
-------------------*/
.fancybox-controls{bottom: 0;}
.fancybox-button--left, .fancybox-button--right{position: absolute;top: 50%;width: 70px;height: 70px;margin-top: -20px;background: transparent;}
button:hover.fancybox-button--left, button:hover.fancybox-button--right{background: transparent;}
.fancybox-button--left{left: 20px;}
.fancybox-button--right{right: 20px;}
.fancybox-button--left:after, .fancybox-button--right:after{top: 15px;width: 40px;height: 40px;}

@media (max-width: 1400px){
    .wrapdetail-filter{width: 100%;}
    .tab-filter li{margin-right: 0px;}
    .tab-filter li a{padding: 10px 5px;}
    .pull-content-top{margin-top: -220px;}
    .wrap-inside-2{margin-top: 10px;}
    .banner-inside{height: 60%;}
}
@media (max-width: 1200px){
    .sub-text { margin-left: 3% !important; }
    h1{font-size: 30px;}
    .menu li{display: inline-block; position:relative; margin-left:2px;}
    .menu li a{font-size: 13px;padding: 28px 5px;}
    .menu li:before{content:"";display: none;}
    .booking-fixed #date-in-out{text-align:right; padding-left:0;}
    .fqlink{padding-left:50px;}
    header.header-fixed .menu li a{font-size: 12px;padding: 9px 9px;}
    .title h1, .title span{font-size: 40px;}
    .title-wedding span{font-size:40px;}
    .wrap-title{padding-left: 10px;}
    .container-inside>div:nth-child(even) .wrap-title{padding-right: 10px;}
    .wrap-list-service{font-size: 0;}
    .list-service li{display: inline-block;}
    .list-service li span{font-size: 13px;}
    .gap-wrapinside, .gap-wrapinside-more{padding: 30px;}
    .sub-title{font-size: 20px;}
    .tab-filter li a{padding: 10px;}
    .detail-filter h4{font-size: 25px;}
    .detail-dining-home{padding: 20px;}
    footer a{font-size: 12px;}
    .wrap-date-booking .date#date-in, .wrap-date-booking .date#date-out, .wrap-date-booking #night-num{font-size: 25px;}
    .booking-fixed{padding-top: 10px;}
    .booking-fixed .wrap-promo input{height: 35px;}
    .booking-fixed .book-btn{padding: 5px 20px;}
    .booking-fixed .box{margin: 0 3px;}
    .book-btn{padding: 10px 55px;}
    /*.wrap-promo{padding: 0 3px;}*/
    .pull-content-top{margin-top: -180px;}
    a.dp-choose-date{height: 33px;}
    .wedding-sub.fix{top:150px;}
    .checkline{display:block; height:1px;}
    .booking-fixed div#dp-popup{top: 100%;/*left: 15%;margin-left: 0;*/margin-left:-135px;}
    .compass-logo{position:absolute; bottom:0px; right:0;}
    /*.wrap-booking.booking-home #date-in-out{margin-top: -166px;}*/
    .wrap-booking.booking-home #date-in-out.active-show{margin-top: -167px;}
    .booking-fixed .wrap-discount{right: 0;top: -5px;}
}
@media (max-width: 992px){
    h1{font-size: 25px;}
    header{position: fixed;top: 0;right: 0;left: 0;height: 50px;background: #363636;line-height: 50px;}
    h2{font-size: 20px;}
    .fqlink{padding-left:0;}
    .menu li:before{left:50%; top:12px; margin-left:-60px;}
    .wrap-inside-2 .title, .offer-detail .title{font-size: 25px;}
    .wrap-inside-2 h2, .offer-detail .subtitle{font-size: 16px;}
    .logo-head{z-index: 12;}
    .logo-head, header.header-fixed .logo-head{max-width: 100px;left: 10px;}
    /*.logo-menu-fixed{display: block;}*/
    .open-menu{display: inline-block;float: right;margin: 17px 20px;}
    .close-menu-fixed{margin: 0 10px 0 0;}
    .wrap-close-icon{display: block;}
    .wrap-flag .container, .wrap-menu .container, header .container{max-width: 100%;}
    .wrap-flag{position: fixed;right: 0;bottom: 0;z-index: 15;display: none;text-align: center;line-height: 35px;}
    .wrap-flag.active{display: block;}
    .list-flag{line-height: 1;}
    .list-flag li a{}
    .list-flag li:last-child{margin: 4px 6px;}
    .wrap-menu{position: fixed;right: 0;top: 0;bottom: 0;left: 0;text-align: center;background: #fff;display: none;z-index: 14;}
    .wrap-menu.active{display: block;}
    .menu li{display: block;}
    .menu li a, header.header-fixed .menu li a{line-height: 1;padding: 15px 15px;border-bottom: 1px solid #363636; }
    .menu>li:first-child>a{border-top: 1px solid #363636;}
    .menu li:last-child a{padding: 10px 15px; padding-top:10px;}
    .menu>li>ul{display: block;position: relative;}
    .menu>li>ul>li>a{padding-left: 7em !important;}
    .menu>li>ul>li>a:before{content:" - ";margin-right: 5px;}
    .menu li:before{display: block;}
    .caption-banner{top: 40%;}
    .banner-inside{height: 50%;margin-top: 79px;}
    .banner-inside.wedding{height: 50%;margin-top: 20px;}
    .banner-inside .caption-banner{top: 50%;bottom: initial;}
    .banner-inside .slick-list, .banner-inside .slick-track{height: 100%;}
    .full-high-banner .slick-dots{bottom: 0px;}
    .auto-height>div{height: auto !important;}
    .gap-section{padding: 50px 0;}
    .title span, .title h1{font-size: 40px;}
    .content{font-size: 16px;}
    .list-service li i{margin: 0 10px;}
    .wrap-tripreview{padding: 30px 0;}
    .slide-rooms-home{height: 600px;}
    .wrap-gallery>a{width: 50%;}
    .slide-offers-home{margin-top: 20px;}
    .gap-footer>.row{padding: 10px;}
    .gap-footer>div>div{margin-bottom: 20px;}
    .copyright{text-align: center;}
    .booking-fixed{top: 50px;}
    .stick-booknow{display: block;}
    .wrap-booking .wrap-book-withus{display: none;}
    .wrap-booking {position: fixed !important;top: -300px;left: 0;right: 0;bottom: initial !important;background: transparent !important;z-index: 9;-webkit-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
    .wrap-booking.booking-inside{top: 78px;transform: translateY(-100%);}
    .wrap-booking.active{/*top: 100px;*/top:80px; transform: translateY(0%);}
    .wrap-booking #date-in-out{/*margin-top: -20px*/ !important;padding: 10px;display: inline-block;}
    .booking-home .booking-engine{display: block; left:0; position:relative;}/*add left:0; position:relative;*/
	.wrap-booking .box3{width: 100%;margin: 5px 0;}/*add class from width 567*/
	.wrap-booking #date-in-out{display: block !important;}/*add class from width 567*/
    .book-btn{font-size: 16px;padding: 10px;}
    div#dp-popup{/*top: 50px;*/position:absolute; top:10px; left:0; width:100% !important; margin-left:0;}
    .wrap-popup-inside{position: relative;height: 500px;}
	.wrap-popup-inside.fiximg{position: relative;height: auto;}
	.item-banner-inside.fiximg img{display:block;}
    .detail-filter{min-height: auto;}
    /*.btn.btn-book{margin-top: 10px;}*/
    .wrap-inside-2{padding: 20px;}
    .offer-detail{padding: 10px;margin-bottom: 20px;}
    .wrapdetail-filter .btn-book{margin-top: 10px;}
    .wedding-sub{padding:0;}
    .wedding-sub.fix{position:relative;}
    .wedding-sub.fix a, .wedding-sub a{width:100%; display:block; padding:10px 0; }
    .wedding-sub.fix a.mid, .wedding-sub a.mid{border-left:none; border-right:none; border-top: 1px solid #cc4b21;    border-bottom: 1px solid #cc4b21;}
    .compass-logo{position:relative; margin-top:30px;}
    .coming-soon h3{font-size: 20px;}
    .gaptop-no-banner{margin-top: 50px;}
}
@media (max-width: 768px){
    h1{font-size: 18px;}
    h2{font-size: 18px;}
    .wrap-inside-2{font-size: 14px;padding: 10px;}
    .wrap-inside-2 .title{font-size: 20px;}
    .wrap-inside-2 h2{font-size: 14px;}
    .wrap-form label{font-size: 11px;}
    /*.logo-head img, .logo-menu-fixed img{max-width: 80px;}*/
    .full-high-banner, .banner-inside{height: 40%;margin-top: 79px;}
    .caption-banner{top: 50%;}
    .caption-banner h2{font-size: 20px;}
    .caption-banner p{font-size: 16px;}
    .caption-banner span{font-size: 10px;}
    .full-high-banner .slick-dots li{width: 30px;}
    .full-high-banner .slick-dots li button{width: 30px;}
    .full-high-banner .slick-dots li button:before{width: 30px;}
    .sub-title{font-size: 16px;}
    .gap-section{padding: 30px 0;}
    .wrap-title{margin-bottom: 10px;}
    .container-inside>div:nth-child(even) .wrap-title{margin-bottom: 10px;}
    .title span, .title h1{font-size: 23px;letter-spacing: 2px;}
    .title-wedding span{font-size: 23px;letter-spacing: 2px;}
    .wedding-sub a{font-size:16px;}
    .content{font-size: 14px;}
    .wrap-list-service{border: none;}
    .list-service{width: 50%;}
    .list-service li{display: block;width: 100%;}
    .title-line{font-size: 22px;top: -17px;padding: 0 10px;}
    .wrap-tripreview{padding: 20px 0;}
    .wrap-tripreview h5{font-size: 16px;}
    .item-review .title-review{font-size: 16px;}
    .user-review .slick-next{width: 30px;height: 40px;background-position: -5px -10px;}
    .user-review .slick-prev{width: 30px;height: 40px;background-position: 0px -10px;}
    .user-review .slick-prev, .user-review .slick-next{margin-top: 0px;}
    .gap-wrapinside, .gap-wrapinside-more{padding: 20px 10px;}
    .detail-filter h4{font-size: 20px;}
    .detail-filter p{font-size: 13px;}
    .btn.btn-book{padding: 10px 15px;font-size: 16px;}
    .tab-filter li{display: block;margin: 0;text-align: center;}
    .slide-rooms-home{height: 300px;}
    .more-rooms-home{margin-left: 10px;}
    .title-slide-dining{font-size: 25px;}
    .subtitle-slide-dining{font-size: 14px;margin-top: 15px;}
    .wrap-gallery>a{width: 50%;}
    .item-offers{margin-right: 0;}
    .content-dining-home{margin-top: 20px;}
    .wrap-dining-home{height: auto;padding-bottom: 10px;}
    .slide-dining-home{margin: 0;}
    .detail-dining-home{padding: 10px;}
    .wrap-social-home{margin-top: 10px;}
    .subtitle-social{font-size: 14px;}
    .gap-footer{padding-bottom: 10px;text-align: center;}
    .gap-footer>div>div{padding-bottom: 10px;border-bottom: 1px solid #636363;}
    .compass-logo-M{border: none !important;padding-bottom: 0;margin: 10px 0 0 !important;}
    footer .title{font-size: 14px;line-height: 1;margin-bottom: 5px;}
    .wrap-our-hotel{display: none;}
    .copyright{font-size: 12px;}
    .gap-section-inside{padding: 20px 0;}
    .wrap-popup-inside{height: 300px;}
	.wrap-popup-inside.fiximg{height: auto;}
    #mapcanvas{height: 60%;margin-top: 79px;}
    .address{max-width: 100%;}
    .address .head{font-size: 14px;}
    .address p{font-size: 12px;}
    .btn-submit{font-size: 16px;padding: 12px 20px;}
    .detail-list li{font-size: 12px;}
    div.rate{padding: 10px;bottom: 10px;}
    p.rate{font-size: 14px;}
    .offer-detail{padding-left: 0;padding-right: 0;}
    .moredetail-offer ul{padding-left: 25px;}
    .btn.btn-book.fix-wed-btn{font-size:13px !important;}
    .sitemap>ul{width: 100%;}
    .home-content .title>h1{font-size: 23px;}
    .home-content .title>h1>span{font-size: 14px;}
    .gaptop-no-banner{margin-top: 90px;}
}
@media (max-width: 568px){
    h2{font-size: 16px;}
    .logo-head, header.header-fixed .logo-head{max-width: 80px;}
    .list-service li i{margin: 0 5px;}
    .list-service li span{font-size: 12px;}
    .sub-title br{display: none;}
    .wrap-booking{top: -260px;}
    .wrap-booking #date-in-out{display: block !important;}
    .wrap-booking .box3{width: 100%;margin: 5px 0;}
    .wrap-promo{margin: 15px 0;}
    .wrap-date-booking .date#date-in, .wrap-date-booking .date#date-out, .wrap-date-booking #night-num{font-size: 16px;}
    .list-auto>ul, .list-auto>ol{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-width: 100%;-moz-column-width: 100%;column-width: 100%;-webkit-column-gap: 1em;-moz-column-gap: 1em;column-gap: 1em;}
    #mapcanvas{height: 50%;}
    .pull-content-top{margin-top: -100px;}
    .moredetail-offer{font-size: 12px;}
    .offer-detail .valid-date{margin-bottom: 10px;}
    a.tab-menu-offer{padding: 5px 10px;font-size: 13px;}
    a.tab-menu-offer.active{padding-bottom: 15px;}
    .i-moredetail{width: 15px;height: 15px;}
    .i-moredetail:before{height: 5px;width: 5px;top: 5px;left: 4px;}
    .btn.btn-book.fix-wed-btn{font-size:12px !important;}
	.wrap-contact-head li{border: none;display: block;}
}

/*.slide-dining-home .item-dining{
    height: 600px;
}*/
.slide-dining-home img{
    min-width: 120%;
}
@media (max-width: 1200px){
    .slide-dining-home img{
        min-width: 180%;
    }
}
@media (max-width: 992px){
    .slide-dining-home img{
        min-width: 250%;
    }
}
@media (max-width: 768px){
    .slide-dining-home img{
        min-width: 100%;
    }
}

/*-----------------------------------------------
- Member page
-------------------------------------------------*/
.checkbox-inline{margin-left: 0px !important}
.room-item{ margin-bottom: 30px;}
.room-item img{width: 100%;}
.room-item h1{margin-top: 0;}
.room-item .detail{background-color: #DDDDDD;padding: 10px;text-align: center;color: #000;height: auto;}

.btn-banefits .form-group{display: inline-flex;}
.btn-banefits .form-group #name{margin-right: 10px;}
.btn-banefits {display: inline-table;
             width: auto;
             vertical-align: middle;}
.btn-banefits .form-control::-webkit-input-placeholder{color:#000;}
.btn-banefits select{color:#000; }
.btn-banefits .form-subscribe .input-group-btn button {background-color: #f90606;border: 0;}
.members-banefits h2{color: #f90c0c;}
.members-banefits h1{font-size: 24px;}
.benefits-body{padding:10px;    background: #fff;border: 1px solid #ccc;}
.benefits-member{padding-left: 0px; padding-right: 0px;}
.benefits-height{height: 250px;border: 1px solid #000;}
/*.body-height{height: 425px;}*/
.banefits-head {color: #fff;text-align: center;}
.btn-banefits .input-group.input-group-lg.form-subscribe{display: flex!important;}
.banefits-subscribe{margin-top: 10px;text-align: center;background-color: #f90606;border: 0;padding: 10px 5px;color: #fff;display: inline-block;/*left: 170px;right: -170px;*/position: relative;width: 200px;font-size: 20px;}
.sub-footer .banefits-subscribe{    padding: 10px 15px;width: auto;font-size: 20px; background: #cc2121;}
.banefits-subscribe a{color: #fff;}

.title-black.subscribe{text-align: center !important;}
.member-body{text-align: center;}
.benefits-body{padding:10px;    background: #fff;border: 1px solid #ccc;}
.form-group.balance-form{margin-top: 20px;}
.D-4.M-12 .form-group.balance-form{margin-top: 0;}
.form-group.balance-form{margin-top: 0px;}
.exclusive-box{ margin-bottom: 50px; }
.textmem-size{font-size: 13px;}
.container-banefits.text span{font-weight: bold; }
ul.icon-gsanook{padding-left: 10px;}
ul.icon-gsanook li{list-style: none;margin:15px 0px;position: relative;padding-left: 40px;}
ul.icon-gsanook li img{position: absolute;left: 0px;}

@media (max-width: 568px) {
.btn-banefits .input-group.input-group-lg.form-subscribe {display: table !important;}
}
@media (max-width: 768px) {
.btn-banefits select{width: 100%;}
}
@media (max-width: 900px){
.container-banefits{margin-left: 0px ; margin-right: 0px;}
}
@media (max-width: 1400px){
   .container-banefits{margin-left: 100px ; margin-right: 50px;}
}
