body .container {
    padding: 0 15px;
    width: 100%;
}

.discounts-applied-description {
    font-family: Helvetica-Roman;
    color: #b6ced2;
}

@media screen and (min-width: 1200px) {
    body .container {
        padding: 0 40px;
    }
}

.standard-slider .slick-prev::before {
    content: url(images/icons/slider-left.svg);
}

.main-grid {
    display: block;
}



@media screen and (min-width: 1200px) {
    .main-grid {
        max-width: 1400px;
        display: grid;
        grid-template-columns: 1fr 35%;
        gap: 0px 40px;
        margin: auto;
    }
}

@media screen and (min-width: 1300px) {
    .main-grid {
        display: grid;
        grid-template-columns: 1fr 485px;
        gap: 0px 40px;
    }
}


@media screen and (max-width: 1199px) {
    .rate-sidebar {
        display: none;
    }
}

.rate-sidebar-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.rate-sidebar-heading .button--primary {
    border-radius: 6px;
    border: solid 1px #fff;
    font-family: Helvetica-Roman;
    font-weight: bold;
}

.rate-sidebar p {
    font-size: 18px;
    color: #ffffff;
    font-family: Helvetica-Roman;
}

.rate-sidebar-heading p {
    font-size: 16px;

}

.rate-sidebar p:last-child {
    padding: 0 20px;
    margin-left: 20px;
    border-left: 1px solid #444;
}

.border-left-1 {
    border-left: 1px solid #444;
}

.rate-sidebar-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.rate-sidebar-gallery:hover {
    cursor: pointer;
}

.rate-sidebar-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rate-sidebar-gallery .first-img {
    grid-area: 1 / 1 / 4 / 3;
    margin-bottom: 4px;

}

.rate-sidebar-card {
    padding: 30px 20px;
    background-color: #333333;
    text-align: center;
    margin-bottom: 30px;
}

.rate-sidebar-card h2 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 5px;
}

.rate-sidebar-card-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    margin-top: 25px;
}

.rate-sidebar-extras ul {
    list-style: none;
    font-size: 16px;
    color: #fff;
    padding: 30px 0;
    border-top: 1px solid #444444;
}

.rate-sidebar-extras ul li {
    margin-bottom: 20px;
    text-indent: -35px;
    margin-left: 50px;
    font-family: Helvetica-Roman;
}

.rate-sidebar-extras ul li:last-child {
    margin-bottom: 0;
}

.rate-sidebar-extras i {
    width: 30px;
    text-align: center;
    color: #b6ced2;
    vertical-align: middle;
    initial-letter-align: middle;
    font-size: 24px;
}

html {
    box-sizing: border-box;
}
.close {
    opacity: 1;
}

*, *:after, *:before {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

html, body {
    overflow-x: hidden !important;
}

p {
    margin-bottom: 0;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}

button {
    margin-bottom: 0;
}

button:focus {
    outline: none;
}

a {
    line-height: 1;
}

a:hover {
    cursor: pointer;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

ul {
    list-style-position: inside;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 15px;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    padding: 4px 23px 4px 10px;
}

select:focus {
    outline: none;
    border-color: none;
    box-shadow: none;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.form-control:focus {
    background-color: #333;
    box-shadow: none;
    border: none;
}

form select::-ms-expand {
    display: none;
}

.room-occupancy-cont {
    max-width: none;
}

.room-occupancy-cont .custom-col-3 {
    max-width: none;
}

.room-number {
    margin-bottom: 17px;
    font-family: Helvetica-Roman;
}


.fa-chevron-down:before {
    color: #fff;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: #2c2d26;
    border-color: #d5d5d5;
}


.modal-header {
    border-bottom: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

.availability sup {
    font-size: 8px;
    top: -0.7em;

}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    max-width: inherit;
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

@font-face {
    font-family: 'effra';
    src: url("/css/clayton/fonts/Effra.otf");
}

@font-face {
    font-family: 'effra-italic';
    src: url("/css/clayton/fonts/Effra-Italic.otf");
}

@font-face {
    font-family: 'effra-bold';
    src: url("/css/clayton/fonts/Effra-Bold.otf");
}

@font-face {
    font-family: 'Cambon-Book';
    src: url("/css/clayton/fonts/Cambon-Book.woff");
}

@font-face {
    font-family: 'Helvetica-Roman';
    src: url("/css/clayton/fonts/Helvetica-Roman.woff");
}

.rotate180 {
    transform: rotate(180deg);
}

.icon-info-white {
    background: url(../../css/clayton/images/icons/icon-info.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.icon-info-search {
    background: url(../../css/clayton/images/icons/icon-magnifying-glass-white.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-right: 5px;
}

.icon-expand {
    background: url(../../css/clayton/images/icons/icon-addons-collapse.svg);
    height: 30px;
    width: 30px;
    min-width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

}

.icon-expand--dark {
    background: url(../../css/clayton/images/icons/icon-addons-expand.svg);
}

.break-line {
    display: block;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 5px;
    width: 100px;
    margin: 20px auto;
}

.button {
    font-size: 12px;
    text-transform: uppercase;
    box-shadow: none;
    padding: 2px 12px;
    height: 50px;
    border: none;
    font-family: "Cambon-Book", sans-serif;
    text-decoration: none;
}

.button--primary {
    color: #ffffff;
    height: 50px;
    background-color: transparent;
    border-radius: 6px;

}

.button--primary:hover {
    color: #fff;
}

.button--secondary {
    color: #fff;
    background-color: #db4d0f;
    border-radius: 6px;
}

.button--secondary:hover {
    color: #fff;
}

.rate-sidebar-card-btns a.button--white {
    color: #fff;
    font-size: 12px;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
}

#info-feature .buttons-border-red {
    font-weight: normal;

    border-bottom: 3px solid #db4d0f;
}



.isave {
    color: #fff !important;
    white-space: nowrap;
}

.tooltip-inner {
    text-align: left;
    padding: 20px 10px;
}

.tooltip-inner h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.tooltip-inner p {
    font-size: 16px;
    margin-bottom: 15px;
}

.tooltip-inner ul {
    margin-bottom: 0;
}

.tooltip-inner li {
    font-size: 16px;
    text-indent: -20px;
    margin-left: 22px;
    margin-bottom: 15px;
}

.tooltip-inner li:last-child {
    margin-bottom: 0;
}

.strike-through {
    position: relative;
    display: inline-block;
}

.strike-through::before {
    content: '';
    border-bottom: 2px solid #c66e4e;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

.standard-slider .slick-prev {
    z-index: 100;
    height: 100%;
    width: 80px;
}


.standard-slider .slick-next {
    z-index: 100;
    height: 100%;
    width: 80px;
}

.standard-slider .slick-dots {
    bottom: 0;
}

.list-icons ul {
    list-style: none;
    font-size: 16px;
    color: #ffffff;
    margin: 30px 0;
}

.list-icons ul li {
    margin-bottom: 20px;
    text-indent: -35px;
    margin-left: 50px;
    font-family: Helvetica-Roman;
}

.list-icons ul li:last-child {
    margin-bottom: 0;
}

.list-icons i {
    width: 30px;
    text-align: center;
    color: #b6ced2;
    vertical-align: middle;
    initial-letter-align: middle;
    font-size: 24px;
}

.room-modal-details-extra .list-icons i, .modal-body .list-icons i {
    color: #db4d0f;
}

.hover:hover {
    cursor: pointer;
}

.selected {
    background-color: #71aeb7;
}

@media screen and (min-width: 1200px) {
    .grid40 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.form-group {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .form-group {
        margin-bottom: 20px;
    }
}

.form-group label {
    font-family: Helvetica-Roman;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.search-list-cover .form-group label {
    color:#ffffff;
    font-family: Helvetica-Roman;
}



.form-control {
    border: solid 1px #d5d5d5;
    background-color: #444444 !important;
    font-family: Helvetica-Roman;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
    height: 50px;
}

.checkin__wrap .form-control {
    background-color: #333333 !important;
}

.form-control:active, .form-control:focus {
    background-color: #444444;
    border: solid 2px #fff;
    color: #ffffff;
}

.custom-select {
    font-size: 16px;
    height: 50px;
 color: #fff;
    padding: 14px 9px 14px 10px;
    border: solid 1px #d5d5d5;
    background-color: #333333;
    border-radius:8px;
}

input.form-control[name="phoneNumber"] {

    border-radius: 0px 8px 8px 0px!important;
}

.custom-select:focus {
    padding: 12px 16.8px 16px 10px;
    border-radius: 8px;
    border: solid 2px #fff;
}

.custom-radio label {
    display: flex;
    align-items: center;
}

span.custom-check {
    background: #333333;
    border: solid 1px #333333;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 0px;
    display: inline-block;
    margin-left: 0px;
    top: -2px;
    position: relative;
}

.filters  span.custom-check {
    border: solid 1px #d5d5d5;
}



.addons-items span.custom-check {
    border: solid 1px #d5d5d5;
}


span.custom-radio {
    background: #2c2d26;
    border: solid 1px #d5d5d5;
    min-width: 20px;
    min-height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 0px;
    display: inline-block;
    margin-left: 0px;
    top: -2px;
    position: relative;
}

label input[type=radio],
label input[type=checkbox] {
    display: none;
}

#guestDetailsForm .room-detail {
    width: 100%;
    padding: 0;
    margin-top: 0;
}

#guestDetailsForm figure img {
    width: 190px;
}

@media screen and (min-width: 768px) {
    .room-detail ul li div.funny-stuff {
        width: calc(100% - 193px);
        padding: 30px 30px 30px 30px;
    }

}

.room-detail ul li {
    margin-bottom: 0;
}

.room-detail .my-detail ul li {
    display: flex;
}

/*.modal-open .modal {*/
/*    z-index: 2001;*/
/*}*/

input[type=checkbox]:checked + span.custom-check:after {
    content: "";
    color: #fff;
    line-height: 20px;
    text-align: center;
    animation: form-zoom .5s ease-in-out;
    background: #CE7656;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 20px;
    width: 20px;
}

input[type=checkbox]:checked + span.custom-check:after, input[type=radio]:checked + span.custom-radio:after {
    background: url("../../css/clayton/images/icons/form-checkbox-tick.svg") no-repeat #db4d0f center;
}

input[type=radio]:checked + span.custom-radio:after {
    content: url("../../css/clayton/images/icons/form-checkbox-tick.svg");
    color: #fff;
    line-height: 27px;
    text-align: center;
    animation: form-zoom .5s ease-in-out;
    background: #db4d0f;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.checkbox-group label {
    text-indent: -30px;
    margin-left: 30px;
}

.reviews-tab, .accessibility-tab {
    display: none;
}

@media screen and (min-width: 1200px) {
    .modal {
        padding: 40px 15px;
    }
}

.modal .modal-body {
    padding: 40px 15px;
}

@media screen and (min-width: 1200px) {
    .modal .modal-body {
        padding: 40px;
    }
}

.modal-full-width .close {
    padding: 0;
    /*height: 50px;*/
}

.modal-full-width .icon-close, .icon-close {
    background: url("../../css/clayton/images/icons/close-icon.svg") no-repeat !important;
    height: 40px;
    width: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
    /*margin-top: 5px;*/
    margin-right: 5px;
}

.icon-close-menu {
    background: url("../../css/clayton/images/icons/icon-close-menu.svg") no-repeat !important;
    height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
    margin-top: 5px;
    margin-right: 5px;
}

@media screen and (min-width: 1200px) {
    .modal-full-width .icon-close {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.modal-full-width .modal-dialog {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1199px) {
    .modal-full-width .modal-dialog {
        min-width: 100% !important;
        height: 100%;
    }
}

.modal-full-width .modal-content {
    min-width: 100%;
    min-height: 100%;
    border-radius: 0;
}

.modal-full-width .modal-header {
    background-color: rgba(51, 51, 51, 0.5);
    border-radius: 0;
}
@media screen and (min-width: 1200px) {
    .modal-full-width .modal-header {
        background-color:transparent;
    }
}

.modal-full-width .modal-body {
    background: #444444;
}

.modal-body {
    background: transparent;
}

.modal-body .modal-room-content {
    padding: 0;
}

.modal-body .modal-room-content .room-facilities img {
    margin-right: 10px;
}

.modal-body .modal-room-content .room-facilities .div {
    margin-bottom: 15px;
}

.modal-body h2 {
    margin-bottom: 20px;
    font-family: Cambon-Book;
    font-size: 24px;
}

.modal-body h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

.info-tab-details h3 {
    font-size: 28px;
}

.modal-body h4 {
    font-size: 18px;
}

.modal-body .rates-wrapper {
    display: block;
    padding: 0;
}

.room-modal .modal-dialog {
    min-width: 1200px;
}

.room-modal .list-icons {
    margin: 30px 0;
}

.room-modal .modal-body {
    padding: 30px 15px;
}

@media screen and (min-width: 1200px) {
    .room-modal .modal-body {
        padding: 40px;
    }
}

.room-modal .modal-body span {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
    display: block;
}

.room-modal .standard-slider img {
    height: 182px;
    width: 100%!important;
    object-fit: cover;
}

.room-modal .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.room-modal h4 {
    margin: 30px 0;
}

@media screen and (min-width: 1200px) {
    .room-modal-grid {
        display: grid;
        grid-template-columns: 255px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.room-modal-details {
    padding: 24px 15px;
    background-color: #333333;
    position: relative;
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .room-modal-details {
        padding: 30px;
    }
}

.room-modal-details-extra {
    margin-top: 20px;
    display: none;
}

@media screen and (min-width: 1200px) {
    .room-modal-details-extra {
        margin-top: 32px;
        padding-bottom: 100px;
    }
}

.room-modal-details-btns {
    margin-top: 30px;
}

@media screen and (min-width: 1200px) {
    .room-modal-details-btns {
        position: absolute;
        display: flex;
        justify-content: flex-end;
        bottom: 20px;
        right: 0;
    }
}

@media screen and (min-width: 1200px) {
    .room-modal-details-top {
        padding-bottom: 40px;
    }
}

.room-modal-details-top .icon-info-white {
    height: 24px;
    width: 24px;
    margin-left: 10px;
}

@media screen and (max-width: 1199px) {
    .room-modal-details-top .icon-info-white {
        position: absolute;
        right: 10px;
    }
}

.room-modal-details-top h3 {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .room-modal-details-top h3 {
        width: 90%;
    }
}

.room-modal-details .rate-rooms-card {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}

.room-modal-details .rate-rooms-card span {
    margin-bottom: 0px;
    font-size: 12px!important;
    font-weight: normal;
}

.room-modal-details .rate-rooms-card a span {
    font-weight: bold;
}

@media screen and (max-width: 1199px) {
    .room-modal-details .rate-rooms-card {
        border: none;
        padding-right: 0;
    }
}

.room-modal-details .rate-rooms-card:first-child {
    border-left: none;
    border-right: 1px solid #7f7f7f;
}

@media screen and (max-width: 1199px) {
    .room-modal-details .rate-rooms-card:first-child {
        padding-left: 0;
        padding-right: 15px;
    }

    .room-modal-details .rate-rooms-card a {
        width: 100%;
    }

}

.room-modal-details .rate-rooms-price {
    border-top: none;
}

.room-modal #roomSlider {
    display: block;
}

.room-modal #roomSlider img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.carpark-modal select {
    border-radius: 0;
    border: 1px solid rgba(82, 98, 100, 0.7);
    border-left: none;
    margin-bottom: 0;
}

.carpark-modal .form-group {
    margin-bottom: 25px;
}

.carpark-modal .mb1 {
    margin-bottom: 30px;
}

.carpark-modal-validate {
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .carpark-modal-validate {
        display: flex;
        align-items: flex-end;
        padding-bottom: 40px;
    }
}

.carpark-modal-validate a {
    display: block;
    text-decoration: underline;
}

@media screen and (min-width: 1200px) {
    .carpark-modal-validate a {
        margin-right: 15px;
    }
}

.carpark-modal-validate span {
    color: rgba(82, 98, 100, 0.7);
}

.carpark-modal a {
    line-height: 1.5;
}

.carpark-modal h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .carpark-modal h4 {
        margin-top: 10px;
    }
}

.carpark-modal .mt1 {
    margin-top: 26px;
}

.carpark-modal-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

@media screen and (max-width: 1199px) {
    .carpark-modal-btn {
        margin-top: 30px;
    }
}

.carpark-modal-btn button {
    width: 160px;
    height: 50px;
}

.carpark-modal-btn h2 {
    margin-bottom: 10px;
    margin-right: 20px;
    color: #c66e4e;
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 0px;
    }
}

.breakfast-modal-content a {
    text-decoration: underline;
}

.breakfast-modal-content img {
    display: none;
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-content img {
        display: block;
        width: 100%;
        height: 232px;
        object-fit: cover;
    }
}

.breakfast-modal-options {
    border-top: 1px solid rgba(82, 98, 100, 0.3);
    border-bottom: 1px solid rgba(82, 98, 100, 0.3);
    margin: 20px 0 30px;
    padding: 20px 0 0 0;
}

.breakfast-modal-options h4 {
    color: #fff!important;
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-options {
        padding: 0;
        margin: 40px 0 30px;
    }
}

.breakfast-modal-options label {
    font-size: 16px;
    margin-bottom: 10px;
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-options label {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-options--row {
        margin: 20px 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 0px;
    }
}

.breakfast-modal-options--row .custom-select {
    width: 100%;
}

.breakfast-modal-options--row .form-group {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .breakfast-modal-options--row .form-group {
        margin-bottom: 0;
    }
}

.breakfast-modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.breakfast-modal-footer button {
    width: 160px;
    height: 50px;
}

.breakfast-modal-footer h2 {
    margin-bottom: 0;
    margin-right: 20px;
    color: #db4d0f;
}

@media screen and (min-width: 1200px) {
    .booking-modal-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 0px;
    }
}

.booking-modal .modal-header-booking {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .booking-modal .modal-header-booking {
        margin-bottom: 35px;
    }
}

.booking-modal .modal-header-booking .icon-close {
    margin-right: 0;
    margin-top: 0;
}

.booking-modal .modal-header-booking h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-family: Cambon-Book;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .booking-modal .modal-header-booking h2 {
        font-size: 34px;
    }
}

.booking-modal .modal-body {
    background-color: #444444;
    padding: 30px 10px;
}

@media screen and (min-width: 992px) {
    .booking-modal .modal-body {
        padding: 40px;
    }
}

.booking-modal .guest-quantity-row h5 {
    font-size: 18px;
    font-family: "Effra", sans-serif;
    color: #000;
}

@media screen and (min-width: 992px) {
    .booking-modal .guest-quantity-row-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.booking-modal .guest-quantity-row-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
}

.booking-modal .promo-code .form-control::placeholder {
    color: rgba(82, 98, 100, 0.7);
}

.booking-modal .icon-close {
    background: url("../../css/clayton/images/icons/close-icon.svg") no-repeat !important;
}

#add-discount-in {
    display: none;
}

.booking-modal a {
    font-size: 18px;
}

.modal-tabs .modal-dialog {
    min-width: 1200px;
}

.modal-tabs-list {
    width: 100%;
}

.modal-tabs .modal-header {
    padding: 0;
}

.nav-tabs {
    border-bottom: none;
    background: transparent;
    /*background-color: #fff;*/
}

@media screen and (min-width: 1200px) {
    .nav-tabs {
        /*background-color: #fff;*/
    }
}



.nav-tabs a {
    padding: 12px 10px;
    background-color: #db4d0f;
    height: 50px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 3px;
}

.nav-tabs>li>a{
    border-radius: 0px;
}

.nav-tabs>li>a:hover {
    border:none;
    background-color: #db4d0f;
    color: #ffffff;

}

.nav-tabs>li.active>a {
    background-color: #444444;
    color: #ffffff;
    margin-right: 1px;
    border-radius: 0px;
    border: none;
}
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #444444;
    color: #ffffff;
    margin-right: 0px;
    border-radius: 0px;
    border: none;
}


.manage-booking__tabs-wrapper .nav-tabs a {
    height: 70px;
}


@media screen and (min-width: 1200px) {
    .nav-tabs a {
        padding: 17px 15px;
        background-image: none;
    }
}

.nav-tabs .active {
    background-color: transparent;
    color: #5c150c;
    background-image: none;
}

.nav-tabs svg path {
    fill: #ffffff;
}

.nav-tabs .active svg path {
    fill: #d5d5d5;
}

.nav-tabs .close {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1;
}

@media screen and (min-width: 992px) {
    .nav-tabs .close {
        right: -20px;
        margin-top: -10px!important;
    }
}

.nav-tabs .icon-close {
    /*margin-top: 18px !important;*/
    margin-right: 30px !important;
}
@media screen and (min-width: 1200px) {
    .login-modal .nav-tabs .icon-close {
        margin-right: 20px !important;

    }
}
#myRateModal label {
    font-weight: normal;
    font-family: Helvetica-Roman;
    color: #fff;
}

.better-rate-form-optA .form-group a {
    color: #5c150c;
    text-decoration: underline;
}

#better-rate-success-modal-content {
    padding: 0;
}

.login-optA {
    padding: 0;
}

.better-rate-form-optA {
    padding: 0;
}

.info-tab-grid {
    border-bottom: none;
    padding-bottom: 40px;
    margin-bottom: 30px;
}

.info-tab-grid img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .info-tab-grid img {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .info-tab-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.info-tab-details ul {
    list-style: none;
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .info-tab-details ul {
        font-size: 18px;
    }
}

.info-tab-details ul i {
    font-size: 14px;
    margin-right: 5px;
    color: #b6ced2;
}

@media screen and (min-width: 992px) {
    .info-tab-details ul i {
        margin-right: 10px;
    }
}

.info-tab-details ul .fa:before {
    width: 14px;
}

.info-tab-details ul li {
    margin-bottom: 10px;
    text-indent: -10px;
    margin-left: 20px;
    word-break: break-word;
    font-family: Helvetica-Roman;
    font-size: 16px;
}

.info-tab-details .break-line {
    border-bottom: 1px solid #b6ced2;
    border-top: 1px solid #b6ced2;
    margin: 15px 0 25px 0;
}

.info-tab-hl {
    border-bottom: none;
    margin-bottom: 30px;
}

.info-tab-hl ul {
    list-style: none;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: Helvetica-Roman;
}

@media screen and (min-width: 1200px) {
    .info-tab-hl ul {
        font-size: 16px;
    }
}

@media screen and (min-width: 1200px) {
    .info-tab-hl ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.info-tab-hl ul li {
    margin-bottom: 28px;
    text-indent: -22px;
    margin-left: 50px;
    height: 30px;
}

.info-tab-hl i {
    font-size: 24px;
    width: 0;
    margin-right: 20px;
    color: #db4d0f;
}

@media screen and (min-width: 992px) {
    .info-tab-hl i {
        margin-right: 20px;
    }
}

.info-tab-hl .fa:before {
    min-width: 30px;
    position: relative;
    top: 5px;
}

.info-tab-hl h2 {
    margin-bottom: 40px;
    font-size: 26px;
}

.info-tab-details {
    font-family: Helvetica-Roman;
    line-height: 1.38;
    font-size: 16px;
}

.info-tab-extras h2 {
    margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
    .info-tab-extras-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.info-tab-extras-card {
    margin-bottom: 30px;
}

.info-tab-extras-card p {
    margin-bottom: 10px;
}

.info-tab-extras-card h5 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
}

.map-content span {
    font-size: 14px;
    color: #ffffff;
    font-family: Helvetica-Roman ;
}

.map-content-grid3 {
    border-bottom: none;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .map-content-grid3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 70px;
        grid-row-gap: 0px;
    }
}

.map-content-items {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.map-content-items span {
    margin-left: 5px;
}

.map-content-grid2 {
    padding-bottom: 30px;
}

.map-content-grid2 a {
    font-size: 16px;
    font-family: Helvetica-Roman;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
}

.map-content-grid2 a:hover {
    color: #ffffff;
}

@media screen and (min-width: 1200px) {
    .map-content-grid2 a {
        font-size: 18px;
    }
}

@media screen and (min-width: 1200px) {
    .map-content-grid2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.map-content-card {
    margin-bottom: 10px;
    border-bottom: 1px solid #7f7f7f;
}

.map-content-card-heading {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.map-content-card-text {
    display: none;
    padding-bottom: 20px;
}

.map .tab-map-cover iframe {
    position: relative;
    width: 100%;
    height: 226px;
    margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
    .map .tab-map-cover iframe {
        height: 430px;
    }
}

.login-modal .nav-tabs {
    background-color: transparent;
}
@media screen and (min-width: 1200px) {

    .login-modal .nav-tabs, .login-modal .modal-header {
        background-color: transparent;
    }
}

.better-rate-form .form-group .form-control {
    border-color: #d5d5d5;
}
.login-modal h2 {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .login-modal h2 {
        margin-bottom: 36px;
    }
}

.login-modal .guest-grid {
    margin-top: 30px;
    margin-bottom: 10px;
}

.login-modal .modal-header {
    padding: 0;
}

.login-modal .nav-tabs li {
    width: 40%;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .login-modal .nav-tabs .icon-close {
        margin-right: 20px;
    }
}

.login-modal .nav-tabs a {
    height: auto;
    padding: 17px 10px;
}

@media screen and (min-width: 1200px) {
    .login-modal .nav-tabs a {
        adding: 16px 10px;
    }
}

.login-modal .checkbox-group label {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 30px;
}

@media screen and (min-width: 1200px) {
    .login-modal .checkbox-group label {
        font-size: 18px;
    }
}

.login-modal a {
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .login-modal a {
        font-size: 18px;
    }
}

.login-modal .button {
    width: 100%;
}

.modal-content {
    background: none;
    border: none;
    box-shadow: none;
}

.rate-modal h4 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 30px;
    color: #000000;
}

.rate-modal .list-icons ul {
    color: #526264;
}

@media screen and (min-width: 1200px) {
    .rate-modal .rate-details-list {
        margin-left: 40px;
    }
}

#roomDetails > img {
    width: 100%;
    height: 182px;
    object-fit: cover;
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    #roomDetails > img {
        height: 470px;
    }
}

.confirmation-header {
    background-image: url(../images/banner.webp);
    height: 450px;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 50px;
}

.confirmation-header h1 {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 50px;
    text-transform: uppercase;
}

.info-tab-extras-card h5 {
    font-weight: bold;
    font-family: Helvetica-Roman;
}

#roomRateModal .modal-body h3 {
    font-size: 24px;
    color: #000;
}

#roomRateModal .rate-details-list {
    padding-left: 40px;
}

#roomRateModal .rate-details-list h4,
.room-modal-details-extra h4 {
    font-family: Helvetica-Roman;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #fff;
}

#roomRateModal .list-icons li,
.room-modal-details-extra li {
    color: #526264;
}

#roomRateModal .rate-note {
    padding-top: 20px;
    color: #000;
}

@media screen and (min-width: 992px) {
    .confirmation-header h1 {
        font-size: 75px;
    }
}

/* can be remove after testing user cases */
@media screen and (min-width: 1200px) {
    .rate-modal .modal-dialog {
        min-width: 800px;
    }
}

.rate-modal .modal-body h3 {
    font-family: Cambon-Book;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
}

.rate-modal .rate-details-list h4 {
    color: #fff;
}

.rate-modal .list-icons li,
.room-modal-details-extra li {
    font-family: Helvetica-Roman;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #fff;
}

.rate-modal .rate-note {
    padding-top: 20px;
    color: #fff;
}

/*@media screen and (min-width: 992px) {*/
/*    .rate-modal .rate-details-list {*/
/*        padding-left: 40px;*/
/*    }*/
/*}*/

.header-2020 {
    background-color: #333333 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-2020__logo {
    padding: 0px 20px;
}

.header-2020__logo img {
    max-height: 105px;
    width: 100%;
}

.header-logo__btns {
    display: flex;
    align-items: center;
}

.header-logo__btns--left {
    display: flex;
}

.btn-my-stay {
    background-color: #F8A48D;
    color: #5C150C;
    text-transform: uppercase;
    border: none;
    font-size: 18px;
    padding: 10px 31px;
    margin-right: 20px;
    font-weight: 600;
    outline: 1px solid #fff;
    border: 2px solid #5C150C;
}

.my-booking-cover .my-booking-heading {
    background-color: #444444;
}

.my-booking-cover .my-booking-heading h2 {
    font-family: Cambon-Book;
    font-size: 28px;
    text-align: center;
}

.btn-my-stay:hover {
    background-color: #71aeb7;
    color: #000;
}

.btn-book-room {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
font-family: Helvetica-Roman;
    font-size: 18px;
    padding: 10px, 27px, 6px, 27px;
    font-weight: normal;
    border: 1px solid #fff;
    border-radius: 4px;

}

.btn-book-room:hover {
    background-color: transparent;
    color: #fff;
}

.header-logo__btns--right {
    height: 100%;
}

.header-logo__btns--right .fa {
    font-size: 25px;
    /* padding: 38px 15px; */
    border: 0px solid #fff;
}

.header-2020--hamburger {
    border: none;
    background: #333333;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    /* min-height: 110px; */
}

.header-2020--hamburger:hover {
    color: #fff;
    background-color: #333333;
}

.header-2020--hamburger p {
    font-weight: 600;
    font-size: 14px;
}

.header-2020--hamburger:hover .navbar-toggler-bar {
    background-color: #fff;
}

.header-2020--hamburger--close {

  background: transparent;
    margin-left: 100px;
    margin-bottom: 50px;
    margin-top: 50px;

}


input:-webkit-autofill, select:-webkit-autofill {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #fff;
}

input:-webkit-autofill:focus {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #fff;
}

.header-2020--hamburger--close p {
    font-family: Helvetica-Roman;
    color: #fff;
    margin-top: 10px;
}

.header-2020--hamburger--close p:hover {
    color:#fff;
}

.header-2020--hamburger--close:hover {
    background: transparent;
    color: #fff;
}

.header-2020--hamburger-icon-x {
    /* width: 60px; */
    height: 60px;
    position: relative;
    display: block;
    margin-left: 25px;
}

.header-2020--hamburger-icon-x:after {
    content: '';
    height: 50px;
    border-left: 2px solid #ffffff;
    position: absolute;
    transform: rotate(45deg);
    left: 28px;
}

.header-2020--hamburger-icon-x:before {
    content: '';
    height: 50px;
    border-left: 2px solid #ffffff;
    position: absolute;
    transform: rotate(-45deg);
    left: 28px;
}

.header-2020--hamburger--close:hover p {
    color: #fff;
}

.header-2020--hamburger--close:hover .header-2020--hamburger-icon-x:after,
.header-2020--hamburger--close:hover .header-2020--hamburger-icon-x:before {
    border-left: 2px solid #ffffff;
}

.navbar-toggler-bar {
    display: block;
    position: relative;
    width: 25px;
    border-bottom: 2.5px solid;
    background: #FFFFFF;
    margin-bottom: 5px;
    margin-left: 26px;
    margin-right: 0px;
}

.navbar-toggler-bar:last-child {
    margin-bottom: 0px;
}

.navbar-toggler-bar:nth-child(2) {
    width: 15px;
}

/* Sidenav */
.sidenav {
    background-color: transparent;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
   left: 0;

    overflow-x: hidden;
    /* transition: 0.5s; */
    /* padding-top: 20px; */
}

.sidenav-length {
    height: 100vw;
    max-width: 600px;
    background-color: rgba(51, 51, 51, 0.9)

}
.sidenav-links--third {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.sidenav-links--third .btn-book-room {
    font-size: 16px;
}



.sidenav a {
    display: block;
    color: #333;
    transition: 0;
}

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

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav-header {
    display: flex;
    justify-content: flex-start;
}

.sidenav-header .fa {
    font-size: 25px;
    /* padding: 38px 15px; */
    border: 0px solid #707377;
    position: relative;
}

.sidenav-header .btn-book-room {
    height: auto;
    margin-top: 30px;
    border: 2px solid #DED9C9;
}

.sidenav-links {
    margin-left: 120px;
}

.sidenav-links--main {
    font-size: 22px;
    line-height: 1.5;
}

.sidenav-links--main a {
    color:#fff;
    font-family: Cambon-Book;
}

.sidenav-links--main a {
    width: 400px;
    padding: 10px 0;
    text-decoration: none!important;
}

.sidenav-links--sec {
    margin-top: 50px;
    font-size: 18px;
}

.sidenav-links--sec a {
    margin-bottom: 18px;
}

.sidenav-links--third {
    margin-top: 50px;
    font-size: 16px;
}

.sidenav-links--third a {
    margin-bottom: 16px;
    color: #fff;

}

.btn-book-room--call {
    display: none;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
        text-decoration: none;
    }
}

@media screen and (max-width: 767px) {
    .header-2020__logo {
        padding: 5px 10px;
        max-width: 140px;
        margin: auto 0;
    }


    a.login {
        border: 1px solid;
        padding: 10px;
        border-radius: 50%;
    }

    .info-tab-details .break-line {
        border-bottom: 1px solid #db4d0f;
        border-top: 1px solid #db4d0f;
        margin: 15px 0 25px 0;
    }

    .car-validate {
        color: white;
        border: unset;
        background-color: #d85043;
    }
    .btn-book-room,
    .btn-my-stay {
        font-size: 13px;
        margin-right: 9px;
        padding: 3px;
    }
    .header-logo__btns--right .fa,
    .sidenav-header .fa {
        font-size: 25px;
        /* padding: 16px 10px; */
        border: 0px solid #fff;
    }
    .sidenav-links {
        margin: 0 auto;
        padding: 0 25px;
    }
    .sidenav-links--main a {
        width: 100%;
        text-decoration: none;
    }
    .sidenav-header {
        margin-bottom: 30px;
    }
    .sidenav-header .btn-book-room {
        font-size: 14px;
        margin: 10px 0 0 10px;
        width: 75px;
    }
    .header-logo__btns--left {
        padding: 10px 0;
        padding-right: 26px;

    }
    .header-2020--hamburger {
        height: 100%;
        width: 65px;
    }
    .header-2020--hamburger p {
        font-weight: 500;
        font-size: 13px;
    }
    .navbar-toggler-bar {
        width: 25px;
        height: 2px;
        margin-bottom: 5px;
    }
    .btn-book-room--call {
        display: block;
        background-color: #B35F43;
    }
    .header-2020--hamburger img {
        width: 70%;
        height: auto;
    }
    .header-2020--hamburger--close img {
        width: 50%;
        height: auto;
    }
    .header-2020--hamburger-icon-x {
        margin-left: 3px;
        margin-top: 10px;
    }
    .header-2020--hamburger-icon-x:after {
        height: 40px;
    }
    .header-2020--hamburger-icon-x:before {
        height: 40px;
    }
    .header-2020--hamburger--close p {
        margin-top: -22px;
    }
}

footer.brown {
    margin: 0 -15px;
    min-height: 110px;
    background-color: #333333;
    color: #fff;
    padding: 20px;
    font-family: Effra, Verdana, Arial, Helvetica, sans-serif;
}

ul#footer-social-media, ul#footer-pages-links-clayton {
    padding-left: 0;
}

footer ul li {
    list-style: none;
    display: inline-block;
}

footer .footer-links {
    margin-top: 40px;
    padding: 0px 40px;
    position: relative;
}

.footer-links i {
    font-size: 20px;
    margin: 10px;
}

.footer-links li i {
    border: none;
    padding: 7px;
    width: 40px;
    height: 40px;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover,
footer a:focus {
    color: #dfdaca;
}

ul#footer-pages-links-clayton {
    margin-top: 30px;
    font-size: 12px;
}

.footer-logo {
    max-height: 80px;
    margin: 40px;
}

footer div.col-6 {
    border-top: 1px solid #712e25;
    border-bottom: 1px solid #712e25;
    margin: 40px 0 20px 0;
}

footer div.col-6:last-child {
    border-left: 1px solid #712e25;
}

.footer-bottom p {
    font-size: 14px;
}

@media only screen and (max-width: 728px) {
    .footer-logo {
        max-height: 80px;
        margin: 10px;
    }
    #footer-social-media li {
        width: 50px;
    }
    .footer-bottom p {
        font-size: 12px;
    }

    .addons-item-btn .button--secondary {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

body {
    font-family: 'Cambon-Book';
    background: #2c2d26;
    color: #ffffff;
}

.container {
    padding: 0 10px;
    max-width: 1615px;
}

@media screen and (min-width: 1200px) {
    .container {
        padding: 0 40px;
    }
}

h1 {
    color: #000;
    font-size: 22px;
}

@media screen and (min-width: 1200px) {
    h1 {
        font-size: 28px;
    }
}

h2 {
    font-size: 26px;
    color: #ffffff;
}

@media screen and (min-width: 1200px) {
    h2 {
        font-size: 24px;
    }
}

p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
    font-family: Helvetica-Roman;
}

@media screen and (min-width: 1200px) {
    p {
        font-size: 16px;
        color: #ffffff;
    }
}

a {
    color: #5c150c;
    font-family: Helvetica-Roman;
}

a:hover {
    color: #5c150c;
}

#progress-steps {
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'effra', sans-serif;
    color: rgba(82, 98, 100, 0.7);
    letter-spacing: 1px;
}

#progress-steps .pregress-steps-desktop {
    background-color: #444444;
    margin-bottom: 20px;
    padding-bottom: 0;
    line-height: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0px 0px;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    #progress-steps .pregress-steps-desktop {
        font-size: 18px;
        line-height: 46px;
        text-transform: capitalize;
        margin-bottom: 50px;
    }
}

#progress-steps .pregress-steps-desktop .active {
    background-color: #b6ced2;
    color: #333;
    position: relative;
}

#progress-steps .pregress-steps-desktop .active:after {

    z-index: 1000;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 20px;
    height: 100%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #b6ced2;
}


@media screen and (min-width: 992px) {
    #progress-steps .pregress-steps-desktop .active:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 25px;
        height: 100%;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        background-color: #b6ced2;

    }
}

.confirmation-form-cover {
    background-color: #333333;
}

#progress-steps .pregress-steps-desktop .past {
    background-color: #b6ced2;
    color: rgba(51, 51, 51, 0.6);
}

.mobile-hotel-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #444444;
    margin-bottom: -1px;
}

.mobile-hotel-info a {

    padding: 11px 0;
    margin: 5px 0px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Helvetica-Roman;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.2px;
    text-align: center;
    color: #fff;
}


.mobile-hotel-info-left {
    color: #ffffff !important;
    background: #444444;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #7f7f7f;
}

.mobile-hotel-info-left i {
    margin-right: 10px;
}

#booking-summary {
    margin-bottom: 20px;
}

.booking-data-icon {
    align-items: center;
}

.booking-data-icon i {
    margin-left: 10px;
    position: relative;
    top: 2px;
}

/*.booking-summary-table {
  border-bottom: 1px solid rgba(82, 98, 100, 0.3);
  margin-bottom: 20px;
  padding: 10px 0;
}*/

.booking-summary-heading {
    background: #333333;
    color: #fff;
    padding: 15px;
}

.booking-summary-heading .d-block > span {
    display: inline-block;
    padding-bottom: 5px;
}

@media screen and (min-width: 1200px) {
    .booking-summary-heading {
        padding: 30px 30px 20px 30px;
    }
}

.booking-summary-heading h2 {
    font-size: 20px;
    text-transform: capitalize;
    margin-right: 10px;
    color: #fff;
}

.booking-summary-heading span {
    font-size: 16px;
    color: #ffffff;
    padding-top: 1px;
    font-family: Helvetica-Roman;
}

.booking-summary-heading-desktop {
    display: none;
}

@media screen and (min-width: 1200px) {
    .booking-summary-heading-desktop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #444444;
    }
}

.booking-summary-heading-desktop button {
    width: 155px;
    border-radius: 6px;
    border: solid 1px #fff;
    font-family: Helvetica-Roman;
    font-weight: bold;
}

.booking-summary-heading-desktop h2 {
    font-size: 28px;
    color: #fff;
}

.booking-summary-data {
    padding: 10px;
    background-color: #444444;
}

@media screen and (min-width: 1200px) {
    .booking-summary-data {
        padding: 0;
        background-color: transparent;
    }
}

@media screen and (max-width: 1200px) {
    .booking-summary-data {
        display: none;
    }
}

.booking-summary-data p {
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: right;
}

#info-feature a {
    color: #ffffff;
}

#info-feature a.roomTabHome {
    color: #db4d0f ;
    text-decoration: underline;
}

.booking-summary-data p:nth-child(odd) {
    width: 100%;
    text-align: left;
    line-height: 1.22;
}

@media screen and (min-width: 1200px) {
    .booking-summary-data p {
        text-align: left;
    }
}

.booking-summary-data .booking-row {
    padding: 5px 0;
    font-family: Helvetica-Roman;
}

.booking-summary-data .booking-row:last-child {
    border-bottom: 1px solid #444444;
    padding: 0 0 15px 0;
}

.booking-summary-data h2 {
    font-size: 24px;
}

.booking-summary-rooms {
    border-bottom: 1px solid rgba(82, 98, 100, 0.3);
    padding: 15px 0 15px 0;
}


.booking-summary-room:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
    .booking-summary-room {
        display: grid;
        grid-template-columns: 110px 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
    }
    .booking-summary-room-img {
        width: 100%;
        height: 70px;
        object-fit: cover;
    }
}

.booking-summary-room-content h4 {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

@media screen and (min-width: 1200px) {
    .booking-summary-room-content h4 {
        font-size: 16px;
        padding-bottom: 15px;
        font-family: Helvetica-Roman;
    }
}

.booking-summary-room-extra {
    display: flex;
    grid-gap: 5px;
}

.booking-summary-room-extra p {
    font-size: 16px;
    color: #fff;
    width: auto !important;
    font-family: Helvetica-Roman;
}

@media screen and (min-width: 1200px) {
    .booking-summary-room-extra p {
        font-size: 18px;
        color: #ffffff;
    }
}

.booking-summary-room-extra span {
    font-size: 16px;
    color: #526264;
}

@media screen and (min-width: 1200px) {
    .booking-summary-room-extra span {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .booking-summary-room-extra img {
        display: none;
    }

    #progress-steps .pregress-steps-desktop .active:after {
        left: 99%;
    }

    .nav-tabs .icon-close {
        margin-top: -4px !important;
        margin-right: 0;
    }
}

.booking-summary-room-table {
    width: 100%;
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    padding-top: 10px;
}

@media screen and (min-width: 1200px) {
    .booking-summary-room-table {
        padding-top: 20px;
    }
}

.booking-summary-room-table p {
    padding: 5px 0;
}

.booking-summary-room-table p:nth-child(even) {
    text-align: right !important;
}

.booking-summary-room-hidden {
    display: none;
}

.booking-summary-total {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    margin: 15px 0 10px 0;
}

.booking-summary-total h2:nth-child(even) {
    text-align: right;
}

.booking-summary-footer span {
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.main-grid {
    display: block;
}

@media screen and (min-width: 1200px) {
    .main-grid {
        display: grid;
        grid-template-columns: 1fr 400px;
        gap: 0px 40px;
    }
}

@media screen and (min-width: 1300px) {
    .main-grid {
        display: grid;
        grid-template-columns: 1fr 35%;
        gap: 0px 40px;
    }
    .conf-grid {
        max-width: 1200px;
        display: grid;
        grid-template-columns: 1fr 50%;
        gap: 0px 40px;
        margin: auto;
    }
}

.confirmation-img {
    width: 100%;
}

.rate-wrapper {
    margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .rate-wrapper {
        margin-bottom: 55px;
        /*border: solid 1px rgba(82, 98, 100, 0.3);*/
    }
}

.packages-list article .main-room {
    padding: 30px;
}

.rate-details {
    background-color: #333333;

}

.packages-list article {
    border: none;
    margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
    .rate-details {
        display: flex;
        justify-content: space-between;
        padding: 30px;
    }
}

.rate-details-info {
    padding: 15px 15px 0 15px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .rate-details-info {
        width: 100%;
        padding: 0;
    }
}

.rate-details-info h2 {
    font-size: 26px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    width: calc(100% - 35px);
}

@media screen and (max-width: 1199px) {
    .rate-details-info h2 {
        width: 100%;
        font-size: 22px;
    }
}

.rate-details-info h2:hover {
    cursor: pointer;
}

.rate-details-info .mobile-info {

    padding-left: 10px;
}

.rate-details-info .icon-info-white {
    height: 24px;
    width: 24px;
    right: 10px;
    margin-left: 10px;
}

.rate-details-icons {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .rate-details-icons {
        margin-bottom: 0;
    }
}

.rate-details-icons ul {
    list-style: none;
    font-size: 16px;
    margin-bottom: 0;
}

.rate-details-icons ul li {
    display: inline-block;
}

.rate-details-icons ul li {
    margin-right: 10px;
}

.rate-details-points ul {
    font-size: 16px;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
}

.rate-details-points ul li {
    margin-left: 10px;
    text-indent: -5px;
    color: #526264;
    display: block;
    margin-right: 15px;
}

@media screen and (max-width: 460px) {
    .rate-details-points ul li {
        margin-right: 0;
        margin-bottom: 15px;
    }

    #progress-steps .pregress-steps-desktop .active {
        font-size: 14px;
    }
    #progress-steps .pregress-steps-desktop .step {
        color: #fff;
    }

    #content_sidebar_wrapper .loyalty .instant-saving__content {
        background-color: #d5d5d5!important;
    }



}

.main-room .room-price {
    width: 35%;
}

.main-room .room-info {
    width: 65%;
}

.rate-details-points ul li:last-child {
    margin-bottom: 0;
}

.rate-details-points ul li:before {
    content: "\2022";
    color: #c66e4e;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}

.rate-details-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

@media screen and (min-width: 768px) {
    .rate-details-price {
        margin-bottom: 0;
        display: block;
        text-align: center;
        width: 115px;
        margin-right: 30px;
    }
}

.rate-details-price span {
    color: #fff;
    font-size: 16px;
    font-family: Helvetica-Roman;
}

.rate-details-price h2 {
    margin-bottom: 0;
    font-size: 24px;
}

.rate-details-price .price-with-decimal span {
    font-size: 24px!important;
}

.rate-details-btn .button {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .rate-details-btn .button {
        width: 160px;
    }
}

@media screen and (min-width: 768px) {
    .rate-details-right {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.rate-rooms {
    display: none;
}

.rate-rooms-item {
    background-color: #333333;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .rate-rooms-item {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #444;
        margin-bottom: 0;
    }
}

.rate-rooms h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.rate-rooms h2:hover {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .rate-rooms-info {
        display: flex;
        justify-content: space-between;
        padding: 30px 0 30px 30px;
    }
}

.rate-rooms-info-details {
    padding: 20px 15px;
    border-left: 1px solid rgba(82, 98, 100, 0.3);
    border-right: 1px solid rgba(82, 98, 100, 0.3);
}

.rate-rooms-info-details .icon-info-white {
    min-width: 24px;
    min-height: 24px;
    margin-left: 10px;
    position: relative;

}

@media screen and (min-width: 768px) {
    .rate-rooms-info-details {
        border-left: none;
        border-right: none;
        padding: 0 0 0 20px;
    }

    .rate-rooms-card .rate-rooms-info-details {
        left: -30px;
        top: 25px;
    }

    /*.rate-rooms-info-details .icon-info-white {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    right: -25px;*/
    /*}*/
}

.rate-rooms-info-details ul {
    list-style: none;
    font-size: 16px;
    margin-bottom: 0;
}

.rate-rooms-info-details ul li {
    display: inline-block;
    color: #ffffff;
    margin-right: 20px;
}

.rate-rooms-info img {
    height: 190px;
    object-fit: cover;
}

@media screen and (min-width: 768px) {
    .rate-rooms-info img {
        height: 107px;
    }
}

.rate-rooms-info img:hover {
    cursor: pointer;
}

.rate-rooms-info .zoom-icon {
    position: absolute;
    right: 5px;
    top: 45px;
    height: 20px;
    width: 20px;
}

.rate-rooms-price {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 0px;
    border-top: 1px solid rgba(82, 98, 100, 0.3);
}

@media screen and (min-width: 768px) {
    .rate-rooms-price {
        border-top: none;
    }
}

.rate-rooms-price button {
    width: 100%;
    margin-top: 10px;
}

@media screen and (min-width: 768px) {
    .rate-rooms-price button {
        width: 140px;
    }
}

.rate-rooms-price .button--primary {
    border-radius: 6px;
    border: solid 1px #fff;
    font-weight: bold;
    font-family: Helvetica-Roman;
}

.gift-voucher-redemption .button--primary{
    border-radius: 6px;
    border: solid 1px #fff;
    font-weight: bold;
    font-family: Helvetica-Roman;
    text-transform: uppercase;
}


.rate-rooms-price .button--primary:focus {
    box-shadow: none;
    background-color: transparent;
}

.rate-rooms-price .button--secondary {
    border-radius: 6px;
    background-color: #db4d0f;
    font-weight: bold;
    font-family: Helvetica-Roman;

}

.rate-rooms-price h5 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #5c150c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rate-rooms-price h6 {
    font-size: 16px;
    font-family: Helvetica-Roman;
}

.rate-rooms-price span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: Helvetica-Roman;

}

.rate-rooms-price a span {
    font-weight: bold;
    font-size: 12px!important;
}

.rate-rooms-price .icon-info-white {
    height: 16px;
    width: 16px;
}

.rate-rooms-card {
    padding: 15px;
    border-right: 1px solid rgba(82, 98, 100, 0.3);
    border-bottom: 1px solid rgba(82, 98, 100, 0.3);
}

.rate-rooms-card:first-child {
    border-left: 1px solid rgba(82, 98, 100, 0.3);
}

@media screen and (min-width: 768px) {
    .rate-rooms-card {
        border-bottom: none;
        border-right: none;
        width: 200px;
        padding: 30px 20px;
    }
    .rate-rooms-card:first-child {
        border-right: 1px solid #444;
        border-left: none;
    }
}

.rate-rooms-card-strikethrough {
    display: flex;
    justify-content: center;
}

.rate-rooms-card-strikethrough span {
    margin: 0 2px;
}

@media screen and (max-width: 1199px) {
    .rate-sidebar {
        display: none;
    }
}

.addons-skip {
    text-align: right;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width: 768px) {
    .addons-skip {
        margin-bottom: 30px;
    }
}

.addons-skip .button {
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: Helvetica-Roman;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .addons-skip .button {
        width: auto;
        border-radius: 6px;
        border: solid 1px #fff;
        padding: 16px 33px;

    }
}

.addons-skip .button span {
    display: none;
}

@media screen and (min-width: 768px) {
    .addons-skip .button span {
        display: inline;
    }
}

.addons-group {
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .addons-group {
        margin-bottom: 50px;
    }
}

.addons-items {
    padding: 30px 15px 30px 15px;
    display: none;
    background-color: #333333;
    border-left: solid 1px rgba(82, 98, 100, 0.3);
    border-bottom: solid 1px rgba(82, 98, 100, 0.3);
    border-right: solid 1px rgba(82, 98, 100, 0.3);
}

@media screen and (min-width: 768px) {
    .addons-items {
        padding: 40px;
    }

    .en-stay-info.addons-items {
        padding: 30px 15px 30px 15px;
    }
}

.addons-header {
    display: flex;
    height: 91px;
}

.addons-header img {
    height: 100%;
    width: 145px;
}

@media screen and (max-width: 767px) {
    .addons-header img {
        display: none;
    }

    .car-section-element {
        margin: 0;
    }
}

.addons-header h2 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .addons-header h2 {
        font-size: 28px;
    }

    .car-section-element {
        margin: 0;
    }

    .car-registration-input {
        margin-left: 0!important;
    }

    .car-section {
        display: contents;
    }
}

.addons-header span {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: Helvetica-Roman;
}

@media screen and (min-width: 768px) {
    .addons-header span {
        font-size: 18px;
        margin-left: 20px;
        margin-bottom: 3px;
    }
}

.addons-header-content {
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333333;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .addons-header-content {
        padding: 40px;
    }
}

@media screen and (min-width: 768px) {
    .addons-header-content-allign {
        display: flex;

    }
}

.addons-item {
    background-color: #333333;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #444444;
    color: #fff;
}

@media screen and (min-width: 768px) {
    .addons-item {
        display: flex;
    }
}

.addons-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.addons-item img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .addons-item img {
        margin-bottom: 0;
        height: 140px;
        width: 222px;
    }
}

@media screen and (min-width: 768px) {
    .addons-item-content {
        padding-left: 30px;
        padding-right: 45px;
        width: 100%;
        padding-top: 20px;
    }
}

.addons-item-content h2 {
    font-size: 22px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .addons-item-content h2 {
        font-size: 26px;
    }
}

.addons-item-content span {
    font-size: 14px!important;
    color: #fff!important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .addons-item-content span {
        margin-bottom: 10px;
    }
}

.addons-item-content .icon-info-white {
    height: 24px;
    width: 24px;
    margin-left: 10px;

}

@media screen and (max-width: 767px) {
    .addons-item-content p {
        display: none;
    }
}

.addons-item-btn:last-child {
    border-bottom: none;
}

@media screen and (min-width: 768px) {
    .addons-item-btn {
        border-bottom: 0;
        min-width: 150px;
        display: block;
    }
}

.addons-item-btn .button--secondary {
    border-radius: 6px;
    background-color: #db4d0f;
    font-family: Helvetica-Roman;
    font-weight: bold;
}

.addons-footer-total span {
    font-family: Helvetica-Roman;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
}

#price-for-updating {
    font-size: 24px;
}

.addons-item-btn button {
    width: 100%;
}

.addons-item-btn--grid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

@media screen and (min-width: 1200px) {
    .addons-item-btn--grid {
        display: block;
    }
}

.addons-item-btn h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

@media screen and (min-width: 768px) {
    .addons-item-btn h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

.addons-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.addons-footer h3 {
    font-size: 22px;
    margin-left: 20px;
}

@media screen and (min-width: 1200px) {
    .addons-footer h3 {
        font-size: 24px;
        margin-left: 15px;
    }
}

.addons-footer button {
    margin-left: 20px;
    width: 85px;
}

@media screen and (min-width: 768px) {
    .addons-footer button {
        width: 355px;
    }
}

.addons-footer button {
    border-radius: 6px;
    background-color: #db4d0f;
}

.gradient-btn:hover {
    background-color: #db4d0f!important;
}

.addons-footer-total {
    display: flex;
    align-items: flex-end;
    color: #ffffff;
}

.guest-heading h2 {
    margin-top: 10px;
    margin-bottom: 38px;
    color: #ffffff;
    font-size: 22px;
}

@media screen and (min-width: 1200px) {
    .guest-heading h2 {
        font-size: 28px;
    }
}

.guest-banner {
    display: flex;
    margin-bottom: 40px;
}

.guest-banner-icon {
    background-color: #00636f;
    width: 40px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1200px) {
    .guest-banner-icon {
        min-width: 66px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
}

.guest-banner-icon img {
    width: 24px;
    height: auto;
}

@media screen and (min-width: 1200px) {
    .guest-banner-icon img {
        width: 30px;
    }
}

.guest-banner-content {
    padding: 10px;
    border-top: solid 1px rgba(82, 98, 100, 0.3);
    border-right: solid 1px rgba(82, 98, 100, 0.3);
    border-bottom: solid 1px rgba(82, 98, 100, 0.3);
    background-color: #fff;
}

@media screen and (min-width: 1200px) {
    .guest-banner-content {
        padding: 10px 20px;
    }
}

.guest-banner-content p {
    font-size: 16px;
    line-height: 1.38;
}

@media screen and (min-width: 1200px) {
    .guest-banner-content p {
        font-size: 18px;
    }
}

.guest-card {
    background-color: #fff;
    border: solid 1px rgba(82, 98, 100, 0.3);
    padding: 20px 15px;
}

@media screen and (min-width: 1200px) {
    .guest-card {
        padding: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .guest-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.guest-grid--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
}

.guest-grid--3 img {
    width: 60px;
}

@media screen and (min-width: 992px) {
    .guest-grid--3 {
        margin-top: 30px;
        grid-column-gap: 40px;
    }
}

.guest-grid--expiry {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

@media screen and (min-width: 1200px) {
    .guest-grid--expiry {
        grid-column-gap: 40px;
    }
}

.guest-password h2 {
    color: #000;
    font-size: 22px;
    margin: 40px 0;
}

@media screen and (min-width: 1200px) {
    .guest-password h2 {
        font-size: 28px;
    }
}

.guest-password .form-group {
    margin-top: 20px;
}

.guest-password .checkbox-group label {
    margin-top: 20px;
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .guest-password .checkbox-group label {
        font-size: 18px;
        margin-top: 30px;
    }
}

.guest-details {
    margin-bottom: 40px;
}

.guest-details h2 {
    font-size: 22px;
    margin: 40px 0;
}

@media screen and (min-width: 1200px) {
    .guest-details h2 {
        font-size: 28px;
    }
}

.guest-details-card {
    background-color: #fff;
    border: solid 1px rgba(82, 98, 100, 0.3);
}

.guest-details-card--layout {
    display: flex;
}

.guest-details-card img {
    display: none;
}

@media screen and (min-width: 1200px) {
    .guest-details-card img {
        display: block;
        width: 190px;
        height: 120px;
        object-fit: cover;
    }
}

.guest-details-card h4 {
    font-size: 18px;
    color: #000;
}

.guest-details-card .checkbox-group label {
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .guest-details-card .checkbox-group label {
        font-size: 18px;
    }
}

.guest-details-inputs {
    padding: 20px 15px;
}

@media screen and (min-width: 1200px) {
    .guest-details-inputs {
        padding: 40px;
    }
}

.guest-details-content {
    padding: 20px 15px;
}

@media screen and (min-width: 1200px) {
    .guest-details-content {
        padding: 30px 30px 0 30px;
    }
}

.guest-payment {
    margin-bottom: 40px;
}

.guest-payment h2 {
    font-size: 22px;
    margin: 40px 0;
}

@media screen and (min-width: 1200px) {
    .guest-payment h2 {
        font-size: 28px;
    }
}

.guest-payment h2 {
    font-size: 22px;
    margin: 40px 0;
}

@media screen and (min-width: 1200px) {
    .guest-payment h2 {
        font-size: 28px;
    }
}

.guest-payment h3 {
    font-size: 18px;
    margin-bottom: 30px;
    color: #000;
}

@media screen and (min-width: 1200px) {
    .guest-payment h3 {
        font-size: 24px;
    }
}

.guest-payment .custom-control {
    padding-left: 0;
    margin-bottom: 10px;
}

.guest-payment .custom-control:last-child {
    margin-bottom: 0;
}

.guest-payment--options {
    margin-top: 40px;
}

@media screen and (max-width: 991px) {
    .guest-payment--options span.custom-radio {
        display: none;
    }
}

.guest-payment--options .custom-radio label {
    padding: 10px;
}

.guest-payment .custom-radio label {
    margin-bottom: 0;
    height: 70px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 0 0 #dfdaca;
    background-color: #f5f3ef;
}

@media screen and (min-width: 1200px) {
    .guest-payment .custom-radio label {
        margin-bottom: 0;
        padding: 18px 22px;
    }
}

.guest-payment .custom-radio .checked-box {
    background-color: #fff;
    border: solid 2px #c66e4e;
}

.guest-payment .custom-radio .label-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .guest-payment .custom-radio .label-icon {
        justify-content: space-between;
    }
}

.guest-payment .custom-radio .label-icon ul {
    margin-bottom: 0;
}

.guest-payment .custom-radio .label-icon ul span {
    font-size: 16px;
    color: rgba(82, 98, 100, 0.7);
    margin-left: 15px;
}

.guest-payment .custom-radio .label-icon li {
    display: inline-block;
    height: 26px;
}

@media screen and (min-width: 992px) {
    .guest-payment .custom-radio .label-icon li {
        padding: 0 5px;
    }
}

.guest-payment .custom-radio .label-icon--cards {
    justify-content: space-between;
}

.guest-payment-notice {
    margin-top: 20px;
    color: rgba(82, 98, 100, 0.7);
}

@media screen and (min-width: 1200px) {
    .guest-payment-notice {
        margin-top: 30px;
    }
}

.guest-payment--box {
    text-align: center;
    margin-top: 40px;
}

.guest-payment--box img {
    margin: 30px 0;
}

@media screen and (min-width: 1200px) {
    .guest-payment--box img {
        margin: 40px 0;
    }
}

.guest-payment--box .button {
    width: 100%;
    margin-top: 20px;
}

@media screen and (min-width: 1200px) {
    .guest-payment--box .button {
        margin-top: 30px;
    }
}

.guest-payment-card-details {
    margin-top: 40px;
}

.guest-payment-card-details .checkbox-group label {
    font-size: 16px;
}

@media screen and (min-width: 1200px) {
    .guest-payment-card-details .checkbox-group label {
        font-size: 18px;
    }
}

.guest-payment-card-details-footer .button {
    margin: 20px 0 30px 0;
    width: 100%;
}

@media screen and (min-width: 1200px) {
    .guest-payment-card-details-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .guest-payment-card-details-footer .button {
        margin: 30px 0 0 0;
        width: auto;
        padding-left: 50px;
        padding-right: 50px;
    }
}

.guest-payment .guest-grid--3 .custom-radio label {
    padding: 9px;
}

@media screen and (min-width: 992px) {
    .guest-payment .guest-grid--3 .custom-radio label {
        padding: 20px;
    }
}

.confirmation-container {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
}

.confirmation-number {
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px rgba(82, 98, 100, 0.3);
    padding: 15px;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .confirmation-number {
        padding: 40px 40px 35px 40px;
    }
}

.confirmation-number .button {
    text-decoration: none;
    width: 100%;
    display: block;
}

.confirmation-number-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
}

@media screen and (min-width: 718px) {
    .confirmation-number-grid {
        margin-top: 35px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.confirmation-next {
    margin-bottom: 40px;
    background-color: #fff;
    border: solid 1px rgba(82, 98, 100, 0.3);
    padding: 30px 15px 15px 15px;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .confirmation-next {
        padding: 40px 40px 60px 40px;
    }
}

.confirmation-next h2 {
    margin-bottom: 25px;
}

@media screen and (min-width: 1200px) {
    .confirmation-next h2 {
        margin-bottom: 40px;
        font-size: 28px;
    }
}

/*.confirmation-next-grid {*/
/*margin-top: 46px;*/
/*}*/

@media screen and (min-width: 718px) {
    .confirmation-next-grid {
        margin-top: 56px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.confirmation-next-grid img {
    margin: 32px 0;
}

@media screen and (max-width: 1199px) {
    .confirmation-cards .mbm {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 718px) {
    .confirmation-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 40px;
        grid-row-gap: 0px;
    }
}

.confirmation-cards img {
    width: 100%;
    height: 186px;
    object-fit: cover;
}

@media screen and (min-width: 1200px) {
    .confirmation-cards img {
        height: 300px;
    }
}

.confirmation-cards-card {
    background: #fff;
    border-left: solid 1px rgba(82, 98, 100, 0.3);
    border-right: solid 1px rgba(82, 98, 100, 0.3);
    border-bottom: solid 1px rgba(82, 98, 100, 0.3);
    padding: 20px 15px;
    text-align: center;
}

.confirmation-cards-card:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
    .confirmation-cards-card {
        padding: 40px;
    }
}

.confirmation-cards-card h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .confirmation-cards-card h2 {
        font-size: 28px;
        margin-bottom: 25px;
    }
}

.confirmation-cards-card p {
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .confirmation-cards-card p {
        margin-bottom: 30px;
    }
}

.confirmation-cards-card a {
    text-decoration: none;
    display: inline-block;
    width: auto;
}

.payment-info {
    background-color: #b6ced2;
    padding: 12px 15px;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 -40px 30px;
}

@media screen and (min-width: 1200px) {
    .payment-info {
        padding: 10px 40px;
    }
}

.payment-info .fa {
    margin-right: 10px;
    font-size: 20px;
}

@media screen and (min-width: 1200px) {
    .payment-info .fa {
        margin-right: 20px;
    }
}

.guest-payment--options,
#paypal,
#googlePay,
#applePay,
#cvv-code {
    display: none;
}

.booking-widget .booking-widget-datepicker .form-control {
    background-image: url("../../css/clayton/images/icons/callendar-icon.svg");
    background-size: 15px;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
}

.form-group select {
    background-image: url("../../css/clayton/images/icons/icon-form-form-dropdown.svg");
    background-size: 10px;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
}

.modify-booking {
    text-align: center;
    background-color: #333333;
    padding: 20px 15px;
    color: #fff;
    margin-bottom: 30px;
}
.modify-booking img {
    margin-bottom: 20px;
}
.modify-booking h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 24px;
}
.modify-booking p {
    margin-bottom: 20px;
}
.modify-booking .button {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .modify-booking p, .modify-booking img {
        margin-bottom: 0;
    }
    .modify-booking {
        text-align: left;
        padding: 30px;
        margin-bottom: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }
    .modify-booking-text {
        margin: 0 20px;
    }
    .modify-booking .button {
        width: 208px;

    }
}

.price-info-tooltip-hov, .member-rate-tooltip-hov, .strike-through-tooltip-hov {
    display: none;
}
.price-info-tooltip, .member-rate-tooltip, .strike-through-tooltip {
    display: block;
    width: 325px;
    height: auto;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 2px 4px 0 rgba(96, 99, 104, 0.4);
    background-color: #2c3132;
}


.rate-rooms-card-strikethrough .price-info-tooltip p:first-child, .member-rate-tooltip-hov .member-rate-tooltip p:first-child, .rate-details-price .strike-through-tooltip p:first-child {
    font-family: Effra;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
}

.rate-rooms-card-strikethrough .price-info-tooltip p, .rate-rooms-card-strikethrough .price-info-tooltip li,
.member-rate-tooltip-hov .member-rate-tooltip p, .member-rate-tooltip-hov .member-rate-tooltip li,
.strike-through-tooltip-hov .strike-through-tooltip p, .strike-through-tooltip-hov .strike-through-tooltip li {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: left;
}

.strike-through:hover + .price-info-tooltip-hov {
    display: block;
    z-index: 1200;
    top: -20px;
    left: 11px;
    /*margin-left: 120px;*/
}

.rate-details-price .icon-info-white:hover + .strike-through-tooltip-hov {
    display: block;
    z-index: 1200;
    top: -40px;
    left: 100px;
}

.rate-details-price .icon-info-white {
    margin-bottom: -3px;
}

.member-rate:hover + .member-rate-tooltip-hov {
    display: block;
    z-index: 1200;
    top: -50px;
    margin-left: 145px;
}

.fa-person-swimming:before, .fa-swimmer:before {
    content: "\f5c4";
}

.fa-lock-keyhole-open:before, .fa-lock-open-alt:before {
    content: "\f3c2";
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
    content: "\f1eb";
}

@media (min-width: 576px) {
    .booking-modal .modal-dialog {
        max-width: 748px!important;
    }

    .parkstayfly-time-select:nth-child(even) {
        /*border-left: none;*/
    }
}

.gradient-btn {
    height: 50px;
}

.modal-scroll {
    overflow-y: initial;
    max-height: fit-content;
}

.nav-tabs>li>a {
    border:none;
    margin-right: 1px;
}

a.button.button--secondary {
    width: 150px;
}

.addons-item img.x-icon-search {
    height: 40px!important;
}

.addons-item .modal-header {
    /*margin-top: -50px;*/
    /*height: 50px;*/
    /*background-color: rgba(0, 0, 0, 0.7);*/
}

.addons-item .modal-body {
    background-color: #444444;
}

.addons-item .roomInfoModal .room-modal-list {
    width: 100%;
    padding-left: 0;
}

.addons-item .main-grid {
    grid-template-columns: 1fr 370px;
}

.addons-item .addonModal img {
    width: 100%;
    height: 232px;
}

input[type=checkbox]:checked+span.custom-check, input[type=radio]:checked+span.custom-check {
    width: 20px;
    height: 20px;
}

.breakfast-modal-options label {
    font-weight: normal;
}

.en-stay-img {
    display: none;
}

.en-stay-info .en-stay-text {
    font-size: 22px;
}

.parkstayfly-header-left, .en-stay-info .en-stay-text {
    width: 100%;
}

.parkstayfly-header-left h3 {
    display: none;

}

.selectTime {
    display: none;
}

.single-btn {
    width: 100px;
    margin-right: 30px;
}

.no-bullets {
    list-style-type: none;
}

.left-arrow {
    content: "";
    position: absolute;
    bottom: 0px;
    left: -30px;
    top: 20px;
    width: 0px;
    height: 0px;
    border-width: 10px 15px;
    border-style: solid;
    border-color: transparent #2c3132 transparent transparent;
}

.fa-light, .fal {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}

.parkstayfly-date-time-section {
    border-top: none;
}

.validation-section {
    border-top: none;
}

.parkstayfly-date-input::placeholder {
    color: #fff;
}

.car-validate {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #333333;
    border: none;
    font-family: Cambon-Book;
    text-decoration: underline;
}

.car-registration-input input.invalid, .car-registration-input input.valid {
    background-position: right 10px top 15px;
}

.form-group input.car-validate:focus {
    background-color: #fff;
    border: none;
}

.added-parkstayfly-button-input-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 160px;
    background-color: #db4d0f;
    font-family: Helvetica-Roman;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.2px;
    text-align: center;
    color: #fff;
}
.select-parkstayfly-addon {
    display: flex;
}


.added-parkstayfly-button-input-left {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
}

.car-parking-location {
    border-color: #db4d0f!important;
}


.instant-saving__content .coc p {
    color: #00636f!important;
    background-color: #fff;
    font-size: 23px!important;
    margin-bottom: 3px;
    border-radius: 3px
}

.instant-saving__content .coc p.save-every-night {
    color: #fff!important;
    background-color: inherit;
    font-size: 11px!important;
    text-align: left;
    margin-left: 2px;
    margin-top: -25px;
}

.instant-saving__content a {
    text-decoration: underline!important;
    color: #db4d0f!important;
}

.instant-saving__content .coc-text {
    text-align: left;
}

.confirmation-form-cover .hide-show {
    right: 25px;
    top: 35px;
}

.confirmation-form-cover  .hide-show img {
    vertical-align: middle;
    width: 20px;
}

.confirmation-form-cover {
    margin-top: 38px;
    margin-bottom: 38px;
}

.how-to-pay {
    display: flex;
    justify-content: space-between;
}

.how-to-pay > div {
    flex: 0 0 calc(50% - 20px);
    margin-left: 0;
}

.confirmation-form-cover .custom-radio {
    margin-right: 29px;
    top: 0;
}

.confirmation-form-cover .checkbox-group label {
    margin-left: 0;
    font-weight: normal;
    font-size: 16px;
    font-family: Helvetica-Roman;
}

.whenToPay .form-check {
    width: 45%;
    height: 60px;
    margin: 30px 0;
    padding: 18px 20px;
    border-radius: 4px;
    border: solid 2px #c66e4e;
    display: inline-block;
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .whenToPay .form-check {
        width: 100%;
    }
}

.wtp {
    height: auto;
}

.payment-tabs label {
    vertical-align: middle;
    height: unset;
}

.payment-tabs .nav-tabs .nav-link.active {
    border: 2px solid #c66e4e;
}
.payment-tabs label {
    cursor: pointer;
}
.payment-tabs span.custom-radio {
    top: 0;
}
.payment-tabs .nav-tabs .nav-link:last-child {
    margin-right: 0;
    float:right;
}
.payment-tabs .nav-tabs {
    border-bottom: none;
}

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

    .payment-tabs .nav-tabs .nav-link {
        margin-right: 0 !important;
        margin-top: 15px;
    }
}

.payment-details-wrapper ul {
    margin: 0;
    padding: 0;
    float: right;
}

.payment-tabs ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    display: inline-block;
}

.payment-tabs li {
    display: inline-block;
    vertical-align: middle;
}

.payment-tabs .nav-tabs .nav-link {
    background-color: #fff;
    border-color: #e9ecef #e9ecef #dee2e6;
    margin-right: 90px;
    padding: 10px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
    line-height: 2.5;
    text-align: center;
    border-radius: 5px;
}

.payment-tabs label {
    cursor: pointer;
}

.payment-tabs span.custom-radio {
    top: 0;
}

.payment-tabs .nav-tabs .nav-link:last-child {
    margin-right: 0;
    float:right;
}

.payment-tabs .nav-tabs {
    border-bottom: none;
}

.payment-options-container .tab-content > .tab-pane {
    display: none;
}
.payment-options-container .tab-content > .active {
    display: block;
}

.payment-tabs .nav-tabs .nav-link label {
    width: 100%;
}

.payment-tabs .nav-tabs .nav-link img {
    float: right;
}

.payment-details-wrapper ul li {
    list-style: none;
    display: inline-block;
    float: right;
    margin-left: 5px;
}

.mojo-modal-header {
    display: none;
}

.banner-block {
    padding: 30px;
    background-color: #333333;
}

.banner-block-text p {
    font-family: Helvetica-Roman;
    color: #fff;
}

.banner-block-text .book-room-btn.gradient-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loyalty-banner {
    background-color: #333333;
}

.loyalty-banner h3 {
    color: #fff;
}

.banner-block-img {
    width: 100%;
    max-width: 100%;
}

.book-room-btn {
    padding: 7px 10px;
    font-family: 'Effra', sans-serif;
    font-size: 18px;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
}

.gradient-btn {
    text-decoration: none;
    font-family: Helvetica-Roman;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 1.2px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background-color: #db4d0f;
}

.gradient-btn:focus {
    box-shadow: inset 0 0 0 3px #db4d0f, inset 0 0 0 4px #fff;
    background-color: #db4d0f;
}

.connecting-room-images img:last-of-type {
    left: 20px;
    top: 50px;
}

.rooms-list-item-cell {
    padding: 0;
    border: none;
}

.rooms-list-item .rate-rooms-info {
    padding: 0;
}

.interconnecting-img {
    width: 20px!important;
    height: 10px!important;
}

.filter-cover .filter-heading h3 a {
    width: 115px;
    text-decoration: none;
    padding: 15px;
    text-transform: uppercase;
    color: #fff;
    font-family: Helvetica-Roman;
    font-weight: bold;
    border-radius: 6px;
    background-color: #333;
    border: none;
    letter-spacing: 1.2px;
}

.filter-cover .filter-heading h3 {
    font-size: 12px;
}

.btn-style-2, .btn-style-2:hover, .btn-style-2:focus {
    font-size: 12px;
    padding: 13px;
    color: #fff;
    font-family: Helvetica-Roman;
    background-color: #333333;
    border-radius: 6px;
    letter-spacing: 1.2px;
}

.filter-list {
    /*margin-top: 80px;*/
}

ul.filterCheck li {
    display: inline-flex;
}

ul.filterCheck {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0px 15px;
    margin: auto;
}

@media screen and (max-width: 991px) {
    ul.filterCheck {
        grid-template-columns: 1fr;
    }
}

.filterOpen a {
    font-family: Helvetica-Roman;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none;
}

.filterCheck .radio-group label {
    padding-left: 0;
    font-family: Helvetica-Roman;
}

.filterCheck .checkbox-group label {
    text-indent: 0;
    margin-left: 0;
}

.hotel-listing-post .hotel-listing-post-text a.city-search-hotel {
    font-family: Cambon-Book;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 20px;
}

.list-post-left a {
    font-family: Helvetica-Roman;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #fff;
}

.list-post-left a:nth-child(2) {
color: #db4d0f!important; ;
}

.hotel-listing-post-text .hotel-facilities .fa-light, .filterCheck .fa-light {
    color: #b6ced2;
    font-size: 24px;
    margin-right: 10px;
}

body .calendar {
    background-color: #444444;
    padding: 15px;
    font-family: Helvetica-Roman;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.calendar .calendar-heading {
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.calendar-date:not(.calendar-date--disabled):hover {
    box-shadow: none;
    background-color: #DB4D0F;
}

.calendar-date:not(.calendar-date--disabled):hover .calendar-date-heading,
.calendar-date:not(.calendar-date--disabled):hover .calendar-date-price
{
    color: #fff;
}

.calendar .calendar-weekday {
    text-transform: uppercase;
    padding-bottom: 3px;
}

.calendar .calendar-rows {
    margin-top: 15px;
}

.calendar .calendar-weekdays {
    padding: 0px 10px;
}

.calendar .calendar-date-heading {
    color: #333;
    font-family: Helvetica-Roman;
}

.calendar .calendar-date-no-availability,
.calendar .calendar-date-loading
{
    margin: auto;
    color: #333;
}

.calendar .calendar-date-loading i {
    color: #333 !important;
}

.calendar .calendar-heading-arrows img {
    width: 25px;
}

.calendar .calendar-mobile-btn {
    width: 100%;
    transform: rotate(90deg);
}

.calendar .calendar-mobile-btn img {
    width: 20px;
}

.calendar .calendar-date {
    font-family: Helvetica-Roman;
}

.text-over-image {
    position: absolute;
    z-index: 1;
    font-family: Helvetica-Roman;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    justify-content: center;
    width: 100%;
    text-shadow: 1px 1px 1px black;
}

.text-over-image span {
    display: block;
    margin-top: 20px;
    font-family: Cambon-Book;
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;

}


.conf-grad-img {
    max-width: 615px;
    height: 238px;
    margin-bottom: 30px;
    border: none!important;
    background-image: url(../../css/clayton/images/decoration.svg);
    background-position: center;
}

.conf-grad-img p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center!important;
    color: #fff;
    font-family: Helvetica-Roman;
    top: 20%;

    justify-content: center;
    width: 85%;
}

.conf-grad-img p span {
    margin: 20px 0;
    color: #db4d0f ;
}

.thankyou-cover .hidden-print p, .thankyou-cover .changeofplans {
    text-align: center!important;
}

.icon-door-key {
    background: url(../../css/clayton/images/door-key.svg);
    height: 83px;
    width: 83px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: auto auto 30px;
}

.icon-sms {
    background: url(../../css/clayton/images/sms.svg);
    height: 90px;
    width: 63px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: auto auto 30px;
}

.icon-email {
    background: url(../../css/clayton/images/email.svg);
    height: 79px;
    width: 98px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin: auto auto 30px;
}

.thankyou-cover .booking-summary-room-table {
    grid-template-columns: 240px 1fr;
    padding-top: 0;
}

.thankyou-cover .booking-summary-room-table p {
    padding: 2px 0;
    margin-bottom: 0;
    font-size: 16px;
}

.addons-skip .button:focus {
    color: #fff;
}

.pref-group .en-stay-info {
    border: none;
}

.parkstayfly-date-time-element:first-child {
    margin-left: 0;
}

.parkstayfly-date-time-element:last-child {
    margin-right: 0;
}


.hotel-listing-cover .hotel-filter-btn ul li .form-group select.form-control, .parkstayfly-time-select {
    background-image: url("../../css/clayton/images/icons/form-caret-down.svg");
    background-size: 10px;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
}

.parkstayfly-action-buttons {
    right: 40px;
    bottom: 25px;
}

.added-parkstayfly-button-block {
    margin-bottom: 40px;
    margin-top: -60px;
}

.parkstay-added-edit-button:first-child {
    margin-right: 30px;
}

.en-stay-info .en-stay-extra .parkstayfly-action-buttons p {
    line-height: 2.6;
    color: #fff;

}

.interconnecting-rooms {
    padding: 30px 15px;
}

.parkstayfly-no-registration-error {
    display: inline-flex;
    color: red!important;
    font-size: 16px;
}

@media screen and (max-width: 1200px) {
    #search-component .form-group {
        margin-bottom: 15px;
    }

    #roomTabHome .info-tab-hl ul li {
        margin-bottom: 0;
        height: 45px;
    }
}

@media screen and (max-width: 991px) {
    .nav-tabs .icon-close {
        margin-right: 0!important;
    }
}

@media screen and (min-width: 1200px) {
    .rate-details-info .icon-info-white {
        right: -35px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .rate-details-info .icon-info-white {
        right: 0px;
    }
}


@media screen and (max-width: 768px) {
    .rate-rooms-info img {
        width: 100%;
        height: 190px;
        object-fit: cover;
    }

    .instant-saving__content h2 {
        color: #db4d0f!important;
    }

    .instant-saving__content h2 span:nth-child(2) {
        color: #333 !important;
        font-size: 22px !important;
    }

    .packages-list article .list-rooms {
        background-color: #333333;
    }

    .packages-list article {
        background-color: transparent;
    }

    .rate-rooms-info .zoom-icon {
        top: 160px;
    }

    .addons-skip .button {
        width: 100%;
        display: inline-flex;
        text-align: center;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        border: solid 1px #fff;
    }



    .addons-item-content .icon-info-white {
        right: 0;
    }

    .addons-item-content .en-price p:first-child {
        display: block;
    }

    .addons-item img {
        margin-bottom: 20px;
    }

     .addons-item-btn {
         display: -moz-inline-box;
         display: -webkit-inline-box;
         width: 100%;
     }

    .addons-item-btn h2 {
        width: 50%;
    }

    .addons-item-btn .removeItemsButton {
        width: auto;
    }

    .addons-footer button {
        width: 100%;
    }

    .parkstayfly-date-time-element {
        margin-right: 0!important;
        margin-left: 0!important;
        width: 49%;
    }

    .car-registration-input {
        margin-right: 0!important;
        margin-left: 0!important;
        padding-right: 0!important;
        padding-left: 0!important;
    }

    .added-parkstayfly-button-block {
        margin-bottom: 0;
        margin-top: 0;
    }

    .rate-rooms-info-details .icon-info-white {
        top: 0;
    }

    .booking-summary-data h2 {
        font-size: 22px;
    }

    .booking-summary-data p {
        font-size: 16px;
    }

    #progress-steps .pregress-steps-desktop {
        margin-top: 25px;
    }

    .room-detail ul li figure {
        display: none;
    }

    #guestDetailsForm .room-detail {
        padding: 20px 15px;
    }

    .room-detail ul li .funny-stuff {
        margin-left: 30px;
    }

    .room-detail ul li figure + h4 {
        float: left;
        width: 100%;
    }

    .guest-detail-hide label {
        margin-top: 0!important;
    }

    .payment-info {
        margin: 0 -12px 30px;
    }

    .interconnecting-rooms {
        padding: 0;
    }

    .rooms-list-item-cell.rate-rooms-price {
        border: none;
        padding-bottom: 0;
    }

    .rooms-list-item-cell.rate-rooms-price .rate-rooms-card {
        border: none;
        padding-right: 0;
    }
}

.flex-direction-nav a {
    overflow: inherit;
}

.flexslider:hover .flex-direction-nav .flex-next {
    right: 25px;
}

.rate-details-icons .no-bullets li {
    color: #fff!important;
    font-family: Helvetica-Roman;
    font-size: 18px;
}

#roomSlider1 .slick-track {
    width: 100%!important;
}

article.instant-saving {
    display: flex;
    justify-content: space-between;
    background-color: #333333;
    border: none;
    color: #fff!important;
    border-radius: 5px;
}

.instant-saving__content {
    padding: 20px;
    width: 100%;
    background-color: #333333;
}

#content_sidebar_wrapper .instant-saving__content  {
    background-color: #333333;
}

#content_sidebar_wrapper .loyalty .instant-saving__content, .instant-saving__content {
    background-color: #d5d5d5;
}





.instant-saving__img {
    display: none;
}
.instant-saving__content h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500;
}
.instant-saving__content p {
    font-family: Helvetica-Roman;
    font-size: 22px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #333!important;
}
.instant-saving__content button {
    color: #00636f;
    background-color: #fff;
    padding: 8px 20px;
    box-shadow: none;
    border: none;
    font-size: 14px;
    font-weight: 700;
}

.better-rate-form .col-md-6.login-col p,
.better-rate-form .col-md-6.login-col button {
    width: 100% !important;
}
.better-rate-form .form-group a,
a.showCreateForm {
    color: #db4d0f!important;
}

.instant-saving__content.instant-saving__img--sidebar button {
    width: 100%;
}

.thankyou-table .tk-row .tk-data strike {
    text-align: right;
}

@media (min-width: 992px) {
    .instant-saving__img {
        display: block;
    }

    .graphic-image {
        display: block!important;
    }

    .instant-saving__content h2 {
        font-family: Cambon-Book;
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #db4d0f;
    }

    .instant-saving__modal .modal-body {
        padding: 50px !important
    }
    .instant-saving__modal .instant-saving__img {
        padding-top: 10px;
    }
    .better-rate-form .col-md-6.login-col p,
    .better-rate-form .col-md-6.login-col button {
        width: 47% !important;
    }

}

.instant-saving__content h2 span:nth-child(2) {
    font-family: Cambon-Book;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2c2d26;
}

.instant-saving--sidebar .instant-saving__content .coc-text p {
    font-family: Helvetica-Roman;
    font-size: 16px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff!important;
}

@media screen and (min-width: 1275px) {
    .instant-saving__content .coc {
        display: inline-grid;
        align-items: center;
    }
}

.instant-saving .instant-saving__img {
    object-fit: cover;
    width: 354px;
    height: 180px;
    background-color: #d5d5d5;
}

@media screen and (max-width: 1200px) {
    .member-rate:hover + .member-rate-tooltip-hov {
        display: block;
        z-index: 1200;
        top: -62px;
        margin-left: -180px;
    }

    .member-rate:hover + .member-rate-tooltip-hov.member-rate-tooltip-hov-li {
        display: block;
        z-index: 1200;
        top: 0;
        margin-left: -15px;
    }

    .left-arrow {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 180px;
        top: 20px;
        width: 0px;
        height: 20px;
        border-width: 10px 15px;
        border-style: solid;
        border-color: transparent transparent transparent #2c3132;
    }

    .price-info-tooltip, .member-rate-tooltip, .strike-through-tooltip {
        display: block;
        width: 180px;
        height: auto;
        padding: 20px 20px 20px 20px;
        box-shadow: 0 2px 4px 0 rgb(96 99 104 / 40%);
        background-color: #2c3132;
    }

    .strike-through:hover + .price-info-tooltip-hov {
        display: block;
        z-index: 1200;
        top: -20px;
        left: -300px;
        /* margin-left: 120px; */
    }

    .rate-details-price .icon-info-white:hover + .strike-through-tooltip-hov {
        display: block;
        z-index: 1200;
        top: -30px;
        left: -240px;
    }
}

.hotel-text .offerList__content ul li span {
    margin-left: 20px;
}

/*.member-rate-tooltip:after {*/
/*    content:'';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-top: 25px solid #6A0136;*/
/*    border-left: 50px solid transparent;*/
/*    border-right: 50px solid transparent;*/
/*}*/


#myDropdown {
    display: none;
}
.drop-lang-btn {
    background-color: #3498DB;
    padding: 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.drop-lang-btn:hover, .dropbtn:focus {
    background-color: #2980B9;
}
.language-dropdown {
    position: relative;
    display: inline-block;
    width: 250px;
    background: #fff;
    margin-left: 20px;
}
@media screen and (min-width:992px) {
    .language-dropdown {
        margin-bottom: 25px;
        margin-left: 0;
    }
}
.language-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 250px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}
.language-dropdown a {
    color: #444;
    padding: 5px 10px;
}
.language-dropdown a:hover {
    color: #444;
    background: #eee;
}
.language-dropdown span > a:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: 0.35em solid transparent;
    border-top: 0.5em solid;
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
}
.language-dropdown-content a {
    color: #444;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}
.language-dropdown-content a:hover {
    background-color: #eee;
}
.show {
    display:block;
}


.bp-booking-form {
    background-color: #2c2d26;
}

.booking-page {
    background-color: #2c2d26;
}

.hide-show .show img {
    opacity: 1;
}

.confirmation-form-cover .form-group .form-control.valid {
    background-image: url("../../css/clayton/images/icons/icon-form-valid.svg");
}


.addons-skip .button:focus {
    border-radius: 6px;
    border: solid 1px #fff;
    background-color: transparent;
    box-shadow: none;
}



.list-page-cover {
    background-color: #2c2d26;
}



.search-list-cover .half-group {
    margin-right: 4%;
    width: 47%;
}



.search-list-cover .no-mar {
    margin-right: 0;
}

.filter-cover {
    border:none;
    background-color: transparent;
}

.filter-cover .filter-heading{
    background-color: #333;
    height: 50px;
    display: flex;
    align-items: center;
}

article.hotel-listing-post {
    background-color: #333333;
}

.fa-spinner {
    color: #b6ced2;
}

.map-icon {
    background-image: url("../../css/clayton/images/icons/icon-map-pin-white.svg");

}

.map-icon-city-search {
    background-image: url("../../css/clayton/images/icons/icon-map-pin-white.svg");
    height: 14px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.thankyou-table .tk-row .tk-data {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
    font-family: Helvetica-Roman;

}


.thankyou-cover h1 {
    color: #fff;
    font-family: Cambon-Book;
    font-size: 24px;
    border-bottom: 1px solid #444444!important;
}

.thankyou-cover:nth-child(3) h1 {
    font-size: 28px;
    border-bottom: none!important;

}

.hotel-cover h1 {
    font-size: 28px;
    border-bottom: none!important;

}

#booking  select.form-control {
    background-color: #444444!important;
}

.footer-hotels-logos {
    opacity: 0.5;
}

.footer-hotels-logos h3 {
    color: #707070;
    font-size: 34px;
    font-style: italic;
    font-family: Cambon-Book ;
}

.footer-hotels-logos h1 {
    color: #707070;
    font-size: 46px;
    font-family: Cambon-Book;
    margin-bottom: 0px;

}

.border-social-icons {
    height: 1px;
    width: 100%;
    background-color: #444444 ;
}

.footer-columns-links h3 {
    color: #DB4D0F;
    font-family: Cambon-Book;
    font-size: 24px;
}

.payNow .cardHelp .infoLink {
    background: #fff!important;
}

.footer-pages-links-clayton {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 60px;
    margin-top: 20px;
    margin-left: 40px;
}

.footer-pages-links-clayton li {
    font-family: Helvetica-Roman;
    font-size: 16px;
    color: #E4E4E4;
    margin-bottom: 10px;
}

.instant-saving__content .graphic-image {
    display: none;
}

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

    .sidenav-length {
        height: 100%;
        max-width: 600px;
        background-color: rgba(51, 51, 51,1)

    }

    .room-detail .my-detail ul li {
        display: inline-block;
    }

    .rate-details-price span {
        font-size: 14px;
    }

    .rate-details-price h2 {
        font-size: 22px;
    }
    footer .footer-links {
        padding: 0 20px;
    }

    .instant-saving__content {
        padding: 15px;
    }

    .instant-saving__content p {
        color: #333 !important;
        font-size: 16px !important;
        line-height: normal;
        margin-bottom: 0;
    }

}

.headding-chat-room h3 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff!important;
    font-family: Cambon-Book;
}

.calendar .month-details h3 {
    color: #fff!important;
}

.load-prev, .load-next {
    color: #fff!important;
}

.calendar-selection {
    background-color: #444444!important;
}

.calendar-selection .day-of-week-headings .btn-day-of-week {
    background-color: #444444!important; ;
}

.btn-group .day-of-week {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

    color: #fff!important;
    font-family: Helvetica-Roman;
}

.calendar-selection .day-of-week-headings .btn-day-of-week {
    text-align: center!important;
}

.btn-day:has(.fully-booked) {
    background-color: #fff;
    opacity: 0.8;
}

.btn-default:hover {
    border: solid 1px #db4d0f!important;
    background-color: #db4d0f!important;
    color: #fff!important;
}

.btn-default:hover span.available {
    color: #fff!important;
}

span.available {
    font-size: 16px!important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333!important;
    font-family: Helvetica-Roman;
}

.mid-section .intro-text h2 {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff!important;
    font-family: Cambon-Book;
}

.mid-section {
    background: #2c2d26!important;
}

.banner-images-section {
    position: relative;
}

.banner-images-section .graphic-image {
    position: absolute;
    left: -1px;
    display: none;
}

.bookingSteps:before, .bookingSteps ul li.completed {
    background-color: #db4d0f!important;
    background: #db4d0f;
    border-color:#db4d0f!important;

}

.roomDetails h3 {
    color: #db4d0f!important;
}

#myRateModal h3 + p {
    font-family: Helvetica-Roman;
    color: #fff;
}
.error-block p {
    font-family: Helvetica-Roman;
    color: #fff;
}

.booking-months .slick-next:before, .booking-months .slick-prev:before
{
    content: none!important;
}

.graphic-image-maldron {
    display: none;
}

.hotel-listing-post-text .list-post-right .book-room-btn {
    display: flex;
}

#myTermsModal, #myTermsModal h3 {
    color: #526264!important; ;
}

.hero-text {
    background-color: rgba(0,0,0,0);
}

@media (min-width: 992px) and (max-width: 1360px) {
    .rate-sidebar-heading p {
        font-size: 12px;
    }
}

.hotel-listing-cover .error-block--white {
    background-color: transparent;
    padding: 0;
    margin-bottom: 45px;
    border: 0;
}

.payment-method-redirect p {
    color: #fff !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.confirmation-form-cover .checkbox-group label {
    text-indent: -30px;
}


@media screen and (max-width:767px) {
    .confirmation-form-cover .btn.gv-validate-btn,
    .gift-voucher-redemption .gv-buttons {
        margin-top: 0;
    }
    .form-group.gv-buttons,
    .form-group.gv-balance-wrapper {
        margin-bottom: 0;
    }
    #giftCardButtons {
        margin-top: 30px;
    }
    #giftCardBalance {
        margin-bottom: 0 !important;
    }
    #paymentOptions .confirmation-form-cover .bordered:not(:first-child) {
        margin-top: 10px;
    }
    .how-to-pay > div {
        flex: 1 1 100% !important;
    }
    .how-to-pay {
        flex-wrap: wrap;
    }
    .enhance-stay-list .en-stay-info h3, .confirmation-form-cover h3 {
        font-size: 16px;
    }
    #paymentOptions .confirmation-form-cover span.custom-radio, #paymentOptions .confirmation-form-cover input[type=radio]:checked+span.custom-radio {
        display: none;
    }
    #paymentOptions .confirmation-form-cover .bordered label.active, .payment-method.payment-method--active {
        text-indent: 0 !important;
    }

    .modify-cover.confirmation-form-cover input[type=radio]:checked + span.custom-radio:after {
        left: -1px;
    }
    .modify-cover.confirmation-form-cover span.custom-radio, .modify-cover.confirmation-form-cover input[type=radio]:checked+span.custom-radio {
        margin-right: 10px;
    }
    
    .credit-card-icons span {
        display: none;
    }
    .credit-card-icons img {
        margin-left: 1px;
        width: 30px;
    }
    .credit-card-icons {
        top: 17px;
    }
    #paymentOptions .confirmation-form-cover .bordered label {
        text-indent: 0 !important;
    }
    .payment-options .mb-5,
    .mobile-margin-bottom-0 {
        margin-bottom: 0 !important;
    }
    .payment-options .checkbox-group {
        margin-bottom: 20px;
    }
}