--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
    font-family: 'PhilosopherBold';
    src: url('fonts/PhilosopherBold.eot');
    src: url('fonts/PhilosopherBold.eot') format('embedded-opentype'),
        url('fonts/PhilosopherBold.woff2') format('woff2'),
        url('fonts/PhilosopherBold.woff') format('woff'),
        url('fonts/PhilosopherBold.ttf') format('truetype'),
        url('fonts/PhilosopherBold.svg#PhilosopherBold') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Neutra2TextBook';
    src: url('fonts/Neutra2TextBook.eot');
    src: url('fonts/Neutra2TextBook.eot') format('embedded-opentype'),
        url('fonts/Neutra2TextBook.woff2') format('woff2'),
        url('fonts/Neutra2TextBook.woff') format('woff'),
        url('fonts/Neutra2TextBook.ttf') format('truetype'),
        url('fonts/Neutra2TextBook.svg#Neutra2TextBook') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'Neutra2TextBold';
    src: url('fonts/Neutra2TextBold.eot');
    src: url('fonts/Neutra2TextBold.eot') format('embedded-opentype'),
        url('fonts/Neutra2TextBold.woff2') format('woff2'),
        url('fonts/Neutra2TextBold.woff') format('woff'),
        url('fonts/Neutra2TextBold.ttf') format('truetype'),
        url('fonts/Neutra2TextBold.svg#Neutra2TextBold') format('svg');
    font-weight: normal;
}

/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{height: 100% !important;}
body{height: 100% !important; font-family:'Neutra2TextBook'; background:#fff;font-size: 16px;color: #000;}
h1{font-family: 'PhilosopherBold' !important;}
h2{font-family: 'Neutra2TextBold';}
h3{font-family: 'Neutra2TextBold';}
h4{font-family: 'Neutra2TextBold';}
h5{}
p{}
/*.row{ letter-spacing:normal;}*/
.pink{color:#FF0066;}
.red{color:#ff0000;}
hr {height:1px; margin:10px auto; border:none; background:#FF0066; width:60%;}
.cls{clear:both;}
.bright{border-right:1px solid #fff;}
.bbottom{border-bottom:1px solid #fff;}
.title-white h1{font-size: 48px;margin-bottom: 0px;color: #fff;}
.title-black h1{font-size: 48px;margin-bottom: 0px;color: #000;}
.title-black, .text-T p{margin-bottom: 0px;color: #000;margin: 0px 0 -4px;}
.facilitiespage .title-black h1{font-size: 24px;margin-bottom: 0px;color: #000;}
.alg-left{text-align:left;}
.over-hidden{overflow: hidden;}
body.king{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.70);-webkit-filter: grayscale(0.70);filter: grayscale(0.70); padding-top:100px;}
.kingTab{display:block; width:100%; height:100px; background:url(../images/his-majesty2.png)no-repeat center center; background-size:cover; position:fixed; top:0; z-index:100;}
/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a {color: #FF0066;}
a:hover, a:focus, a:active {color: #FF0066;}
.more.black{color: #000;display: block;border: 2px solid #000;padding: 14px 20px;font-size: 16px;font-family: 'Neutra2TextBold';max-width: 258px;margin: 0 auto;}
.more.white{color: #fff;display: block;border: 2px solid #fff;padding: 14px 20px;font-size: 16px;font-family: 'Neutra2TextBold';max-width: 258px;margin: 0 auto;}
.more:hover{color: #FF0066;}
/*--------------------------------------------------------------
- Header
--------------------------------------------------------------*/
.header{width:100%; height:118px; /*position:fixed;*/    position: initial; top:0px; background:url(../images/back-header-trans.png); text-align:center; z-index:3; font-family:'sentinal';}
.header.non-fix{position: absolute;}
.open-menu{display: none;}
.header .container{position:relative;}
.header .lang{position:absolute; right:20px;top:10px; font-family: 'Neutra2TextBook'; font-size:14px; z-index:9999;}
.header .lang a{padding:5px;}
.header .lang a:hover{background:#FF0066; color:#fff;}
.closelang, .mobilelang{display:none;}

.menu-lag {position: absolute;right:15px;top:0px;font-family: 'Neutra2TextBook'; font-size:10px; z-index:9999; height:20px}
.menu-lag .dropdown .dropdown-menu span{}
.fix-drop a:hover,.fix-drop a:focus{background-color:#d71343!important;}
.nonhover li a:hover,.nonhover li a:focus{background-color: rgb(138, 138, 138)!important;}


/* .header .lang>a>span>img{vertical-align: bottom;} */
/*--------------------------------------------------------------
- Navigation
--------------------------------------------------------------*/
.menu{width:100%; height:auto;     position: initial;/*position:fixed;*/ top:117px;  background-color: rgba(0,0,0,1); text-align:right; z-index:4;}
.menu.non-fix{position: absolute;}
.menu.fix{position: fixed;top: 0px;}
.menu .container{}
.navigation{list-style: none;padding: 0;margin: 0;text-align: center;}
.navigation li{display: inline-block; margin:0;}
.navigation li a{display: block;color: #fff;font-size: 16px;padding: 10px 9px;/*padding: 10px 12px;*/}
.navigation li a.active{color: #FF0066;}
.navigation li a:hover{background:#FF0066; color:#fff;}
.navigation li:first-child a{border: none;}
.navigation li a.checkBTN{width:150px; display:block; position:relative;background:#FF0066; color:#fff; text-align:center !important;  padding: 4px 15px; font-family: 'sentinal'; font-size:19px;}
.navigation li a.checkBTN p{position:absolute; top:5px; text-align:center; width:100%; color:#fff;}
.chkbox{vertical-align:bottom;}
.close-menu{display: none;}

.menu.menuUp{
    top:0 !important;
    transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
}
.menu.menuDown{
    top:123px !important;
    transition:all .5s;
    -o-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
}

.downpage{list-style:none; padding:0; margin:0; text-align:center; position:fixed; right:10px; top:50%; margin-top:-50px; z-index:999;}
.downpage li{width:10px; height:10px; display:block; margin-bottom:5px;}
.downpage li a{display:block; width:10px; height:10px; background:#fff;
               -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
               border-radius: 100%;}
.downpage li a.active{background:#FF0066;}

.header.hide-first, .menu.hide-first, .booknow.hide-first{top: -100%;}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0;}
/*--------------------------------------------------------------
- Booking
--------------------------------------------------------------*/
.close-booking{
    position: absolute;
    width: 22px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 3px;}
.booknow{position:fixed; top:0px; left:0; z-index:134; cursor:pointer;background: #FF0066;width: 162px;text-align: center;padding: 40px 0;}
.booknow:hover{background: #BB081E;}
.booknow:before {content: "";width: 0;height: 0;border-left: 20px solid rgba(0, 0, 0, 0);position: absolute;left: 50%;bottom: -20px;border-right: 20px solid rgba(238, 238, 238, 0);border-top: 20px solid #FF0066;margin-left: -20px;}
.booknow:hover:before{border-top: 20px solid #BB081E;}
.booknow h2{font-family: 'PhilosopherBold';color: #fff;margin: 0;font-size: 40px;}
.booknow h3{color: #fff;margin: 0;font-size: 32px;}
.booknow.hidebook{transform: translateX(-100%);}
/*.booknow.hidebook h2, .booknow.hidebook h3{visibility: hidden;}*/

.booking{width:470px; height:430px; position:fixed; top:159px; left:-470px; z-index:3;background:rgba(0, 0, 0, 0.58) url(../images/back-header-trans.png);padding:5px 40px 20px;text-align:center;
         transition:all .5s ease-in-out;
         -o-transition:all .5s ease-in-out;
         -moz-transition:all .5s ease-in-out;
         -webkit-transition:all .5s ease-in-out;
}
.booking h3{text-transform: uppercase;color: #fff;font-family: 'Neutra2TextBold';font-size: 19px;margin: 8px 0px; padding: 0 40px;}
.booking.active{left:0;}
.booking .text-discount{color: #FFC324;padding-top: 8px;margin-bottom: 0;}
.text-check{position: absolute;text-transform: uppercase;font-size: 24px;background-color: #FF0066;top: 0px;padding: 10px;color: #FFFFFF;right: 0;width: 100%;display: none;border: 29px solid #FFFFFF;font-family: 'PhilosopherBold';z-index: 1;box-shadow: 0 15px 62px rgba(0, 0, 0, 0.46);}
.box3{padding: 3px;font-family: 'PhilosopherBold';position: relative;}
.box3 span{display: block;background-color: #FF0066;color: #fff;padding: 3px;}
.box3 .mouth{font-family: 'PhilosopherBold' !important;}
.box3 .date{font-family: 'PhilosopherBold' !important;}
.box3 .year{font-family: 'PhilosopherBold' !important;}
.box3:before, #dp-popup:before {content: "";width: 0;height: 0;border-bottom: 15px solid #FF0066;border-left: 15px solid transparent;position: absolute;right: 3px;bottom: 3px;}
#night-num{padding: 30px 0;cursor: inherit;font-family: 'PhilosopherBold' !important;}
#pcode{background: none;border: none;color: #fff;text-align: center;width: auto;
       /*-webkit-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
       -moz-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
       box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);*/
}
#benefits-input {
    background: none;
    border: none;
    color: #000;
    text-align: center;
    width: 200px;
    border: 1px solid #ccc;
    margin-top: -35px;
    margin-right: 320px;
    margin-left: 320px;
    height: 34px;
    padding: 6px 12px;
}
/*.box-promo{display: inline-block;}*/
/*.manage-book{display: inline-block;padding: 0 15px;}*/
/*.manage-book a{color: #fff;text-decoration: underline;}*/
#reservBut{font-family: 'Neutra2TextBold';font-size: 20px;max-width: 370px;margin: 10px auto;}
#reservBut:hover,#reservBut:focus{color: #fff;}
.amend{color: #fff;font-size: 11px;}
.box-best-rate{color: #FF0066;border-top: 1px solid #fff;margin: 5px 0px;}
.box-best-rate h3{font-size: 14px;color: #FF0066;margin: 8px;}
.box-best-rate ul{padding: 0;margin: 0;list-style: none;letter-spacing: -0.3em;}
.box-best-rate li{position: relative;display: inline-block;width: 25%;vertical-align: top;letter-spacing: normal;font-size: 11px;text-align: left;font-family: 'Neutra2TextBold';line-height: 11px;padding: 0 5px 0 20px;}
.box-best-rate li i{position: absolute;background: transparent url(../images/icon-best-rate.png) 0 0 no-repeat;width: 17px;height: 20px;left: 0;top: 0;}
.box-best-rate li i.b1{background-position: 0 0;}
.box-best-rate li i.b2{background-position: -94px 0px;}
.box-best-rate li i.b3{background-position: -179px 0;}
.box-best-rate li i.b4{background-position: -258px 0;}
.wrap-addpromocode{margin-bottom: 5px;}
.inline{display: inline-block;vertical-align: middle;}
.book-btn{padding: 10px 30px;}
/*@media (max-width: 1024px) and (min-width: 992px){
    .booknow {
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 4;
        cursor: pointer;
        background: #FF0066;
        width: 100px;
        height: 100px;
        text-align: center;
        padding: 40px 0;
    }

    .booknow h2 {
        font-family: 'PhilosopherBold';
        color: #fff;
        margin: 0;
        font-size: 25px;
    }

    .booknow h3 {
        color: #fff;
        margin: 0;
        font-size: 22px;
    }

}*/

/*--------------------------------------------------------------
- Banner Slider
--------------------------------------------------------------*/
.banner-full, .slick-list, .slick-track{height: 100%;}
.item-banner{-webkit-background-size: cover;background-size: cover;background-position: center;}
.item-banner a{display: block;height: 100%;}
.item-banner .caption{position: absolute;top: 50%;width: 100%;text-align: center;color: #fff;}
.box-caption{display: inline-block;background-color: #fff;width: 100%;padding: 20px 20px 30px;max-width: 380px;}
.inside-page .box-caption{padding: 20px 20px 15px;}
.caption-home{position: absolute;bottom: 0;width: 100%;text-align: center;}
.caption-home h1{display: inline-block;background-color: #fff;font-size: 30px;margin: 0;}
.caption-home span, .line{display: inline-block;width: 160px;border-bottom: 2px solid #FF0066;}
.box-caption-inside{display: inline-block;background-color: #fff;width: 100%;padding: 20px 20px 30px;max-width: 610px;}
.slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:visited, .slick-next:visited,  .slick-prev:active, .slick-next:active{width: auto;height: auto;position:absolute; top:50%; cursor:pointer; z-index:2; display:inline-block; padding:5px 15px; background-color:rgb(255, 255, 255) !important; margin-top:-20px; font-size:0; border:none;outline: none;}
.slick-prev{left: 0px;}
.slick-prev:before{content: "\f104";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#000;}
.slick-next{right: 0px;}
.slick-next:before{content: "\f105";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#000;}

/*home stricker*/
span.home-stricker{
    width: 175px;
    height: 175px;
    position: absolute;
    top: 159px;
    right: 0px;
    background-image: url(../images/songkran-sticker.png);
    background-position: 0px 0px;
    /*background-size: cover;*/
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
@media (max-width: 1200px){
    span.home-stricker{
        top: 151px;
    }
}
@media (max-width: 992px){
    span.home-stricker{
        top: 0px;
    }
}
@media (max-width: 568px){
    span.home-stricker{
        width: 120px;
        height: 120px;
    }
}
@media (max-width: 992px){
    .kingTab {height: 70px;background: url(../images/his-majesty-mobile.png)no-repeat center center;top: 75px;}
    .header{width:100%; height:118px; position:fixed; top:0px; background:url(../images/back-header-trans.png); text-align:center; z-index:3; font-family:'sentinal';}
    .menu{width:100%; height:auto; position:fixed; top:117px;  background-color: rgba(0,0,0,1); text-align:right; z-index:4;}
}

/*--------------------------------------------------------------
- Section Welcome
--------------------------------------------------------------*/
.section-welcome{background-color: #fff;padding-bottom: 55px;color: #000;font-size: 16px;}
.section-welcome h2{font-family: 'PhilosopherBold';font-size: 20px;margin: 0;}
.box-caption h2.title{font-family: 'PhilosopherBold';font-size: 20px;margin: 0;}
/*--------------------------------------------------------------
- Section Room
--------------------------------------------------------------*/
.section-room{position: relative;}
.section-room .detail{position: absolute;width: 20%;height: 670px;background-color: #ddd;left: 50%;margin-left: -10%;text-align: center;color: #000;padding: 30px;z-index: 1;}
.section-room .detail h1{font-size: 48px;margin-bottom: 0px;}
.section-room .detail h4{font-family: 'Neutra2TextBold';margin-top: 20px;margin-bottom: 0;}
.section-room .rooms{text-align: center;vertical-align: top;letter-spacing: -0.3em;margin: 0;padding: 0;list-style: none;}
.section-room .rooms li{position: relative;letter-spacing: normal;width: 20%;height: 670px;display: inline-block;vertical-align: top;overflow: hidden;}
.section-room .rooms li .img{width: 100%;height: 100%;-webkit-background-size: cover;background-size: cover;position: relative;letter-spacing: normal;
                             -webkit-transform: scale(1.12) translateZ(0);
                             transform: scale(1.12) translateZ(0);
                             -webkit-transform-style: preserve-3d;
                             transform-style: preserve-3d;}
.section-room .rooms li:hover .img{-webkit-transform: scale(1) translateZ(0);transform: scale(1) translateZ(0);}
.section-room .rooms li a{border: 5px solid transparent;opacity: 0;position: absolute;right: 0;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.61);color: #fff;font-family: 'PhilosopherBold';font-size: 36px;padding-top: 270px;}
.section-room .rooms li a:hover{opacity: 1;border: 5px solid #FF0066;}
.section-room .rooms li a.active{opacity: 1;border: 1px solid #D71343;}
.section-room .rooms li a span{font-family:'Neutra2TextBook';font-size:20px;}
.section-room .rooms li a em{font-family:'Neutra2TextBook';font-size:14px;}
.section-room .rooms li a i{font-size: 14px;}
/*--------------------------------------------------------------
- Section offer
--------------------------------------------------------------*/
.section-offer{position: relative;padding: 50px 0;background-color: #fff;}
.section-offer h1{font-size: 46px;margin-bottom: 15px;}
.bg-offer{background: #fff url(../images/mark-offer.png) center 68px repeat-x;}
.box-home-offer{position: relative;padding: 0 50px; text-align:center;}
.box-home-offer .next, .box-home-offer .prev{position: absolute;font-size: 30px;top: 120px;display: inline-block;padding: 5px 20px;background-color: #fff;color: #000;}
.box-home-offer .next{right: 0;}
.box-home-offer .prev{left: 0;}
.offer-item{padding: 5px;}
.offer-item a{color: #000;overflow: hidden;display: block;}
.offer-item a img{width: 100%;}
.offer-item a:hover img{-webkit-transform: scale(1.12) translateZ(0);
                        transform: scale(1.12) translateZ(0);
                        -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;}
.offer-item .detail{padding: 20px;display: block;background-color: #fff;}
.offer-item .name{display: block;font-family: 'Neutra2TextBold'; text-transform: uppercase;}
.offer-item i{color: #FF0066;}
/*--------------------------------------------------------------
- Section Dining
--------------------------------------------------------------*/
.section-dining{background: #000 url(../images/bg-dining.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #060606;}
.bg-dining{/*background:rgba(0, 0, 0, 0) url(../images/back-header-trans.png);*/padding:50px 0;background-color: rgba(255, 255, 255, 0.5);}
.section-dining h1{font-size: 46px;margin-bottom: 15px;}
/*--------------------------------------------------------------
- Section Locaation
--------------------------------------------------------------*/
.section-location{padding:50px 0 0;background-color:#fff;}
.section-location h1{font-size: 46px;margin-bottom: 15px;}
.tab-map, .tab-map-home{list-style: none;padding: 0;margin: 0;}
.tab-map li, .tab-map-home li{display: inline-block;}
.tab-map li a, .tab-map-home li a{color: #000;font-family: 'Neutra2TextBold';padding: 0 10px;border-left: 1px solid #000;display: block;line-height: 15px;}
.tab-map li a.active, .tab-map-home li a.active{color: #FF0066;}
.tab-map li:first-child a, .tab-map-home li:first-child a{border: none;}
#MAP{height: 500px;width: 100%;}
.map-info{}
.map-info h2{margin: 0;font-family: 'PhilosopherBold' !important;margin-bottom: 10px;}
.list-shopping{letter-spacing: -0.3em;max-width: 960px; margin: 20px auto 0;padding: 20px 0 0;border-top: 1px solid #eee;}
.list-shopping li{display: inline-block;width: 25%;letter-spacing: normal;margin-bottom: 10px;}
.list-shopping li a{display: block;color: #000;font-size: 14px;}
.list-shopping li a:hover, .list-shopping li a.active{color: #FF0066;}
hr.thin{border-top: 1px solid #eee;background: #eee;}
/*--------------------------------------------------------------
- Room page
--------------------------------------------------------------*/
.room-item{margin-bottom: 30px;}
.room-item img{width: 100%;}
.room-item h1{margin-top: 0;}
.room-item .detail{background-color: #DDDDDD;padding: 10px;text-align: center;color: #000;height: auto;}
.room-more{display: block;padding: 10px 20px;border: 2px solid #000;color: #000;font-family: 'Neutra2TextBold';}
.room-book{display: block;padding: 10px 20px;background-color: #FF0066;border: 2px solid #FF0066;color: #fff;font-family: 'Neutra2TextBold';}
.room-more:hover{color: #FF0066;}
.room-book:hover{color: #fff;}
.box-other-rooms{border-top: 1px solid #000;margin-top: 30px;}
.box-other-rooms h3{font-family: 'PhilosopherBold';font-size: 18px;}
.box-other-rooms ul{padding: 0;list-style: none;}
.box-other-rooms li{border-left: 2px solid #000;display: inline-block;letter-spacing: normal;}
.box-other-rooms li:first-child{border: none;}
.box-other-rooms li a{display: block;padding: 0 5px;font-family: 'Neutra2TextBold';color: #000;font-size: 15px;}
.box-other-rooms li a:hover{color: #FF0066;}
/*--------------------------------------------------------------
- Offer page
--------------------------------------------------------------*/
.offer-more{display: block;padding: 10px 20px;border: 2px solid #000;color: #000;font-family: 'Neutra2TextBold';}
.offer-book{font-size: 14px; display: block;padding: 10px 20px;background-color: #FF0066;border: 2px solid #FF0066;color: #fff !important;font-family: 'Neutra2TextBold';margin-bottom: 30px;}
.offer-more:hover{color: #FF0066;}
.offer-book:hover{color: #fff;}

/*--------------------------------------------------------------
- contact page
--------------------------------------------------------------*/
.box-contact{}
.box-contact h3{text-transform: uppercase;font-size: 30px;}
.box-contact i{width: 20px;}
.box-map #MAP{height: 100%;}
.box-contact button{color: #000;background: none;display: block;border: 2px solid #000;padding: 14px 50px;font-size: 16px;font-family: 'Neutra2TextBold';}
#Spam{height: 0;width: 0;padding: 0;opacity: 0;margin: 0;}
/*--------------------------------------------------------------
- Gallery page
--------------------------------------------------------------*/
.box-menu-gallery{position: relative;margin-bottom: 40px;}
.select-gallery{cursor: pointer;display: none;}
.menu-gallery{list-style: none;margin: 20px 0;padding: 0;}
.menu-gallery.active{display: block;}
.menu-gallery > li{display: inline-block;position: relative;}
.menu-gallery > li > a{display: block;padding: 10px 40px;text-transform: uppercase;color: #000;font-family: 'Neutra2TextBold';background-color: #eee;}
.menu-gallery > li > a:hover, .menu-gallery > li.active > a{background-color: #FF0066;color: #fff;}
.menu-gallery ul{display: none;padding: 0;list-style: none;position: absolute;z-index: 2;width: 100%;}
.menu-gallery ul > li{}
.menu-gallery ul > li a{padding: 10px 20px;display: block;background-color: #FF0066;color: #fff;text-transform: uppercase;font-size: 13px;}
.menu-gallery ul > li a:hover{background-color: #AD1036;}
.menu-gallery > li:hover > ul{display: block;}
.menu-gallery li a.active{background-color: #FF0066;color: #fff;}


.box-gallery{letter-spacing: -0.24em;min-height:250px;}
.box-gallery a{width: 20%;overflow: hidden;position: relative;vertical-align: top;border: 1px solid #fff;letter-spacing: normal;display: inline-block;}
.box-gallery a:before{opacity: 0;content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;font-size: 48px;background: rgb(215, 19, 67);}
.box-gallery a:after{content: "+";font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;position: absolute;top: 50%;color: #fff;opacity: 0;font-size: 105px;text-align: center;left: 0;width: 100%;margin: -53px 0 0 0;}
.box-gallery a:hover img{
    opacity: 0.5; 
    transform: scale(1.1) rotate(0.7deg);
    -ms-transform: scale(1.1) rotate(0.7deg);
    -webkit-transform: scale(1.1) rotate(0.7deg);
    -o-transform: scale(1.1) rotate(0.7deg);
    -moz-transform: scale(1.1) rotate(0.7deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.box-gallery a:hover:after,.box-gallery a:hover:before{opacity: 1;}
.box-gallery img{width: 100%;}

.fancybox-skin{padding: 2px !important;border-radius: 0px !important;}
.fancybox-prev i{color: #fff;font-size: 80px;position: absolute;left: 26px;top: 50%;margin: -50px 0 0;text-shadow:0 1px 1px #000;}
.fancybox-next i{color: #fff;font-size: 80px;position: absolute;right: 26px;top: 50%;margin: -50px 0 0;text-shadow:0 1px 1px #000;}
.fancybox-close i{background: #FF0066;color: #fff;font-size: 20px;height: 36px;width: 36px;padding: 7px 10px;}

/*--------------------------------------------------------------
- Section page
--------------------------------------------------------------*/
.banner-page{height: 500px;}
section img{max-width:100%;}
.full-height {height: 100%;min-height: 100%;margin-left:auto;margin-right:auto;}
.inside-page{height: 500px;margin-left:auto;margin-right:auto;}
.home-banner{}
.box-section {position:relative;}
.box-section h2{font-size:28px; color:#000; margin-top:0; font-family: 'Neutra2TextBold';}
.box-section .btn{padding:15px 25px; margin:10px 0;}
.wrap{width:100%; height:100%; /*max-width:1567px;*/ padding-top:183px; padding-bottom:60px; position:relative; overflow:hidden;}
.slideDown{width:42px; height:40px; position:absolute; bottom:60px; left:50%; margin-left:-21px; cursor:pointer; z-index:999;}

#HOME .container{width:770px; height:197px; position:absolute; top:50%; margin-top:-98px; left:50%; margin-left:-385px;}

.toggTab{width:100%; padding:10px 0; text-align:left; font-weight:bold; font-size:18px; font-family: 'Neutra2TextBold'; position:relative;}
.toggTab .icon{position:absolute; top:10px; right:0; color:#000;}
.toggDetail {text-align:left;}

.room-thumbnail .item{width:33.33%; display:inline-block; border:2px solid #fff;}
.room-detail {position:relative;}
.room-detail h2{font-size:18px;}
.room-detail .book-btn{width:155px; margin:0; padding:16px 0;font-family: 'Neutra2TextBold';}
.room-detail .book-btn:hover{color: #fff;}
.room-detail .more{width:auto; float:left;}

.q {display: block;cursor: pointer;padding: 5px 10px;position: relative;padding-left: 22px;}
.q>i {color: #FF0066;position: absolute;left: 0;top: 7px;}
.a {display: none;padding: 10px 22px;background: #f3f3f3;}

/*--------------------------------------------------------------
- Footer bar home
--------------------------------------------------------------*/
.footer{padding: 20px 0 55px;background-color: #cdcdcd;font-size: 13px;font-weight: bold;}
.footer a{color: #000;}
.footer .container{text-align:center;}
.footer-link{list-style: none;margin: 0;padding: 0; border-bottom: 1px solid #999;}
.footer-link li{display: inline-block;}
.footer-link li a{font-size: 11px;padding: 0 5px;color: #000;display: block;margin-bottom: 10px;}
.footer-fix{position: fixed;bottom: 0;width: 100%;text-align: center;color: #FF0066;background-color: #000;z-index: 2;padding: 10px 0;
            transform: translateY(100%);
            transition:all .3s ease-in-out;
            -o-transition:all .3s ease-in-out;
            -moz-transition:all .3s ease-in-out;
            -webkit-transition:all .3s ease-in-out;}
.footer-fix.active{transform: translateY(0%);}
.footer-fix h2{display: inline-block;margin: 0;font-size: 22px;}
.footer-fix .balance{display: inline-table;width: auto;vertical-align: middle;}
.footer-fix .input-group-lg>.form-control,.footer-fix .input-group-lg>.input-group-addon,.footer-fix .input-group-lg>.input-group-btn>.btn{height: 35px;padding: 7px 16px;}
.footer-fix .form-subscribe .input-group-btn button span{font-size: 20px;}
.close-footer-fix{position: absolute;top: 0;right: 0;background: #FF0066;width: 25px;height: 25px;}
.close-footer-fix i{color: #fff;vertical-align: middle;}
.foonter-item{display: inline-block;padding: 10px;vertical-align: middle;}
.foonter-item .text{display: inline-block;}
.foonter-item .item{display: inline-block;padding: 0 0px;max-width: 190px;vertical-align: middle;}
.foonter-item-chat{display: inline-block;padding:0 10px;vertical-align: middle;}

.newslater input{padding: 6px 10px;font-size: 12px;border: none;border-radius: 3px;height: auto;}
.newslater button{background-color: #FF0066;color: #fff;font-size: 12px;padding: 5px;}
.newslater button:hover{color: #fff;border-left: none;}
.socail{}
.socail a{color: #808080;padding: 0 5px;}
.socail.foonter-item{
    display: block;
    padding-left: 0;
    text-align: left;
    font-size: 16px;
    text-align: left;
}
@media (min-width: 1202px){
    .socail.foonter-item{
        padding: 8px 0px 0px 64px;
        float: left;
    }
}

.socail.foonter-item i{color: #000;}
.icon-scroll-down{position: absolute;color: #FFF;text-shadow: 0 0 5px #000;width: 100%;text-align: center;top: -75px;}
.box_link{text-align:left;margin-top: 10px;}
.box_link a{display: block;}
.box_link > a{font-size: 11px;padding: 5px;}
.box_link>span{width: 20%;padding: 0;margin: 0; vertical-align: top;}
.box_link>ul{display: inline-block;list-style-type: none;width: 78%;padding: 0;margin: 0;}
.box_link ul li{display: inline-block;margin: 0 10px;}
.box_link ul li a:before{content:"\f054 ";font-family: FontAwesome;font-size: 10px;margin-right: 3px;color: #666;}
.country{display:inline-block;  /*border-bottom:#999 solid 1px;*/padding:0px 0px 7px 0px;margin-bottom: 5px;}
.cp-key-text{font-size: 24px;text-align: left;}
@media (min-width: 1202px){
    .cp-key-text .compass-t{
        float: left;
    }
    .cp-key-text .compass-i{
        padding: 10px 0px 0px 50px;
    }
}
.fast-track{text-align:left;}
@media (min-width: 1202px){
    .fast-track {
        float: left;
    }
}
.din-promotion h2{ letter-spacing:normal;}
.din-promotion .item{padding:2px;}
.din-promotion .item a:before{opacity: 0;content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;font-size: 48px;background: rgb(215, 19, 67);}
.din-promotion .item a:after{content: "+";font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;position: absolute;top: 50%;color: #fff;opacity: 0;font-size: 105px;text-align: center;left: 0;width: 100%;margin: -53px 0 0 0;}

.din-promotion .item a:hover:after,.din-promotion .item a:hover:before{opacity: 0.5;}
p.read-more{display:none;}
p.read-more-footer{display:none;}
/*.read-more-text-footer{display: none;}*/
.btn-footer{border: 1px solid #fff;background: #000; color: #fff;}
.text-footer-m{display: none;}
.promotab{color:#fff;}
.booking.active .promotab{margin-right:-270px;}
.comparison{padding:10px 20px; background:#333; color:#fff;}
.comparison:hover{background:#000; }
.comparison img{max-width:60px;}
.room-item table{border:none; letter-spacing:normal; display:none;}
.room-item table.active{display:table;}
.room-item table td{border:1px solid #fff !important; background:#f1f1f1;}
.row-fluid.fix-font{letter-spacing:normal;}
.com-head{background:#ff0066 !important; color:#fff;}
.com-group{color:#000; font-size:26px; font-family: 'Neutra2TextBold'; width:100%; text-align:left; display:block; padding:10px; background:#f1f1f1; position:relative; margin-top:10px;}
.com-group .fa{color:#ff0066; position:absolute; right:10px; top:50%; margin-top:-14px;}
.meeting-head{padding:10px; background:#ff0066; color:#fff;}
.meeting-body{padding:10px; background:#f1f1f1;}
.meeting-item table{border:none; letter-spacing:normal;}
.meeting-item table td{border:1px solid #fff !important; background:#f1f1f1;}
.meet-head{background:#333 !important; color:#fff;}
.member-body{text-align: center;}
.benefits-body{padding:10px;    background: #fff;border: 1px solid #ccc;}
.benefits-member{padding-left: 0px; padding-right: 0px;}
.benefits-height{height: 250px;border: 1px solid #000;}
/*.body-height{height: 425px;}*/
.banefits-head {color: #fff;text-align: center;}
.btn-banefits .input-group.input-group-lg.form-subscribe{display: flex!important;}
.banefits-subscribe{margin-top: 10px;text-align: center;background-color: #f90606;border: 0;padding: 10px 5px;color: #fff;display: inline-block;/*left: 170px;right: -170px;*/position: relative;width: 200px;font-size: 20px;}
.sub-footer .banefits-subscribe{left: -40%;right: 50%;padding: 5px 5px;width: 170px;}
.banefits-subscribe a{color: #fff;}
/*.container-banefits{margin-left: 35px ; margin-right: 35px;}*/
.container-banefits.text span{font-weight: bold; }
.title-black.subscribe{text-align: center !important;}
a.benefits{color: #FFC324;text-decoration: underline;}
a:hover.benefits{color: #D71343;}
@media (max-width: 1400px){
   .container-banefits{margin-left: 100px ; margin-right: 50px;}
   a.benefits{font-size: 12px;}
}
@media (max-width: 900px){
.container-banefits{margin-left: 0px ; margin-right: 0px;}
.text-footer{display: none;}
.text-footer-m{display: inline-block;}
}


.GSocial{position:absolute; bottom:5px; right:5px; z-index:99999;}
.GSocial .item, .GSocial .box-social{display:inline-block; vertical-align:top;}
.GSocial .box-social a{margin-left:5px; width:40px; height:40px; padding:9px 0; color:#fff; display:inline-block; text-align:center;}
.GSocial .box-social a.facebook{background:#3b5998;}
.GSocial .box-social a.twitter{background:#00aced;}
.GSocial .box-social a.google{background:#dd4b39;}
.GSocial .box-social {margin-top:0;}
.GSocial .footSocial{margin:0;}
.GSocial .offer-book{margin-bottom:0; padding: 7px 20px;}

.fix-stick{overflow:hidden;}
.fix-stick .tag{background:#D71343; color:#fff; font-size:14px; text-align:center; position:absolute; top:42px; right:-225px; z-index:1; width:100%; padding:5px 0; border:solid 1px #D71343;
                transform: rotate(25deg) ;
                -webkit-transform: rotate(25deg) ;
                -moz-transform: rotate(25deg) ;
                -o-transform: rotate(25deg) ;
                -ms-transform: rotate(25deg) ;
}
span.santa-icon:before{
    content: url(../images/santas-left.png);
    position: absolute;
    bottom: 0px;
    left: 15%;
}
span.santa-icon:after{
    content: url(../images/santas-right.png);
    position: absolute;
    bottom: 0px;
    right: 15%;
}
.hide-santa{
    display: none;
}
@media (max-width: 1024px){
    span.santa-icon:before{
        content: url(../images/santas-left.png);
        left: 5%;
    }
    span.santa-icon:after{
        content: url(../images/santas-right.png);
        right: 5%;
    }    
}
@media (max-width: 425px){
    span.santa-icon:before{
        /*content: "";*/
        left: -2%;
    }
    span.santa-icon:after{
        /*content: "";*/
        right: -2%;
    } 
    .close-footer-fix{
        /*top: 73px;*/
        /*bottom: 0px;*/
    }    
}
@media (max-width: 424px){
    span.santa-icon:before{
        /*content: "";*/
        left: 12%;
        bottom: 80%;
    }
    span.santa-icon:after{
        /*content: "";*/
        right: 12%;
        bottom: 80%;
    }    
}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a, .room-fav .detail, .header, .box-gallery img,.offer-item a img, .box-gallery a:before, .box-gallery a:after, .booknow, .booknow:before, .section-room .rooms li, .section-room .rooms li .img, .header .lang{  
    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{}

/*@media (max-width: 1570px) {
    .booking{width: 100%;top: -100%;height: 100%;overflow-y: scroll;left: 0;-webkit-overflow-scrolling: touch;padding-top: 120px;}
    .booking::-webkit-scrollbar {display: none; }
    .booking.active{display: block;top: 0;}
    div#dp-popup{width: 450px !important;left: 50%;margin-left: -225px;top: 96px;}
    .text-check{width: 450px;left: 50%;margin-left: -225px;top: 10px;}
    .box-best-rate{width: 450px;margin: 10px auto;}
    .box-promo{width: 100%;max-width: 450px;margin: 0 auto;}
    .close-booking{right: 50%;margin-right: -23px;top: 50px;border: 2px solid #fff;border-radius: 100%;padding: 10px;width: 45px;}
}*/

/*Gsanook*/
.blog-gsanook h2{color:#F06;}
.blog-gsanook p.bold{font-weight: 800;}
ul.icon-gsanook{padding-left: 10px;}
ul.icon-gsanook li{list-style: none;margin:15px 0px;position: relative;padding-left: 40px;}
ul.icon-gsanook li img{position: absolute;left: 0px;}
.flip-container {text-align: center;
                 -webkit-perspective: 1000;
                 perspective: 1000;display: inline-block;}
.flip-container:hover .flipper, .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);}
.flip-container, .front, .back {width: 226px;height: 226px;}
.flip-container img {width: 100%;}
.flipper {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;position: relative;}
.front, .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.front {z-index: 2;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);}
.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);}
.blog-flip-gsanook>div{text-align: center}
.btn-show-gsanook-1, .btn-show-gsanook-2{text-decoration: none;padding: 10px 20px;background-color: #eee;border-radius: 10px;}
.tabiC {position: absolute;top: 10px;right: 10px;}
.w1 {width:400px; float:left; margin:0 0 5px 0;}
.w2 {width:125px; float:left; margin:0 0 5px 5px; }
.tab-amen{position: relative;background-color: #eee;padding: 10px;padding: 1px 10px;display: block;text-decoration: none;}
.tab-amen h3{text-transform: uppercase;color: #ff0066;font-size: 16px;}
.list-icon{padding: 0;margin: 0;}
.list-icon li{display: block;vertical-align: top;position: relative;padding-left: 45px;margin-bottom: 30px;padding-top: 5px;}
.list-icon li img{position: absolute;left: 0;top: 0;}
.btn-show-gsanook-1, .btn-show-gsanook-2{text-decoration: none;padding: 10px 20px;background-color: #eee;border-radius: 10px;}
.book-now-btn{display: inline-block;padding: 10px 20px;border-radius: 5px;background-color: #D92354;color: #fff;text-decoration: none;}
.book-now-btn:hover{color: #fff;box-shadow: 0 0 3px;}
.box-g10{position: fixed;z-index: 999;top: 0;right: 0;left: 0;bottom: 0;background-color: #D71B4B;text-align: center;}
.rightHead a{color: #ff0066;}
.blog-gsanook span.glyphicon.glyphicon-ok{color:#F06;}
.innerspace{width:100%; height:79px; position:relative; display:none;}

/*reviews*/
.reviews-trip h2{color:#F06;margin: 10px 0px;}
.logo-readreview{display: inline-block;padding:10px 10px 0px;margin-left:10px;vertical-align: middle;}
.logo-readreview a.more.black{display: inline-block;margin-top:5px;border-color:#589442;color:#589442;}

/*MEMBER*/
.close-member{position: absolute;right: 0;top: 0;bottom:0;padding: 6px 16px;background: #06093F;color: #fff;cursor: pointer;font-size: 20px; max-height:40px;}
.membut:hover{color:#fff;}
.memberbox{position:absolute; top:118px; right:230px; width:400px; height:auto; background-color:rgba(255,255,255,1); z-index:9999; border:1px solid #ccc; text-align:left; display:none;}
.memberbox .head{width:100%; border-bottom:1px solid #ccc;}
.memberbox .head a{display:inline-block; padding:10px 15px; text-decoration:none; border-right:1px solid #ccc; }
.memberbox .head a.memactive{color:#333; border-bottom:1px solid #fff;margin-bottom:-2px; font-weight:bold;}
.memberbox .content{width:90%; margin-left:5%; padding:10px 0;}
.memberbox .memform {width:100%; background:none; border:none; color:#000; padding:10px; background:#f1f1f1; margin-bottom:10px;}
.memberbox select.memform{width:360px;}
.fm1{display:inline-block; width:100%; position:relative;}
.fm2{display:inline-block; width:100%; position:relative;}
.sout{display:none;}
.formH{width:175px; display:inline-block; margin-right:2px;}
.formH .memform{width:155px;}
.memberbut{width:auto; position:absolute; top:75px; right:220px;}
.memberbut-left{ position:absolute; top:5px; right:5px;}
.stickMember{position:fixed; bottom:0; right:280px; z-index:999999; display:none;}
.memberbut-mobile{display:none;}


/*Register*/
.sign-up-page h1{margin:15px 0px 10px;}
.sign-up-page .formH{width: 100%;margin:10px 0px;}
.sign-up-page .fm2{width: 100%;}
.sign-up-page .formH .memform{width: 100%;}
.sign-up-page .submit-btn{margin-top:10px;padding: 6px 25px;}
.sign-up-page{background:#E0E0E0;padding:15px;border-radius:6px;box-shadow: 5px 5px 5px #D0CDCD}
.sign-up-page input{padding:5px;}
.sign-up-page button#btnSendOut,.sign-up-page button#btnSendIn{background:#D35719;color:#fff;cursor:pointer;border-radius:5px;}
.detail-regis{ letter-spacing:normal;}

#ft-quote, #ft-action {display:block !important;}

.sister{letter-spacing:normal;  text-align:left; padding:10px; background-color:rgba(255,255,255,0.5);}
.sister .title{font-family: 'Neutra2TextBold';font-size: 24px; color:#FF0066;}
.sister img{float:left; margin:10px;}
.sister .btnv{padding:10px 15px; background:#FF0066; color:#fff;}


@media (max-width: 1390px) {
    .navigation li a{font-size: 14px; padding: 11px;}
}

.printmap{display: inline-block;}
a.printmap:hover,a.printmap:active,a.printmap:focus{color: #000;}

.btn-normal{display: inline-block;padding: 10px 20px;background-color: #FF0066;border: 2px solid #FF0066;color: #fff;font-family: 'Neutra2TextBold';}
a:hover.btn-normal,a:focus.btn-normal{color: #fff;}
.btn-fixed-bottom{position: absolute;bottom: 20px;right: 50px;z-index: 99999;}
.covervdo{border:2px solid #FF0066;}
/*--------------------------------------------------------------
- Font Control
--------------------------------------------------------------*/
.container{position: relative;}
.fontControl{position: absolute;right: 30px;top: 20px;cursor: pointer;z-index:2;}
.fontControl a{background: #fff url(../images/font-control.png) 0 0 no-repeat;display: inline-block;width: 25px;height: 25px;}
#fontsmall{background-position: 0 0;}
#fontnormal{background-position: -31px 0px;}
#fontbig{background-position: -62px 0;}
.space-fontCT{height:40px;width:100%;overflow:hidden;}

/*Sub header*/
.sub-header{position: absolute;top: 160px;right: 20px;font-size: 14px}
.sub-header>div{
    margin-top: 20px;
    padding: 0;
    width: 290px;
    color: #1c1c1c;
    background: rgba(255,255,255,0.8);
    border: 2px solid #fff;
    border-radius: 3px;
}
.sub-header .header-sub{position: relative;
                        padding: 0 10px;
                        height: 25px;
                        cursor: pointer;
                        line-height: 25px;
                        font-size: 14px;
                        font-weight: 700;
                        background: rgba(255,255,255,0.5);
                        text-transform: uppercase;
}
.arrow-sub{float:right;font-size: 25px;}
.boxed label{margin-bottom: 0;}
#book_direct{margin-top:2px;}
#get_in_touch .boxed{padding: 5px 10px;min-width: 100%;}
.boxed ul{list-style:none;padding:0px 0px 0px 2px;}
.boxed ul li span i{font-size: 20px;}
.boxed ul li{margin:3px 0px;}
.boxed ul img{width: 20px;}

a.benefits{color: #FFC324;text-decoration: underline;}
a:hover.benefits{color: #D71343;}

/*--------------------------------------------------------------
- New member
--------------------------------------------------------------*/
.subscribe-bg{position: absolute;top: 0;right: 0;left: 0;}
.cover-bg-subscribe{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.4);}
.modal img{max-width: 100%;}
#popup-subscribe .modal-header{overflow: hidden;}
#popup-subscribe .modal-body{color: #fff;}
#popup-subscribe .modal-body h2,#popup-subscribe .modal-body p{text-shadow: 4px 4px 5px #333;}
#popup-subscribe .close{opacity: 0.8;position: relative;color: #fff;font-weight: normal;}
#popup-subscribe .close:hover{opacity: 1;}
.form-subscribe.input-group-lg>.form-control, .form-subscribe.input-group-lg>.input-group-btn>.btn{border-radius: 3px 0 0 3px;}
.form-subscribe .input-group-btn button{background-color: #666;border: 0;}
.form-subscribe .input-group-btn button span{color: #fff;font-size: 25px;}
#popup-subscribe .input-group .form-control{z-index: 3;}
.newslater.foonter-item.new{width: 330px;background: rgba(0,0,0,0.2);position: relative;float: left;margin-bottom: 10px;border: 3px solid #333;border-radius: 15px;}
.newslater.foonter-item.new h2{font-size: 20px;margin-top: 5px;}
.newslater.foonter-item.new p{font-size: 13px;}
.newslater.foonter-item.new .input-group input{font-size: 16px;}
.newslater.foonter-item.new .text{position: relative;}
.newslater.foonter-item.new .input-group-lg>.form-control,.newslater.foonter-item.new .input-group-lg>.input-group-btn>.btn{height: 40px;}
.newslater.foonter-item.new .form-subscribe .input-group-btn button span{font-size: 20px;}

.content-home{margin-top: 50px;}

/*--------------------------------------------------------------
- Best Rate Page
--------------------------------------------------------------*/
.wrap-best-rate button{color: #000;background: none;display: block;border: 2px solid #000;padding: 14px 50px;font-size: 16px;font-family: 'Neutra2TextBold';}
.wrap-best-rate .alert{position: relative;}
.close-alert{position: absolute;top: 0;right: 5px;background: transparent;}
.close-alert i{color: #FF0066;vertical-align: middle;font-size: 20px;}
.date-check-best-rate #date-in-out table.jCalendar td{font-size: 14px;}
.date-check-best-rate #date-in-out h3{margin: 0;font-size: 16px;margin-bottom: -10px;}
.date-check-best-rate #date-in-out .box3:before{content:"";border:none;}
.date-check-best-rate #date-in-out .box3{background: transparent;width: auto;display: inline-block;margin: 0;text-align: left;position: relative;float: none;top: 10px;}
.date-check-best-rate #date-in-out .box3 span{font-size: 14px;display: block;letter-spacing: 1px;}
.date-check-best-rate #date-in-out .box3 .date,.date-check-best-rate #date-in-out .box3 .mouth,.date-check-best-rate #date-in-out .box3 .year{display: inline-block;}
.date-check-best-rate #date-in-out #date-in, .date-check-best-rate #date-in-out #date-out, .date-check-best-rate #date-in-out #night-num{font-size: 14px;padding: 0;border:none;line-height: 1;}
.date-check-best-rate #date-in-out #year-in, .date-check-best-rate #date-in-out #year-out{font-size: 14px;padding: 0;border:none;margin: 0 2px;}
.date-check-best-rate #date-in-out #mouth-in, .date-check-best-rate #date-in-out #mouth-out{font-size: 14px;padding: 0;border:none;margin: 0 2px;}
.date-check-best-rate #date-in-out a.dp-choose-date{top: 0;height: 34px;}
.form-group.balance-form{margin-top: 20px;}
/*--------------------------------------------------------------
- Share offer
--------------------------------------------------------------*/
.share-offer{font-size: 18px;}
.share-offer i{}
.share-offer span{display: inline-block;}
.share-offer ul{list-style-type: none;padding: 0;display: inline-block;}
.share-offer ul li{display: inline-block;margin: 0 3px;}

.msg-error-arriving{color: #D71343;font-size: 16px;text-align: center;font-weight: 600;position: absolute;top: 25px;left: 44px;display: none;}
.msg-error-arriving.active{display: block;}
.msg-error-arriving span{text-shadow: 0px 1px 1px #d71343;display: block;}

/*--------------------------------------------------------------
- Thumbnail offer fixed
--------------------------------------------------------------*/
.offers-stick{position: absolute;right: 10px;bottom: -65%;background: #fff;z-index: 5;border: 2px solid #000;text-align: center;}
.offers-stick h5{font-size: 22px;font-weight: bold;padding: 6px 0;margin: 0;background: #cdcdcd;}
.offers-stick ul{list-style-type: none;padding: 0;margin: 0;text-align: left;}
.offers-stick ul li{border-top: 2px solid #000;max-width: 250px;}
.offers-stick ul li:last-child{border-bottom: none;}
.offers-stick ul li a{text-transform: uppercase;color: #000;padding: 8px 16px;display: block;}
.offers-stick ul li.active a{color: #FF0066;}
.offers-stick ul li a:hover{color: #FF0066;}

/*--------------------------------------------------------------
- Video Background Home
--------------------------------------------------------------*/
video.video {
  position: fixed;
  top: 50%; left: 50%;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -5;
}
.home-banner.test-video .banner-full{visibility: hidden;}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wrap-btn-youtube{position: absolute;bottom: 20px;right: 20px;z-index: 10;}
.wrap-btn-youtube a i{font-size: 20px;color: #fff;}
.wrap-btn-youtube a{display: inline-block;margin: 0 5px;}
.ytp-suggestions{display: none !important;visibility: hidden !important;height: 0 !important;}

.fixoffer{max-width:600px; text-align:center; display:inline-block;}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}
/*--------------------------------------------------------------
- New Home
--------------------------------------------------------------*/
.fixtrip iframe{width:100%; height:1150px;}
.newroom-home{background: #fff;overflow: hidden;}
.section-room .roomtype{border: 1px solid #e4e4e4;display: block;margin-bottom: 15px;}
.section-room .roomtype .caption-room{font-family: 'Neutra2TextBook';font-size: 20px;text-align: center;padding: 20px 10px;min-height: 160px;}
.section-room .roomtype .caption-room p.head{font-family: 'PhilosopherBold';font-size: 36px;margin-bottom: 0;}
.section-room .roomtype .caption-room a{font-size: 14px;}
.all-detail-location{display: none;text-align: left;}
.all-detail-location.active{display: block;}
.all-detail-location>div{padding-left: 0;padding-right: 0;}
.wrap-list-location{text-align: left;border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;margin: 10px 0}
.detail-location{padding: 10px;}
.detail-location p.title{font-weight: 600;font-size: 20px;}
.detail-location a{word-break: break-word;}
.detail-location a.room-book{display: inline-block;margin-top: 10px;}

.social-item{height:350px; background:#000; position:relative; color:#fff;}
.social-item p{display:none;}
.social-item .captionsi{width:100%; position:absolute; bottom:20px; text-align:left; z-index:2;}
.social-item .captionsi .fa{display:inline-block; vertical-align: top;}
.social-item .captionsi p{display:inline-block; vertical-align: top; line-height: normal;}
.social-item a.slink{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); text-align:center;z-index:3;opacity:0;}
.social-item a.slink:before{content:''; width:1px; height:100%; display:inline-block; vertical-align: middle; }

.social-item a.slink p{display:inline-block; vertical-align: middle; padding:0 20px; color:#fff; width:90%;}
.social-item a.slink.active{opacity:1;}
.social-item .social-pic{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-background-size: cover;background-size: cover;background-position: center; opacity:0.5;}
/*--------------------------------------------------------------
- New Dining
--------------------------------------------------------------*/
.dining-item h1{font-size: 28px;}
.dining-item table{display: initial;}
.dining-item .detail{height: 455px;}
.dining-item table td{border: none !important;}
.dining-item .table>tbody>tr>th, .dining-item .table>tbody>tr>td{border-top: 1px solid #000 !important;background: none !important;line-height: 1;}
.dining-item .room-book{margin-top: 10px;}
.dining-item a.room-book:hover, .dining-item .room-book:focus{color: #fff;}
.dining-item p{font-size: 14px;}
.logo-res{text-align: center;margin: 8px 0;}
.logo-res>div{display: inline-block;}
.logo-res img{margin-right: 10px;max-width: 100%;width: initial;}
.alert{position: relative;}

@media (max-width: 1320px) {
    .navigation li a{font-size: 14px;padding: 11px 15px;}
    .inside-page{height: 500px;min-height: inherit;}
    .booking{padding: 37px 10px 10px;width: 310px;height: auto;}
    .booking h3{font-size: 14px;padding: 0;}
    .box3{width: 90px;margin: 0;}
    .box3 span{font-size: 12px;}
    #mouth-in, #mouth-out, #nigth-title{font-size: 12px;}
    #date-in, #date-out, #night-num{font-size: 52px;}
    #year-in, #year-out{}
    #night-num{padding: 29px 0 28px;}
    table.jCalendar th, table.jCalendar td{padding: 10px;font-size: 14px;}
    div#dp-popup{border: 18px solid #FFF;width: 300px !important;left: 50%;margin-left: -150px;}
    table.jCalendar{height: auto;}
    .text-check{font-size: 18px;width: 300px;left: 50%;margin-left: -150px;}
    div.dp-popup h2{font-size: 18px;}
    div.dp-popup div.dp-nav-prev,  div.dp-popup div.dp-nav-next{top: 15px;}
    .box-best-rate li{width: 50%;font-size: 10px;height: 20px;padding-top: 4px;}
    a.benefits{font-size: 12px;}
    .msg-error-arriving{top: 49px;left: 7px;font-size: 14px;}
    .offers-stick{max-width: 200px;}
    .offers-stick ul li a{padding: 8px 6px;font-size: 13px;}
    .booking{top: 150px;}
    #pcode{font-size: 12px;padding: 6px 5px;}
    #reservBut{font-size: 16px;padding: 10px 20px;}
}
@media (max-width: 1200px) {
    .navigation {text-align:right;}
    .navigation li a{font-size: 14px; padding: 7px 4px 7px 4px;}
    .section-room .detail{padding: 20px;position: relative;width: 100%;left: 0;margin: 0;height: auto;}
    .section-room .rooms li.blank{display: none;}
    .section-room .rooms li{width: 25%;}
    .room-detail .book-btn{width:100%; max-width: 258px; float:none; padding:16px 0;}
    .room-detail .more{width:100%; float:none; text-align:center;}
    .caption-home h1, .section-offer h1, .section-room .detail h1, .section-dining h1, .section-location h1, .title-white h1, .title-black h1{font-size: 25px;}
    .room-item .detail{height: auto;}
    .box-gallery a{width: 25%;}
    .list-shopping li{width: 33.33%;}
    #MAP{border-right: 40px solid #fff;border-left: 40px solid #fff;}
    .box-other-rooms li{display: block;border-left: none;padding-left: 20px;}
    .header .lang{right:0;}
    .fix-stick .tag{top:52px; right:-325px;}
    .D-4.M-12 .form-group.balance-form{margin-top: 0;}
    .offers-stick{display: none;}
    .section-room .roomtype .caption-room p.head{font-size: 30px;}
}
/*@media (max-width: 1050px) {
    .navigation li a{padding: 7px;}
}*/
@media (max-width: 992px) {
    .trip-center{padding: 0px !important; margin-left: 0px !important;margin-right: 0px !important;}
    .body-height{height: auto;}
    #benefits-input {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
    .innerspace{display:block;}
    /*body{padding-top: 79px;}*/
    .menu{display: none;position: fixed;top: 0px;right: 0;left: 0;bottom: 0;z-index: 99;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    .menu::-webkit-scrollbar {display: none; }
    .menu .container{width: 100%;}
    .menu.active{display: block;position: fixed !important;padding-top: 40px;}
    .open-menu{cursor: pointer;display: inline-block;position: absolute;color: #FF0066 !important;font-size: 30px;top: 0;z-index: 5;padding: 18px;right: 0;}
    .m-mobile{
        left: 0;
        color: #ccc;
        padding: 2px 0px;
        top: 50%;
        margin-top: -24px;
        border-top: 4px solid #ccc;
        border-bottom: 4px solid #ccc;
        font-size: 12px;
        margin-left: 2%;
        border-radius: 2px;
    }
    .header.non-fix{position: fixed;}
    .navigation{text-align: left;padding-top: 20px;}
    .navigation li{display: block;}
    .navigation li a{display: block;font-size: 17px;}
    .close-menu{display: inline-block;position: absolute;top: 0;right: 0;cursor: pointer;width: 74px;padding: 25px;}
    .close-menu img{width: 100%;}
    .booknow{width: 81px;z-index: 3;padding: 20px 0 21px;}
    .booknow img{width: 100%;}
    .booknow h2{font-size: 20px !important;}
    .booknow h3{font-size: 15px;}
    .booknow:before{border-top: 10px solid #FF0066;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(238, 238, 238, 0);bottom: -10px;margin-left: -10px;}
    .booking{width: 100%;height: auto;top: 79px;bottom: 0;overflow-y: scroll;left: 0;display: none;-webkit-overflow-scrolling: touch;}
    .booking::-webkit-scrollbar {display: none; }
    .booking.active{display: block;}
    .booking{width: 100%;top: -100%;height: 100%;overflow-y: scroll;left: 0;-webkit-overflow-scrolling: touch;padding-top: 120px;}
    .booking::-webkit-scrollbar {display: none; }
    .booking.active{display: block;top: 0px !important;}
    #reservBut{max-width: 275px;}
    .text-check{top: 10px;}
    .box-best-rate{width: 450px;margin: 10px auto;}
    .box-promo{/*width: 100%;max-width: 450px;margin: 0 auto;*/margin: 10px 0 3px;}
    .close-booking{right: 50%;margin-right: -23px;top: 50px;border: 2px solid #fff;border-radius: 100%;padding: 10px;width: 45px;}

    .logo{width: 90px;}
    .header{height: 79px;background: #000;}
    .inside-page{height: 300px;min-height: inherit;}
    .full-height{height: 429px;min-height: inherit; margin-top:0px;}
    .caption-home h1, .section-offer h1, .section-room .detail h1, .section-dining h1, .section-location h1, .title-white h1, .title-black h1{}
    .footer-fix{position: fixed;padding: 20px 5px;transform: initial;}
    .footer-fix h2{font-size: 15px;}
    .footer{padding: 20px 0 0;}
    .box-caption{padding: 20px;}
    .box-caption-inside{padding: 20px;}
    .offer-book{margin-bottom: 30px;}
    .box-map #MAP{height: 500px;}
    .box-contact{padding: 0;margin-bottom: 20px;}
    .box-gallery a{width: 33.33%;}
    .menu-gallery{display: none;}
    .menu-gallery > li, .menu-gallery ul{display: block;position: relative;}
    .menu-gallery ul > li a{background-color: #ddd;color: #000;font-family: 'Neutra2TextBold';font-size: inherit;}
    .menu-gallery ul > li a:hover{color: #fff;}
    .select-gallery{padding: 20px 40px;background-color: #000;color: #FF0066;font-family: 'Neutra2TextBold';display: inline-block;}
    .box-other-rooms li{display: block;border-left: none;}

    .flip-container, .front, .back {width: 200px;height: 200px;}
    .memberbut-mobile{width:100%; padding:20px 0; text-align:center; display:block; background:#FF0066; position:relative; z-index:99999; color:#fff !important; text-decoration:none !important;}
    .memberbox{right:0; width:100%; top:120px;}

    .header .lang{width:200px; text-align:center; right:-200px; top:0; z-index:999999; background:#000; padding-top:30px;}
    .header .lang a{display:block; padding:20px 0; border-bottom:1px dotted #333; }
    .closelang{display:block; padding:10px; position:absolute; top:0; right:0; z-index:10; color:#fff;}
    .mobilelang{display:block; padding:0; position:absolute; top:2px; right:10px; z-index:10; color:#fff; font-size:11px;}
    .header .lang.active{right:0 !important;}
    
    .com-group{ font-size:18px; }
    .com-group .fa{margin-top:-9px;}

    .fontControl,.space-fontCT{display: none !important;}
    .booking.active .promotab{margin-right:0px;}
    .memberbox h1{font-size:16px;}

    .sub-header{top: 40px;}
    .subscribe_mem{margin-top: 10px;}
    .fix-stick .tag{top:42px; right:-225px;}
    a.benefits{font-size: 14px;}
    .close-footer-fix{display: inherit;}
    .msg-error-arriving{position: relative;top: initial;left:initial;}
    .inline{display: block;}
    .home-banner.test-video .banner-full{visibility: visible;}
    .video-foreground, .video-background iframe{display: none;}
    .wrap-btn-youtube, .video-background, .video-foreground{display: none !important;}
}

@media (max-width:992px){
    /* MENU */
    .menu-lag {
        position: absolute;
        right:70px;top:0px;
        font-family: 'Neutra2TextBook'; 
        font-size:10px; 
        z-index:9999; 
        height:20px
    }
    .navbar-nav>li>a {
        padding-top: 32px;
        padding-bottom: 0px;
        line-height: 20px;
        padding-right: 10px;
    }
}

@media (max-width:768px){
    /* MENU */
    .menu-lag {
        position: absolute;
        right:70px;top:0px;
        font-family: 'Neutra2TextBook'; 
        font-size:10px; 
        z-index:9999; 
        height:20px
    }
    .navbar-nav>li>a {
        padding-top: 6px;
        padding-bottom: 0px;
        line-height: 20px;
        padding-right: 10px;
    }
    .open-menu{
        padding: 14px;
    }
}

@media (max-width:500px){
    /* MENU */
    .menu-lag {
        position: absolute;
        right:70px;top:0px;
        font-family: 'Neutra2TextBook'; 
        font-size:10px; 
        z-index:9999; 
        height:20px
    }
    .navbar-nav>li>a {
        padding-top: 6px;
        padding-bottom: 0px;
        line-height: 20px;
        padding-right: 10px;
    }
    .open-menu{
        padding: 14px;
    }
}


@media (max-width: 768px) {
    .btn-banefits select{width: 100%;}
    .sub-footer .banefits-subscribe {left:0; right:0;}
    .trip-center{padding: 0px !important; margin-left: 0px !important;margin-right: 0px !important;}

    /*.banefits-subscribe{left: 80px;right: -80px;}*/
    .icon-scroll-down{display: none !important;}
    .caption-home{bottom: -95px;}
    .section-welcome{padding-top: 95px;}
    .bg-offer{background: none;}
    .inside-page{height: 300px;min-height: inherit; }
    .full-height{height: 429px;min-height: inherit; margin-top:/*79px*/0;}
    .room-detail{margin-top:10px;}
    .room-more{margin-bottom: 10px;}
    .room-item .detail{height: auto;}
    .offer-more{margin-bottom: 10px;}
    .box-best-rate{width: 300px;margin: 10px auto;}
    .box-map #MAP{height: 300px;}
    .box-gallery a:after{display: none;}
    .box-contact h3{font-size: 20px;}
    .list-shopping li{width: 50%;}
    .reviews-trip iframe#datamain{height:1200px;}
    .com-group{ font-size:16px; }

    .fast-track{text-align: center;margin: -30px 0px 20px;}
    .fast-track .boxed ul{width: 210px;margin: auto;}
    .fast-track .boxed ul li{display: -webkit-flex;
                             display: -moz-flex;
                             display: -ms-flex;
                             display: -o-flex;
                             display: flex;
    }
    .newslater.foonter-item.new h2{font-size: 20px;}
    .newslater.foonter-item.new p,.subscribe-form input[name="email"]{font-size: 14px;}
    .newslater.foonter-item.new{width: 100%;}

    .fix-stick .tag{top:auto; bottom:0; right:0; z-index:9; width:100%; padding:5px 0; border:solid 1px #D71343;
                    transform: rotate(0deg) ;
                    -webkit-transform: rotate(0deg) ;
                    -moz-transform: rotate(0deg) ;
                    -o-transform: rotate(0deg) ;
                    -ms-transform: rotate(0deg) ;
    }
    .socail.foonter-item{text-align: center;}
    .content-home{margin-top: 0px;}
    .form-group.balance-form{margin-top: 0px;}
    .offers-stick{position: relative;top: initial;right: initial;left: initial;margin-bottom: 20px;}
    .offers-stick ul li{max-width: initial;}
    .offers-stick ul li a{font-size: 14px;}
    .section-room .roomtype .caption-room{font-size: 16px;min-height: auto;}
    .section-room .roomtype .caption-room p.head{font-size: 24px;}
    .fixtrip iframe{height:1250px;}
}
@media (max-width: 568px) {
    .btn-banefits .input-group.input-group-lg.form-subscribe {display: table !important;}
    .inside-page{height: 200px;min-height: inherit; }
    .full-height{height: 329px;min-height: inherit; margin-top:0px;}
    .footer-link li {display: block;}

    .tab-map li, .tab-map-home li{display: block;}
    .tab-map li a, .tab-map-home li a{border-top: 1px solid #000;padding: 10px;border-left: 0;}
    .box-gallery a{width: 50%;}
    .list-shopping li{width: 100%;}
    /*.date-check-best-rate #date-in-out .box3{margin-top: 10px;}*/
    .trip-center{padding: 0px !important; margin-left: 0px !important;margin-right: 0px !important;}
    .date-check-best-rate #date-in-out h3{margin:10px 0 -5px;}
}
.section-welcome .din-type .din-text {
    font-family: 'Neutra2TextBook';;
    text-align: center;
    padding: 20px 10px;
    min-height: 160px;
}
.section-welcome .din-type {
    border: 1px solid #e4e4e4;
    display: block;
    margin-bottom: 15px;
}
.btn-banefits .form-group{display: inline-flex;}
.btn-banefits .form-group #name{margin-right: 10px;}
.btn-banefits {display: inline-table;
    width: auto;
    vertical-align: middle;}
.btn-banefits .form-control::-webkit-input-placeholder{color:#000;}
.btn-banefits select{color:#000; }
.btn-banefits .form-subscribe .input-group-btn button {background-color: #f90606;border: 0;}
.members-banefits h2{color: #f90c0c;}
.members-banefits h1{font-size: 24px;}
.textmem-size{font-size: 14px;}
.trip-center{padding: 10px 70px; margin-left: 90px;margin-right: 90px;}

/*btn-banefits .form-control {border: 1px solid #e44949 !important;}*/
