/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/

@font-face {
    font-family: 'PlantagenetCherokee';
    src: url('fonts/BaskervilleOO-webfont.eot');
    src: url('fonts/BaskervilleOO-webfont.eot') format('embedded-opentype'), url('fonts/BaskervilleOO-webfont.woff2') format('woff2'), url('fonts/BaskervilleOO-webfont.woff') format('woff'), url('fonts/BaskervilleOO-webfont.ttf') format('truetype'), url('fonts/BaskervilleOO-webfont.svg#PlantagenetCherokee') format('svg');
    font-display:swap;
}

@font-face {
    font-family: 'angsau';
    src: url('fonts/angsau.eot');
    src: url('fonts/angsau.eot') format('embedded-opentype'), url('fonts/angsau.woff2') format('woff2'), url('fonts/angsau.woff') format('woff'), url('fonts/angsau.ttf') format('truetype'), url('fonts/angsau.svg#angsau') format('svg');
    font-display:swap;
}

@font-face {
    font-family: 'angsau';
    src: url('fonts/Neutraface2Text-Book.eot');
    src: url('fonts/Neutraface2Text-Book.eot') format('embedded-opentype'), url('fonts/Neutraface2Text-Book.woff') format('woff'), url('fonts/Neutraface2Text-Book.ttf') format('truetype');
    font-display:swap;
}

@font-face {
    font-family: 'angsau';
    src: url('fonts/Neutraface2Text-Light.eot');
    src: url('fonts/Neutraface2Text-Light.eot') format('embedded-opentype'), url('fonts/Neutraface2Text-Light.woff') format('woff'), url('fonts/Neutraface2Text-Light.ttf') format('truetype');
    font-display:swap;
}

@font-face {
    font-family: 'angsau';
    src: url('fonts/Neutra2TextDemi.eot');
    src: url('fonts/Neutra2TextDemi.eot') format('embedded-opentype'), url('fonts/Neutra2TextDemi.woff2') format('woff2'), url('fonts/Neutra2TextDemi.woff') format('woff'), url('fonts/Neutra2TextDemi.ttf') format('truetype'), url('fonts/Neutra2TextDemi.svg#Neutra2TextDemi') format('svg');
    font-display:swap;
}

@font-face {
    font-family: 'MeteoconsRegular';
    src: url('fonts/meteocons-webfont.eot');
    src: url('fonts/meteocons-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/meteocons-webfont.woff') format('woff'), url('fonts/meteocons-webfont.ttf') format('truetype'), url('fonts/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'DBComYardX';
    src: url('fonts/DBComYardX.eot');src: url('fonts/DBComYardX.eot') format('embedded-opentype'),url('fonts/DBComYardX.woff2') format('woff2'),url('fonts/DBComYardX.woff') format('woff'),url('fonts/DBComYardX.ttf') format('truetype'),url('fonts/DBComYardX.svg#DBComYardX') format('svg');
}
@font-face {
    font-family: 'DBComYardXBdIt';
    src: url('fonts/DBComYardXBdIt.eot');src: url('fonts/DBComYardXBdIt.eot') format('embedded-opentype'),url('fonts/DBComYardXBdIt.woff2') format('woff2'),url('fonts/DBComYardXBdIt.woff') format('woff'),url('fonts/DBComYardXBdIt.ttf') format('truetype'),url('fonts/DBComYardXBdIt.svg#DBComYardXBdIt') format('svg');
}
@font-face {
    font-family: 'DBComYardXItalic';
    src: url('fonts/DBComYardXItalic.eot');src: url('fonts/DBComYardXItalic.eot') format('embedded-opentype'),url('fonts/DBComYardXItalic.woff2') format('woff2'),url('fonts/DBComYardXItalic.woff') format('woff'),url('fonts/DBComYardXItalic.ttf') format('truetype'),url('fonts/DBComYardXItalic.svg#DBComYardXItalic') format('svg');
}
@font-face {
    font-family: 'angsauz';
    src: url('fonts/angsauz.eot');src: url('fonts/angsauz.eot') format('embedded-opentype'),url('fonts/angsauz.woff2') format('woff2'),url('fonts/angsauz.woff') format('woff'),url('fonts/angsauz.ttf') format('truetype'),url('fonts/angsauz.svg#angsauz') format('svg');
}
@font-face {
    font-family: 'angsau';
    src: url('fonts/angsau.eot');src: url('fonts/angsau.eot') format('embedded-opentype'),url('fonts/angsau.woff2') format('woff2'),url('fonts/angsau.woff') format('woff'),url('fonts/angsau.ttf') format('truetype'),url('fonts/angsau.svg#angsau') format('svg');
}
@font-face {
    font-family: 'angsaub';
    src: url('fonts/angsaub.eot');src: url('fonts/angsaub.eot') format('embedded-opentype'),url('fonts/angsaub.woff2') format('woff2'),url('fonts/angsaub.woff') format('woff'),url('fonts/angsaub.ttf') format('truetype'),url('fonts/angsaub.svg#angsaub') format('svg');
}
@font-face {
    font-family: 'cordia';
    src: url('fonts/cordia.eot');src: url('fonts/cordia.eot') format('embedded-opentype'),url('fonts/cordia.woff2') format('woff2'),url('fonts/cordia.woff') format('woff'),url('fonts/cordia.ttf') format('truetype'),url('fonts/cordia.svg#cordia') format('svg');
}

/*GREY SCALE
img {
-webkit-filter: grayscale(100%) !important;
filter: grayscale(100%) !important;
}
html {
-webkit-filter: grayscale(100%) !important;
}*/

/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/

html {
    height: 100vh !important;
    margin: 0;
}

body {
    height: 100vh !important;
    font-family: ;
    margin: 0;
    font-size: 25px;
    color: #b19877;
    line-height:normal;
    /*background:#f0f0f0;*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);filter: grayscale(1);}
.fixBodyAccom{height:auto !important; background:#ececec;*/
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

p {}

/****SUBSCRIBE****/
.title_16{
    font-size: 16px;
    font-family: ;
    letter-spacing: normal;
    margin-bottom: 20px;
}
.fromsubscribe .submit {
    background: #b19877;
    padding: 5px 20px;
    color: #fff;
    margin-left: -10px;
}
.fromsubscribe {
    margin: 20px 0;
}

.fromsubscribe input {
    text-align: center;
    border: 1px solid #b19877;
    color: #b19877;
    padding: 3px 20px;
}

.fromsubscribe input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b19877;
    opacity: 1;
    /* Firefox */
}

.fromsubscribe input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b19877;
}

.fromsubscribe input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #b19877;
}
.topGap{padding-top:50px;}
/****SUBSCRIBE****/


img {
    max-width: 100%;
}
.footcovid{font-family: ; color:#b19877;position: absolute; top: 7px; transform: translateX(-50%);z-index: 10;}
}
.btn {
    font-family: ;
}

.al-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

/*.row{ letter-spacing:normal;}*/

.subleveltwo {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    background: #fff;
}
#mapframe{width:100%; height:100%; position:absolute;top:0; left:0;}
.subleveltwo a {
    text-decoration: none!important;
    color: #929191!important;
}

.subleveltwo li.active a {
    text-decoration: underline!important;
    color: #000!important;
}

.gdown {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
}

.navigation2 li a.active_main {
    font-family: ;
    color: #614e42;
}
.right_download_ico{width: 9px !important;; height: 13px !important;; margin: 3px 0px !important;}
/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/

a {
    color: #b19877;
}

a:hover, a:focus, a:active {
    color: #614e42;
}

a.underline {
    text-decoration: underline;
}

.rmbtn {
    margin-left: -56px;
}

.mdbtn {
    margin-left: -65px;
}

.pdfbtn {
    margin-left: -77px;
}

/*--------------------------------------------------------------
- Intro Home
--------------------------------------------------------------*/
.poprespon{width:50%}
.box-intro {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 600px;
    background: #fff;
}

.box-intro.hide {}

.text-intro {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -90px;
    opacity: 0;
}

.text-intro h1 {
    color: #fff;
    line-height: 92px;
    text-shadow: 0 0 10px #000;
    font-size: 40px;
    letter-spacing: normal;
}

.logo-rv {
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -113px;
    z-index: 1;
}

.intro-bar, .bar-nav {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: none;
}

.intro-bar .container, .bar-nav .container {
    position: relative;
}

.intro-nav {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}

.intro-nav .container {
    position: relative;
}

.intro-nav li {
    display: inline-block;
}

.intro-nav li a {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 0px 10px;
    border-left: 1px solid #000;
    line-height: 11px;
}

.intro-nav li:first-child a {
    border: none;
}

.next-section {
    position: absolute;
    display: inline-block;
    left: 50%;
    margin-left: -16px;
    top: 9px;
}

.intro-bar .box-lang {
    position: absolute;
    right: 85px;
    top: 15px;
}

.list-lang {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #b19877;
    position: absolute;
    width: 97px;
    z-index: 11;
    top: 40px;
    right: 0;
}

.list-lang.active {
    display: block;
}

/*.box-lang:hover .list-lang{display: block;}*/

.list-lang li {}

.list-lang li a {
    color: #fff;
    padding: 5px;
    font-size: 12px;
    display: block;
    font-family: tahoma;
    border-bottom: 1px dotted #333;
}

.list-lang li a:hover {
    background: #222;
}

/*--------------------------------------------------------------
- Header
--------------------------------------------------------------*/

.header {
    background: #fff;
    height: 102px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 5px #B8B8B8;
    top: 0;
}

/*.header.show-intro .list-lang{top: 20px;bottom: 0;}*/

.header.show-intro .logo {
    /*top: -32px;*/
}

.header.active, .header.fix {
    display: block;
    position: fixed;
    z-index: 5;
    top: 0;
}

.header .container {
    position: relative;
    height: 70px;
}

.logo {
    position: absolute;
    left: 65px;
    top: 13px;
    z-index: 99;
    max-width:140px;
}

.logo-mob {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -22px;
    display: none;
    z-index: 9;
}

.header .box-lang {
    position: absolute;
    right: 65px;
    top: 25px;
    cursor: pointer;
    color: #b19877;
    /*font-size:15px;*/
}

.box-lang span {
    /*display: none;*/
}

.header .box-lang span {}

.box-lang .fa {
    font-size: 11px;
}

.box-lang .temp {
    padding-right: 10px;
    margin-right: 10px;
    margin-left: 55px;
    border-right: 1px solid #b19877;
    font-family: ;
}

.box-lang .temp.csky:before {
    font-family: 'MeteoconsRegular';
    content: 'B';
    font-size: 16px;
}

.box-lang .temp.fclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'H';
    font-size: 16px;
}

.box-lang .temp.sclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'N';
    font-size: 16px;
}

.box-lang .temp.bclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'Y';
    font-size: 16px;
}

.box-lang .temp.srain:before {
    font-family: 'MeteoconsRegular';
    content: 'R';
    font-size: 16px;
}

.box-lang .temp.rain:before {
    font-family: 'MeteoconsRegular';
    content: 'Q';
}

.box-lang .temp.tstorm:before {
    font-family: 'MeteoconsRegular';
    content: '0';
    font-size: 16px;
}

.box-lang .temp.snow:before {
    font-family: 'MeteoconsRegular';
    content: 'X';
    font-size: 16px;
}

.box-lang .temp.mist:before {
    font-family: 'MeteoconsRegular';
    content: 'Y';
    font-size: 16px;
}

.header-inside {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

.new-res {
    position: absolute;
    bottom: 0;
    right: 10px;
}

/*new HEADER*/

.box-lang2 {
    position: relative;
}

.box-lang2 .fa {
    font-size: 11px;
}

.box-lang2 .temp {
    padding-right: 10px;
    margin-right: 10px;
    margin-left: 0;
    border-right: 1px solid #b19877;
    font-family: ;
}

.box-lang2 .temp.csky:before {
    font-family: 'MeteoconsRegular';
    content: 'B';
    font-size: 16px;
}

.box-lang2 .temp.fclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'H';
    font-size: 16px;
}

.box-lang2 .temp.sclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'N';
    font-size: 16px;
}

.box-lang2 .temp.bclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'Y';
    font-size: 16px;
}

.box-lang2 .temp.srain:before {
    font-family: 'MeteoconsRegular';
    content: 'R';
    font-size: 16px;
}

.box-lang2 .temp.rain:before {
    font-family: 'MeteoconsRegular';
    content: 'Q';
}

.box-lang2 .temp.tstorm:before {
    font-family: 'MeteoconsRegular';
    content: '0';
    font-size: 16px;
}

.box-lang2 .temp.snow:before {
    font-family: 'MeteoconsRegular';
    content: 'X';
    font-size: 16px;
}

.box-lang2 .temp.mist:before {
    font-family: 'MeteoconsRegular';
    content: 'Y';
    font-size: 16px;
}

.box-lang2 .list-lang li {
    width: 100%;
    text-align: center;
}

.box-lang2 .list-lang li a {
    color: #fff;
    padding: 5px;
    font-size: 12px;
    display: block;
    font-family: tahoma;
    border-bottom: 1px dotted #333;
}

.box-lang2 .list-lang li a:hover {
    background: #222;
}

#fullHead .container {
    max-width: 100%;
    padding: 0 60px 0 230px;
}

#fullCONT {
    padding: 30px 0 35px;
}

#fullHead .sub-menu-room .container, #fullCONT .container {
    max-width: 100%;
    padding: 0 60px 0 70px;
}

#fullHead .sub-menu-room .top-room-menu li a {
    padding: 10px 0;
}

#flex {
    display:flex;
    flex-direction: row;
    gap:20px;
    justify-content: center;
}

.navigation2 {
    list-style: none;
    padding: 0;
    margin: 48px 0 0;
    text-align: left;
    padding-left: 0px;
}

.navigation2 li {
    display: inline-block;
    height: 15px;
    vertical-align: middle
}

.navigation2 li.booklist {
    height: auto;
    width: 142px;
    margin-top: -20px;
}

.navigation2 li.box-lang2 {
    width: 200px;
    margin-top: -10px;
}

.navigation2 li.box-lang2 .list-lang {
    /*top:70px; right:60px;*/
    top: 30px;
    left: 0;
}

.navigation2 li.box-lang2 .list-lang li {
    height: auto;
    display: block;
}

.navigation2 li a {
    display: block;
    color: #b19877;
    font-size: 24px;
    padding: 0;
    line-height: 11px;
    font-family: ;
    letter-spacing: 0.8pt;
    vertical-align: middle;
}

.navigation2 li a:hover {
    color: #6b6951;
}

#bookBTN {
    padding: 2px;
    border: 1px solid #b19877;
    display: inline-block;
}

#bookBTN a {
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 15px 25px;
    line-height: 11px;
    font-family: 'cordia';
    background: #614e42;
    letter-spacing: 0.8pt;
}

#bookBTN a:hover {
    background: #614e42;
}

#bookBTN a .togicon {
    display: none;
}

#bookBTN a .togicon.active {
    display: inline-block;
}

#bookBTN.bookmobile {
    display: none;
}
.booknow.shopmobile {
    display: none;
}

@media (max-width: 1600px) {
    .navigation2 li a {
        font-size: 24px;
    }
    .footerlink li a {
        font-size: 20px !important;
    }
    .navigation2 li.box-lang2 {
        font-size: 18px;
    }
    .navigation2 li.box-lang2 {
        width: 160px;
    }
}

@media (max-width: 1400px) {
    #fullHead .container {
        max-width: 100%;
        padding: 0 20px 0 140px;
    }
    #fullHead .sub-menu-room .container, #fullCONT .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .navigation2 li.box-lang2 .list-lang {
        top: 40px;
        right: 20px;
    }
    /*right:70px;*/
    .navigation2 {
        margin-top: 25px;
    }
    .navigation2 li.booklist {
        margin-top: -15px;
        width: 131px;
    }
    #bookBTN a {
        padding: 10px 18px;
    }
    #fullHead .sub-menu-room .top-room-menu li a {
        font-size: 11px;
    }
}

@media (max-width: 1230px) {
    .navigation2 li.booklist {
        display: none;
    }
    .navigation2 li.box-lang2 {
        display: none;
    }
    .navigation2 {
        margin: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .navigation2 li {
        display: block;
        height: auto;
        width: 100%;
    }
    .navigation2 li a {
        color: #b19877;
        padding: 15px 10px;
        text-align: center;
        border-bottom: 1px solid #cacaca !important;
        font-size: 18px;
    }
    .navigation2 li a:hover {
        color: #000;
    }
    #flex {
        display: block;
        justify-content: none;
    }
    #bookBTN.bookmobile {
        display: block;
        width: 131px;
        position: absolute;
        top: 12px;
        right: 15px;
        z-index: 99;
    }
    .booknow.shopmobile {
        display: none !important;
        width: 131px;
        position: absolute;
        top: 12px;
        right: 150px;
        z-index: 99;
    }
    .booknow.shopmobile a {
    padding: 10px 18px;
    }
}

/*new HEADER*/

/*--------------------------------------------------------------
- Layout
--------------------------------------------------------------*/

.content {
    padding: 30px 0 0px;
}

.box-menu-left {
    margin-top: 63px;
}

.box-menu-left h3 {
    margin-top: 0;
    border-bottom: 1px solid #000;
    font-family: ;
    font-size: 18px;
}

.box-menu-left.fac h3 {
    margin-top: 0;
    border-bottom: 1px dotted #ccc;
    font-family: ;
    font-size: 18px;
}

.box-menu-left h3.faclink {
    border: none;
    margin-bottom: 25px;
}

.box-menu-left h3.subhead {
    font-size: 15px;
}

.menu-left {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-left li {}

.menu-left li a {
    color: #a67c52;
}

.menu-left li a:hover, .menu-left li.active a {
    color: #000;
}

.bc {
    margin-bottom: 20px;
    font-family: ;
    font-size: 14px;
    font-style: italic;
}

.bc a {}

.bc span {
    color: #959595;
}

.bookForm {}

.bookForm input {
    width: 100%;
    padding: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    border: none;
    border-bottom: dotted 1px #6b6951;
}

.bookForm .bfitem {
    position: relative;
}

.bookForm .bfitem .date_price {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: green;
}

.btn-primary {
    color: #fff;
    background-color: #6b6951;
    border-color: #6b6951;
}

/*--------------------------------------------------------------
- Navigation
--------------------------------------------------------------*/

.navigation {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
    text-align: left;
    padding-left: 0px;
}

.navigation li {
    display: inline-block;
}

.navigation li a {
    display: block;
    color: #b19877;
    font-size: 14px;
    padding: 0px 15px;
    line-height: 11px;
    font-family: ;
    letter-spacing: 0.8pt;
}

.navigation li a:hover {
    color: #b19877;
}

/*.navigation li.booknow a{display: block;color: #e0961b;font-size: 14px;  padding: 0px 15px;border-left: 1px solid #000;line-height: 11px; font-family:;}
.navigation li.booknow a .togicon{display:none;}
.navigation li.booknow a .togicon.active{display:inline-block;}*/

.navigation li:first-child a {
    border: none;
}

.open-menu, .close-menu {
    display: none;
}

.wrapper-close {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 6;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0;
    left: 230px;
}

.booknow {
    padding: 2px;
    border: 1px solid #b19877;
    display: inline-block;
}

.booknow a {
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 15px 25px;
    line-height: 11px;
    font-family: 'cordia';
    background: #b19877;
    letter-spacing: 0.8pt;
}

.booknow a:hover {
    background: #6b6951;
}

.booknow a .togicon {
    display: none;
}

.booknow a .togicon.active {
    display: inline-block;
}

/*--------------------------------------------------------------
- Banner Slider
--------------------------------------------------------------*/

.banner-full, .slick-list, .slick-track {
    height: 100%;
}

.item-banner {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.fix {
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-#color: #614e42;
}

.banner-full .slick-dots {
    bottom: 65px;
}

.photo-slide {
    position: relative;
    height: 100%;
    width: 100%;
}

.box-banner {
    position: relative;
    height: 100%;
    width: 100%;
}

.ms-view, .ms-slide, .master-slider, .ms-slide-container, .ms-container {
    height: 100% !important;
}

.slide-caption {
    position: absolute;
    top: 39% !important;
    text-align: center;
    width: 100%;
}

.slide-caption h1 {
    color: #fff;
    line-height: 92px;
    text-shadow: 0 0 10px #000;
    font-size: 48px;
}

.photo-slide .ms-skin-default .ms-bullet {
    border-radius: 100%;
    background: #000;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.46);
}

.photo-slide .ms-skin-default .ms-bullet-selected {
    background-color: #fff;
}

.photo-slide .ms-skin-default .ms-bullets.ms-dir-h {
    bottom: 160px;
    width: initial !important;
}

#slide-next, #slide-prev {
    position: absolute;
    z-index: 1;
    top: 67%;
    cursor: pointer;
    margin-top: -125px;
    font-size: 139px;
    color: #fff;
}

#slide-prev {
    left: 80px;
}

#slide-next {
    right: 80px;
}

.icon-scroll-down {
    text-align: center;
    position: absolute;
    z-index: 1;
    color: #fff;
    text-shadow: 0 0 3px #000;
    width: 110px;
    bottom: 105px;
    font-size: 12px;
    font-family: ;
    left: 50%;
    margin-left: -55px;
}

.box-banner-inside {
    /*height: 640px;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    /*margin-top: 70px;*/
    margin-bottom: 0;
}

.box-banner-inside .slick-dots {
    bottom: 10px;
}

.box-banner-inside .slick-list {
    margin-top: 102px;
}

.box-banner-inside.roomfix .slick-list {
    margin-top: 137px;
}

.slider-inside-new {
    height: 100%;
}

/*--------------------------------------------------------------
- Section page
--------------------------------------------------------------*/

.box-section {
    position: relative;
}

.box-section .container {
    position: relative;
}

.full-height {
    height: 100%;
    min-height: 800px;
}

#HOME {
    background: #fff url(../images/home.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    /*margin-top: -117px;*/
}

/*--------------------------------------------------------------
- Booking
--------------------------------------------------------------*/

.box-booking {
    position: fixed;
    width: 320px;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    z-index: 99;
    right: 270px;
    /*margin-right: -590px;*/
    -webkit-transform: translateY(-750px);
    -ms-transform: translateY(-750px);
    transform: translateY(-750px);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    top:0;
}

/*top:80px;*/

.box-booking.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index:9999;
}

.box-booking.idx.active {
    -webkit-transform: translateY(102px) !important;
    -ms-transform: translateY(102px) !important;
    transform: translateY(0px) !important;
}

.box-booking.tsb.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

#bookHome .box-booking {
    position: absolute;
    vertical-align: middle;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.mobcontrol {
    display: none;
}

.box-booking.nav-open {
    z-index: 2;
}

.box-booking.no-active {
    opacity: 0.7;
}

.box-booking h2 {
    font-family: ;
    font-size: 18px;
    border-bottom: 1px solid #ECECEC;
    display: inline-block;
    padding-bottom: 10px;
    margin-top: 5px;
}

.box-champagne h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.box-champagne h4 {
    font-family: ;
    font-size: 14px;
    font-style: italic;
}

.box-champagne p {
    font-size: 20px;
}

.box-champagne img {
    width: 100%;
}

.box-champagne.bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ffffff+100 */
    background: #ececec;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
    padding: 20px 10px;
    /* IE6-8 */
}

.box-booking h5 {
    color: 898989;
}

.box-booking div#dp-popup {
    top: 150px;
    left: 50%;
    margin-left: -125px;
}

table.jCalendar {
    width: 100%;
}

.readmore {
    color: #b19877;
    font-size: 12px;
    text-decoration: underline;
}

.readmore:hover {
    text-decoration: underline;
}

.box-booking .toggle-booking.active {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 20px 20px 217px 289px;
}

.box-booking .toggle-booking {
    display: none;
}

.cp-contact {
    margin: 5px 0;
    color: #b19877;
}

.cp-contact a {
    color: #b19877;
}

.in-date, .out-date, .night {
    display: inline-block;
    font-family: 'cordia';
    width: 147px;
    position: relative;
    font-size: 20px;
    margin-bottom: 5px;
}

.in-date input, .out-date input {
    -webkit-text-fill-color: #b19877;
    -webkit-opacity: 1;
    background-color: #ececec;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: none;
    border-bottom: none;
    padding: 6px 10px;
    display: block;
    width: 100%;
    text-align: center;
}

.box-booking a.dp-choose-date:after {
    content: '';
    position: absolute;
    height: 15px;
    background: rgba(255, 0, 0, 0) url(../images/calen.png) 0 0 no-repeat;
    right: 5px;
    top: 43px;
    z-index: 3;
    width: 15px;
}

.night {
    background-color: #ececec;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: none;
    border-bottom: none;
    padding: 5px 10px;
    text-transform: uppercase;
    vertical-align: top;
}

.night input {
    border: none;
    background: none;
    width: 20px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 0px;
}

.nighttext {
    display: inline-block;
    vertical-align: middle;
}

#reservBut, .btn-book-now, #reservButIDX {
    border: 2px solid #fff;
    background-color: #b19877;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    font-family: ;
    font-size: 16px;
    margin-top: 5px;
}

#reservBut:hover, .btn-book-now:hover, #reservButIDX:hover {
    color: #DBA219;
    cursor: pointer;
}

.box-amen {
    font-family: ;
    font-size: 10px;
    color: #b19877;
    margin: 10px 0 3px;
}

.box-amen a {
    color: #b19877;
    font-size: 10px;
}

.selecter.custom {
    outline: none !important;
    max-width: 100%;
    display: inline-block;
    font-family: 'cordia';
    font-size: 20px;
    vertical-align: top;
    margin: 0 0 5px;
    height: 28px;
}

.selecter.custom .selecter-selected {
    border-radius: 0;
}

.selecter.custom .selecter-options {
    border: none;
}

.selecter.custom .selecter-item {
    padding: 5px 20px;
    background-color: #ECECEC;
}

.selecter.custom .selecter-item:hover {
    background: #fff;
    color: #000;
}

.selecter.custom .selecter-item:last-child {
    margin: 0;
}

.selecter.custom .selecter-item.selected {
    background-#color: #614e42333;
    border-bottom: none;
    color: #fff;
    font-weight: normal;
}

.selecter.custom .selecter-selected {
    background-color: #ececec;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: none;
    border-bottom: none;
    padding: 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    width: 148px;
    position: relative;
    font-size: 20px;
}

.selecter.custom .selecter-selected:after {
    position: absolute;
    top: 5px;
    right: 8px;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    content: "\f0dc";
    border: none;
    color: #414042;
}

.select-room .selecter.custom .selecter-selected {
    background-color: #ececec;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: none;
    border-bottom: none;
    padding: 5px 10px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    position: relative;
    font-size: 20px;
}

.select-room .selecter.custom {
    display: block;
}

.book-fix {
    display: none !important;
}

.booking-inside {
    padding: 6px 0 0px;
    border-bottom: 1px solid #000;
    position: fixed;
    height: 47px;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    z-index: 5;
    box-shadow: 0 0 5px #8E8E8E;
}

.booking-inside a.dp-choose-date:after {
    content: '';
    position: absolute;
    height: 15px;
    background: rgba(255, 0, 0, 0) url(../images/calen.png) 0 0 no-repeat;
    right: 5px;
    top: 10px;
    z-index: 3;
    width: 15px;
}

.booking-inside div#dp-popup {
    width: 361px !important;
    margin-left: 0;
    left: 0;
    bottom: 0;
}

.booking-inside .tt {
    display: none;
}

.booking-inside .in-date input, .booking-inside .out-date input {
    text-align: left;
}

.booking-inside .selecter.custom .selecter-selected {
    width: 100px;
}

.booking-inside #date-in-out {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 4px;
}

.booking-inside #date-in-out span {
    font-family: ;
    font-size: 12px;
    margin-left: 10px;
}

.booking-inside .night, .booking-inside .selecter.custom {
    vertical-align: middle;
    width: 100px;
}

.booking-inside .select-room {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}

.booking-inside .in-date, .booking-inside .out-date, .booking-inside .night {
    width: 100px;
}

.booking-inside #reservBut {
    border: none;
    padding: 4px 20px;
    margin: 0 0 5px;
    vertical-align: middle;
    font-size: 14px;
}

.booking-inside .head-logo {
    width: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.booking-inside h2 {
    font-size: 16px;
    font-family: ;
    display: inline-block;
    border-right: 1px solid #eee;
    padding-right: 10px;
    margin: 0;
    color: #000000;
}

.booking-inside .book-inside-area {
    display: inline-block;
}

.insidebook {
    display: none;
}

.box-champ-slide {
    max-height: 255px;
    margin-bottom: 22px;
}

.box-champ-slide .box-champagne {
    cursor: pointer;
}

.box-champ-slide .box-champagne h3 {
    font-family: 'cordia';
}

.box-champ-slide .slick-dots {
    bottom: -30px;
}

/*--------------------------------------------------------------
- Section Experience Home
--------------------------------------------------------------*/

.blog-exp {
    background: #f0f0f0;
    min-height: 500px;
    text-align: center;
    #color: #614e42;
}

.blog-exp h3 {
    font-family: ;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: normal;
    color: #b19877;
}

.blog-exp img {
    width: 100%;
}

.detail-exp {
    padding: 10px 20px;
    /*font-family:'PSLPaksinAD'; letter-spacing:0.8pt; font-size:18px;*/
    color: #b19877;
    min-height:340px;
}

/*--------------------------------------------------------------
- Section Room
--------------------------------------------------------------*/

.box-welcome-slider {
    max-width: 400px;
}

.box-video-welcome {
    border-left: 1px solid #ccc;
    padding: 0 0 20px 20px;
}

.box-video-welcome h3 {
    margin-top: 0;
}

.slider-1 img, .box-welcome-slider img {
    width: 100%;
    height: auto;
}

#ROOM {
    background-color: #f0f0f0;
}

.room-intro {
    padding-bottom: 30px;
    padding-top: 0px;
}

.hightlight.room-section-detail {
    padding: 110px 0;
}

.room {
    background-color: #fff;
    padding: 50px 0;
}

.room h1 {
    font-size: 26px;
}

.title h1 {
    font-size: 40px;
    margin-top: 0;
    font-family: ;
    color: #b19877;
    letter-spacing: 1pt;
}

/*font-size: 36px;*/

.title-1 {}

.title-1 img {
    display: inline-block;
    vertical-align: middle;
}

.title-1 h1 {
    display: inline-block;
    font-size: 40px;
    vertical-align: middle;
    padding: 0 10px;
    font-family: ;
    text-transform: uppercase;
    letter-spacing: normal;
    color: #b19877;
}

.room-fav {
    position: relative;
    overflow: hidden;
    background-color: #2D2920;
}

.room-fav img {
    width: 100%;
}

.room-fav .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding: 5px 15px;
}

.room-fav .caption img {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.room-fav:hover .caption {
    display: none;
}

.room-fav .detail {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(54, 47, 45, 0.8);
    color: #fff;
    padding: 15px;
    opacity: 0;
}

.room-fav .detail h3 {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.room-fav .detail p {
    color: #c7b299;
    font-size: 13px;
}

.room-fav:hover .detail {
    opacity: 1;
}

.list-room {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.list-room li {
    background: transparent url(../images/list-room.png) left 7px no-repeat;
    width: 50%;
    float: left;
    padding-left: 18px;
}

.all-rooms {}

.all-rooms h3 {
    font-size: 14px;
    color: #362f2d;
}

.all-rooms img {
    width: 100%;
}

.all-rooms .item-img {
    display: block;
    height: 211px;
    position: relative;
    overflow: hidden;
}

.all-rooms .item-img .img {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    letter-spacing: normal;
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    background-position: center;
}

.all-rooms .item-img:hover .img {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}

.all-rooms .item-img a {
    border: 5px solid transparent;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.61);
    color: #fff;
    font-size: 14px;
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
}

.all-rooms .item-img a:hover {
    opacity: 1;
}

.all-rooms .item-img em {
    display: table-cell;
    vertical-align: middle;
}

.slider-room {
    margin: 0;
}

.slider-room img {
    width: 100%;
}

.slider-room .slick-prev:before, .slider-room .slick-next:before {
    font-size: 30px;
}

.slider-room .slick-prev {
    left: 5px;
    width: 30px;
    height: 30px;
}

.slider-room .slick-next {
    right: 5px;
    width: 30px;
    height: 30px;
}

.slider-room-new, .slider-dining-new {
    margin: 0;
}

.slider-room-new img, .slider-dining-new img {
    width: 100%;
    height: auto;
}

.slider-offer-new {
    margin: 0;
}

.slider-offer-new img {
    width: auto;
    height: 100%;
}

.slider-room-new .slick-prev:before, .slider-room .slick-next:before {
    font-size: 30px;
}

.slider-room-new .slick-prev {
    left: 5px;
    width: 30px;
    height: 30px;
}

.slider-room-new .slick-next {
    right: 5px;
    width: 30px;
    height: 30px;
}

.box-room-thumb {
    padding: 2px 50px;
    background-color: #f0f0f0;
    position: relative;
}

.box-room-thumb .prev, .box-room-thumb .next {
    position: absolute;
    padding: 0px 17px;
    font-size: 42px;
    color: #ABAAAA;
    cursor: pointer;
    line-height: 0;
    top: 50%;
    margin-top: -22px;
}

.box-room-thumb .prev {
    left: 0;
}

.box-room-thumb .next {
    right: 0;
}

.room-thumb {
    margin: 0;
}

.room-thumb img {
    width: 100%;
    padding: 2px;
}

.room-thumb .slick-slide {
    opacity: 0.5;
}

.room-thumb .slick-slide.slick-center {
    opacity: 1;
}

.neutra2-text-bold {}

.neutra2-text-bold strong, .neutra2-text-bold h3 {
    font-family: ;
    font-size: 30px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
- Section Hightlight
--------------------------------------------------------------*/

.hightlight {
    min-height: 720px;
    padding: 40px 0;
    background: #ececec;
}

/*#b7b7b7*/

.hightlight h1 {
    color: #b19877;
    font-family: ;
    letter-spacing: normal;
    text-transform: uppercase;
    font-weight: normal;
}

.item-hl {
    min-height: 620px;
}

.item-hl img {
    width: 100%;
    height: auto;
}

.item-hl .detail {
    text-align: center;
    background-color: #fff;
    padding: 20px 20px 80px;
    /*font-size: 18px;min-height: 250px;*/
    position: relative;
    color: #b19877;
}

.item-hl .detail h3 {
    font-size: 30px;
    font-family: ;
    letter-spacing: normal;
    margin-bottom: 20px;
}

.item-hl .detail h3 a {
    color: #b19877;
}

.item-hl .detail h3 .number {
    font-size: 20px;
}

.item-hl .detail h4 {
    font-family: ;
    font-size: 20px;
}

.item-hl .detail>a {
    font-family: ;
    color: #b19877;
    display: inline-block;
    /*padding: 10px 30px;border: 2px solid #6B6B6B;*/
    font-size: 22px;
    margin-top: 10px;
    position: absolute;
    right: 50%;
    /*margin-left: -72px;*/
    margin-left: -72px;
    bottom: 40px;
    letter-spacing: normal;
    transform: translate(50%);
}

a.newbut:before {
    content: "";
    position: absolute;
    right: 50%;
    margin-left: -33px;
    bottom: -10px;
    height: 1px;
    width: 50%;
    /* or 100px */
    border-bottom: 1px solid #cccccc;
    transform: translate(50%);
}

button.newbut:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -22px;
    bottom: -10px;
    height: 1px;
    width: 50%;
    /* or 100px */
    border-bottom: 1px solid #cccccc;
}

.rmbtn-rework {
    font-family: ;
    color: #6b6951;
    display: inline-block;
    position: absolute;
    right: 50%;
    margin-top: 10px;
    margin-left: -72px;
    bottom: 40px;
    letter-spacing: normal;
    transform: translate(50%);
}

.item-hl .detail a:hover {
    color: #6b6951;
}

/*--------------------------------------------------------------
- Footer bar home
--------------------------------------------------------------*/

.map-index {
    width: 100%;
    height: 600px;
}

.map-content .content {
    padding-top: 0;
    color: #b19877;
    padding-bottom: 30px;
}

.map-content .content a {
    font-family: ;
    color: #b19877;
    letter-spacing: normal;
    color: #b19877;
    position: relative;
    /*position:absolute; margin-left:-58px; right: 50%; transform: translate(50%);*/
}

.map-content .subhead {    
    font-family: ;
    color: #b19877;
    letter-spacing: normal;
}

.footer-bar {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px #8E8E8E;
    z-index: 4;
    padding: 0;
    height: 35px;
}

.footer-inside {
    height: 35px;
    text-align: center;
}

.footcont {
    color: #555555;
    width: 100%;
    padding: 40px 0 70px;
}

.footcont a {
    color: #555555;
}

.footcont .cc {
    color: #d7d5d5;
    font-size: 12px;
}

.footcont .cc a {
    color: #d7d5d5;
}

/*.footer-inside .footer-bar{position: relative;z-index: 1;text-align: center;}*/

.footer-inside .footer-bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    text-align: center;
}

.footer-bar.active {}

.footer-bar .container {
    position: relative;
    text-align: right;
    max-width: 100%;
    padding-right: 65px;
}

.footer-bar .next-section {
    display: none;
    top: -2px;
}

.footer-inside .book-now-intro {
    display: none;
}

.footer-inside .footer-bar .box-social {
    position: relative;
    display: inline-block;
    right: 0;
}

.book-now-intro {
    position: absolute;
    right: 50%;
    margin-right: -99px;
    top: -2px;
    background-color: #b19877;
    color: #fff;
    display: inline-block;
    padding: 10px 58px;
    font-family: ;
}

.book-now-intro:hover, .book-now-intro:focus {
    color: #fff;
}

.next-section.active+.next-section {
    display: inline-block;
}

.next-section.last {
    transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
}

/*.footer-bar .next-section.next-active{display: inline-block;}*/

.footer-bar .box-social {
    position: absolute;
    right: 10px;
    top: 5px;
}

.footer-bar img {
    margin: 0 10px;
}

.box-social a {
    color: #b19877;
    font-size: 20px;
    display: inline-block;
    padding: 0 9px;
}

.box-social a:hover, .box-social a:focus {
    color: #6b6951;
}

.copyright {
    background-color: #362f2d;
    text-align: center;
    padding: 20px 0 20px;
    color: #fff;
    font-family: ;
}

/*padding: 20px 0 67px;*/

.copyright .row {
    letter-spacing: normal;
}

.our-hotel {
    font-size: 13px;
    font-family: ;
}

.our-hotel a {}

.our-hotel span.link-normal {
    font-family: ;
    color: #483f3c;
}

.our-hotel span.link-normal a {
    color: #483f3c;
}

.backtop {
    display: none;
    color: #fff;
    background: #b19877;
    font-size: 30px;
    position: fixed;
    padding: 0px 12px;
    bottom: 47px;
    right: 0;
    z-index: 2;
    border-radius: 50%;
}

.backtop i {
    color: #fff;
}

.footerlink {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
    text-align: center;
    position: absolute;
    left: 65px;
    top: 5px;
    z-index: 9;
}

.footerlink li {
    display: inline-block;
}

.footerlink li a {
    display: block;
    color: #b19877;
    
    padding: 0px 7px;
    border-left: 1px solid #fff;
    line-height: normal;
    font-family: ;
    letter-spacing: normal;
}

.footerlink li a:hover {
    color: #605E47;
}

.footerlink li:first-child a {
    border: none;
}

.sis {
    text-align: left;
}

.sis img {
    margin: 0 10px;
}

.spamenu .fa {
    padding: 0 10px;
}

.tabtoggle {
    width: 100%;
    padding: 10px;
    background: #362f2d;
    margin-bottom: 1px;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.tabtoggle p {
    margin: 0;
}

.tabtoggle p:after {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f055";
    position: absolute;
    right: 10px;
    top: 10px;
}

.tabtoggle.active p:after {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f056";
    position: absolute;
    right: 10px;
    top: 10px;
}

.subtab {
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    display: none;
    margin-bottom: 1px;
}

a.subFac {
    width: 100%;
    padding: 10px 0;
    display: block;
    width: 100%;
    position: relative;
    border-bottom: dotted 1px #ccc;
    font-family: 
}

a.subFac:hover {
    color: #000;
}

a.subFac .fa {
    position: absolute;
    right: 10px;
    top: 10px;
}

.wedding img {
    max-width: 100%;
}

.wed-detail {
    margin: 0;
}

.wed-title {
    position: relative;
}

.wed-title .price {
    color: #a67c52;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    font-family: ;
}

.wedding hr, .widgdining hr, .widgwedding hr {
    width: 96%;
    margin: 15px 2%;
    height: 20px;
    background: url(../images/border-booking-full.png) no-repeat center center;
    display: block;
    border: none;
}

.right-dining hr {
    background: none;
    height: auto;
    border-bottom: 1px solid #a1a1a1;
    margin: 20px auto;
    width: 50%;
}

.right-dining hr.last {
    width: 40px;
}

.wed-remark {
    background: #f0f0f0;
    padding: 10px;
}

.submit {
    margin-top: 0 !important;
}

.tel {
    font-family: ;
}

.map-contact {
    width: 100%;
    height: 640px;
    background: #f1f1f1;
}

.award-box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    font-size: 16px;
}

.award-box .bold {
    text-transform: uppercase;
    font-size: 14px;
    color: #b19877;
}

.tbh {
    padding: 5px;
    background: #f1f1f1;
    border-right: 1px solid #fff;
}

.alct {
    text-align: center;
}

.pdate {
    padding: 10px;
    border-right: 1px solid #fff;
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
}

.plink {
    padding: 10px;
    background: #f3f3f3;
    border-bottom: 1px solid #fff;
}

.plink a {
    display: block;
    width: 100%;
    height: 100%;
}

.press .item {
    margin-bottom: 10px;
}

.spa h3, .activities h3, .wedding h3, .wedding h4, .widgdining h3, .dab h3, .spamenu h3 {
    font-family: ;
    font-size: 14px;
}

.widgwedding h4, .widgdining h4 {
    font-family: inherit;
}

.widgwedding h3, .widgwedding a {
    font-family: ;
}

.widgwedding a {
    display: block;
}

.widgwedding a.load_pdf {
    margin: -7px 0px;
    display: block;
}

.widgwedding a:hover {
    color: #614e42;
}

a.wedding_video {
    margin-bottom: 15px;
    width: 230px;
}

.widgwedding p {
    margin-bottom: 3px;
    font-size: 14px;
}

.offer-content h4 {
    font-family: ;
    font-size: 15px;
    text-transform: uppercase;
}

.offer-price {
    background: #ececec;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ececec 0%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=0);
    padding: 20px 30px;
}

.offer-price span {
    font-family: ;
    color: #b19877;
}

.offer-price .price {
    font-family: ;
    font-size: 18px;
    color: #C49052;
}

.offer-price hr {
    border-bottom: 1px dotted #D6D6D6;
}

.img-offer img {
    width: 100%;
}

.fix-laptop.hide {
    display: none;
}

/*.champ{position:absolute; right:0; top:200px; background:#fff; padding:10px; width:320px;}*/

.close-book-mob {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    font-size: 16px;
    font-family: ;
}

textarea.form-control.contact-m {
    height: 300px;
}

.item-hl.champ {
    min-height: auto;
    margin-top: 150px;
}

.item-hl.champ .detail {
    padding: 40px;
    min-height: auto;
}

.close-menu-desk {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    padding: 5px;
    background-color: #dedede;
}

.map-content {
    padding: 20px;
    height: 600px;
    position: absolute;
    top: 98px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99;
    left: 0;
    margin-left: 0;
    max-width: 500px;
    text-align: left;
    overflow: hidden;
    font-size:20px;
}

.map-content .content {
    position: relative;
}

/*.map-content a{padding:20px; position:absolute; top:0; right:0;}*/

.map-content.hide {
    left: -500px;
    margin-left: 0;
}

#LOCATION {
    position: relative;
    color: #555555;
    background: #f0f0f0;
}

.roomslide {
    margin-bottom: 0;
}

.roomslide .slick-prev {
    left: -80px;
    background: url(../images/left-arrow-room.png)no-repeat;
    width: 21px;
    height: 36px;
    /*width:29px; height:80px;*/
}

.roomslide .slick-next {
    right: -80px;
    background: url(../images/right-arrow-room.png)no-repeat;
    width: 21px;
    height: 36px;
    /* width:29px; height:80px;*/
}

.roomslide .slick-prev:before {
    content: "";
    /*content: "\f104";font: normal normal normal 80px/1 FontAwesome; color:#b19877;*/
}

.roomslide .slick-next:before {
    content: "";
    /*content: "\f105";font: normal normal normal 80px/1 FontAwesome; color:#b19877;*/
}

.slider-inside-new .slick-prev {
    left: 20px;
    background: url(../images/left-arrow-banner-inside.png)no-repeat;
    width: 25px;
    height: 50px;
    margin-top: -20px;
}

.slider-inside-new .slick-next {
    right: 20px;
    background: url(../images/right-arrow-banner-inside.png)no-repeat;
    width: 25px;
    height: 50px;
    margin-top: -20px;
}

.slider-inside-new .slick-prev:before {
    content: "";
}

.slider-inside-new .slick-next:before {
    content: "";
}

.sub-menu-room {
    width: 100%;
    padding: 0;
    background: #ffffff;
    position: fixed;
    top: 102px;
    text-align: center;
    box-shadow: 0 0 5px #B8B8B8;
    z-index: 2;
}

.sub-menu-room .top-room-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sub-menu-room .top-room-menu li {
    display: inline-block;
    width: auto;
}

.sub-menu-room .top-room-menu li a {
    display: block;
    padding: 10px 40px 10px 0;
    font-family: ;
    color: #929191;
    font-size: 20px;
    text-transform: uppercase;
}

.sub-menu-room .top-room-menu li a:hover {
    color: #b19877;
}

.sub-menu-room .top-room-menu li.active a {
    color: #000;
    text-decoration: underline;
}

.bgsubmenu {
    display: none;
    padding: 0;
    background: #ffffff;
    position: fixed;
    top: 102px;
    z-index: 2;
    left: 0;
    right: 0;
    height: 45px;
    text-align: center;
}

.bgsubmenu.active {
    display: block;
}

.submenu-fixed {
    padding: 0;
    background: #ffffff;
    position: fixed;
    top: 102px;
    z-index: 3;
}

.submenu-fixed li {
    height: auto;
}

.submenu-fixed li a {
    padding: 5px 10px;
    font-family: ;
    color: #929191;
    font-size: 24px;
    letter-spacing: 0px;
}

.submenu-fixed li a:hover {
    color: #b19877;
}

.submenu-fixed li.active a {
    color: #000;
    text-decoration: underline;
}

.sub-facilities {
    margin-left: -50px;
}

.sub-offers {
    /*margin-left: -552px;*/
    width: 100%;
    left: 0;
    text-align: center;
}

@media (max-width: 1500px) {
    /*.sub-offers{margin-left: -621px;}*/
}

@media (max-width: 1300px) {
    /*.sub-offers{margin-left: -658px;}*/
}

.sub-activities {
    margin-left: -220px;
}

.sub-weddings {
    margin-left: -240px;
}

.sub-aboutus {
    margin-left: -168px;
}

.more-menu {
    text-transform: uppercase;
}

.sub-menu-offer {
    display: none;
}

.srt {
    font-family: ;
    color: #b19877;
    font-size: 12px;
    letter-spacing: 0.8pt;
    display: none;
}

.sub-menu-offer {
    width: 100%;
    padding: 0;
    background: #ffffff;
    position: fixed;
    top: 102px;
    text-align: center;
    box-shadow: 0 0 5px #B8B8B8;
    z-index: 2;
}

.sub-menu-offer .top-room-offer {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
}

.sub-menu-offer .top-room-offer li {
    display: inline-block;
    width: auto;
}

.sub-menu-offer .top-room-offer li a {
    display: block;
    padding: 10px 10px;
    font-family: ;
    color: #929191;
    font-size: 12px;
    text-transform: uppercase;
}

.sub-menu-offer .top-room-offer li a:hover {
    color: #b19877;
}

.srtO {
    font-family: ;
    color: #b19877;
    font-size: 12px;
    letter-spacing: 0.8pt;
    display: none;
}

.srtO>i, .srt>i {
    font-size: 20px;
    vertical-align: sub;
}

.sub-menu-offer .top-room-offer li a:hover {
    color: #b19877;
}

.content.room {
    /*margin-top:139px; padding-top:50px;*/
    padding-top: 189px;
    padding-bottom: 50px;
    background: #f0f0f0;
    /*margin-bottom:30px;*/
}

.content.room .container {
    max-width: 100%;
    background: #ffffff;
}

.content.faci-inside {
    margin-top: 139px;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #ececec;
    /*margin-bottom:30px;*/
}

.content.faci-inside .container {
    background: #ececec;
}

.content.faci-inside .faci {
    max-width: 1600px;
}

.faci-inside section.hightlight.room-section-detail.fixWidthSlide.sec-faci {
    padding: 0px;
    min-height: 620px;
}

.content.faci-inside.media {
    margin-top: 102px;
}

.header-inside.room {
    padding: 0;
}

.header-inside.room .header {
    box-shadow: none;
    border-bottom: 1px solid #dddddd;
}

.content.nosub {
    margin-top: 102px;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f0f0f0;
    /*margin-bottom:30px;*/
}

.content.nosub .container {
    max-width: 100%;
    background: #ffffff;
}

.content.full {
    padding-top: 139px;
    height: 100%;
}

.content.full .container {
    max-width: 100%;
    background: #ffffff;
}

.roomContent {
    text-align: center;
    font-size: 16px;
    padding: 10px 75px;
}

.roomContent .title {
    margin-bottom: 60px;
    margin-top: 30px;
}

.roomContent .title h1 {
    font-family: ;
    letter-spacing: normal;
    color: #b19877;
    font-size: 30px;
}

.roomContent h3 {
    font-family: ;
    letter-spacing: 1px;
    color: #b19877;
    font-size: 14px;
}

.vitem {
    vertical-align: middle;
}

.vtop {
    vertical-align: top;
}

.newCC {
    text-align: center;
}

.newCC .box-champagne {
    width: 85%;
    margin: auto;
    min-height: 400px;
}

.newCC .box-champagne h4 {
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.2pt;
    font-style: italic;
}

.newCC .box-champagne img {
    margin: 15px 0;
}

.newCC .box-champagne a {
    display: inline-block;
    font-family: 'PlantagenetCherokee';
}

.newCC .box-champagne h2 {
    font-size: 22px;
    letter-spacing: 0.8pt;
}

.newCC .box-champagne h3 {
    font-family: 'PlantagenetCherokee';
    font-style: italic;
    font-size: 18px;
}

.newCC .box-champagne.right-dining h3 {
    font-family: 'PlantagenetCherokee';
    font-style: normal;
    font-size: 18px;
}

.newCC .box-champagne.right-dining h4 a {
    /*font-family: ;
    letter-spacing: 2px;*/
    font-family:inherit;
    letter-spacing:normal;
    font-style: normal;
    font-size: 14px;
    color: #b19877;

}

.tablecell {
    display: table-cell;
    vertical-align: middle;
    max-width: 100%;
}

.slrbox .next, .slrbox .prev {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 10;
    margin-top: -21px;
}

.slrbox .prev {
    left: 20px;
}

.slrbox .next {
    right: 20px;
}

#offerslide .item-hl .detail {
    padding-left: 30px;
    padding-right: 30px;
}

.headBold {
    font-family: ;
}

#offerslide .item-hl .detail h3 {
    line-height: 20pt;
}

.offer-detail-box {
    font-size: 16px;
}

.offer-detail-box h3 {
    font-size: 16px;
    font-family: ;
    letter-spacing: normal;
    text-align: right;
    margin: 0;
}

.offer-detail-box .item {
    padding: 30px;
}

.offer-detail-box p {
    text-align: justify;
}

.offer-detail-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.offer-detail-box ul li {
    padding-left: 15px;
    position: relative;
}

.offer-detail-box ul li:before {
    content: "•";
    left: 0;
    position: absolute;
}

.offer-detail-box .newbut {
    font-family: ;
    color: #b19877;
    display: inline-block;
    /*padding: 10px 30px;border: 2px solid #6B6B6B;*/
    font-size: 14px;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    bottom: 25px;
    letter-spacing: normal;
    text-align: center;
}

button.newbut {
    font-family: ;
    color: #b19877;
    display: inline-block;
    /*padding: 10px 30px;border: 2px solid #6B6B6B;*/
    font-size: 14px;
    margin-top: 10px;
    position: absolute;
    left: 50%;
    letter-spacing: normal;
    text-align: center;
    background: none;
    border: none;
    margin-left: -42px;
}

.offer-detail-box .download {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
}

.offer-detail-box .price {
    font-size: 14px;
    font-family: ;
    text-align: left;
    margin: 0;
    letter-spacing: normal;
    display: inline-block;
}

.offer-detail-box .price.bright {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #b19877;
}

.offer-deatil-box .price strong {
    font-family: ;
}

/*.offer-detail-box .price.two{width:49%; display:inline-block;}
.offer-detail-box .price.two:first-child{border-right:1px solid #b19877;}*/

.copyr-bar {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    position: fixed;
    bottom: 47px;
    background: #fff;
}

#fixH {
    height: 640px;
}

.hightlight.room-section-detail.fixWidthSlide {
    padding: 50px 0;
}

.mobileTEMP {
    display: none;
    color: #000;
    font-family: ;
    text-align: left;
    padding: 10px 15px;
    background: #ececec;
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 41px;
    width: 100%;
}

.mobileTEMP .temp.fclouds:before {
    font-family: 'MeteoconsRegular';
    content: 'H';
    font-size: 16px;
}

a.tel-head-mob {
    border-bottom: 1px solid #b19877;
}

.tel-head-mob i {
    font-size: 20px;
}

.mobileLeng {
    background: #ececec;
    display: none;
}

.mobileLeng .head {
    padding: 10px 0;
    text-align: center;
    color: #000;
    background: #cacaca;
    font-family: 'PlantagenetCherokee';
}

/*.mobileLeng a{display:inline-block; padding:10px 8px 10px 4px; text-align:center; width:12.8%; border-right:solid 1px #cacaca; color:#b19877;}
.mobileLeng a:last-child{border-right:none;}*/

.mobileLeng ul {
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: center;
}

.mobileLeng ul li {
    display: inline-block;
    padding: 10px 4px 10px 4px;
    text-align: center;
    width: 12.8%;
}

.mobileLeng ul li img {
    border: 1px solid #cacaca;
}

.mobileLeng ul li:last-child {
    border-right: none;
}

.mobileLeng ul li span.flags {
    background: url(../images/flags/flags.png);
    background-repeat: no-repeat;
    width: 62px;
    height: 42px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.mobileLeng ul li span.flag-th {
    background-position: 0px 0px;
}

.mobileLeng ul li span.flag-pt {
    background-position: 0px -50px;
}

.mobileLeng ul li span.flag-ru {
    background-position: 0px -100px;
}

.mobileLeng ul li span.flag-jp {
    background-position: 0px -150px;
}

.mobileLeng ul li span.flag-fr {
    background-position: 0px -200px;
}

.mobileLeng ul li span.flag-es {
    background-position: 0px -250px;
}

.mobileLeng ul li span.flag-cn {
    background-position: 0px -300px;
}

.mobileLeng ul li span.flag-en {
    background-position: 0px -350px;
}

.offer-pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.offerFixH {
    min-height: 350px !important;
}

/*.offerFixH .newbut{bottom:auto !important;}*/

.odpage {
    font-size: 14px !important;
    padding: 15px 0px 0px;
}

.odpage .detailleft {
    padding: 0 27px 0 65px;
}

.odpage .detailright {
    padding: 0 65px 0 27px;
}

.odpage .detailleft-center {
    padding: 0 15px 0 15px;
}

.accomH {
    min-height: 295px;
}

.faci .roomslide .accomH {
    min-height: 310px;
}

.offerImg {}

/*.offer-pic{background-position:bottom;}*/

.visible-content {
    visibility: hidden;
    padding: 0px 0;
}

.real-img {
    display: none;
}

.awards {
    min-height: 626px;
}

#awarddetail {
    text-align: center;
    padding: 30px 100px;
}

#awarddetail h3 {
    text-align: center;
    font-size: 20px;
}

.contactDetail {
    background: #ededed;
    padding: 40px 0;
    text-align: center;
}

.contactDetail a {
    color: #b19877;
}

.contactDetail .title {
    color: #b19877;
    display: block;
    maring-bottom: 20px;
    font-style: italic;
}

.contactDetail .title.big {
    font-size: 20px;
    font-style: normal;
}

.btnarea {
    width: 100%;
    height: 40px;
    position: relative;
}

.right-spa hr.last {
    margin: 10px auto 20px;
}

.spa-menu-download {
    display: inline-block;
    margin: 0px auto;
    padding: 0;
}

.spa-menu-download li {
    display: flex;
}

.spa-menu-download li a {
    font-size: 11px;
    color: #a1a1a1;
    font-family: arial !important;
}

.spa-menu-download li a img {
    width: 9px;
    height: 13px;
    margin: 3px 0px !important;
}

.spa-menu-download li a span {
    vertical-align: sub;
}

.newCC .box-champagne.right-dining h2 {
    font-family: ;
    font-style: normal;
    font-size: 14px;
    color: #b19877;
    letter-spacing: 2px;
}

.newCC .box-champagne.right-dining h3 {
    font-size: 16px;
}

.dl-pdf-menu-home h2 {
    font-family: ;
    font-style: normal;
    font-size: 14px;
    color: #a1a1a1;
    letter-spacing: 2px;
    display: inline-block;
    margin: 10px 0px 0px;
}

.dl-pdf-menu-home h2 a {
    color: #a1a1a1;
    margin: 0px 15px
}

.pdf-menu-home {
    display: inline-block;
    padding: 0;
}

ul.pdf-menu-home li {
    display: inline-block;
    margin: 0px 20px;
}

ul.pdf-menu-home li a {
    font-size: 11px;
    color: #a1a1a1;
    font-family: arial !important;
}

ul.pdf-menu-home li a img {
    height: 10px;
    vertical-align: baseline;
}

.dl-pdf-menu-home.bold h2 {
    font-family: ;
    font-style: normal;
    font-size: 14px;
    /*color: #ff0000;*/
    font-weight: bold;
    letter-spacing: 2px;
    display: inline-block;
    margin: 10px 0px 0px;
}

.dl-pdf-menu-home.bold h2 a {
    #color: #614e42;
    font-weight: bold;
    margin: 0px 15px
}

.pdf-menu-home.bold {
    display: inline-block;
    padding: 0;
}

ul.pdf-menu-home.bold li {
    display: inline-block;
    margin: 0px 20px;
}

ul.pdf-menu-home.bold li a {
    font-size: 11px;
    /*color: #ff0000;*/
    font-weight: bold;
    font-family: arial !important;
}

ul.pdf-menu-home.bold li a img {
    height: 10px;
    vertical-align: baseline;
}

.box-champ-slide .slick-prev, .box-champ-slide .slick-next {
    margin-top: 20px;
}

.box-champ-slide .slick-prev {
    left: 50%;
    margin-left: -140px;
    opacity: 1;
}

.box-champ-slide .slick-next {
    right: 50%;
    margin-right: -140px;
    opacity: 1;
}

.box-champ-slide .slick-prev:before {
    content: "\f104";
    font: normal normal normal 40px/1 FontAwesome;
    color: #fff;
    opacity: 1;
}

.box-champ-slide .slick-next:before {
    content: "\f105";
    font: normal normal normal 40px/1 FontAwesome;
    color: #fff;
    opacity: 1;
}

#tempBOX {
    display: inline-block;
}

@media (max-width: 1610px) {
    #fixH {
        height: auto !important;
        padding-top: 0;
    }
}

/*@media (max-width: 1350px) {#fixH{height:auto; padding-top:0;}}
@media (max-width: 992px) {#fixH{height:300px; padding-top:0;}}
@media (max-width: 768px) {#fixH{height:200px; padding-top:0;}}
@media (max-width: 568px) {#fixH{height:200px; padding-top:0;}}*/

/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a, .room-fav .detail, .header, .wrapper-close, .img, .box-booking, .booking-area, .map-content, .navigation li a {
    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;
}

/*--------------------------------------------------------------
- Fix IE
--------------------------------------------------------------*/

.ie7 .your-class {}

.ie8 .your-class {}

.ie9 .your-class {}

/*--------------------------------------------------------------
- Video Banner
--------------------------------------------------------------*/

.video_banner {
    width: 100%;
    height: 700px;
}

.js-video {
    height: 0;
    padding-top: 25px;
    padding-bottom: 67.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.js-video.widescreen {
    padding-bottom: 36.34%;
}

.js-video.vimeo {
    padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

/*--------------------------------------------------------------
- Factsheet
--------------------------------------------------------------*/

/*.banner-conwidth{padding-top:120px;}
.factsheet{width: 100%;font-family: ;margin-bottom:35px;}
.factsheet ul{width: 100%;margin:0;list-style-type: none;padding: 0;}
.factsheet ul li{position: relative;border:1px solid #D8D7D6;}
.factsheet a{width: 100%;background: #f1f1f1;padding: 10px 10px;display: block}
.factsheet a:hover{background: #a67c52;color: #fff;}
.factsheet a:hover span img{opacity:1;}
.factsheet a span img{float:right;margin-top:-3px;opacity:0.6;/*transition: all linear 0.3s;}
.factsheet a span i{float: right;font-size: 35px;margin-top: -7px;color: #000;}*/

.wrap-factsheet {
    width: 300px;
    margin: auto;
    display: block;
}

.factsheet {
    display: inline-block;
    margin: 0px auto;
    padding: 0;
}

.factsheet ul {
    padding-left: 0;
}

.factsheet ul li:before {
    content: "";
}

.factsheet li {
    display: flex;
    list-style-type: none;
    margin: 5px 0px;
}

.factsheet li a {
    font-size: 12px;
    color: #a1a1a1;
    font-family: arial !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.factsheet li a img {
    width: 9px;
    height: 13px;
    margin: 3px 0px !important;
}

.factsheet li a span {
    vertical-align: sub;
}

.detailleft-center h3 {
    font-size: 16px;
    letter-spacing: normal;
}

.detailleft-center h4 {
    font-family: ;
    font-size: 14px;
    line-height: 1.3;
}

/*--------------------------------------------------------------
- Giving-Back
--------------------------------------------------------------*/

.blog-giving-back>div.row {
    margin-bottom: 15px;
}

.blog-giving-back h2 {
    font-family: ;
    font-size: 15px;
    text-transform: uppercase;
}

.img-giving {
    min-height: 180px;
    margin: 0px 0px 10px;
}

.content-giving {
    margin: 0px 0px 10px;
}

.content-giving p {
    margin-bottom: 0px;
}

.content-giving ul {
    list-style-type: circle;
}

.content-giving .paragraph {
    text-indent: 20px;
}

.content-more-giving {
    overflow: hidden;
    display: none;
}

a.btn-more-content {
    font-family: ;
    #color: #614e42;
    display: inline-block;
    padding: 10px 30px;
    border: 2px solid #6B6B6B;
    font-size: 14px;
    margin-top: 15px;
    text-transform: uppercase;
}

a:hover.btn-more-content {
    color: #DBA219;
}

.space-footer {
    margin-bottom: 60px;
}

/*--------------------------------------------------------------
- Sitemap
--------------------------------------------------------------*/

.sitemap {
    font-family: ;
    font-size: 14px;
}

.sitemap h3 {
    text-align: center;
}

.sitemap li a {
    color: #a1a1a1;
}

/*--------------------------------------------------------------
- Sub Menu
--------------------------------------------------------------*/

.top-room-facilities {}

/*--------------------------------------------------------------
- Wedding
--------------------------------------------------------------*/

.wrap-in-wedding {
    position: relative;
    font-size: 16px !important;
}

.wrap-in-wedding h3 {
    text-align: center;
}

.wrap-in-wedding .content-scroll {
    padding: 0px 60px;
}

.wedding-venues {
    padding-top: 30px;
    padding-bottom: 30px;
}

.wrap-item-venues>div {
    margin-bottom: 30px;
}

.wrap-item-venues img {
    width: 100%;
}

.wrap-item-venues p {
    text-align: justify;
}

.wrap-item-venues h3 {
    font-size: 16px;
    font-family: ;
    letter-spacing: normal;
    margin: 20px 0px 10px;
}

.arrow-content {
    position: absolute;
    left: 50%;
    font-size: 25px;
    color: #939393;
    display: none;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.arrow-content.active {
    /*display: block;*/
    display: none !important;
}

.arrow-up-content {
    top: -50px;
}

.arrow-down-content {
    bottom: -50px;
}

.wrap-scroll {
    height: 390px;
    overflow: hidden;
}

.wrap-scroll.Hfull {
    height: 100%;
}

.wrap-scroll#celestial {
    height: 380px;
}

.wrap-scroll#landofprin {
    height: 405px;
}

.wrap-scroll#traditional {
    height: 420px;
}

.visible-content .wrap-scroll {
    height: auto !important;
}

a.unline {
    text-decoration: underline;
}

/*--------------------------------------------------------------
- About Us
--------------------------------------------------------------*/

.title.about h1 {
    font-family: ;
    letter-spacing: normal;
    color: #b19877;
    font-size: 40px;
    text-align: center;
}

.content-scroll .text-book {
    font-size: 14px;
    font-family: ;
}

.wrap-in-wedding p {
    text-align: center;
}

.wrap-scroll#destination {
    height: 400px;
}

/*--------------------------------------------------------------
- MEDIA CENTER
--------------------------------------------------------------*/

.wrap-media {
    width: 320px;
    margin: auto;
    display: block;
}

.blog-press-release ul {
    padding: 0;
}

.blog-press-release li {
    position: relative;
    list-style: none;
}

.blog-press-release li a:before {
    content: "";
    background: url(../images/icon-dl-menu.png)no-repeat;
    width: 9px;
    height: 13px;
    position: absolute;
    left: -20px;
    top: 3px;
}

.blog-press-release li a {
    padding-left: 0px;
    display: block;
    margin-bottom: 10px;
    color: #a1a1a1;
}

.blog-press-release li a span {
    font-family: ;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
- SCROLL IN DIV
--------------------------------------------------------------*/

.wrap-scroll {
    margin: 0px 15px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(178, 178, 178, 1);
}

.offer-right h3 {
    float: left;
    text-align: left;
    letter-spacing: 1pt;
}

.offer-right h3 span {
    float: left;
    text-align: left;
    letter-spacing: normal;
}

.offer-right .download {
    width: auto;
    height: 50px;
    display: inline-block;
    float: right;
}

.offer-right .download a {
    font-family: ;
    color: #b19877;
    font-size: 14px;
    position: relative;
    letter-spacing: 1px;
    line-height: 1;
    text-align: center;
    display: inline-block;
    float: right;
}

.offer-right .download a:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -33px;
    bottom: -5px;
    height: 1px;
    width: 50%;
    /* or 100px */
    border-bottom: 1px solid #cccccc;
}

/*--------------------------------------------------------------
- PUBLICATIONS
--------------------------------------------------------------*/

.hightlight.room-section-detail.sec-publication {
    padding: 0;
    min-height: auto;
}

.sec-publication .item-hl {
    min-height: auto;
}

.pdf-publication {
    padding: 0;
}

.pdf-publication li {
    display: inline-block;
    margin: 5px 25px 10px;
}

.pdf-publication li a {
    font-family: arial !important;
    color: #a1a1a1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    border: none;
}

.pdf-publication li a.active, .pdf-publication li a:hover, .pdf-publication li a:active, .pdf-publication li a:focus {
    border-bottom: 1px solid #a1a1a1;
}

.item-pub {
    /*transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;*/
}

/*.item-pub.hide{display: none !important;}*/

.modal-contact h3 {
    font-size: 18px;
    font-weight: 600;
}

.modal-content .modal-body {
    width: 320px;
    margin: auto;
    text-align: left;
}

.noti {
    position: absolute;
    left: 50%;
    top: 7px;
    font-size: 13px;
    font-family: ;
    z-index: 99;
}

#note_rest {
    font-size: 16px;
    font-family: ;
}

.fcb {
    color: #ff0000;
    font-size: 13px;
    font-family: ;
}
.shop{position:fixed; top:50%; left:0; transform:translateY(-50%); z-index:99999;}
/*--------------------------------------------------------------
- Page Not Found.
--------------------------------------------------------------*/

.page404 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    text-align: center;
    font-family: ;
    text-transform: uppercase;
    color: #fff;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: inherit;
}

.page404 .title {
    font-size: 40px;
}

/****VDOBANNER****/

.wrap-vdo {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

#fw-vdo {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 10;
    min-width: 100%;
    min-height: 100%;
}

#fw-vdo.fixMobile {
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    height: auto;
}

.pp_ct {
    position: absolute;
    bottom: 30px;
    right: 60px;
    font-size: 30px;
    z-index: 11;
}

.vol_ct {
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 30px;
    z-index: 11;
}

a.footnote {
    position: fixed;
    z-index: 98;
    bottom: 33px;
    left: 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 20px;
    background: rgba(255, 0, 0, 0.8);
    font-family: ;
}

/*--------------------------------------------------------------
- My Code (waii)
--------------------------------------------------------------*/

/*
.header-slide {
    text-align: center;
    font-size:45px;
    font-family: ;
    letter-spacing: 8px;
    margin-bottom: 40px;
}
.header-inside.room {
    padding-left: 200px;
}
.container.bg-header {
    margin-bottom: 50px;
}
.download-package {
    margin: 0 0 5px;
}
header.exclusive .row .exclusive-book{
    margin-top: 55px !important;
    text-align: center;
}
.book-button2 {
    margin: 0px 10px !important;
}
.top-paragraph-exclusive-offers-couple {
    font-family: ;
    font-size: 18px;
}
.button1-popup-eco {
    position: absolute;
    left: 33%;
    top: 75%;
}
.button1-popup-eco a:hover {
    color:white !important;
}
*/

.sp{display:inline-block; padding:10px 20px; background:rgba(0,0,0,0.7); color:#fff; position:absolute;top:0; left:50%; transform:transLate(-50%,-100%);}
.topannouce{width:auto; height:auto; display:inline-block; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%);}

.mobile-sub-show{display:none;}
/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/

@media (max-width: 1850px) {
    .navigation {
        padding-left: 0px;
    }
    .navigation li a {
        padding: 0px 8px;
    }
    .sub-menu-room .top-room-menu li a {
        padding: 10px 15px 10px 0;
    }
    .wrap-scroll {
        height: 400px;
    }
}

@media (max-width: 1600px) {
    .box-booking {right:240px;}
    .navigation {
        padding-left: 50px;
    }
    .navigation li a {
        font-size: 14px;
    }
    .arrow-up-content {
        top: -30px;
    }
    .arrow-down-content {
        bottom: -30px;
    }
    .offer-right h3 {
        font-size: 14px;
    }
    .roomContent {
        padding: 10px 25px;
        height: 380px;
    }
}

@media (max-width: 1550px) {
    .navigation {
        padding-left: 70px;
    }
    .navigation li a {
        padding: 0px 5px;
    }
    .sub-menu-room .top-room-menu li a {
        padding: 10px 5px 10px 0;
    }
    .navigation {
        padding-left: 135px;
    }
    .navigation li a {
        font-size: 13px;
        letter-spacing: normal;
    }
    .box-banner-inside.roomfix .slick-list {
        margin-top: 139px;
    }
    .newCC .box-champagne h4 {
        font-size: 14px;
    }
    .newCC .box-champagne h2 {
        font-size: 20px;
    }
    .newCC .box-champagne h3 {
        font-size: 16px;
    }
    .offer-right .download a {
        font-size: 11px;
    }
    /*.content.room{margin-top:124px;}*/
    .page404 .title {
        font-size: 35px;
    }
}

@media (max-width: 1400px) {
    .box-booking {right:200px;}
    .box-booking.active {transform: translateY(0);}
    .topannouce{bottom:2px;}
    .box-banner-inside .slick-list {
        margin-top: 60px;
    }
    .navigation {
        margin-top: 20px;
        padding-left: 80px;
    }
    /*.logo{display:none;}
	.logo-mob{display:block;}*/
    .logo {
        max-width: 85px;
        top: 5px;
        left: 20px;
    }
    .header .box-lang {
        right: 15px;
        top: 5px;
    }
    .header .container {
        position: relative;
        height: 60px;
    }
    .header {
        height: 60px;
    }
    .box-banner-inside.roomfix .slick-list {
        margin-top: 95px;
    }
    .content.room, .content.faci-inside {
        padding-bottom: 35px;
        /*padding-top:35px; margin-top:95px;*/
        padding-top: 130px;
    }
    .content.nosub {
        padding-top: 35px;
        padding-bottom: 35px;
        margin-top: 60px;
    }
    .roomContent {
        padding: 10px 20px;
        height: 310px;
    }
    .roomContent .title {
        margin: 20px 0;
    }
    .content.faci-inside.media {
        margin-top: 60px;
        padding-top: 35px;
    }
    .box-booking.tsb.active {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .box-booking.idx.active {
        -webkit-transform: translateY(60px) !important;
        -ms-transform: translateY(60px) !important;
        transform: translateY(60px) !important;
    }
    .sub-menu-room {
        top: 60px;
    }
    .sub-menu-room .top-room-menu li a {
        font-size: 11px;
    }
    .sub-menu-offer {
        top: 60px;
    }
    .fixWidthSlide .container {
        max-width: 90%;
    }
    .roomslide .slick-prev {
        left: -30px;
    }
    .roomslide .slick-next {
        right: -30px;
    }
    /*.offerImg {max-width:200px;}*/
    .odpage h3 {
        font-size: 14px;
        text-align: left;
    }
    .odpage p {
        text-align: left;
    }
    .faci .roomslide .accomH {
        min-height: 330px;
    }
    .submenu-fixed, .bgsubmenu {
        top: 60px;
    }
    .award-box {
        font-size: 14px;
    }
    .newCC .box-champagne.right-dining h3 {
        font-size: 14px;
    }
    .right-spa hr {
        margin: 10px auto;
    }
    .newCC .box-champagne.right-spa h4 {
        font-size: 12px;
    }
    .newCC .box-champagne.right-spa {
        width: 90%;
    }
    .newCC .box-champagne {
        min-height: 300px;
    }
    .odpage, .odpage h3 {
        font-size: 11px !important;
    }
    .odpage h3 {
        text-align: right;
    }
    .visible-content {
        font-size: 11px !important;
    }
    .visible-content.f12 {
        font-size: 12px !important;
    }
    .odpage .detailleft p {
        text-align: justify;
    }
    .wrap-in-wedding .detailleft p {
        text-align: center;
    }
    .odpage .detailleft {
        padding: 0 0 0 30px;
    }
    .odpage .detailright {
        padding: 0 50px 0 27px;
    }
    /*.offer-detail-box .price.bright, .price{line-height: 12px;font-size: 10px !important;}*/
    .offer-detail-box .price {
        float: left;
        width: auto;
    }
    .offer-detail-box .price.bright {
        float: left;
        border-right: 1px solid #b19877;
        padding-right: 10px;
        margin-right: 10px;
    }
    .wrap-price {
        width: 100%;
        margin-bottom: 24px;
    }
    .wedding-inside .visible-content {
        font-size: 16px !important;
    }
    .wrap-in-wedding {
        font-size: 16px !important;
    }
    .wrap-in-wedding h3 {
        text-align: left;
        font-size: 16px !important;
    }
    .detailleft-center h3 {
        font-size: 16px !important;
    }
    .wrap-scroll {
        height: 317px !important;
    }
    .sub-aboutus {
        margin-left: -130px;
    }
    .offer-right h3 {
        font-size: 14px !important;
    }
    .page404 .title {
        font-size: 30px;
    }
}

@media (max-width: 1230px) {
    .box-booking {right:0px;}
    .topannouce{bottom: auto; top: 60px; background: rgba(0,0,0,0.8); width: 100%; padding: 10px 0;}
    .box-banner-inside.roomfix .slick-list {
        margin-top: 80px;
    }
    .header .box-lang span {
        display: none;
    }
    .open-menu {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        color: #b19877 !important;
        font-size: 30px;
        top: 50%;
        margin-top: -22px;
        z-index: 5;
        padding: 0;
        left: 130px;
        width: 25px;
        height: 18px;
        border-top: 2px solid #b19877;
        margin: -10px 0px 0px;
    }
    .open-menu:before {
        content: "";
        width: 100%;
        height: 2px;
        background: #b19877;
        position: absolute;
        background: #b19877;
        top: 6px;
        left: 0;
    }
    .open-menu:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #b19877;
        position: absolute;
        background: #b19877;
        bottom: 0;
        left: 0;
    }
    .close-menu, .close-menu-mob, .close-sub {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        padding: 10px;
        background-color: #cacaca;
        z-index: 100;
    }
    .close-menu img, .close-menu-mob img, .close-sub img {
        width: 100%;
    }
    nav,.navSUBMENU {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        height: auto;
        box-shadow: 0 0 3px #000;
        text-align: left;
        z-index: 99;
        padding: 50px 0 0;
        background-color: #f0f0f0;
    }
    nav.active,.navSUBMENU.active {
        display: block;
        z-index: 9999;
    }
    .navSUBMENU .navigation2 li.active a{     
    color: #000;
    font-weight: bold;
    }
    .navigation {
        margin: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .navigation li {
        display: block;
    }
    .navigation li a {
        color: #fff;
        padding: 25px 10px;
        text-align: center;
        border-bottom: 1px solid #7A7864 !important;
        font-size: 16px;
    }
    .srtO {
        display: block;
    }
    .sub-menu-offer {
        top: 60px;
        text-align: center;
    }
    .sub-menu-offer .top-room-offer {
        margin: 0;
        margin-top: 0px;
    }
    .sub-menu-offer .top-room-offer.active {
        margin-top: 0;
    }
    .sub-menu-offer .top-room-offer li {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
    }
    .sub-menu-offer .top-room-offer li:last-child {
        border-bottom: none;
    }
    .sub-menu-offer .top-room-offer li a {
        padding: 10px 10px;
    }
    .sub-menu-offer .top-room-offer.top-room-facilities {
        margin-top: -443px;
    }
    /*-110px*/
    .sub-menu-offer .top-room-offer.top-room-facilities.active {
        margin-top: 0px;
    }
    .sub-menu-offer .top-room-offer.top-room-activities {
        margin-top: -190px;
    }
    .sub-menu-offer .top-room-offer.top-room-activities.active {
        margin-top: 0px;
    }
    .sub-menu-offer .top-room-offer.wd.top-room-activities {
        margin-top: -110px;
    }
    .sub-menu-offer .top-room-offer.wd.top-room-activities.active {
        margin-top: 0px;
    }
    .sub-menu-offer .top-room-offer.top-room-aboutus {
        margin-top: -265px;
    }
    .sub-menu-offer .top-room-offer.top-room-aboutus.active {
        margin-top: 0px;
    }
    .srt {
        display: block;
    }
    .sub-menu-room {
        top: 55px;
        text-align: center;
    }
    .sub-menu-room .top-room-menu {
        margin: 0;
        margin-top: -350px;
    }
    .sub-menu-room .top-room-menu.active {
        margin-top: 0;
    }
    .sub-menu-room .top-room-menu li {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
    }
    .sub-menu-room .top-room-menu li:last-child {
        border-bottom: none;
    }
    .sub-menu-room .top-room-menu li a {
        padding: 10px 10px;
    }
    .mobileTEMP {
        display: block;
    }
    .mobileLeng {
        display: block;
    }
    .content.room, .content.faci-inside {
        padding-top: 131px;
        /*padding-top:50px; margin-top:81px;*/
    }
        .bgsubmenu {
            height: 25px;
            padding-top: 3px;
            display: none;
        }
        .submenu-fixed {
            display: none;
        }
        .sub-menu-offer {
            display: block;
        }
        .submenu-fixed, .bgsubmenu {
            top: 56px;
            display: none !important;
        }
        .noti {
            position: relative;
            left: 0;
            top: 0;
        }
        a.footnote {
            bottom: 0;
        }
        .shop{display:none;}
    }
    @media (max-width: 1200px) {
        .img-champagne {
            display: none !important;
        }
        .room-fav {
            height: 257px;
        }
        .room-fav .caption {
            padding: 17px 15px;
        }
        .room-fav .caption img {
            top: 18px;
        }
        .header .box-lang {
            bottom: 29px;
        }
        /* .navigation{ margin: 37px 0 0; text-align: right; padding-left:0;}
    .intro-nav li a{font-size: 12px;}
    .navigation li a{padding: 0px 5px;}*/
        .box-booking {
            right: 10px;
            margin-right: 0;
        }
        .header .container {
            width: 100%;
        }
        .map-contact {
            height: 730px;
        }
        textarea.form-control.contact-m {
            height: 363px;
        }
        .space-footer {
            margin-bottom: 0px;
        }
        .blog-exp {
            min-height: 420px;
        }
        .footer-inside .footer-bar {
            position: relative;
            height: auto;
            padding: 20px 0;
        }
        .footerlink {
            position: relative;
            left: 0;
            width: 100%;
            top: 0;
        }
        .footer-inside .footer-bar .container {
            text-align: center;
            padding: 0;
            margin-top: 30px;
        }
        .slider-offer-new img {
            width: 100%;
            height: auto;
        }
        .real-img {
            display: block;
            width: 100%;
        }
        .offer-pic, .visible-content {
            display: none;
        }
        .odpage .detailleft {
            padding: 30px;
        }
        .odpage .detailright {
            padding: 30px;
        }
        .awards {
            min-height: 1px;
        }
        .item-hl {
            min-height: 570px;
        }
        .hightlight {
            min-height: 680px;
        }
        .newCC .box-champagne {
            min-height: auto;
        }
        .wrap-in-wedding {
            font-size: 14px !important;
        }
        .wrap-in-wedding h3 {
            text-align: left;
        }
        .wrap-scroll {
            height: auto !important;
        }
        .arrow-content, .arrow-content.active {
            display: none !important;
        }
        .wrap-media {
            width: 600px;
        }
        .offer-right .wrap-scroll {
            overflow: hidden;
            margin: 0px 0px;
        }
        .wrap-vdo {
            display: none;
        }
        .button1-popup-eco {
            position: absolute;
            left: 28%;
            top: 82%;
        }
        .detail-exp {min-height:400px;}
    }
    @media (max-width: 1020px) {
        .booking-inside {
            position: relative;
            height: auto;
        }
        /*.navigation li a{font-size:11px;}*/
    }
    @media (max-width: 992px) {
        .detail-exp {min-height:500px;}
        .icon-scroll-down {
            bottom: 100px;
        }
        .img-header-logo {
            width: 180px;
        }
        .header-inside.room {
            padding-left: 0px;
        }
        #HOME {
            margin-top: 0;
            padding: 0;
        }
        /*.header.show-intro, .header.show-intro .logo{top: 0;}*/
        .box-banner-inside {
            height: 400px;
            margin-top: 60px;
        }
        .photo-slide .ms-skin-default .ms-bullets.ms-dir-h, .banner-full .slick-dots {
            bottom: 60px;
        }
        .full-height {
            height: auto;
            min-height: inherit;
        }
        /*.header .box-lang span{display: inline-block;}*/
        .header .container {
            width: 100% !important;
        }
        .room-fav {
            margin-bottom: 20px;
            height: auto;
        }
        /*.item-hl{margin-bottom: 20px;}*/
        .item-hl {
            min-height: inherit;
        }
        .item-hl img {
            width: 100%;
        }
        .hightlight {
            padding: 50px 0;
        }
        .box-booking {
            position: absolute;
            top: 50%;
            padding: 0 10px;
            margin: 0 auto;
            margin-top: -268px;
            left: 50%;
            margin-left: -150px;
            -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0);
            -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0);
        }
        #HOME {
            padding: 0;
        }
        .header .box-lang {
            top: 5px;
        }
        .close-menu-desk {
            display: none;
        }
        .box-intro {
            min-height: inherit;
        }
        .text-intro h1 {
            font-size: 30px;
            padding: 0 20px;
            line-height: 30px;
        }
        /*.logo-rv{width: 100px;margin-left: -45px;top: 50px;}*/
        .footer-bar {
            position: relative;
            z-index: 1;
        }
        .book-fix {
            position: fixed;
            z-index: 3;
            bottom: 0;
            top: inherit;
            display: inline-block !important;
        }
        .book-fix.nav-open {
            display: none !important;
        }
        .footer-inside .book-fix {
            display: none !important;
        }
        .footer-inside .book-fix.show {
            display: inline-block !important;
        }
        .backtop {
            bottom: 0;
            font-size: 28px;
            padding: 0 13px;
            background-color: #b19877;
        }
        .title h1 {
            font-size: 26px;
        }
        .booking-inside {
            padding: 45px 0;
            /*border-bottom: 1px solid #000;*/
            position: relative;
            z-index: 1;
            box-shadow: 0 0 0 #8E8E8E;
            border-bottom: 1px solid #eee;
        }
        .booking-inside a.dp-choose-date:after {
            content: '';
            position: absolute;
            height: 15px;
            background: rgba(255, 0, 0, 0) url(../images/calen.png) 0 0 no-repeat;
            right: 5px;
            top: 26px;
            z-index: 3;
            width: 15px;
        }
        .booking-inside div#dp-popup {
            width: auto !important;
            margin-left: -125px;
            left: 50%;
            top: 0;
            bottom: inherit;
        }
        .booking-inside .in-date input, .booking-inside .out-date input {
            text-align: center;
        }
        .booking-inside .tt {
            display: block;
        }
        .booking-inside .selecter.custom .selecter-selected {
            width: 100%;
        }
        .booking-inside #date-in-out {
            display: block;
            vertical-align: middle;
            position: relative;
            margin: 10px 0 0;
        }
        .booking-inside #date-in-out span {
            display: none;
        }
        .booking-inside .night, .booking-inside .selecter.custom {
            vertical-align: middle;
            width: 148px;
        }
        .booking-inside .select-room {
            display: block;
            width: 299px;
            vertical-align: middle;
            margin: 0 auto;
        }
        .booking-inside .select-room .selecter.custom {
            width: 100%;
        }
        .booking-inside .in-date, .booking-inside .out-date, .booking-inside .night {
            width: 148px;
        }
        .booking-inside #reservBut {
            padding: 13px 20px;
            margin: 0;
            border: none;
            margin-top: 10px;
        }
        .booking-inside .head-logo {
            width: 29px;
            margin-right: 0;
            display: block !important;
            margin: 10px auto;
        }
        .booking-inside h2 {
            font-size: 22px;
            font-family: ;
            display: inline-block;
            margin: 0;
            padding-bottom: 10px;
            border-right: none;
            margin-bottom: 15px;
            padding-right: 0;
            border-bottom: 1px solid #eee;
        }
        .map-contact {
            display: none;
        }
        .contact-box {
            margin-bottom: 10px;
        }
        /*fix insidebooking*/
        .insidebook {
            display: inline-block;
            margin-left: 15px;
            color: #000;
        }
        .insidebook:after {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f067";
        }
        .insidebook.active:after {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f068";
        }
        .booking-inside .book-inside-area {
            display: none;
            width: 100%;
        }
        .booking-inside .book-inside-area.active {
            display: block;
            width: 100%;
        }
        .booking-inside h2 {
            width: 100%;
            border-bottom: none;
        }
        .insdiebook-head {
            cursor: pointer;
        }
        .new-res {
            display: none;
        }
        .box-booking {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        #bookHome .box-booking {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        .mobcontrol {
            display: block;
        }
        /*.header .box-lang .temp{display:block; border-right:none; padding-right:0; margin-right:0;}*/
        .list-lang {
            top: 50px;
        }
        .navigation li.booknow {
            display: none;
        }
        .champ {
            position: relative;
            top: auto;
            width: 100%;
        }
        .booking-area {
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
            background: #fff;
            -webkit-transform: translateY(-200%);
            -ms-transform: translateY(-200%);
            transform: translateY(-200%);
        }
        .booking-area.active {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        .close-book-mob {
            display: block;
        }
        textarea.form-control.contact-m {
            height: auto;
        }
        .item-hl.champ {
            margin-top: 0;
            margin-bottom: 0;
        }
        .map-content {
            left: 0;
            margin-left: 0;
        }
        .banner-conwidth {
            width: 100%;
            margin-top: 0;
            padding: 0;
        }
        .blog-exp {
            min-height: 360px;
        }
        .content.room {
            padding-top: 70px;
            margin-top: 0;
        }
        .content.nosub {
            padding-top: 50px;
            margin-top: 0;
        }
        .box-booking.idx.active {
            -webkit-transform: translateY(0px) !important;
            -ms-transform: translateY(0px) !important;
            transform: translateY(0px) !important;
        }
        .offer-detail-box h3 {
            text-align: center;
        }
        .offer-detail-box .price {
            font-size: 14px;
            font-family: ;
            text-align: left;
            margin: 0;
            letter-spacing: normal;
            display: inline-block;
        }
        .faci .roomslide .accomH {
            min-height: auto;
        }
        .page404 .title {
            font-size: 25px;
        }
    }
/*NOTICE*/
.noticebox_idx{position:absolute; top:120px; left:50%; transform:translateX(-50%); padding:20px; background:rgba(255,255,255,0.7); color:#ff0000; z-index:99; display:inline-block; text-align: center; font-size: 14px; white-space: nowrap;}
.noticebox_box{color:#ff0000; display: inline-block; text-align: center;}
.slick-track {margin: auto;}
@media (max-width: 992px) {
    .noticebox_idx{white-space: normal;}
}
@media (max-width: 768px) {
    .detail-exp {min-height:auto;}
    .noticebox_idx{position:relative; top:0px; left:auto; transform:translateX(0); padding:20px; background:rgba(255,255,255,0.7); color:#ff0000; z-index:99; display:inline-block;}
    .poprespon{width:98%}
    .box-banner-inside.roomfix.hassub .slick-list,.box-banner-inside.hassub{margin-top:0;}
    .mobile-sub-show{display:none; padding-top:60px; width:100%;}
    .mobile-sub-show a{display:inline-block; width:100%; padding:15px 10px; border:1px solid #ebebeb;}
    .mobile-sub-show .subleveltwo{position:relative; left:0; top:0; transform: translateX(0); text-align:center !important;}


    .footcovid{position: relative; top: auto; transform: translateX(0);z-index: 10; width:100%; padding:10px 0; background:#000; color:#fff; text-align:center; display:inline-block; margin-bottom:15px;}
    .sp{width:100%; text-align:center;}

        /*.logo img{width: 118px;}*/
        .room-fav .detail {
            display: none;
        }
        .room-fav:hover .caption {
            display: inline-block;
        }
        .text-intro h1 {
            font-size: 20px;
            padding: 0 20px;
            line-height: 30px;
        }
        .logo-rv {
            top: 50px;
        }
        .room-fav {
            height: auto;
            margin-bottom: 10px;
        }
        /*.copyright{padding: 20px 0;}*/
        .map-index {
            width: 100%;
            height: 200px;
        }
        .box-welcome-slider {
            max-width: inherit;
        }
        .box-video-welcome {
            border-left: none;
            padding: 0;
        }
        .text-intro {
            margin-top: -20px;
        }
        .box-banner-inside {
            height: 300px;
        }
        .booking-inside #date-in-out {
            display: block;
            width: 300px;
            margin: 0 auto;
        }
        .booking-inside .select-room {
            display: block;
            margin: 0 auto;
            width: 300px;
        }
        .booking-inside .in-date, .booking-inside .out-date, .booking-inside .night {
            width: 148px;
        }
        .title h1 {
            font-size: 20px;
        }
        .wed-title .price {
            position: relative;
            display: block;
            margin-bottom: 10px;
        }
        /*FIX INDEX BANNER*/
        .banner-full, .box-intro {
            height: 300px;
        }
        .banner-full {
            margin-top: 60px;
        }
        .icon-scroll-down {
            display: none;
        }
        .photo-slide .ms-skin-default .ms-bullets.ms-dir-h, .banner-full .slick-dots {
            bottom: 0;
        }
        .footer-inside .book-fix {
            display: inline-block !important;
        }
        /*.footer-inside{ padding-bottom:40px;}*/
        #HOME {
            background-color: #f1f1f1;
            background-image: none;
        }
        body {
            /*font-size: 14px;*/
        }
        .map-content {
            padding: 20px;
            height: auto;
            position: relative;
            top: 0;
            background-color: rgba(255, 255, 255, 1);
            z-index: 99;
            left: 0;
            margin-left: 0;
            max-width: none;
            text-align: left;
            width: 100%;
        }
        .blog-exp {
            margin-bottom: 20px;
            min-height: auto;
        }
        .roomslide .slick-prev {
            left: -21px;
            width: 30px;
            height: 30px;
            background: url('../images/left-mobile.svg');
        }
        .roomslide .slick-next {
            right: -21px;
            width: 30px;
            height: 30px;
            background: url('../images/right-mobile.svg');
        }
        .roomslide .slick-prev:before, .roomslide .slick-next:before {
            display: none;
        }
        /*.roomslide .slick-prev:before{content:url('../images/left-mobile.svg'); position:relative; opacity: 1;}
	.roomslide .slick-next:before{content:url('../images/right-mobile.svg'); position:relative; opacity: 1;}*/
        .content.faci-inside .faci {
            max-width: 90%;
        }
        .slider-inside-new .slick-prev {
            width: 20px;
        }
        .slider-inside-new .slick-next {
            width: 20px;
            background-position: -7px 0px;
        }
        .wrap-media {
            width: auto;
        }
        .blog-press-release li a {
            padding-left: 15px;
        }
        .blog-press-release li a:before {
            left: 0;
        }
        .page404 .title {
            font-size: 20px;
        }
        .page404 {
            font-size: 14px;
        }
        /****VDOBANNER****/
        .wrap-vdo {
            height: auto;
            position: relative;
            padding-top: 60px;
        }
        #fw-vdo {
            max-width: 100%;
            height: auto;
            position: relative;
            margin-left: 0;
            left: 0;
        }
        .fixvdobox {
            height: auto !important;
        }
        .pp_ct, .vol_ct {
            font-size: 20px;
            bottom: 10px;
        }
    }
@media (max-width: 568px) {
    .topannouce{top: 60px;}/*97px*/
    .booknow.shopmobile {
        width: 100%;
        top: 60px;
        right: 0px;
        background:#fff;
        z-index: 99;
    }
    .box-booking {
        width: 300px;
    }
    .footer-bar {
        height: auto;
        text-align: center;
        padding: 20px 0;
    }
    .footer-bar .box-social {
        position: relative;
        border-top: 1px solid #eee;
        padding-top: 10px;
        margin-top: 10px;
        right: 0;
        display: block !important;
    }
    .footer-bar img {
        margin: 10px;
    }
    .in-date, .out-date, .night, .selecter.custom .selecter-selected {
        width: 138px;
    }
    .booking-inside .in-date, .booking-inside .out-date, .booking-inside .night {
        width: 128px;
    }
    .booking-inside .night, .booking-inside .selecter.custom {
        width: 128px;
    }
    .box-banner-inside {
        height: 200px;
    }
    .booking-inside .select-room {
        width: 200px;
        width: 257px;
        width: 258px;
        width: 259px;
    }
    .booking-inside #date-in-out {
        width: 260px;
    }
    .dl-pdf-menu-home{color:#ff0000;}
    .dl-pdf-menu-home h2 {
        width: 100%;
    }
    ul.pdf-menu-home {
        width: 110px;
    }
    ul.pdf-menu-home li {
        display: block;
        width: 100px;
        text-align: left;
    }
    .pdf-publication {
        width: 170px;
        overflow: hidden;
        margin: auto;
    }
    .pdf-publication li {
        float: left;
        display: block;
        margin-bottom: 5px;
    }
    .wedding-inside .offerImg {
        padding-left: 10px;
        padding-right: 10px;
    }
    .offer-detail-box .price {
        font-size: 12px;
    }
    .offer-right .download {
        float: left;
        margin-top: 15px;
        width: 100%;
    }
    .offer-right .download a {
        float: left;
    }
    .modal-contact h3 {
        font-size: 16px;
    }
    .modal-content .modal-body {
        width: auto;
        text-align: center;
    }

}