/*--------------------------------------------------------------
- Fonts Web
--------------------------------------------------------------*/
@font-face {
    font-family: 'Panton';
    src: url('fonts/Panton-Regular.eot');
    src: url('fonts/Panton-Regular.eot') format('embedded-opentype'),
        url('fonts/Panton-Regular.woff2') format('woff2'),
        url('fonts/Panton-Regular.woff') format('woff'),
        url('fonts/Panton-Regular.ttf') format('truetype'),
        url('fonts/Panton-Regular.svg#Semilla') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PantonBold';
    src: url('fonts/FontfabricPantonBold.eot');
    src: url('fonts/FontfabricPantonBold.eot') format('embedded-opentype'),
        url('fonts/FontfabricPantonBold.woff2') format('woff2'),
        url('fonts/FontfabricPantonBold.woff') format('woff'),
        url('fonts/FontfabricPantonBold.ttf') format('truetype'),
        url('fonts/FontfabricPantonBold.svg#FontfabricPantonBold') format('svg');
}


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/



/*--------------------------------------------------------------
- Elements
--------------------------------------------------------------*/
html{height: 100% !important;font-size: 14px;}
body{height: 100% !important;font-size: 14px;font-family: 'Open Sans'; background:#fff;}
h1{font-family: 'PantonBold';font-size: 25px;}
h2{font-family: 'PantonBold';}
h3{font-family: 'PantonBold';}
h4{font-family: 'PantonBold';font-size: 17px;}
h5{}
p{}
img{height: auto !important;}
.color-white{color: #fff !important;}
.color-black{color: #000 !important;}
.color-citinblue{color: #172374 !important;}
.color-blue{color: #6dcff6 !important;}
.color-pink{color:#e71939 !important;}
.color-pur{color:#630460 !important;}
.center{text-align: center;}
.right{text-align: right;}
.middle{display: table-cell;vertical-align: middle;}
a.btn{background: #FFFFFF;color: #00247A;text-decoration: none;display: inline-block;margin: 11px 0 0;cursor: pointer;font-size: 11px;padding: 5px 20px;letter-spacing: normal;border: solid #00247A 2px;border-radius: 0;text-transform: uppercase;font-family: "PantonBold";}
a.btn:hover{color: #00247A;}
a.btn.red{color: #EE3150;border: 2px solid;}
a.btn-2{display: inline-block;color: #fff;border: 1px solid #25CAD2;padding: 15px 25px;text-transform: uppercase;background: #25CAD2;font-family: 'Semilla';}
a.btn-2:hover{color: #333;background: none;border: 1px solid #333;}
.book-now-room{font-family: 'PantonBold';display: block;color: #fff;background-color: #e71939;text-align: center;padding: 10px;font-size: 36px;}
.book-now-room:hover{color: #fff;}
.book-now-bt{font-family: 'PantonBold';display: block;color: #fff;background-color: #e71939;text-align: center;padding: 10px;font-size: 30px; width:200px;}
.book-now-bt:hover{color: #fff;}
.submit-btn{ display: inline-block;padding: 10px 35px;text-transform: uppercase;border: 2px solid #00247A;color: #FFFFFF;background: #00247A;font-family: "PantonBold";}
.submit-btn:hover{color: #fff;}
.center-lr {margin-left:auto; margin-right:auto;}
.al-left{text-align:left;}
img{max-width:100%;}
#popup-home-full img{max-width: 100%}
/*--------------------------------------------------------------
- Links
--------------------------------------------------------------*/
a {color: #e71939;}
a:hover, a:focus, a:active {color: #e71939;text-decoration: none;}
.ud, .ud:hover{text-decoration:underline;}

.scroll-down{position: absolute;z-index: 1;bottom: 45px;width: 100%;text-align: center;color: #fff;text-shadow: 0 3px 13px #000;}
#loading-page {position: fixed;z-index: 999;top: 0;bottom: 0;right: 0;left: 0;background-color: #fff;}
#loading-page > div{font-family: 'Panton';font-size: 18px;display: none;color: #e71939;width: 196px;position: absolute;top: 50%;left: 50%;margin-top: -102px;margin-left: -99px;text-align: center;}

/*--------------------------------------------------------------
- Header
--------------------------------------------------------------*/
header{width:100%; height:75px; position:relative;}
header .address{width:auto; float:right; margin-right:50px; font-size:11px; text-align:right; color:#707070; margin-top:5px;}
header .logo{position:absolute; top:16px; left:50px; z-index:9999;}
.benefit-head{position: absolute;left: 50%;transform: translateX(-50%);height: 75px;padding-top: 6px;}
/*--------------------------------------------------------------
- Main Menu
--------------------------------------------------------------*/
.open-menu{display: none;}
.wrapper-close{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background:#000;z-index: 4;display: none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:0;}
nav{position: absolute;z-index: 999;text-align: right;width: 100%; height:40px; /*top:127px;*/ /*75px*/ /*book direct 127px*/
    background: -moz-linear-gradient(left,  rgba(231,25,57,0.7) 0%, rgba(23,35,116,0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231,25,57,0.7)), color-stop(100%,rgba(23,35,116,0.7)));
    background: -webkit-linear-gradient(left,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
    background: -o-linear-gradient(left,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
    background: -ms-linear-gradient(left,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
    background: linear-gradient(to right,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e71939', endColorstr='#b3172374',GradientType=1 );   
}
.navigation{padding: 0;margin-top: 8px; width:1170px; margin-left:auto; margin-right:auto; }
.navigation li{display: inline-block;}
.navigation li:first-child{border: none;}
.navigation li a{font-size: 14px;color: #fff;padding: 16px 15px;text-transform: uppercase; font-weight:500;}
.navigation li a:hover{/*color: #172374;*/text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);}
.navigation li.time{margin-left:50px; font-size:12px;}

.navigation li ul{display: none;position: absolute;padding: 0;margin: 0;list-style: none;width: 240px;top: 40px;
                  background: -moz-linear-gradient(left,  rgba(1,36,122,0.7) 0%, rgba(1,36,122,0.7) 48%, rgba(135,13,67,0.7) 100%);
                  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,36,122,0.7)), color-stop(48%,rgba(1,36,122,0.7)), color-stop(100%,rgba(135,13,67,0.7)));
                  background: -webkit-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
                  background: -o-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
                  background: -ms-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
                  background: linear-gradient(to right,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301247a', endColorstr='#b3870d43',GradientType=1 );
}
.navigation li ul li{display: block;width: 100%;text-align: left;}
.navigation li ul li a{display: block;font-size: 12px;padding:10px 24px;text-transform: uppercase;}
.navigation li:hover > ul{display: block;}

/*X’mas theme*/
.x-mas{
    width: 100%;
    height: 220px;
    position: absolute;
    top: 40px;
    right: 0%;
    background-image: url(../images/citin-xmas-2016-no-bgc.gif);
    background-position: 0px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 999;
}
/*-------------------------------------------------------------
- Member page
---------------------------------------------------------------*/
.checkbox-inline{margin-left: 0px !important}
.room-item{ margin-bottom: 30px;}
.room-item img{width: 100%;}
.room-item h1{margin-top: 0;}
.room-item .detail{background-color: #DDDDDD;padding: 10px;text-align: center;color: #000;height: auto;}

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

.title-black.subscribe{text-align: center !important;}
.member-body{text-align: center;}
.benefits-body{padding:10px;    background: #fff;border: 1px solid #ccc;}
.form-group.balance-form{margin-top: 20px;}
.D-4.M-12 .form-group.balance-form{margin-top: 0;}
.form-group.balance-form{margin-top: 0px;}
.exclusive-box{ margin-bottom: 50px; }
.textmem-size{font-size: 12px;}
.exclusive-box .title h3{color:#000; }
.line-member{display: inline-block;width: 160px;border-bottom: 2px solid #00247a}
.container-banefits.text span{font-weight: bold; }

.title-member{ margin-top: 50px; margin-bottom: 10px;}
.title-member span{font-size: 16px;color: #6dcff6;}
.title-member h1{color: #00247a;font-size: 48px;font-family:"PantonBold";margin: 0;}
.member-body p { font-size: 16px; }

ul.icon-gsanook{padding-left: 10px;}
ul.icon-gsanook li{list-style: none;margin:15px 0px;position: relative;padding-left: 40px;}
ul.icon-gsanook li img{position: absolute;left: 0px;}

@media (max-width: 568px) {
.btn-banefits .input-group.input-group-lg.form-subscribe {display: table !important;}
}
@media (max-width: 768px) {
.btn-banefits select{width: 100%;}
}
@media (max-width: 900px){
.container-banefits{margin-left: 0px ; margin-right: 0px;}
}
@media (max-width: 1400px){
   .container-banefits{margin-left: 100px ; margin-right: 50px;}
}
/*--------------------------------------------------------------
- Banner Slider
--------------------------------------------------------------*/
.wrapper-banner{max-width: 1600px;height: 600px; margin: 0 auto;}
.wrapper-booking{position:absolute; z-index:9; width:100%; visibility:hidden;}
.wrapper-banner-inside{max-width: 1300px;height: 550px; margin: 0 auto;}
.wrapper-booking-inside{position: relative;}
.box-banner .caption{position: absolute;z-index: 1;left: 50%;top: inherit;color: #fff;text-shadow: 0 0 5px #000;margin: 0 0 0 -115px;padding-right: 50px;bottom: 50px;}
.box-banner .caption h1{font-size: 40px;}
.wrapper-banner .box-banner .ms-slide .slide-caption{
    top: 15% !important;
    left: 0% !important;
    width: 100%;
    text-align: center;
}
.wrapper-banner .box-banner .ms-slide .slide-caption h4{
    font-size: 50px;
    color: #fff;
    line-height: 92px;
    text-transform: uppercase;
    opacity: 0.8;
    text-shadow: 0 0 10px #000;
    margin-bottom: 0;
}
@media (max-width: 568px){
    .wrapper-banner .box-banner .ms-slide .slide-caption h4{
        font-size: 25px;
        line-height: 40px;
    }
    .wrapper-banner .box-banner .ms-slide .slide-caption{
        top: 15% !important;
        left: 0% !important;
    }
}
/*--------------------------------------------------------------
- Booking
--------------------------------------------------------------*/
.booking{position:relative;}
.Book-item{width:260px; z-index:1; font-family:'Panton'; height:270px; }
.Book-item .title{position:absolute; top:17px; left:17px; font-size:14px; color:#fff; font-weight:700;}

.bookStart{position:absolute; top:-230px; left:10px; z-index:2;}
.wrapper-calendar{position: absolute;top: -235px;left: 0;right: 0;}
.wrapper-calendar .item{display:inline-block;position: relative;overflow: visible;width: 260px;margin: 5px;vertical-align: top; float:none;}
.checkin, .checkin-calendar{position:absolute; opacity:0;}
.checkout, .checkout-calendar{ opacity:0; position:absolute;}
.checkin, .checkout{cursor: pointer;}
.bookdetail{ opacity:0; position:absolute;}
.bookStart.active, .checkin.active, .checkin-calendar.active, .checkout-calendar.active, .checkout.active, .bookdetail.active{opacity:1; z-index:2;}
.bookStart.disable, .checkin.disable, .checkin-calendar.disable, .checkout-calendar.disable, .checkout.disable, .bookdetail.disable{opacity:0; z-index:1; display:none;}

.bookStart{color:#fff; cursor:pointer;}
.bookStart .title{font-size:38px;line-height:1em; top:40px;}
.bookStart .sub-title{font-size:14px;line-height:1em; position:relative;position:absolute; top:140px; left:17px;}
.bookStart .butbox{padding:20px; position:absolute; right:0; bottom:0; font-size:12px; text-align:right;}
.bookStart .butbox .fa{font-size:40px;}

.bookStart-mobile{position:absolute; width:400px; top:-80px; left:50%; margin-left:-200px; display:none; /*z-index:90;*/}
.bookStart-mobile{color:#fff; cursor:pointer; padding:20px;}
.bookStart-mobile .title{font-size:38px;line-height:1em;  position:relative;}
.bookStart-mobile .sub-title{font-size:14px;line-height:1em; position:relative;position:relative; top:auto; left:auto;}
.bookStart-mobile .butbox{padding:20px; position:absolute; right:0; bottom:0; font-size:12px; text-align:right;}
.bookStart-mobile .butbox a{color:#fff; display:block; text-decoration:underline;}
.bookStart-mobile .butbox .fa{font-size:40px;}

.Book-item .data{ color:#fff; font-weight:500; margin-top:50px;}
.Book-item .data .year{font-size:16px;}
.Book-item .data .month{font-size:24px;}
.Book-item .data .date{font-size:80px; margin-bottom:-20px;}
.Book-item .night{font-size:24px;}
.data.calendar-in, .data.calendar-out{top:42px;left:10px;right:10px;position:absolute;margin:0;min-height:221px;background-color:#FFF;}
.Book-item .edit{position:absolute; top:0px; right:0px; color:#fff; text-align:right; font-size:12px; z-index:1;}
.Book-item .edit a{display:block; text-decoration:none; padding:10px; color:#fff;}
.Book-item .promo{ border:none; background:none; width:180px; text-align:left; font-size:14px; margin-bottom:10px;}
.Book-item .promo:before{content:"\f02b";  font-family:FontAwesome; color: #fff; margin-right:5px; display:inline-block;}
.Book-item .promo input{border:none; background:none; width:160px; text-align:left; font-size:14px; display:inline-block; font-weight:bold;}
.Book-item .submit a{display:block; width:160px; padding:7px 0; text-align:center; color:#fff; background:#e71939; border:3px solid #fff; margin-left:auto; margin-right:auto;margin-bottom: 10px;}
.tlink{margin-top:10px;font-size:12px;}
.tlink a{font-size:14px; color:#fff; display:block; width:100%; text-align:center; font-weight:bold;}
.tlink a:hover{color:#2098D1;}

.mobile-book-panel{display:none; width:100%; padding:20px 0; font-family:'Panton';}
.mobile-book-panel .title{font-size:25px; /*color:#fff;*/ }
.mobile-book-panel .subtitle{font-size:18px; color:#e71939; }

.bookStart, .bookStart-mobile{
    background: -moz-linear-gradient(left,  rgba(227,26,59,1) 0%, rgba(135,13,67,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,26,59,1)), color-stop(100%,rgba(135,13,67,1)));
    background: -webkit-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
    background: -o-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
    background: -ms-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
    background: linear-gradient(to right,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e31a3b', endColorstr='#b3870d43',GradientType=1 );
}
.checkin, .checkout, .checkin-calendar, .checkout-calendar{
    background: -moz-linear-gradient(left,  rgba(227,26,59,0.7) 0%, rgba(135,13,67,0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,26,59,0.7)), color-stop(100%,rgba(135,13,67,0.7)));
    background: -webkit-linear-gradient(left,  rgba(227,26,59,0.7) 0%,rgba(135,13,67,0.7) 100%);
    background: -o-linear-gradient(left,  rgba(227,26,59,0.7) 0%,rgba(135,13,67,0.7) 100%);
    background: -ms-linear-gradient(left,  rgba(227,26,59,0.7) 0%,rgba(135,13,67,0.7) 100%);
    background: linear-gradient(to right,  rgba(227,26,59,0.7) 0%,rgba(135,13,67,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e31a3b', endColorstr='#b3870d43',GradientType=1 );
}
.bookdetail{
    background: -moz-linear-gradient(left,  rgba(1,36,122,0.7) 0%, rgba(1,36,122,0.7) 48%, rgba(135,13,67,0.7) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,36,122,0.7)), color-stop(48%,rgba(1,36,122,0.7)), color-stop(100%,rgba(135,13,67,0.7)));
    background: -webkit-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
    background: -o-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
    background: -ms-linear-gradient(left,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
    background: linear-gradient(to right,  rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301247a', endColorstr='#b3870d43',GradientType=1 );
}
.booking-inside .bookStart{
    height: 200px;
    margin-top: 30px;}
.wrapper-content{width:100%; height:auto; position:relative; background:url(../images/content-background.jpg) bottom center;}
.body-content{ margin:60px 0; color:#fff; /*box-shadow: 0 0 3px #000; border:1px solid #fff;*/
               background: rgb(51,80,149);
               background: -moz-linear-gradient(left,  rgba(51,80,149,1) 36%, rgba(236,71,97,1) 100%);
               background: -webkit-gradient(linear, left top, right top, color-stop(36%,rgba(51,80,149,1)), color-stop(100%,rgba(236,71,97,1)));
               background: -webkit-linear-gradient(left,  rgba(51,80,149,1) 36%,rgba(236,71,97,1) 100%);
               background: -o-linear-gradient(left,  rgba(51,80,149,1) 36%,rgba(236,71,97,1) 100%);
               background: -ms-linear-gradient(left,  rgba(51,80,149,1) 36%,rgba(236,71,97,1) 100%);
               background: linear-gradient(to right,  rgba(51,80,149,1) 36%,rgba(236,71,97,1) 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335095', endColorstr='#ec4761',GradientType=1 );
               padding: 20px 0;
}
.idxt{font-family:"Panton"; color:#fff;}
.idxbox{padding:0 40px;}
.idxbox p{margin:0; display:block; line-height:1.3em;}
a.link-more{text-decoration: underline;color: #fff;}
a.link-more:hover{color: #e71939;}
.idxtitle{font-size:16px;}
.idxtitle2{font-size:34px; font-weight:bold;}
.idxtitle3{font-size:28px;}
hr.idx{width:80%; height:2px; border:none; background:none; border-top:1px dotted #fff; border-bottom:1px dotted #fff; margin:20px 0; padding:0;}

.tripbox{min-height:400px; background:#fff; position:relative; padding: 10px;margin-bottom: 10px;}
.tripbox .imgtrip{width:40%; position:absolute; top:0; left:0; height:100%; overflow:hidden; text-align:center; display:inline-block;}
.tripbox .imgtrip img{max-width:none; left:50%; margin-left:-164px;}
.tripbox .tripdetail{width:100%; float:left; padding-top:5px; padding-right:10px; color:#464646; font-family:"Panton"; font-size:18px;position: relative;z-index: 5;}
.tripbox .trip-comment{width:40%; float:left; padding-top:26px; padding-right:10px; color:#464646; font-family:"Panton"; font-size:12px; min-height: 265px;}
.tripbox .trip-comment .box-detail{
    text-align: center;
}
.tripbox .trip-comment img.fix-size-trip{
    width: 50% !important;
}
.tripbox .trip-comment img.fix-size{
    width: 40% !important;
}
.tripbox .trip-comment .trip-comment-title{
    font-size: 16px;
    color: #2179a6;
    font-weight: bold;
    font-style: italic;
}
.tripbox .trip-comment .trip-comment-detail{
    font-size: 12px;
    color: #979797;
    text-align: left;
}
.tripbox .trip-comment .trip-comment-detail .fix-color{
    color: #191818;
}
@media (max-width: 992px){
    .tripbox .trip-comment img.fix-size-trip{
        width: 30% !important;
    }
    .tripbox .trip-comment img.fix-size{
        width: 30% !important;
    }
    .navigation li:hover > ul{display: none !important;}
    .wrapper-booking-mobile .booking-mobile{
        position: fixed;
        width: 100%;
        bottom: 0px;
        z-index: 55;
    }
    .bookStart-mobile {
        position: absolute;
        width: 100%;
        top: inherit;
        padding: 3px;
        bottom: 0px;
        left: 0px;
        margin-left: 0px;
        text-align: center;
    }
    .bookStart-mobile .title {
        font-size: 25px;
        line-height: normal;
        position: relative;
    }
}
.tripbox {
    padding: 25px 10px 10px 10px;
}
.tripbox .slick-slider {
    margin-bottom: 0px;
}
@media (max-width: 568px){
    .tripbox .trip-comment img.fix-size-trip{
        width: 20% !important;
        margin-left: auto;
        margin-right: auto;
        padding: 8px 0px;
    }
    .tripbox .trip-comment img.fix-size{
        width: 20% !important;
        margin-left: auto;
        margin-right: auto;
    }
    .tripbox .trip-comment .trip-comment-detail {
        text-align: center;
    }
}
/*FIX TRIPADVISOR WIDGET*/
#tripBOX{}
.text-trip{color:#464646; font-family:"Panton"; font-size:18px;}
#CDSWIDSSP{width:auto !important;}
#CDSWIDSSP .widSSPData{padding:0 !important;}
#CDSWIDSSP .widSSPData .widSSPH18{font-family:"Open Sans" !important; font-size:14px !important; font-weight:bold !important; color:#172374 !important;}
#CDSWIDSSP .widSSPReviews{display:none;}

.Box-idx-widget{background: #fff;position: relative;font-family: "Panton";}
.our-accom{ }
.our-accom .head{padding:19px 30px; width:100%; color:#fff; font-size:24px;
                 background: rgb(68,98,159);
                 background: -moz-linear-gradient(left,  rgba(68,98,159,1) 0%, rgba(149,96,135,1) 100%);
                 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,98,159,1)), color-stop(100%,rgba(149,96,135,1)));
                 background: -webkit-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
                 background: -o-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
                 background: -ms-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
                 background: linear-gradient(to right,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44629f', endColorstr='#956087',GradientType=1 );
                 font-weight: bold;
}
.roompicbox{float:right;}
.slick-slide img{width: 100% !important;}
.our-accom .room-pic{width:60%; float:right; position:relative;}
.our-accom .room-pic img{max-width:100%;}
.our-accom .room-pic a.next{position:absolute; top:50%; margin-top:-14px; right:5px; cursor:pointer; z-index:10;}
.our-accom .room-pic a.prev{position:absolute; top:50%; margin-top:-14px; left:5px; cursor:pointer; z-index:10;}
.our-accom .room-pic a.next .fa, .our-accom .room-pic a.prev .fa{font-size:26px; color:#fff; text-shadow: 0 1px 2px #000;}
.room-pic.slick-slider{margin-bottom:0 !important;}
.our-accom .room-thumb{width:60%; float:right; position:relative; margin-top:2px;}
.room-thumb{margin-top: 2px;}
.room-thumb img{padding: 2px;}
.slider a.next, .slider a.prev{position:absolute; top:50%; cursor:pointer; z-index:10; display:inline-block; padding:5px 15px; background-color:rgba(45, 83, 174, 0.8); margin-top:-20px;}
.slider a.prev{left: 2px;}
.slider a.next{right: 1px;}
.slider a.next .fa, .slider a.prev .fa{font-size:30px; color:#fff; text-shadow: 0 1px 2px #000;}
.room-thumb.slick-slider{margin-bottom:0 !important;}
.our-accom .room-detail{width:40%; position:absolute; bottom:20px; left:0; padding:50px 0; text-align:center; font-size:13px;}
.our-accom .room-detail p{line-height:1em;font-weight:bold;}
.our-accom .room-detail .name{font-size:16px; font-weight:bold; }
.our-accom .room-detail .numroom{font-size:70px; font-weight:bold; color:#7da7d9;}
.our-accom .room-detail .all-btn{padding:5px 10px; border:2px solid #00247a; font-size:11px; color:#00247a; font-weight:bold;}
.our-accom .room-detail .all-btn:hover{color:#fff;}
.our-accom .bottom-detail{margin-top:50px;}
.room-pic .item{position:relative; overflow:hidden; text-align:center; width:100%;}
/*image caption*/
.room-pic .item .mask,.item .content {width: 100%;height: auto;position: absolute;overflow: hidden;left: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.71);padding: 15px;color: #000;
                                      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                                      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                                      background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
                                      background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
                                      text-align: left;
                                      font-size: 13px;
                                      font-weight: bold; /* IE6-8 fallback on horizontal gradient */
}
.room-pic .mask h2{color: #335095;font-weight: bold;margin: 0;font-size: 18px;text-shadow: 0 0 6px #FFF;margin-bottom: 7px;}
.room-pic .mask a{padding: 5px 10px;font-size: 11px;color: #FFFFFF;text-transform: uppercase;background-color: #365296;font-weight: bold;}

.sp-offer{ position:relative; }
.sp-offer .head{padding:19px 25px; width:100%; color:#fff; font-size:24px;  font-family:"Panton";
                background: rgb(68,98,159);
                background: -moz-linear-gradient(left,  rgba(149,96,135,1) 0%, rgba(68,98,159,1) 100%);
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(149,96,135,1)), color-stop(100%,rgba(68,98,159,1)));
                background: -webkit-linear-gradient(left,  rgba(149,96,135,1) 0%,rgba(68,98,159,1) 100%);
                background: -o-linear-gradient(left,  rgba(149,96,135,1) 0%,rgba(68,98,159,1) 100%);
                background: -ms-linear-gradient(left,  rgba(149,96,135,1) 0%,rgba(68,98,159,1) 100%);
                background: linear-gradient(to right,  rgba(149,96,135,1) 0%,rgba(68,98,159,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#956087', endColorstr='#44629f',GradientType=1 );
                font-weight: bold;
}

.offer-tab{width:100%; border:1px solid #ccc; margin-top:1px;background-color: rgba(255,255,255, 0.6); position:relative; margin-bottom:1px;}
.offer-tab a{padding:11px 25px; margin:0; color: #707070; display:block; font-weight:bold;}
.offer-tab:after{content:"\f054";  font-family:FontAwesome; color: #707070; position:absolute; right:10px; top:50%; margin-top:-10px;}
.offer-detail{width:100%;position:relative; height:0px; opacity:0; background:#fff; overflow:hidden;}
.offer-detail .content{width:100%;position:relative; padding:10px 95px 10px 25px;}
.offer-detail .content .sd{color:#172374; font-weight:bold;}
.offer-detail .content .sd:hover{color:#e71939}
.offer-detail .book-btn{padding:5px 10px; font-size:11px; color:#FFFFFF; position:absolute; right:5px; top:50%; margin-top:-15px; background-color:#EA4761;}
.offer-detail .book-btn:hover{color:#fff;}

.offer-tab.active{background-color: rgba(172,172,172, 0.5);}
.offer-tab.active a{color:#172374; font-weight:bold;}
.offer-tab.active:after{content:"\f078";  font-family:FontAwesome; color: #707070; position:absolute; right:10px; top:50%; margin-top:-10px;}
.offer-detail.active{height:auto; opacity:1;}

.box-banner-inside{height: 307px; /*height: auto;*/ width: 100%; overflow: hidden; background: #fff url(../images/bg-banner-inside.jpg) center no-repeat;background-size: cover; z-index:-1;}
.slider a.next, .slider a.prev{position:absolute; top:50%; cursor:pointer; z-index:10; display:inline-block; padding:5px 15px; background-color:rgba(45, 83, 174, 0.8); margin-top:-20px;}
.slider a.prev{left: 2px;}
.slider a.next{right: 1px;}
.slider a.next .fa, .slider a.prev .fa{font-size:30px; color:#fff; text-shadow: 0 1px 2px #000;}

.slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:visited, .slick-next:visited{width: auto;height: auto;position:absolute; top:50%; cursor:pointer; z-index:10; display:inline-block; padding:5px 15px; background-color:rgba(45, 83, 174, 0.8) !important; margin-top:-20px;}
.slick-prev{left: 0px;}
.slick-prev:before{content: "\f104";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#fff; text-shadow: 0 1px 2px #000;}
.slick-next{right: 0px;}
.slick-next:before{content: "\f105";  font: normal normal normal 14px/1 FontAwesome;font-size:30px; color:#fff; text-shadow: 0 1px 2px #000;}
.box-banner-inside .slick-slider button{opacity: 0;}
.box-banner-inside .slick-slider:hover button{opacity: 1;}
.box-banner-inside .slick-slider {
    margin-bottom: 0 !important;
}
.content{padding: 60px 0;}
.bc{font-size: 13px;margin-bottom: 15px;}
.bc a{color: #666666;font-weight: bold;}
.bc a:after{ content: "\f105"; font: normal normal normal 14px/1 FontAwesome; margin: 0 5px;}
.bc span{color: #1B3064;font-weight: bold;}
.line-dot{height: 5px;border-top: 1px dotted #999;border-bottom: 1px dotted #999;}
.title-1{margin-bottom: 10px;}
.title-1 span{font-size: 16px;color: #6dcff6;}
.title-1 h1{color: #00247a;font-size: 48px;font-family:"PantonBold";margin: 0;}
.title-2{margin-bottom: 10px;}
.title-2 span{font-size: 16px;color: #6dcff6;}
.title-2 h1{color: #00247a;font-size: 24px;font-family:"PantonBold";margin: 0;}
.title-2.line h1{border-bottom: 4px solid;padding-bottom: 8px;}
.box-left-menu{}
.box-left-menu .head{
    padding:5px 20px; width:100%; color:#00247A; font-size:18px; font-family:"Panton";
    background: rgb(68,98,159);
    background: -moz-linear-gradient(left,  rgba(68,98,159,1) 0%, rgba(149,96,135,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,98,159,1)), color-stop(100%,rgba(149,96,135,1)));
    background: -webkit-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
    background: -o-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
    background: -ms-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
    background: linear-gradient(to right,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44629f', endColorstr='#956087',GradientType=1 );
    font-weight: bold;
    margin-bottom: 1px;
}
.box-left-menu .head span{color: #fff;font-weight: normal;}
.left-menu{margin: 0;padding: 0;list-style: none;}
.left-menu li{margin-bottom: 1px;}
.left-menu li a{border: 1px solid #ccc;display: block;padding: 6px 20px;text-transform: uppercase;font-size: 13px;font-family:"PantonBold";color:#666;
                background: rgb(255,255,255); /* Old browsers */
                /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y2ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 62%, rgba(246,247,247,1) 99%, rgba(246,247,247,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,1)), color-stop(99%,rgba(246,247,247,1)), color-stop(100%,rgba(246,247,247,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(246,247,247,1) 99%,rgba(246,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(246,247,247,1) 99%,rgba(246,247,247,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(246,247,247,1) 99%,rgba(246,247,247,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(246,247,247,1) 99%,rgba(246,247,247,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f7',GradientType=0 ); /* IE6-8 */
}
.left-menu li.active a, .left-menu li a:hover{color: #00247A;position: relative;
                                              background: rgb(255,255,255); /* Old browsers */
                                              /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                                              background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Q2ZDZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                                              background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(214,214,233,1) 99%); /* FF3.6+ */
                                              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(255,255,255,1)), color-stop(99%,rgba(214,214,233,1))); /* Chrome,Safari4+ */
                                              background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(214,214,233,1) 99%); /* Chrome10+,Safari5.1+ */
                                              background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(214,214,233,1) 99%); /* Opera 11.10+ */
                                              background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(214,214,233,1) 99%); /* IE10+ */
                                              background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(214,214,233,1) 99%); /* W3C */
                                              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6e9',GradientType=0 ); /* IE6-8 */
}
.left-menu li.active a:after{position: absolute;right: 20px;content: "\f105"; font: normal normal normal 17px/1 FontAwesome; margin: 0 5px;}
#MAP{padding-bottom: 50%;}
.box-location-sidebar{background-color: #ececec;padding: 20px 30px;color: #898989;font-size: 13px;}
.box-location-sidebar i{width: 20px;color: #00247A;}
.box-location-sidebar a{font-size: 12px;color: #898989;}
.btnPrint{color: #F2193C;font-size: 13px;font-family:"PantonBold";}

.box-hsv{}
.box-hsv h3{font-family:"PantonBold";font-size:16px;color:#EE3150;padding-left:20px;}
.box-hsv .list-sidebar li{text-transform: uppercase;}
.list-sidebar{list-style: none;margin: 0;padding: 0;color: #959595;background-color: #fff;}
.list-sidebar li{padding: 6px;border-bottom: 1px dotted;padding-left: 45px;position: relative;}
.list-sidebar li:first-child{border-top: 1px dotted;}
.list-sidebar li:before{content: "\f058"; font: normal normal normal 17px/1 FontAwesome; position: absolute; left: 21px; top: 8px;}
.bg-title-amenities{background: #ECECEC url(../images/bg-title-amenities.jpg) right no-repeat;padding: 20px;height: 82px;}
.bg-title-fb{background: #ECECEC url(../images/bg-title-fb.jpg) right no-repeat;padding: 20px;height: 82px;}
.box-early-check{}
.box-early-check h3{font-family:"PantonBold";font-size:11px;color:#00247A;}
.box-early-check em{padding: 10px 20px;display: block;background-color: #e5e9f1;font-size: 13px;}

.room{}
.room h3{background-color: #ccc;margin: 0;padding: 10px 20px;font-family:"PantonBold";font-size:16px;text-transform:uppercase;color:#00247A;}
.box-room-detail{margin-top: 10px;font-size: 13px;}
.box-room-detail .detail{}
.tab-menu-room{position: relative;z-index: 2;}
.tab-menu-room a{padding: 5px 20px;border: 1px solid #ccc;display: inline-block;color: #999;font-size: 11px;background: #eee;font-family: "PantonBold";}
.tab-menu-room a.current{color: #00247A;border: 1px solid #CCC;border-bottom: none;padding-bottom: 6px;background-color: #fff;}
.tab-content{display: none;padding: 20px 20px 50px;border: 1px solid #ccc;position: relative;top: -1px;z-index: 1;}
.tab-content.current{display: block;}
.box-room-detail .box-btn{position: relative;top: -57px;margin-left: 20px;z-index: 2;}
.box-room-amenities{background-color: rgba(0, 36, 122, 0.10);padding: 5px;font-size: 13px;position: relative;}
.box-room-amenities	.border{padding: 20px 50px 120px;border: 2px solid #fff;}
.box-room-amenities h4{color: #0C2E7F;font-family: "PantonBold";text-transform: uppercase;}
.box-room-amenities ul{padding: 0;margin: 0;list-style: none;font-style: italic;}
.box-room-amenities li{}
.box-room-amenities:after{position: absolute;content: '';background:transparent url(../images/cup.png) 0 0 no-repeat;width: 322px;height: 215px;bottom: -60px;z-index: 1;right: 0;}
.box-safety .mask{
    position: absolute;top: 0;right: 0;left: 0;bottom: 0;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMjQ3YSIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDFmNWMiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(1,36,122,0.75) 0%, rgba(109,31,92,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,36,122,0.75)), color-stop(100%,rgba(109,31,92,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(1,36,122,0.75) 0%,rgba(109,31,92,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(1,36,122,0.75) 0%,rgba(109,31,92,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(1,36,122,0.75) 0%,rgba(109,31,92,0.75) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(1,36,122,0.75) 0%,rgba(109,31,92,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf01247a', endColorstr='#bf6d1f5c',GradientType=0 );
    z-index: -1; /* IE6-8 */
}
.box-safety{background: transparent url(../images/bg-safety.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;z-index: 0;position: relative;}
.safety{padding: 25px 35px;color: #FFF;}
.safety h4{font-family: "PantonBold";color: #6dcff6;}
.safety ul{padding: 0;margin: 0;list-style: none;font-size: 13px;}

.dining-sidebar{}
.dining-sidebar h3{color: #00247a;font-size: 18px;}
.dining-sidebar span{display: block;border-bottom: 1px dotted #959595;padding: 10px 0;}

.box-attractions{letter-spacing: -0.3em;}
.box-attractions .item-attraction{display: inline-block;width: 33.33%;letter-spacing: normal;padding: 0 10px 20px;;vertical-align: top;;}
.box-attractions .item-attraction > img{width: 100%;}
.box-attractions .detail-attraction .pic-source{
    font-size: 12px; color: #777;
}
.detail-attraction{background-color: #ececec;padding: 20px;font-size: 13px;}
.detail-attraction h4{margin: 0;font-size: 14px;color: #00247A;margin-bottom: 10px;}
.detail-attraction .time{font-weight: bold;color: #00247A;margin-top: 30px;}
.detail-attraction a{color: #00bff3;font-size: 12px;font-weight: bold;}
.tab-attraction{border-bottom: 2px solid #00247A;margin-bottom: 20px;}
.tab-attraction a{display: inline-block;padding: 10px 20px;background-color: #E4E4E4;color: #00247A;font-family: "PantonBold";}
.tab-attraction a.active{background-color: #00247A;color: #fff;}

.list-shopping{list-style: none;padding: 0;margin: 0;}
.list-shopping li{border-bottom: 1px dotted #999;padding: 7px 0;color: #00bff3;font-family: "PantonBold";}
.list-shopping span{color: #000;}

.gth-title{position: relative;padding-bottom: 10px;border-bottom: 1px solid #00247a;margin-bottom: 10px;}
.gth-title h3{color: #6dcff6;font-size: 18px;margin: 0;text-transform: uppercase;}
.gth-title .time{position: absolute;top: 0;right: 0;color: #00247a;font-family: 'PantonBold';}

.check-spam{width: 0;height: 0;padding: 0;border: none;}

.site-map{}
.site-map li{}
.site-map li a{color: #333;display: inline-block;padding: 5px;}

.gallery{letter-spacing: -0.3em;}
.gallery a{display: inline-block;width: 25%;letter-spacing: normal;padding: 10px;}
.gallery a img{border: 2px solid #00247A;}

.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: #00247a;color: #fff;font-size: 20px;height: 36px;width: 36px;padding: 7px 10px;}

.box-offers{letter-spacing: -0.3em;}
.box-offers .img{position: relative;}
.box-offers img{width: 100%;}
.box-offers .item-offer{letter-spacing: normal;width: 50%;display: inline-block;padding: 10px;}
.box-offers .title-offer{position: absolute;bottom: 0;right: 0;left: 0;text-align: center;color: #fff;font-size: 25px;padding: 10px;background: linear-gradient(to right, rgba(1,36,122,0.7) 0%,rgba(1,36,122,0.7) 48%,rgba(135,13,67,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301247a', endColorstr='#b3870d43',GradientType=1 );}
.box-offers .detail{background: #E7E7E7;padding: 20px;text-align: center;min-height: 300px;}
.box-offers .detail-info{background: #E7E7E7;padding: 20px;text-align: center;min-height:inherit;}
.box-offers .rate{font-size: 20px;color: #00247A;display: inline-block;border-bottom: 1px solid #81446F;padding-bottom: 10px;margin-bottom: 10px;font-family: "PantonBold";}
.box-offers .time{margin-bottom: 10px;font-family: "PantonBold";}
.box-offers .btn-more-offer{background: #C5C5C5 !important;text-align: center;padding: 10px;cursor: pointer;font-family: "PantonBold";font-size: 14px !important;color: #333 !important;}
.box-offers .more-detail{background: #E7E7E7;padding: 20px; position:relative;}
.box-offers .item-offer a{color: #fff;text-align: center;display: block;padding: 10px;background: #E01A3C;font-size: 20px;font-family: "PantonBold";}
.box-offers .item-offer a.info{color: #fff;text-align: center;display: block;padding: 10px;background: #E01A3C;font-size: 20px;font-family: "PantonBold"; position:absolute; top:10px; right:10px;}
.box-offer-detail.box-offers .item-offer{width: 100%;padding-top: 0;}

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

footer{width:100%; height:auto; padding: 30px 0px 50px 0px; background:#e3e5e8;}
.foot-logo {text-align:left;}
.foot-logo img{max-width:112px; margin-bottom:15px;}
.foot-link {text-align:center;font-size:11px;}
.foot-link a{color:#333;}
.foot-link a:before{content:'|'; margin:0 5px; color:#333;}
.foot-link a:first-child:before{content:'';}
/*.compass-logo{text-align:right;}*/
.compass-logo img{max-width:180px; height:auto;}

/*footer fix*/
.footer-fix{position: fixed;bottom: 0;width: 100%;text-align: center;color: #fff;background-color: #000;z-index: 10;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;
            background: linear-gradient(to right, rgba(23,35,116,1) 0%,rgba(231,25,57,1) 100%);
}
.footer-fix.active{transform: translateY(0%);}
.footer-fix h2{display: inline-block;margin: 0;font-size: 20px;}
.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;}
.footer-fix .input-group-lg>.input-group-btn>.btn{background: #172374;color: #fff;border: none;}
.footer-fix .input-group-lg>.input-group-btn:hover{}
.footer-fix input[name="email"]{font-size: 14px;}
.close-footer-fix{position: absolute;top: 0;right: 0;background: #172374;width: 25px;height: 25px;}
.close-footer-fix i{color: #fff;vertical-align: middle;}

.hotel-item {padding-left:130px; position:relative; font-size:12px; margin-bottom:15px;}
.th-hotel:before{content:"THAILAND HOTELS:"; position:absolute; left:0; top:0;}
.ml-hotel:before{content:"MALAYSIA HOTELS:"; position:absolute; left:0; top:0;}
.hotel-item a p{margin:0; padding:0; display:inline-block; color:#333;}
.hotel-item a p:before{content:"\f054";  font-family:FontAwesome; color: #707070; margin:0 5px; font-size:10px;}
.hotel-item a:first-child p:before{content:"";margin:0;}
.trip-partner{padding-left:130px; position:relative; font-size:12px; margin-top:40px;}
.trip-partner:before{content:"In Partnership with :"; position:absolute; left:0; top:0; margin-bottom:15px;}
.trip-partner img{width:130px;}

.get-deal{font-size:13px; max-width:350px;}
.get-deal h1{font-size:16px; font-family:"Panton"; margin:0; padding:0;}
.get-deal input{background:#fff; border:none; pading:5px;}
.get-deal button{margin-left: 3px;padding: 7px 15px;background-color:#172374;color: #fff;font-size: 13px;border: none;border-radius: 3px;}
.get-deal button:hover{color:#fff; background:#E71939;}

/*.social{margin:20px 0;}*/
.social h1{font-size:16px; font-family:"Panton"; margin:0; padding:0; margin-bottom:10px;}
.social a{width:50px; height:50px; display:inline-block; border-radius: 100%; text-align:center; padding:12px 0; margin-bottom:5px;}
.social a .fa{color:#fff; font-size:26px;}
.social a.facebook{background:#0c69a7;}
.social a.twitter{background:#13b2c8;}
.social a.google{background:#d62020;}
.social a.youtube{background:#b20303;}
.social a.wordpress{background:#0990c5;}
.social a.instagram{background:#773fb2;}
.social a.weibo{background:#F5BF51;}

.box_link{text-align:left;}
.box_link a {
    color: #172374;
    display: inline-block;
    font-family: inherit;
}
.box_link > a {
    font-size: 11px;
    padding: 5px;
    color: #000;
    font-family: inherit;
}
.country {
    display: inline-block;
    padding: 0px 0px 7px 0px;
    margin-bottom: 5px;
}
.country:after {
    content: " : ";
}
.cp-key-text{font-size: 27px;}

.last-row{width:100%; height:45px;
          background: rgb(68,98,159);
          background: -moz-linear-gradient(left,  rgba(68,98,159,1) 0%, rgba(149,96,135,1) 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,98,159,1)), color-stop(100%,rgba(149,96,135,1)));
          background: -webkit-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
          background: -o-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
          background: -ms-linear-gradient(left,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
          background: linear-gradient(to right,  rgba(68,98,159,1) 0%,rgba(149,96,135,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44629f', endColorstr='#956087',GradientType=1 );
}
.last-row .container{}
.last-row a{display:block; padding:10px; background:#008e3e; font-size:18px; font-weight:bold; color:#fff; width:180px; text-align:center; float:right; position:fixed; bottom:0; right:0;}
.last-row a .fa{font-size:20px; color:#fff;
}

.box-services{
    margin-top: 15px;}
.box-services a{color: #fff;font-size: 40px;padding: 0 10px;}
/*--------------------------------------------------------------
- Smooth transition
--------------------------------------------------------------*/

a, button, .box-btn, .item-event, .book-with-us i, .section-room .caption i, .box-gallery img, .box-gallery a:before, .box-gallery a:after, header .logo, .bookStart, .checkin, .checkout, .bookdetail, .offer-tab, .offer-detail, .last-row 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{}

/*BUTTON & IMG EFFECT*/
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: #2098d1;*/
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.fx1:before{background: #2098d1;}
.fx2:before{background: #00247a;}

.box-language{margin: 0; padding: 0px 50px 0px 0px; float: right; position: relative; z-index: 6;}
.box-language li{display: inline-block;padding: 2px 0 0 10px;}
.box-language.box-language-mobile{
    display: none;
}
@media (max-width: 1500px){
    .box-language{padding: 0px 0px 0px 0px;}
    .box-language{margin-right: 10px;}
}
@media (max-width: 992px){
    .box-language.box-language-mobile{
        position: absolute;
        text-align: right;
        padding: 0px 10px 0px 0px;
        font-size: 12px;
        display: block;
        right: 0px;
    }
}
/*MEMBER*/
.close-member{position: absolute;right: 0;top: 0;bottom:0;padding: 6px 16px;background: #f31818;color: #fff;cursor: pointer;font-size: 20px;}
header .memberbut{width:auto; float:right; margin-right:10px; padding-top:15px;}
.membut:hover{color:#fff;}
.memberbox{position:absolute; top:90px; right:180px; 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;position: relative;}
.memberbox .head a{display:inline-block; padding:10px 15px; text-decoration:none; border-right:1px solid #ccc; }
.memberbox .head a.memactive{color:#ff0066; border-bottom:1px solid #fff;margin-bottom:-2px; font-weight:bold;}
.memberbox .content{width:90%; margin-left:5%; padding:10px 0;}
.memberbox .memform {width:340px; background:none; border:none; color:#ff0066; padding:10px; background:#f1f1f1; margin-bottom:10px;}
.memberbox select.memform{width:360px;}
.fm1{display:inline-block; width:150px; position:relative;}
.fm2{display:inline-block; width:150px; position:relative;}
.sout{display:none;}
.formH{width:175px; display:inline-block; margin-right:2px;}
.formH .memform{width:155px;}

.stickMem{position:fixed; bottom:0; left:50%; margin-left:-372px; z-index:999;}

/*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;}

/*STICK MEMBER DEAL*/
.promotab{color:#fff;position: relative;}
.promotab img{position: absolute;right:0px;right: -50px;top: -5px;}


.GSocial{position:absolute; bottom:5px; right:5px; z-index:99999;}
.GSocial .item, .GSocial .social{display:inline-block; vertical-align:top;}
.GSocial .social a{margin-left:5px; width:30px; height:30px; padding:5px 0 0 0; margin-top:5px;}
.GSocial .social{margin:0;}
.GSocial .submit-btn{padding: 5px 20px;}
.GSocial .social a .fa{font-size:18px;}

.memberbut-mobile{display: none;}

/*--------------------------------------------------------------
- Room Chart
--------------------------------------------------------------*/
.head-room-comparison{top: 0;}
.room-chart{list-style: none;padding: 0;margin: 0;width: 858px;max-width: 100%;}
.room-chart li{float: left;text-align: center;padding: 10px;border: 1px solid #fff;height: 60px;line-height: 30px;background: #F4F4F4;width: 20%;}
.room-chart li strong{display: block;background: #00247A;margin: -10px;padding: 10px;height: 58px;color: #fff;}
.room-chart li.des {text-align: left;padding: 10px;width: 40%;}
.room-chart li.long{width: 60%;}

.wrap-addpromocode{margin-bottom: 10px;}
.wrap-addpromocode p{margin: 0;}
.wrap-addpromocode a{font-size: 12px;}
/*-------------------------------------------------------------------------
- Subscribe Button
---------------------------------------------------------------------------*/
.banefits-subscribe-button{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-button{/*left: -40%;*//*right: 50%;*/padding: 5px 5px;width: 170px;}
.banefits-subscribe-button a{color: #fff;}

@media (max-width: 768px) {
    
    .sub-footer .banefits-subscribe-button {left:0; right:0;}
}
/*--------------------------------------------------------------
- Responsive
--------------------------------------------------------------*/
@media (max-width: 1500px) {
    header .address{ float:right; margin-right:10px; font-size:11px; text-align:right; color:#707070; margin-top:6px; width:auto;}
    header .address a{color: #333;}
    header .logo{position:absolute; top:0; left:0;}  
}
@media (max-width: 1400px){
    .navigation li a {
        padding: 16px 10px;
    }
}
@media (max-width: 1200px) {
    .navigation li.time{display:none;}
    .navigation{width:100%;}
    .our-accom .bottom-detail{margin-top:30px;}
    .our-accom .room-detail{padding:30px 0;}
    .box-banner-inside .container{width: 100% !important;padding: 0;}
    .box-banner-inside .container img{width: 1150px !important;max-width: 1150px;}
    .box-banner-inside{overflow: hidden;}
}	

@media (max-width: 992px) {
    body{padding-top: 76px;}
    .wrapper-banner{height:400px;}	
    header{height: 100px;overflow: hidden;position: fixed;top: 0;left: 0;right: 0;z-index: 99;background: #fff;}
    .box-banner-inside .container img{width: 100% !important;max-width: 1150px;}
    .box-banner-inside{height: auto;}
    .navigation{margin-top: 50px;}
    .navigation li{display: block;border: none;}
    .navigation li a{padding: 7px 0;display: block;font-size: 17px;} 
    nav{position: fixed;top: 76px;bottom: 0;right: 0;width: 230px;margin: 0; height:auto;box-shadow: 0 0 3px #000;text-align: center;

        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        transform: translateX(300px);
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
        -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        z-index: 100;
        padding: 0;

        background: -moz-linear-gradient(top,  rgba(231,25,57,0.9) 0%, rgba(23,35,116,0.9) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,25,57,0.9)), color-stop(100%,rgba(23,35,116,0.9)));
        background: -webkit-linear-gradient(top,  rgba(231,25,57,0.9) 0%,rgba(23,35,116,0.9) 100%);
        background: -o-linear-gradient(top,  rgba(231,25,57,0.9) 0%,rgba(23,35,116,0.9) 100%);
        background: -ms-linear-gradient(top,  rgba(231,25,57,0.9) 0%,rgba(23,35,116,0.9) 100%);
        background: linear-gradient(to bottom,  rgba(231,25,57,0.9) 0%,rgba(23,35,116,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e71939', endColorstr='#b3172374',GradientType=0 );

    }
    nav.active{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px);        
    }
    .open-menu{cursor: pointer;display: inline-block;position: absolute;color: #172374 !important;font-size: 30px;top: inherit;right: 0;z-index: 5;padding: 29px 25px;}
    .header-inside .open-menu{padding: 30px;background: none;}

    .logo img{ height:auto; position:relative; top:-23px;  width: 150px;}
    .address{display:none;}
    /*.booking {padding-top:20px;}*/
    .checkin, .checkout, .bookdetail{position:relative; margin-left:auto; margin-right:auto; top:auto; left:auto; display:inline-block ; opacity:1 ;}
    .checkin-calendar, .checkout-calendar{opacity:1;position:relative; margin-left:auto; margin-right:auto; top:auto; left:auto;display:none;}
    .checkin-calendar.active, .checkout-calendar.active{display:block;}
    .title-calendar{display:none;}
    .checkin, .checkout, .checkin-calendar, .checkout-calendar{
        background: -moz-linear-gradient(left,  rgba(227,26,59,1) 0%, rgba(135,13,67,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,26,59,1)), color-stop(100%,rgba(135,13,67,1)));
        background: -webkit-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
        background: -o-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
        background: -ms-linear-gradient(left,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
        background: linear-gradient(to right,  rgba(227,26,59,1) 0%,rgba(135,13,67,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e31a3b', endColorstr='#b3870d43',GradientType=1 );
    }
    /*.Book-item{width:100%;}*/
    .Book-item{width:100%; height:auto; padding:10px; margin-bottom:1px;}
    .Book-item .title{position:relative; top:auto; left:auto; color:#fff; font-weight:500; display:block;}
    .Book-item .data{position:relative; bottom:auto; text-align:left; color:#fff; font-weight:500; display:block; text-align:center; margin-top:0;}

    .Book-item .data .year,.Book-item .data .month,.Book-item .data .date{display:inline-block;}
    .Book-item .data .year,.Book-item .data .month,.Book-item .data .date, .Boot-item .title,.Book-item .night{font-size:20px;}
    .Book-item .edit .fa{font-size:20px;}
    .closedetail{display:none;}

    .bookStart-mobile{display:block; z-index:1;}
    .bookStart{display:none;}
    #promo{font-size:12px;}
    .wrapper-booking{position: fixed;top: 0;bottom: 0;right: 0; left:0;width:100%;margin: 0; height:auto;box-shadow: 0 0 3px #000;text-align: center;overflow-y: scroll;-webkit-overflow-scrolling: touch;

                     -webkit-transform: translateY(-150%);/*-110%*/
                     -moz-transform: translateY(-150%);
                     transform: translateY(-150%);
                     -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
                     -webkit-transition-delay: ease, 0s;
                     -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
                     -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
                     transition: opacity 300ms 100ms ease, transform 500ms ease;
                     z-index: 99;
                     padding: 0;
                     background:rgba(255,255,255,0.95);
                     visibility: visible;
                     /*background: -moz-linear-gradient(top,  rgba(231,25,57,0.7) 0%, rgba(23,35,116,0.7) 100%);
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,25,57,0.7)), color-stop(100%,rgba(23,35,116,0.7)));
                     background: -webkit-linear-gradient(top,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
                     background: -o-linear-gradient(top,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
                     background: -ms-linear-gradient(top,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
                     background: linear-gradient(to bottom,  rgba(231,25,57,0.7) 0%,rgba(23,35,116,0.7) 100%);
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e71939', endColorstr='#b3172374',GradientType=0 );*/

    }
    .wrapper-booking.active{
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        z-index: 200000;
        padding-top:auto;
        padding-bottom:auto;
    }
    .wrapper-booking::-webkit-scrollbar {display: none; }
    .wrapper-calendar{top: 0;max-width: 800px;position: relative;margin: 0 auto;}
    .container.booking.all{}
    .bookdetail .title, .bookdetail .edit{display:none;}
    .bookdetail .data{width:100%;}
    .data.calendar-in, .data.calendar-out{top:0; left:50%; margin-left:-50%; width:100%;}
    .mobile-book-panel{display:block;}
    .close-book-mobile{font-size:24px; /*color:#fff;*/ cursor:pointer; }
    .close-book-mobile .fa{font-size:40px;}
    .wrapper-content {padding-top:30px;}	
    .body-content{padding:30px 0; margin:0; }
    .body-content{padding-bottom:0;}
    .tripbox{margin-top:20px;}

    .Box-idx-widget{margin:20px 0;}
    .room-pic{width:100%; float:none; position:relative;}
    .sp-offer{margin:20px 0; padding:0;}
    .get-deal .input-group{margin:15px 0;}
    .our-accom .bottom-detail{margin-top:auto;}
    .compass-logo{text-align:center; margin-top:20px;}
    .foot-link a{display:none;}
    .our-accom .bottom-detail{margin-top:50px;}
    .our-accom .room-detail{padding:50px 0;}
    .last-row{display:none;}
    .title-1 h1{font-size: 30px;}
    .box-attractions .item-attraction{width: 50%;}
    .box-offers .item-offer{width: 100%;}
    .box-offers .item-offer a.info{position:relative; top:auto; right:auto;}
    .get-deal{padding-top:20px; margin-top:20px; border-top:1px dashed #ccc; max-width:none; text-align:center;}
    .social, .mobile-icon{text-align:center;}
    header .memberbut{display:none;}
    .wrap-blog-step .blog-step{border-radius: 0px !important;}

    .sign-up-page h1{text-align:center;}

    .memberbut-mobile{width:100%; padding:20px 0; text-align:center; display:block; background:#172374; position:relative; z-index:90; color:#fff !important; text-decoration:none !important;display: block;}
    .memberbox{right:0;left: 0;width: 100%;top: inherit;}
    .memberbox input{max-width: 100% !important;}
    .memberbox form#frmSendEmail input{max-width: 90% !important;}
    .memberbox form#frmSendEmail .formH,.memberbox form#frmSendEmail .fm2,.memberbox form#frmSendEmail input{width: 100% !important;}

    .promotab{margin-top: 10px;}
    .promotab a{text-align: left;}
    .promotab img{right: -25px;}

    .footer-fix{position: relative;padding: 20px 5px;transform: initial; display: none;}
    .footer-fix h2{font-size: 15px;margin-bottom: 5px;}
    .close-footer-fix{display: none;}

    .room-chart{width: 480px;}
    .room-chart li{line-height: 20px;}
    .head-room-comparison.affix{top: 80px;position: relative;}
    .benefit-head{height: 100px;padding-top: 18px;}
    .wrapper-calendar .item{
        float: none;z-index: 1;
    }
    .footer-fix{display: none;}

}
@media (max-width: 768px) {
    .wrapper-banner{height:300px;}
    .content{padding-top: 10px;}
    .idxtitle{font-size:14px;}
    .idxtitle2{font-size:24px; font-weight:bold;}
    .idxtitle3{font-size:20px;}
    /*.booking-inside .bookStart-mobile{top:0;}*/
    .our-accom .room-pic{width:100%; float:none;}
    .our-accom .room-thumb{width:100%; float:none;}
    .roompicbox{float:none;}
    .our-accom .room-detail{width:100%; float:none;  position:relative; left:auto; margin-top:10px; bottom:auto;}
    .foot-logo{text-align:center;}
    .hotel-item {padding-left:0; padding-top:20px; position:relative; font-size:12px; margin-bottom:15px; text-align:center; width:100%;}
    .th-hotel:before{content:"THAILAND HOTELS:"; position:absolute; left:50%; margin-left:-55px; top:0;}
    .ml-hotel:before{content:"MALAYSIA HOTELS:"; position:absolute; left:50%; margin-left:-55px; top:0;}
    .trip-partner{padding-left:0; position:relative; font-size:12px; text-align:center;}
    .trip-partner:before{content:"In Partnership with :"; position:relative; left:auto; top:auto;}
    .get-deal{padding-top:20px; margin-top:20px; border-top:1px dashed #ccc; max-width:none; text-align:center;}
    .social{text-align:center;}
    .our-accom .bottom-detail{margin-top:10px;}
    .our-accom .room-detail{padding:20px 0;}
    .bookStart-mobile{ left:0; right:0; margin-left:auto; margin-right:auto; width:100%; top: inherit; }
    .tab-menu-room a{display: block;padding: 15px 20px !important;}
    .gallery a{width: 33.33%;}
    .box-offers .title-offer{font-size: 18px;}
    .mobile-icon{text-align: center;}
    .wrapper-content {padding-top: 10px;}
    .benefit-head{display: none;}
}
@media (max-width: 568px) {
    .box-offers .title-offer{font-size: 16px;position: relative;}
    .wrapper-banner{height:200px;}
    .tab-attraction a{display: block;margin-bottom: 2px;}
    .tripbox .imgtrip{display:none;}
    .tripbox .tripdetail{width:100%; float:none; padding-top:5px; padding-right:10px; color:#464646; font-family:"Panton"; font-size:18px;}
    .box-attractions .item-attraction{width: 100%;}
    .idxbox {padding: 0 20px;}
    .box-services a{font-size: 30px;}
    /*.Book-item{width:100%; height:auto; padding:10px; margin-bottom:1px;}
    .Book-item .title{position:relative; top:auto; left:auto; color:#fff; font-weight:500; display:inline-block; width:70px;}
    .Book-item .data{position:relative; bottom:auto; text-align:left; width:auto; color:#fff; font-weight:500; display:inline-block;}
    
    .Book-item .data .year,.Book-item .data .month,.Book-item .data .date{display:inline-block;}
    .Book-item .data .year,.Book-item .data .month,.Book-item .data .date, .Boot-item .title,.Book-item .night{font-size:20px;}
    .Book-item .edit .fa{font-size:20px;}*/

    .head-room-comparison.affix{top: 80px;right: 10px;left: 10px;}
    .room-chart li{height: 70px;font-size: 12px;}
    .room-chart li strong{height: 68px;}

    #CDSWIDSSP .widSSPData {
        text-align: center;
    }
    #CDSWIDSSP .widSSPData .widSSPBranding dt {
        width: 100% !important;
    }
    #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPAll {
        width: 100% !important;
    }
    #CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview, #CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview{
        float: none !important;
    }
    .text-trip {
        margin-top: 30px;
        text-align: center;
    }
    .slide-tripcomment{
        text-align: center;
    }
    header {
        height: 76px;
    }
    .logo img {
        height: auto;
        position: relative;
        top: -23px;
        width: 126px;
    }
}

.scribe_top{
    display: none;
}
.mobile_subscribe {
    display: none;
}
.item {
    float: left;
    position: relative;
    z-index: -1;
}
button#subscribe-popup-btn {
    /* background: #d9531e; */
    background-color: #fff;
    /* border: none; */
}
button#subscribe-popup-btn span#subscribe-btn {
    /* color: #fff; */
    color: #d9531e;
}
@media (max-width: 992px){
    .scribe_top {
        display: block;
        position: fixed;
        top: 63px;
        right: 0;
        padding: 3px;
        background: #ffffff;
        border: 1px solid #FD8005;
        z-index: 100;
    }
    .scribe_top .dock {
        padding: 3px 8px;
        border: 1px solid #ebebeb;
        text-align: center;
        color: #FD8005;
        font-family: 'VerlagBlack';
    }
    .scribe_top .dock strong {
        font-size: 24px;
        line-height: 0.5em;
    }
    .mobile_subscribe {
        width: 100%;
        padding: 10px;
        background: #FD8005;
        position: fixed;
        top: 63px;
        z-index: 101;
        right: 100%;
        display: block;
    }
    .mobile_subscribe .item {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .mobile_subscribe .item.numb {
        font-size: 36px;
        font-family: 'VerlagBlack';
        color: #fff;
        line-height: 1em;
    }
    .mobile_subscribe .item.form {
        max-width: 170px;
        z-index: 999999;
    }
    .mobile_subscribe .input-group-lg>.form-control, .mobile_subscribe .input-group-lg>.input-group-addon, .mobile_subscribe .input-group-lg>.input-group-btn>.btn {
        font-size: 12px !important;
    }
    .mobile_subscribe.active{
        right: 0px;
    }
}


.scribe_top{
    display: none;
}
.mobile_subscribe {
    display: none;
}
.item {
    float: left;
    position: relative;
    z-index: -1;
}
button#subscribe-popup-btn {
    /* background: #d9531e; */
    background-color: #fff;
    /* border: none; */
}
button#subscribe-popup-btn span#subscribe-btn {
    /* color: #fff; */
    color: #de193b;
}
@media (max-width: 992px){
    .scribe_top {
        display: block;
        position: fixed;
        top: 76px;
        right: 0;
        padding: 3px;
        background: #ffffff;
        border: 1px solid #de193b;
        z-index: 99;
    }
    .scribe_top .dock {
        padding: 3px 8px;
        border: 1px solid #ebebeb;
        text-align: center;
        color: #de193b;
        font-family: 'VerlagBlack';
    }
    .scribe_top .dock strong {
        font-size: 24px;
        line-height: 0.5em;
    }
    .mobile_subscribe {
        width: 100%;
        padding: 10px;
        background: #de193b;
        position: fixed;
        top: 76px;
        z-index: 101;
        right: 100%;
        display: block;
    }
    .mobile_subscribe .item {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }
    .mobile_subscribe .item.numb {
        font-size: 36px;
        font-family: 'VerlagBlack';
        color: #fff;
        line-height: 1em;
    }
    .mobile_subscribe .item.form {
        max-width: 170px;
        z-index: 999999;
    }
    .mobile_subscribe .input-group-lg>.form-control, .mobile_subscribe .input-group-lg>.input-group-addon, .mobile_subscribe .input-group-lg>.input-group-btn>.btn {
        font-size: 12px !important;
    }
    .mobile_subscribe.active{
        right: 0px;
        z-index: 10000;
    }
}

/*SNOW*/
.winter-is-coming, .snow {
  z-index: 100;
  pointer-events: none;
}

.winter-is-coming {
  overflow: hidden;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  background: transparent;
}

.snow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: falling linear infinite both;
          animation: falling linear infinite both;
  -webkit-transform: translate3D(0, -100%, 0);
          transform: translate3D(0, -100%, 0);
}
.snow--near {
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  background-image: url("../images/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
  background-size: contain;
}
.snow--near + .snow--alt {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.snow--mid {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  background-image: url(../images/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);
  background-size: contain;
}
.snow--mid + .snow--alt {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.snow--far {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  background-image: url(../images/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);
  background-size: contain;
}
.snow--far + .snow--alt {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}

@-webkit-keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
            transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
            transform: translate3D(7.5%, 100%, 0);
  }
}

@keyframes falling {
  0% {
    -webkit-transform: translate3D(-7.5%, -100%, 0);
            transform: translate3D(-7.5%, -100%, 0);
  }
  100% {
    -webkit-transform: translate3D(7.5%, 100%, 0);
            transform: translate3D(7.5%, 100%, 0);
  }
}