/******************************************/
/*********** Master *******************/
/******************************************/

/* Font Lato internal */

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"), local("Lato-Light"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"), local("Lato-Light"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"), local("Lato-Regular"),
        url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"), local("Lato-Regular"),
        url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"), local("Lato-Bold"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"), local("Lato-Bold"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: local("Lato Black"), local("Lato-Black"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    src: local("Lato Black"), local("Lato-Black"), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* Roboto */

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Condensed";
    font-style: normal;
    font-weight: 400;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Condensed";
    font-style: normal;
    font-weight: 700;
    src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "SohneBreit";
    src: url(//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/soehne-breit-web-kraftig.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "SohneBreit";
    font-weight: 700;
    src: url(//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/soehne-breit-web-fett.woff2) format("woff2");
    font-display: swap;
}

/*************************/
/* Individual Properties */
/*************************/

:root {
    --gradient-color: #800060;
}

/*************************/
/* Keystone Variables */
/*************************/

:root {
    --color-white-white: #ffffff;
    --color-black-black: #000000;
    --color-black-100: #36382e;
    --color-black-75: #62645f;
    --color-black-60: #868882;
    --color-black-30: #c3c3c0;
    --color-black-15: #e1e1e0;
    --color-black-5: #f5f5f5;
    --color-brand-1: #f2ba00;
    --color-brand-2: #fccb2a;
    --color-brand-3: #236180;
    --color-brand-4: #2d7295;
    --color-brand-5: #c4e5ff;
    --color-brand-6: #3b871c;
    --color-blue: #428bca;
    --color-red-red: #ff0000;
    --color-red: #d32f2f;
    --color-primary: var(--color-brand-1);
    --color-primary-hover: var(--color-brand-2);
    --color-secondary: var(--color-brand-3);
    --color-secondary-hover: var(--color-brand-4);

    --banner-keystone-card-bg: var(--color-black-100);
    --button-secondary-fill-bg: var(--color-secondary);
    --input-fg: var(--color-black-100);
    --pagination-active-bg: var(--color-black-100);
    --search-bar-fg: var(--color-black-100);
    --search-bar-separator: var(--color-black-30);
    --sticky-bar-title: var(--color-black-100);

    --star-rating-active-bg: var(--color-secondary);
    --star-rating-bg: var(--color-black-15);
    --star-rating-gap: 4px;
    --star-rating-active-border: var(--color-secondary);
    --star-rating-border: var(--color-black-15);
}

/*****************************************************/
/********************** Defaults *********************/
/*****************************************************/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

body {
    background: var(--color-white-white) none 0 0 repeat;
    margin: 0;
    font-size: 16px !important;
    line-height: 1.7em;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: var(--color-black-100);
}

/* This is to prevent the white flash that occurs due to https://www.rci.com/content/dam/panorama/docs/en_us/at.js injection  */
body#theBody {
    opacity: 1 !important;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

img {
    vertical-align: middle;
}

a,
a:hover,
a:active {
    outline: none;
}

a,
a:link {
    color: var(--color-secondary);
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover,
a:focus {
    color: var(--color-secondary-hover);
    text-decoration: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

b,
strong {
    font-weight: 700;
}

h4,
.h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: var(--color-white-white);
    border: 1px solid var(--color-black-30);
    -webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
}

input {
    color: var(--input-fg);
    border: 1px solid var(--color-black-30);
    border-radius: 0;
    font-size: 16px;
    text-indent: 5px;
    width: 100%;
    height: 40px;
    font-weight: 500;
}

.IE input[type="checkbox"] {
    border: none;
}

.Required label:after {
    content: "*";
    margin: 0 0 0 2px;
    color: var(--color-red);
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: 2px;
}

.FieldError,
.CheckOutForm .HasError select {
    border: 1px solid var(--color-red-red) !important;
}

.ErrorList {
    font-size: 16px;
    background-color: var(--color-white-white);
    border: 2px solid var(--color-red-red);
}

.CheckOutForm .ErrorList {
    padding: 16px;
}

.NoRetry {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.65);
    border: none;
    font-size: 1.2rem;
    line-height: 1.7;
}

.note {
    color: var(--color-black-75);
    font-size: 14px;
    font-weight: 400;
}

#theBookingPage .NoRetry h1 {
    font-size: 2rem;
    color: var(--color-black-black);
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.2rem;
}

.NoRetry div:nth-child(1) {
    text-align: center;
    max-width: 1170px;
    margin: 5% auto 0;
    background-color: var(--color-white-white);
    padding: 2rem !important;
}

.NoRetry h1 {
    margin: 0 auto 10px;
}

.NoRetry li {
    background-color: var(--color-white-white);
    list-style: none !important;
}

.NoRetry p {
    margin: 0;
}

.NoRetry a {
    text-decoration: underline;
}

.NoRetry .resCommands {
    margin: 1.5rem 0 0;
}

.NoRetry .resCommands a {
    text-transform: capitalize;
    padding: 1.5rem 1.75rem;
    display: inline-block;
    background-color: var(--color-black-15);
    margin: 0 0.25rem;
    border-radius: 0.5rem;
    border: 1px solid #ddd;
    text-decoration: none;
}

.NoRetry .resCommands a:hover {
    background-color: var(--color-black-15);
}

.NoRetry .resCommands a:first-child {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: var(--color-white-white);
}

.NoRetry .resCommands a:first-child:hover {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary-hover);
}

.NoRetry .resCommands div {
    margin: 1rem 0 0;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 700;
}

@media only screen and (max-width: 600px) {
    .NoRetry .resCommands a {
        display: block;
        margin: 0.5rem 0;
    }
}

.checkbox {
    display: inline;
    height: 14px;
    min-height: 17px;
    width: 14px;
}

select {
    background-color: var(--color-white-white);
    border: 1px solid var(--color-black-30);
    font-size: 16px;
    height: 34px;
    color: var(--color-black-100);
    cursor: pointer;
}

.arnHide {
    display: none !important;
}

.submit {
    border: medium none;
    color: var(--color-white-white);
    font-size: 16px;
    height: 52px;
    -webkit-transition: background 0.2s linear 0s;
    -o-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;
    width: 228px;
    border-radius: 4px;
    font-weight: 700;
}

.ds-primary {
    background-color: var(--color-primary);
    color: var(--color-black-100);
}

.ds-primary:hover {
    background-color: var(--color-primary-hover);
}

.ds-secondary {
    background-color: var(--color-secondary);
    color: var(--color-white-white);
}

.ds-secondary:hover {
    background-color: var(--color-secondary-hover);
}

.ds-primary,
.ds-secondary {
    transition: all 0.3s ease-out 0s;
}

div#overlay {
    filter: alpha(opacity=75) !important;
    -moz-opacity: 0.75 !important;
    opacity: 0.75 !important;
}

#ajaxStatus {
    background-color: var(--color-white-white);
    position: fixed;
    width: 75px;
    height: 65px;
    left: 50%;
    margin: 0 0 0 -50px;
    top: 0;
    border: 1px solid var(--color-black-30);
    z-index: 100;
    text-align: center;
    padding: 5px 0 0;
    font-size: 0;
}

#ajaxStatus img {
    display: none;
    width: 50px;
    margin: -24px 0 0 11px;
}

#ajaxStatus img.loadingAnimation {
    display: block;
}

div.autocomplete {
    top: auto !important;
    left: auto !important;
}

.HasError input {
    border: 1px solid var(--color-red-red);
}

.errors {
    border: 1px solid var(--color-red-red);
    background-color: var(--color-white-white);
    padding: 5px 10px;
}

.CheckOutForm .ErrorList .errors {
    border: none;
}

.errors li,
.HasError label {
    color: var(--color-black-100);
    list-style: none;
}

.hasMessages .messages,
.ArnSubPage .messages {
    color: var(--color-brand-6);
    border: 1px solid var(--color-brand-6);
    background-color: #ccffcc;
    list-style: none;
}

.WBSupportForm .useCancelFormWarning {
    background-color: var(--color-red-red);
    color: var(--color-white-white) !important;
    font-weight: 700;
    text-align: center;
    padding: 5px;
    font-size: 1.2em;
}

.WBSupportForm .useCancelFormWarning a {
    color: var(--color-white-white);
    text-decoration: underline;
}

.close {
    cursor: pointer;
}

.isTestModeBanner {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 50%;
    width: 280px;
    text-align: center;
    background-color: brown;
    color: var(--color-white-white);
    font-size: 14px;
    line-height: 1;
    padding: 3px 0 5px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin: 0 0 0 -140px;
    border-radius: 0 0 10px 10px;
}

.stick .isTestModeBanner {
    font-size: 13px;
    padding: 3px 0;
}

@media only screen and (max-width: 800px) {
    body {
        background-color: var(--color-white-white);
    }

    .isTestModeBanner {
        position: static;
        width: 100%;
        margin: 0;
        border-radius: 0;
    }
}

/* **************************************************** What is this stuff? ***************************************** */

/* Cancellations Page that shows guest receipt */

.informMessage.WBConfirmedBookingMessage {
    font-size: 16px;
    line-height: 1.7em;
}

.informMessage.WBConfirmedBookingMessage strong {
    font-weight: 700;
}

.WBConfirmedBooking {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1280px;
}

body.WBConfirmedBooking {
    margin: 150px auto 0;
    padding: 0;
    max-width: 100%;
}

.WBConfirmedBookingContainer h1 {
    background-color: var(--color-black-15);
    font-size: 20px;
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

.WBConfirmedBookingContainer h2 {
    font-size: 20px !important;
    line-height: 1.7em;
    font-weight: 700;
}

.WBConfirmedBookingContainer h3 {
    font-size: 16px !important;
    line-height: 1.7em;
}

.WBConfirmedBookingContainer h4 {
    font-size: 15px !important;
    line-height: 1.7em;
}

.informMessage.WBConfirmedBookingMessage .cancelMessageContainer {
    background-color: var(--color-red-red);
    color: var(--color-white-white);
    display: block;
    padding: 20px;
    margin: 0;
    text-align: center;
}

.informMessage.WBConfirmedBookingMessage .message {
    display: block;
    font-size: 25px;
    line-height: 1.7em;
    margin: 0 auto;
    max-width: 1380px;
}

.WBConfirmedBookingContainer .dialog-buttons,
.informMessage.WBConfirmedBookingMessage .dialog-buttons {
    border-top: 1px solid var(--color-black-60);
    margin: 50px auto;
    max-width: 1280px;
    padding: 50px 0 0;
    text-align: center;
}

.WBConfirmedBookingContainer blockquote {
    border-left: none;
}

.informMessage.WBConfirmedBookingMessage .submit {
    background-color: var(--color-red);
    border: medium none;
    color: var(--color-white-white);
    font-size: 20px;
    padding: 15px 25px;
    width: auto;
    height: auto;
}

@media screen and (max-width: 1380px) {
    .informMessage.WBConfirmedBookingMessage .message {
        max-width: 1380px;
    }
}

@media screen and (max-width: 800px) {
    .informMessage.WBConfirmedBookingMessage .message {
        padding: 20px 0;
    }
}

@media screen and (max-width: 800px) {
    .WBConfirmedBooking {
        padding: 10px !important;
    }

    .informMessage.WBConfirmedBookingMessage .message {
        font-size: 20px;
    }

    .informMessage.WBConfirmedBookingMessage .submit {
        display: block;
        margin: 0 auto;
        min-height: 56px;
        width: 75%;
    }

    .mobile .WBConfirmedBooking th,
    .mobile .WBConfirmedBooking td {
        padding: 7px 5px 0 0;
    }

    .mobile .WBConfirmedBooking th {
        font-weight: 700;
    }
}

/* Low rate Guarantee Form Two */

.WBRateGuaranteeForm2Container .fileUploadView input {
    width: auto;
    border: none;
    text-indent: 0;
}

/* Logout Button */

#commands form {
    display: inline-block;
    padding: 10px;
}

#commands form .logoutCommand.submit {
    background-color: transparent;
    padding: 0;
    height: auto;
    width: auto;
    font-size: 12px;
    cursor: pointer;
    margin: 0 auto !important;
    border: none;
    color: var(--color-black-60);
    font-weight: 300;
}

/* Push Page */

.ArnPushPage {
    background-color: rgba(50, 50, 50, 0.5);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

.ArnPushPageContent {
    background-color: var(--color-white-white);
    border-radius: 0;
    left: 50%;
    margin-left: -250px;
    position: fixed;
    top: 0;
    width: 500px;
    z-index: 10000;
    padding: 50px;
}

.puishimg,
.ArnVendorNumber {
    display: none;
}

.pushContainer {
    margin: 25px auto 0;
    font-size: 24px;
    padding: 10px 20px;
}

.RootBody .pushContainer {
    display: none !important;
    text-align: center;
}

.pushContainer div {
    padding: 20px;
}

.pushContainer img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
}

.RootBody .pushContainer img {
    top: 94px;
}

.throbber,
.throbber::after {
    border-radius: 50%;
    width: 11em;
    height: 11em;
}

.throbber {
    margin: 0 auto;
    border-top: 0.3em solid rgba(0, 0, 0, 0.2);
    border-right: 0.3em solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.3em solid rgba(0, 0, 0, 0.2);
    border-left: 0.3em solid var(--color-black-100);
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#searching {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    padding: 0;
    text-align: center;
    z-index: 9990;
    background-color: var(--color-black-black);
}

#searching:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(50, 50, 50, 0.5);
    z-index: 9;
}

.searchingWrapper {
    position: fixed;
    background-color: var(--color-white-white);
    padding: 25px 0;
    border: 1px solid var(--color-black-30);
    display: block;
    left: 50%;
    margin: 0 0 0 -250px;
    height: 342px;
    z-index: 9992;
    top: 0;
    width: 500px;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 5px 1px rgba(0, 0, 0, 0.2);
}

@media (max-width: 800px) {
    .searchingWrapper {
        padding: 25px;
    }
}

@media (max-width: 500px) {
    .searchingWrapper {
        border: none;
        left: 0;
        margin: 0;
        top: 0;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: 0 6px 5px 1px var(--color-black-black);
        box-shadow: 0 6px 5px 1px var(--color-black-black);
    }
}

.searchingContainer div.image {
    width: 170px;
    height: 200px;
    margin: -195px auto 15px;
    background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/hotels-ani.gif");
    background-position: center;
    background-size: 300px;
    background-repeat: no-repeat;
}

.searchingContainer span {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-black-100);
}

#searching .submit {
    background-color: var(--color-secondary);
    margin: 15px 0 0;
    position: relative;
    z-index: 10;
}

#searching .submit:hover {
    background-color: var(--color-secondary-hover);
}

#searching .searchingImage,
#searching h2 {
    display: none !important;
}

#searching img {
    display: none;
}

#searching .pushContainer img {
    display: block;
}

.throbberContainer {
    background-color: var(--color-black-5);
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
    border: 1px solid var(--color-black-30);
    border-radius: 0;
    padding: 50px;
}

.throbberContainer {
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    padding: 0;
}

.throbberContainer span,
.throbberContainer div {
    display: none !important;
}

.ArnPushPageContent .pushContainer {
    display: none;
    text-align: center;
}

.pushContainer img {
    top: 139px;
    margin: 0 0 0 -50px;
}

.ArnPushPageContent img {
    top: 96px;
}

.throbberContainer img {
    top: 139px;
}

@media screen and (max-width: 800px) {
    .pushContainer {
        font-size: 18px;
        padding: 10px 0;
    }

    .ArnPushPageContent {
        margin-left: -39%;
        width: 78%;
        max-width: 90%;
        border-radius: 0;
    }

    .throbberContainer .submit {
        width: 100%;
    }
}

/* Date Picker */

.yui3-skin-sam .yui3-calendar-content {
    color: var(--color-black-100) !important;
}

.yui3-skin-sam .yui3-calendar-day:hover {
    background-color: var(--color-black-30) !important;
    color: var(--color-black-100) !important;
}

.yui3-skin-sam .yui3-calendar-day-selected,
.yui3-skin-sam .yui3-calendar-day-selected:hover {
    background-color: #0072ce !important;
    color: var(--color-white-white) !important;
}

@media screen and (max-width: 800px) {

    .yui3-u-1-2,
    .yui3-u-12-24 {
        display: block !important;
    }

    .yui3-skin-sam .yui3-calendar-header-label {
        font-size: 12px;
    }
}

/* Lite Picker */

:root {
    --litepicker-day-width: 36px;
}

.litepicker {
    color: var(--color-black-100);
    font-family: Roboto;
}

.litepicker .container__months {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.litepicker .container__months.columns-2 {
    width: calc((var(--litepicker-month-width) * 2) + 80px);
}

.litepicker .container__months.columns-2 .month-item {
    padding: 20px;
}

.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {
    color: var(--color-black-100);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.litepicker .container__months .month-item-weekdays-row>div {
    color: var(--color-black-100);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.litepicker .container__days .day-item {
    color: var(--color-black-100);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    color: var(--color-black-100);
    background-color: var(--color-brand-5);
    background-image: none !important;
}

.litepicker .container__days .day-item.is-in-range {
    color: var(--color-black-100);
    background-color: var(--color-brand-5);
}

@media screen and (max-width: 800px) {
    .litepicker .container__months {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .litepicker .container__months.columns-2 {
        width: calc(var(--litepicker-month-width) + 10px);
    }

    .litepicker .container__months.columns-2 .month-item {
        padding: 5px;
    }
}

.offcanvas {
    display: none;
}

.offcanvas.in {
    display: block;
}

@media (max-width: 1000px) {
    #AdminControlsContainer {
        background-color: var(--color-black-100);
        height: auto;
    }
}

@media (max-width: 800px) {
    .adminContainer .adminMobile span {
        background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/icons/user-icon.png");
        display: inline-block;
        background-repeat: no-repeat;
        font-size: 0;
        background-position: center;
        border-radius: 50%;
        background-size: 8px auto;
        height: 18px;
        width: 18px;
        vertical-align: middle;
    }

    .MemberAuthenticated .arn_username {
        font-size: 13px;
        vertical-align: middle;
        color: var(--color-white-white);
    }
}

#AdminControlsContainer {
    position: relative;
    z-index: 1;
    display: none;
}

.SinglePropDetail {
    margin: 150px 0 0;
}

@media only screen and (max-width: 1000px) {
    .members {
        font-size: 15px;
        margin: 2px 0 0 5px;
        border-left: none;
        padding: 0 0 0 5px;
    }
}

@media only screen and (max-width: 800px) {
    .sortContainer span {
        background-color: var(--color-black-60);
        cursor: auto;
        background-size: 10px auto;
        height: 20px;
        width: 20px;
    }

    .adminMobile {
        display: inline-block;
        width: 20px;
        margin: 0 5px;
    }

    .languageContainer {
        background-color: transparent;
        padding: 0;
        position: static;
        width: auto;
        float: right;
    }
}

/* Hide These */

.SinglePropDetail .languageContainer,
.CheckOutForm .languageContainer,
.ConfirmationForm .languageContainer,
.SinglePropDetail .enterpriseHeader .languageContainer,
.CheckOutForm .enterpriseHeader .languageContainer,
.ConfirmationForm .enterpriseHeader .languageContainer {
    display: none;
}

/*****************************************/
/******* Member Not Authenticated ********/
/*****************************************/

.AccessDeniedPage #nav li,
.AccessDeniedPage .enterpriseHeader .links a,
.AccessDeniedPage .links form,
.MemberNotAuthenticated #nav li {
    display: none;
}

@media only screen and (max-width: 800px) {

    .AccessDeniedPage .languageContainer,
    .MemberNotAuthenticated .languageContainer {
        background-color: var(--color-black-100);
        float: none;
        text-align: right;
    }
}

.WBLoginForm #accountRight,
.RegistrationPage #accountRight {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    width: 64%;
    height: 1000px;
    min-height: 1000px;
    vertical-align: top;
}

/*****************************************/
/*********** Registration Page ***********/
/*****************************************/

.registrationText h2 {
    color: var(--color-black-60);
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}

.WBValidatedRegistrationFormContainer.ArnSubPage fieldset {
    border: none;
    border-top: 1px solid var(--color-black-30);
    margin: 20px 0 0;
    padding: 15px 0 0;
}

.WBValidatedRegistrationFormContainer.ArnSubPage .WBValidatedRegistrationFormFields fieldset div {
    margin: 0 0 10px;
}

.WBValidatedRegistrationFormContainer.ArnSubPage fieldset legend {
    display: none;
}

.WBValidatedRegistrationFormContainer.ArnSubPage input {
    width: 100%;
}

.loginLink {
    display: block;
    text-align: center;
}

/*****************************************/
/************** PayWall Page *************/
/*****************************************/

.purchaseMembership {
    width: 100%;
    display: table;
}

.registrationPaywall .SSForm {
    display: table-cell;
    vertical-align: middle;
    background-color: var(--color-white-white);
    max-width: 55%;
    width: 55%;
    padding: 5rem 0 0 0;
}

.registrationPaywall .SSFormBody form {
    margin: 0 auto;
    padding: 1.5rem 0;
    width: 70%;
    max-width: 600px;
}

.registrationPaywall .SSForm .titleContent {
    text-align: left;
}

.registrationPaywall .SSForm .SSFormBody table {
    width: 100%;
}

.registrationPaywall .SSForm .SSFormBody table td {
    padding: 0 15px 5px 15px;
}

.registrationPaywall .SSForm .SSFormBody table.FormTable label {
    display: inline-block !important;
    position: relative;
    top: 25px;
    padding: 5px 15px;
    font-size: 0.8rem;
    color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    margin: 0;
}

.registrationPaywall h1 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center !important;
    width: 100%;
    margin: 0 0 1rem 0;
}

.registrationPaywall .SSForm .SSFormBody table.FormTable label.subTitle {
    margin: 0 0 18px;
    font-size: 1.1rem;
    color: initial;
    text-align: center;
    padding: 0;
    display: block !important;
    position: static;
}

.registrationPaywall .shortLine {
    height: 4px;
    width: 50px;
    display: block;
    background-color: var(--color-primary);
    margin: 15px auto 10px;
}

.registrationPaywall #thePromoCodeAjax p {
    display: block;
    text-align: center;
    font-family: Lora;
    font-size: 18px;
    line-height: 32px;
}

.registrationPaywall .promoCodeContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.registrationPaywall .promoCodeContainer label {
    width: 100%;
}

.registrationPaywall .promoCodeContainer input {
    width: 75%;
}

.registrationPaywall .promoCodeContainer input.submit {
    width: 24%;
    margin: 0 0 0 1%;
    height: 55px;
    background-color: var(--color-white-white);
    border: 2px solid #868686;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.registrationPaywall .promoCodeContainer input.submit:hover {
    background-color: var(--color-black-15);
}

.registrationPaywall #thePromoCodeAjax h5 {
    color: mediumseagreen;
    font-size: 14px;
    font-weight: 700;
    margin: 0.5rem 0 0;
}

.registrationPaywall .SSForm .SSFormBody table.FormTable .membership label {
    position: static;
    padding: 5px;
    font-size: 1rem;
    color: inherit;
}

.registrationPaywall .FieldRadioGroup div.membership label:first-child {
    width: 59%;
}

.registrationPaywall .FieldRadioGroup div.membership label:last-child {
    width: 41%;
}

.registrationPaywall .FieldRadioGroup {
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 15px 10px;
    border-radius: 0.25rem;
}

.registrationPaywall .FieldRadioGroup.checked {
    border: 1px solid #4493fe;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.registrationPaywall .FieldRadioGroup input {
    width: auto;
    height: auto;
    float: left;
    margin: 10px 8px 0;
}

.registrationPaywall .FieldRadioGroup div.membership {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.registrationPaywall .FieldRadioGroup div.membership label {
    width: 35%;
    margin: 0;
    text-align: center;
}

.registrationPaywall .FieldRadioGroup div.membership label:first-child {
    width: 50%;
    text-align: left;
}

.registrationPaywall .FieldRadioGroup.checked div.membership label:first-child {
    font-weight: 700;
}

.registrationPaywall .FieldRadioGroup div.membership label:last-child {
    width: 50%;
    text-align: right;
}

.registrationPaywall .SSForm #theCreditCardNumberAjax div {
    padding: 15px 0 0;
}

.registrationPaywall .SSForm #theCreditCardNumberAjax h1 {
    display: none;
}

.registrationPaywall .SSForm #theCreditCardNumberAjax h3 {
    display: inline-block;
}

.registrationPaywall #ccImages {
    background-image: url("//media.travsrv.com/appSkins/67733/v6/themes/standard/images/credit-cards.png");
    height: 27px;
    width: 250px;
    background-repeat: no-repeat;
    background-size: 250px;
    float: right;
}

.registrationPaywall .confirmTermsContainer {
    padding: 15px;
}

.registrationPaywall .SSForm .terms {
    line-height: 1.7em;
}

.registrationPaywall .SSForm .terms a {
    text-decoration: underline;
}

.registrationPaywall .SSForm .terms a:hover {
    color: var(--color-black-black);
}

.registrationPaywall .SSForm .confirmationWarning {
    float: left;
    margin: 0;
}

.registrationPaywall .SSForm .confirmationWarning input.checkbox {
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    position: relative;
    top: 3px;
}

.WBPurchaseMembershipActions.FormActions {
    padding: 15px;
}

.registrationPaywall #accountRight {
    position: relative;
    vertical-align: top;
}

.registrationPaywall .page div.sectionContainer .content .half {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    max-width: 500px;
}

.registrationPaywall .numberList span:first-child {
    margin: 0 2rem 0 0;
    background-color: transparent;
    padding: 0;
}

.registrationPaywall .page div.sectionContainer .content .half .planExtra {
    text-align: left;
}

.registrationPaywall .page div.sectionContainer .content .half h3 {
    margin: 0 0 20px;
}

.registrationPaywall .page div.sectionContainer .content .half .box,
.registrationPaywall #accountRight .membership {
    border: 1px solid var(--color-black-black);
    border-radius: 0.25rem;
    background-color: var(--color-white-white);
    padding: 0;
}

.registrationPaywall .page div.sectionContainer .content .half .box div,
.registrationPaywall .page div.sectionContainer .content .half .box h3 {
    margin: 0;
    padding: 15px 0;
}

.registrationPaywall #accountRight .membership div {
    padding: 15px;
}

.registrationPaywall #accountRight .membership div:first-child {
    font-family: Lora_bold;
    font-size: 18px;
}

.registrationPaywall .page div.sectionContainer .content .half .box .price span,
.registrationPaywall #accountRight .membership div:nth-child(2) {
    background-color: var(--color-black-5);
    font-size: 50px;
    display: block;
    text-align: center;
    font-weight: 700;
}

.registrationPaywall .disclaimer {
    position: absolute;
    bottom: 0;
    max-width: 500px;
    width: 70%;
    margin: 0 0 0 -250px;
    left: 50%;
    padding: 1.25rem;
}

@media only screen and (max-width: 1024px) {
    .registrationPaywall .SSFormBody form {
        width: 85%;
    }
}

@media only screen and (max-width: 1000px) {

    .registrationPaywall .SSForm,
    .registrationPaywall #accountRight {
        max-width: 100%;
        width: 100%;
        display: block;
        padding: 1px 0 0;
    }
}

@media only screen and (max-width: 800px) {
    .registrationPaywall .page div.sectionContainer .content .half {
        max-width: 100%;
    }

    .registrationPaywall .numberList span:first-child {
        width: 100%;
        height: 67px;
    }

    .registrationPaywall .disclaimer {
        position: static;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .registrationPaywall div#accountRight {
        height: auto;
    }
}

@media only screen and (max-width: 650px) {
    .registrationPaywall .SSFormBody form {
        width: 100%;
    }

    .registrationPaywall .SSForm .SSFormBody table.RowFive td {
        padding: 0 15px 5px 15px;
        width: 100%;
        display: block;
    }

    .registrationPaywall .promoCodeContainer input {
        width: 100%;
    }

    .registrationPaywall .promoCodeContainer input.submit {
        width: 100%;
        margin: 5px 0 0 0;
    }

    .registrationPaywall #ccImages {
        float: none;
        margin: 0 0 10px 0;
    }

    .registrationPaywall .SSFormBody {
        width: 100%;
        padding: 1.5rem 1rem;
    }

    .registrationPaywall .page div.sectionContainer .content .half {
        width: 100%;
    }
}

@media only screen and (max-width: 350px) {
    .registrationPaywall .SSForm .SSFormBody table td {
        padding: 0;
        display: block;
        width: 100%;
    }

    .registrationPaywall .SSForm .SSFormBody table.RowFive td {
        padding: 0;
    }

    .registrationPaywall .confirmTermsContainer {
        padding: 15px 0;
    }
}

/*****************************************/
/************** Login Page ***************/
/*****************************************/

.WBLoginForm {
    background-attachment: scroll;
    background-position: center -100px;
    background-repeat: no-repeat;
    background-size: contain;
}

.WBLoginFormContainer.ArnSubPage,
.WBForgotPasswordFormContainer.ArnSubPage,
.WBForgotPasswordFormInform {
    background-color: rgba(1, 1, 1, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: scroll;
    z-index: 9;
    margin: 0;
}

.WBLoginFormContainer.ArnSubPage,
.WBValidatedRegistrationFormContainer.ArnSubPage {
    display: table;
    background-color: transparent;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: scroll;
    margin: 0;
}

.WBLoginFormContainer.ArnSubPage .SSFormBody,
.WBForgotPasswordFormContainer.ArnSubPage .SSFormBody {
    background-color: var(--color-white-white);
    max-width: 500px;
    padding: 50px;
    margin: 5% auto;
}

.WBForgotPasswordFormInform .message,
.WBForgotPasswordFormInform form {
    background-color: var(--color-white-white);
    font-size: 18px;
    max-width: 500px;
    padding: 50px 50px 0;
    margin: 5% auto 0;
    display: block;
    text-align: center;
}

.WBForgotPasswordFormInform form {
    padding: 25px 50px 50px;
    margin: 0 auto;
}

.WBForgotPasswordFormInform .warning,
.WBChangePasswordFormInform .warning {
    display: none;
}

.WBChangePasswordForm #lightbox,
.WBChangePasswordFormInform #lightbox {
    background-color: var(--color-white-white);
    max-width: 415px;
    width: 100%;
    padding: 25px;
}

.WBChangePasswordForm #lightbox .window-close a,
.WBChangePasswordFormInform #lightbox .window-close a {
    position: absolute;
    top: 5px;
    right: 15px;
    color: var(--color-black-black);
    font-size: 25px;
    font-weight: 300;
}

.WBChangePasswordForm #lightbox .message,
.WBChangePasswordFormInform #lightbox .message {
    font-size: 1.2em;
}

.WBChangePasswordForm #lightbox .passwordInputView {
    margin: 5px 0 0;
}

.WBChangePasswordForm #lightbox .submit,
.WBChangePasswordFormInform #lightbox .submit {
    margin: 10px 0 0;
    width: 100%;
    cursor: pointer;
}

.WBLoginFormContainer.ArnSubPage .SSFormBody,
.WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
    background-color: var(--color-white-white);
    padding: 100px 50px 50px;
    max-width: 35%;
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.WBLoginFormContainer.ArnSubPage .SSFormBody form,
.WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody form {
    max-width: 400px;
    margin: 0 auto;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h1 {
    text-align: left;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    text-align: left;
    color: var(--color-black-60);
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: 300;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm label {
    margin: 8px 0 0;
    color: var(--color-black-60);
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
    height: 50px;
    padding: 15px 0;
    text-indent: 0;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--color-black-30);
    border-top: none;
    border-left: none;
    border-right: none;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField:focus {
    background-color: transparent;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.empty label {
    margin: 8px 0 0;
    position: relative;
    top: 38px;
    font-size: 18px;
    color: var(--color-black-60);
    font-weight: 300;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.focused label {
    top: 0;
    font-size: 16px;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.checkboxView label {
    position: static;
    font-size: initial;
    font-weight: initial;
    color: initial;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm #theRememberMeAjax {
    margin: 15px 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField.checkbox {
    width: 20px;
    height: auto;
    margin: 5px 0 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions {
    text-align: center;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit {
    height: 50px;
    width: 100%;
    margin: 0 0 15px 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
    color: var(--color-black-100);
    font-weight: 700;
    font-size: 0.9em;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .loginDivider {
    margin: 0 5px;
    font-size: 14px;
    color: var(--color-black-100);
    font-weight: 600;
}

.RootBody #accountRight {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    width: 64%;
    height: 100%;
    min-height: 1000px;
    vertical-align: top;
}

.WBLoginForm .ArnSupportLinks.ArnSupportBottom {
    margin: 0;
}

.WBLoginFormContainer .errors,
.WBValidatedRegistrationFormContainer .errors {
    max-width: 400px;
    margin: 0 auto;
}

@media only screen and (max-width: 1000px) {

    .WBLoginFormContainer.ArnSubPage,
    .WBValidatedRegistrationFormContainer.ArnSubPage {
        padding: 100px 30px 30px;
    }

    .WBLoginFormContainer.ArnSubPage .SSFormBody form,
    .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody form {
        max-width: 100%;
        margin: 0 auto 0;
    }

    .WBLoginFormContainer.ArnSubPage .SSFormBody,
    .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
        padding: 0;
        max-width: 100%;
        width: 100%;
    }

    .RootBody #accountRight {
        display: none;
    }

    .WBLoginFormContainer .errors,
    .WBValidatedRegistrationFormContainer .errors {
        max-width: 100%;
        margin: 0 0 15px 0;
    }
}

@media only screen and (max-width: 800px) {

    .WBLoginFormContainer.ArnSubPage,
    .WBValidatedRegistrationFormContainer.ArnSubPage {
        padding: 30px;
    }
}

/*****************************************/
/*********** Forgot Password *************/
/*****************************************/

.WBForgotPasswordForm {
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/52.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.WBForgotPasswordForm .ArnSupportLinks.ArnSupportBottom {
    margin: 60% 0 0;
}

/*****************************************/
/************** Root Page ****************/
/*****************************************/

.RootBody {
    background-attachment: scroll !important;
    background-position: center -100px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.RootBody .reserveHotel {
    font-size: 50px;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: inherit;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
}

.RootPage .modifySearch {
    background-color: transparent;
    color: inherit;
    padding: 0;
    margin: 5px 0 0;
    display: none;
}

.RootBody .searchLeft {
    margin: 0 auto;
    width: 36%;
    display: table-cell;
    padding: 150px 0;
}

.RootBody.WK .ArnSearchContainerMainTable .yui3-skin-sam tbody {
    display: initial;
}

.RootBody #searchForm {
    padding: 0 15px;
}

@media screen and (max-width: 1665px) {
    .RootBody .reserveHotel {
        font-size: 45px;
    }
}

@media screen and (max-width: 1400px) {
    .RootBody .searchLeft {
        padding: 205px 0;
    }
}

@media only screen and (max-width: 800px) {
    .RootBody {
        background-size: auto 550px !important;
        background-position: left top !important;
    }

    .RootBody .searchLeft {
        padding: 50px 0;
    }
}

/* Root Page Search Form */

.RootBody .ArnLeftSearchContainer form {
    width: 60%;
    margin: 0 auto;
}

.RootBody input {
    height: 50px;
    font-size: 18px;
    border: none;
}

.RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.15);
    padding: 15px;
    border-radius: 50px;
    max-height: 78px;
    background-color: var(--color-white-white);
}

.RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
    display: block;
    border-bottom: none;
    border-right: 1px solid var(--color-black-30);
    margin: 0;
}

.RootPage .ArnAcdParent {
    margin: 10px 0 0;
}

.RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
    width: 100%;
}

.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
.RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
    min-width: 160px;
    padding: 0 0 0 10px;
}

.RootPage .ArnSearchHolderBoth {
    margin: 0;
    min-width: 270px;
    font-weight: 700;
}

.internationalLanguage.RootBody .ArnSearchHolderBoth {
    min-width: 290px;
}

.internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
    min-width: 345px;
}

.pac-item-query {
    font-size: 16px;
}

.pac-item {
    font-size: 14px;
    color: var(--color-black-60);
    border-top: none;
}

.pac-item-query {
    font-size: 16px;
}

.pac-item {
    padding: 4px 4px;
    font-size: 14px;
}

.pac-item:first-child {
    padding: 12px 4px 4px;
}

.pac-matched {
    font-weight: 400;
}

.RootPage #pac-input {
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-11.svg");
    text-indent: 23px;
    background-position: 0 13px;
    background-repeat: no-repeat;
    background-size: 22px auto;
}

.RootPage #city,
.RootPage .ArnCheckInDate,
.RootPage .ArnCheckOutDate {
    text-indent: 29px;
    background-position: 0 13px;
    background-repeat: no-repeat;
    background-size: 22px auto;
}

.RootPage .ArnCheckInDate,
.RootPage .ArnCheckOutDate {
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/calendar.svg");
}

.RootTypePlaces .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnHotelNameContainer {
    display: none;
}

.RootBody .ArnPrimarySearchOuterContainer .yui3-skin-sam a {
    display: inline;
}

.RootBody .ArnPrimarySearchOuterContainer .submit {
    width: 140px;
    font-size: 16px;
    border-radius: 50px;
    text-indent: 0;
}

/* testing big fonts */

.RootPage .ArnStayTable {
    font-size: 18px;
}

@media screen and (max-width: 2100px) {
    .RootBody .ArnLeftSearchContainer form {
        width: 75%;
    }
}

@media screen and (max-width: 1665px) {
    .RootBody .ArnLeftSearchContainer form {
        width: 80%;
    }
}

@media screen and (max-width: 1400px) {
    .RootBody .ArnLeftSearchContainer form {
        width: 85%;
    }
}

@media screen and (max-width: 1350px) {
    .arrowContainer {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
        background-color: var(--color-white-white);
        max-height: initial;
        padding: 15px 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .RootBody .ArnPlacesSearchContainer {
        width: 100%;
        margin: 0 0 10px;
    }

    .RootBody .ArnPlacesSearchContainer input {
        width: 88%;
    }

    #arnGeoButton {
        background-color: rgba(0, 0, 0, 0.4);
        background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/current.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 28px;
        font-size: 0;
        color: transparent;
        vertical-align: top;
        display: inline-block;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        margin: 5px 0 0;
    }

    .RootPage .ArnCheckInContainer,
    .RootPage .ArnCheckOutContainer {
        width: 100%;
        margin: 0 0 10px;
    }

    .RootPage .ArnSearchHolderBoth {
        width: 100%;
        margin: 0 0 3px;
    }

    .RootPage .ArnAcdParent {
        margin: 0;
    }

    .RootBody .ArnPrimarySearchOuterContainer .submit {
        width: 100%;
        margin: 30px 0 0;
    }
}

@media only screen and (max-width: 375px) {
    .RootBody .ArnPlacesSearchContainer input {
        width: 86%;
    }
}

/* Adults Kids Selector */

.ArnSearchHolderBoth {
    min-width: 230px;
    height: 35px;
    background-color: var(--color-white-white);
    border: none;
    position: relative;
}

.internationalLanguage.in_ID.SearchHotels .ArnSearchHolderBoth {
    min-width: 265px;
}

.ArnStayTable {
    width: 100%;
    height: 55px;
    text-align: left;
    display: block;
    cursor: pointer;
    position: relative;
    padding: 2px 0 2px 5px;
}

.ArnAcdChild {
    position: absolute;
    left: 0;
    top: 55px;
    background-color: var(--color-white-white);
    padding: 24px;
    z-index: 2;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    min-width: 278px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 435px;
    overflow-x: hidden;
    overflow-y: auto;
}

.SinglePropDetail .ArnAcdChild {
    top: 194px;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer {
    border-bottom: 1px solid var(--color-black-30);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdChildrenContainer {
    border-bottom: none;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer input {
    text-align: center;
    text-indent: 0;
    width: 32px;
    height: initial !important;
    padding: 0;
    margin: 0;
    border: none !important;
    color: var(--color-black-100);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    vertical-align: super;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--color-black-100);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a svg {
    margin: 5px 0 0;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a svg path {
    fill: var(--color-black-100) !important;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a.disabled svg path {
    fill: var(--color-black-60) !important;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges {
    margin: 0;
    padding: 0;
}

.ArnAcdChild .ArnAcdSelect {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ArnAcdChildAges .ArnAcdSpan {
    font-weight: initial;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.childAge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 5px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges span {
    font-weight: 300;
    width: 50%;
    white-space: normal;
    text-align: left;
}

.ArnAcdChildAges .ArnAcdChildAgesSelect {
    width: 66px;
    border-color: var(--color-black-15);
    border-radius: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 5px 10px;
}

.ArnAcdChildAges .ArnAcdChildAgesSelect:focus {
    outline: 5px auto;
    outline-color: -webkit-focus-ring-color;
    outline-offset: -2px;
}

.searchOptionsControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.searchOptionsControls button.submit {
    font-family: "Roboto-Condensed";
    padding: 10px 32px;
    text-transform: uppercase !important;
    height: initial !important;
    border-radius: 24px;
    letter-spacing: 1px;
}

.searchOptionsControls button.submit:focus {
    outline: 5px auto;
    outline-color: -webkit-focus-ring-color;
    outline-offset: -2px;
}

.searchOptionsControls button.clearSearchOptions.submit {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: 1;
    border: 2px solid var(--color-secondary) !important;
    background-color: transparent;
    cursor: pointer;
    color: var(--color-secondary);
}

.searchOptionsControls button.clearSearchOptions.submit:hover {
    background-color: var(--color-secondary);
    color: var(--color-white-white);
}

.searchOptionsControls button.doneSearchOptions.submit {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: 1;
    background-color: var(--color-primary);
    cursor: pointer;
    color: var(--color-black-100);
}

.searchOptionsControls button.doneSearchOptions.submit:hover {
    background-color: var(--color-primary-hover);
}

@media only screen and (max-width: 800px) {
    .ArnAcdChild {
        padding: 24px;
        min-width: 300px;
    }
}

.GroupHoldForm .ArnAcdParent {
    max-width: 386px;
    border: 1px solid var(--color-black-30);
    margin: 0 0 15px 0;
}

.GroupHoldForm .ArnAcdChild {
    max-width: 386px;
}

/* Right Side Root Search Page */

.RootBody #accountRight {
    height: 1000px;
    min-height: 1000px;
}

@media screen and (max-width: 1400px) {
    .RootBody #accountRight {
        height: 780px;
        min-height: 780px;
    }
}

/* Featured Properties */

.featuredContainer {
    background-color: var(--color-white-white);
    padding: 60px 15px;
    text-align: center;
    margin: 100px 0 0;
}

.featuredContainer h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px;
    color: var(--color-black-100);
    text-align: left;
    width: 100%;
}

.featuredPropertiesContainerContent h2 {
    display: none;
}

.featuredPropertiesContainerContent .featuredProperty h2 {
    display: block;
}

.featuredPropertiesContainerContent .text {
    max-width: 1280px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.featuredProperty h2 {
    display: block;
    font-weight: 300;
    padding: 15px 15px 0;
    line-height: 1.4em;
    margin: 0 auto 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.featuredProperty h3 {
    padding: 0 15px 15px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.featuredProperty img {
    background-color: var(--color-black-60);
    height: 300px;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.featuredProperty .featuredPrice {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
}

.featuredProperty .featuredPrice p {
    color: var(--color-black-75);
    font-size: 25px;
    margin: 0;
}

.featuredProperty .tripAdvisorContainer {
    padding: 20px 0 0;
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.featuredProperty .tripAdvisorContainer img {
    background-color: transparent;
    display: block;
    height: 20px;
    margin: 0 auto 14px;
    width: auto;
}

.featuredProperty .tripAdvisor {
    background-color: var(--color-black-30);
    color: var(--color-white-white);
    display: inline-block;
    margin: 0 auto 20px;
    font-size: 28px;
    padding: 10px 20px 12px;
    border-radius: 0;
}

a.featuredProperty {
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    margin: 20px 3px;
    width: 29.8%;
    font-size: 16px;
    color: var(--color-black-75);
    text-align: center;
    position: relative;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
}

a.featuredProperty:last-child {
    display: none;
}

.maxDiscount {
    background-color: rgba(0, 0, 0, 0.03);
    color: var(--color-black-75);
    font-size: 16px;
    padding: 10px 20px;
    position: static;
    border: 1px solid #ddd;
    margin: 6px 0 0;
    display: block;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

@media only screen and (max-width: 800px) {
    .featuredContainer {
        padding: 15px 0;
    }

    .featuredContainer h1 {
        font-size: 22px;
        font-weight: 500;
        margin: 0;
        text-align: left;
        padding: 15px;
    }

    a.featuredProperty {
        width: 90%;
    }
}

/* Featured Destinations */

.featuredDestinationsContainerContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.featuredDestinationsContainer .featuredDestination {
    background-color: dodgerblue;
    border-right: 8px solid var(--color-black-black);
    border-left: 8px solid var(--color-black-black);
    background-size: auto 125%;
    background-position: center;
    width: 25%;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.featuredDestinationsContainer .featuredDestination:hover {
    background-size: auto 130%;
}

.featuredDestinationsContainer .destinationIncentiveLink {
    display: block;
    padding: 20px 0;
    background-color: rgba(1, 1, 1, 0.35);
    color: var(--color-white-white);
    font-size: 18px;
    font-weight: lighter;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.featuredDestinationsContainer .featuredDestination:hover .destinationIncentiveLink {
    background-color: #67b2d9;
}

.featuredDestinationsContainer .destinationSavings {
    display: table-cell;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 100%;
}

.featuredDestinationsContainer .averageNightlyLabel {
    font-size: 15px;
}

.featuredDestinationsContainer .averageNightlyRate {
    display: inline;
}

.featuredDestinationsContainer .savingsLink {
    background-color: rgba(1, 1, 1, 0.4);
    color: var(--color-white-white);
    display: block;
    font-size: 30px;
    line-height: 1.1em;
    font-weight: lighter;
    height: 100%;
    outline: medium none blue;
    padding: 24% 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.featuredDestinationsContainer .savingsLink span {
    border: 2px solid var(--color-white-white);
    display: block;
    font-size: 14px;
    margin: 15px auto 0;
    padding: 2px;
    width: 45%;
}

.featuredDestinationsContainer .savingsLink span.averagePercenteOff {
    border: medium none;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.featuredDestinationsContainer .destinationThumb img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1900px) {
    .featuredDestinationsContainer .savingsLink {
        padding: 8% 0 0;
    }
}

@media only screen and (max-width: 1450px) {
    .featuredDestinationsContainer .savingsLink {
        font-size: 24px;
    }

    .featuredDestinationsContainer .savingsLink span {
        width: 60%;
    }
}

@media only screen and (max-width: 1370px) {
    .featuredDestinationsContainer .savingsLink {
        padding: 2% 15% 0;
    }
}

@media only screen and (max-width: 1300px) {
    .featuredDestinationsContainer .featuredDestination {
        width: 50%;
        border-bottom: 15px solid var(--color-black-black);
    }

    .featuredDestinationsContainer .savingsLink {
        padding: 20% 15% 0;
        font-size: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .featuredDestinationsContainer .featuredDestination {
        width: 100%;
        border-bottom: 8px solid var(--color-black-black);
    }

    .featuredDestinationsContainer .savingsLink {
        padding: 8% 0;
        font-size: 25px;
    }

    .featuredDestinationsContainer .savingsLink span {
        width: 50%;
    }
}

.RootBody {
    background-color: var(--color-black-5);
}

.RootBody #accountRight {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 80%;
    min-height: initial;
    margin: 100px auto 75px;
    height: 40vh;
    border-radius: 50px;
    position: relative;
    z-index: -1;
}

.RootBody #accountRight::after {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.ArnSearchHotelsImg {
    text-align: center;
    color: var(--color-white-white);
}

.RootBody .ArnSearchHeader,
.RootBody .ArnSearchTitle {
    /* TODO check important, is it necessary? */
    display: block !important;
    text-align: center;
    color: var(--color-white-white);
    font-size: 50px;
    margin: 0 0 25px;
    line-height: 1em;
}

.RootBody .ArnSearchContainerMainTable {
    width: 100%;
    margin: -193px auto 0;
}

.RootBody .ArnSearchContainerMainDiv {
    background-color: transparent;
    padding: 0;
    display: block;
    width: 100%;
}

.RootPage .ArnSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

@media only screen and (max-width: 1600px) {
    .RootPage #accountRight {
        width: 98%;
    }
}

@media only screen and (max-width: 1000px) {

    .RootBody .ArnSearch .ArnSearchHolderBoth,
    .internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
        min-width: 110px;
        width: initial;
    }

    .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
        width: 100%;
    }

    .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
    .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
        min-width: 140px;
    }
}

@media only screen and (max-width: 800px) {
    .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
        border-right: none !important;
    }

    .RootPage .ArnSearch {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr);
        width: 100%;
    }

    .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
        border-bottom: 1px solid var(--color-black-30);
        margin: 0 0 20px 0;
    }

    .RootPage .ArnPrimarySearchContainer .ArnCheckInContainer {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }

    .RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
    }

    .RootBody .ArnSearch .ArnSearchHolderBoth {
        border-top: 1px solid var(--color-black-30);
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
        padding: 15px 0 30px;
    }
}

@media only screen and (max-width: 500px) {
    .RootBody {
        position: relative;
    }

    .RootBody #accountRight {
        width: 100%;
        border-radius: 0;
        margin: 0;
        height: 780px;
    }

    .RootBody #accountRight::after {
        border-radius: 0;
    }

    .RootBody .ArnSearchContainerMainDiv {
        background-color: transparent;
        padding: 0;
        display: block;
        width: 100%;
        position: absolute;
        top: 360px;
    }

    .featuredContainer {
        margin: 0 !important;
        padding: 60px 15px !important;
    }

    a.featuredProperty {
        width: 100% !important;
    }

    .RootBody #theSubmitButton {
        width: 100%;
        margin: 20px 0 0;
    }

    .RootBody .ArnAcdChild {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 20;
    }

    .RootBody .ArnAcdClose {
        display: block;
        text-align: right;
        padding: 0 10px 15px 0;
    }

    .RootBody .ArnSearch .ArnSearchHolderBoth,
    .internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
        min-width: 100%;
    }
}

/* About Section */

.aboutContainer {
    margin: 0;
    padding: 120px 0 150px;
    width: 100%;
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/54.jpg");
    background-color: var(--color-black-15);
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    border-top: 15px solid var(--color-black-black);
    display: none;
}

.aboutContainer:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.82);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.aboutContainer .instructionBoxTitle {
    font-size: 32px;
    line-height: 1.4em;
    margin: 0 0 60px;
    color: var(--color-white-white);
    font-weight: 100;
}

.aboutContainer .aboutContent {
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 20px 0;
    max-width: 1280px;
    z-index: 1;
}

.aboutContainer .instructionBoxTitle {
    color: var(--color-white-white);
    font-weight: 100;
}

.aboutContainer .instructionBox {
    font-weight: lighter;
    width: 33%;
    vertical-align: top;
    display: inline-block;
    font-size: 20px;
    color: var(--color-white-white);
    line-height: 1.7;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.35);
    min-height: 256px;
    padding: 0 20px;
}

.aboutContainer .instructionBox h3 {
    font-size: 40px;
    display: inline-block;
    font-weight: 300;
    margin: 0;
}

.aboutContainer .stepOne,
.aboutContainer .stepTwo,
.aboutContainer .stepThree {
    border-right: 4px solid #67b2d9;
    border-radius: 30%;
    color: #67b2d9;
    display: inline-block;
    font-size: 43px;
    padding: 18px 0 10px 0;
    width: 50px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    margin: 0 15px 0 0;
}

@media only screen and (max-width: 1100px) {
    .aboutContainer .instructionBox {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .aboutContainer {
        padding: 15px 0;
    }

    .aboutContainer .instructionBoxTitle {
        font-weight: 500;
        font-size: 22px;
        text-align: left;
        padding: 0 15px;
        margin: 0 0 15px;
    }

    .aboutContainer .instructionBox {
        width: 100%;
    }
}

/* Popular Destinations */

.popularDestinationsLandingContainer {
    background-color: var(--color-black-black);
    padding: 80px 0 90px;
}

.popularDestinationsLandingContainer .popularDestinationsContainer {
    font-size: 32px;
    font-weight: lighter;
    margin: 30px 0 40px;
    text-align: center;
}

.popularDestinationsLandingContainer .popularDestinationsContainer .title {
    color: var(--color-white-white);
}

.popularDestinationsLandingContainer .popularCities {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 90%;
}

.popularDestinationsLandingContainer .popularCities li {
    display: inline-block;
    margin: 0 0 15px 15px;
    border: none;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.2);
}

.popularDestinationsLandingContainer .popularCities li:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.popularDestinationsLandingContainer .popularCities a:link,
.popularDestinationsLandingContainer .popularCities a:active,
.popularDestinationsLandingContainer .popularCities a:visited {
    color: var(--color-white-white) !important;
    display: inline-block;
    font-size: 20px;
    font-weight: lighter;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding: 10px 30px;
    background-color: transparent;
}

.popularDestinationsLandingContainer .popularCities a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: inherit;
}

@media only screen and (max-width: 800px) {
    .popularDestinationsLandingContainer {
        padding: 15px 0;
    }

    .popularDestinationsLandingContainer .popularDestinationsContainer .title {
        font-size: 22px;
        font-weight: 500;
    }

    .popularDestinationsLandingContainer .popularCities li {
        display: inline-block;
        margin: 0 0 15px;
        width: 80%;
    }

    .popularDestinationsLandingContainer .popularCities a:link,
    .popularDestinationsLandingContainer .popularCities a:active,
    .popularDestinationsLandingContainer .popularCities a:visited {
        font-size: 18px;
        display: block;
    }
}

/* hide these */

.WBSearchPlaces .ArnPrimarySearchOuterContainer a,
.RootBody .ArnPrimarySearchOuterContainer a,
.RootBody .ArnPrimarySearchOuterContainer .ArnIndividualSearchContainer span,
.RootBody .ArnSecondarySearchOuterContainer,
.RootBody .ArnNoResults,
.RootBody .ArnIndividualSearchContainer label,
.RootBody .ArnIndividualSearchContainer br,
.RootBody .ArnPrimarySearchOuterContainer p {
    display: none;
}

/* ? */
.SinglePropDetail.WBPropertyDetailViewKeystone .roomThumbs {
    display: none;
}

a.ArnGoCitySearch:hover,
a.ArnGoAddressSearch:hover,
a.ArnGoLandmarkSearch:hover,
a.ArnGoAirportSearch:hover,
a.selectedTab {
    background-color: var(--color-secondary);
    color: var(--color-white-white);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
    font-size: 14px;
    padding: 15px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer p,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer br {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .reserveHotel,
.SearchHotels.SearchMode-WBHotelListKeystone .modifySearch {
    padding: 20px 15px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-black-75);
    text-align: left;
    line-height: 1em;
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer.ArnRateFiltersContainer {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer {
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer select {
    width: 100%;
    border-radius: 20px;
    padding: 5px 15px;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .filterSectionLabel {
    width: 100%;
    font-weight: 700;
    cursor: pointer;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer input.checkbox {
    height: 20px;
    width: 20px;
    min-width: 20px;
    cursor: pointer;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div input,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div span {
    vertical-align: middle;
    display: inline-block;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>span,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>label {
    vertical-align: middle;
    margin-left: 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div span br {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone.IE .ArnLeftSearchContainer {
    padding: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer a {
    cursor: text !important;
    color: inherit;
}

@media screen and (max-width: 800px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop {
        height: 100%;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background-color: var(--color-white-white);
        padding: 50px 20px;
        overflow: scroll;
        z-index: 9999;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
        position: relative;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer .yui3-skin-sam .yui3-calendar-content {
        right: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
        font-size: 16px;
        border-top: 1px solid var(--color-black-30);
        border-bottom: 1px solid var(--color-black-30);
        margin: -1px 0 0;
        padding: 15px 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop a {
        text-transform: capitalize;
        font-size: 16px;
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainerTop span.close {
        color: var(--color-red-red);
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 20px;
        font-weight: 300;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop .submit {
        height: 50px;
        position: fixed;
        left: 0;
        margin: 0 0 0 0 !important;
        bottom: 0;
        width: 100%;
    }
}

/* Search Results Row */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerContainer {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--color-black-75);
    font-family: "Lato", sans-serif;
    height: auto;
    text-align: center;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult h3 {
    font-size: 16px;
    margin: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .bottomPager .ArnPagerResult h3 {
    margin: 16px 0;
}

/* Sort Control */

.sortingMobile {
    display: inline-block;
}

.ArnSortContainer a.ArnSortByRebateAmount,
.ArnSortContainer a.ArnSortByVacationRental,
#arnToggleMapDiv,
.ArnSortContainer a.ArnSortByClass {
    display: none !important;
}

@media only screen and (min-width: 800px) {
    .ArnSortContainer a.active {
        background-color: var(--color-black-5);
    }
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
    background-color: var(--color-black-75);
    position: relative;
    min-height: 200px;
    overflow: hidden;
    border-radius: 10px 0 0 10px;

    /* Bryan New Test */
    height: 250px;
    min-width: 300px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:before {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(64.59%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Bryan New Test */
    display: none;
    /**/
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:after {
    position: absolute;
    content: "....";
    color: var(--color-white-white);
    width: 100%;
    height: 0;
    left: 0;
    bottom: 40px;
    text-align: center;
    font-size: 35px;
    letter-spacing: 6px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnImageLink img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons {
    position: absolute;
    width: 100%;
    height: 0;
    top: 43%;
    padding: 0 8px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* Bryan New Test */
.keystoneCarousel-container.hideOverlayUntilHover i {
    opacity: 1 !important;
    visibility: visible;
}

.keystoneCarousel-container i {
    height: 35px;
    width: 28px;
    background: rgba(255, 255, 255, 0) !important;
}

.keystoneCarousel-container i svg {
    margin: 0 0 0;
    width: 38px;
    height: 38px;
}

.keystoneCarousel-container i svg path {
    fill: var(--color-white-white) !important;
    stroke: transparent !important;
}

.keystoneCarousel-container>.slideStatusBar {
    left: 8px;
}

/**/

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty:hover .ArnPropImageButtons {
    opacity: 1;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty .ArnPropImageButtons svg {
    margin: 0 auto;
    height: 35px;
    width: 35px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty .ArnPropImageButtons svg path {
    fill: var(--color-black-100);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious svg path,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext svg path {
    fill: var(--color-white-white) !important;
    stroke: transparent !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons span {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious {
    float: left;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext {
    float: right;
}

/* Expedia Review Updates */

.ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
    margin: 0 3px 0 0;
    /* display: inline-block; CX-1754 */
    height: 16px;
}

.ratingCount {
    display: none !important;
}

/**/

.ArnTripAdvisorDetails.HasReviews .reviewCount {
    position: static;
    display: inline-block;
    width: auto;
}

.ArnTripAdvisorDetails .reviewCount a {
    display: block;
    color: var(--color-black-100);
}

.ArnTripAdvisorDetails .reviewCount a .reviewCountLabel {
    display: inline !important;
    margin: 0 0 0 3px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .searchingRates {
    font-size: 18px;
}

/**/

.SearchHotels.SearchMode-WBHotelListKeystone .searchingRates .searchingAnimate {
    background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/Searching_Hotels.gif");
    background-repeat: no-repeat;
    width: 47px;
    height: 30px;
    display: inline-block;
    position: relative;
    top: 20px;
    left: 5px;
}

.OnSale .mainRate .yourRateContainer,
.OnSale .yourRateContainer {
    font-size: 24px;
    display: none;
    color: var(--color-red);
}

.roomCount {
    line-height: 1;
    width: auto;
    display: block;
    text-align: left;
    position: relative;
    color: var(--color-red);
    font-weight: 700;

    margin: 4px 0 7px;
    font-size: 14px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages {
    margin: 32px 0 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages a {
    padding: 5px 10px;
    border: none;
    font-family: "Roboto";
    color: var(--color-black-100);
    cursor: pointer;
    font-size: 14px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span {
    border-radius: 0;
    font-size: 14px;
    padding: 0 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span.active {
    border: 1px solid var(--pagination-active-bg);
    border-radius: 50%;
    background-color: var(--pagination-active-bg);
    color: var(--color-white-white);
    padding: 5px 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult {
    margin: 0 0 32px;
}

.originalRateContainer,
.memberSavingsPercent,
.saveWrap,
.eliteRateContainer {
    display: none;
}

/* Drop Down View */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div {
    background-color: transparent !important;
    display: table-cell;
    width: 1%;
    text-align: center;
    padding: 15px 0;
    border-top: 1px solid var(--color-black-30);
    border-bottom: 1px solid var(--color-black-30);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.active,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div:hover {
    background-color: var(--color-secondary) !important;
    color: var(--color-white-white);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer a {
    background-color: transparent;
    float: right;
    padding: 5px 15px;
    color: var(--color-red-red);
    font-size: 20px;
    margin: 10px 0 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.closeContainer {
    display: block;
    width: initial;
    padding: 0;
    border: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.closeContainer:hover {
    background-color: transparent;
    color: var(--color-red-red);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer {
    padding: 15px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .rateRow {
    margin: 5px 0;
    padding: 15px 0;
    border-top: 1px solid var(--color-black-30);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer h3 {
    font-size: 16px;
    margin-top: 0;
    font-weight: 500;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnRateList {
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .rateRow h2 {
    display: block !important;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 5px;
    color: var(--color-black-black);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer a.bookRoom {
    background: var(--color-secondary) none repeat scroll 0 0;
    color: var(--color-white-white);
    display: inline-block;
    padding: 5px 15px;
    margin: 0 0 5px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnNightlyRate strong {
    display: block;
    color: var(--color-black-black);
    font-size: 26px;
    margin: 5px 0 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .roomCount {
    margin: 10px 0 0;
    text-align: right;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnAmenityContainer td {
    width: 50%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer ul {
    margin: 0;
    padding: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer ul li {
    list-style: inside;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller {
    position: static !important;
    padding: 0 !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a {
    position: static !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a.previous {
    float: left;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a.next {
    float: right;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer td {
    display: block;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer td img {
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .PropertyImages .imageDisclaimer {
    font-size: 14px;
}

/* Hide These */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer a img,
.toalPerWeek {
    display: none;
}

@media screen and (max-width: 1000px) {
    .ArnPropAddress {
        line-height: 1.4;
    }
}

@media screen and (max-width: 800px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult h3 {
        font-size: 14px;
        text-align: center;
    }
}

/* No Avail */

.PropLimitedAvail {
    position: relative;
}

.PropLimitedAvail {
    background-color: var(--color-black-5);
}

.PropLimitedAvail .ArnPropThumb img {
    opacity: 0.4;
}

.PropLimitedAvail .ArnAvailability {
    border: 1px solid var(--color-red-red);
    bottom: 27px;
    right: 15px;
    color: var(--color-red-red);
    padding: 5px 10px;
    max-width: 175px;
    line-height: 1.4;
}

.propertyList .ArnAvailability {
    display: none !important;
}

/* Timeouts */
.ArnTimeout a {
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

.throbberContainer {
    margin: -1px auto 0;
}

.throbberContainer img {
    top: 96px;
}

/******************************************************************************/
/**************************** Searching Annimation ****************************/
/******************************************************************************/
/* Feature */
/* Configured with configRatePollingAnimation() */

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.animated-background .ArnPropAddress,
.animated-background .ArnPropClass,
.animated-background .distanceLabel,
.animated-background .ArnImageLink,
.animated-background .ArnTripAdvisorDetails,
.animated-background span[itemprop="name"],
.animated-background .ArnIconContainer,
.animated-background .fullStayTotal,
.animated-background .ratingText .ratingValue,
.animated-background .ratingText .ratingDescription,
.animated-background .averageNightly {
    font-size: 0 !important;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--color-black-15)), color-stop(18%, #dddddd), color-stop(33%, var(--color-black-15)));
    background: -o-linear-gradient(left, var(--color-black-15) 8%, #dddddd 18%, var(--color-black-15) 33%);
    background: linear-gradient(to right, var(--color-black-15) 8%, #dddddd 18%, var(--color-black-15) 33%);
    background-size: 800px 104px;
    position: relative;
    border-radius: 8px;
}

.animated-background .roomCount,
.animated-background .fullStayTotal span,
.animated-background .ArnIconContainer svg,
.animated-background .ArnPropThumb::after,
.animated-background .ArnTripAdvisorDetails .ratingCount,
.animated-background .ArnRateCell .searchingAnimate,
.animated-background .searchingRates,
.animated-background .percentSavings,
.animated-background .ArnLimitedAvail,
.animated-background .originalRateAmount,
.animated-background .ArnPropClass svg,
.animated-background .originalPrice,
.animated-background .labelAvgNightly,
.animated-background .ArnIconContainer .on,
.animated-background .memberSavings,
.animated-background .ArnPropAddress,
.animated-background .ArnTripAdvisorDetails.HasReviews .defaultRatingImg,
.animated-background .reviewCount,
.animated-background .ArnIconContainer img.On,
.animated-background .matchLabel {
    display: none !important;
}

.animated-background .averageNightly {
    width: 70%;
}

.animated-background .fullStayTotal {
    width: 70%;
    margin: 10px 0 0;
    height: 50px;
}

.animated-background .ArnIconContainer {
    width: 100%;
    height: 50px;
}

.animated-background .ArnImageLink {
    height: 100%;
    border-radius: 0;
    width: 100%;
}

.animated-background span[itemprop="name"] {
    width: 70%;
}

.animated-background .ArnImageLink img {
    opacity: 0;
}

.animated-background .ArnTripAdvisorDetails {
    width: 50%;
}

/******************************************************************************/
/************************* End Searching Annimation ****************************/
/******************************************************************************/

/* Right Side Map Section */

.ArnPropertyMap {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.ArnPropertyMap>div {
    height: 100% !important;
}

.leaflet-top {
    position: static !important;
}

.leaflet-bar {
    position: absolute !important;
    right: 20px !important;
    top: 80px !important;
}

.arn-leaflet-reset-button {
    position: absolute !important;
    right: auto !important;
    top: 80px !important;
    left: 50% !important;
    width: 100px !important;
    margin: 0 0 0 -50px !important;
    background-color: var(--color-red);
    cursor: pointer !important;
    height: auto !important;
    display: none !important;
    padding: 8px 14px !important;
}

.arn-leaflet-search2-button {
    position: absolute !important;
    right: auto !important;
    top: 80px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    color: var(--color-secondary) !important;
    font-size: 12px !important;
    font-family: "Roboto-Condensed" !important;
    font-weight: 700 !important;
    background-color: var(--color-white-white) !important;
    cursor: pointer !important;
    height: auto !important;
    padding: 8px 16px !important;
    border-radius: 50px !important;
    border: 2px solid var(--color-secondary) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.arnMapMarker {
    font-size: 14px !important;
    background-color: var(--color-white-white) !important;
    border: 2px solid var(--color-black-30) !important;
    border-radius: 20px !important;
    color: var(--color-black-100) !important;
    padding: 6px 13px !important;
    font-weight: 700 !important;
}

.arnMapMarker.highlight {
    background-color: blanchedalmond !important;
}

.arnMapMarker:hover,
.arnMapMarker:focus {
    /* Bryan New Test */
    background-color: blanchedalmond !important;
    border: 1px solid #d7d7d7;
    /**/
}

.arnMapMarkerTriangle {
    display: none !important;
}

.arnMapMarker.highlight {
    z-index: 9999 !important;
}

.arnMapMarker.highlight .arnMapMarkerTriangle {
    z-index: 9990 !important;
}

.leaflet-touch .leaflet-bar a {
    color: var(--color-secondary) !important;
}

/* Popup Property Details on Map */

.arnMapPopup .arnClosePopupButton {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 18px;
    color: var(--color-black-60);
    font-weight: 300;
    cursor: pointer;
    padding: 4px 12px;
    z-index: 1;
    display: none;
}

.arnMapPopup .arnClosePopupButton svg {
    width: 25px;
}

.arnMapPopup .arnClosePopupButton svg path {
    fill: var(--color-black-30) !important;
    stroke: var(--color-black-30) !important;
}

.arnMapPopup .imageContainer {
    height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.arnMapPopup .imageContainer::before {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(64.59%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.arnMapPopup .imageContainer::after {
    position: absolute;
    content: "....";
    color: var(--color-white-white);
    width: 100%;
    height: 0;
    left: 0;
    text-align: center;
    font-size: 35px;
    letter-spacing: 6px;

    bottom: 82px;
}

.arnMapPopup .imageContainer img {
    margin: -50px 0 0;
    width: -webkit-fill-available;
    height: 250px;
}

.arnMapPopup .discountPercent {
    background-color: var(--color-red-red);
    font-size: 18px;
    padding: 5px 12px 5px 10px;
    position: absolute;
    top: 18px;
    left: 0;
    color: var(--color-white-white);
    border-radius: 0 20px 20px 0;
}

.arnMapPopup .prev {
    position: absolute;
    left: 10px;
    top: 80px;
    z-index: 100;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.arnMapPopup .next {
    position: absolute;
    right: 10px;
    top: 80px;
    z-index: 100;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.arnMapPopup .prev svg {
    margin: 5px 2px;
}

.arnMapPopup .next svg {
    margin: 5px;
}

.arnMapPopup svg {
    width: 33px;
    height: 33px;
}

.arnMapPopup svg path {
    fill: var(--color-white-white) !important;
    stroke: transparent !important;
}

.arnMapPopup:hover .next,
.arnMapPopup:hover .prev {
    display: block;
}

.arnMapPopup .prev:focus,
.arnMapPopup .next:focus {
    border: none;
    outline: none;
}

.arnMapPopup .pricing label {
    display: none;
}

.arnMapPopup .pricing {
    position: absolute;
    top: 162px;
    right: 0;
    background-color: var(--color-black-75);
    width: initial;
    font-size: 20px;
    padding: 5px 10px;
}

.arnMapPopup .pricing label {
    display: none;
}

.arnMapPopup .rebate,
.arnMapPopup .discount {
    display: none;
}

.arnMapPopup .original,
.arnMapPopup .rate {
    display: inline-block;
}

.arnMapPopup .original {
    font-size: 18px;
    text-decoration: line-through;
    color: var(--color-black-60);
    margin: 0 3px 0 0;
}

.arnMapPopup .rate {
    color: var(--color-white-white);
}

.arnMapPopup .rebate {
    display: none;
}

.arnMapPopup .original,
.arnMapPopup .rate {
    display: inline-block;
}

.arnMapPopup .original {
    font-size: 18px;
    text-decoration: line-through;
    color: var(--color-black-60);
    margin: 0 3px 0 0;
    display: none;
}

.arnMapPopup .rate {
    color: var(--color-white-white);
    font-size: 16px;
    font-weight: 700;
}

.arnMapPopup .original,
.arnMapPopup .rate {
    display: inline-block;
}

.arnMapPopup .original {
    font-size: 18px;
    text-decoration: line-through;
    color: var(--color-black-60);
    margin: 0 3px 0 0;
}

.arnMapPopup h1 {
    font-size: 20px;
    margin: 0;
    padding: 10px;
    color: var(--color-black-100);
    text-align: center;
}

.arnMapPopup .ArnTripAdvisorDetails {
    padding: 10px 10px;
    background-color: var(--color-black-5);
    text-align: center;
}

.arnMapPopup .ArnTripAdvisorDetails .reviewCount {
    position: static;
}

.arnMapPopup .discount {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 10px;
    background-color: var(--color-primary);
    font-size: 12px;
    color: var(--color-black-100);
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Roboto-Condensed";
    border-radius: 4px;
}

.arnMapPopup .ArnTripAdvisorDetails {
    min-height: initial;
    margin: 0;
}

.arnMapPopup .arnMapPopupSubContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchContainerMainTable {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .filters {
        border-right: 1px solid var(--color-black-30);
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader a.refineLink {
        text-align: center;
        z-index: 9;
        width: 100%;
        display: inline-block;
        padding: 20px 0;
        border: 10px solid whitesmoke;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .filters .advancedIcon {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .subHeader a.refineLink span {
        color: var(--color-black-black);
        font-size: 14px;
        text-align: center;
    }

    .subHeader a.refineLink .summary.details {
        margin: 5px 0 10px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .summary.citySearched {
        text-transform: none;
        font-size: 18px;
        font-weight: 700;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .modifySearchButton {
        background-color: var(--color-secondary);
        color: var(--color-white-white);
        display: inline-block;
        padding: 10px 20px;
        line-height: 1em;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader #searchForm {
        left: 0;
        width: 100%;
        position: fixed;
        z-index: 999;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span.active {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1000px) {
    .arnHideWhenMobile {
        display: none !important;
    }

    .arnMapPopup .arnClosePopupButton {
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .ArnSortContainer a.ArnSortByRebateAmount,
    .ArnSortContainer a.ArnSortByVacationRental,
    .ArnSortBy,
    #arnToggleMapDiv {
        display: none !important;
    }

    .arnHideWhenMobile {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap {
        width: 100%;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        height: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap .arnMapCloseButton {
        display: block !important;
        top: 8px;
        right: 10px;
        position: absolute;
        z-index: 1000;
        color: var(--color-white-white);
        padding: 8px;
        background-color: var(--color-white-white);
        font-size: 0;
        line-height: 1em;
        font-weight: 300;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #c7c6c8;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap .arnMapCloseButton svg path {
        fill: var(--color-secondary);
    }

    .arn-leaflet-search2-button {
        top: 0;
    }

    .leaflet-control-zoom {
        left: 20px;
        top: 0 !important;
    }

    .leaflet-touch .leaflet-bar {
        border: none;
        margin-left: 0;
    }

    .arn-leaflet-reset-button {
        display: block !important;
        background-color: var(--color-white-white);
        color: var(--color-secondary);
        border-radius: 50px;
        border: 2px solid var(--color-secondary) !important;
        top: 10px !important;
        font-family: "Roboto-Condensed";
        font-weight: 700;
        left: 51% !important;
    }
}

/* Hide Sold out Properties on Map */

.arnMapMarker.noPrice {
    display: none !important;
}

/* Hide These */

.SearchHotels.SearchMode-WBHotelListKeystone .reserveHotel,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnGoAddressSearch,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHeader,
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAdvancedSearch,
.ArnSupportLinks.ArnSupportTop,
.SearchHotels.SearchMode-WBHotelListKeystone .topPager .ArnPages,
.SearchHotels.SearchMode-WBHotelListKeystone .sortingControl,
.sortControl,
.SearchHotels.SearchMode-WBHotelListKeystone .exactLocationMatch,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropNumber,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropPopularity,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropType,
.SearchHotels.SearchMode-WBHotelListKeystone .detailsOrNearbyLabel,
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader a.refineLink img,
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .translateMe {
    display: none;
}

/*****************************************/
/************* Weekly Rentals ************/
/*****************************************/

/* Root Search */

.RootTypeDestination input {
    font-size: 16px;
}

.RootTypeDestination select {
    height: 48px;
    font-weight: 700;
    width: 100%;
    text-indent: 1px;
    -o-text-overflow: "";
    text-overflow: "";
    border: none;
}

.RootTypeDestination .RootPage .ArnCheckInContainer {
    padding: 0;
}

.RootTypeDestination .ArnDestinationContainer {
    width: 41%;
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
    border-right: none;
    margin: 0 0.5% 0 0;
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnCheckInContainer {
    border-bottom: 1px solid var(--color-black-30);
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
    width: 100%;
    border-left: none;
    border-bottom: 1px solid var(--color-black-30);
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnRoomsContainer,
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnSleepsContainer {
    min-width: 15%;
    border-bottom: 1px solid var(--color-black-30);
    display: none;
}

.RootTypeDestination .RootPage .ArnWithinContainer,
.ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnMinStayContainer,
.RootTypeDestination .ArnRightListContainer,
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnHotelNameContainer {
    display: none;
}

.RootBody.RootTypeDestination #CurrenciesContainer .ArnSearchField select {
    font-weight: 500;
    border: 1px solid var(--color-black-30);
    width: 225px;
}

/* Hide These */

.RootTypeDestination .popularDestinationsLandingContainer,
.RootTypeDestination .popularCities {
    display: none;
}

@media screen and (max-width: 800px) {
    .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
        width: 100%;
        margin: 8px 0 0;
    }

    .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnRoomsContainer,
    .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnSleepsContainer {
        min-width: 100%;
        margin: 8px 0 0;
    }

    .RootTypeDestination .RootPage #theSubmitButton {
        margin: 8px 0 auto;
    }
}

/* search Results */

.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoCitySearch,
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAddressSearch,
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoLandmarkSearch,
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAirportSearch {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnCheckInContainer {
    margin: 0;
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnRoomsContainer,
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnSleepsContainer {
    width: 50%;
    display: inline-block;
}

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnRoomsContainer {
    margin: 0 2% 0 0;
    width: 48%;
}

@media screen and (max-width: 800px) {
    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnContentContainer {
        padding: 15px 0;
    }
}

/* Requested Week */

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek {
    background-color: mintcream;
    border: 5px solid var(--color-brand-6);
    position: relative;
    padding: 15px;
}

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek h2 {
    color: var(--color-brand-6);
    font-size: 22px;
    font-weight: 500;
}

.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .exactMatch {
    background-color: var(--color-brand-6);
    bottom: -5px;
    color: var(--color-white-white);
    left: -5px;
    padding: 5px 10px;
    position: absolute;
}

@media screen and (max-width: 800px) {
    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek h2 {
        font-size: 19px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek {
        padding: 15px 15px 30px;
    }
}

/*****************************************/
/********* Resorts Listing Page **********/
/*****************************************/

.SearchDestination #WithinContainer {
    position: relative;
}

.SearchDestination #WithinContainer span {
    position: absolute;
    font-size: 12px;
    left: 12px;
    top: 1px;
    font-weight: 300;
    display: none;
}

.SearchDestination #WithinContainer select {
    height: 55px;
    min-width: 85px;
    padding: 12px 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.SearchDestination #DestinationContainer {
    position: relative;
    width: 100%;
}

.SearchDestination #DestinationContainer span {
    position: absolute;
    font-size: 12px;
    left: 12px;
    top: 1px;
    font-weight: 300;
}

.SearchDestination #RoomsContainer {
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 150px;
}

.SearchDestination #RoomsContainer span {
    position: absolute;
    font-size: 12px;
    left: 12px;
    top: 1px;
    font-weight: 300;
    display: none;
}

.SearchDestination #RoomsContainer select {
    height: 55px;
    max-width: 150px;
    width: 100%;
    padding: 12px 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.SearchDestination #SleepsContainer {
    position: relative;
    width: 35%;
    max-width: 70px;
    margin-right: 10px;
}

.SearchDestination #SleepsContainer span {
    position: absolute;
    font-size: 12px;
    left: 12px;
    top: 1px;
    font-weight: 300;
}

.SearchDestination #SleepsContainer select {
    height: 55px;
    padding: 12px 5px 0;
    font-size: 14px;
    font-weight: 700;
}

@media screen and (max-width: 800px) {
    .SearchDestination #DestinationContainer {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination #CheckInContainer {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0;
        width: initial;
    }

    .SearchDestination #WithinContainer {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .SearchDestination #RoomsContainer {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .SearchDestination #SleepsContainer {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnLeftSearchContainer .submit {
        margin-top: 10px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer .ArnSearch {
        gap: 10px;
    }
}

/* USD Other Price when using a non USD Currency */

.OriginalPrice.USD {
    display: none;
}

/* Hide These */

.SinglePropDetail .reserveHotel,
.SinglePropDetail .SimpleSearch .rowOne td.SearchActions,
.SinglePropDetail .SimpleSearch .searchDates,
.SinglePropDetail .ArnProperty>legend,
.SinglePropDetail .ArnProperty .ArnPropThumb,
.SinglePropDetail .ArnPhotoContainer td:last-child,
.SinglePropDetail .ArnRateTableHeader th.RoomTypeHeader,
.reportProblemLink,
.SinglePropDetail .PropertyImages legend,
.SinglePropDetail .ArnPropPopularity,
.SinglePropDetail .ArnPropType {
    display: none;
}

@media screen and (max-width: 800px) {
    .SinglePropDetail a.refineLink {
        border-top: 1px solid var(--color-black-30);
        border-bottom: 4px solid var(--color-secondary);
        display: block;
        padding: 15px 0;
        text-align: center;
    }

    .SinglePropDetail .ArnSubPage {
        margin: 0 auto;
        padding: 0;
    }

    .SinglePropDetail .ArnLeftListContainer {
        display: block;
        width: 100%;
        margin: 0;
    }

    .SinglePropDetail .ArnRightListContainer {
        width: 100%;
        display: block;
        border: none;
    }

    .SinglePropDetail .ArnProperty .ArnPropName a.ArnPropNameLink {
        font-size: 20px;
        display: block;
    }

    .SinglePropDetail .ArnProperty .ArnPropName .ArnRateCell {
        position: static;
    }

    .SinglePropDetail .ArnProperty .percentSavings {
        width: 94px;
        position: static;
        margin: -45px 0 0 auto;
    }

    .SinglePropDetail .ArnProperty .ArnNightlyRate .percentSavings {
        margin: 0;
    }

    .SinglePropDetail a.showRoomsLink {
        color: var(--color-white-white);
        text-decoration: none;
        width: 64%;
        background-color: var(--color-secondary);
        padding: 10px;
        text-align: center;
        margin: 10px auto 0;
    }

    .SinglePropDetail .ArnRightListContainer legend {
        padding: 15px;
        font-weight: 700;
        position: static;
        font-size: 16px;
    }

    .SinglePropDetail .PropertyLinks li a {
        background-color: transparent;
        border-right: 1px solid var(--color-black-30);
        color: var(--color-black-black);
        text-indent: 0;
        border-bottom: 1px solid var(--color-black-30);
        border-top: 1px solid var(--color-black-30);
    }

    .SinglePropDetail .PropertyLinks li.Reviews a {
        border-left: none;
        border-right: none;
        border-bottom: 1px solid var(--color-black-30);
        border-top: 1px solid var(--color-black-30);
    }

    .SinglePropDetail .ArnPhotoContainer .ArnMildText:first-child div {
        min-height: 300px;
    }

    .SinglePropDetail .ArnPhotoContainer .ArnMildText:first-child img {
        max-width: 100%;
        height: 300px;
    }

    .SinglePropDetail .control {
        width: 25px;
        height: 50px;
        background-size: 25px;
        top: 42%;
    }

    .SinglePropDetail .ArnRateTableHeader {
        background-color: var(--color-black-black);
        border-bottom: none;
    }

    .SinglePropDetail .ArnRateTableHeader th {
        color: var(--color-white-white);
    }

    .SinglePropDetail .rateRow {
        margin: 0 0 10px 0;
        -webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2);
        border: none;
    }

    .SinglePropDetail .PropertyAmenities {
        padding: 0;
    }

    .SinglePropDetail .ArnAmenityContainer {
        display: block;
        padding: 15px;
    }

    .SinglePropDetail .ArnRateCancelPolicyContainer {
        max-width: 96%;
    }

    /* Hide These */

    .SinglePropDetail .summary.citySearched,
    .SinglePropDetail .summary.details,
    .SinglePropDetail .modifySearchButton,
    .SinglePropDetail .PropertyLinks a img,
    .imageDisclaimer,
    .SinglePropDetail .ArnRateTableHeader th.RoomRateHeader {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .SinglePropDetail .ArnProperty .ArnPropName a.ArnPropNameLink {
        max-width: 100%;
    }

    .SinglePropDetail .rateRow table td.RoomDescription,
    .SinglePropDetail .ArnContentGeneralInfo.ArnRateList tr:last-child td {
        display: block;
        margin: 0 0 10px;
    }

    .SinglePropDetail .rateRow table td.bookRoomCell {
        width: 100%;
        display: block;
    }

    .SinglePropDetail .ArnContentGeneralInfo.ArnRateList table.ArnRateCalendar tr td {
        display: table-cell;
    }
}

/* **************************************************** */
.RootBody #HotelNameContainer {
    display: none;
}

/* **************************************************** */

/******************************************************/
/************ Keystone Enterprise Header **************/
/******************************************************/

#mobile-input {
    display: none;
}

/* .enterpriseHeader {
    position: fixed;
    top: 0;
} */

.enterpriseHeader {
    padding: 20px 40px;
    background-color: var(--color-white-white);
    border-bottom: 1px solid var(--color-black-30);
    z-index: 15;
    position: relative;
}

.enterpriseHeader .hamburger {
    display: none;
}

.enterpriseHeader #navmobile {
    display: none;
}

.enterpriseHeader li {
    list-style-type: none;
}

.enterpriseHeader .links a {
    color: var(--color-black-black);
}

.enterpriseHeader .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.enterpriseHeader #logo {
    max-width: 100px;
}

.enterpriseHeader .wsite-logo,
.enterpriseHeader .wsite-logo a {
    display: block;
}

.enterpriseHeader .wsite-logo img {
    width: 100%;
}

.enterpriseHeader #nav {
    margin-left: auto;
    text-align: end;
}

.enterpriseHeader #user_lipoints {
    display: inline-block;
    padding: 3px 20px;
    color: var(--color-white-white);
    background-color: var(--color-black-black);
    border-radius: 25px;
    margin: 0 20px;
}

.enterpriseHeader .languageContainer {
    display: none;
}

.enterpriseHeader .languageContainer select {
    max-width: 165px;
}

.enterpriseHeader #nav .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.enterpriseHeader #nav .links form {
    display: inline-block;
    vertical-align: middle;
}

.enterpriseHeader #nav .links form .logoutCommand {
    background: transparent;
    color: var(--color-black-100);
    padding: 0;
    margin: 0;
    height: auto;
    cursor: pointer;
    width: initial;
}

@media screen and (max-width: 1000px) {
    .enterpriseHeader .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .enterpriseHeader #logo {
        margin-right: auto;
    }

    .enterpriseHeader #menu-button {
        display: inline-block;
        height: 21px;
        vertical-align: middle;
        width: 24px;
    }

    .enterpriseHeader .navRow #nav {
        display: none;
    }

    .enterpriseHeader .navRow #navmobile {
        display: none;
    }

    .enterpriseHeader .hamburger {
        position: relative;
    }

    .enterpriseHeader .hamburger span,
    .enterpriseHeader .hamburger::before,
    .enterpriseHeader .hamburger::after {
        background: var(--color-black-100) none repeat scroll 0 0;
        display: block;
        height: 4px;
        position: relative;
        -webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
        -o-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
        transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
        width: 24px;
    }

    .enterpriseHeader .hamburger::before,
    .enterpriseHeader .hamburger::after {
        content: "";
    }

    .enterpriseHeader .hamburger span {
        margin: 4px 0;
    }

    #mobile-input:checked~#header .hamburger::before {
        top: 7px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #mobile-input:checked~#header .hamburger::after {
        top: -9px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #mobile-input:checked~#header .hamburger span {
        opacity: 0;
    }

    .enterpriseHeader #navmobile {
        background: var(--color-black-15) none repeat scroll 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: var(--color-white-white);
        display: block;
        left: 0;
        opacity: 0;
        padding: 40px 0;
        position: absolute;
        top: 65px;
        -webkit-transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, -webkit-transform 0.1s ease-in-out 0.35s;
        -o-transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, transform 0.1s ease-in-out 0.35s;
        transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, transform 0.1s ease-in-out 0.35s, -webkit-transform 0.1s ease-in-out 0.35s;
        width: 100%;
        z-index: -1;
    }

    .enterpriseHeader #navmobile>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

    .enterpriseHeader .postload #navmobile>ul {
        height: 100%;
        overflow-y: auto;
    }

    #mobile-input:checked~#header .navRow {
        left: 0;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    #mobile-input:checked~#header #navmobile {
        display: block;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 0.35s ease-in-out 0s;
        -o-transition: opacity 0.35s ease-in-out 0s;
        transition: opacity 0.35s ease-in-out 0s;
        z-index: 5;
    }

    .enterpriseHeader #navmobile li {
        text-align: center;
    }

    .enterpriseHeader #navmobile li a:hover {
        color: var(--color-black-60);
        background-color: transparent;
    }
}

@media screen and (max-width: 480px) {
    .SearchHotels .enterpriseHeader {
        position: static;
    }
}

.arnMapExtend {
    position: absolute;
    z-index: 990;
    top: 90px;
    left: 20px;
    border: 2px solid #bbb;
    border-radius: 5px;
    font-size: 0;
    background-color: var(--color-white-white);
}

.arnMapExtend svg path {
    fill: #686868;
}

.SearchHotels .ArnRightExtraContainer.extend {
    left: 500px !important;
    -webkit-box-shadow: -5px 0 7px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 0 7px 2px rgba(0, 0, 0, 0.2);
}

.RootBody .subHeader {
    display: none;
}

/**************************************************/
/********* Keystone Property Listing Page **********/
/**************************************************/

.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
    display: block;
    width: 100%;
    max-width: 915px;
    background-color: var(--color-black-5);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 915px;
    padding: 25px 0 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
    width: auto;
    position: fixed;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    left: 915px;
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/map-loading.jpg");
    background-color: var(--color-black-15);
    background-position: center;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 3;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer:before {
    content: "";
    background-image: url("//media.travsrv.com/appSkins/45000/v6/themes/standard/images/loading.gif");
    position: absolute;
    left: 50%;
    top: 47.5%;
    margin: 0 0 0 -68px;
    width: 138px;
    height: 48px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-white-white);
    padding: 6px 6px 6px 10px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    /* Bryan New Test */
    border-radius: 5px;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .title {
    position: absolute;
    left: 0;
    top: 1px;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox input {
    color: var(--search-bar-fg);
    height: 24px;
    border: none;
    border-right: 1px solid var(--search-bar-separator);
    text-transform: capitalize;
    font-size: 14px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnAdultChildDropdown .ArnAcdParent {
    color: var(--search-bar-fg);
    margin: 2px 0 0;
    font-weight: 500;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer {
    border-bottom: 1px solid var(--color-black-30);
    padding: 0 0 20px 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer svg {
    position: absolute;
    top: 15px;
    left: 15px;
}

.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer input {
    border-radius: 23px;
    padding: 10px 15px 10px 30px;
    height: 46px;
    font-weight: normal;
}

.SearchHotels.SearchMode-WBHotelListKeystone #Properties {
    padding: 0 15px 0 0;
    width: 650px;
    position: relative;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty {
    margin: 16px 0;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    /* Bryan New test */
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    /* ensures the corners are rounded on images, too */
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty:hover {
    /* Bryan New test */
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnShowRatesLink {
    position: relative;
    width: 100%;
    padding: 5px 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName {
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
    padding: 0;
    width: 100%;
    position: relative;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer .ArnIndividualSearchContainer label {
    position: absolute;
    left: 8px;

    font-size: 12px;
    margin: 0 0 0 10px;
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
    width: 115px;
    min-width: 115px;
    position: relative;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer span,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer span {
    position: absolute;
    left: 8px;
    display: none;
    font-size: 12px;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
    width: auto;
    height: 38px;
    padding: 10px 32px;
    text-indent: 0;
    /* Bryan New Test */
    border-radius: 5px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnStayTable {
    position: absolute;
    left: 8px;
    top: 1px;
    padding: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
    padding: 0 15px 20px 15px;
    width: 265px;
    min-width: 265px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .leftSide .closeFilters {
    font-size: 0;
    text-align: right;
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropLink {
    display: block;
    width: 100%;
    position: relative;
    padding: 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
    font-weight: 700;
    font-size: 20px;
    color: initial;
}

/* Bryan New Test */
.SearchHotels span[itemprop="streetAddress"],
.SearchHotels span[itemprop="postalCode"],
.SearchHotels span[itemprop="addressRegion"] {
    display: none;
}

.SearchHotels span[itemprop="addressLocality"] {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-black-black);
}

.ArnPropAddress {
    font-size: 18px;
    line-height: 1.2;
}

.distanceLabel {
    font-size: 0.85em;
    font-weight: 700;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
    color: var(--color-black-75);
    /* Bryan New Test */
    font-size: 13px;
    /**/
}

.keystoneShowRateButton {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer {
    overflow: hidden;
    /* Bryan New test */
    height: initial;
    line-height: 1;
    margin: 5px 0 2px;
}

.ArnIconContainer img {
    display: none;
}

.ArnIconContainer img.On {
    display: inline-block;
    width: initial;
    height: 12px;
    margin: 0;
    padding: 0;
}

/**/

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer svg path {
    fill: var(--color-black-100);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer .amenity.off {
    display: none;
}

.ArnTripAdvisorDetails {
    display: block !important;
    position: relative;
    min-height: 20px;
    /* Bryan New Test */
    margin: 0;
}

.ArnTripAdvisorDetails.NoReviews {
    display: none !important;
}

.ratingCount {
    display: none !important;
    font-weight: 700;
    background-color: var(--color-brand-5);
    padding: 8px 10px;
    border-radius: 20px;
    line-height: 1em;
    font-size: 16px;
    width: fit-content;
    color: var(--color-black-black);
}

.reviewCount {
    position: absolute;
    left: 31px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .reviewCount {
    position: static;
    line-height: 1.4em;
    margin: 0 0 0 5px;
    color: var(--color-black-75);
    font-size: 13px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .reviewCountLabel {
    display: inline-block !important;
    margin: 0 0 0 5px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
    /* Bryan New test */
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.refundableLabel {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell .ArnLimitedAvail {
    text-align: right;
    color: var(--color-red-red);
}

.ArnRateCell {
    text-align: right;
}

.percentSavings {
    position: static;
    width: max-content;
    padding: 6px 10px;
    margin: 0 0 7px auto;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;

    color: var(--color-black-100);
    background-color: var(--color-primary);
    border-radius: 4px;
}

.averageNightly {
    font-weight: 700;
    font-size: 24px;
    display: inline-block;
    color: var(--color-black-black);
}

.SearchHotels .averageNightlyTotal {
    font-weight: 700;
    font-size: 24px;
    color: var(--color-black-black);
}

.labelAvgNightly {
    font-size: 14px;
    display: none;
}

.fullStayTotal {
    display: none;
    font-weight: 700;
    color: #36382e;
    font-size: 14px;
}

.SinglePropDetail .fullStayTotal {
    font-size: 14px;
    width: max-content;
    margin: 0 0 0 auto;
}

.SinglePropDetail .fullStayTotal .note {
    display: none;
}

.WBPropertyDetailViewKeystone .fullStayTotal,
.WBPropertyDetailViewKeystoneCurated .fullStayTotal {
    font-size: 24px;
    font-weight: 700;
}

.WBPropertyDetailViewKeystone .fullStayTotal .labelTotal,
.WBPropertyDetailViewKeystoneCurated .fullStayTotal .labelTotal {
    display: none;
}

/**/

.originalPrice {
    text-decoration: line-through;
    color: var(--color-black-75);
    /* Test Variant */
    display: inline-block;
    margin: 0 5px 0 0;
}

/* Test Variant */
.originalPrice .labelAvgNightly {
    display: none;
}

/**/

.labelTotal {
    margin: 0 0 0 5px;
}

.fullStayTotal .note {
    display: block;
}

/* Test Variant */
.memberSavings {
    background-color: transparent;
    color: var(--color-black-75) !important;
    padding: 0;
    font-size: 12px;
    max-width: 100%;
    margin: -1px 0 0 auto;
}

.memberSavings:first-child {
    font-weight: 700;
}

.memberSavings:last-child {
    font-weight: 400;
}

.creditsValue {
    margin: 0 0 0 5px;
    font-weight: 700;
}

/**/

.averageNightlyLabel {
    display: none;
}

.ArnPriceCompare a {
    color: dodgerblue;
    text-decoration: underline;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateButton {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnFilterSortContainer {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
    padding: 24px 0;
    border-bottom: 1px solid var(--color-black-30);
}

@media (max-width: 1000px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
        border-bottom: none;
    }
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnCitiesNearbyContainer {
    margin-bottom: 20px;
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .applyFiltersContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .applyFiltersTitle {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theOtherSubmitButton,
.SearchHotels.SearchMode-WBHotelListKeystone #theOtherSubmitButton2 {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: auto;
    padding: 10px;
    width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .filterTitle {
    display: none;
    font-weight: 700;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnSearchField>div:not(:last-child),
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .AmenitiesItems>div:not(:last-child) {
    padding-bottom: 12px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .AmenitiesItems>div {
    display: flex;
    align-items: center;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>span {
    white-space: normal;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyClassesContainer .lblRating {
    padding-bottom: 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .tabWrapper {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .PropLimitedAvail .ArnAvailability {
    bottom: 10px;
    right: 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.PropLimitedAvail .ArnPropLink {
    opacity: 0.5;
    pointer-events: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress>span:not([itemprop="addressLocality"]) {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress {
    margin: 5px 0 10px;
    font-size: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress span[itemprop="addressLocality"] {
    font-size: 12px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnCurrenciesContainer {
    padding: 16px 0 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .otherSubmitButtonsContainer {
    margin: 15px 0 0;
}

/* Star Rating */

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField,
.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span {
    background-color: var(--color-white-white);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    width: 100%;
    margin: 0;
    pointer-events: none;
    border: 1px solid var(--color-black-black);
    left: 0;
    top: 0;
    border-radius: 4px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10px;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField .lblRating,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField .lblRating {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div:not(.lblRating),
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div:not(.lblRating) {
    position: relative;
    display: inline-block !important;
    width: 25%;
    margin: 0 0 10px 0;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span.labelNumber,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span.labelNumber {
    text-align: center;
    margin: 0 !important;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span.icon,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span.icon {
    text-align: left;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField svg,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField svg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    pointer-events: none;
    width: 18px;
    height: 18px;
    margin: 0 0 0 2px;
    position: relative;
    top: 3px;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div .checkbox,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div .checkbox {
    width: 100% !important;
    height: 45px !important;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div .checkbox:checked~span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div .checkbox:checked~span {
    border: 1px solid #026b9f;
    background-color: rgb(2, 107, 159, 0.1);
}

.SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax {
    display: inline-block;
    padding-top: 6px;
    max-width: 65%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .mapAndProps {
    margin: 30px 0 0;
}

.ArnPropClass,
.customRatingImageSpan {
    width: 100px;
    height: 14px;
    margin: 5px 0 0;
}

/* star rating */
.ArnIconContainer svg {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

.ArnIconContainer svg path {
    fill: var(--color-black-100);
    stroke: var(--color-black-75);
}

.ArnPropertyClassesContainer svg,
.ArnPropClass svg,
.customRatingImageSpan svg {
    width: 16px;
    height: 17px;
    margin: 0 var(--star-rating-gap) 0 0;
    vertical-align: text-top;
}

.ArnPropertyClassesContainer svg path,
.ArnPropClass svg path,
.customRatingImageSpan svg path {
    fill: var(--star-rating-active-bg);
    stroke-width: 1px;
    stroke: var(--star-rating-active-border, var(--star-rating-active-bg));
}

.ArnPropertyClassesContainer svg.inactive path,
.ArnPropClass svg.inactive path,
.customRatingImageSpan svg.inactive path {
    fill: var(--star-rating-bg);
    stroke-width: 1px;
    stroke: var(--star-rating-border, var(--star-rating-bg));
}

.ArnIconContainer .amenity.on:nth-child(n + 4) {
    display: none;
}

.ArnIconContainer .amenity.off {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer svg {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField>div:not(.lblAmenities) {
    position: relative;
}

.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField>div>span svg {
    margin: 0 0 6px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
    position: absolute;
    right: 15px;
    top: 0;
    height: auto;
    border-radius: 20px;
    padding: 10px 15px;
    /* text-align: right; */
    font-size: 16px;
    font-weight: normal;
    color: var(--color-black-100);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSortBy {
    position: absolute;
    right: 140px;
    top: 5px;
    z-index: 100;
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnAdvancedSearchImg {
    display: none;
}

.filterAndMap {
    background-color: var(--color-black-100);
    padding: 8px 10px;
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    min-width: 175px;
    z-index: 3;
    white-space: nowrap;
    text-align: center;
    border-radius: 25px;
    /* Bryan New test */
    margin: 0;
    transform: translate(-50%, -50%);
}

#arnToggleMapDiv {
    display: inline !important;
}

.filterAndMap div {
    display: inline;
}

.filterAndMap div a {
    background-color: var(--color-black-100);
    color: var(--color-white-white);
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
}

.filterAndMap div a:first-child {
    border-right: 1px solid var(--color-white-white);
}

.filterAndMap div a svg {
    margin: 0 6px 0 0;
    position: relative;
    top: 3px;
}

.filterAndMap div a svg path {
    fill: var(--color-white-white);
}

/* Reduction in font-size to prevent overlap */
.SearchHotels.SearchMode-WBHotelListKeystone .matchLabel {
    color: var(--color-black-75);
    font-size: 14px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
    left: 20px !important;
    top: 140px !important;
    width: 100% !important;
    max-width: 600px;
    box-shadow: 0 5px 9px -3px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: none !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
    top: 140px !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdClose {
    display: none;
    text-align: right;
    padding: 0 0 15px 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone:not(.cur_USD) #BudgetContainer {
    display: none;
}

@media screen and (max-width: 1200px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
        max-width: 800px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
        width: 800px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
        left: 800px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
        min-width: 205px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
        width: 85px;
        min-width: 85px;
    }

    /* Bryan New Test */

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
        width: 155px;
        min-width: 155px;
    }
}

@media screen and (max-width: 1000px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
        width: 100%;
        max-width: 220px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #Properties {
        width: 100%;
        max-width: 450px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
        left: 665px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
        width: 200px;
        min-width: 200px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons {
        display: block;
        opacity: 1;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .lblAmenities {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnBudgetContainer .ArnSearchField>div,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnAmentitiesContainer .ArnSearchField>div,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnPropertyTypesContainer .ArnSearchField>div {
        font-size: 14px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .title {
        top: -28px;
        left: -8px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
        background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/searchWhiteIcon.png?%version%");
        background-repeat: no-repeat;
        background-position: 12px;
        background-size: 16px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
        background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/searchWhiteIcon.png?%version%") !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer {
        display: block;
        position: sticky;
        top: 0;
        z-index: 99;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.mapView .ArnRightExtraContainer {
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .modifySearchButton {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink {
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink {
        background-image: url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/edit.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink .refine {
        text-align: left;
        padding: 10px;
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #Properties {
        max-width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #Properties {
        padding: 15px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
        top: 16px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .filterAndMap {
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.mapView .ArnRightExtraContainer {
        position: relative;
        z-index: 40;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.filterView {
        overflow: hidden;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.filterView .leftSide {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        z-index: 37;
        background-color: var(--color-white-white);
        max-width: 100%;
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .closeFilters {
        display: inline-block !important;
        position: fixed;
        right: 16px;
        z-index: 11;
        top: 19px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.filterView .ArnSecondarySearchOuterContainer {
        display: block !important;
        padding: 0 16px 16px;
        margin-bottom: 60px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPages {
        text-align: center;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPages #batch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink.open {
        background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/ecluded.png");
        border-bottom: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink .summary.details {
        margin: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeader {
        width: 100%;
        background-color: var(--color-white-white);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer.sticky .refineLink {
        border: none;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .additionalTools {
        width: 200px;
        bottom: -100px;
        left: 50%;
        margin-left: -100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        position: fixed;
        z-index: 15;
        -webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 7px 2px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        background-color: var(--color-secondary);
        -webkit-transition: all 1.5s ease-in-out;
        -o-transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone.ratesLoaded .additionalTools {
        bottom: 30px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
        min-width: 140px;
    }

    .internationalLanguage.in_ID.SearchHotels .ArnSearchHolderBoth {
        min-width: 70px;
    }

    /* Ameneties */

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 78px;
        width: 100%;
        margin: 0;
        pointer-events: none;
        border: 1px solid var(--color-black-black);
        left: 0;
        top: 0;
        font-size: 10px;
        border-radius: 4px;
        padding: 0 0 12px;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblAmenities {
        font-size: 16px;
        font-weight: 700;
        width: 100%;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnCurrenciesContainer .ArnSearchField .lblCurrency {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 16px;
        font-weight: 700;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div:not(.lblAmenities) {
        position: relative;
        display: inline-block !important;
        width: 31.333%;
        margin: 0;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>img {
        position: absolute;
        z-index: 1;
        pointer-events: none;
        left: 50%;
        top: 16px;
        width: 24px;
        margin-left: -12px;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblComplimentaryBreakfast {
        text-align: center;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox {
        width: 100% !important;
        height: 78px !important;
        margin: 0;
        opacity: 0;
        cursor: pointer;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox:checked~span {
        border: 1px solid #026b9f;
        background-color: rgb(2, 107, 159, 0.1);
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .submit {
        right: 20px;
        bottom: 0;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnCurrenciesContainer {
        margin: 5px 0 25px;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop a {
        font-weight: 700;
    }

    /* End Ameneties */

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .filterSubmitContainer {
        position: fixed;
        bottom: 0;
        z-index: 999;
        left: 0;
        width: 100%;
        height: 76px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 30px;
        margin: 0;
        background: rgba(255, 255, 255, 0.9);
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop #theOtherSubmitButton {
        position: static;
        width: initial;
        margin: 0;
        color: var(--color-white-white);
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 12px 50px;
        line-height: initial;
        border: none;
        background-color: var(--color-secondary);
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .clearAllBtn {
        text-decoration: underline;
        font-size: 16px;
        color: var(--color-secondary-hover);
        cursor: pointer;
        margin: 10px 0 0;
        font-weight: 700;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop span.close {
        font-size: 0;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnBudgetContainer div,
    .SearchHotels.SearchResultsFilterDesignV1 .ArnCitiesNearbyContainer select,
    .SearchHotels.SearchResultsFilterDesignV1 .ArnPropertyTypesContainer div,
    .SearchHotels.SearchResultsFilterDesignV1 .ArnCurrenciesContainer select {
        display: block !important;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
        border-bottom: none;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop span.close {
        top: 15px;
    }

    .SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnSearchField>div:first-of-type {
        padding-bottom: 10px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
        position: sticky;
        top: 0;
        z-index: 3;
        display: block !important;
        max-width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
        width: 42px !important;
        font-size: 0 !important;
        padding: 0 !important;
        height: 38px !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
        width: 25%;
    }

    .ArnSearchHolderBoth {
        min-width: 25%;
    }

    .ArnAcdParentLable {
        display: none;
    }

    .ArnAcdParentLabelMobile {
        display: inline !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:after {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .arnMapExtend {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .filterTitleMobile {
        display: block !important;
        font-weight: 700;
        position: sticky;
        background-color: var(--color-white-white);
        top: 0;
        z-index: 10;
        padding: 16px 16px 14px;
        border-bottom: 1px solid var(--color-black-30);
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer svg {
        left: 30px;
        top: 35px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer {
        padding: 20px 16px;
        border-bottom: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
        border-bottom: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
        width: 60% !important;
        left: 25px !important;
        top: 135px !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChild {
        right: 0;
        top: 45px;
        left: initial;
        padding: 20px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax:empty {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax:not(:empty)+.ArnSortContainer {
        margin: -30px 0 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSortContainer {
        text-align: right;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
        position: static;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult {
        margin: 0;
    }

    /* *********************** Testing Calendar ********************** */
    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
        top: 135px !important;
    }

    /* ***********************  End Testing Calendar ********************** */
}

@media screen and (max-width: 800px) {
    .SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
        gap: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
        width: 92% !important;
    }
}

@media screen and (max-width: 650px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty {
        margin: 24px 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
        width: 160px;
        min-width: 160px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink>span {
        line-height: 1.4;
        font-size: 14px;
        display: block;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;

        /* Bryan New Test */
        position: static;
        margin: 10px 0 0;
    }

    .memberSavings {
        font-size: 13px;
        padding: 2px 0;
    }

    .WBPropertyDetailViewKeystoneCurated .memberSavings {
        padding: 0;
    }

    /* Bryan New Test */
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
        font-size: 13px;
    }

    .arnMapPopup .arnMapPopupSubContent {
        padding: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer .ArnTripAdvisorDetails {
        margin: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer {
        display: none;
    }

    .fullStayTotal .note {
        display: none;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .PropLimitedAvail .ArnAvailability {
        font-size: 12px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
        width: 80px;
        min-width: 80px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
        min-width: 70px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink {
        padding: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
        margin: 0;
    }

    /* *********************** Testing Calendar ********************** */

    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
        top: 135px !important;
        left: 0 !important;
        width: 100% !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__main {
        width: 100%;
        display: initial !important;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .container__months .columns-2 {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__months {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__days .day-item {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__months .month-item {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .month-item-weekdays-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(7, 1fr);
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .container__days {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(7, 1fr);
    }

    /* ***********************  End Testing Calendar ********************** */

    .SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
        padding: 4px;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
        width: calc(100% - 30px) !important;
    }
}

@media screen and (max-width: 400px) {
    .SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField {
        gap: 4px;
    }

    .memberSavings {
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
        width: 140px;
        min-width: 140px;
    }
}

/**************************************************/
/********* Keystone Resorts **********/
/**************************************************/

.RootTypeDestination .ArnMinStayContainer,
.RootTypeDestination .ArnWithinContainer {
    display: none !important;
}

.RootTypeDestination .ArnPrimarySearchOuterContainer .submit {
    width: auto;
    padding: 0 40px;
}

.RootTypeDestination .ArnSearchContainerMainDiv #searchForm {
    max-width: 880px;
    margin: 0 auto;
    width: 100%;
}

.RootTypeDestination .ArnSearch #CheckInContainer .ArnCheckInDate {
    border: none;
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
    width: 100%;
    border-right: 1px solid var(--color-black-30);
    margin: 0 10px 0 0;
}

.RootTypeDestination .ArnSearch #CheckInContainer {
    max-width: initial !important;
    width: 55% !important;
}

.SearchDestination #CheckInContainer {
    height: 24px;
}

.SearchDestination #CheckInContainer {
    width: 50%;
    margin: -30px 0 0;
}

.SearchDestination #CheckInContainer span {
    position: relative;
    display: inline-block;
    left: 4px;
}

.SearchDestination .ArnPrimarySearchContainer select {
    border: none;
}

.SearchDestination .ArnPagerResult {
    display: inline-block !important;
}

.SearchDestination #CheckInContainer select {
    padding: 0;
    font-weight: 500;
    height: 24px;
    width: 100%;
    border-right: 1px solid var(--color-black-30);
}

.SearchDestination #SleepsContainer select {
    width: 100%;
    padding: 0;
    font-weight: 500;
    height: 24px;
}

.SearchDestination .ArnPlacesSearchContainer label {
    display: inline-block !important;
    position: relative !important;
    left: 4px !important;
    margin: 0 !important;
}

.SearchDestination #SleepsContainer span {
    position: relative;
    left: 4px;
}

.SearchDestination #RoomsContainer {
    display: none;
}

.SearchDestination #WithinContainer {
    display: none;
}

@media screen and (max-width: 999px) {
    .RootTypeDestination #searchForm #theSubmitButton {
        margin: 0;
    }

    .SearchDestination .ArnLeftSearchContainer .submit {
        margin: 0 !important;
    }
}

@media screen and (max-width: 900px) {
    .RootTypeDestination .ArnSearch {
        flex-wrap: initial;
    }

    .RootTypeDestination .ArnSearch #CheckInContainer {
        margin: 0 10px 0 0;
    }
}

@media screen and (max-width: 800px) {
    .RootTypeDestination .ArnSearch {
        flex-direction: column;
        gap: 30px;
    }

    .RootTypeDestination .ArnSearch #CheckInContainer {
        width: 100% !important;
        grid-column: 1/4;
    }

    .RootTypeDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer {
        gap: 30px;
    }
}

@media screen and (max-width: 500px) {
    .RootTypeDestination .ArnSearch #CheckInContainer {
        grid-column: 1/5;
    }

    .SearchDestination #CheckInContainer {
        min-width: initial;
    }

    .SearchDestination .resortStoreCTA div:last-of-type a {
        margin: 0;
    }
}

/**************************************************/
/********* Keystone Property Detail Page **********/
/**************************************************/

.SinglePropDetail.WBPropertyDetailViewKeystone {
    margin: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtend {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails.NoReviews {
    display: none !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSubPage {
    margin: 0 auto 70px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPriceCompare {
    padding: 10px 0;
    text-decoration: underline;
    position: relative;
    float: right;
    margin: -66px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .goBack {
    padding: 13px 10px 9px;
    /* margin: 0 0 0 30px; */
    margin: 0;
    display: inline-block;
    color: var(--color-black-75);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .goBack:hover {
    color: var(--color-black-100);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .goBack svg {
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .goBack svg path {
    fill: var(--color-black-75);
    stroke: var(--color-black-75);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #f3e8df;
    font-size: 18px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckOutTime {
    font-size: 18px;
    margin: 29px 0 0;
    display: inline;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg {
    float: left;
    margin: 0 10px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckOutTime .divider {
    margin: 0 5px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
    position: relative !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
    position: relative;
    padding: 0 0 0 10px;
    margin: 3px 0 0 10px;
    left: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount:before {
    position: absolute;
    content: "";
    background-color: var(--color-black-100);
    width: 4px;
    height: 4px;
    left: 0;
    top: 12px;
    border-radius: 50%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup {
    position: absolute;
    z-index: 10;
    background-color: var(--color-white-white);
    border: 1px solid var(--color-black-60);
    border-radius: 5px;
    padding: 15px;
    width: 250px;
    left: 0;
    color: var(--color-black-75);
    top: 50px;
    -webkit-box-shadow: -3px 5px 6px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 5px 6px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: 300;
}

/* .SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup:after, */
.SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup:before {
    border-color: rgba(153, 153, 153, 0);
    border-bottom-color: var(--color-black-60);
    border-width: 16px;
    margin-left: -16px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .imageDisclaimer {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
    background-color: var(--color-white-white);
    border-bottom: 1px solid var(--color-black-30);
    position: sticky;
    top: 0;
    z-index: 12;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks::-webkit-scrollbar {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul {
    text-align: center;
    margin: 0;
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li {
    width: initial;
    display: inline-block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li img {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a {
    display: block;
    position: relative;
    border-bottom: none;
    border-top: none;
    border-right: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 0;
    padding: 24px 10px;
    text-align: center;
    color: var(--color-black-100);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover {
    color: var(--color-black-black);
}

@media (hover: hover) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after {
        position: absolute;
        background-color: var(--color-primary);
    }
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
    position: absolute;
    background-color: var(--color-primary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:after {
    content: "";
    height: 3px;
    background-color: transparent;
    bottom: -2px;
    z-index: 9;
    width: 100%;
    left: 0;
    position: relative;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateTableHeader th.RoomRateHeader {
    text-align: right;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .modifySearch {
    border: none;
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .bestPrice {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSearchHotelsImg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
    font-weight: 700;
    border-radius: 5px;
    font-size: 16px;
    color: var(--color-white-white);
    padding: 10px 32px;
    text-decoration: none;
    position: absolute;

    right: 0;
    top: 67px;
}

/* New Image Slider */

.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item {
    border: 5px solid var(--color-white-white);
    height: 200px;
    overflow: hidden;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(1) {
    grid-column: 1 / span 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-row: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    height: 400px !important;
    overflow-x: visible !important;
    position: relative;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(2) {
    grid-column: 3;
    -ms-grid-column: 3;
    grid-row: 1;
    -ms-grid-row: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(3) {
    grid-column: 4;
    -ms-grid-column: 4;
    grid-row: 1;
    -ms-grid-row: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(4) {
    grid-column: 3;
    -ms-grid-column: 3;
    grid-row: 2;
    -ms-grid-row: 2;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(5) {
    grid-column: 4;
    -ms-grid-column: 4;
    grid-row: 2;
    -ms-grid-row: 2;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 4px 16px;
    font-weight: 700;
    z-index: 1;
    color: var(--color-black-100);
    gap: 4px;
    font-size: 16px;
    border-radius: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0);
    box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount:hover {
    -webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.15);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount svg {
    width: 22px;
    height: 22px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount svg path {
    fill: var(--color-black-100);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 15px;
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails .PropertiesNearby,
.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails .WhatsNearby {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
    width: 31%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    position: relative;
    z-index: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 10px;
    position: sticky;
    top: 100px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    padding: 20px;
    border-radius: 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div.ArnAdultsChildren {
    position: relative;
    cursor: pointer;
}

#moreRatesLink:hover {
    color: var(--color-secondary-hover);
    text-decoration: underline;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form .WBRoomsAdultsChildrenKeystone input {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
    color: var(--color-black-75);
    border: 1px solid var(--color-black-30);
    font-size: 12px;
    line-height: 16px;
    padding: 4px 16px;
    border-radius: 4px;
    font-family: "Roboto-Condensed";
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
    cursor: pointer;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn input,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut input,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency select {
    height: initial;
    border: none;
    text-indent: initial;
    margin: 0;
    padding: 7px 0 0 0;
    display: block;
    font-family: "Roboto";
    color: var(--input-fg);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .staySummary {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: var(--sticky-bar-title);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren {
    color: var(--color-black-75);
    text-align: initial;
    font-weight: initial;
    padding: 4px 16px;
    line-height: 16px;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid var(--color-black-30);
    font-family: "Roboto-Condensed";
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdParent {
    font-family: "Roboto";
    color: var(--color-black-100);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnAdultChildDropdown {
    padding-top: 7px;
    background-color: var(--color-white-white);
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency select {
    padding-top: 5px;
    cursor: pointer;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 0;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    /* Test Variant */
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .label {
    width: 50%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer {
    width: 50%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer .amount {
    background-color: #d6f6dc;
    padding: 0 10px;
    margin: 0 0 0 auto;
    border-radius: 4px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer .note {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SearchContainer {
    padding: 0 10px 30px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty {
    display: contents;
}

/* Property Details */

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
    width: 100%;
    font-size: 36px;
    font-weight: 500;
    color: inherit;
    margin: 0 0 20px 0;
    display: block;
    line-height: 46px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
    text-transform: uppercase;
}

.GeneralInfo .propAddress {
    text-transform: uppercase;
}

.GeneralInfo .propAddress strong {
    text-transform: capitalize;
}

/* Rates Section */

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateTableHeader {
    width: 100%;
    background-color: var(--color-black-15);
    border-bottom: none;
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow {
    border: 1px solid var(--color-black-15);
    padding: 16px;
    position: relative;
    border-radius: 8px;
    margin: 0 0 24px;
}

.SinglePropDetail .bestAvailable {
    background-color: azure;
}

.SinglePropDetail .bestAvailableLabel {
    color: var(--color-white-white);
    margin: 0 0 10px -17px;
    padding: 5px 15px;
    display: block;
    width: max-content;
    font-weight: 700;
    border-radius: 0 2rem 2rem 0;
    text-transform: uppercase;
    font-size: 12px;
    background-color: var(--banner-keystone-card-bg);
}

.SinglePropDetail.WBPropertyDetailViewKeystoneCurated .bestAvailableLabel {
    color: inherit;
    margin: 0;
    border-radius: 4px;
    background-color: white;
    position: absolute;
    z-index: 1;
    left: 8px;
    top: 8px;
    line-height: 1;
    letter-spacing: 1px;
    padding: 6px 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow:last-child {
    margin: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow table {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .rateRow td {
    padding: 0;
    width: 60%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td.bookRoomCell {
    width: 40%;
    text-align: right !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateFromTo {
    display: none !important;
}

.WBSearchDestinationKeystone.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateFromTo {
    display: block !important;
}

/* General Info/Map */

.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.GeneralInfo {
    position: relative;
    background-color: var(--color-white-white);
    margin: 0 0 30px 0;
    padding: 40px 0 15px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0 0;
    gap: 40px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner {
    height: 500px !important;
    margin: 20px 0 0;
    z-index: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone #thePropertyMap legend {
    top: -40px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv p.propName strong,
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv p.propAddress strong {
    display: block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv .propDetailsContainer,
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv .propDescriptionContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.PropertyMap {
    position: relative;
    border: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.PropertyMap legend {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone fieldset {
    border: none;
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #f3e8df;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .mainRate .bestPrice>* {
    display: none !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .bestPrice a.showRoomsLink {
    background-color: var(--color-secondary);
    font-size: 16px;
    color: var(--color-white-white) !important;
    display: inline-block !important;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropDescription,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div:last-child,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form a {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardAvailability legend,
.SinglePropDetail.WBPropertyDetailViewKeystone .QualifiedRates legend {
    position: static;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRoomName {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;
    display: block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnRoomName {
    margin: 15px 0 0;
    text-transform: uppercase;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .rateDescriptionContent {
    font-size: 15px;
    line-height: 1.2;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .cancellationPolicy {
    margin: 14px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCuratedOption .cancellationPolicy {
    margin: 0;
}

/* CX-210 CX-1509
.SinglePropDetail.WBPropertyDetailViewKeystone .cancellationPolicy svg {
    display:none;
} */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .cancellationPolicy a,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .dailyRates a {
    text-decoration: underline;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .Refundable .cancellationPolicy svg {
    display: inline-block;
}

/* CX-210 CX-1509
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .Refundable .cancellationPolicy a {
    color: var(--color-brand-6);
} */

.SinglePropDetail.WBPropertyDetailViewKeystone .payOption {
    font-size: 14px;
    color: var(--color-black-black);
    font-weight: 500;
    margin: 10px 0 0;
    background-color: var(--color-black-15);
    width: max-content;
    padding: 6px 8px;
    border-radius: 2px;
    line-height: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PrePay .payOption {
    background-color: var(--color-black-15);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PostPay .payOption {
    background-color: lightgreen;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyContainer {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicy {
    background-color: var(--color-white-white);
    display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
    color: var(--color-black-75);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor {
    color: var(--color-black-75);
    font-size: 14px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor:hover {
    text-decoration: underline;
    color: var(--color-black-100);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor svg,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor svg {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor svg path,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor svg path {
    fill: var(--color-black-75);
}

.arnPopupContainer {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 3000;
}

.arnPopupInnerContainer {
    background-color: var(--color-white-white);
    display: block;
    width: 512px;
    margin: 0 auto;
    padding: 24px;
    color: var(--color-black-75);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.arnPopupClose {
    position: absolute;
    font-size: 0;
    right: 24px;
}

.arnPopupInnerContainer.offScreen {
    top: 150%;
    opacity: 0;
}

.arnPopupInnerContainer,
.arnPopupContainer {
    transition: all 0.3s ease-in-out;
}

.ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
    width: 900px;
    max-width: 900px;
}

.ArnRateCancelPolicyHeading,
.ArnRateCalendarHeading {
    color: var(--color-black-100);
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 16px 0;
    margin: 0 0 32px 0;
    border-bottom: 1px solid var(--color-black-30);
}

.ArnRateCalendarHeading {
    margin: 0;
}

.ArnRateCalendar .line,
.ArnRateCalendarTotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.ArnRateCalendarTotal {
    margin: 16px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--color-black-30);
}

.ArnRateCalendar .line .ArnNightlyRateCal {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

.ArnRateCalendar .line .originalPrice {
    text-decoration: line-through;
    color: var(--color-black-60);
}

.ArnRateCalendar .line .price {
    font-weight: 700;
}

.ArnRateCalendarTotal .Heading {
    color: var(--color-black-100);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    font-weight: 700;
}

.ArnRateCalendarTotal .Price {
    color: var(--color-black-100);
    font-weight: 700;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer .originalRateContainer,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer .eliteRateContainer {
    display: none !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
    color: var(--color-black-100);
    text-align: center;
    padding: 10px 32px;
    display: block;
    width: max-content;
    font-weight: 700;

    /* Test Variant */
    margin: 20px 0 0 auto !important;
    letter-spacing: 1px;
    border-radius: 5px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .roomCount {
    text-align: right;
    margin: 10px 0 0 0;
    line-height: 24px;
}

/* Property Images */

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyImages {
    position: relative;
    margin: 0;
    border: none;
    padding: 0;
}

/* Amenities */

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities {
    position: relative;
    padding: 40px 0 40px 0;
    background-color: var(--color-white-white);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities table {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities tr td {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
    padding: 0 0 0 16px;
    margin: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone legend {
    position: absolute;
    top: 0;
    margin: 0 0 24px 0;
    color: var(--black-black-100, var(--color-black-100, #36382e));
    background-color: transparent;
    font-family: "SohneBreit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    /* 115% */
    letter-spacing: 4px;
    text-transform: uppercase;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .AgentNotes legend {
    position: static;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentGeneralInfo.GeneralInfo p {
    padding: 0;
}

/* Reviews */

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews {
    padding: 50px 0 15px 0;
    position: relative;
    background-color: var(--color-white-white);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .errors li {
    padding: 15px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability {
    text-align: center;
    padding: 10px;
    margin: 5px 0 15px 0;
    border-radius: 8px;
    color: var(--color-red-red);
    border: 1px solid var(--color-red-red);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability a {
    color: var(--color-red-red);
    text-decoration: underline;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnLimitedAvail {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .fullStayTotal .note {
    display: block !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor {
    text-decoration: none;
    font-size: 14px;
    color: var(--color-black-75);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor:hover {
    text-decoration: underline;
    color: var(--color-black-100);
}

/* Mobile Popup */

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer {
    position: fixed;
    bottom: -200px;
    z-index: 2000;
    background-color: var(--color-black-5);
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer.showContainer {
    bottom: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsInfo {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsTitle {
    font-size: 18px;
    font-weight: 700;
    margin: 0 4px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsPrice,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsPriceTotal {
    font-size: 18px;
    font-weight: 600;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:active,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:visited,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:focus {
    width: 60%;
    margin: 10px 0;
    white-space: nowrap;
    max-width: 200px;
    font-weight: 600;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsTravelSummary a {
    color: var(--color-black-75);
    text-decoration: underline;
    font-size: 14px;
    display: block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
    width: 100%;
    padding: 0 0 0 30px;
    margin: 15px 0 25px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress svg {
    float: left;
    margin: 0 10px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
    margin: 29px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;

    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer div {
    margin: 0 16px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .checkInCheckOutLink::after {
    padding: 0 5px;
    text-decoration: none;
    display: inline-block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-bar {
    right: 20px;
    left: initial;
    top: initial;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdClose {
    display: none;
    text-align: right;
    padding: 0 0 15px 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdChild {
    bottom: 0;
    min-width: 100%;
    border-radius: 8px;
    top: 68px;
    z-index: 9;
    cursor: auto;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
    z-index: 10;
}

@media only screen and (max-width: 1200px) {
    /* Overview */

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .showRoomsLink {
        display: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
        font-size: 20px;
        line-height: 23px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview,
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass,
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
        text-align: left;
    }

    /* 
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
        margin: 15px 0 32px;
    } */

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass {
        margin: 16px 0 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
        margin: 10px 0 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer div {
        margin: 16px 0 0 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
        width: 35%;
        min-width: 290px;
    }
}

@media only screen and (max-width: 1000px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
        margin: 0;
    }

    .arnPopupInnerContainer {
        border-radius: 8px 8px 0 0;
        left: 0;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 0;
    }

    .arnPopupInnerContainer.offScreen {
        top: auto;
        bottom: -150%;
    }

    .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 900px) {

    .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer,
    .arnPopupInnerContainer {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li {
        min-width: 90px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdClose {
        display: block;
        text-align: right;
        padding: 0 0 15px 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .grid-item {
        display: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(1) {
        display: block;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content;
        gap: 5px;
        height: 100%;
        border-radius: 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul {
        white-space: nowrap;
        text-align: left;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul::-webkit-scrollbar {
        display: none;
    }

    /* Rates */

    .SinglePropDetail.WBPropertyDetailViewKeystone .rateRow tr {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .rateRow td {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td.bookRoomCell {
        width: 100%;
        text-align: left !important;
        border-top: 1px solid var(--color-black-30);
        margin: 16px 0 0;
        padding: 24px 0 0 0;
    }

    /* Test Variant */
    .SinglePropDetail.WBPropertyDetailViewKeystone .memberSavings {
        margin: 5px 0 0 0;
    }

    /**/

    /* Removed padding due to large white space */
    .SinglePropDetail.WBPropertyDetailViewKeystone .rateRow .limitedRoomsRemaining tr {
        position: relative;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .rateRow .limitedRoomsRemaining .roomCount {
        top: 0;
        text-align: left;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom,
    .SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
        margin: 10px 0 0 0 !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone #theGeneralInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
        width: 100%;
        border-right: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone fieldset.GeneralInfo {
        padding: 15px !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone legend {
        position: initial;
        font-size: 18px;
        letter-spacing: 3.6px;
        margin-left: -15px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone #ratesWithDetails legend {
        margin-left: 0px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyMap legend {
        padding: 25px 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities {
        padding: 20px 15px 15px 15px !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul li {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews {
        padding: 20px 0 15px 15px !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnAmenityContainer {
        padding: 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnAmenityContainer tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews .propReview {
        margin: 0 0 0 -15px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
        position: initial;
        display: block;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
        width: 100%;
        max-width: initial;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 2001;
        background: var(--color-white-white);
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item {
        border: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
        border-radius: 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropName {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .close {
        display: block;
        margin: 0 0 0 auto;
        font-size: 20px;
        font-weight: 700;
        padding: 0 0 10px;
        color: var(--color-black-100);
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .staySummary {
        display: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer {
        display: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch input.submit {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdChild {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        max-height: initial;
        position: fixed;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
        margin: 16px 0 5px;
    }

    /* ************************ Testing Calendar ************************ */

    .SinglePropDetail.WBPropertyDetailViewKeystone {
        position: relative;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .litepicker {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        position: fixed !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__main {
        width: 100%;
        display: initial !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .container__months .columns-2 {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months .month-item {
        max-width: 400px;
        margin: 0 auto;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months .month-item {
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .month-item-weekdays-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(7, 1fr);
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .container__days {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(7, 1fr);
    }

    /* ************************ End Calendar Testing ************************ */
}

@media only screen and (max-width: 600px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
        display: block;
        width: 100%;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren,
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnCurrency {
        margin: 0 0 10px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .close {
        text-align: right;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor.arnPopupAnchor {
        text-align: right;
    }
}

@media only screen and (max-width: 500px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnAdultChildDropdown {
        white-space: initial;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:after {
        height: 5px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor.arnPopupAnchor {
        text-align: right;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/* .StandardRoomAvailability seems to be the curated identifier */
/************************************************/
/*********** Single Property Detail Page (Curated) *************/
/************************************************/

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomThumbs {
    display: block;
    overflow: hidden;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 376px 1fr 1fr;
    grid-template-columns: 376px 1fr 1fr;
    position: relative;
    margin: 0 0 24px 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnNightlyRate {
    text-align: right;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    border: none;
    padding: 15px 15px 0;
    border-radius: 0;
    margin: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnContentGeneralInfo {
    padding: 16px 0;
    border-bottom: 1px solid var(--color-black-30);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow:last-child .ArnContentGeneralInfo {
    border: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .StandardRoomAvailability .ArnContentGeneralInfo td:first-of-type {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader {
    -ms-grid-row: 1;
    -ms-grid-row-span: 9998;
    grid-row: 1/9999;
    position: relative;
    z-index: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader div {
    height: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader div {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .ArnImageLink {
    display: block;
    height: 100%;
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader a {
    display: block;
    height: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .roomThumbs:before {
    position: absolute;
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(64.59%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 64.59%, rgba(0, 0, 0, 0.6) 100%);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage .ArnImageLink {
    background-image: url("/appSkins/90874/v6/themes/standard/images/NoImage.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--color-black-5);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage img {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage .roomThumbs:before {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .imageCount {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateDescription {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
    left: 394px;
    top: 50px;
    font-size: 14px;
    font-weight: 700;
}

.WBPropertyDetailViewKeystoneCurated.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes li svg {
    height: 18px;
    position: relative;
    top: 5px;
}

/* temp */

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
    top: 12px;
    left: 392px;
    font-size: 18px;
    font-weight: 700;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomCount {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    margin: 0;
    padding: 0 0 16px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ImageCarousel:after {
    position: absolute;
    content: "....";
    color: var(--color-white-white);
    width: 100%;
    height: 0;
    left: 0;
    bottom: 40px;
    text-align: center;
    font-size: 35px;
    letter-spacing: 6px;
}

/* With tables */
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages tbody,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages tr,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages td {
    display: block;
    height: 100%;
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
    padding: 16px 0;
    width: 100%;
}

@media screen and (max-width: 1100px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
        -ms-grid-columns: 300px 1fr 1fr;
        grid-template-columns: 300px 1fr 1fr;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
        left: 310px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
        left: 310px;
    }
}

@media screen and (max-width: 1000px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader {
        grid-row: initial;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle,
    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
        position: initial;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
        display: block;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomCount {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        text-align: left;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnNightlyRate {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        text-align: left;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .bookRoom {
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        -ms-grid-column-align: end;
        justify-self: end;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
        padding: 16px 16px 4px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes ul {
        padding: 0 16px;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader img,
    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader::before {
        border-radius: 8px 8px 0 0;
    }
}

@media screen and (max-width: 800px) {

    .keystoneCarousel-container.hideOverlayUntilHover i,
    .keystoneCarousel-container.hideOverlayUntilHover .slideCount {
        opacity: 1 !important;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
        border-top: none;
        margin: 0;
    }
}

/*********************************************************/
/*********** Keystone Curated Variation Page *************/
/*********************************************************/

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer {
    width: 100%;
    max-width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
    width: 100%;
    max-width: 100%;
    margin: 0 0 34px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
    box-shadow: none;
    border: 1px solid var(--color-black-30);
    background-color: var(--color-black-5);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnCurrency {
    background-color: var(--color-white-white);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>input.submit {
    flex: 1;
    height: 52px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SimpleSearch form>#startingAtSummary {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div#startingAtSummary,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SimpleSearch form>div#startingAtSummary {
    flex: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnProperty fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

/* Curated with HTML rewrite */

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow {
    padding: 0;
    border-radius: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow {
    border-bottom: 1px solid var(--color-black-30);
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow:last-child {
    border-bottom: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .ArnContentGeneralInfo {
    padding: 16px;
    border-bottom: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .roomCount {
    margin: 0 0 -15px 0;
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .bookRoomCell {
    padding: 0 16px 16px;
}

/* curated experience without actual curration */

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnProperty fieldset .SingleGroupAvailability {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .rateRow td.RoomDescription {
    padding: 0;
    width: 60%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .percentSavings {
    margin: 0 0 5px auto;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .memberSavings {
    margin: 5px 0 0 auto;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .holdRoom {
    margin: 20px 0 0 auto !important;
}

@media screen and (max-width: 800px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .percentSavings {
        margin: 0 0 5px 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .memberSavings {
        margin: 5px 0 0 0;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .bookRoom,
    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .holdRoom {
        margin: 10px 0 0 0 !important;
    }
}

/**/

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
    display: block;
    border-radius: 8px;
    width: 31%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader {
    height: 200px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader .missingRoomImage .ArnImageLink {
    background-image: url("/appSkins/90874/v6/themes/standard/images/photos-pending.jpg");
    background-size: cover;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .roomThumbs {
    border-radius: 8px 8px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .ArnContentGeneralInfo .RoomDescription {
    position: static;
    bottom: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    margin: 15px 0 0;
    line-height: 1.7;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .rateRow tr {
    flex-wrap: wrap;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
    min-height: 100px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .roomCount {
    text-align: left;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .ArnNightlyRate {
    text-align: left;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .percentSavings {
    margin: 0 0 5px 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .memberSavings {
    margin: 5px 0 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .holdRoom {
    margin: -38px 0 0 auto !important;
}

@media only screen and (max-width: 1000px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
        width: 48%;
    }
}

@media only screen and (max-width: 800px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
        width: 100%;
    }
}

/************************************************/
/*********** Keystone Checkout Page *************/
/************************************************/

.priceError {
    text-align: center;
    padding: 10px;
    margin: 5px 0;
    border-radius: 8px;
    color: var(--color-red-red);
    border: 1px solid var(--color-red-red);
    max-width: 1280px;
}

.CheckOutForm .priceError {
    margin-left: auto;
    margin-right: auto;
}

#theSmokingRoomAjax {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields {
    margin-top: 10px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax.FormFields {
    margin-top: 0;
}

#theJobCodeAjax textarea,
#theSpecialRequestsAjax textarea {
    height: 60px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:link,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:visited,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:hover {
    text-decoration: underline;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone fieldset {
    padding: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
    width: 100%;
    margin: 6px 0 0;
}

.keystoneCarousel.imageCarousel .slide {
    height: 246px;
}

.keystoneCarousel-container i {
    font-size: 0;
}

.keystoneCarousel-container i svg {
    margin: 10px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 50vw;
    height: 100%;
    background-color: var(--color-black-5);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone input.text,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone input,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone select {
    border-color: var(--color-black-60);
    height: 50px;
    font-size: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax .checkbox {
    height: 23px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ImageCarousel {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .imageCount {
    position: absolute;
    color: var(--color-white-white);
    background-color: rgba(0, 0, 0, 0.65);
    padding: 4px 15px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 15px;
    border-radius: 25px;
    gap: 5px;
    right: 20px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .imageCount svg {
    width: 15px;
    fill: var(--color-white-white);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
    max-width: 100%;
    margin: 0;
    font-size: 16px;
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer .reservationFormContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 35px;
    max-width: 1280px;
    margin: 0 auto;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
    border-top: 1px solid var(--color-black-30);
    border-bottom: 1px solid var(--color-black-30);
    position: relative;
    padding: 10px 0;
    margin: 10px 15px 0 50px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary legend {
    font-size: 18px;
    font-weight: bold;
    display: none;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 15px;
    padding: 0 0 5px;
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary div span:last-child {
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div:not(#theCouponFieldset) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary>div {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel>legend {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .title {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone label {
    font-size: 14px;
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer legend {
    font-size: 25px;
    padding: 0 0 10px 0;
    color: var(--color-black-100);
    border: medium none;
    font-weight: 500;
    position: absolute;
    top: 20px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone fieldset[id*="theRoom"] legend {
    font-size: 25px;
    font-weight: 500;
    padding: 10px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
    padding: 0;
    position: relative;
    margin: 10px 15px 0 50px;
    border: none;
    border-top: 1px solid var(--color-black-30);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .amount {
    text-align: right;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
    position: absolute;
    font-size: 18px;
    display: none;
    font-weight: bold;
    color: var(--color-black-75);
    padding: 15px;
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table {
    width: 100% !important;
    border: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
    padding: 60px 15px 0 50px;
    border: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel legend {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
    display: inline-block;
    width: 49%;
    margin-right: 1%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
    width: 101%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax>table {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .recommendedProperty {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
    width: 60%;
    max-width: 800px;
    background-color: var(--color-white-white);
    padding: 60px 15px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
    width: initial;
    position: relative;
    font-size: 16px;
    margin: 10px 15px 0 50px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription .label {
    font-weight: 400;
}

#theRateDescription>p>strong {
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
    width: 40%;
    max-width: 480px;
    margin: 0 auto 0 0;
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
    border: 1px solid var(--color-black-30) !important;
    max-height: 200px;
    overflow-y: scroll;
    margin: 0 0 32px;
    padding: 0 32px 32px;
    background-color: var(--color-white-white);
    position: relative;
}

#theStayPolicies .title {
    font-size: 24px;
    font-weight: 500;
    position: sticky;
    top: 0;
    background-color: var(--color-white-white);
    z-index: 1;
    padding: 20px 0 10px;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies ul {
    padding: 0 0 0 20px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails {
    padding: 0 0 15px;
    margin: 75px 0 10px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.paymentImg {
    margin: 15px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-of-type>div:first-of-type {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails {
    display: flex;
    gap: 5px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.guestBillingCity {
    display: flex;
    gap: 5px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:first-of-type {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-child>div:first-child {
    width: 100%;
}

/* Override inline style */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-child>div:nth-child(2) {
    -webkit-box-flex: initial !important;
    -ms-flex-positive: initial !important;
    flex-grow: initial !important;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theZipCodeAjax"] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theCityAjax"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 80%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 30%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
    padding: 16px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCvvCode {
    background-position: calc(100% - 10px) 50%;
    background-image: url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/cvv.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    width: 100%;
    margin-right: initial;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails div[id*="theCardExpirationFields"] td:first-of-type {
    padding: 0 5px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationMonthAjax select {
    min-width: 80px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationYearAjax select {
    margin-right: initial;
    min-width: 80px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails.NoReviews {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div {
    padding: 5px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable .amount {
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table a:link {
    font-size: 15px;
    white-space: normal;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table th {
    width: 50%;
    text-align: left;
    font-weight: 400;
    padding: 5px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table td {
    width: 50%;
    font-weight: 500;
    text-align: right;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax input {
    height: 22px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax ul {
    padding: 0 0 0 20px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
    background-color: aliceblue;
    border: none;
    padding: 60px 25px 10px;
    position: relative;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .confirmationAgreement {
    margin-left: 0;
    -ms-flex-preferred-size: fit-content;
    flex-basis: fit-content;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>div {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>p {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .dueNowRow,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .balanceDueRow {
    background-color: var(--color-white-white);
    padding: 15px 20px;
    border-radius: 50px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .label {
    font-size: 22px;
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .amount,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .amount {
    font-size: 22px;
    font-weight: 800;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings th {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-brand-6);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings td {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-brand-6);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCouponFieldset {
    margin: 10px 0;
    border: none;
    border-top: 1px solid var(--color-black-30);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #applyDiscountCode .Error {
    display: block;
    padding: 10px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCouponLabel {
    line-height: 0;
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span {
    font-size: 15px;
    padding: 0 20px 0 0;
    text-decoration: underline;
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage.down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    left: 65px;
    top: 1px;
    background-image: url(https://media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-33.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span.up::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #inventoryNotice {
    background-color: var(--color-white-white);
    border: none;
    color: var(--color-black-black);
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    display: none;
    padding: 15px;
    width: 100%;
    z-index: 1;
    border-top: 1px solid var(--color-black-30);
    border-right: 1px solid var(--color-black-30);
    border-left: 1px solid var(--color-black-30);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames table {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .reviewCount {
    margin: 0 10px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .reviewCount .reviewCountLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .reviewCount .reviewCountLabel {
    display: inline !important;
    margin: 0 0 0 5px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames td {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel .slideCount,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel-container i {
    background-color: rgba(255, 255, 255);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies .originalPrice {
    padding: 0 5px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"] {
    display: inline-block !important;
    color: var(--color-brand-6);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"]+div {
    float: right;
    color: var(--color-brand-6);
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.dueNowRow,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.balanceDueRow {
    margin: 15px 0 0;
}

.skeleton-loader {
    position: relative !important;
    background-color: var(--color-black-30) !important;
    overflow: hidden !important;
}

.skeleton-loader::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
    background: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    -webkit-animation: loading 1.5s infinite;
    animation: loading 1.5s infinite;
}

@-webkit-keyframes loading {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes loading {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@media screen and (max-width: 1000px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
        gap: 5px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 15px 0 20px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        margin: 10px 15px 0 20px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
        padding: 20px 0 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationMonthAjax select,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationYearAjax select {
        margin-right: 0;
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-of-type {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardNumber {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardExpiration {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardVerification {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails div[id*="theCardExpirationFields"] table {
        width: 100%;
    }
}

/* 805px has weird GuestForms/theHotel swap */

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:first-of-type {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:nth-of-type(2) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:last-of-type {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
        content: "";
        position: initial;
        z-index: initial;
        width: initial;
        height: initial;
        background-color: initial;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
        background-color: var(--color-black-5);
        width: 100%;
        padding: 60px 15px 30px;
        max-width: initial;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
        margin: 0 auto 70px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
        width: 100%;
        position: relative;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
        padding: 10px 0;
        background-color: initial;
        margin: 10px 0 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow span:last-child,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow span:last-child,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfAdults span:last-child,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfChildren span:last-child {
        font-weight: 300;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .cvvTable {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
        background-color: var(--color-white-white);
        border: none;
        padding: 0 15px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms #ThePolicies span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 10px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #b1b9c2;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage {
        width: 20px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        position: relative;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
        position: relative;
        left: 0;
        top: 0;
        padding: 15px 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar {
        width: 100%;
        border: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven td {
        background-color: var(--color-white-white);
        border: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven th {
        background-color: var(--color-white-white);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar td {
        text-align: right;
        padding: 5px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
        border: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .WBGuestFormFields {
        border: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        border: none;
        padding: 0;
        margin: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th {
        border-bottom: none !important;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr td {
        border-bottom: none !important;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .totalsTable {
        border-top: 1px solid var(--color-black-30);
        padding: 10px 0 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .savingsTable {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .savings {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow th,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow th {
        background-color: initial;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow td,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow td {
        background-color: initial;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount {
        color: var(--color-black-black);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .discount {
        color: var(--color-black-black);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .totalRow {
        display: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .taxFeeRow td {
        color: var(--color-black-black);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutReview {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer h4 {
        margin-top: 20px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #ThePolicies>span:first-of-type {
        display: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
        padding: 10px 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup {
        position: fixed;
        bottom: 0;
        display: block !important;
        left: 0;
        z-index: 2;
        background-color: var(--color-black-5);
        width: 100%;
        padding: 25px 15px !important;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow {
        background-color: initial !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow .label,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow .label {
        text-decoration: underline;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 700;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .amount {
        font-weight: 700;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup a {
        color: var(--color-black-100);
        text-decoration: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt {
        position: absolute;
        top: -10px;
        font-size: 0;
        right: 15px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt svg {
        border: 1px solid var(--color-black-30);
        border-radius: 50px;
        padding: 5px;
        background-color: var(--color-black-5);
    }
}

@media screen and (max-width: 600px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:first-of-type {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:last-of-type {
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-column: 3/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-of-type(7) {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theCityAjax"] {
        width: 100%;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
        width: 100%;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theZipCodeAjax"] {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 500px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
        width: 100%;
        margin-right: initial;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4) {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table>td {
        display: block;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td {
        display: block;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td:first-child {
        padding: 0 0 10px 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theEmailAddressAjax {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td>div {
        margin: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td:first-child .text {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
        width: 100%;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar th,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .originalPrice {
        font-size: 14px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theZipCodeAjax"] {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
}

@media screen and (max-width: 350px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*="theZipCodeAjax"] {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:last-of-type {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 300px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer .submit {
        font-size: 16px;
    }
}

/******************************************************/
/************ Keystone Final Confirmation **************/
/******************************************************/

/* static warning */
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ConfirmationPage>h1 {
    position: absolute;
    left: 20px;
    font-size: 20px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone input.text,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone input,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone select {
    border-color: var(--color-black-60);
    width: initial;
    height: 50px;
    font-size: 16px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .confirmationHeader {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .FormFields {
    margin-top: 10px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax.FormFields {
    margin-top: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:link,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:visited,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:hover,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone fieldset {
    padding: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
    width: 100%;
    margin: 6px 0 0;
}

/* Bryan New Test */
.keystoneCarousel-container {
    height: 100%;
    width: 300px;
}

.keystoneCarousel.imageCarousel .slide {
    height: 246px;
}

.CheckOutForm .keystoneCarousel-container {
    width: 100%;
}

@media screen and (max-width: 800px) {

    .WBPropertyDetailViewKeystone .keystoneCarousel-container,
    .CheckOutForm .keystoneCarousel-container {
        width: 100%;
    }
}

/**/

.keystoneCarousel.imageCarousel .slide {
    height: 246px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 900%;
    height: 100%;
    background-color: var(--color-black-5);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ImageCarousel {
    position: relative;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .imageCount {
    position: absolute;
    color: var(--color-white-white);
    background-color: rgba(0, 0, 0, 0.65);
    padding: 4px 15px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 15px;
    border-radius: 25px;
    gap: 5px;
    right: 20px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .imageCount svg {
    width: 15px;
    fill: var(--color-white-white);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
    font-weight: 400;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
    max-width: 100%;
    margin: 0;
    font-size: 16px;
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 35px;
    max-width: 1280px;
    margin: 0 auto;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
    border-top: 1px solid var(--color-black-30);
    border-bottom: 1px solid var(--color-black-30);
    position: relative;
    padding: 10px 0;
    margin: 10px 15px 0 50px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary legend {
    font-size: 18px;
    font-weight: bold;
    display: none;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 15px;
    padding: 0 0 5px;
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary div span:last-child {
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div:not(#theCouponFieldset) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary>div {
    padding: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel>legend {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .title {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone label {
    font-size: 14px;
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer legend {
    font-size: 25px;
    padding: 0 0 10px 0;
    color: var(--color-black-75);
    border: medium none;
    font-weight: 500;
    position: absolute;
    top: 20px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone fieldset[id*="theRoom"] legend {
    font-size: 25px;
    font-weight: 500;
    padding: 10px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
    padding: 0;
    position: relative;
    margin: 10px 15px 0 50px;
    border: none;
    border-top: 1px solid var(--color-black-30);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .amount {
    text-align: right;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
    position: absolute;
    font-size: 18px;
    display: none;
    font-weight: bold;
    color: var(--color-black-75);
    padding: 15px;
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table {
    width: 100% !important;
    border: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
    padding: 60px 15px 0 50px;
    border: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel legend {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
    display: inline-block;
    width: 49%;
    margin-right: 1%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
    width: 101%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax>table {
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .recommendedProperty {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
    width: 60%;
    max-width: 800px;
    background-color: var(--color-white-white);
    padding: 60px 15px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
    width: initial;
    position: relative;
    font-size: 16px;
    margin: 10px 15px 0 50px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription .label {
    font-weight: 400;
}

#theRateDescription>p>strong {
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
    width: 40%;
    max-width: 480px;
    margin: 0 auto 0 0;
    position: relative;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
    border: 1px solid var(--color-black-30) !important;
    max-height: 200px;
    overflow-y: scroll;
    margin: 10px 0 38px;
    padding: 0 15px 15px;
    background-color: var(--color-white-white);
    position: relative;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
    font-size: 24px;
    font-weight: 500;
    position: sticky;
    top: 0;
    background-color: var(--color-white-white);
    z-index: 1;
    padding: 20px 0 10px;
    margin: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies ul {
    padding: 0 0 0 20px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
    padding: 16px 0 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer {
    margin-left: initial;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails.NoReviews {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div {
    padding: 5px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable .amount {
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table a:link {
    font-size: 15px;
    white-space: normal;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table th {
    background-color: transparent;
    width: 50%;
    border: none !important;
    text-align: left;
    font-weight: 400;
    padding: 5px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table td {
    background-color: transparent;
    width: 50%;
    border: none !important;
    font-weight: 500;
    text-align: right;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .hurryBook {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax ul {
    padding: 0 0 0 20px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
    background-color: aliceblue;
    border: none;
    padding: 60px 25px 10px;
    position: relative;
    margin: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .confirmationAgreement {
    margin-left: 0;
    -ms-flex-preferred-size: fit-content;
    flex-basis: fit-content;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>div {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>p {
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .balanceDueRow {
    background-color: var(--color-white-white);
    padding: 15px 20px;
    border-radius: 50px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .label,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .label {
    font-size: 22px;
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .amount {
    font-size: 22px;
    font-weight: 800;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings th {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-brand-6);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings td {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-brand-6);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponFieldset {
    margin: 10px 0;
    border: none;
    border-top: 1px solid var(--color-black-30);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #applyDiscountCode .Error {
    display: block;
    padding: 10px 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponLabel {
    line-height: 0;
    display: none;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span {
    font-size: 15px;
    padding: 0 20px 0 0;
    text-decoration: underline;
    position: relative;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage.down {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: inline-block;
    left: 65px;
    top: 1px;
    background-image: url(https://media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-33.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span.up::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #inventoryNotice {
    background-color: var(--color-white-white);
    border: none;
    color: var(--color-black-black);
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    display: none;
    padding: 15px;
    width: 100%;
    z-index: 1;
    border-top: 1px solid var(--color-black-30);
    border-right: 1px solid var(--color-black-30);
    border-left: 1px solid var(--color-black-30);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames table {
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .reviewCount {
    margin: 0 10px;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames td {
    width: 100%;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel .slideCount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel-container i {
    background-color: rgba(255, 255, 255, 1);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies .originalPrice {
    padding: 0 5px 0 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"] {
    display: inline-block !important;
    color: var(--color-brand-6);
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"]+div {
    float: right;
    color: var(--color-brand-6);
    font-weight: 500;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.balanceDueRow {
    margin: 15px 0 0;
}

@media screen and (max-width: 1000px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
        gap: 5px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 60px 15px 0 20px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        margin: 10px 15px 0 20px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
        padding: 20px 0 0;
    }
}

/* 805px has weird GuestForms/theHotel swap */

@media screen and (max-width: 800px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
        content: "";
        position: initial;
        z-index: initial;
        width: initial;
        height: initial;
        background-color: initial;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
        background-color: var(--color-black-5);
        width: 100%;
        padding: 60px 15px 30px;
        max-width: initial;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
        margin: 0 auto 70px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
        width: 100%;
        position: relative;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
        padding: 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
        padding: 10px 0;
        background-color: initial;
        margin: 10px 0 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow span:last-child,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow span:last-child,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfAdults span:last-child,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfChildren span:last-child {
        font-weight: 300;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
        background-color: var(--color-white-white);
        border: none;
        padding: 0 15px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms #ThePolicies span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 10px;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #b1b9c2;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage {
        width: 20px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        position: relative;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
        position: relative;
        left: 0;
        top: 0;
        padding: 15px 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar {
        width: 100%;
        border: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven td {
        background-color: var(--color-white-white);
        border: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven th {
        background-color: var(--color-white-white);
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar td {
        text-align: right;
        padding: 5px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
        border: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .WBGuestFormFields {
        border: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
        border: none;
        padding: 0;
        margin: 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
        padding: 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th {
        border-bottom: none !important;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr td {
        border-bottom: none !important;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .totalsTable {
        border-top: 1px solid var(--color-black-30);
        padding: 10px 0 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .savingsTable {
        width: 100%;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .savings {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow th,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow th {
        background-color: initial;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow td,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow td {
        background-color: initial;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount {
        color: var(--color-black-black);
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .discount {
        color: var(--color-black-black);
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .totalRow {
        display: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .taxFeeRow td {
        color: var(--color-black-black);
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutReview {
        padding: 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer h4 {
        margin-top: 20px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #ThePolicies>span:first-of-type {
        display: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
        padding: 10px 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup {
        position: fixed;
        bottom: 0;
        display: block !important;
        left: 0;
        z-index: 2;
        background-color: var(--color-black-5);
        width: 100%;
        padding: 25px 15px !important;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
        background-color: initial !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow .label,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow .label {
        text-decoration: underline;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 700;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .amount {
        font-weight: 700;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup a {
        color: var(--color-black-100);
        text-decoration: none;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt {
        position: absolute;
        top: -10px;
        font-size: 0;
        right: 15px;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt svg {
        border: 1px solid var(--color-black-30);
        border-radius: 50px;
        padding: 5px;
        background-color: var(--color-black-5);
    }
}

@media screen and (max-width: 600px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 500px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
        width: 100%;
        margin-right: initial;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table>td {
        display: block;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td {
        display: block;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td:first-child {
        padding: 0 0 10px 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theEmailAddressAjax {
        width: 100%;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td>div {
        margin: 0;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td:first-child .text {
        width: 100%;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
        width: 100%;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
        width: 100%;
    }

    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar th,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .originalPrice {
        font-size: 14px;
    }
}

@media screen and (max-width: 350px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 300px) {
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer .submit {
        font-size: 16px;
    }
}

/*****************************************/
/*********** Groups Specific *************/
/*****************************************/

/* Date Prompt */

.SearchHotels.SearchMode-WBHotelListKeystone #lightbox {
    top: 20px !important;
}

/** Date Prompt Modal **/
#theDatePrompt {
    background-color: var(--color-white-white);
    font-size: 15px;
    height: 100vh;
    left: 50%;
    margin: 0;
    max-width: 100%;
    overflow-y: scroll;
    padding: 20px;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: 9999;
}

@media only screen and (min-width: 480px) {
    #theDatePrompt {
        height: auto;
        margin-top: 2rem;
        max-width: calc(100% - 4rem);
        overflow: visible;
    }
}

@media only screen and (min-width: 768px) {
    #theDatePrompt {
        max-width: 800px;
    }
}

#theDatePrompt .SimpleSearch .WBRoomsAdultsChildrenComponent {
    position: relative;
    border: 1px solid var(--color-black-30);
    padding: 6px;
    margin: 26px 0 0;
}

#theDatePrompt .SimpleSearch .SearchActions {
    display: none;
}

#theDatePrompt .SimpleSearch .submit {
    margin: 25px 0 0;
}

@media only screen and (max-width: 700px) {
    .SearchHotels.SearchMode-WBHotelListKeystone #lightbox {
        top: 0 !important;
    }

    #theDatePrompt .SimpleSearch table {
        width: 100%;
    }

    #theDatePrompt .SimpleSearch .rowOne td {
        display: block;
    }

    #theDatePrompt .SimpleSearch .rowOne td.SearchActions {
        display: none;
    }

    #theDatePrompt .SimpleSearch .yui3-skin-sam .yui3-calendar-header-label {
        font-size: inherit;
    }

    #theDatePrompt .SimpleSearch .yui3-calendar-content td {
        display: table-cell;
    }

    #theDatePrompt .SimpleSearch .yui3-calendar-content td.yui3-calendar-column-hidden {
        display: none;
    }

    #theDatePrompt .SimpleSearch .yui3-calendar-content {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0 !important;
    }

    #theDatePrompt .SimpleSearch .yui3-calendar-content .yui3-u-1-2,
    #theDatePrompt .SimpleSearch .yui3-calendar-content .yui3-u-12-24 {
        width: 100%;
    }

    #theDatePrompt .SimpleSearch .ArnAcdChild {
        padding: 30px;
        min-width: 100%;
        top: 0;
        position: fixed;
        border-radius: 0;
        height: 100%;
        overflow: scroll;
    }

    #theDatePrompt .SimpleSearch .ArnAcdChildAges .ArnAcdSpan {
        display: block;
    }

    #theDatePrompt .SimpleSearch .ArnAcdChildAges .ArnAcdChildAgesSelect {
        width: 100%;
        float: none;
        display: block;
    }

    #theDatePrompt .SimpleSearch .ArnAcdChild .close {
        background-color: var(--color-white-white);
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        text-align: center;
        padding: 10px;
        right: 0;
    }

    #theDatePrompt .SimpleSearch .ArnAcdChild .ArnAcdClose {
        display: block !important;
        line-height: 1;
        background-color: var(--color-secondary);
        color: var(--color-white-white);
        padding: 12px 40px;
        width: 150px;
        text-align: center;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 700px) and (max-height: 778px) {
    #theDatePrompt .SimpleSearch .ArnAcdChild .close {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }
}

/* Special Event Labels */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .ArnPropThumb {
    border-radius: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .ArnPropThumb img,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .ArnPropThumb img,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .ArnPropThumb img {
    border-radius: 0;
}

.specialLabel {
    color: var(--color-white-white);
    text-align: right;
    padding: 5px 15px 5px 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 20px;
}

.specialEventRate {
    background-color: var(--color-brand-4);
}

.hostHotel {
    background-color: var(--color-black-black);
}

.coHostHotel {
    background-color: darkorange;
}

@media only screen and (max-width: 500px) {

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .percentSavings,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .percentSavings,
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .percentSavings {
        top: 237px;
    }
}

/*****************************************/
/************ Checkout Page **************/
/*****************************************/

.priceWin {
    margin: 0 0 10px;
    padding: 5px 10px;
    background-color: var(--color-white-white);
    text-align: center;
}

.priceWin.bookingPriceDecrease {
    border: 2px solid mediumseagreen;
    background-color: #e5fee7;
}

.priceWin.bookingPriceIncrease {
    background-color: var(--color-black-5);
    border: 2px solid var(--color-red-red);
}

.FinalConfirmation .priceWin {
    display: none;
}

.ArnSubPage {
    max-width: 1280px;
    margin: 150px auto 70px;
    width: 100%;
}

.ArnSubPage .FormFields .formField,
.ArnSubPage .FormFields .text,
.ArnSubPage .FormFields textarea,
.ArnSubPage .FormFields select {
    color: var(--color-black-black);
    width: 100%;
}

.ArnSubPage .ArnGuestNames .text,
#theCityZipAjax input {
    margin-right: 0;
    width: 100%;
}

.ArnSubPage .ArnGuestNames td:first-child .text {
    width: 99%;
}

.infoIcon {
    background-color: var(--color-black-black);
    border-radius: 50%;
    color: var(--color-white-white);
    display: inline-block;
    font-family: Georgia;
    font-size: 12px;
    font-style: italic;
    margin: 0 5px 0 0;
    padding: 3px 8px;
    line-height: 1;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: var(--color-black-black);
    color: var(--color-white-white);
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 10%;
    margin-left: -60px;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.tooltip .tooltiptext::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 47%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--color-black-black);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Guest Info */

.WBGuestFormFields {
    background-color: var(--color-white-white);
    border: none;
}

.hurryBook {
    color: var(--color-brand-6);
    font-size: 16px;
    text-align: center;
    display: block;
    background-color: ivory;
    padding: 15px 0;
    font-weight: 700;
}

/* Search User To Book For */

.useProfile {
    margin: 10px 0 !important;
}

.useProfile .submit {
    width: auto;
    font-size: initial;
    padding: 0;
    margin: 0;
    height: auto;
    color: var(--color-blue);
    background: transparent;
    border: none;
    font-weight: 500;
    text-align: left;
    text-indent: 0;
    cursor: pointer;
}

.countryList,
.stateList {
    width: 100% !important;
}

.paymentMethods {
    border-top: 5px solid var(--color-black-15);
    margin: 15px 0 5px;
    padding: 10px 0 0;
}

.paymentMethods img {
    display: block;
}

/* Optile Credit Card LightBox */

.useOptileCard input {
    width: 50%;
    cursor: pointer;
}

.GuestForms #lightbox {
    background-color: var(--color-white-white);
    padding: 1rem;
    border-radius: 0.5rem;
}

.GuestForms #lightbox .window {
    background-color: var(--color-white-white);
    position: relative;
    height: 100%;
}

.GuestForms #lightbox .window h3 {
    margin: 0 0 1rem;
}

.GuestForms #lightbox .window iframe {
    border: 1px solid var(--color-black-30);
    border-radius: 0.5rem;
    width: 400px;
    height: 335px;
    padding: 1rem;
}

.GuestForms #lightbox .window .window-title {
    display: none;
}

.GuestForms #lightbox .window .window-close {
    position: absolute;
    right: 0;
}

.GuestForms #lightbox .window .window-close a {
    font-size: 1.4rem;
    color: var(--color-black-60);
}

@media screen and (max-width: 600px) {
    .useOptileCard input {
        width: 100%;
    }

    .GuestForms #lightbox {
        height: 95%;
        top: 1rem !important;
        overflow: hidden;
    }

    .GuestForms #lightbox .window iframe {
        width: 100%;
        padding: 0;
        height: 500px;
    }
}

/* Travel Club Invite */

.travelClubInvite,
#theTravelClubEnrollmentLastChance {
    border: 5px solid purple;
    padding: 16px !important;
    margin: 0 0 25px 0;
    background-color: var(--color-white-white);
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.travelClubInvite .columnOne {
    width: 60%;
    color: var(--color-black-100);
    padding: 0 65px 0 0;
}

#theTravelClubEnrollmentLastChance .travelClubInvite {
    border: none;
    padding: 0 !important;
    margin: 0;
    background-color: transparent;
}

.travelClubInvite img {
    max-width: 400px;
    width: 100%;
}

.travelClubInvite h2 {
    font-size: 24px !important;
    font-weight: 500;
    color: #332562;
    margin: 15px 0 5px;
    letter-spacing: 1px;
}

.travelClubInvite h3 {
    font-size: 40px !important;
    font-weight: 500;
    color: #332562;
    margin: 5px 0 15px;
}

#theBookingPage .travelClubInvite p {
    margin: 15px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

#theBookingPage .travelClubInvite ul {
    margin: 0 !important;
    padding: 0 !important;
}

#theBookingPage .travelClubInvite .columnOne ul {
    width: 290px;
}

.travelClubInvite ul li {
    text-align: left;
    list-style: none !important;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7em;
}

.travelClubInvite ul li.listItem1 p {
    font-weight: 700 !important;
}

#theBookingPage .travelClubInvite ul li input {
    width: auto !important;
    height: auto !important;
    display: inline;
    float: left;
    margin: 3px 5px 0 0;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

#theBookingPage input#theTravelClubEnrollmentSubmitButton {
    background-color: purple;
    color: var(--color-white-white) !important;
    border: none;
    padding: 15px 40px 20px;
    line-height: 1em;
    height: auto !important;
}

.travelClubInvite .columnTwo {
    background-color: #886e9b;
    color: var(--color-white-white);
    width: 40%;
    padding: 40px 28px;
}

.travelClubInvite .columnTwo li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0;
}

.travelClubInvite .columnTwo .icon {
    margin: 0 6px 0 0;
}

.travelClubInvite .columnTwo img {
    width: 22px;
}

#theBookingPage .travelClubInvite .columnTwo p {
    font-size: 17px;
    padding: 0;
    margin: 0;
}

.travelClubInvite img.peopleImage {
    position: absolute;
    bottom: 0;
    left: 43%;
    width: 172px;
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
    .travelClubInvite img.peopleImage {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .travelClubInvite .columnOne {
        width: 100%;
    }

    .travelClubInvite .columnTwo {
        width: 100%;
        padding: 40px 108px 40px 28px;
    }

    .travelClubInvite img.peopleImage {
        left: auto;
        right: -1%;
    }
}

#theConfirmationContainer h4 {
    font-size: 16px;
    font-weight: 700;
}

#theBookingPage ul,
#theCopyInfoAjax {
    padding: 0;
    margin: 0 0 10px;
}

#theBookingPage li {
    font-weight: 300;
}

.ArnSubPage .checkbox,
#theSmokingRoomAjax input.checkbox {
    width: 20px;
    height: 20px;
    float: left;
    margin: 3px 5px 0 0;
    cursor: pointer;
}

.ArnSubPage .confirmationAgreement {
    margin-left: 0;
}

#theConfirmationContainer .submit {
    font-size: 20px;
    height: auto;
    margin: 5px 0 0;
    padding: 20px 30px;
    text-indent: 0;
    width: auto;
    min-width: 50%;
}

@media screen and (max-width: 500px) {
    #theConfirmationButton.submit {
        font-size: initial;
        white-space: normal;
    }
}

#theConfirmationButton .submit:disabled {
    background-color: var(--color-black-15);
    cursor: text;
}

.confirmationProcessing #theConfirmationButton {
    background: #e9e9e9 url("/appSkins/64/v6/themes/global/skins/brownstone/images/throbber6.gif") no-repeat scroll 300px center / 50px auto;
    color: var(--color-black-60);
}

.bookNowConfirm {
    color: var(--color-brand-4);
    display: block;
    font-style: italic;
    font-weight: bold;
    left: 0;
    outline: 0 none;
    padding: 10px 0;
    position: relative;
    text-align: left;
    text-indent: 0;
    top: 0;
    width: 100%;
}

/* Right Side */

.recommendedProperty {
    border: 1px solid springgreen;
    color: springgreen;
    font-size: 16px;
    margin: 8px auto;
    width: 75%;
}

.PaymentPolicies .originalPrice {
    color: var(--color-black-60);
    font-size: 13px;
}

.PaymentPolicies table.checkOutSummaryTable tr {
    border-bottom: none;
}

.PaymentPolicies table.checkOutSummaryTable tr th,
.PaymentPolicies table.checkOutSummaryTable tr td {
    padding: 4px 0;
}

.PaymentPolicies table.checkOutSummaryTable tr td {
    font-weight: 300;
}

.PaymentPolicies table.savingsTable th,
.PaymentPolicies table.savingsTable td {
    color: var(--color-brand-6);
}

.totalsTable .dueNowRow th,
.totalsTable .balanceDueRow th {
    font-weight: 700;
}

.theCouponLink img,
.theCouponLink span {
    display: none;
}

#applyDiscountCode {
    display: block !important;
    padding: 20px 0;
}

#applyDiscountCode br {
    display: none;
}

#theCouponFieldset input,
#theCouponFieldset button {
    width: 50%;
    border: none !important;
}

#theCouponFieldset input {
    width: 70%;
    border-radius: 4px;
    margin: 0;
}

#theCouponFieldset button {
    width: 28%;
    margin: 0 0 0 2%;
    height: 40px;
}

.cardDiscount th {
    vertical-align: top;
}

.cardDiscount th span {
    font-weight: 900;
}

.cardDiscount td button {
    width: auto;
    height: auto;
    display: block;
    margin: 0 0 0 auto;
    background-color: transparent;
    color: blue;
    text-decoration: underline;
    padding: 0;
    font-size: 14px;
}

/* Split Payment Use Rewards */

.theRewardRedemptionLink {
    display: none;
}

#theRewardRedemptionFieldset {
    margin: 10px 0;
    border: none;
    background-color: var(--color-black-5);
    padding: 10px 20px;
}

#theRewardRedemptionFieldset label {
    margin: 10px 0;
    display: inline-block;
}

#rewardsApplied,
#rewardsAvailable {
    font-weight: 700;
}

#theRewardRedemptionLabel span {
    font-weight: 700;
}

#theRewardRedemptionFieldset input {
    width: 70%;
    border: none;
}

#theRewardRedemptionFieldset button {
    width: 28%;
    margin: 0 0 0 2%;
}

/* fixed scrolling for sections in hotel page */

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

.SimpleSearch {
    margin-bottom: 0 !important;
}

/* Error List */

#theBookingPage .errors li,
#theBookingPage .HasError li {
    font-weight: 500;
}

/* Sub Pages */

.ArnSubPage .SSFormBody fieldset {
    border: none;
    padding: 5px 0 15px;
    border-top: 1px solid var(--color-black-30);
    border-bottom: 1px solid var(--color-black-30);
}

.ArnSubPage .SSFormBody fieldset input.radio {
    width: auto;
}

.ArnSubPage .FormActions .submit {
    margin: 10px 5px 0 0;
}

.ArnSubPage .WBSupportFormFields textarea {
    min-height: 300px;
}

@media screen and (max-width: 800px) {
    .ArnSubPage {
        margin: 0 auto;
        padding: 20px;
    }

    .ArnSubPage h1 {
        margin: 0 0 0.67em 0;
        line-height: 1.2em;
    }

    .ArnSubPage .FormActions .submit {
        margin: 10px 0 0 0;
        width: 100%;
    }
}

/* Language Specific */

@media only screen and (min-width: 1001px) {
    .de_DE.RootBody .ArnSearchHolderBoth {
        min-width: 310px;
    }
}

@media only screen and (min-width: 800px) {
    .sv_SE .ArnAcdChild {
        min-width: 425px;
    }
}

.SinglePropDetail.es_ES .PropertyLinks ul li img,
.SinglePropDetail.it_IT .PropertyLinks ul li img,
.SinglePropDetail.de_DE .PropertyLinks ul li img,
.SinglePropDetail.fr_CA .PropertyLinks ul li img,
.SinglePropDetail.fi_FI .PropertyLinks ul li img,
.SinglePropDetail.hu_HU .PropertyLinks ul li img,
.SinglePropDetail.nl_NL .PropertyLinks ul li img,
.SinglePropDetail.sv_SE .PropertyLinks ul li img,
.SinglePropDetail.da_DK .PropertyLinks ul li img,
.SinglePropDetail.tr_TR .PropertyLinks ul li img,
.SinglePropDetail.el_GR .PropertyLinks ul li img,
.SinglePropDetail.ru_RU .PropertyLinks ul li img {
    display: none !important;
}

/* Footer */

.ArnSupportLinks.ArnSupportBottom {
    background-color: var(--color-black-black);
    width: 100%;
    position: relative;
    text-align: center;
    padding: 40px 0;
    font-size: 14px;
    color: var(--color-white-white);
}

.SearchHotels .ArnSupportLinks.ArnSupportBottom {
    max-width: 915px;
}

.SearchHotels .ArnSupportLinks.ArnSupportBottom {
    margin: initial;
}

.ArnSupportLinks.ArnSupportBottom a {
    color: var(--color-white-white);
    margin: 0 5px;
}

.ArnSupportLinks.ArnSupportBottom a:hover {
    text-decoration: underline;
}

/* ARNCORE-2255 */

.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.ot-sdk-show-settings,
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.optanon-show-settings {
    color: inherit;
    border: initial;
    padding: initial;
    font-size: inherit;
}

.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.ot-sdk-show-settings:hover,
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.optanon-show-settings:hover {
    background-color: transparent;
}

@media screen and (max-width: 1200px) {
    .SearchHotels .ArnSupportLinks.ArnSupportBottom {
        max-width: 800px;
    }
}

@media screen and (max-width: 1000px) {
    .SearchHotels .ArnSupportLinks.ArnSupportBottom {
        max-width: initial;
        padding: 40px 0 100px 0;
    }
}

.CheckOutForm .ArnSupportLinks.ArnSupportBottom,
.FinalConfirmation .ArnSupportLinks.ArnSupportBottom {
    display: none;
}

/*****************************************/
/************ Cancel/Resend **************/
/*****************************************/

.WBResendOrCancelFormActions .submit {
    width: auto;
}

/*****************************************/
/************ Test Incentive *************/
/*****************************************/

.countdown {
    color: var(--color-black-black);
    font-size: 18px;
    font-weight: 700;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.refundable,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.prePay,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.prePay {
    display: none !important;
}

/* Insurance on Checkout Page */

.insuranceWarning.confirmationWarning {
    background-color: var(--color-black-5);
    padding: 25px;
    border: 5px solid #9fe1fd;
    color: var(--color-black-black);
    margin: 0 0 10px 0;
}

.insuranceWarning.confirmationWarning h3 {
    margin: -10px 0 8px 0;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    left: -10px;
}

#theBookingPage .insuranceWarning.confirmationWarning .options label {
    font-size: 15px;
    font-weight: 900;
}

#theBookingPage .insuranceWarning.confirmationWarning div.options:last-child label {
    font-weight: normal;
}

.insuranceOk {
    margin: 0 0 0 5px;
    font-weight: 700;
}

.insuranceWarning.confirmationWarning input {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.WK .insuranceWarning.confirmationWarning input {
    margin: -2px 0 0;
}

.insuranceWarning.confirmationWarning label {
    display: inline-block;
    margin: 0 0 0 5px !important;
    line-height: 1.2;
    vertical-align: middle;
}

.insuranceWarning.confirmationWarning input#insuranceNoOption {
    margin: 0 0 0 0;
}

.WK .insuranceWarning.confirmationWarning input#insuranceNoOption {
    margin: -2px 0 0 0;
}

.insuranceWarning.confirmationWarning.error {
    color: initial !important;
}

.insuranceWarning.confirmationWarning.error div.options label,
.insuranceWarning.confirmationWarning.error p:last-child,
.insuranceWarning.confirmationWarning.error h3 {
    color: var(--color-red-red) !important;
}

.insuranceWarning.confirmationWarning .message_container {
    background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/bgfade.png");
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.insuranceWarning.confirmationWarning .messageBody {
    background-color: var(--color-white-white);
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.7em;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    top: 20%;
    width: 600px;
    z-index: 9999;
}

.insuranceWarning.confirmationWarning .messageBody .closeForm {
    border-radius: 50%;
    color: var(--color-red-red) !important;
    font-size: 20px;
    padding: 3px 10px;
    position: absolute;
    right: 5px;
    top: -4px;
    z-index: 10;
}

.insuranceWarning.confirmationWarning .messageBody .closeForm:hover {
    text-decoration: none;
}

.insuranceWarning.confirmationWarning .messageBody img {
    border: 0 none;
    float: left;
    padding: 0 10px 10px 0;
}

/* Revelex Air */

.arnAirRevelex #header.enterpriseHeader {
    z-index: 9999;
    top: 0;
}

.arnAirRevelex {
    background: var(--color-black-5) none 0 0 repeat;
    margin: 100px 0 0;
}

.arnAirRevelex .range input {
    height: auto;
}

.arnAirRevelex input,
.arnAirRevelex select {
    height: 46px;
}

/* Vacay Homes Villas */

.arnVillas #header.enterpriseHeader {
    position: static;
}

.arnVillas .homepage-header {
    background-color: var(--color-black-100);
    padding: 0 40px;
    max-height: 50px;
}

.arnVillas header .visible-navigation>li a,
.arnVillas header .visible-navigation>li span {
    color: var(--color-black-15);
    font-size: 14px;
}

.arnVillas .nav-phone-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 auto;
}

.arnVillas .header-navigation {
    border-left: 1px solid var(--color-black-60);
    margin: 0 0 0 2rem;
    padding: 0 0 0 1rem;
}

.arnVillas .contact-number-label,
.arnVillas .call-number {
    font-size: 14px !important;
    color: var(--color-black-30) !important;
}

.arnVillas header .visible-navigation>li a:hover,
.arnVillas header .visible-navigation>li span:hover {
    font-size: 14px;
    color: var(--color-black-15);
}

.arnVillas .vacation-finder-wrapper {
    margin-top: 50px;
}

.arnVillas .btns {
    color: var(--color-white-white) !important;
}

.arnVillas .main-content-wrapper.book-wrapper .form-wrapper input[type="checkbox"] {
    margin-top: 0 !important;
    width: 25px;
}

/* Safari SPecific */

.safariBrowser .ArnPushPage,
.safariBrowser .ArnPushPageContent {
    display: none !important;
}

/* 3DS Tweaks */

#theCopyInfoAjax label {
    position: static;
}

/*fix for 'Search Map Center' btn to center at  top for mobile*/
@media only screen and (max-width: 1000px) {
    .arn-leaflet-search2-button {
        top: 0 !important;
    }
}

/* Tweaks for mobile property image carousel and checkout carousel */
@media screen and (max-width: 800px) {
    .ArnContentGeneralInfo.PropertyImages div.ImageCarousel {
        display: none !important;
    }
}

fieldset#theHotel {
    padding: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
    margin: 0;
}

.distanceLabel {
    display: block;
    color: var(--color-black-black, #000);
}

/****updates for adults, children guests dropdown****/
/*align on desktop*/
.SearchHotels .ArnAcdChild {
    position: absolute;
    left: -16px;
    top: 43px;
}

/*do not show 'x' in design*/
.ArnAcdClose {
    display: none;
}

/*mobile*/
@media only screen and (max-width: 500px) {
    .RootBody .ArnAcdChild {
        position: relative;
    }

    .RootBody .ArnAcdClose {
        display: none !important;
    }
}

/* Mobile layout fix. Needs to be rethought on Keystone. */
@media screen and (max-width: 500px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropClass {
        margin: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails {
        min-height: initial;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .memberSavings {
        width: 100%;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .reviewCount {
        margin: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
        margin: 0 5px 0 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPriceCell {
        line-height: 1.3;
    }
}

.WBRoomsAdultsChildrenKeystone .ArnAcdContainer span.maxChildren {
    color: var(--color-red-red);
}

.flexContainer {
    display: flex;
}

.HiddenReviewsNoVacancy {
    display: none !important;
}

/* Search hotel listing */

.originalTotal {
    display: none !important;
}

.rateTotal {
    display: none !important;
}

.SearchHotels .ArnIconContainer {
    display: flex;
    align-items: center;
}

.SearchHotels .ArnIconContainer svg {
    width: auto;
    height: 15px;
    margin: 0px 3px 0 0;
}

.SearchHotels .amenityTitle {
    display: none;
}

.SearchHotels .ArnPropName .ArnIconContainer .flexibleCancellation {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer svg path {
    stroke: none !important;
}

.ArnIconContainer .amenity.on:nth-child(n + 4) {
    display: initial;
}

/* CX-205 */

@media screen and (max-width: 1000px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
        padding: 16px 0px 4px;
    }
}

@media only screen and (max-width: 800px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 0 0 0 0px;
    }

    .ArnPropClass,
    .customRatingImageSpan {
        height: auto;
    }

    .SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass {
        margin: 0;
    }
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
    padding: 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg {
    margin: 2px 10px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress {
    align-items: center;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
    display: flex !important;
}

.ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
    display: none;
}

.ratingCount {
    display: inline-block !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
    margin: 8px 3px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
    text-decoration: underline;
}

/* end CX-205 */

/* Loading animations */
@keyframes loading {
    0% {
        left: -100%;
    }

    50% {
        left: 100%;
    }

    100% {
        left: -100%;
    }
}

.btn-loading {
    position: relative;
    overflow: hidden;
}

a.btn-loading:after {
    content: "";
}

.loaderCheckRates {
    display: none;
}

.checkRatesWrapper input.btn-loading+.loaderCheckRates {
    display: block;
}

a.btn-loading:after,
.loaderCheckRates {
    position: absolute;
    bottom: 0;
    height: 6px;
    width: 100%;
    background-color: var(--color-primary-hover);
    animation-name: loading;
    animation-timing-function: ease;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    border-radius: 5px;
}

a.btn-loading:hover {
    background-color: var(--color-primary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit.btn-loading:hover {
    background-color: var(--color-primary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.checkRatesWrapper {
    position: relative;
    overflow: hidden;
}

/* END Loading animations */

/* Added support new custom google places autocomplete */

#pac-custom-results {
    z-index: 999;
    cursor: pointer;
    margin-top: 20px;
    white-space: nowrap;
    transition: all 0.2s linear 0s;
    text-align: left;
}

#PlacesSearchContainer.showingSuggestions {
    border-color: transparent;
}

#PlacesSearchContainer.showingSuggestions #pac-custom-results {
    box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, 0.2);
}

#PlacesSearchContainer.showingSuggestions #pac-custom-results {
    border-radius: 8px;
    border: 1px solid #ccc;
}

#pac-custom-results .pac-input-option {
    padding: 1em;
    color: #000;
}

#pac-custom-results .pac-input-option svg {
    margin-right: 1em;
    vertical-align: middle;
}

#pac-custom-results .pac-input-option svg path {
    fill: var(--color-black-100) !important;
}

#pac-custom-results .pac-input-option:hover,
#pac-custom-results .pac-input-option.highlighted {
    background-color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 600px) {
    #pac-custom-results {
        width: 88vw;
        white-space: normal;
    }
}

/* End added support new custom google places autocomplete */

/* test CX-2218 */

.CheckOutForm .alphaSkin .top-links,
.CheckOutForm .alphaSkin .nav-bottom,
.CheckOutForm .alphaSkin .vl,
.CheckOutForm .alphaSkin .profile-btn,
.CheckOutForm .ArnSupportLinks.ArnSupportBottom.static,
.CheckOutForm .enterpriseHeader #nav .links,
.CheckOutForm .alphaSkin .hamburger-1,
.CheckOutForm .enterpriseHeader #menu-button,
.CheckOutForm .ArnHeader #menu-button,
.CheckOutForm .enterpriseHeader .dropdown,
.CheckOutForm.alphaSkin footer.footer {
    display: none !important;
}

/* Password Layout Update CSS*/

.passwordMessage {
    margin: 16px 0 0;
}

.passwordMessageContainer {
    display: flex;
    padding: 16px 0px 32px 0px;
    flex-wrap: wrap;
    width: 100%;
}

.passwordMessageContainer span.status.passed,
.passwordMessageContainer li.passed span.status:not(.passed) {
    display: none;
}

.passwordMessageContainer li.passed span.status.passed {
    display: inline-block;
}

.passwordMessageContainer svg#theExMark {
    margin: 0 10px;
}

.passwordMessage ul.passwordMessageContainer li {
    display: flex;
    padding: 0 0 8px 0;
    opacity: 0.5;
    width: 50%;
}

.passwordMessage ul.passwordMessageContainer li svg path {
    fill: #62645f !important;
}

.passwordMessage ul.passwordMessageContainer li.passed {
    opacity: 1;
}

.passwordMessage ul.passwordMessageContainer li.passed svg path {
    fill: #38694d !important;
}

.passwordMessageContainer li span.status {
    padding: 0 10px 0 0;
}

.passwordMessageContainer li span.status svg {
    margin: 3px 0 0;
}

.WBClub365ChangePasswordPublicFormContainer .includeReminder,
.WBClub365ChangePasswordPublicFormContainer .password-rules {
    display: none;
}

/* ******************* */
/* ***** CX-1754 ***** */
/* ******************* */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview .ratingText .ratingValue {
    font-size: 18px;
    line-height: 28px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview .ratingText .ratingDescription {
    color: var(--Black-Black-100, #36382e);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
    margin: 0 0 0 10px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .ratingText {
    display: inline-block;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ratingText .ratingDescription {
    color: var(--Black-Black-75, var(--Color-Black-75, #62645f));
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .reviewCount {
    position: relative;
    left: 8px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .reviewCount:before {
    position: absolute;
    content: "";
    background-color: var(--Black-Black-75, var(--Color-Black-75, #62645f));
    width: 4px;
    height: 4px;
    left: -8px;
    top: 7px;
    border-radius: 50%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText {
    display: inline-block;
}

.ratingText .ratingValue {
    border-radius: 100px;
    background: var(--Blue-Blue-Light, #c4e5ff);
    padding: 4px 8px;
    margin-right: 8px;

    color: var(--Black-Black-100, #36382e);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText .ratingDescription,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText .ratingDescription {
    color: var(--Black-Black-100, #36382e);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount {
    position: relative;
    left: 8px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount:before {
    position: absolute;
    content: "";
    background-color: var(--color-black-100);
    width: 4px;
    height: 4px;
    left: -11px;
    top: 12px;
    border-radius: 50%;
}

/* ***** END CX-1754 ***** */

/************* Travel Agent ***********/

.travelAgentBannerContainer {
    background-color: #ebf0f4;
    display: none;
}

.arnqa .travelAgentBannerContainer {
    display: block;
}

.travelAgentBannerInner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.travelAgentBannerContainer p {
    padding: 0 16px 0 8px;
    font-weight: 600;
    border-right: 1px solid black;
}

.travelAgentBannerContainer a {
    padding: 0 8px 0 16px;
    font-weight: 600;
    color: #9d5c63;
}

.travelAgentBannerContainer a span {
    padding: 6px 12px;
}

.travelAgentBannerContainer .closeIcon {
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 0 20px 0 0;
}

.travelAgentBannerContainer .closeIcon svg {
    vertical-align: middle;
}

@media screen and (max-width: 650px) {
    .travelAgentBannerContainer p {
        display: none;
    }

    .travelAgentBannerContainer {
        padding: 15px 0;
    }
}

@media screen and (max-width: 450px) {
    .travelAgentBannerContainer a {
        padding: 0 8px;
        font-size: 15px;
    }

    .travelAgentBannerContainer .closeIcon {
        padding: 0 10px 0;
    }
}

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

/************* End Travel Agent ***********/

/* ************************ FinalComfirmation Upsell Component ***************** */

.FinalConfirmation .crossSell {
    border: 1px solid #ccc;
}

.FinalConfirmation .crossSell .crossSellImageContainer img {
    width: 100%;
    border-radius: 4px;
    height: auto;
    display: none;
}

.FinalConfirmation .crossSell .crossSellTitle {
    display: flex;
    align-items: center;
    padding: 11px 24px;
}

.FinalConfirmation .crossSell .crossSellTitle p {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}

.FinalConfirmation .crossSell .crossSellTitleContainer {
    border-bottom: 1px solid #ccc;
}

.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
    font-size: 12px;
    background-color: #026b9f;
    padding: 4px 10px;
    color: white;
    border-radius: 30px;
    margin-left: 16px;
}

.FinalConfirmation .crossSell .crossSellBodyContainer {
    padding: 11px 24px;
}

.FinalConfirmation .crossSell .crossSellImageContainer {
    position: relative;
    min-height: 150px;
    background-image: url("//media.travsrv.com/appSkins/77062/v6/themes/standard/images/car-upsell-image-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.FinalConfirmation .crossSell .crossSellImageContainer .promoTag {
    color: white;
    background-color: black;
    position: absolute;
    top: 15px;
    left: 0;
    display: inline-block;
    padding: 4px 16px 4px 8px;
    border-radius: 0px 16px 16px 0px;
}

.FinalConfirmation .crossSell .crossSellContentContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.FinalConfirmation .crossSell .crossSellContent {
    width: 80%;
}

.FinalConfirmation .crossSell .crossSellContentSubTitle {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    padding-bottom: 6px;
}

.FinalConfirmation .crossSell .crossSellContentSubText {
    margin: 0;
}

.FinalConfirmation .crossSell .carUpsellBtn {
    padding: 7px 16px;
    color: white;
    display: inline-block;
    background-color: black;
    font-size: 16px !important;
    border-radius: 4px;
}

@media screen and (max-width: 1000px) {
    .FinalConfirmation .crossSell .crossSellContentContainer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .FinalConfirmation .crossSell .crossSellContent {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .FinalConfirmation .crossSell .crossSellTitle {
        padding: 11px 15px;
    }

    .FinalConfirmation .crossSell .crossSellBodyContainer {
        padding: 11px 15px;
    }

    .FinalConfirmation .crossSell .crossSellTitle p {
        font-size: 20px;
    }

    .FinalConfirmation .crossSell .crossSellContentSubTitle {
        font-size: 18px;
    }
}

/* ************************ End FinalComfirmation Upsell Component ***************** */

/* CX-2114 */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability .supportMessageLink {
    display: inline-block;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability .supportMessageLink span {
    text-decoration: underline;
    cursor: pointer;
}

/* ************************ GPS Specific ***************** */

/* Search Results */
#theDatePrompt .ArnAdultChildDropdown {
    position: relative;
}

.SearchHotels.GPSSite .roomCount {
    display: none;
}

#theDatePrompt .SimpleSearch {
    display: flex;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theDatePrompt .SimpleSearch .ArnAdultChildDropdown .ArnAcdParent {
    padding-top: 27px;
}

#theDatePrompt .SimpleSearch .submit {
    height: 38px;
}

.GPSSite .gpsLabel {
    background-color: #b1dcaa;
    width: max-content;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

/* Detail Page */
.SinglePropDetail.WBPropertyDetailViewKeystone.GPSSite .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.GPSSite .holdRoom {
    min-width: 200px;
}

.SinglePropDetail.GPSSite .bestAvailable {
    background-color: transparent;
}

.SinglePropDetail.GPSSite .bestAvailableLabel {
    display: none;
}

/* Hold Rooms Page */
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .showRoomsLink,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .SimpleSearch,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .OptionsPricing,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Amenities,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Details,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Reviews {
    display: none;
}

.HoldRoomsForm .roomsAvailableSummary {
    padding: 16px;
    border-radius: 8px;
}

.HoldRoomsForm .roomsAvailableSummary p {
    margin: 10px 0 0;
}

.HoldRoomsForm .ArnRoomsOnHold table {
    background-color: #f5f5f5;
}

.HoldRoomsForm .ArnRoomsOnHold table td {
    width: 100px;
    text-align: center;
}

.HoldRoomsForm .holdDate {
    border: 2px solid white;
    padding: 5px 5px 10px;
}

.HoldRoomsForm .holdDate select {
    width: 70%;
}

.HoldRoomsForm .rooms-container {
    margin: 40px 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #f3e8df;
}

.HoldRoomsForm .contact-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.HoldRoomsForm .contact-container p {
    color: var(--color-black-100);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.HoldRoomsForm .contact-container .groupHoldContactField {
    flex: 1;
}

.HoldRoomsForm .contact-container .groupHoldContactField.groupName {
    flex: none;
    width: 100%;
}

.HoldRoomsForm .contact-container .groupHoldContactField.groupEmail #theEmail {
    width: 100%;
}

.HoldRoomsForm .contact-container .form-group {
    display: flex;
    gap: 10px;
}

.HoldRoomsForm .contact-container .form-group input {
    flex: 1;
}

.HoldRoomsForm .contact-container input.text,
.HoldRoomsForm .contact-container input,
.HoldRoomsForm .contact-container select {
    color: var(--color-black-black);
    border-color: var(--color-black-60);
    height: 50px;
    font-size: 16px;
}

.HoldRoomsForm h2 {
    width: 100%;
    margin: 0 0 24px 0;
    color: var(--black-black-100, var(--color-black-100, #36382e));
    background-color: transparent;
    font-family: "SohneBreit", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.HoldRoomsForm .ArnRoomsOnHold .addMoreRooms {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 228px;
    height: 52px;
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    border-radius: 4px;
    font-weight: 700;
    float: left;
    margin: 30px 10px 0px 0;
}

.HoldRoomsForm .ArnRoomsOnHold .submit {
    margin-top: 30px !important;
}

/* Start ARNCORE-1100: Add support for button to toggle map to expand */
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtend {
    display: block !important;
    top: 10px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapCloseLink {
    display: block;
    font-size: 20px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapCloseLink svg {
    vertical-align: middle;
    vertical-align: text-bottom;
    margin: 0px 10px 0px 20px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    display: flex;
    top: 0;
    left: 0;
    flex-direction: column;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtended {
    background-color: #fff;
    height: 60px;
    padding: 10px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .leaflet-control-zoom {
    margin-top: 80px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .arnMapExtended {
    display: block !important;
    z-index: 10000 !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .arnMapExtend {
    display: none !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-tile,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-marker-icon,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-marker-shadow,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-tile-container,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane>svg,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane>canvas,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-zoom-box,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-image-layer,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-layer {
    top: 0px !important;
    /* This fixes a bug with zooming out causing map marker to move. */
}

/* END ARNCORE-1100 */

/****************************************************************/
/******************* New CheckoutPage CSS Only ******************/
/****************************************************************/

/******************* temps ******************/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theStayPolicies {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCopyInfoAjax .checkbox {
    height: auto;
    float: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theStayPolicies {
        border-radius: 0;
        box-shadow: none;
        margin: 0 16px 32px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription {
        margin: 0;
    }
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies:before {
    background-color: #f7f4f0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges {
    border-top: none;
}

/******************* END temps ******************/

/***********************************************************/
/******************* Keystone Checkout V2 ******************/
/***********************************************************/

/*********** CheckOutForm css update CX-2085 (traveler details) **********/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames input {
    height: 52px;
    border-radius: 4px;
    border: 1px solid #c3c3c0;
    font-weight: 400;
    text-overflow: ellipsis;
    padding: 16px 9px 0;
    color: #36382e;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames td>div {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses label {
    position: absolute !important;
    left: 15px;
    top: 14px;
    color: #62645f;
    font-size: 16px;
    font-weight: 400;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames label.active,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses label.active {
    top: 0;
    font-size: 12px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses .FormFields {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses input {
    height: 52px;
    border-radius: 4px;
    border: 1px solid #c3c3c0;
    padding: 16px 9px 0;
    color: #36382e;
    text-overflow: ellipsis;
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler {
    padding: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler h3 {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #36382e;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler p {
    color: #62645f;
    margin: 16px 0 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler span.asterisk {
    color: #c7362a;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 32px;
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnCCMask {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 32px;
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnCCMask .useDifferentCardLink {
    color: #62645f;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    padding: 10px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormFields>legend {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="thePhoneNumberFields"] {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="thePhoneNumberFields"] label {
    position: absolute !important;
    left: 14px;
    font-size: 16px;
    font-weight: 400;
    color: #62645f;
    top: 13px;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="thePhoneNumberFields"] label.active {
    font-size: 12px;
    font-weight: 400;
    top: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="thePhoneNumberFields"] input {
    border: 1px solid #c3c3c0;
    height: 52px;
    border-radius: 4px;
    text-indent: 14px;
    padding: 20px 0 0;
    text-overflow: ellipsis;
    color: #36382e;
    width: 100% !important;
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr {
    gap: 30px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .theEmailAddresses {
    width: 100%;
    margin-right: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #thePhoneNumberFieldsAjax {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .FormFields {
    margin-top: 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #thePhoneNumberAjax.FormFields {
    margin-top: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo #theAdditionalEmailsLink a {
    color: #62645f;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theSpecialRequest"] a {
    color: #62645f;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 0;
    display: inline-block;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theSpecialRequest"] .FormFields {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theSpecialRequest"] label {
    position: absolute;
    font-size: 16px;
    color: #62645f;
    left: 12px;
    font-weight: 400;
    top: 18px;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theSpecialRequest"] label.active {
    font-weight: 400;
    font-size: 12px;
    top: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theSpecialRequest"] textarea {
    border-radius: 4px;
    border: 1px solid #c3c3c0;
    text-indent: 11px;
    color: #36382e;
    padding: 22px 0 0;
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms .upgradeMembershipSection+#inventoryNotice {
    margin: 32px 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #phoneNumberExplanationText {
    font-size: 12px;
    font-weight: 400;
    text-indent: 0;
    line-height: 18px;
    padding: 5px 0 0;
    color: #36382e;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress {
    position: relative;
    margin: 32px 0 20px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress label {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    color: #62645f;
    top: 14px;
    left: 14px;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress label.active {
    top: 0;
    font-size: 12px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress input {
    height: 52px;
    border-radius: 4px;
    border: 1px solid #c3c3c0;
    text-indent: 14px;
    padding: 16px 0 0;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #36382e;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo input:focus {
    border: 1px solid #36382e;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theAdditionalEmails"] {
    margin: 26px 0 0;
}

@media screen and (min-width: 801px) and (max-width: 1000px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
        gap: 16px;
    }
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo {
        padding: 0 15px;
        box-shadow: none;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id*="theAdditionalEmails"] {
        margin: 24px 0 0;
    }
}

@media screen and (max-width: 600px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
        gap: 16px;
    }
}

@media screen and (max-width: 500px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr {
        flex-direction: column;
        gap: 16px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormFields .ArnGuestNames>table td:first-child {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .FormFields {
        margin-top: 16px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
        flex-direction: column-reverse;
        gap: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler p {
        margin: 15px 0;
    }
}

/*********** end traveler details update CX-2085 **********/

/*********** check-out form css update CX-2086 (payment details) **********/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 32px;
    margin: 0 0 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .FormFields {
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .digitalWallet.braintree {
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .title {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #36382e;
    margin: 0;
    padding: 0 0 16px;
    grid-column: 1 / 3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .paymentNote {
    grid-column: 1/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.paymentImg {
    grid-column: 1/3;
    margin: 24px 0 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardNumber {
    grid-column: 1/2;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration {
    grid-column: 2/3;
    display: flex;
    gap: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestExpiresMonth,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestExpiresYear {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration>label {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .subTitle>span {
    color: #62645f;
    margin: 16px 0 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardVerification {
    grid-column: 1/2;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 [id*="theCreditCardBillingNameAjax"] {
    grid-column: 2/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestBillingAddress {
    grid-column: 1/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCityAjax"] {
    width: 100%;
    grid-column: 1 / 2;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList {
    grid-column: 2/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList {
    width: 100%;
    grid-column: 1 / 2;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theZipCodeAjax"] {
    grid-column: 2 / 3;
    width: 100%;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails input {
    border: 1px solid #c3c3c0;
    height: 52px;
    border-radius: 4px;
    text-overflow: ellipsis;
    padding: 20px 9px 0 !important;
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails select {
    border: 1px solid #c3c3c0;
    height: 52px;
    border-radius: 4px;
    padding: 20px 30px 0 14px;
    background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.49997 7.98935L0.235596 1.7331L1.38935 0.579346L6.49997 5.6981L11.6106 0.579346L12.7643 1.7331L6.49997 7.98935Z" fill="%2336382E"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    appearance: none;
    text-overflow: ellipsis;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails input:focus,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails select:focus {
    border: 1px solid #36382e;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardNumber,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardVerification,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestBillingAddress,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCreditCardBillingNameAjax"],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCityAjax"],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theZipCodeAjax"],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresMonth,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresYear,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList {
    position: relative;
    overflow: hidden;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardNumber>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardVerification>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestBillingAddress>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCreditCardBillingNameAjax"]>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCityAjax"]>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theZipCodeAjax"]>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresMonth>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresYear>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList>label {
    position: absolute !important;
    left: 15px;
    top: 14px;
    color: #62645f;
    font-size: 16px;
    font-weight: 400;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails label.active {
    top: 0;
    font-size: 12px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList label {
    top: 0 !important;
    font-size: 12px !important;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hideDefault select {
    font-size: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td:first-of-type>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td:last-of-type>label {
    position: absolute !important;
    left: 15px;
    top: 14px;
    color: #62645f;
    font-size: 16px;
    font-weight: 400;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration table {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration table tr {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails div[id*="theCardExpirationFields"] td:first-of-type {
    padding: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
    display: flex;
    justify-content: space-between;
    gap: 42px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields div {
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody input {
    border: 1px solid #c3c3c0;
    height: 52px;
    border-radius: 4px;
    text-indent: 14px;
    padding: 20px 0 0;
    text-overflow: ellipsis;
    color: #36382e;
    width: 100% !important;
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody select {
    border: 1px solid #c3c3c0;
    height: 52px;
    border-radius: 4px;
    padding: 20px 30px 0 14px;
    background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.49997 7.98935L0.235596 1.7331L1.38935 0.579346L6.49997 5.6981L11.6106 0.579346L12.7643 1.7331L6.49997 7.98935Z" fill="%2336382E"/></svg>');
    background-repeat: no-repeat;
    background-position: right 8px center;
    appearance: none;
    text-overflow: ellipsis;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields>div {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields label {
    position: absolute !important;
    left: 15px;
    top: 14px;
    color: #62645f;
    font-size: 16px;
    font-weight: 400;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
    pointer-events: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields label.active {
    top: 0;
    font-size: 12px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList {
    border: 2px solid var(--color-red-red);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 32px;
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList .errors {
    border: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList h1 {
    margin: 0;
    padding: 0 0 18px;
}

@media screen and (min-width: 801px) and (max-width: 1000px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
        grid-column-gap: 16px;
    }
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails {
        border-radius: 0px;
        box-shadow: none;
        border-top: 2px solid #f3e8df;
        border-bottom: 2px solid #f3e8df;
        padding: 32px 15px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .digitalWallet.braintree {
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid #f3e8df;
    }
}

@media screen and (max-width: 600px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div:nth-of-type(7) {
        display: block !important;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
        grid-column-gap: 16px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
        gap: 16px;
    }
}

@media screen and (max-width: 500px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardNumber,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardVerification,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 [id*="theCreditCardBillingNameAjax"],
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theCityAjax"],
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList,
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theZipCodeAjax"] {
        grid-column: 1/3;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .FormFields {
        margin: 0 0 16px;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*="theZipCodeAjax"] {
        margin: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
        flex-direction: column;
        gap: 0px;
    }
}

/*********** end check-out form css update CX-2086 **********/

/*********** check-out inventory notice CX-2084 **********/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #36382e;
    border-radius: 8px;
    padding: 8px 10px;
    font-weight: 400;
    margin: 0 0 32px;
    box-shadow: 0px 0px 10px 0px #00000040;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .tooltip .tooltiptext {
    max-width: 280px;
    width: 90%;
    left: 70px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice svg {
    vertical-align: middle;
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice {
        border-radius: 0;
        border: none;
        border-top: 2px solid #f3e8df;
        border-bottom: 2px solid #f3e8df;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms .upgradeMembershipSection+#inventoryNotice {
        margin: 0;
    }
}

/*********** end check-out inventory notice CX-2084 **********/

/*********** check-out hurry book CX-2037 **********/

/* moveHurryBookMessage() - keystone.js */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hurryBook {
    padding: 6px 0px;
    border-radius: 8px;
    font-size: 14px;
    display: none;
    font-weight: 700;
    background-color: #d6f6dc;
    box-shadow: 0px 0px 10px 0px #00000040;
    color: #36382e;
    line-height: 24px;
    margin: 0px 0px 16px;
    position: sticky;
    top: 0;
    z-index: 32;
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hurryBook {
        border-radius: 0;
        margin: 0;
    }
}

/*********** check-out hurry book CX-2037 **********/

/* *********************** Checkout Button CX-20878 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer .submit {
    border-radius: 32px;
    height: 46px;
    padding: 10px 32px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer {
    background-color: #fff;
    border: none;
    padding: 0;
    position: static;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 22px 32px 32px;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer>legend {
    display: none;
}

@media screen and (max-width: 400px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer .submit {
        font-size: 14px;
        padding: 10px;
    }
}

/* under button - not sure what this is */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theHorsePowerStickers {
    display: none;
}

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer {
        box-shadow: none;
        border-radius: 0;
        border-top: 1px solid #f3e8df;
        padding: 15px 16px;
        margin: 0 0 24px;
    }

    /* should v6 remove */
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalPopup {
        display: none !important;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies {
        padding: 20px 16px 0px;
        background-color: #fff;
    }
}

/* *********************** end Checkout Button CX-20878 ****************** */

/* *********************** Checkout mobile checkout btn CX-2325 ****************** */

@media screen and (max-width: 800px) {
    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .resConfirmationButton {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 30;
        padding: 16px 16px 24px;
        background-color: var(--color-black-5);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    }
}

/* *********************** END Checkout mobile checkout btn CX-2325 ****************** */

/***********************************************************/
/******************* END Keystone Checkout V2 ******************/
/***********************************************************/

/***********************************************************/
/* WBPropertyDetailViewKeystoneCuratedOption CSS */
/***********************************************************/

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .StandardRoomAvailability .ArnNightlyRate {
    text-align: right;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption {
    fieldset.curated .StandardRoomAvailability {
        .rateRow {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            border-bottom: none;
            block-size: 100%;
        }

        .ArnContentGeneralInfo {
            padding: 0 16px;
        }

        .ArnContentGeneralInfo .roomNameDetails {
            margin: 16px 0 0;
        }

        .roomPricing {
            flex-direction: column;
            padding-top: 0;
            text-align: right;
            margin: 16px 0 0;
            display: flex;
            padding: 16px;
        }

        .bookRoomCell {
            padding: 16px 0 0 0;
            flex: 1;
            border-top: 1px solid #dbdbdb;
        }

        .roomCount {
            margin: 0;
        }

        .bookRoomContainer {
            flex: 1;
            display: flex;
            align-items: end;
        }
    }

    .ArnContentGeneralInfo .RoomDescription {
        border-top: 1px solid #ccc;
        padding: 16px 0 0;
        margin: 16px 0 0;
    }

    .percentSavings {
        margin: 0 0 4px auto;

        padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
        border-radius: var(--banner-default-radius, 4px);
        background: var(--banner-tertiary-bg, #d6f6dc);

        color: var(--banner-tertiary-fg, #36382e);

        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .originalPrice {
        margin-right: 8px;
        color: var(--black-black-75, #62645f);
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: strikethrough;
    }

    .averageNightly,
    .averageNightlyTotal {
        color: var(--black-black-100, #36382e);
        text-align: right;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
    }

    .dailyRates {
        display: inline-block;
        margin-left: 8px;
    }

    .ArnRateCalendarHeading {
        text-align: left;
    }

    .ArnRateCalendar .line {
        align-items: center;

        .originalPrice {
            margin: 0;
        }
    }

    .memberSavings {
        margin: 4px 0 0 0;
        color: var(--card-hotel-search-info-color, #62645f);
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

    .bookRoom {
        display: flex;
        width: auto;
        padding: var(--button-default-padding-s-top, 8px) var(--button-default-padding-s-side, 16px);
        margin: 4px 0 0 auto !important;
        justify-content: center;
        align-items: center;

        border-radius: var(--button-default-radius, 32px);
        border: 2px solid var(--button-primary-fill-bg, #f2ba00);
        background: var(--button-primary-fill-bg, #f2ba00);

        color: var(--button-primary-fill-fg, #36382e);
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .bookRoom:hover {
        border: 2px solid var(--button-primary-fill-hover-bg, #fccc2a);
        background: var(--button-primary-fill-hover-bg, #fccc2a);
    }

    .StandardRoomAvailability .keystoneCarousel:after {
        position: absolute;
        content: "....";
        color: var(--color-white-white);
        width: 100%;
        height: 0;
        left: 0;
        bottom: 40px;
        text-align: center;
        font-size: 35px;
        letter-spacing: 6px;
        z-index: 20;
    }

    .StandardRoomAvailability .keystoneCarousel:has(.slide:only-child):after {
        content: "";
    }

    .keystoneCarousel-container i {
        top: calc(50% - 14px);
        width: 38px;
        height: 38px;
        border-radius: 32px;
        padding: 8px;
        background: rgba(255, 255, 255, 0.75) !important;
        cursor: pointer;
    }

    .keystoneCarousel-container i svg path {
        fill: var(--color-black-100) !important;
    }

    .payOption {
        padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
        margin: 0 0 4px 0;
        border-radius: var(--banner-default-radius, 4px);
        background: var(--banner-primary-bg, #f3e8df);

        color: var(--banner-primary-fg, #36382e);

        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        text-transform: uppercase;
    }

    .priceDiff {
        width: auto;
        text-align: right;
        font-weight: 700;
    }

    .roomDetails {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0;
    }

    .roomDetails input {
        float: left;
        width: 18px;
        height: 18px;
        margin: 3px 10px 0 0;
    }

    .ArnRoomName {
        margin: 0 0 4px 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }

    .cancellationPolicy a {
        color: var(--color-secondary, #236180);

        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 171.429% */
        text-decoration-line: underline;
    }

    .cancellationPolicy:hover {
        color: var(--color-secondary-hover);
    }

    .roomMainInfo {
        width: 100%;
    }

    .averageNightly .labelAvgNightly {
        display: inline;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 0 4px;
    }

    .averageNightlyTotal .labelAvgNightlyTotal {
        margin: 0 0 0 4px;
    }

    .cancellationPolicy .arnPopupClose {
        font-size: 0;
    }

    .fullStayTotal {
        display: inline-flex;
        align-self: flex-end;
        margin-top: 4px;
        color: var(--card-hotel-search-total-color, #36382e);
        text-align: right;
        align-items: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        gap: 4px;

        .labelTotal {
            margin: 0;
        }
    }

    .ArnRateCalendar .line .ArnNightlyRateCal {
        text-align: left;
    }

    .ArnRateCalendarTotal .Heading {
        text-align: left;
    }

    .rateDescriptionContent {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 16px;
        line-clamp: 2;
        line-height: 24px;
    }

    .keystoneCarousel-container.hideOverlayUntilHover i,
    .keystoneCarousel-container.hideOverlayUntilHover i.hidden,
    .keystoneCarousel-container.hideOverlayUntilHover:hover i.hidden {
        opacity: 0 !important;
    }

    .keystoneCarousel-container.hideOverlayUntilHover:hover i {
        opacity: 1 !important;
    }

    .bestAvailable {
        background-color: inherit;
    }

    .pswp--has_mouse .pswp__button--arrow {
        visibility: visible;
        top: calc(50% - 0px);
        width: 60px;
        height: 60px;
        border-radius: 30px;
        padding: 8px;
        background: rgba(255, 255, 255, 0.75) !important;
        cursor: pointer;
    }

    .pswp__button--arrow--next .pswp__icn,
    .pswp__button--arrow .pswp__icn {
        right: 9px;
        fill: var(--pswp-icon-color-secondary);
    }
}

/* AIMS Promo offer banner */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .roomPromotionalOffer {
    padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
    text-align: center;
    border-radius: var(--banner-radius, 4px);
    background: var(--ocean-ocean-600, #037092);
    color: var(--color-white-white, #fff);
    font-family: "Roboto-Condensed";
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;

    margin-top: auto;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .rateContent {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .rateContent>div:not(.RateRowHeader) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo .RoomDescription {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo .ArnRateDescription {
    margin-bottom: 8px;
}

/* end AIMS Promo offer banner */

/* Price Detail Section CSS */
.ArnRateCalendarLabel,
.ArnDueAtProperty {
    display: inline-flex;
    width: 50%;
    text-align: left;
}

.ArnRateCalendarLabel {
    margin: 10px 0 5px 0;
}

.ArnRateCalendarLabel+.amount,
.ArnDueAtProperty+.ArnDueAtPropertyFee {
    display: inline-flex;
    width: 50%;
    justify-content: flex-end;
}

.ArnRateTaxAndFees {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.ArnRateCalendar {
    max-height: 400px;
    overflow-y: auto;
    margin: 5px 0;
    width: auto !important;
}

.ArnDisclaimer {
    text-align: left;
}

#theArnFeeLabel,
#theArnDueAtPropertyFeeDescription {
    width: auto !important;
    padding: 5px;
    text-align: left;
}

/* END Price Detail Section CSS */

@media screen and (max-width: 800px) {
    .SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption {
        .percentSavings {
            width: max-content;
        }

        .keystoneCarousel-container.hideOverlayUntilHover i {
            opacity: 1 !important;
        }
    }
}

/***********************************************************/
/* END WBPropertyDetailViewKeystoneCuratedOption CSS */
/***********************************************************/

.SinglePropDetail .ArnRateCalendarTotalWithTax {
    color: var(--color-black-100);
    font-weight: 700;
    margin: 16px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--color-black-30);
}

.SinglePropDetail .ArnRateCalendarTotalWithTax>div:first-of-type {
    display: none;
}

.SinglePropDetail .ArnRateCalendarTotalWithTax>div:last-of-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ****************************** */
/* Total Pricing test */
/* ****************************** */

.fullStayTotal .note {
    line-height: 1;
}

/* Search Listing / Map */
.useTotalPricing.SearchHotels .originalPrice,
.useTotalPricing.SearchHotels .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.SearchHotels .averageNightly,
.useTotalPricing.SearchHotels .memberSavings,
.useTotalPricing.SearchHotels .arnMapMarkerSpan,
.useTotalPricing.SearchHotels .arnMapPopup .originalNighly,
.useTotalPricing.SearchHotels .labelAvgNightlyTotal {
    display: none !important;
}

.useTotalPricing.SearchHotels .originalPrice.originalFullPrice,
.useTotalPricing.SearchHotels .arnMapMarkerTotalSpan,
.useTotalPricing.SearchHotels .averageNightlyTotal,
.useTotalPricing.SearchHotels .arnMapPopup .originalTotal,
.useTotalPricing.SearchHotels .arnMapPopup .rateTotal {
    display: inline-block !important;
}

.useTotalPricing.SearchHotels .memberSavings.memberTotalSavings {
    display: block !important;
}

/* Single Prop */
.useTotalPricing.SinglePropDetail .ArnRateCalendarTotal {
    display: none !important;
}

.useTotalPricing.SinglePropDetail .ArnRateCalendarTotalWithTax {
    display: block !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystone */

.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystone .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystone .memberSavings {
    display: none !important;
}

.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice,
.useTotalPricing.WBPropertyDetailViewKeystone .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

.useTotalPricing.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
    display: inline !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCurated */
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .memberSavings {
    display: none !important;
}

.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

.useTotalPricing.WBPropertyDetailViewKeystoneCurated:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
    display: inline !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCuratedOption */
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .memberSavings {
    display: none !important;
}

.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .averageNightlyTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice {
    display: block !important;
}

.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .fullStayTotal {
    display: inline-flex !important;
}

@media screen and (max-width: 800px) {
    .useTotalPricing.WBPropertyDetailViewKeystone .percentSavings {
        margin: 0 0 8px 0;
    }
}

/* Use total average Nightly (ex. Tripbeat) */

.useAverageNightlyTotal.SearchHotels .originalPrice,
.useAverageNightlyTotal.SearchHotels .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.SearchHotels .averageNightly,
.useAverageNightlyTotal.SearchHotels .fullStayTotal .labelTotal,
.useAverageNightlyTotal.SearchHotels .memberSavings,
.useAverageNightlyTotal.SearchHotels .arnMapMarkerSpan,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .originalNighly,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .rateNightly,
.useAverageNightlyTotal.SearchHotels .labelAvgNightlyTotal {
    display: none !important;
}

.useAverageNightlyTotal.SearchHotels .originalPrice.originalFullPrice,
.useAverageNightlyTotal.SearchHotels .arnMapMarkerTotalSpan,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .originalTotal,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .rateTotal,
.useAverageNightlyTotal.SearchHotels .averageNightlyTotal {
    display: inline-block !important;
}

.useAverageNightlyTotal.SearchHotels .memberSavings.memberTotalSavings {
    display: block !important;
}

/* Single Prop */
.useAverageNightlyTotal.SinglePropDetail .ArnRateCalendarTotal {
    display: none !important;
}

.useAverageNightlyTotal.SinglePropDetail .ArnRateCalendarTotalWithTax {
    display: block !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystone */

.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .memberSavings {
    display: none !important;
}

.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

.useAverageNightlyTotal.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
    display: inline !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCurated */
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .memberSavings {
    display: none !important;
}

.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
    display: inline !important;
}

/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCuratedOption */
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .memberSavings {
    display: none !important;
}

.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .averageNightlyTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .memberSavings.memberTotalSavings {
    display: inline-block !important;
}

@media screen and (max-width: 800px) {
    .useAverageNightlyTotal.WBPropertyDetailViewKeystone .percentSavings {
        margin: 0 0 8px 0;
    }
}

/* ****************************** */
/* END Total Pricing test */
/* ****************************** */

/* dev.css */

.fullStayTotal {
    display: block !important;
    font-weight: 700 !important;
}

.fullStayTotal .note {
    display: block;
    margin: 0 0 0 5px;
    text-transform: lowercase !important;
}

.WBPropertyDetailViewKeystone .fullStayTotal .labelTotal,
.WBPropertyDetailViewKeystoneCurated .fullStayTotal .labelTotal {
    display: inline;
    margin: 0 0 0 5px !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .fullStayTotal .note {
    display: block !important;
    margin: 0 0 0 5px;
}

/* frankensteinkeystone css */

.SearchHotels.SearchMode-WBHotelListKeystone .memberSavings {
    text-align: right;
}

/* ****************************** */
/* Hotel Tile Update */
/* ****************************** */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount {
    position: relative;
    left: 57px;
    display: block;
    top: -5px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount:before {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ratingText .ratingValue {
    position: relative;
    top: 9px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress {
    margin: 5px 0 0px;
}

@media screen and (max-width: 500px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount {
        left: 63px;
    }
}

/* ****************************** */
/*  End Hotel Tile Update */
/* ****************************** */

/* HBE-366 */
/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .arnPopupContents {
    text-align: left;
}

/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .ArnSubPage {
    width: 100%;
}

/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .SimpleSearch {
    height: auto;
    background-color: transparent;
    border: none;
}

/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn {
    position: static;
}

/* ********************************************************* */
/* ****************** Checkout Summary **************** */
/* ********************************************************* */

/* *********************** Carousel mod CX-2292 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i {
    height: 32px;
    width: 32px;
    background: rgba(255, 255, 255, 0.75) !important;
    cursor: pointer;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg {
    width: 16px;
    height: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg path,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg path {
    fill: var(--color-black-100) !important;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide>div,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide>div {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container {
    position: relative;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container .keystoneCarousel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container .keystoneCarousel {
    border-radius: 8px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel:after,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel:after {
    content: "• • • •";
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    z-index: 50;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    height: 20px;
    pointer-events: none;
    letter-spacing: 1px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide a:after,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide a:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.7) 100%);
}

/* *********************** End Carousel mod CX-2292 ****************** */

/* *********************** Checkout rate links & popups HBE-57 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .RateCalendarPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .RateCalendarPopupAnchor {
    text-decoration: underline;
    color: #62645f;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .DueAtPropertyPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .DueAtPropertyPopupAnchor {
    text-decoration: underline;
    color: #62645f;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .originalPrice,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .originalPrice {
    color: #62645f;
    font-weight: 400;
    line-height: 26px;
    font-size: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .discount {
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .ArnTaxAndFeesPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .ArnTaxAndFeesPopupAnchor {
    text-decoration: underline;
    color: #62645f;
    font-weight: 400;
    line-height: 26px;
    cursor: pointer;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .taxFeeRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .taxFeeRow .amount {
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnTaxAndFeesHeading,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnTaxAndFeesHeading {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #c3c3c0;
    padding: 0 0 16px;
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar {
    display: block;
    max-height: 500px;
    overflow: auto;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar table,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar table,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tbody,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tbody {
    display: block;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tr,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tr {
    display: flex;
}

@media screen and (max-width: 1000px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer {
        width: 100%;
    }
}

/* *********************** End rate links & popups HBE-57 ****************** */

/* *********************** Checkout Summary CX-2293 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child {
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary {
    border-top: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer .discount {
    font-weight: 700;
}

@media screen and (max-width: 800px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child {
        font-weight: 700 !important;
    }
}

/* *********************** End Checkout Summary CX-2293 ****************** */

/* *********************** rateBreakdown HBE-12 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown {
    flex-direction: column;
    background-color: #fff;
    padding: 16px !important;
    border-radius: 8px;
    gap: 4px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow .originalPrice,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow .originalPrice {
    display: none;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .dueNowRow {
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountTitle,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountTitle,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountAmount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountAmount {
    color: #236180;
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .label,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .amount {
    font-size: 18px;
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow .amount {
    font-weight: 400;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 800px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown {
        background-color: #f7f4f0;
    }
}

/* *********************** END rateBreakdown HBE-12 ****************** */

/* *********************** Room Type Details Section Enhancements HBE-10 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow>span:last-of-type,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow>span:last-of-type {
    text-align: right;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow {
    display: grid;
    grid-template-columns: 1fr 2fr;
    width: 100%;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow span:not(.label),
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow span:not(.label) {
    text-align: right;
    grid-column: 2/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .arnPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .arnPopupAnchor {
    text-decoration: underline;
    color: var(--color-black-100);
    font-weight: 500;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #RoomWithCancellationPolicy,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #RoomWithCancellationPolicy {
    grid-column: 1/3;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
    text-align: left;
}

@media screen and (max-width: 800px) {

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateSummaryInfo,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateSummaryInfo {
        padding: 0;
    }

    .CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription,
    .FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription {
        margin: 10px 0;
    }
}

/* *********************** END Room Type Details Section Enhancements HBE-10 ****************** */

/* *********************** Promocode Enhancements HBE-13 ****************** */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponLabel {
    display: block;
    line-height: revert;
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink {
    display: block;
    width: 100%;
    text-align: center;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea {
    padding: 16px !important;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .couponCodeSavings .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .couponCodeSavings .amount {
    color: #38694d;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><rect width="32" height="32" rx="16" fill="white"/><path d="M13.88 22.6897L9 16.9997L10.52 15.6997L13.89 19.6297L22 11L23.5 12.32L13.88 22.6897Z" fill="%2338694D"/></svg>');
    background-size: contain;
    margin-right: 8px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponRemoveButton,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponRemoveButton {
    background-color: #fff;
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary) !important;
    border-radius: 32px;
    cursor: pointer;
    width: initial;
    padding: 8px 16px;
    text-transform: uppercase;
    height: initial;
    font-size: 12px;
    line-height: 18px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink {
    color: #36382e;
    font-weight: 700;
    text-decoration: underline;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .promoCodeLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .promoCodeLabel {
    font-weight: 700;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea #applyDiscountCode,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea #applyDiscountCode {
    padding: 0;
}

/* remove coupon border */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset {
    border-top: none;
    width: 100%;
    margin: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset button,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset button {
    width: 22%;
    padding: 8px 16px;
    margin: 0 0 0 3%;
    background-color: #fff;
    color: var(--color-secondary);
    border: 2px solid var(--color-secondary) !important;
    border-radius: 32px;
    cursor: pointer;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset input,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset input {
    width: 75%;
    border: 1px solid #c3c3c0 !important;
    text-indent: 16px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable>.couponCodeSavings~#theCouponArea,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable>.couponCodeSavings~#theCouponArea {
    flex-direction: column;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponDiv,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponDiv {
    margin: 0;
}

/* prefer a class on this div or remove div */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals .taxFeeRow+div,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals .taxFeeRow+div {
    padding: 0;
}

.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponArea {
    display: none;
}

.FinalConfirmation .guestNameFields .confirmNum {
    margin: 0 15px 0 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .memberUpgradeFeeRow {
    display: flex;
    justify-content: space-between;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .memberUpgradeFeeRow .label {
    width: 100%;
    max-width: 200px;
}

/* *********************** END Promocode Enhancements HBE-13 ****************** */

/* *********************************************************** */
/* ****************** End Checkout Summary **************** */
/* ********************************************************* */

/* *********************************************************** */
/* ****************** Member Upgrade Component **************** */
/* ********************************************************* */

.CheckOutForm .upgradeMembershipSectionV2 .memberUpgradePitch {
    display: block !important;
}

.CheckOutForm .upgradeMembershipSectionV2 {
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 32px;
    margin: 0 0 32px;
}

.CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
    font-weight: 400;
    margin: 0 0 0 auto;
    font-size: 14px;
    white-space: nowrap;
}

.CheckOutForm .upgradeMembershipSectionV2 legend {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #36382e;
    padding: 0 0 16px 0;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipCheckboxSection {
    display: flex;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipCheckboxSection .checkbox {
    height: 22px;
    accent-color: var(--color-secondary);
    flex: 0 0 auto;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY {
    padding: 32px 0 0;
}

.CheckOutForm .upgradeMembershipSectionV2 #theMemberUpgradeDiscount {
    font-weight: 400;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY h3 {
    display: none;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentMessage p {
    font-weight: 400;
    color: #236180;
    /* semantic/color/secondary */
    margin: 16px 0 0;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentMessage a {
    text-decoration: underline !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY p {
    display: none;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption {
    display: grid;
    grid-template-columns: 1fr repeat(3, min-content);
    align-items: center;
    column-gap: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 16px;
    opacity: 0.7;
    margin: 16px 0;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .promotion {
    margin: 16px 0 0;
    grid-column: 1/5;
    background-color: #36382e;
    color: white;
    border-radius: 4px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .promotion:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4652 1L12.2696 1.04348L12.2261 2.62174H10.9522C6.33478 2.62174 2.58696 6.36957 2.58696 10.9913C2.58696 15.613 6.33478 19.3652 10.9565 19.3652C15.5783 19.3652 19.3304 15.6174 19.3304 10.9957V9.8L20.9522 9.72174L20.9957 10.5261C21.0043 10.687 21.0043 10.8391 21.0043 10.9913V11C21.0043 16.5217 16.5261 21 11.0043 21C5.48261 21 1 16.5217 1 11C1 5.47826 5.47826 1 11 1H11.4652ZM5.8087 5.78261C8.67391 2.92174 13.3174 2.92174 16.187 5.78261C19.0609 8.64783 19.0652 13.3 16.2 16.1696C13.3348 19.0391 8.68261 19.0478 5.81304 16.1826L5.71304 16.0826C5.64783 16.013 5.57826 15.9435 5.51739 15.8696L4.94783 15.2348L6.19565 14.1087L6.76522 14.7435L6.98696 15C9.1913 17.2043 12.7696 17.2043 14.9739 15C17.1783 12.7957 17.1783 9.21739 14.9739 7.01304C12.7696 4.8087 9.1913 4.8087 6.98696 7.01304C6.9087 7.08696 6.83478 7.16957 6.76522 7.25217L6.21304 7.88696L4.94783 6.76087L5.25217 6.40435L5.53043 6.1C5.56087 6.06522 5.58696 6.03043 5.62174 6L5.81304 5.79565L5.8087 5.78261ZM11.8913 7.18261V8.03043C12.7435 8.11304 13.5304 8.53478 14.0696 9.2L14.2304 9.43913L13.0696 10.3957L12.8739 10.1174C12.6304 9.8 12.2826 9.58261 11.8913 9.5V10.2217C13.0435 10.3478 14.2478 10.5783 14.2478 11.9174C14.2478 12.9957 13.3913 13.6826 11.8913 13.8435V14.6913H10.5087V13.8435C9.47826 13.7696 8.52609 13.2565 7.89565 12.4348L7.75217 12.2043L8.91304 11.213L9.1087 11.4913C9.45652 11.9348 9.95217 12.2348 10.5087 12.3391V11.4913C9.46522 11.3739 8.21739 11.1348 8.21739 9.83913C8.21739 8.83043 9.1087 8.12609 10.5087 7.98261V7.18696H11.8913V7.18261ZM5.3 11.2522L5.47826 12.1C5.52174 12.313 5.57826 12.5217 5.64783 12.7261L5.9087 13.5304L4.28696 14.1261L4.02609 13.3217C3.93478 13.0435 3.86087 12.7609 3.80435 12.4739L3.64348 11.5913L5.29565 11.2522H5.3ZM11.8913 11.6696V12.4261C12.4 12.3478 12.6957 12.1391 12.6957 12C12.6957 11.8609 12.6957 11.7783 11.8913 11.6696ZM4.3 7.92174L5.91304 8.44783L5.63478 9.22174C5.56956 9.43043 5.51304 9.64348 5.47391 9.85652L5.34783 10.7652L3.65217 10.4261L3.82174 9.57826C3.87391 9.2913 3.94783 9.0087 4.04348 8.73043L4.30435 7.92609L4.3 7.92174ZM10.5087 9.41304C10.1 9.45652 9.73478 9.55652 9.73478 9.80435C9.73478 9.87391 9.73478 9.96522 10.5087 10.0739V9.41304ZM19.7217 6.01304L20.0609 6.75217C20.187 7.05652 20.3 7.33043 20.4 7.6L20.6696 8.33043L19.1435 8.88261L18.8652 8.1087C18.7783 7.88261 18.687 7.66087 18.587 7.44783L18.2478 6.75217L19.7217 6.01304ZM17.1609 3.04348L17.7652 3.59565C17.9739 3.78696 18.1783 3.9913 18.3783 4.20435L18.9304 4.83043L17.7348 5.93478L17.1826 5.33043L16.7 4.81304L16.0957 4.26087L17.1652 3.03913L17.1609 3.04348ZM13.6739 1.31304L14.4348 1.5913C14.7087 1.6913 14.9783 1.80435 15.2391 1.93043L15.9783 2.27826L15.2826 3.74348L14.5435 3.40435C14.3261 3.29565 14.1043 3.20435 13.8739 3.12609L13.113 2.84783L13.6739 1.31304Z' fill='%2336382E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1C11.4983 1 11.988 1.03644 12.4668 1.10681L12.1559 2.50584C11.7779 2.45489 11.392 2.42857 11 2.42857C6.26613 2.42857 2.42857 6.26613 2.42857 11C2.42857 15.7339 6.26613 19.5714 11 19.5714C15.7339 19.5714 19.5714 15.7339 19.5714 11C19.5714 10.6215 19.5469 10.2488 19.4993 9.88328L20.8998 9.57884C20.9658 10.0431 21 10.5175 21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1ZM20.5976 8.18259C20.3671 7.3959 20.0424 6.64943 19.6367 5.95618L18.454 6.76536C18.7614 7.30532 19.0119 7.88194 19.1972 8.48704L20.5976 8.18259ZM18.829 4.77786L17.6463 5.58703C17.278 5.13536 16.8646 4.72194 16.4129 4.35364L17.2221 3.171C17.8166 3.64407 18.3559 4.18342 18.829 4.77786ZM16.0438 2.3633C15.3635 1.96518 14.6321 1.64513 13.8616 1.41545L13.5507 2.8145C14.142 2.99856 14.7059 3.24494 15.2346 3.54595L16.0438 2.3633ZM10.3146 13.8122V14.5715H11.7431V13.8364C12.3293 13.7938 12.8558 13.6826 13.2809 13.473C13.573 13.3291 13.8417 13.1265 14.0374 12.8448C14.2376 12.5564 14.3333 12.2246 14.3333 11.8762C14.3333 11.4587 14.1688 11.104 13.8988 10.8394C13.6491 10.5949 13.3355 10.4513 13.0463 10.3609C12.6522 10.2377 12.1942 10.1808 11.7431 10.1573V9.1952C12.0575 9.24327 12.292 9.32614 12.4672 9.41441C12.7387 9.55114 12.9053 9.71951 13.0201 9.86404L14.1718 8.93592C13.9588 8.66775 13.6338 8.34088 13.1268 8.08555C12.7508 7.89617 12.2957 7.75668 11.7431 7.69769V7.19051H10.3146V7.70765C9.84571 7.75811 9.41127 7.8589 9.04496 8.03037C8.43241 8.3171 7.94231 8.84838 7.94231 9.6476C7.94231 10.4093 8.46004 10.9246 9.02592 11.2096C9.39292 11.3945 9.83197 11.5156 10.3146 11.578V12.3144C9.44814 12.1855 8.97105 11.8619 8.70956 11.5985L7.66668 12.6491C8.20616 13.1925 9.04552 13.6678 10.3146 13.8122ZM11.7431 12.3457C12.1545 12.3077 12.4454 12.2309 12.6327 12.1386C12.7585 12.0765 12.8093 12.0213 12.8288 11.9933C12.8664 11.939 12.8273 11.8689 12.7677 11.8405C12.7284 11.8218 12.6766 11.8009 12.6092 11.7798C12.3843 11.7095 12.0876 11.6669 11.7431 11.6456V12.3457ZM10.3146 10.0836V9.20464C10.0381 9.24443 9.82245 9.30471 9.66646 9.37773C9.41868 9.49371 9.41716 9.58148 9.41716 9.6476C9.41713 9.67956 9.44 9.70614 9.46178 9.73145C9.4668 9.73728 9.47175 9.74304 9.47636 9.74878C9.51 9.79073 9.56363 9.84518 9.66298 9.89522C9.82032 9.97447 10.0408 10.0399 10.3146 10.0836ZM11 16.7143C14.1559 16.7143 16.7143 14.1559 16.7143 11C16.7143 7.8441 14.1559 5.28572 11 5.28572C9.13261 5.28572 7.47441 6.18149 6.43168 7.56678L5.1833 6.85342C6.47865 5.0396 8.60124 3.85715 11 3.85715C14.9449 3.85715 18.1429 7.05512 18.1429 11C18.1429 14.9449 14.9449 18.1429 11 18.1429C8.60124 18.1429 6.47864 16.9604 5.1833 15.1466L6.43167 14.4332C7.47441 15.8185 9.1326 16.7143 11 16.7143ZM5.72187 13.1935C5.52834 12.7283 5.39451 12.2321 5.32995 11.7143H3.89243C3.96927 12.4882 4.1696 13.2257 4.47345 13.9069L5.72187 13.1935ZM5.72187 8.80653C5.52833 9.27172 5.3945 9.76798 5.32994 10.2858H3.89242C3.96925 9.51189 4.1696 8.77436 4.47346 8.09315L5.72187 8.80653Z' fill='%23F2BA00'/%3E%3C/svg%3E%0A");
}

.CheckOutForm .upgradeMembershipSectionV2 .pkgName {
    display: flex;
    align-items: center;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .radio {
    width: 20px;
    height: 20px;
    position: relative;
    grid-column: 4 / 5;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .radio:before {
    content: "";
    display: inline-block;
    background-color: var(--color-secondary);
    visibility: visible;
    width: 20px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    border-radius: 50%;
    height: 20px;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .radio:after {
    content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.24023 9.02984L0.240234 5.52984L1.76023 4.21984L3.26023 5.96984L7.75023 0.839844L9.25023 2.15984L3.24023 9.02984Z" fill="white"/></svg>');
    left: -1px;
    bottom: -1px;
    position: absolute;
    visibility: visible;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .pkgCost {
    word-spacing: -3px;
    font-weight: 400;
    white-space: nowrap;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected {
    outline: 2px solid #236180;
    opacity: 1;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .pkgCost,
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .pkgExpirationDate {
    font-weight: 500;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentModal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 3000;
    display: none;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer {
    background-color: var(--color-white-white);
    width: 95%;
    max-width: 750px;
    margin: 0 auto;
    padding: 24px;
    color: var(--color-black-75);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .upgradeCustomContentTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #c3c3c0;
    padding: 0 0 16px;
}

.CheckOutForm .upgradeMembershipSectionV2 .closeBtn {
    cursor: pointer;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .box {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 16px 0 0;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .box svg path {
    fill: #016e84;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .upgradeCustomContentImage {
    background-color: #bfdbe0;
    border-radius: 50%;
    padding: 12px;
    height: 80px;
    width: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.CheckOutForm .upgradeMembershipSectionV2 .upgradeContentContainer p {
    font-weight: 400;
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
    .CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
        white-space: wrap;
    }

    .CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .pkgCost {
        white-space: wrap;
    }
}

@media screen and (max-width: 800px) {
    .CheckOutForm .upgradeMembershipSectionV2 {
        box-shadow: none;
        padding: 24px 16px;
        border-bottom: 2px solid #f3e8df;
        border-radius: 0;
    }
}

@media screen and (max-width: 500px) {
    .CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
        margin: 0;
    }

    .CheckOutForm .upgradeMembershipSectionV2 .pkgName {
        grid-column: 1/5;
    }

    .CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer {
        background-color: var(--color-white-white);
        width: 100%;
        max-width: 750px;
        margin: 0;
        padding: 24px;
        color: var(--color-black-75);
        border-radius: 0px;
        position: absolute;
        top: initial;
        bottom: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media screen and (max-width: 400px) {
    .CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .radio {
        grid-column: 4 / 5;
        grid-row: 2;
    }
}

/* **************************************************************** */
/* ****************** End Member Upgrade Component **************** */
/* **************************************************************** */

.RootBody .arnMapExtend {
    display: none;
}

.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer.longDateContainer {
    min-width: 180px;
}

.SearchHotels .ArnPrimarySearchContainer .ArnCheckInContainer.longDateContainer {
    min-width: 110px;
}

body[class*="international"].RootBody .ArnSearch .longDateContainer.ArnCheckInContainer {
    width: 100%;
}

body[class*="international"].RootBody .longDateContainer #theCheckInDisplay {
    min-width: 250px;
}

body[class*="international"].SearchHotels.SearchMode-WBHotelListKeystone .longDateContainer.ArnCheckInContainer {
    width: 100%;
    min-width: 180px;
}

/* ******************** SDP Search Widget *************** */
/* ****************************************************** */

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
    position: relative;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyLabel {
    font-size: 16px;
    padding: 10px 0 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyListWrapper {
    position: absolute;
    top: 68px;
    left: 0;
    padding: 24px;
    background-color: var(--color-white-white);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyListWrapper select {
    height: 150px;
    padding: 10px;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn input {
    cursor: pointer;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyApplyButton {
    background-color: var(--color-primary);
    cursor: pointer;
    color: var(--button-primary-fill-fg, var(--color-black-100));
    padding: 10px 32px;
    text-transform: uppercase !important;
    height: initial !important;
    border-radius: 24px;
    letter-spacing: 1px;
    margin: 20px 0 0 0;
    width: 100%;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyApplyButton:hover {
    background-color: var(--color-primary-hover);
}

/* ******************** END SDP Search Widget *************** */
/* *********************************************************** */

.percentSavingsLowerThreshold {
    font-weight: 700;
}

.CheckOutForm #theFeeLabel {
    width: 100% !important;
    max-width: 380px !important;
}

/* ******************** Hotel Tile Amenity Display  *************** */
/* *********************************************************** */

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--color-black-75);
    margin: 5px 0 10px;
    max-width: 180px;
    gap: 6px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnRateCell {
    max-width: 160px;
    margin: 10px 0 0 auto;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    line-height: 1.3;
    margin: 5px 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenity {
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropClass {
    height: initial;
    margin: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnTripAdvisorDetails {
    margin: auto 0 0;
    bottom: -9px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropThumb {
    height: initial;
    min-height: 250px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnImageLink img {
    aspect-ratio: 16 / 9;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenity svg {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenityTitle::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"%3E%3Cpath d="M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z"%3E%3C/path%3E%3C/svg%3E');
    margin-right: 8px;
    vertical-align: middle;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .amenityTitle {
    font-size: 13px;
    display: flex;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .amenity.on:nth-child(n + 4) {
    display: none;
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropSummary .ratingText .ratingDescription {
    font-weight: 700;
    color: var(--color-black-100);
}

.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal {
    line-height: 1.3;
}

@media screen and (max-width: 1200px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
        max-width: 200px;
    }
}

@media screen and (max-width: 1000px) {

    .SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer,
    .SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnRateCell {
        max-width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnBottomContainer {
        height: auto;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnTripAdvisorDetails {
        bottom: 0;
    }
}

/* Language Adjustments */

.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal {
    line-height: 1.3;
}

.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal .note {
    max-width: 130px;
    margin: 0 0 0 auto;
}

.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
    max-width: 130px;
    line-height: 1.3;
    margin: 0 0 5px auto;
}

.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
    max-width: 175px;
}

@media screen and (max-width: 1200px) {
    .internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
        max-width: 200px;
    }
}

@media screen and (max-width: 1000px) {
    .internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
        max-width: 100%;
    }

    .internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal .note,
    .internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
        max-width: 100%;
    }
}

/* ******************** END Hotel Tile Amenity Display  *************** */
/* ******************************************************************** */

.longDateContainer.ArnCheckOutContainer {
    display: none !important;
}

.WBPropertyDetailViewKeystone .ArnPropAddress svg path,
.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg path {
    fill: var(--color-black-100);
}

/* HBE-628 */
.WBPropertyDetailViewKeystone .ArnAmenityContainer li {
    list-style: disc;
}

/* end HBE-628 */

/* ************************************************************************* */
/*************************** Mobile Feature ***************************** */
/* ************************************************************************* */

@media screen and (max-width: 565px) {
    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
        position: absolute;
        height: 100%;
        z-index: 1000;
        left: 0;
        background-color: #fff;
        display: none !important;
        box-shadow: 0 5px 9px -3px rgba(0, 0, 0, 0.3);
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer {
        flex-direction: column;
        padding: 6px 0px 6px 0px;
        height: 40px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnPlacesSearchContainer {
        display: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .ArnPrimarySearchOuterContainer {
        border-bottom: 2px solid lightgray;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnPrimarySearchContainer {
        box-shadow: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .ArnPlacesSearchContainer {
        display: block;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
        flex-direction: column;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
        width: 100%;
        display: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.datesWindow #CheckInContainer {
        display: block;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
        position: relative;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox input {
        border-right: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLocation {
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        color: #36382e;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
        width: 100%;
        display: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfo {
        flex-shrink: 1;
        min-width: 0;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnSearchHolderBoth,
    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnAcdChild {
        display: block !important;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchOptionsControls {
        position: fixed;
        bottom: 16px;
        left: 0;
        width: 100%;
        padding: 0 16px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
        width: 100%;
        background-image: none !important;
        font-size: 16px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoContainer {
        display: flex;
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
        top: 0;
        z-index: 100;
        box-shadow: 0px 4px 8px 0px #00000026;
        border-radius: 16px;
        border: 2px solid #236180;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoContainer.hideSearchInfo {
        display: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoBottom {
        display: flex;
        column-gap: 9px;
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 18px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.showMenu {
        display: block !important;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
        width: 100% !important;
        left: 0px !important;
        top: 75px !important;
        padding: 0 10px;
        box-shadow: none !important;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .clearSearch {
        font-size: 12px;
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: white;
        padding: 4px 10px 0;
        color: blue;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #testSearchContainer {
        position: sticky;
        top: 15px;
        background: white;
        z-index: 10;
        margin: 20px 15px 0;
        background: #f7f4f0;
        border-radius: 16px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #dummySearchContainer {
        display: none;
        background-color: white;
        box-shadow: 0px 0px 10px 0px #00000040;
        border-radius: 16px;
        padding: 0 0 44px 0;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummySearchInfo {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 16px 24px;
        box-shadow: 0px 0px 10px 0px #00000040;
        background-color: #f7f4f0;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #dummySearchContainer.showSearchFields {
        display: block;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput {
        height: 58px;
        padding: 0px 26px 0;
        margin: 4px 0 0;
        text-overflow: ellipsis;
        gap: 10px;
        overflow: hidden;
        white-space: nowrap;
        background-color: white;
        border-radius: 64px;
        box-shadow: 0px 0px 4px 0px #00000026;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput>div {
        line-height: 26px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput>label {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyLocation {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyDateContainer .dummyInput {
        width: 100%;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
        top: 0 !important;
        height: 100% !important;
        background-color: #fff;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
        width: 100% !important;
        font-size: initial !important;
        height: 46px !important;
        border-radius: 32px;
        background-color: #f2ba00;
        border: 2px solid #f2ba00;
        color: #36382e;
        text-transform: uppercase;
        margin: 10px 0 0;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchEdit {
        color: var(--color-secondary, #236180);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        text-decoration-line: underline;
        border: none;
        background: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchEdit svg {
        vertical-align: middle;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer .closeBtn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 16px;
        height: 46px;
        border: 1px solid black;
        border-radius: 32px;
        text-transform: uppercase;
        background-color: var(--color-secondary);
        color: var(--color-white-white);
        display: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .closeBtn {
        display: block;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLabel {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLabel span {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .escapeBtn {
        text-align: right;
        padding: 11px 24px;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .escapeBtn svg {
        vertical-align: middle;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #pac-input {
        padding: 0 32px 0 4px;
        text-overflow: ellipsis;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChildAges .ArnAcdChildAgesSelect {
        font-size: 18px;
    }

    .mobileSearchTest.freezeBody {
        overflow: hidden;
    }

    .mobileSearchTest #mobile-input:checked~#header #navmobile {
        z-index: 11;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
        background-image: none;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdParentLabelMobile {
        display: none !important;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChild {
        left: -10px;
        box-shadow: none;
        top: -15px;
        width: 100%;
        min-width: auto;
        padding: 0;
    }

    .mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #custom-pac-container {
        width: 100%;
        left: 0px;
        top: 60px;
        padding: 0;
        box-shadow: none;
    }
}

/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */

/* ******************** Dead Mouse Handler  *************** */
/* *********************************************************** */

.areYouStillTherePopup {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    left: 0;
    top: 0;
    z-index: 35;
}

.areYouStillTherePopup .container {
    background-color: white;
    width: 100%;
    max-width: 600px;
    padding: 24px;
    border-radius: 8px;
}

.areYouStillTherePopup .container .closeBtn {
    float: right;
    padding: 0 0 0 10px;
    cursor: pointer;
}

.areYouStillTherePopup .container h2 {
    font-size: 20px;
    margin: 0;
}

.areYouStillTherePopup .container p {
    line-height: 1.45;
}

.areYouStillTherePopup .container p.savingsLine {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black-75);
}

.areYouStillTherePopup .container .totalSavings {
    color: var(--color-secondary);
}

.areYouStillTherePopup .container span.ds-primary {
    padding: 10px 32px;
    display: block;
    width: max-content;
    margin: 0 auto;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 32px;
}

/* ******************** End Dead Mouse Handler  *************** */
/* *********************************************************** */

.SearchHotels .ArnTimeout {
    display: flex;
    flex-direction: column;
}

/* ******************** Resort Cross Sell  Banner *************** */
/* *********************************************************** */

.resort-cross-sell {
    padding: 16px;
    border: 2px solid var(--color-secondary);
    border-radius: 8px;
    width: 100%;
    margin: 16px 0;
    transition: all 0.3s ease-out 0s;
}

.resort-cross-sell:hover {
    box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 10px 0px;
}

.resort-cross-sell-container {
    display: flex;
    align-items: center;
    gap: 16px;
}

.resort-cross-sell-content span {
    display: block;
}

.resort-cross-sell-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #36382e;
}

.resort-cross-sell-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #36382e;
}

.resort-cross-sell-link {
    border: 2px solid var(--color-secondary);
    padding: 5px 10px;
    border-radius: 4px;
}

.resort-cross-sell-link:hover {
    background-color: var(--color-secondary);
}

.resort-cross-sell-link:hover span {
    color: white;
}

.resort-cross-sell-link span {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: var(--color-secondary);
}

@media screen and (max-width: 1000px) {
    .resort-cross-sell-container {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    .resort-cross-sell-container {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: flex-start;
    }

    .resort-cross-sell-icon {
        display: inline-block;
    }

    .resort-cross-sell-link-container {
        grid-column: 2 / 3;
    }
}

/* *********************************************************** */
/* ******************** cross sell banner (new) *************** */

.resort-cross-sell.new {
    background-image: url("//s3.amazonaws.com/media.travsrv.com/appSkins/90874/v6/themes/standard/images/resort-5.png");
    background-size: cover;
    background-position: -60px -140px;
    background-repeat: no-repeat;
    min-height: 182px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: none;
    overflow: hidden;
    padding: 16px 24px;
}

.resort-cross-sell.new:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(89.94deg, rgba(2, 58, 75, 0) 0.05%, rgba(2, 58, 75, 0.7) 48.08%, #023a4b 80.74%);
}

.resort-cross-sell.new .resort-cross-sell-container {
    display: inline-flex;
    align-items: end;
    height: 100%;
    flex-direction: column;
    position: relative;
    z-index: 2;
    max-width: 300px;
}

.resort-cross-sell.new .resort-cross-sell-content {
    text-align: left;
}

.resort-cross-sell.new .resort-cross-sell-description {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.resort-cross-sell.new .resort-cross-sell-content span {
    display: inline-block;
}

.resort-cross-sell.new .resort-cross-sell-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block !important;
    line-height: 30px;
    padding: 0 0 3px 0;
}

.resort-cross-sell.new .resort-cross-sell-link {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.resort-cross-sell.new .resort-cross-sell-link:hover {
    background-color: var(--color-secondary-hover);
    border: 2px solid var(--color-secondary-hover);
}

.resort-cross-sell.new .resort-cross-sell-link span {
    color: var(--color-black-100);
    color: var(--color-secondary-fill);
    color: var(--button-secondary-fill-fg);
    letter-spacing: 0.1em;
}

.resort-cross-sell.new .resort-cross-sell-description-highlight {
    color: var(--color-secondary);
    text-decoration: underline;
    font-style: italic;
}

.resort-cross-sell.new .resort-cross-sell-link-container {
    align-self: flex-start;
}

.resort-cross-sell.new .dynamic-city-name {
    text-transform: capitalize;
}

@media screen and (max-width: 1200px) {
    .resort-cross-sell.new {
        background-position: -75px -80px;
    }
}

@media screen and (max-width: 1000px) {
    .resort-cross-sell.new {
        background-position: 0px 58%;
        padding: 16px 120px 16px 24px;
    }
}

@media screen and (max-width: 800px) {
    .resort-cross-sell.new {
        padding: 16px 24px;
        background-position: -60px 58%;
    }
}

@media screen and (max-width: 550px) {
    .resort-cross-sell.new {
        background-position: -68px 64%;
    }

    .resort-cross-sell.new .resort-cross-sell-container {
        max-width: 200px;
    }
}

@media screen and (max-width: 400px) {
    .resort-cross-sell.new {
        background-position: -50px 64%;
    }
}

/* Move Upgrade Messaging */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.moveUpgradeMessaging .ArnPropThumb {
    border-radius: 10px 0 0 0px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.moveUpgradeMessaging>.memberSavings {
    text-align: center;
    margin: 0 !important;
    padding: 6px;
    justify-content: center;
    max-width: 100% !important;
    font-size: 14px;
    background-color: var(--color-secondary);
    color: var(--color-white-white) !important;
}

/* End Move Upgrade Messaging */

/* ************************************************* */
/* Paypal Banner */
/* ************************************************* */

.paypalBannerContainer {
    background-color: #e1f2ff80;
    position: relative;
    padding: 9px;
    border-radius: 8px;
    line-height: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .paypalBannerContainer {
    margin: 0 0 24px;
    clear: both;
}

.WBPropertyDetailViewKeystone .paypalBannerContainer {
    margin: 0 0 40px;
}

.CheckOutForm .paypalBannerContainer>div {
    width: 100%;
}

.CheckOutForm .paypalBannerContainer>div>span {
    width: 100%;
    display: block;
    line-height: 0;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .paypalBannerContainer {
    margin: 0 0 32px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystonePlatinum .paypalBannerContainer {
    margin: 24px 0 36px;
}

@media screen and (max-width: 1000px) {
    .paypalBannerContainer {
        border-radius: 0;
    }

    .SearchHotels.SearchMode-WBHotelListKeystone .paypalBannerContainer {
        margin: 0 0 24px;
    }
}

/* ************************************************* */
/* End Paypal Banner */
/* ************************************************* */

/* ************************************************* */
/* confirmationValueAds.html */
/* ************************************************* */

.ConfirmationForm .exclusiveOffersContainer {
    padding: 32px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.ConfirmationForm .exclusiveOffersBody {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ConfirmationForm .exclusiveOffersTitle span {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    color: #36382e;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 0 32px 0;
}

/* ************************************************* */
/* confirmationValueAds.html */
/* ************************************************* */

/* ************************************************* */
/* Checkout Page Remove Btn */
/* ************************************************* */

.CheckOutForm .removeButton {
    position: relative;
}

.CheckOutForm .removeButton svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 0;
    right: 12px;
    cursor: pointer;
}

.CheckOutForm .removeButton svg:hover path {
    stroke: #e90707;
}

.CheckOutForm [id*="theSpecialRequest"] .removeButton svg {
    bottom: 17px;
}

/* ************************************************* */
/* End Checkout Page Remove Btn */
/* ************************************************* */

/* ******************************************************* */
/**************  Travel Steal Banner ***************************/
/* ******************************************************* */

:root {
    --resort-marketing-bg: #3b3f9c;
    --resort-marketing-border: var(--resort-marketing-bg);
    --resort-marketing-color: white;
    --resort-marketing-stroke: #f1ba02;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.travelSteal:not(.PropLimitedAvail) {
    border: 2px solid var(--resort-marketing-border);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.travelSteal:not(.PropLimitedAvail) .ArnPropThumb {
    border-radius: 0;
}

.travel-steal-tab {
    display: flex;
    position: absolute;
    align-items: center;
    background-color: var(--resort-marketing-bg);
    color: var(--resort-marketing-color);
    padding: 6px 34px 6px 6px;
    font-size: 14px;
    font-weight: 400;
    top: 16px;
    gap: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    clip-path: polygon(0 0, 90% 0, 80% 50%, 90% 100%, 0 100%);
}

.SinglePropDetail .travel-steal-tab {
    position: static;
    width: fit-content;
    margin: 0 0 10px 0;
}

.CheckOutForm .travel-steal-tab {
    position: static;
    white-space: nowrap;
    width: fit-content;
}

.travel-steal-tab svg {
    width: 20px;
    height: 20px;
}

.travel-steal-tab svg path {
    fill: white;
    stroke: var(--resort-marketing-stroke);
    stroke-width: 60;
}

.travel-steal-tab .travel-steal-tab-text {
    line-height: 0;
}

.resort-marketing-banner {
    background-color: var(--resort-marketing-bg);
    color: var(--resort-marketing-color);
    line-height: 1.2;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 8px;
}

.resort-marketing-banner-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.resort-marketing-banner-text svg {
    height: 24px;
    width: 24px;
    margin: 0 5px 0 0;
    min-width: 24px;
}

.resort-marketing-banner-text svg path {
    fill: var(--resort-marketing-stroke);
    stroke: var(--resort-marketing-stroke);
    stroke-width: 60;
}

.resort-marketing-banner-button {
    background: none;
    border: none;
    color: var(--resort-marketing-color);
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.resort-marketing-banner-button span {
    white-space: nowrap;
}

.resort-marketing-banner-title {
    font-weight: 600;
}

.resort-marketing-popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 3000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.resort-marketing-popup-container {
    background: white;
    border-radius: 8px;
    padding: 20px;
    max-width: 500px;
    margin: 0 15px;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.resort-marketing-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 5px;
    background: none;
    border: none;
    cursor: pointer;
}

.resort-marketing-popup-text h3 {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 24px;
}

.resort-marketing-popup-text h3 svg {
    width: 32px;
    height: 32px;
}

.resort-marketing-popup-text h3 svg path {
    fill: white;
    stroke: var(--resort-marketing-stroke);
    stroke-width: 60;
}

.resort-marketing-popup-text p {
    font-size: 18px;
}

.resort-marketing-popup-badge {
    background-color: var(--resort-marketing-bg);
    color: var(--resort-marketing-color);
    padding: 6px 34px 6px 6px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    clip-path: polygon(0 0, 90% 0, 80% 50%, 90% 100%, 0 100%);
    margin: 0 -6px 0 6px;
}

.resort-marketing-popup-badge svg {
    height: 20px;
    width: 20px;
    vertical-align: sub;
}

.resort-marketing-popup-badge svg path {
    fill: white;
    stroke: var(--resort-marketing-stroke);
    stroke-width: 60;
}

/* ******************************************************* */
/**************  End Travel Steal Banner ***************************/
/* ******************************************************* */