body{ font-family: Tahoma, Geneva, sans-serif; font-size: 12px; line-height: 20px; padding: 0; margin: 0; background: #000; color: #fff;}
.clearfix{ clear: both;}
a{ color: #fff; text-decoration: none;}
/*right page*/
#right-page{ position: fixed; top: 0; left: 0; width: 236px; height: 100%; z-index: 10; background: #000;}
#inner-right-page{ margin: 38px 0 0 25px; position: relative;}
#logo{ height: 100px; overflow: hidden;}
#logo img{ height: 100px; width: auto;}
#main-menu{ margin-top: 40px; position: relative; z-index: 999; background: #000;}
#main-menu ul{ margin: 0; padding: 0; list-style: none;}
#main-menu ul li{ list-style-image: none; list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#main-menu ul li a{ font-size: 14px; color: #c8c3ab;}
#main-menu ul li a.active, #main-menu ul li a:hover, #main-menu ul li a.active-trail{ color: #fff;}
#main-menu ul li ul{ display: none;}
#main-menu ul li ul{padding-left: 15px; margin-top: 10px;}
#main-menu ul li.active-trail ul{ display: block;}
#main-menu ul li ul li a{ font-size: 12px;}
#main-menu ul li.active-trail ul li ul{ display: none;}
#copyright{ position: fixed; bottom: 28px; left: 25px; font-size: 11px; color: #757575;}
#fastlink{ position: fixed; bottom: 50px; left: 25px; font-size: 11px;}
#fastlink a{color: #9b967b;}
#social{ position: fixed; left: 25px; bottom: 80px;}
#social a{ float: left; width: 22px; height: 22px; margin-right: 5px;}
.facebook-link{ background: url(../images/facebook.png) no-repeat scroll 0 0;}
.twitter-link{ background: url(../images/twitter.png) no-repeat scroll 0 0;}
.google-link{ background: url(../images/google.png) no-repeat scroll 0 0;}
.pinterest-link{ background: url(../images/pinterest.png) no-repeat scroll 0 0;}
.instagram-link{ background: url(../images/instagram.png) no-repeat scroll 0 0;}
.trustpilot-link{ background: url(../images/trustpilot.png) no-repeat scroll 0 0;}
.reviewcentre-link{ background: url(../images/reviewcentre.png) no-repeat scroll 0 0;}
#tripadvisor{ position: fixed; bottom: 5px; left: 25px; display: block;}
/*menu-con*/
#menu-con ul{ margin:0; padding: 0;}
#menu-con ul li{ margin: 0; padding: 0; list-style-image: none; list-style-type: none; margin-bottom: 10px;}
#menu-con ul li a{ font-size: 14px;}
/*site-content*/
#site-content{ position: fixed; left: 236px; top: 0; z-index: 9; height: 100%; width: 90%;}
#main-content{ position: relative; width: 100%; height: 100%;}
#quangcaophai{ position: fixed; top: 0; right: -300px; width: 300px; background: #0a0a0a; height: 100%; z-index: 11; padding-top: 38px;}
.theme-default .nivoSlider{ background: none; box-shadow: none;}
#close-add{ position: absolute; top: 40%; left: 0; z-index: 11; color: #fff; background: url(../images/close-ad.png) no-repeat scroll 0 0; width: 22px; height: 89px;}
#close-add:hover{background: url(../images/close-ad-hover.png) no-repeat scroll 0 0;}
#quangcaophai-close{position: fixed; top: 0; right: -37px; width: 37px; background: url(../images/special-offer.png) no-repeat scroll center center #0a0a0a; height: 100%; z-index: 11; cursor: pointer;}
#quangcaophai-close:hover{background: url(../images/special-offer-hover.png) no-repeat scroll center center #0a0a0a;}
#content-bot{ position: absolute; height: 15px; background: #000; bottom: 0; left: 0; width: 100%; z-index: 11;}
#content-top{ position: absolute; height: 38px; background: #000; top: 0; left: 0; width: 100%; z-index: 11;}
#inner-content{ position: absolute; top: 0; left: -500px; width: 500px; z-index: 10; height: 100%; background: url(../images/bg-content.png) repeat scroll 0 0;}
#inner-content-main{ padding: 180px 20px 20px 20px; position: relative; float: right; width: 460px; overflow: hidden;}
#hide-main-content{ position: absolute; right: -110px; bottom: 30px; background: url(../images/bg-content.png) repeat scroll 0 0; padding: 2px 5px; display: block; border-radius: 4px; font-size: 11px;}
#hide-main-content .icon{ background: url(../images/hide-content.png) no-repeat scroll 0 0; display: inline-block; width: 6px; height: 10px; position: relative; top: 1px;}
#hide-main-content .hideicon{ background: url(../images/show-content.png) no-repeat scroll 0 0; display: inline-block; width: 6px; height: 10px; position: relative; top: 1px;}
.front #inner-content{ width: 300px; left: -300px;}
.front #inner-content-main{ width: 260px;}
.js-title{ margin-bottom: 10px;}
.inner-js-title{ text-transform: uppercase; font-size: 14px;}
.round-js-content p{ margin-top: 0;}
.jspTrack, .jspHorizontalBar{ display: none;}
.jspVerticalBar{ height: 25px; bottom: 25px; top: auto; right: auto; left: 255px; width: 100px; position: fixed;}
.jspVerticalBar .jspArrowUp { margin-right: 20px; background: url(../images/up.png) no-repeat scroll 0 0; float: left; width: 26px; height: 25px;}
.jspVerticalBar .jspArrowDown { background: url(../images/down.png) no-repeat scroll 0 0; float: left; width: 26px; height: 25px;}
.black-background .jspVerticalBar .jspArrowDown, .black-background .jspVerticalBar .jspArrowUp{ border: 1px solid #fff; border-radius: 4px;}
.jspVerticalBar .jspDisabled{ opacity: 0.5;}
.has-menu .jspVerticalBar{ left: 415px;}
.menu-hide .jspVerticalBar{ left: 275px;}
#menu-con{ width: 120px; float: left; height: 100%; background: url(../images/bg-content-menu.png) repeat scroll 0 0; padding: 180px 20px 20px 20px; position: absolute; z-index: 10;}
#inner-content-main.has-menu{ width: 300px;}
#hide-menu-content{ position: absolute; top: 45px; left:125px; z-index: 11; background: url(../images/hide-menu.png) no-repeat scroll 0 0; width: 25px; height: 23px; display: block;}
#hide-menu-content.show{background: url(../images/show-menu.png) no-repeat scroll 0 0;}
#slidetintuc ul{ width: auto; margin: 0; padding: 0;}
#slidetintuc li{ clear: both; float: none; margin-bottom: 5px; overflow: hidden;}
#slidetintuc h2{ margin-bottom: 5px; font-size: 12px;}
#slidetintuc h2 a{ font-size: 12px; color: #ffcc00;}
.node-teaser-article .field-name-field-image{ float: left; margin-right: 10px; line-height: 0; margin-top: 5px; border: 1px solid #fff;}
.node-teaser-article h3{ margin: 0 0 5px 0; height: 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; background: url(../images/accrow.png) no-repeat scroll 0 9px; padding-left: 15px;}
.node-teaser-article h3 a{ font-size: 12px; font-weight: normal;}
.node-teaser-article .field-name-field-lead{ line-height: 20px; height: 40px; overflow: hidden; color: #dfdfdf;}
.readmore{ background: url(../images/readmore.png) no-repeat scroll right 5px; padding-right: 10px;}
/*gallery*/
#thumb-tray{ top: 38px; left: auto; right: 0; height: 100%; width: 90px; text-align: left; box-shadow: 0 0 4px #000;}
ul#thumb-list{ margin: 0;}
ul#thumb-list li{ width: 82px; height: 62px; float: none; display: block; margin-bottom: 5px; border: 3px solid #000;}
#thumb-back{ top:  0; background: url(../images/thumb-back.png) no-repeat scroll center center rgba(0, 0, 0, 0);}
#thumb-forward{ bottom: 0; background: url(../images/thumb-forward.png) no-repeat scroll center center rgba(0, 0, 0, 0);}
#thumb-back, #thumb-forward{ height: 35px; width: 90px;}
#thumb-back:hover, #thumb-forward:hover{ background-color: rgba(255,255,255,0.2);}
#thumb-back:hover{ border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
#thumb-forward:hover{ border-top: 1px solid rgba(255, 255, 255, 0.3);}
/*------*/
.page-background #inner-content{ width: auto;}
.page-background #inner-content-main{ width: 100%; float: none;}
.page-background .round-js-content .messages{ width: 310px;}
.support-info p{ margin: 0;}
.support-info{ padding-top: 10px; float: left; margin-left: 50px;}
#lien-he-node-form table{ width: 350px; float: left; margin-top: 10px;}
tbody{ border: none;}
#lien-he-node-form td{padding-bottom: 10px;}
#lien-he-node-form td.field-label{ white-space: nowrap; padding-right: 10px;}
.form-item{ margin: 0;}
.form-text, .form-textarea{ border: 1px solid #fff; background: #000; border-radius: 3px; padding: 5px; color: #000; font-family: Tahoma, Geneva, sans-serif; width: 96%; background: #fff;}
.form-textarea{ height: 115px; width: 100% !important;}
.grippie{ display: none;}
.form-submit{ background: url(../images/button-contact-form.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #fff; cursor: pointer; height: 25px; padding: 0 15px 0 10px; text-align: left; width: 73px;}
.book-now{background: #000; border: medium none; color: #ffcc00; cursor: pointer; padding: 5px 15px; text-align: center; float: left; border-radius: 4px;}
.book-now:hover{ background: #666;}
.b-book-now{ float: right; margin-left: 20px;}
.form-submit:hover{ opacity: 0.7;}
.round-js-content .messages{ font-size: 11px; border: 1px solid #F00; padding: 5px 20px; color: #fff; background: none;}
.round-js-content .messages .error{ color: #fff;}
.form-item input.error, .form-item textarea.error, .form-item select.error{ border: 1px solid red;}
/*round-form-reservations*/
#round-form-reservations{ position: fixed; top: 0; right: 37px; z-index: 99;}
#inner-form-reservations{ position: relative;}
#link-reservation{ background: url(../images/reservations.jpg) no-repeat scroll 0 0; width: 132px; height: 38px; display: block;}
#FrmBook{ position: absolute; top: 38px; right: 37px; display: none; background: #000; box-shadow: 1px 1px 3px #111; padding: 0 10px; width: 290px; z-index: 999; line-height: 16px;}
#FrmBook p{ margin: 0;}
#FrmBook td{ padding: 0; vertical-align: top;}
#FrmBook .bg_txt td{ vertical-align: middle;}
#weather{ float:left; padding-top: 5px; padding-left: 20px;}
.w-image img{ position: relative; top: 3px;}
/*book*/
.page-reservations #inner-content{ width: auto;}
.page-reservations #inner-content-main{ width: auto;}
.page-reservations #inner-content{ left: -744px;}
.page-reservations .js-content{ width: 744px;}
.page-background .js-content{ width: 100%;}
/*node-reservations-form*/
.node-reservations-form fieldset{ border: 1px solid #fff; padding: 10px 20px;}
#guest-infomation .form-reservation-item{ float: left; width: 50%; margin-bottom: 10px; height: 30px;}
#guest-infomation .item-label{ float: left; width: 120px;}
#guest-infomation .item-form{ float: left; width: 200px;}
.container-inline-date .date-padding{ padding: 0;}
.container-inline-date > .form-item{ padding: 0; margin: 0;}
.container-inline-date .description{ display: none;}
.item-form .form-select{ border: 1px solid #fff; background: #fff; border-radius: 3px; padding: 5px; margin: 0;}
.field-name-field-sex{ float: left; width: 70px;}
.item-form .form-item-title{ float: left; width: 127px;}
.item-form .description{ position: absolute; display: none; background: #000;}
.black-background{ background: #000 !important;}
/*booktour-form*/
#booktour-form .form-reservation-item{ float: left; width: 100%; clear: both; margin-bottom: 10px;}
#booktour-form .item-label{ float: left; width: 150px; margin-top: 5px;}
#booktour-form .item-form{ float: left; width: 300px;}
#booktour-form .item-form .form-item-title{ width: auto;}
#booktour-form .form-textarea-wrapper textarea{ height: 30px;}
#hotlinetop{ position: fixed; z-index: 99; top: 10px; right: 190px;}


/* Edit by mrvdp 1/3/2017 */
#tripadvisor {
    text-align: center !important;
    display: flex !important;
    width: 156px !important;
    height: 156px !important;
    overflow: hidden !important;
    justify-content: center !important;
    align-items: center !important;
    background: white !important;
}

#social {
    position: fixed;
    left: 25px;
    bottom: 175px !important;
}

#tripadvisor > img {
height: auto !important;
width: calc(100% - 10px) !important;
}

/* End edit by mrvdp 1/3/2017 */