/* For use in admin site TinyMCE */
@import url(../../0/content.css);

/* General Settings and Resets */

:root {
    /* --Typography-- */
    --title-family: 'SackersGothicLight', 'Microsoft Yahei' !important;
    --font-family: 'GillSansStdLight', 'Microsoft Yahei' !important;
}

@font-face {
  font-family: "SackersGothicLight";
  src: url('../fonts/SackersGothicLight/font.woff2') format('woff2'), url('webFonts/SackersGothicLight/font.woff') format('woff');
}
@font-face {
  font-family: "GillSansStdLight";
  src: url('../fonts/GillSansStdLight/font.woff2') format('woff2'), url('webFonts/GillSansStdLight/font.woff') format('woff');
}

body {
    background-color: #222;
    font-family: var(--font-family);
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 1.7em;
    padding-right: 0px!important;
}

body.without-banner #content {
    margin-top: 210px;
    margin-bottom: 30px;
}

body.locale_zh-hans .nav.menu_body_0>li>a {
    padding: 10px 20px!important;
}

section {
    padding: 0px;
}

footer {
    background-color: #000;
    min-height: 180px;
    margin-top: 0px!important;
}

footer p a:hover {
    color: #efe402;
}

footer p,
footer address,
footer p a {
    font-size: 13px;
    color: #ececec;
    line-height: 1.5em;
    text-transform: uppercase;
}

footer .chosen-container,
footer .chosen-container-single .chosen-single,
footer .chosen-container-active.chosen-with-drop .chosen-single {
    width: 100%!important;
}

p,
li,
label {
    color: #999;
}

p {
    margin: 0 0 20px;
}

abbr[data-original-title],
abbr[title] {
    cursor: default;
    border-bottom: none;
}

a {
    color: #c9c002;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #efe402 !important;
}

hr {
    border-top: 1px solid #ccc;
}

td,
th {
    padding-right: 15px;
}

#content ul {
    margin-left: -20px;
    margin-bottom: 10px!important;
}

#content .room-reserve {
    margin-top: 5px;
}

#content .rive-gauche h1,
#content .fu-chun-ju h1,
#content .lobby-lounge h1,
#content .tea-room h1,
#content .puxuan-club h1,
#content .urspa h1 {
    display: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: var(--font-family);*/
    font-family: var(--title-family);
    font-weight: 300;
    line-height: 1.1;
    color: #c9c002;
}

.locale_zh-hans .h1,
.locale_zh-hans .h2,
.locale_zh-hans .h3,
.locale_zh-hans .h4,
.locale_zh-hans .h5,
.locale_zh-hans .h6,
.locale_zh-hans h1,
.locale_zh-hans h2,
.locale_zh-hans h3,
.locale_zh-hans h4,
.locale_zh-hans h5,
.locale_zh-hans h6 {
    font-family: var(--font-family);
}

.h2,
h2,
.h1,
h1 {
    font-size: 28px!important;
    margin-top: 10px;
    margin-bottom: 40px;
}

.h3,
h3 {
    font-size: 22px;
}

.press h3 {
    margin-top: 10px !important;
}

.page-header {
    margin: 50px 0 30px;
}

.separate {
    display: inline-block;
    width: 0;
    height: 1em;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.with-banner #content>.container {
    margin: 40px auto 60px auto;
}

.without-banner #content>.container:first-child {
    margin-top: 270px;
}

*::-webkit-input-placeholder {
    color: #ffffff!important;
    -webkit-font-smoothing: subpixel-antialiased;
}

*:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff!important;
    -webkit-font-smoothing: subpixel-antialiased;
}

*::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff!important;
    -webkit-font-smoothing: subpixel-antialiased;
}

*:-ms-input-placeholder {
    color: #ffffff!important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.clear-both {
    clear: both;
}

.hidden-lg-1015 {
    display: none!important;
}

.hidden-sm-1015 {
    display: block;
}

.visible-lg-2015 {
    display: block!important;
}

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

.section-head {
    font-size: 1.6em;
    text-align: center;
    color: #c9c002;
}

.footer_subscribe_div.input-group input[type="button"] {
    background-color: #363c3c!important font-size:13px;
}

.light-bg .btn-primary,
.btn-primary,
.btn-primary:active:hover {
    border-radius: 0px;
    background-color: #827d00!important;
    border: 0px!important;
    /**border-color: #827d00;
	border: 1px solid #827d00;**/
    color: #FFFFFF !important;
}

.btn-top {
    margin-top: 20px;
}

.btn-primary.long {
    min-width: 200px;
}

.btn-puli {
    border-radius: 25px;
    background-color: #827d00;
    /**border-color: #827d00;**/
    border: 0px;
    padding: 10px 14px;
    box-shadow: 0px 0px 10px #555;
}

.footer_subscribe_div.input-group input[type="button"]:hover,
.btn-primary:hover {
    color: #827d00!important;
    background-color: #fff!important;
}

.footer_subscribe_div.input-group input[type="button"]:active,
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #827d00!important;
    background-color: #fff!important;
    /**   border-color: #827d00;**/
    border: 0px;
}

.footer_subscribe_div.input-group input[type="button"]:focus,
.btn-primary.focus,
.btn-primary:focus {
    color: #827d00 !important;
    background-color: #fff!important;
    /** border-color: #827d00;**/
    border: 0px;
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: 14px;
}

.btn-sm.reserve {
    padding: 7px 11px;
    font-size: 13px;
    float: right;
}

.btn-large {
    padding: 5px 20px;
    margin-top: 10px;
}

.playful {
    /*font-family: 'EB Garamond', 'Helvetica Neue';*/
    font-weight: 700;
}

.caret {
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.gery {
    color: #828181;
}

.light-bg {
    background-color: #F4F0EC;
    background-color: #efefef;
}

.light-bg .h1,
.light-bg .h2,
.light-bg .h3,
.light-bg .h4,
.light-bg .h5,
.light-bg .h6,
.light-bg h1,
.light-bg h2,
.light-bg h3,
.light-bg h4,
.light-bg h5,
.light-bg h6,
.light-bg a {
    color: #827d00 !important;
}

.light-bg a:hover {
    color: #555100 !important;
}

.norightspace {
    margin-right: -15px;
}

.home-career {
    padding: 30px 15px;
}

.home-career a {
    margin-bottom: 20px;
}

div#contact-us {
    font-weight: 300;
}

.black {
    background-color: #000000;
}

.mb-20 {
    margin-bottom: 20px!important;
}

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

.full-width,
.full-width section.container-fluid,
.full-width section.container {
    padding: 25px 0px;
}


/* Jquery ui */

.ui-widget-content {
    background: #222;
}

.ui-datepicker .ui-datepicker-header {
    background: #222!important;
}

.ui-datepicker-header,
.ui-datepicker-title,
.ui-widget-content a {
    color: #e6e6e6;
}

.ui-widget-content {
    background-color: #222222 !important;
    color: #FFF;
}

#ui-datepicker-div {
    font-family: var(--title-family);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    color: #545454 !important;
}


/* Navigation Bar*/

.navbar-inverse {
    background-color: rgba(125, 125, 125, 0.7);
    margin-top: 100px;
    position: absolute;
    width: 100%;
    z-index: 99;
    font-family: var(--title-family);
    border-radius: 0px!important;
    box-shadow: 0 3px 2px rgba(18, 18, 18, 0.5);
}

.navbar {
    min-height: 95px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 23px!important;
}

.navbar-nav>.dropdown>a::before {
    content: "\f107";
    font-family: FontAwesome;
    left: 20px;
    color: #fff;
    z-index: 999;
    top: 10px;
    font-size: 1.2em;
    float: left;
    position: absolute;
}

.navbar-nav>.dropdown.open>a::before {
    content: "\f106";
    font-family: FontAwesome;
}

.hidden-lg-1015 .navbar-nav>.dropdown:first-child::before,
.hidden-lg-1015 .navbar-nav>.dropdown.open:first-child::before {
    content: "";
}

.navbar-btn.btn-sm {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    float: none;
    padding: 15px 0;
}

.nav.xm-center li {
    text-align: center;
}

.nav.xm-center .open>a {
    /**   background-color: #000000;**/
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px !important;
    color: #999999 !important;
}

.nav>li>a:focus,
.nav>li>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a {
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.nav .dropdown-toggle .caret {
    height: 10px;
}

.nav hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav li a {
    color: #999999;
}

.nav li a:hover {
    color: #ffffff!important;
}

.navbar-inverse .navbar-nav>li>a {
    font-weight: 300;
    color: #fff !important;
}

.navbar-brand>img {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
    font-style: italic;
}

.navbar-right img {
    padding-right: 15px;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-top: 25px;
    border: 0;
    z-index: 9999;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a {
    /*border-bottom: 1px solid #827d00;*/
    padding-bottom: 5px;
    /*padding-left: 5px;
    margin-left: 10px;
    padding-right: 5px;
    margin-right: 10px;*/
    color: #fff !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-inverse {
    border-color: transparent;
}

#navbar-con {
    background-color: rgba(20, 20, 20, 0);
}

.member-hotel,
.member-hotel:hover {
    background-color: #111!important;
    padding: 35px 25px!important;
    position: absolute;
    top: -55px;
}

.navbar-inverse .navbar-nav>.active.open>a {
    background-color: #111111;
    /*mark #080808*/
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #111111!important;
    /*mark new*/
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #222 !important;
}


/* Dropdown menu*/

.dropdown-menu {
    border: 0;
    opacity: 1;
    /*background-color: rgba(17,17,17, 0.7);*/
    background-color: rgba(17, 17, 17, 1);
    /*mark new*/
    border-radius: 0px;
    width: 285px;
    /**margin-left: -100px;**/
    position: absolute;
    /**left: 50%;**/
    text-align: left;
    left: 0px!important;
    list-style-image: url(data:0);
}

#find_a_hotel .dropdown-menu {
    width: 132px!important;
    min-width: 0px;
    margin-top: 0px;
    color: #999999 !important;
    position: absolute;
}

#find_a_hotel .dropdown-menu>li {
    display: block;
    text-align: center;
}

#find_a_hotel .dropdown-menu li:hover {
    color: #FFFFFF !important;
    background-color: #222!important;
}

.dropdown-menu>li>a {
    color: #999999 !important;
    padding: 7px 10px;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}

#find_a_hotel .dropdown-menu {
    background-color: #222222;
}

#find_a_hotel .dropdown-menu>li>a:hover {
    background-color: #222222!important;
}

.dropdown-menu>li:hover {
    background-color: #222222 !important;
    /*mark #111111*/
    cursor: pointer;
}

.dropdown-menu>li:hover a {
    color: #fff !important;
}

.dropdown-menu>li>a:hover {
    color: #FFFFFF!important;
    background-color: #222222 !important;
    /*mark #111111*/
}

#mob_find_hotel .dropdown-menu {
    top: 68%;
}

.brand>img {
    text-align: center;
    width: 165px;
}

.brand.member-hotel img {
    max-width: 110px;
}

.inline img {
    padding: 0 10px;
}

.urspa .col-md-3 img {
    max-width: 180px;
    width: 100%;
}

.col-md-3 img {
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.col-md-4 img {
    /*padding-top: 20px;*/
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


/********* Amend reservations *********/

.amend_reservation {
    display: inline-block;
    font-size: 11px;
    list-style-type: none;
    float: right;
    padding: 4px 7px 3px;
    margin: 15px 0px 0px 5px;
    background-color: rgba(135, 125, 0, 0.7);
    text-shadow: none;
}

.amend_reservation li {
    line-height: 2.5em;
}

.amend_reservation:hover {
    background-color: #ffffff;
}

.amend_reservation:hover>li>a {
    color: #efe402 !important;
}

#mob_nav_reserve_btn a {
    color: #c9c002!important;
}

#mob_nav_reserve_btn a:hover {
    color: #ffffff!important;
}


/* reservation form */

.nav_reserve_field {
    /** background-image: url(../img/in-out-field.png);
    background-repeat: no-repeat;
    background-position: 1px 15px;**/
    width: 154px;
    /*padding-right: 8px;
    float: left;*/
    margin: 0 auto;
}

.nav_reserve_field input {
    background: transparent;
    border: 0;
    color: #c9c002;
    width: 125px!important;
    padding: 6px 5px 6px 10px;
}

.nav_reserve_field input:focus {
    border: 0;
    box-shadow: none;
}

.nav_reserve_field img {
    padding: 0;
    margin-left: 2px;
    padding-top: 8px;
    cursor: pointer;
}

.nav-location {
    display: none;
}

.nav-reservation select {
    background-color: rgba(125, 125, 125, 0.7);
    font-size: 12px;
    color: #ffffff;
    border: 0px;
}

.nav-reservation select:focus,
.nav-reservation select:active {
    border: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
}

.nav-reservation.navbar-right {
    background-color: rgba(125, 125, 125, 0.7);
}

.nav-reservation {
    margin-top: 15px;
    margin-right: 0px;
    font-size: 12px;
}

.nav-reservation input {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.navbar-nav>li>.dropdown-menu {
    min-height: 75px !important;
}

.ui-widget-content {
    font-size: 12px;
}

.puxuan_reserve {
    background-color: rgba(125, 125, 125, 0.7)!important;
}

.puxuan_reserve:hover,
.puxuan_reserve:focus {
    color: #fff!important;
}


/* Dining */

.rive-gauche h1,
.rive-gauche h2,
.rive-gauche h3,
.rive-gauche h4,
.rive-gauche a,
.rive-gauche span.playful {
    color: #FF664B!important;
}

.terrace-bar h1,
.terrace-bar h2,
.terrace-bar h3,
.terrace-bar h4,
.terrace-bar a,
.terrace-bar span.playful {
    color: #FFFFFF!important;
}

.fu-chun-ju h1,
.fu-chun-ju h2,
.fu-chun-ju h3,
.fu-chun-ju h4,
.fu-chun-ju a,
.fu-chun-ju span.playful {
    color: #D57550!important;
}

.tea-room h1,
.tea-room h2,
.tea-room h3,
.tea-room h4,
.tea-room a,
.tea-room span.playful {
    color: #997A5C!important;
}

.lobby-lounge h1,
.lobby-lounge h2,
.lobby-lounge h3,
.lobby-lounge h4,
.lobby-lounge a,
.lobby-lounge span.playful {
    color: #9F948E!important;
}

.upper-east h1,
.upper-east h2,
.upper-east h3,
.upper-east h4,
.upper-east a,
.upper-east span.playful {
    color: #9F948E!important;
}

.puxuan-club h1,
.puxuan-club h2,
.puxuan-club h3,
.puxuan-club h4,
.puxuan-club a,
.puxuan-club span.playful {
    color: #9F948E!important;
}

.urspa h1,
.urspa h2,
.urspa h3,
.urspa h4,
.urspa a,
.urspa span.playful {
    color: #FFFFFF!important; /*#A29B96*/
}


/*****Open Table Widget******/

.ot-dtp-picker {
    background: transparent !important;
    width: 100% !important;
}

.ot-dtp-picker,
.ot-dtp-picker input[type="submit"] {
    font-family: var(--font-family);
    font-weight: 400 !important;
}

.ot-title {
    /* font-family: var(--title-family);
    font-weight: 300 !important; */
    display: none!important;
}

.ot-dtp-picker .ot-dtp-picker-form {
    background: transparent !important;
    border: none !important;
}

.ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:before {
    color: #999 !important;
}

.ot-dtp-picker .ot-party-size-picker,
.ot-dtp-picker .ot-dtp-picker-selector {
    border-bottom: 1px solid #999 !important;
}

.ot-dtp-picker .ot-dtp-picker-selector:hover .ot-dtp-picker-selector-link {
    outline: 0 !important;
}

.ot-dtp-picker .ot-dtp-picker-button {
    margin: 15px 0 !important;
    padding: 6px 12px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto !important;
}

.ot-powered-by {
    background-image: url(/file/webpage/shared/dining/opentable.png) !important;
}

.picker {
    color: #999 !important;
}

.picker__holder {
    border-radius: 0 !important;
}


/***Fu Chun Ju***/

.fu-chun-ju .ot-title,
.fu-chun-ju .picker__close {
    color: #D57550 !important;
}

.fu-chun-ju .picker__day--selected,
.fu-chun-ju .picker__day--highlighted,
.fu-chun-ju .picker__day--selected:hover,
.fu-chun-ju .picker__day--infocus:hover,
.fu-chun-ju .picker__day--outfocus:hover {
    border: 2px solid #D57550 !important;
}

.fu-chun-ju .ot-button {
    background-color: #D57550 !important;
    border: 1px solid #D57550 !important;
}

.fu-chun-ju .ot-button:focus,
.fu-chun-ju .ot-button:hover {
    background-color: #fff !important;
    color: #D57550 !important;
}


/***Rive Gauche***/

.rive-gauche .ot-title,
.rive-gauche .picker__close {
    color: #FF664B!important;
}

.rive-gauche .picker__day--selected,
.rive-gauche .picker__day--highlighted,
.rive-gauche .picker__day--selected:hover,
.rive-gauche .picker__day--infocus:hover,
.rive-gauche .picker__day--outfocus:hover {
    border: 2px solid #FF664B !important;
}

.rive-gauche .ot-button {
    background-color: #FF664B !important;
    border: 1px solid #FF664B !important;
}

.rive-gauche .ot-button:focus,
.rive-gauche .ot-button:hover {
    background-color: #fff !important;
    color: #FF664B !important;
}


/*****END: Open Table Widget******/


/* Login Form */

#investors_form input {
    width: 180px;
    margin: 0 10px 10px 10px;
    color: #c9c002;
}

#investors_form button {
    float: right;
    margin-right: 10px;
}

ul.errorStack {
    list-style: none;
    padding: 0;
}

.error {
    padding-left: 10px;
    text-align: left;
}

.error span {
    color: #c9c002;
    text-transform: none!important;
}


/* jQuery chosen */

.chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

.chosen-container .chosen-container-single {
    height: auto !important;
}

.chosen-container {
    font-size: 14px;
    float: left;
    margin-right: 18px;
    /*width: 322px !important;*/
}

.chosen-container-single .chosen-single {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    background: url('../img/in-out-field.png') 0 50% no-repeat;
    height: 34px;
    text-align: left;
}

.chosen-container-single .chosen-single span {
    color: #c9c002;
}

.chosen-container-single .chosen-single div b {
    background: url('../img/reserve_arrow_down.png') no-repeat -6px 1px;
}

.chosen-container-single .chosen-drop {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #222222;
    color: #c9c002;
    border: none;
}

.chosen-container .chosen-results {
    z-index: 5001;
    font-size: 13px;
    background: transparent;
}

.chosen-container .chosen-results li {
    color: #c9c002!important;
}

.chosen-container .chosen-results li:hover {
    background: #222222!important;
    color: #ffffff!important;
}

.chosen-container .chosen-results .highlighted {
    filter: none;
    background: #222222!important;
}

.chosen-with-drop.chosen-container-active .chosen-single {
    box-shadow: none;
    border: none;
    background: url('../img/in-out-field.png') 0 50% no-repeat;
}

.chosen-with-drop.chosen-container-active .chosen-single div b {
    background: url('../img/reserve_arrow_up.png') no-repeat -6px 1px;
}

#country_chosen.chosen-container-single .chosen-single {
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 34px;
}

#country_chosen.chosen-container-single .chosen-single div b {
    background: url('../img/reserve_arrow_down.png') no-repeat -6px 5px;
}

#country_chosen.chosen-with-drop.chosen-container-active .chosen-single {
    border: none;
    background: #ffffff;
}

#country_chosen.chosen-with-drop.chosen-container-active .chosen-single div b {
    background: url('../img/reserve_arrow_up.png') no-repeat -6px 5px;
}


/* Bootstrap Modal*/

.modal_close {
    position: absolute;
    top: -7px;
    right: 1px;
    font-weight: bold;
    font-size: 24px;
}

.modal_close button {
    border: none;
    background: transparent;
    padding: 10px 10px 0 0;
}

img.modal_full_width {
    width: 100%;
}


/* main visual */

.jumbotron {
    height: 100vh;
    margin-bottom: 0px;
    background-image: url(../img/main-visual.jpg);
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: white;
    position: relative;
}

.jumbotron-zh-hans h1 {
    letter-spacing: 3px !important;
}

.jumbotron h1 {
    font-size: 1em!important;
    /*padding-top: 230px;*/
    /*padding-bottom: 150px;*/
    padding-bottom: 0px;
    text-shadow: rgb(0, 0, 0) 0px 0px 10px;
    font-weight: 300;
    letter-spacing: 2px;
    letter-spacing: 1.5px;
    line-height: 1.35;
}

h1.opening {
    /*position: absolute;
    z-index: 999;
    top: 270px;
    right: 80px;
    font-size: 1.3em;
    color: #363c3c!important;
    text-align: right;	*/
    position: absolute;
    z-index: 1;
    color: #363c3c!important;
    text-align: right;
    padding-bottom: 100px;
    text-shadow: rgb(255, 255, 255) 0px 0px 10px;
    right: 10%;
    top: 40%;
}

h1.opening2 {
    display: none;
}

.main_content_wrapper {
    padding-top: 228px;
    min-height: 500px;
    color: #ffffff;
}


/* Homepage tagline */

.tagline-bg {
    background-color: rgba(40, 40, 40, 1)!important;
    background-image: url(/file/webpage/shared/the-puxuan-hostmanship-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--title-family);
    color: #fff;
    padding: 60px 0;
}


/* parallax scroll */

section.module.parallax {
    height: 500px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.para2 {
    /*padding-top: 130px;*/
    /*font-size: 2em;*/
    color: #ddd;
    line-height: 1.5em;
    text-shadow: 2px 2px 20px #000;
}

.promo-btn {
    padding-top: 20px;
}

.brown {
    color: #c2abaa;
}

.urc {
    background-color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
}

.container-fluid.map {
    background-color: #222;
}

.container-fluid.m-map-en {
    background-color: transparent;
    background-image: url(../img/puxuan_map_en.jpg);
    min-height: 420px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.container-fluid.m-map-sc {
    background-color: transparent;
    background-image: url(../img/puxuan_map_sc.jpg);
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.container-fluid.m-philosophy-bg {
    background-color: #222;
    background-image: url(../img/spa.jpg);
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
}

#section-philosophy {
    padding-bottom: 40px;
}

#section-philosophy p {
    margin-bottom: 1em;
}

.contact {
    /*background-color: #222;*/
    /*padding-left: 30px;*/
}

.contact h1,
.contact .page-header {
    margin-top: 20px;
    margin-bottom: 10px;
}

.contact h1 {
    padding-top: 30px;
}

.contact .page-header {
    border: 0;
}

.contact .section-head {
    text-align: left;
}

.contact p a,
.contact address a,
.contact p,
.contact address {
    font-size: 1em;
    line-height: 1.5em;
}

.contact p,
.contact address {
    color: #fff;
}

.container.dining p a,
.container.room-pro p a,
.ame a.tlink {
    color: #c9c002;
}

footer address a {
    color: #ffffff;
}

.container.room-pro {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f4f0ec;
    margin-bottom: 50px;
}


/**
.container.dining h3 {
    font-size: 18px !important;
}**/

.col-md-6.map,
.col-md-6.map-zh {
    padding-left: 0px;
    padding-right: 0px;
    height: 400px;
    background-image: url(../img/puxuan_map_en_v2.jpg);
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
}

.col-md-6.map-zh {
    background-image: url(../img/puxuan_map_sc_v2.jpg);
}

.directions .map2 {
    /* padding-left: 0px; */
    /* padding-right: 0px; */
    /* height: 400px;*/
    /* background-image: url(../img/puxuan_map_en.jpg);*/
    /* background-position: 45% 50%;*/
    /* background-repeat: no-repeat; */
    /* margin-bottom: 30px; */
    /* background-color: transparent;*/
    /* background-size: cover; */
    text-align: center
}

h2.direcion {
    margin-bottom: 40px;
}

.directions .map2 img {
    width: 95%;
}

.directions .map2-zh {
    background-image: url(../img/puxuan_map_sc.jpg);
}

.space-btm {
    padding-bottom: 20px;
}

.space-btm2 {
    padding-bottom: 50px;
}

.f-logo {
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu {
    padding-left: 30px;
}

.reserve-link {
    margin-top: 18px;
}

.carousel {
    height: 100%;
}

.container.carousel {
    width: inherit;
}

.carousel-indicators {
    left: 0;
    width: 100%;
    margin-left: 0;
}

.carousel-indicators li {
    width: auto;
    height: auto;
    padding: 12px;
    margin: 0px;
    background-color: transparent;
    border: none;
    /*width: 13px;
    height: 13px;
    border-radius: 13px;*/
}

.carousel-indicators li b {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 3px solid #FFF;
    border-radius: 10px;
    display: block;
}

.carousel-indicators .active {
    width: auto;
    height: auto;
    margin: 0px;
    padding: 12px;
    background-color: transparent;
    border: none;
}

.carousel-indicators li.active b {
    width: 14px;
    height: 14px;
    background-color: #FFF;
    border: 3px solid #FFF;
    border-radius: 10px;
}

.carousel-inner {
    -webkit-transform-style: preserve-3d;
}

.carousel-inner .item .container {
    height: 410px;
    text-align: center;
}

.carousel-inner .item div.image_slide {
    height: 630px!important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .glyphicon-menu-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .glyphicon-menu-right {
    right: 50%;
    margin-right: -10px;
}

.reserve-r {
    padding-top: 20px;
}

.res-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.res-box p {
    color: #333;
}

.fac-img {
    padding-top: 5px;
    padding-left: 0px;
}

.container.header {
    position: relative;
}

.rhs {
    padding-top: 15px;
    font-size: 12px;
    position: absolute;
    z-index: 999;
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    display: inline-block;
    font-family: var(--title-family);
    /**max-width: 500px;**/
    width: 100%;
    color: #ffffff;
    right: -100%;
}

.rhs a,
.rhs p {
    color: #ffffff!important;
    font-weight: 300;
}

.rhs a:hover {
    color: #fff!important;
}

.rhs #clockbox {
    margin-right: 9px;
    display: inline-block;
}

.rhs .language-switcher {
    display: inline-block;
    margin-left: 21px;
}

.rhs div.collapse.navbar-collapse {
    padding-right: 0px;
}

.res-box-btn {
    float: left;
}

.tlink {
    float: left;
    margin-left: 30px;
}

.ame {
    border: 1px solid #999999;
    padding: 10px;
    margin-bottom: 20px;
}

.ame-img {
    padding-bottom: 10px;
}

.pack {
    background-color: #2d2d2d;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    padding: 20px 30px;
    border: 2px solid #222;
    /* min-height: 280px; */
}

.pack2 {
    height: 210px;
}

.pack3 {
    min-height: auto;
}

.pack3-1 {
    min-height: auto;
}

.mx-auto {
    margin: 0 auto;
}

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

.padding-bottom-50 {
    padding-bottom: 50px;
}

.card {
    background-color: #2d2d2d;
    border: 2px solid #222;
    color: #999 !important;
    margin-bottom: 25px;
    height: 100%;
}

.card h4 {
    padding: 20px;
}

.card p {
    padding: 0 20px 20px;
}

.l-line {
    border-left: 1px solid #999999;
}

.r-line {
    border-right: 1px solid #999999;
}

.time-table table tr td {
    color: #999999;
}

.title {
    border-bottom: 1px solid #555555;
    margin-bottom: 10px;
    max-width: 1124px;
}

#privacy {
    background: #222;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    margin: 0;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 23px;
}

#privacy .btn {
    padding: 3px 10px;
    font-size: 13px;
    line-height: 1.5em;
    margin: 0 0 0 10px;
    float: right;
}


/* PgwSlider (Gallery snippet) */

.pgwSlideshow {
    background-color: #222222;
}

.pgwSlideshow .ps-current>ul {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.pgwSlideshowLight .ps-list {
    border: 1px solid #222222;
    background-color: #222222;
    box-shadow: none;
}

.ps-caption {
    font-family: 'SackersGothicLight', var(--font-family);
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected,
.gallery .pgwSlideshowLight .ps-list li .ps-item {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected {
    border: 4px solid #fff;
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected img,
.pgwSlideshowLight .ps-list li img {
    max-height: 80px;
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: auto!important;
    width: auto!important;
    border: 0px;
}

#content .gallery .ps-current ul {
    margin-left: 0px!important;
}


/**
.glyphicon-menu-left:before {
content: "\e257"!important;
}
.glyphicon-menu-right:before {
  content: "\e258"!important;
}
**/


/* Promotion Snippet */

section.offer {
    padding: 30px 0 25px;
}

.show_item {
    display: block!important;
}

.promotion_index_page_container {
    padding: 40px 40px 30px;
}

.promotion_index_page_container .color-grey {
    color: #999999!important;
}

.promotion_index_page_container h2,
.offer h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 22px !important;
}

.snippet-prom-btn {
    padding-top: 10px;
    margin-bottom: 20px;
}

#myCarousel-offers-page-specific .page_specific_hidden {
    display: none;
}

#myCarousel-offers-page-specific .carousel-indicators {
    bottom: 5px;
}

#myCarousel-offers-page-specific .container {
    padding-left: 20px;
    padding-right: 20px;
}

#myCarousel-offers-page-specific img {
    width: 100%;
}

.offer_title {
    margin-top: -5px;
}

.offer_back {
    list-style: none;
    padding-left: 15px;
}

.promotion-hotel {
    padding-bottom: 15px;
}

.promotion_index_page_container .promo-hotel,
.offer .promo-hotel {
    margin-top: 20px;
    padding-bottom: 0;
}

.offer p {
    color: #FFF;
}


/* Reservation Snippet */

.reservation_snippet.ame {
    padding-left: 5px;
    padding-right: 5px;
}

.reservation_snippet .input-group.nav_reserve_field {
    margin-right: 5px;
    float: none;
}

.reservation_snippet .input-group.nav_reserve_field.date {
    margin-right: 0px;
}

.nav_reserve_field {
    /** background-image: url(/file/template/1/img/in-out-field.png);
    background-repeat: no-repeat;
    background-position: 1px 15px;**/
    padding-right: 8px;
    float: left;
    margin-right: 5px;
}

.nav_reserve_field input {
    font-size: 11px;
}


/**
.nav_reserve_field.date::before{
	content: "|";
	color: #ffffff;
}**/

#reservation-accordion .panel-default>.panel-heading {
    background-color: transparent;
    color: #c9c002;
    border: none;
    border-radius: none;
    padding: 10px 0px;
}

#reservation-accordion .panel-title button {
    width: 100%;
    border: none;
    background-color: transparent;
    color: #c9c002!;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

#reservation-accordion .panel {
    background-color: transparent;
    border-radius: none;
}

#reservation-accordion .panel-default {
    border: none;
}

#reservation-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding-top: 0px;
}

#reservation-accordion.panel-group {
    margin-bottom: 0px!important;
}

#reservation-accordion .header_reservation_form>.input-group {
    margin: 10px auto 15px auto;
}


/* For Widget on room page only */

.room {
    display: flex;
    flex-flow: row wrap;
}

.room-desc {
    order: 1;
}

.ame {
    border: 1px solid #999999;
    padding: 10px;
    margin-bottom: 20px;
}

.ame-img {
    padding-bottom: 10px;
}

.reservation_snippet.ame .nav_reserve_field {
    background-image: url(../img/in-out-field.png);
    background-repeat: no-repeat;
    background-position: 1px 15px;
    width: 134px;
    /*padding-right: 8px;
     margin: 0 auto;
     */
    margin: auto 15px;
}

.reservation_snippet.ame .nav_reserve_field img {
    padding-top: 0px;
    margin-top: -2px;
}

.reservation_snippet.ame .nav_reserve_field input {
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei';
    font-size: 14px !important;
    line-height: 24px;
    width: 105px!important;
    /* text-transform: uppercase;
    */
    color: #C9C002!important;
}

.reservation_snippet.ame .chosen-container-single .chosen-single div b {
    background: url('../img/reserve_arrow_down.png') no-repeat -6px 1px;
}

.reservation_snippet.ame .chosen-with-drop.chosen-container-active .chosen-single div b {
    background: url('../img/reserve_arrow_up.png') no-repeat -6px 1px;
}

.reservation_snippet.ame input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C9C002!important;
}

.reservation_snippet.ame input::-moz-placeholder {
    /* Firefox 19+ */
    color: #C9C002!important;
}

.reservation_snippet.ame input:-ms-input-placeholder {
    /* IE 10+ */
    color: #C9C002!important;
}

.reservation_snippet.ame input:-moz-placeholder {
    /* Firefox 18- */
    color: #C9C002!important;
}

#ame_rooms_chosen {
    margin-right: 15px;
    margin-left: 15px;
    float: none;
}

.reservation_snippet.ame .chosen-container-single .chosen-drop {
    border: 1px solid #827d00!important;
    margin-top: 5px;
}

.reservation_snippet.ame .chosen-container-active.chosen-with-drop .chosen-single {
    background: url('/file/template/1/img/in-out-field.png') 0 50% no-repeat;
    box-shadow: none;
    border: none;
}

.reservation_snippet.ame .chosen-container .chosen-results {
    text-align: center;
    margin-left: 0px!important;
}

#ame_adults_chosen {
    margin-right: 0px;
    float: none;
    margin-left: 15px;
}

#ame_reserve_btn.btn-sm.reserve {
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei';
    font-size: 13px;
    line-height: 20px;
    background-color: #827d00!important;
    color: #ffffff!important;
    height: 23px;
    padding: 2px 11px;
    float: none;
    width: 30%;
}

#ame_reserve_btn.btn-sm.reserve:hover {
    background-color: #ffffff!important;
    color: #827d00!important;
}

.reservation_snippet .tlink {
    font-size: 0.9em;
    float: none;
}

.reservation_snippet .tlink .glyphicon {
    top: 3px;
}

 :lang(zh-hans) a.tlink {
    float: left;
    margin-left: 83px;
}


/* form */

#rfp .form-control {
    font-size: 16px !important;
}

#rfp .btn-default {
    background: #363c3c!important;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
}

#rfp .btn-default:hover {
    background: #FFF!important;
    color: #827d00!important;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
}

#rfp .btn-default:focus {
    background: #FFF!important;
    color: #827d00!important;
}

.form-control,
.chosen-single {
    border-radius: 0px!important;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
}


/* LUXE */

.luxe .col-md-4 {
    height: auto;
    padding: 40px 30px;
    background-color: #222;
}

.poi-bg {
    background-image: url("../../../webpage/shared/urbeijing-01.jpg");
    height: 425px;
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Start immersion */

.immersion-bg {
    background-image: url("../../../webpage/shared/immersion-01.jpg");
    height: 420px;
    background-position: 50% 65%;
    background-repeat: no-repeat;
    background-size: cover;
}

table.details tr td:first-child {
    width: 35%;
}


/* End immersion */

#waterfall,
ul.waterfall {
    margin-left: 0!important;
    margin-right: 0!important;
    position: relative;
    padding: 0!important;
}

#waterfall li {
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(100px);
    display: list-item;
    list-style: none;
    padding: 10px;
}

.btn-primary,
.btn-primary:active,
#waterfall-button,
#waterfall-button:active {
    border-radius: 0;
    background-color: #827d00!important;
    border: 0!important;
    color: #FFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
#waterfall-button:hover,
#waterfall-button:focus {
    color: #827d00 !important;
    background-color: #FFF!important;
    border: 0;
}

#waterfall-button {
    margin: 10px auto 0;
    display: block;
    padding: 6px 12px;
}

#waterfall li.show,
ul.waterfall li.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s, top 1s;
}

.category_image img {
    margin-bottom: 20px;
}

.card__one {
    padding: 0.75em 2em;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
    border-bottom: 4px solid transparent;
    width: 100%;
    border-radius: 0;
    background-color: #2c2c2c;
    border-color: #111;
    margin-bottom: 20px;
}

.card__one a {
    color: #999;
}

.card__one:hover {
    background-color: #000000;
    color: #fff;
    border-bottom: 4px solid #c9c002;
}

.card__one:hover a {
    color: #fff;
}

.card__one:hover h3 {
    color: #c9c002 !important;
    text-decoration: none;
}

.card__one:hover:before {
    transform: skewX(-45deg) translateX(45em);
    transition: all 0.5s ease-in-out;
}

.closed .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.closed .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}

.opened {
    opacity: 1;
}

.opened .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.opened .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}

.circle-plus {
    position: absolute;
    top: 0;
    right: 0;
    height: 4em;
    width: 4em;
    font-size: 1em;
    opacity: .7;
    cursor: pointer;
}

.circle-plus .circle {
    width: 2.55em;
    height: 2.5em;
}

.circle-plus .circle .horizontal {
    position: absolute;
    background-color: #c9c002;
    width: 20px;
    height: 5px;
    left: 50%;
    margin-left: -0.5px;
    top: 50%;
    margin-top: -12.5px;
}

.circle-plus .circle .vertical {
    position: absolute;
    background-color: #c9c002;
    width: 5px;
    height: 20px;
    left: 50%;
    margin-left: 7.5px;
    top: 50%;
    margin-top: -20.5px;
}

.poi .nav-tabs {
    border: 0;
    text-align: center;
}

.poi .nav>li,
.poi .nav>li>a {
    display: inline-block;
    border: 0;
    float: none;
}

.poi .nav>li>a {
    padding: 0 15px!important;
    border-radius: 0;
    border-right: 1px #999 solid;
}

.poi .nav>li:last-child>a {
    border-right: 0;
}

.poi .nav>li>a:hover,
.poi .nav-tabs>li.active>a,
.poi .nav-tabs>li.active>a:focus,
.poi .nav-tabs>li.active>a:hover {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    color: #c9c002!important;
    background-color: transparent!important;
}

.poi .dropdown-menu {
    margin: 0 auto!important;
    width: 100%;
    background-color: #827d00!important;
    float: none;
    position: relative;
}

.poi .dropdown {
    margin-bottom: 20px;
}

.poi .dropdown>a,
.poi .dropdown ul {
    width: 100%;
    max-width: 340px;
}

.poi .dropdown-menu>li>a {
    color: #fff!important;
}

.poi .dropdown-menu>li>a:hover,
.poi .dropdown-menu>.active>a,
.poi .dropdown-menu>.active>a:focus,
.poi .navbar-inverse .navbar-nav>.active>a {
    color: #622622!important;
    background-color: #ffffff!important;
}

.luxe-cta {
    background-color: #e5e1de;
    padding: 15px 0;
}

.luxe-cta h3 {
    color: #827d00;
    margin-top: 10px;
    margin-bottom: 30px;
}


/* Gallery */

.gallery {
    padding-left: 0px;
    padding-right: 0px;
}

.gallery .pgwSlideshowLight {
    width: 100%;
}

.gallery .pgwSlideshowLight .ps-current>ul>li img {
    width: 100%;
}

.gallery .pgwSlideshowLight .ps-current .ps-prev {
    left: 0;
}

.gallery .pgwSlideshowLight .ps-caption {
    font-size: 16px!important;
    text-align: center;
    bottom: 10%!important;
    width: 50%!important;
    overflow: auto;
    margin: auto;
    right: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.45) 16%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.45) 84%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.45) 16%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.45) 84%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.45) 16%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.45) 84%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.pgwSlideshowLight .ps-prevIcon,
.pgwSlideshowLight .ps-nextIcon,
.pgwSlideshowLight .ps-list .ps-prev,
.pgwSlideshowLight .ps-list .ps-next {
    display: none;
}

.gallery .pgwSlideshowLight .ps-current .ps-prev,
.gallery .pgwSlideshowLight .ps-current .ps-next {
    background: transparent!important;
    border: 0px!important;
}

.pgwSlideshowLight .ps-list .ps-prev::before,
.pgwSlideshowLight .ps-list .ps-next::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 2.2em;
    color: #ccc;
}

.gallery .pgwSlideshowLight .ps-current .ps-prev::before,
.gallery .pgwSlideshowLight .ps-current .ps-next::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 40px;
    color: #ccc;
}

.gallery .pgwSlideshowLight .ps-current .ps-prev::before,
.pgwSlideshowLight .ps-list .ps-prev::before {
    content: "\f104";
}

.gallery .pgwSlideshowLight .ps-current .ps-next::before,
.pgwSlideshowLight .ps-list .ps-next::before {
    content: "\f105";
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected,
.gallery .pgwSlideshowLight .ps-list li .ps-item {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected {
    border: 4px solid #fff;
}

.gallery .pgwSlideshowLight .ps-list li .ps-item.ps-selected img,
.pgwSlideshowLight .ps-list li img {
    max-height: 80px;
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: auto !important;
    width: auto !important;
    border: 0px;
}


/* Inner Page Specific styles*/

h3.careers {
    margin-left: 3px;
}

div.award p {
    margin: 0 0 10px !important;
}


/**
.dining h2, .award h2, .facilities h2, 
.meeting h2, .directions h2, .careers h2{
    margin-top: 10px;
	margin-bottom: 40px;
}**/

.dining p,
.dining li,
.award p,
.award li,
.facilities p,
.facilities li,
.meeting p,
.meeting li,
.directions p,
.directions li,
.careers p,
.careers li,
#contact_form p,
.small {
    color: #999999;
}


/*div.dining table {
    font-size: 14px !important;
}

div.dining div.col-lg-5 p a {
    font-size: 14px !important;
}*/

.dining img,
.award img,
.facilities img,
.meeting img,
.directions img,
.careers img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    margin-top: 10px;
}

img.jingan-logo {
    max-width: 65%;
    min-width: 100px;
    vertical-align: middle;
    height: auto;
    min-width: 100px;
}

img.long-bar-logo {
    min-width: 70px;
    vertical-align: middle;
    height: auto;
}

img.hotels-logo {
    min-width: 100px;
    vertical-align: middle;
    height: auto;
}

div.long-bar-logo {
    padding-top: 5px;
}

div.long-bar,
div.garden-terrace {
    min-height: 200px;
}

.carousel.slide.dining,
.carousel.slide.award,
.carousel.slide.facilities,
.carousel.slide.meeting,
.carousel.slide.directions,
.carousel.slide.careers {
    /** padding-top: 130px;**/
    padding-right: 0px !important;
}

div.directions {
    padding: 0 30px;
}

div.text-center-facilities h4 {
    font-size: 18px;
}

div.text-center-facilities {
    font-size: 16px;
}

.room-reserve-btn,
.room-learnmore-btn {
    margin-top: 5px !important;
}

.room-pro img. {
    padding-top: 20px;
}

.room-pro p,
.room-pro li {
    color: #333;
}

.icon-adjust {
    vertical-align: top;
    margin-top: 3px;
}

.award-image {
    text-align: center;
    padding: 20px;
}

.floorplan {
    text-align: left;
    padding: 20px;
    color: #24201f;
    font-family: var(--title-family);
}

.mb-40 {
    margin-bottom: 40px;
}

/*.room-pro .room-pic {
    padding-left: 30px;
    padding-right: 30px;
}*/


/* Site Map */

.sitemap {
    float: left;
}

ul.level_0.column_1 {
    width: 40%;
    padding-bottom: 40px;
}

ul.level_0.column_2 {
    width: 40%;
    padding-bottom: 40px;
}

.title2 {
    margin-bottom: 10px;
    max-width: 1124px;
}

.sitemap li span {
    font-weight: bold;
}


/** Awards **/

h3.award-white {
    color: #999;
}


/** Press **/

img.press-img {
    padding: 0px;
    margin: 3px -5px -5px -5px;
}


/** Edited **/

.grey-bg {
    background-color: #222;
}


/** Map **/

.map a {
    color: #c9c002!important;
}

.map a:hover {
    color: #efe402 !important;
}

.map-en .dnt a,
.map-sc .dnt a {
    color: #FFF!important;
    margin-bottom: 30px;
}

.map-en .dnt a:hover,
.map-sc .dnt a:hover {
    color: #827d00 !important;
}

.contact-us {
    padding-top: 40px;
    padding-bottom: 40px;
}


/*.map-legend{
    list-style-type: upper-alpha;
    color: #FFF;
    margin: 0;
}*/


/** Offers **/

.offer .page-header {
    border: none;
}


/** Rack-rates**/

#rack-rates p {
    margin: 0 0 10px;
    color: #999;
}

#rack-rates .rate-description {
    float: inherit;
}

#rack-rates .col-md-9 rate-description {
    padding-left: 0;
}

#rack-rates .rate-description ul {
    padding-left: 5px;
}


/** Testimonial **/

#testimonial-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
}

.white {
    /*color: #FFF;*/
}

#testimonial .page-header {
    width: 30%;
    display: inline-block;
    margin: 150px 0 0;
}

.testimonial-title {
    color: #FFF;
}

#testimonial .carousel-inner .item .container {
    padding: 0 45px;
}


/********* 12. Tripadvisor comment *********/

#testimonial {
    height: 470px;
    background-position: center !important;
    background-attachment: scroll !important;
}

#testimonial .carousel-control {
    display: block;
}

#testimonial .carousel-indicators {
    display: none;
}

#tripadvisor_btn {
    position: relative;
    bottom: 90px;
}

#CDSWIDWRL .widWRLBranding dt img {
    display: none!important;
}

.tripadvisor-slider {
    padding: 0px;
    top: 0;
}

.tripadvisor-slider p {
    margin: 0 !important;
}

.tripadvisor-slider h3.text-center.para2 {
    padding-top: 60px;
    color: #e5e6e9!important;
}

.tripadvisor-logo {
    max-width: 163px!important;
    height: auto;
    margin: auto;
    margin-bottom: 25px;
    position: relative;
    top: 25px;
    z-index: 1;
}

div.tripadvisor {
    background-color: #e5e6e9!important;
    height: auto;
    text-align: center;
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei'!important;
}

div.tripadvisor h2 {
    font-size: 24px;
    line-height: 1.1em;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 45px;
    margin-top: 0px;
}

div.tripadvisor .ta-award {
    padding-bottom: 45px;
}

div.dnt {
    text-align: center;
    padding-bottom: 30px;
}

#CDSWIDWRL {
    background-color: #e5e6e9!important;
    margin: auto!important;
    padding-bottom: 45px!important;
    text-align: center!important;
}

#CDSWIDWRL .widWRLData {
    background-color: #e5e6e9!important;
    border: none!important;
    padding: 0px!important;
}


/*
.locale_zh-hans #CDSWIDWRL .widWRLData {
    padding-top: 35px!important;
}*/

#CDSWIDWRL .widWRLReview textarea {
    border: 1px solid #827d00!important;
    font-size: 14px!important;
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei'!important;
    text-align: center;
}

#CDSWIDWRL .widWRLButton {
    padding-top: 15px;
}

#CDSWIDWRL .widWRLButton input:hover {
    background: #ffffff!important;
    color: #827d00!important;
}

#CDSWIDWRL .widWRLButton input {
    border: none!important;
    padding: 6px 12px!important;
    background: #827d00!important;
    font-size: 16px!important;
    font-weight: normal!important;
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei'!important;
    line-height: 20px!important;
    color: #ffffff!important;
    margin-top: 0px!important;
    height: auto!important;
}

#CDSWIDWRL .widWRLRating {
    margin: 5px 25px!important;
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei'!important;
}

#CDSWIDWRL dt.messaging {
    text-align: center;
    font-family: 'Gill Sans W01 Light', 'Microsoft Yahei'!important;
}

#CDSWIDWRL a,
#CDSWIDWRL a:hover,
#CDSWIDWRL a:visited {
    color: #2c2c2c!important;
}

#CDSWIDSSP {
    margin: auto!important;
    color: #000!important;
}

#CDSWIDSSP dd {
    color: #000!important;
}

#CDSWIDSSP div {
    font: normal 15px 'Gill Sans W01 Light','Microsoft Yahei'!important;
}

#CDSWIDSSP .widSSPData {
    background-color: transparent!important;
    text-align: center;
}

#CDSWIDSSP img {
    background-color: transparent!important;
}

#CDSWIDSSP .widSSPData .widSSPH18 {
    font-size: 16px!important;
    font-family: 'Gill Sans W01 Light','Microsoft Yahei'!important;
}

#CDSWIDSSP .widSSPData .widSSPH11 {
    font-size: 14px!important;
}

#CDSWIDSSP .widSSPData .widSSPAll {
    width: fit-content!important;
    margin: auto!important;
}

#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPAll {
    padding: 5px 0 0!important;
}

#CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx .widSSPPopIdxData {
    font-size: 15px!important;
    font-family: 'Gill Sans W01 Light','Microsoft Yahei'!important;
}

#CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx sup {
    top: 0;
    font-size: inherit;
}

#CDSWIDSSP .widSSPWriteReview #writereview:hover {
    color: #827d00 !important;
}

#CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview li,
#CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview li {
    font-family: 'Gill Sans W01 Light','Microsoft Yahei'!important;
}

#CDSWIDSSP a, #CDSWIDSSP a:hover {
    font-weight: 700!important;
}

#CDSWIDSSP .widSSPData .widSSPAll a:hover, #CDSWIDSSP .widSSPData .widSSPAll a:link, #CDSWIDSSP .widSSPData .widSSPAll a:visited {
    font-size: 13px!important;
}


/***** End of Tripadvisor comment *****/


/********* 13. Announcement *********/

#announcement-header {
    margin-bottom: 10px;
    text-align: center;
    max-width: 540px;
}

#announcement-title {
    color: #827D00;
    font-family: var(--title-family);
    font-weight: 300;
    line-height: 1.1;
    font-size: 22px !important;
    line-height: 22px !important;
}

#announcement-content,
#announcement-content p,
#announcement-content ul li {
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 1.7em;
    color: #666666 !important;
}

#announcement a:focus {
    outline: 0;
}

#announcement>div {
    max-height: calc(100vh - 100px);
    overflow: auto;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

#announcement.fancybox-content {
    padding: 30px 20px 20px;
}

.fancybox-skin {
    background: #EFEFEF !important;
}

#announcement-body {
    max-width: 550px;
}


/***** End of Announcement *****/

.carousel-control {
    color: #FFF;
    font-size: 30px !important;
}


/* Career */

.careers .name {
    font-family: 'SackersGothicW01-Light';
    font-size: 1.3em;
}

#silver-zhu {
    text-align: right;
}

.careers .no_ul_style li {
    list-style: none;
    line-height: 1.5em;
    margin-bottom: 12px;
}

p.career-outlet {
    margin: 0px;
}


/* Footer */

footer table tr td {
    text-align: center;
    font-size: 1.5em;
}

footer a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
}

footer a .fa {
    /*font-size: 22px;*/
    /*display: block;*/
    background-color: #fff;
    color: #222222;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    border-radius: 100%;
    font-size: 18px;
    line-height: 30px;
    outline: 0;
    text-align: center;
}

footer p,
footer address {
    font-size: 13px;
    color: #ececec;
    line-height: 1.5em;
    margin-bottom: 5px;
}

footer address a,
footer .checkbox {
    text-transform: none;
}

footer .checkbox {
    position: static;
}

footer .checkbox label {
    color: #fff;
}

footer .container {
    margin-left: auto;
    margin-right: auto;
    /*padding: 20px 0px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

footer ul li {
    line-height: 22px;
}

.copyright {
    font-size: 0.85em;
    color: #ececec!important;
    line-height: 1.5em;
    margin-bottom: 5px;
    margin-top: 33px;
    text-transform: uppercase;
}

div.social-icon p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.footer ul {
    list-style: none;
    padding: 0;
}

footer div.col-lg-4:first-child p {
    margin-top: 30px;
}

footer .form-group {
    margin-bottom: 0px;
}

footer .chosen-container-single .chosen-search input[type=text] {
    background: url(chosen/chosen-sprite.png) no-repeat 100% -20px, linear-gradient(#000 1%, #000 15%)!important;
    font-family: var(--font-family);
}

footer .form-group input:-webkit-autofill,
footer .chosen-container .chosen-results li.no-results {
    color: #ffffff!important;
    background: #000000!important;
}

footer .chosen-container .chosen-results {
    max-height: 150px;
}

footer .chosen-container {
    margin-right: 0px;
    margin-bottom: 5px;
}

footer .chosen-container-single .chosen-single span,
footer .chosen-container .chosen-results li {
    color: #fff;
    text-transform: uppercase;
}

footer .chosen-container-single .chosen-single,
footer .chosen-container-active.chosen-with-drop .chosen-single {
    background: #000;
    border: 1px solid #666;
    color: #fff;
    text-transform: uppercase;
}

#form_msg_model button.close {
    margin-top: -30px;
    margin-right: -25px;
}

#form_msg_model .modal-body p {
    font-size: 1.1em;
    color: #222;
    text-align: center;
    text-transform: none;
}

#form_msg_model {
    top: 30%;
}

#form_msg_model .modal-body {
    background-color: #fff;
    border-radius: 4px;
    padding: 35px;
}

#contact_form input[type=button] {
    margin-top: 30px!important;
}

.footer_subscribe_div.input-group .name {
    float: left;
}

.footer_subscribe_div.input-group .name .form-control.first-name {
    height: 28px;
    width: 49%!important;
    margin-right: 2%;
}

.footer_subscribe_div.input-group .name .form-control.last-name {
    height: 28px;
    width: 49%!important;
}

.footer_subscribe_div input,
.footer_subscribe_div select {
    color: #ffffff!important;
    background: #000000!important;
}

.footer.hidden-lg .inline a {
    font-size: 1.5em;
    margin: 0 10px;
}

.footer_subscribe_div select,
.footer_subscribe_div option {
    text-transform: uppercase;
}

.footer_subscribe_div input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-transform: uppercase;
}

.footer_subscribe_div input::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: uppercase;
}

.footer_subscribe_div input:-ms-input-placeholder {
    /* IE 10+ */
    text-transform: uppercase;
}

.footer_subscribe_div input:-moz-placeholder {
    /* Firefox 18- */
    text-transform: uppercase;
}

abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}

.disclaimer {
    position: relative;
}

.disclaimer::before {
    content: 'Concept image only';
    font-size: 1em;
    color: #fff;
    right: 20px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
}

.locale_zh-hans .disclaimer::before {
    content: '仅概念图';
}

.opening-2018::before {
    content: 'Opening Mid 2018'!important;
    font-family: var(--title-family);
}

.ui-widget-header .ui-icon {
    background-image: url(/file/template/1/css/images/ui-icons_222222_256x240.png);
}

@media only screen and (min-width: 1600px) and (min-height: 900px) and (min-aspect-ratio: 7/4) {
    .pgwSlideshowLight .ps-current {
        height: 100vh!important;
    }
}

@media only screen and (min-width: 480px) {
    #tripadvisor_btn {
        bottom: 115px;
    }
    .carousel-inner .item .container {
        height: 400px;
        width: inherit;
        padding: 0;
    }
    #testimonial .carousel-inner .item .container {
        padding: 0 80px;
    }
}

@media (min-width: 1200px) {
    .carousel-indicators {
        left: 50%;
        width: 60%;
        margin-left: -30%;
    }
    footer table {
        margin-bottom: 30px;
    }
    .gallery .pgwSlideshowLight .ps-caption {
        /*bottom: 15%!important;
        font-size: 20px!important;
        width: 30%!important;*/
        bottom: 0!important;
        font-size: 16px!important;
        width: 30%!important;
        margin-bottom: 4%;
    }
    .full-width section.container-fluid:first-child {
        margin-top: -40px;
    }
    .copyright {
        margin-top: 0px;
    }
    .social-icon {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    div.social-icon table {
        margin-bottom: 0px;
    }
    .notopspace {
        margin-top: 0px;
    }
    .nav.navbar-nav {
        font-size: 14px;
    }
    .nav.navbar-nav.menu_body_0 {
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, 10%);
        /*margin-right: 10px;*/
    }
    .room-desc {
        padding-right: 30px;
    }
    .footer_subscribe_div.input-group .form-control {
        width: 88%!important;
    }
    footer .chosen-container-single .chosen-single,
    footer .chosen-container-active.chosen-with-drop .chosen-single {
        width: 88%!important;
    }
    h2.career,
    h1.career {
        margin-top: 50px;
        margin-bottom: 40px;
    }
    .footer_subscribe_div.input-group .name .form-control.first-name,
    .footer_subscribe_div.input-group .name .form-control.last-name {
    width: 47.5%!important;
    }
}


/*@media (min-width:1450px){
    
    .pgwSlideshowLight .ps-current{
        height: 100vh!important;
    }
    
    .gallery .pgwSlideshowLight .ps-current>ul>li img{
        width: auto!important;
        transform: translatey(-8%);
        
    }
    
    .gallery .pgwSlideshowLight .ps-caption{
        bottom: 10%!important;
    }
    .gallery .pgwSlideshowLight .ps-current .ps-prev{
        z-index: 2;
    }
}*/

.footer_nav_0 {
    margin-bottom: 10px!important;
}

.footer_nav_0,
.footer_nav_0 li {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_nav_0 li a {
    padding: 0 !important;
    font-size: 13px !important;
    color: #999999 !important;
    line-height: 22px !important;
}

.footer_nav_0 li a:hover {
    color: #efe402 !important;
}

.footer_subscribe_div.input-group .form-control {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid #666666;
    font-size: 13px !important;
}

.footer_subscribe_div.input-group input[type="button"] {
    height: 28px;
    background-color: #333;
    border: #333 1px solid;
    color: #fff;
    line-height: 28px;
    padding: 0 6px;
    text-transform: uppercase;
}

.footer_subscribe_div.input-group .form-control:first-child,
.footer_subscribe_div.input-group .input-group-addon {
    border-radius: 0px;
    border: 1px solid #666666;
    color: #555100;
    font-weight: 400;
}

.footer_subscribe_div.input-group .input-group-addon {
    border-left: 1px solid #827d00;
    font-weight: 800;
    background-color: #ffffff;
    padding-left: 6px;
    padding-right: 6px;
}


/* E-newsletter subscription form */

.contact_form_wrap {
    color: #999999;
}

.contact_form_wrap .row {
    min-height: 40px;
}

.contact_form_wrap .note {
    font-size: 13px;
    padding-bottom: 30px;
}

.contact_form_wrap {
    max-width: 1124px;
}

.modal-padding {
    margin-top: 20%;
}

.no-break {
    display: inline-block;
}

img.img-award {
    margin: 0 auto;
    width: auto;
}

h1.hotels {
    color: #fff;
    padding: 100px 0 50px;
}

@media only screen and (min-width:992px) {
    .luxe-cta h3 {
        margin-bottom: 0;
    }
    img.hotels-logo {
        margin-top: 6px;
        max-height: 97px;
    }
    .container-fluid.philosophy-bg {
        background-image: url(../img/spa.jpg);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 50%;
        min-height: 400px;
    }
    .container-fluid.map-en {
        background-image: url(../img/puxuan_map_en.jpg);
        background-repeat: no-repeat;
        background-position: top right;
        background-color: #222;
        min-height: 700px;
    }
    .container-fluid.map-sc {
        background-image: url(../img/puxuan_map_sc.jpg);
        background-repeat: no-repeat;
        background-position: top right;
        background-color: #222;
        min-height: 700px;
    }
    .pack3-1 {
        min-height: 650px;
    }
    .pack3 {
        min-height: 315px;
    }
    #content .rive-gauche h1,
    #content .fu-chun-ju h1,
    #content .lobby-lounge h1,
    #content .tea-room h1,
    #content .puxuan-club h1,
    #content .urspa h1 {
        display: block;
    }
    .modal-padding {
        margin-top: 10%;
    }
    /* reservation snippet */
    .reservation_snippet.ame .nav_reserve_field {
        margin: 0 auto;
    }
    #ame_rooms_chosen {
        margin-right: 2px;
        margin-left: 3px;
    }
    #ame_adults_chosen {
        margin-left: 0px;
    }
    .promotion_index_page_container h2 {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    div.tripadvisor-slider {
        height: 470px;
    }
    div.tripadvisor {
        height: 470px;
        top: 0px;
    }
    div.tripadvisor h2 {
        margin-top: 60px;
        margin-bottom: 20px;
        padding-top: 0px;
    }
    #CDSWIDWRL {
        padding: 0px !important;
    }
}

@media (min-width: 992px)and (max-width: 1200px) {
    #ame_reserve_btn.btn-sm.reserve {
        width: 38%;
    }
}

@media(max-width:992px) {
    .time-table {
        margin: 0 0 20px;
    }
    .luxe.immersion .col-md-4 {
        padding: 40px 30px;
    }
}

@media(max-width:1200px) {
    h1.opening {
        display: none;
    }
    h1.opening2 {
        /*position: absolute;
    z-index: 999;
    top: 300px;
    font-size: 1.3em;
    color: #ccc!important;
    left: 20px;
    text-align: left;
    padding: 15px;
    width: 100%;*/
        text-shadow: rgb(255, 255, 255) 0px 0px 10px;
        position: relative;
        z-index: 1;
        color: #ccc!important;
        text-align: left;
        padding-top: 20px;
        display: block;
    }
    div.text-center-facilities h4 {
        font-size: 16px;
    }
    div.text-center-facilities {
        font-size: 14px;
        padding: 0;
    }
    img.long-bar-logo {
        min-width: 70px;
        vertical-align: middle;
        height: auto;
    }
    #contact_form p {
        padding-top: 10px !important;
    }
}


/**--- fix menu START--**/

@media (max-width: 1199px) {
    .without-banner #content>.container:first-child {
        margin-top: 130px;
    }
    .navbar-collapse.collapse {
        margin-top: 100px;
    }
    .navbar-collapse.collapsing {
        width: 100%;
        margin-top: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    #navbar-collapse.collapsing {
        margin-top: 100px;
        width: auto;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-inverse {
        background-color: #222!important;
    }
    .collapse.in {
        display: block !important;
    }
    .member-hotel {
        display: none;
    }
    body.without-banner #content {
        margin-top: 90px;
    }
    /*    .carousel-control.right {
        top: 25%;
    }
    
    .carousel-control.left {
        top: 25%;
    }*/
    body.with-banner div#content>div:first-child {
        margin-top: 98px;
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-left: 0;
        margin-right: 0;
    }
}


/**--- fix menu END--**/

@media (max-width:1199px) {
    .dropdown-menu>li>a:hover {
        color: #FFFFFF!important;
        background-color: #111111 !important;
        /*mark #111111*/
    }
    .navbar-right {
        margin-right: 0px;
    }
    footer,
    footer p,
    footer table {
        text-align: center;
        margin: 0 auto;
    }
    footer .container>div {
        margin-bottom: 20px;
    }
    footer div.name {
        width: 100%;
    }
    footer .input-group {
        margin-right: auto;
        margin-left: auto;
    }
    .visible-lg-1015 {
        display: none!important;
    }
    .navbar-collapse.in {
        overflow-y: inherit;
    }
    .nav.navbar-nav {
        left: 0;
        top: 0;
        transform: none;
    }
    .navbar-inverse {
        margin-top: 0px;
    }
    .navbar .brand img {
        width: 150px;
        padding-top: 15px;
    }
    .rhs,
    .hidden-sm-1015 {
        display: none;
    }
    .hidden-lg-1015 {
        display: block!important;
    }
    .carousel.slide.dining,
    .carousel.slide.award,
    .carousel.slide.meeting,
    .carousel.slide.directions,
    .carousel.slide.careers {
        padding-top: 0px;
        margin-top: -10px;
        padding-right: 0px!important;
    }
    /**div.gallery{
        padding-top: 30px;
    }**/
    .brand {
        position: absolute;
        width: 100%;
        left: 0;
    }
    .navbar .row {
        min-height: 80px;
    }
    .navbar {
        margin-bottom: 0px;
    }
    .navbar .brand img {
        /* width: 55px;  */
        /* padding-top: 0px; */
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        position: relative;
    }
    .brand {
        left: 50%;
        margin-left: -75px !important;
        position: absolute;
        width: 150px;
    }
    .navbar-toggle {
        display: block;
    }
    .collapse.navbar-collapse,
    .nav.navbar-nav,
    .navbar-right {
        /*display: none;*/
        text-align: center;
    }
    .nav.navbar-nav {
        font-size: 16px;
        float: none;
    }
    .nav.navbar-nav>li {
        float: none;
    }
    .lm {
        text-align: center;
    }
    .menu {
        padding-left: 10px;
    }
    .carousel-inner .item div.image_slide {
        height: 480px!important;
    }
    .contact {
        /* height: 450px; */
    }
    .nav-line {
        display: none;
    }
    .main_content_wrapper {
        padding-top: 90px;
        min-height: 300px;
    }
    div.directions {
        padding-left: 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-left: 15px;
        margin-right: 15px;
    }
    .hidden-lg-1015 .navbar-nav .open .dropdown-menu {
        margin-left: 0px;
        margin-right: 0px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 15px;
        margin-left: 0px;
    }
    #mob_find_hotel {
        font-size: 16px;
    }
    .dropdown-menu>li {
        display: block;
        text-align: center;
    }
    .dropdown-menu>li:hover {
        background-color: transparent!important;
    }
    .dropdown-menu>li>a {
        font-size: 16px;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 540px;
    }
    .contact_form_wrap {
        margin-top: 0px !important;
    }
    .promotion_index_page_container {
        padding-top: 40px;
        margin-top: -20px;
    }
    #section-feature h2,
    #section-feature h1 {
        text-align: center;
    }
    #myCarousel-offers-page-specific {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    h2.hotels,
    h1.hotels {
        padding: 50px 0px 30px;
    }
    #investors_form {
        padding-top: 10px;
    }
    #investors_form input {
        margin: 0px auto 10px auto;
    }
    .error {
        text-align: center;
    }
    /**.nav>li>a:focus, .nav>li>a:hover{
		background-color: #777!important;
	}**/
    .offer h3.lm {
        padding-top: 10px;
    }
    .urc {
        padding-top: 25px;
    }
    footer p,
    footer address {
        margin-bottom: 25px;
        margin-top: 25px;
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.open>a,
    .nav li.open,
    .nav li.open ul {
        background-color: #111!important;
    }
}


/*dining page fix */

.container.first {
    margin-top: -55px !important;
}

.container.first2 {
    margin-top: -30px !important;
}

.container.first3 {
    margin-top: -40px !important;
}

.container.first4 {
    margin-top: -20px !important;
}

.noleftspace {
    margin-left: -15px;
}

.nobtmspace {
    margin-bottom: -30px;
}

.nobtmspace2 {
    margin-bottom: -60px;
}

img.jingan-logo {
    padding-bottom: 15px;
}

img.hotels-logo {
    padding-bottom: 15px;
}

div.long-bar-logo {
    padding-top: 10px !important;
}

div.no-floor-plan.theclub {
    display: none;
}

.contact_form_wrap {
    margin-top: 7px !important;
}

#contact_form p {
    padding-top: 10px;
}

.contact {
    /*	height: 340px !important;*/
}

.carousel-control {
    display: none;
}

ul {
    margin-bottom: 0px !important;
}

.floor-plan {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .align-vertical-center {
        display: flex;
        align-items: center;
    }
    .align-vertical-stretch {
        display: flex;
        align-items: stretch;
    }
    .poi .dropdown>a,
    .poi .dropdown>ul {
        max-width: 700px;
    }
    .f-logo {
        display: inline-block;
        margin-right: 20px;
    }
    .f-logo.last {
        margin-right: 0;
    }
    /*******Immersion******/
    table.details tr td:first-child {
        width: 30%;
    }
    .locale_zh-hans table.details tr td:first-child {
        width: 20%;
    }
    .immersion-bg {
        height: 575px;
    }
    /**********testimonial*********/
    #testimonial .carousel-indicators {
        display: block;
    }
}

.jumbotron .h1,
.jumbotron h1 {
    font-size: 34px;
}

.container-fluid.map-en {
    height: 341px;
    background-size: cover;
}

.container-fluid.map-sc {
    height: 341px;
    background-size: 100%;
}

#navbar-collapse {
    min-height: auto;
}

.container>.navbar-collapse.navbar-right {
    /*margin-right: -15px !important;*/
}

.width800 {
    width: 800px !important;
}

.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
}

.carousel-control .glyphicon-menu-left {
    margin-left: -10px;
}

.carousel-control .glyphicon-menu-right {
    margin-right: -10px;
}

@media screen and (min-width: 768px) and (max-width: 1015px) {
    .navbar-nav {
        float: none;
    }
    .navbar-nav>li {
        float: none;
    }
    #myCarousel-offers-page-specific .container {
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    .rhs>div {
        display: inline-block;
    }
    #clockbox {
        margin-left: 15px;
    }
    .navbar-nav>.dropdown>a::before,
    .navbar-nav>.dropdown.open>a::before {
        content: "";
    }
}

@media(max-width:767px) {
    /**.dropdown-menu>li>a:hover {
        color: #9d9d9d !important;
    }**/
    .home .jumbotron {
        height: 110vh;
        background-position: 70% 10% !important;
    }
    .brand {
        margin-left: -75px !important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a {
        background-color: transparent;
    }
    .container.logos img {
        margin: 15px 0;
    }
    h2.hotels,
    h1.hotels {
        padding: 15px 0px 15px;
    }
    .promo-btn {
        /*padding-top: 0px;*/
    }
    .contact .section-head {
        margin-top: 0;
        padding-top: 40px;
    }
    .contact .page-header {
        margin: 0px;
    }
    .jumbotron {
        /*margin-top: -130px;*/
    }
    .jumbotron h1 {
        font-size: 16px!important;
        /*padding-top: 60px;*/
        padding-bottom: 0px;
    }
    #downClick img {
        width: 35px;
    }
    .jumbotron h1 img {
        width: 370px;
    }
    .jumbotron .container.text-center {
        padding-top: 100px;
    }
    .image-a,
    .image-b {
        width: 100%;
    }
    .carousel-inner .item div.image_slide {
        height: 420px!important;
    }
    .container.room-pro {
        margin-bottom: 0px;
    }
    .contact {
        /* height: 700px; */
    }
    .contact .dnt {
        text-align: center;
        padding-bottom: 15px;
    }
    #testimonial .page-header {
        width: 50%;
    }
    #para2 {
        /*padding-top: 60px;*/
    }
    div.directions {
        padding: 0 10px;
    }
    img.jingan-logo {
        max-width: 15%;
        vertical-align: middle;
        height: auto;
        min-width: 100px;
    }
    img.long-bar-logo {
        min-width: 40px;
        max-width: 10%;
        vertical-align: middle;
        height: auto;
    }
    .container-fluid.map-en {
        height: 300px;
        background-size: 100%;
    }
    .container-fluid.map-sc {
        height: 300px;
        background-size: 100%;
    }
    img.hotels-logo {
        vertical-align: middle;
        max-height: 112px;
        /**min-width: 100px;**/
    }
    div.long-bar,
    div.garden-terrace {
        min-height: 0px;
    }
    .enew-with-margin {
        padding-bottom: 8px;
    }
    .promotion_index_page_container {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
    }
    .offer_title {
        margin-top: 20px;
    }
    ul.level_0.column_1,
    ul.level_0.column_2 {
        width: 100%;
        padding-bottom: 0px;
    }
    #myCarousel-offers-page-specific .carousel-indicators {
        bottom: 10px;
    }
    #myCarousel-offers-page-specific .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    /** .gallery .pgwSlideshowLight .ps-current {
        height: 460px!important;
    }**/
    .gallery .pgwSlideshowLight .ps-current .ps-prev::before,
    .gallery .pgwSlideshowLight .ps-current .ps-next::before {
        font-size: 2.2em;
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li img {
        width: auto;
        max-width: none!important;
        left: 50%;
        height: 430px;
        transform: translateX(-5%);
    }
    /**  .gallery .pgwSlideshowLight .ps-current {
       /**  height: 350px!important;**/
    /**margin-top: -10px;
    }**/
}

@media (min-width: 375px) and (max-width: 767px) {
    .container.logos img {
        margin: 15px 0;
    }
    /* reservation snippet */
    .reservation_snippet.ame .nav_reserve_field {
        margin: 0 auto;
    }
    #ame_rooms_chosen {
        margin-right: 2px;
        margin-left: 3px;
    }
    #ame_adults_chosen {
        margin-left: 0px;
    }
    .tlink {
        float: left;
        margin-left: 30px;
    }
}

@media (max-width: 480px) {
    #waterfall li,
    .waterfall li {
        padding: 0;
    }
    .jumbotron h1 {
        font-size: 14px!important;
        /*padding-top: 60px;*/
        padding-bottom: 0px;
    }
    #downClick img {
        width: 30px;
    }
    #tripadvisor_btn {
        bottom: 80px;
    }
    #testimonial .page-header {
        width: 70%;
    }
    .para2 {
        font-size: 16px;
    }
    section.offer {
        padding: 0;
    }
    .floorplan {
        text-align: center;
    }
    /** gallery **/
    /** .gallery .pgwSlideshowLight .ps-current>ul>li.elt_2 img {
        transform: translateX(-45%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_5 img {
        transform: translatex(-29%) translateY(-18%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_12 img,
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_13 img {
        transform: translatex(-10%) translateY(-18%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_14 img {
        transform: translatex(-7%) translateY(-15%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_16 img {
        transform: translatex(-5%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_17 img {
        transform: translateX(-30%);
    }**/
}

@media (max-width: 330px) {
    #ame_rooms_chosen,
    #ame_adults_chosen {
        float: left;
    }
    #ame_rooms_chosen {
        margin-left: 0px;
        margin-right: 5px;
    }
    .container-fluid.m-map-en {
        min-height: 300px;
        background-size: 100%;
    }
    .container-fluid.m-map-sc {
        min-height: 300px;
        background-size: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    img.jingan-logo {
        max-width: 15%!important;
        min-width: 100px;
        vertical-align: middle;
        height: auto;
    }
    img.long-bar-logo {
        min-width: 40px;
        max-width: 10%;
        vertical-align: middle;
        height: auto;
    }
    img.hotels-logo {
        /**min-width: 100px;**/
        vertical-align: middle;
        max-height: 112px;
        width: auto;
    }
    div.long-bar,
    div.garden-terrace {
        min-height: 0px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #contact_form input {
        font-weight: 600;
        font-size: 16px;
    }
}

.container.logos img {
    height: 96px;
}


/* iphone ipad background image fix */


/* fix for the ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body.index {
        width: 102%;
    }
    section.module.parallax,
    .jumbotron {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .jumbotron {
        /*margin-top: -170px;*/
        height: 1024px;
    }
}


/* fix for the Retina iPad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    body.index {
        width: 102%;
    }
    section.module.parallax,
    .jumbotron {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    /*.jumbotron{
        margin-top: -170px;
        height: 1024px;

    }*/
}


/**
@media  (max-width: 667px) {
.jumbotron{
   background-image: url(../img/pool-bg-320.jpg);
}

}**/


/* fix for iPhone 6*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    section.module.parallax,
    .jumbotron {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}


/* fix for iPhone 6 Plus*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    section.module.parallax,
    .jumbotron {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    div.directions {
        padding: 0 10px;
    }
}


/* fix for the iphone */

@media (max-width: 374px) {
    .container.logos img {
        height: 80px;
    }
    section.module.parallax,
    .jumbotron {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* height: 480px;
        margin-top: -30px;*/
    }
    div.dining,
    div.meeting {
        padding-right: 10px;
    }
    div.directions,
    div.careers {
        padding: 0 10px;
    }
    /*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12,
    .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
    .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
    .col-md-1, .col-md-10, .col-md-11, .col-md-12,
    .col-md-2, .col-md-3, .col-md-4, .col-md-5,
    .col-md-6, .col-md-7, .col-md-8, .col-md-9,
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
    .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
    .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/
    div.text-center-facilities {
        font-size: 14px;
    }
    img.jingan-logo {
        max-width: 30%;
        min-width: 100px;
        vertical-align: middle;
        height: auto;
    }
    img.long-bar-logo {
        min-width: 40px;
        max-width: 15%;
        vertical-align: middle;
        height: auto;
    }
    /**
	img.hotels-logo {
		
        min-width: 100px;
		vertical-align: middle;
		height: auto;
	}
		**/
    div.long-bar,
    div.garden-terrace {
        min-height: 0px;
    }
}


/* amend tagline size in landscape */


/* ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .jumbotron h1 {
        font-size: 16px!important;
    }
    .jumbotron a img {
        width: 25px!important;
    }
}


/* iphone5 */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .jumbotron h1 {
        font-size: 14px!important;
    }
    .jumbotron a img {
        width: 20px!important;
    }
}


/* iPhone 4 */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .jumbotron h1 {
        font-size: 12px!important;
    }
    .jumbotron a img {
        width: 20px!important;
    }
}


/* Gallery */

@media only screen and (max-width: 660px) {
    .gallery .pgwSlideshowLight .ps-current>ul>li img {
        transform: translateX(-10%);
    }
}

@media only screen and (max-width: 560px) {
    .gallery .pgwSlideshowLight .ps-current>ul>li img {
        transform: translateX(-15%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_1 img {
        transform: translateX(-24%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_17 img {
        transform: translateX(-26%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_9 img {
        transform: translateX(-24%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_11 img {
        transform: translateX(-23%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_6 img {
        transform: translateX(-26%);
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li.elt_18 img {
        transform: translateX(-23.5%);
    }
}

@media only screen and (max-width: 480px) {
    .pgwSlideshowLight .ps-current {
        text-align: center;
        position: relative;
        min-height: 350px;
        overflow: hidden;
    }
    .pgwSlideshow .ps-current>ul {
        padding-left: 0px!important;
        padding-right: 0px!important;
        min-height: inherit;
    }
    .pgwSlideshowLight .ps-current>ul>li {
        text-align: center;
        width: 100%;
        min-height: inherit;
        z-index: 1;
        opacity: 0;
        display: block;
    }
    .gallery .pgwSlideshowLight .ps-current>ul>li img {
        width: auto;
        max-width: none!important;
        min-height: inherit;
        transform: translatex(-25%);
    }
    .pgwSlideshow.narrow .ps-current .ps-prev,
    .pgwSlideshow.narrow .ps-current .ps-next {
        z-index: 1;
        top: 40%;
    }
}

@media only screen and (max-width: 330px) {
    .gallery .pgwSlideshowLight .ps-current>ul>li img {
        transform: translateX(-30%);
    }
    footer .urc a:last-child {
        margin-left: 0px!important;
    }
}


/** fix iOS bug not displaying 100vh correctly **/


/** ipad **/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .jumbotron {
        height: 94.5vh;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .jumbotron {
        height: 94.5vh;
    }
}

@media only screen and (min-width: 400px) {
    #silver-zhu-info {
        margin-top: -60px;
    }
}


/* Safari only */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .nav>li>a {
            padding: 12px 10px 8px 10px!important;
        }
    }
}