/* Set custom font faces */

@font-face {
    font-family: 'NRMA-GTEestiDisplay';
    src: url('../fonts/bs4fonts/GT-Eesti/GT-Eesti-Display-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NRMA-GTEestiDisplay';
    src: url('../fonts/bs4fonts/GT-Eesti/GT-Eesti-Display-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'NRMA-GTEestiDisplay';
    src: url('../fonts/bs4fonts/GT-Eesti/GT-Eesti-Display-Light-Italic.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'NRMA-GTEestiDisplay';
    src: url('../fonts/bs4fonts/GT-Eesti/GT-Eesti-Display-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NRMA-TFHillmark';
    src: url('../fonts/bs4fonts/TF-Hillmark/TF-Hillmark.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NRMA-TFHillmark';
    src: url('../fonts/bs4fonts/TF-Hillmark/TF-Hillmark-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'NRMA-GothamRounded';
    src: url('../fonts/bs4fonts/Gotham-Rounded/gotham-rounded-bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

body,
.ui-widget,
.revolution-starhotel {
    font-family: 'NRMA-GTEestiDisplay', Arial, sans;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
}

h1 {
    font-weight: bold;
    font-size: 44px;
    line-height: 51px;
    color: #fff;
}

h3 {
    font-size: 24px;
    color: #212121;
    font-weight: 700;
    text-transform: lowercase;
}

h3::first-letter {
    text-transform: uppercase;
}

h4 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

h5 {
    font-size: 14px;
    font-weight: bold;
}

.negative-margin-15 {
    margin-left: -15px;
    margin-right: -15px;
}

.banner {
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: cover;
    overflow: hidden;
    background-position-x: center;
    background-position-y: center;
    height: 250px;
    max-height: 250px;
}

.banner h3 {
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
}

.callouts {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

.callouts a {
    color: #fff;
}

.callouts a:hover {
    text-decoration: none;
}

.filter-bar .location-filter input,
.filter-bar button {
    height: 44px;
    border-radius: 30px;
}

.filter-bar button {
    border-radius: 30px !important;
}

.filter-bar input[type="text"],
.filter-bar button {
    font-family: 'NRMA-GTEestiDisplay';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
}

.filter-bar .location-filter input[type="text"],
.location-filter .input-group-text {
    border: 1px solid #005AFF;
    border-radius: 30px;
}

.filter-bar .btn.active {
    border: 1px solid #005AFF !important;
}

.filter-bar .btn-outline-secondary:hover {
    border: 1px solid #BDBDBD !important;
}

.filter-bar .btn-outline-secondary:hover {
    background-color: #F2F2F2 !important;
}

.filter-bar i,
.filter-bar .active,
.filter-bar .active::placeholder,
.tertiary .btn-outline-secondary.active i.far.fa-check-circle {
    color: #005AFF !important;
}

.filter-bar i {
    color: #212121 !important;
}

.filter-bar .active i {
    color: #005AFF !important;
}

.filter-bar:disabled,
.filter-bar .btn.active,
.location-filter input,
.location-filter .input-group-text {
    background-color: #F2F8FF !important;
}

.filter-bar .dropdown-menu {
    min-width: 375px;
    border-radius: 4px;
    margin-top: 10px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    left: auto;
}

.filter-bar .btn-primary:not(:disabled):not(.disabled).active:focus,
.filter-bar .btn-primary:not(:disabled):not(.disabled):active:focus,
.filter-bar .show>.btn-primary.dropdown-toggle:focus {
    border: 0 !important;
    box-shadow: 0 0 0 0.1rem #005AFF;
}

.filter-bar .btn-outline-secondary:not(:disabled):not(.disabled).active,
.filter-bar .btn-outline-secondary:not(:disabled):not(.disabled):active,
.filter-bar .show>.btn-outline-secondary.dropdown-toggle {
    color: #212121;
    background-color: #fff;
    border: 1px solid #005AFF;
}

.filter-bar .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.filter-bar .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.filter-bar .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 !important;
}

.filter-bar .btn-outline-secondary:hover {
    color: #212121;
}

.filter-bar a {
    font-size: 14px;
    line-height: 20px;
    color: #212121;
}

.filter-bar .btn-outline-primary:hover {
    background: linear-gradient(0deg, rgba(10, 0, 240, 0.04), rgba(10, 0, 240, 0.04)), #FFFFFF !important;
}

.location-filter input[type="text"] {
    border-left: 0px !important;
}

.location-filter .input-group-prepend {
    margin-right: -14px;
}

#locationFilter {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#ancGuide {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
}

#ancGuide[aria-expanded="false"] .fa:before {
    content: "\f078";
}

#ancGuide[aria-expanded="true"] .fa:before {
    content: "\f077";
}

#btnMobileFilter {
    border: 1px solid #E0E0E0;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 12px 16px;
    width: 100%;
    height: 48px;
    font-size: 14px;
    color: #212121 !important;
    text-align: left;
}

#mobileFilters .col-6 {
    padding: 0;
}

#mobileFilters .btn-link {
    padding: 6px 0;
    width: 100%;
    text-align: left;
    text-decoration: none;
}

#mobileFilters .btn-link i {
    color: #212121 !important;
}

#mobileFilters .btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0;
}

#mobileFilters div {
    color: #212121;
}

#mobileFilters .btn-link[aria-expanded="false"] .fa:before {
    content: "\f078";
}

#mobileFilters .btn-link[aria-expanded="true"] .fa:before {
    content: "\f077";
}

#mobileFilters .modal-header .close {
    color: #212121;
    font-size: 28px;
    font-weight: bold !important;
    height: auto;
}

#mobileFilters .modal-dialog {
    margin: 0;
}

#mobileFilters .modal-content {
    min-height: 100vh;
    border: 0;
}

#mobileFilters.modal {
    padding-right: 0 !important;
}

#mobileFilters .close,
#mobileFilters a {
    color: #212121;
    opacity: 1;
}

#mobileFilters .card {
    border: 0;
}

#mobileFilters .card-header {
    background: #fff;
    margin-bottom: 0;
    padding-left: 0;
    border-color: #E0E0E0;
}

#mobileFilters .card-header .btn {
    font-weight: bold !important;
    ;
    font-size: 18px;
    line-height: 21px;
    color: #212121;
}

#navMobile .btn.accommodation {
    font-size: 14px;
}

.sticky-top {
    transition: all 0.25s ease-in;
}

.stuck .sticky-top {
    background: #fff;
    border: 0;
    margin-left: -30px;
    margin-right: -30px;
    height: 56px;
}

.stuck #btnMobileFilter {
    border: 0;
    border-radius: 0;
    box-shadow: inset 0px -2px 0px #E0E0E0;
}

.btn.btn-outline-primary.contextual {
    width: 100%;
    border: 2px solid #005AFF;
    box-sizing: border-box;
    border-radius: 4px !important;
    color: #005AFF;
}

.btn.btn-outline-primary.contextual:hover {
    background: linear-gradient(0deg, rgba(10, 0, 240, 0.04), rgba(10, 0, 240, 0.04)), #FFFFFF;
}


/* room & search result styles */

.carousel {
    width: 100% !important;
}

.carousel-item img {
    width: 100% !important;
    border-radius: 4px;
    max-height: 280px;
}

.modal .carousel-item img {
    max-height: initial !important;
}

.badge {
    font-family: 'NRMA-GTEestiDisplay';
    font-size: 14px;
    font-weight: bold;
    padding: 6px;
}

.badge.red {
    color: #fff;
    background: #FF0037;
}

.badge-secondary {
    color: #212121;
    background-color: rgba(0, 207, 63, 0.1);
    font-weight: normal;
}

.search-result {
    font-family: 'NRMA-GTEestiDisplay';
    margin-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

div.col.md-12.search-results.mt-4:last-child {
    border: 0px;
}

.search-result p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}

.search-result a {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #0A00F0;
}

.search-result a:hover {
    text-decoration: none;
}

.search-result .list-group-item {
    border: 0;
    padding: 2px;
    margin-right: 20px;
    font-weight: 700;
}

.search-result .child {
    width: 30%;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}

.modal-body.room,
.modal-body.room p {
    font-size: 16px !important;
}

.modal-body p {
    font-size: 16px;
}

.modal-body {
    color: #4F4F4F;
    font-size: 14px;
}

#modalNrmaSavings .close {
    font-size: 30px;
    font-weight: bold;
    color: #212121;
}

.carousel .badge {
    position: relative;
    z-index: 10;
    margin: 0 0 -20px 10px;
}

.carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel .mobile-controls {
    position: absolute;
    right: 0;
    bottom: 14px;
    z-index: 20;
}

.carousel-control-prev-icon {
    background-image: url(../bs4images/left.svg);
    width: 32px;
    height: 32px;
}

.carousel-control-next-icon {
    background-image: url(../bs4images/right.svg);
    width: 32px;
    height: 32px;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}

div[id^="modalCarousel"] .modal-lg {
    max-width: 50rem;
}

div[id^="modalCarousel"] .close {
    position: absolute;
    z-index: 30;
    top: 10px !important;
    right: 10px !important;
    color: white;
    opacity: 1;
}

.rate-box {
    padding: 16px 4px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    font-family: 'NRMA-GTEestiDisplay';
    font-size: 14px;
}

.modal-lg {
    max-width: 630px;
}

.badge.blue {
    background: #005AFF;
    color: #fff;
}

s {
    color: #757575;
}

.card {
    font-size: 14px;
}

.narrow {
    height: 44px;
    max-width: 112px;
}

.card-footer.blue {
    background: #F2F8FF;
}

span.outline {
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    padding: 12px 16px;
    display: block;
}

.badge.overlay {
    position: absolute;
    margin-top: -33px;
}

.features {
    font-size: 14px;
}


/* end room and search result styles */

.btn-primary {
    background: #FF6900;
    border: 0px;
    border-radius: 20px;
    font-family: 'NRMA-GTEestiDisplay';
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    min-height: 40px;
}

.btn-primary:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #FF6900;
}

.btn-primary:active {
    background: #FF6900;
    border: 3px solid rgba(255, 105, 0, 0.16);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background: #FF6900;
    border: 3px solid rgba(255, 105, 0, 0.16);
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #FF6900;
    border: 3px solid rgba(255, 105, 0, 0.16);
    box-shadow: 0 0 0 0;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0;
}

.btn-outline-primary {
    border: 2px solid #0A00F0;
    border-radius: 4px;
    color: #0A00F0;
    min-width: 86px;
}

.btn-outline-primary.small {
    border: 2px solid #0A00F0;
    border-radius: 22px;
    color: #0A00F0;
    font-size: 14px;
    line-height: 20px;
    max-height: 36px;
    font-weight: 700 !important;
    height: 36px
}

.btn-outline-secondary.small {
    border: 1px solid #E0E0E0 !important;
    border-radius: 4px;
    color: #212121;
    font-size: 14px;
    line-height: 19px;
    min-height: 40px;
}

.btn-outline-secondary {
    border: 1px solid #BDBDBD;
    color: #212121;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0;
    border: 1px solid #005AFF !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    background-color: #F2F8FF;
    border-color: #005AFF;
}

.location-filter {
    flex-grow: 1;
    max-width: 360px;
}

.tertiary .btn-outline-secondary {
    border: 1px solid #E0E0E0;
    border-radius: 4px !important;
    width: 100%;
    text-align: left;
}

.tertiary i {
    color: inherit !important;
}

.tertiary .btn-outline-secondary i.far.fa-check-circle {
    display: none;
}

.tertiary .btn-outline-secondary.active i.far.fa-circle {
    display: none;
}

.tertiary .btn-outline-secondary.active i.far.fa-check-circle {
    display: inherit;
}

.tertiary a {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
}

.tertiary button span.icon {
    margin-right: 10px;
}

#accommodationFilter .tab-content .active {
    color: #212121 !important;
}

span.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.filter-bar span.icon {
    margin-right: 6px;
    width: 16px;
    height: 14px;
}

.callouts span.icon {
    margin-right: 6px;
    width: 16px;
    height: 21px;
}

span.icon.user {
    background: url(../bs4images/users.svg);
    width: 16px;
    height: 16px;
}

span.icon.guest {
    background: url(../bs4images/icons/black/black_guest.svg);
    width: 22px;
    height: 18px;
}

.active span.icon.guest {
    background: url(../bs4images/icons/active/guest.svg);
    width: 19px;
    height: 16px;
}

span.icon.calendar {
    height: 16px;
    width: 16px;
    background: url(../bs4images/icons/black/black_calendar.svg);
}

.active span.icon.calendar {
    height: 16px;
    width: 16px;
    background: url(../bs4images/icons/active/calendar.svg);
}

span.icon.location {
    width: 20px;
    height: 20px;
    background: url(../bs4images/location.svg) no-repeat center;
}

.location-filter span.icon.location {
    background-color: #005AFF;
    mask-size: 10px 14px;
    -webkit-mask-size: 10px 14px;
}

span.icon.map {
    width: 22px;
    height: 20px;
    background: url(../bs4images/map.svg);
}

span.icon.map.white {
    width: 20px;
    height: 20px;
    background: url(../bs4images/icons/white/white_map.svg);
}

span.icon.arrow {
    width: 6px;
    height: 11px;
    background: url(../bs4images/arrow.svg);
}

span.icon.cabin {
    width: 21px;
    height: 16px;
    background: url(../bs4images/icons/black/black_accomm_type_1.svg);
}

span.icon.campsite {
    width: 21px;
    height: 19px;
    background: url(../bs4images/icons/black/black_camping.svg);
}

span.icon.caravan {
    width: 21px;
    height: 16px;
    background: url(../bs4images/icons/black/black_caravan.svg);
}

span.icon.checklist {
    width: 15px;
    height: 21px;
    background: url(../bs4images/icons/black/black_all_types.svg);
}

span.icon.bed {
    width: 18px;
    height: 15px;
    background: url(../bs4images/icons/black/black_bedroom.svg);
}

span.icon.users-black {
    width: 24px;
    height: 18px;
    background: url(../bs4images/users-black.svg);
}

span.icon.car {
    width: 22px;
    height: 12px;
    background: url(../bs4images/icons/black/black_car.svg);
}

span.icon.fullscreen {
    width: 14px;
    height: 14px;
    background: url(../bs4images/icons/other/full_screen.svg);
}

span.icon.floorplan {
    width: 14px;
    height: 14px;
    background: url(../bs4images/icons/other/floor_plan.svg);
}

span.icon.btnfullscreen {
    width: 32px;
    height: 32px;
    background: url(../bs4images/btn_fullscreen.svg);
}

span.icon.btnfloorplan {
    width: 32px;
    height: 32px;
    background: url(../bs4images/btn_floorplan.svg);
}

span.icon.plus {
    width: 22px;
    height: 22px;
    background: url(../bs4images/plus.svg);
    position: relative;
    top: 3px;
}

span.icon.minus {
    width: 16px;
    height: 2px;
    background: url(../bs4images/minus.svg);
    position: relative;
    bottom: 4px;
    left: 3px;
}

span.icon.filter {
    width: 14px;
    height: 14px;
    background: url(../bs4images/filter.svg);
}

span.icon.info {
    width: 16px;
    height: 16px;
    background: url(../bs4images/info.svg);
}

span.icon.tick {
    width: 16px;
    height: 15px;
    background: url(../bs4images/tick.svg);
}

span.icon.unavailable {
    width: 14px;
    height: 14px;
    background: url(../bs4images/unavailable.svg);
    margin-bottom: -2px;
}

span.icon.info-blue {
    width: 14px;
    height: 14px;
    background: url(../bs4images/info-blue.svg);
}

span.icon.phone {
    width: 13px;
    height: 17px;
    background: url(../bs4images/icons/black/black_phone.svg);
}

span.icon.phone.white {
    width: 13px;
    height: 17px;
    background: url(../bs4images/icons/white/white_phone.svg);
}

span.icon.phone.blue {
    width: 24px;
    height: 32px;
    background: url(../bs4images/icons/blue/blue_phone.svg);
}

span.icon.promo {
    width: 16px;
    height: 16px;
    background: url(../bs4images/promo.svg);
}

span.icon.promo-green {
    width: 16px;
    height: 16px;
    background: url(../bs4images/promo-green.svg);
}

span.icon.tick-circle {
    width: 14px;
    height: 13px;
    background: url(../bs4images/icons/black/black_tick_circle.svg);
}

.btn-outline-secondary:hover {
    color: #212121;
    ;
    background: linear-gradient(0deg, rgba(33, 33, 33, 0.04), rgba(33, 33, 33, 0.04)), #FFFFFF;
}

.list-group-item .icon {
    vertical-align: middle;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    border: 0;
    display: inline-flex;
}

.number-input,
.number-input * {
    box-sizing: border-box;
}

.number-input button {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0;
    position: relative;
    box-shadow: 0px 0px 1px #474747;
    border-radius: 50%;
}

.number-input .quantity {
    border: 0;
    width: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 0 5px;
    height: 32px;
}

.number-input .minus {
    padding-left: 8px;
}

.number-input .plus {
    padding-left: 5px;
}


/* Date range picker */

.litepicker {
    font-family: 'NRMA-GTEestiDisplay' !important;
}

.litepicker .container__months {
    box-shadow: 0 0 0 0;
}

.litepicker .month-item-name,
.litepicker .month-item-year {
    font-size: 14px;
    font-weight: 700;
}

.litepicker .month-item-weekdays-row {
    font-size: 14px;
    color: #212121 !important;
}

.litepicker .day-item {
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    width: 40px;
    height: 38px;
    line-height: 24px;
}


/* Date range picker */

.container__days,
.month-item-weekdays-row {
    margin-left: -40px;
}

.litepicker .container__days>div,
.day-item {
    margin-left: 6px;
    margin-bottom: 6px;
}

.day-item {
    font-weight: 700;
}

.day-item.is-today {
    color: var(--litepickerDayColor) !important;
}

.day-item.is-start-date,
.day-item.is-in-range,
.day-item.is-end-date {
    background-color: #005AFF !important;
    color: #fff !important;
    border-radius: 4px !important;
}

.month-item {
    width: 270px !important;
}

.litepicker .container__months.columns-2 {
    width: 640px !important;
    min-width: 640px;
}

.litepicker .container__months.columns-2 .month-item:first-child {
    margin-left: 28px;
}

.litepicker .container__months.columns-2 .month-item:last-child {
    margin-left: 52px;
}

.litepicker .container__months.columns-2 .month-item-header:first-child {
    margin-left: -36px;
}

.litepicker.ratebox {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 10px 15px;
}

.litepicker .container__footer {
    background-color: #fff;
    box-shadow: 0 0 0 0;
    padding: 10px 0 0;
    margin: 0;
}

.litepicker .button-apply {
    background: #FFFFFF !important;
    border: 2px solid #0A00F0 !important;
    border-radius: 18px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #0A00F0 !important;
    height: 36px;
    width: 86px;
    margin: 0;
}

.litepicker .button-cancel {
    font-weight: 300;
    background: #FFFFFF !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-decoration-line: underline !important;
    color: #757575 !important;
    border: 0 !important;
    float: left;
}

.litepicker.ratebox .container__days>div,
.litepicker.ratebox .day-item {
    margin-left: 4px;
    margin-bottom: 6px;
    width: 34px !important;
    height: 34px !important;
    font-size: 14px;
}

#navMobile .container__days,
#navMobile .month-item-weekdays-row,
.litepicker.ratebox .container__days,
.litepicker.ratebox .month-item-weekdays-row {
    margin-left: auto;
}

.preview-date-range {
    display: none;
}

.dropdown-menu {
    margin-left: -5px;
}

.litepicker .container__footer .button-apply:hover {
    background: linear-gradient(0deg, rgba(10, 0, 240, 0.04), rgba(10, 0, 240, 0.04)), #FFFFFF !important;
}

#navMobile .litepicker,
#navMobile .month-item,
#navMobile .container__months {
    width: 100% !important;
}

#navMobile .litepicker .container__days>div,
#navMobile .day-item {
    margin-left: 9px;
}

#navMobile .month-item-weekdays-row {
    margin-left: 3px;
}

#navDesktop .month-item-weekdays-row div,
#navMobile .month-item-weekdays-row div {
    font-size: 14px !important;
}

#navDesktop .month-item-header,
#navMobile .month-item-header {
    margin-bottom: 10px;
}

.litepicker .container__days .day-item.is-locked {
    color: var(--litepickerDayIsLockedColor) !important;
}

.litepicker .container__days .day-item.is-booked {
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}

.litepicker .container__days .day-item.is-booked:hover {
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}

.litepicker .container__days .day-item.is-booked {
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}

.litepicker .container__days .day-item.is-booked:hover {
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}
.litepicker .container__days .day-item.is-booked {
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}
.litepicker .container__days .day-item.is-booked:hover{
    color: #828282 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: #F2F2F2 !important;
}
#datesFilterPanel .litepicker .container__tooltip {
    margin-left: 15px;
}

.litepicker .container__months .month-item-header .button-previous-month>svg,
.litepicker .container__months .month-item-header .button-previous-month>img,
.litepicker .container__months .month-item-header .button-next-month>svg,
.litepicker .container__months .month-item-header .button-next-month>img {
    fill: var(--litepickerMonthHeaderTextColor);
}


/* End date range picker */


/* Slider switch */

.switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 32px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #005AFF;
}

input:focus+.slider {
    box-shadow: 0 0 1px #005AFF;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/* End slider switch */

#btnDateRange {
    width: 250px;
    max-width: 250px;
    text-align: left;
    padding-left: 20px;
}


/* rate box and promo code styles*/

.rate-box .dropdown-menu {
    font-size: 14px;
    line-height: 20px;
}

.rate-box .dropdown-menu a {
    color: #757575;
    text-decoration: underline;
}

#guestFilterPanel span.small {
    color: #757575;
    line-height: 16px;
}

.rate-box .form-control {
    font-size: 14px !important;
}

.rate-box .input-group-text {
    background-color: inherit !important;
}

.rate-box .input-group input {
    height: 40px;
    border-left: 0;
}

.rate-box .promo-invalid,
.rate-box [name="promoUpdate"],
.rate-box [name="btnApplyPromo"],
.rate-box a[data-type="promo-remove"],
.rate-box a[data-type="promo-cancel"],
.rate-box button[id^="btnApplyPromo"],
.rate-box button[id^="btnMobileApplyPromo"].btn-primary {
    display: none;
}

.btn.unavailable {
    border: 1px solid #C70000 !important;
}

div.unavailable,
span.unavailable {
    color: #C70000;
    font-size: 12px;
}

.rate-box strong {
    color: #0A00F0;
    font-size: 14px;
}

.btn.unavailable {
    border: 1px solid #C70000 !important;
}

div.unavailable {
    color: #C70000;
    font-size: 12px;
}

.rate-box.desktop strong {
    color: #212121;
    font-size: 14px;
    font-weight: bold;
}

.rate-box.mobile strong {
    color: #0A00F0;
    font-size: 14px;
}

.btn.contact {
    background: #0A00F0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-vertical-align {
    display: flex;
    align-items: center;
}


/* end rate box and promo code styles*/


/* Small screens only */

@media (max-width: 575.98px) {
    h1 {
        font-size: 24px;
        line-height: 28px;
        max-width: 298px;
    }
    .banner {
        height: 180px;
        max-height: 180px;
    }
    #banner {
        background-image: url('../bs4images/journeyline-mobile.png');
        background-repeat: no-repeat;
        margin: 0 -15px;
        padding: 70px 0 0 24px;
        height: 180px;
    }
    .journeyline {
        margin-top: 10px;
    }
    .desktop {
        display: none !important;
    }
    .rate-box .btn-primary {
        height: 44px;
        display: block;
        border-radius: 22px;
    }
    .rate-box a {
        display: inline-block;
        margin-top: 5px;
    }
}


/* Large and extra large screens */

@media (min-width: 576px) {
    .banner h1 {
        width: 520px;
    }
    .banner {
        background-image: url('../bs4images/bathurst.png');
    }
    .browser_unavailable_message {
        font-size: 1.25rem;
        font-weight: 300;
        margin: 2rem;
        line-height: 1.2;
    }
    .callouts {
        width: 500px;
        margin-top: 30px;
    }
    #banner {
        background-image: url('../bs4images/journeyline-desktop.svg');
        background-repeat: no-repeat;
        height: 250px;
        max-height: 250px;
        padding: 60px 0 0 48px;
        position: relative;
        margin-left: -50px;
    }
    .mobile {
        display: none !important;
    }
}


/* Extra large screens only */

@media (min-width: 1200px) {
    .journeyline {
        margin-left: 30px;
    }
    #logo {
        margin-bottom: 15px;
    }
}


/* Large screens only */

@media (min-width: 576px) and (max-width: 1199.98px) {
    .journeyline {
        background-position: -30px;
        padding-left: 80px;
    }
    .filter-bar .dropdown-menu:not(#datesFilterPanel) {
        margin-left: -25%;
    }
    #banner {
        padding-left: 40px;
        margin-left: -38px;
    }
}

@media (min-width: 376px) {
    #navMobile .litepicker .container__days>div,
    #navMobile .day-item {
        margin-left: 14px;
    }
}

@media (max-width: 360px) {
    #navMobile .litepicker .container__days>div,
    #navMobile .day-item {
        margin-left: 5px;
    }
}

@media (max-width: 340px) {
    #navMobile .litepicker .container__days>div,
    #navMobile .day-item {
        margin-left: 1px;
    }
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    header #logo #default-logo {
        display: none;
    }
}

header #logo #retina-logo {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    header #logo #retina-logo {
        display: block;
    }
}


/*header css starts*/

#notice-bar-new {
    padding: 20px 0;
    background-color: #ffb900;
}

#notice-bar-new a {
    color: #000000 !important;
    text-decoration: underline !important;
}

.social-media div {
    margin-left: 10px;
}

.social-media a,
.social-media i {
    color: #0a00f0;
}

a#logo img {
    max-height: 55px;
}

#navbarParkSite .btn.btn-secondary,
#navBarMainSite .btn.btn-secondary {
    background-color: #fff;
    border: 0;
    color: #000;
    font-size: 16px;
}

#navbarParkSite a,
#navBarMainSite a {
    display: block;
    background-color: #fff;
    border: 0;
    color: #000;
    font-size: 16px;
}

#navBarMainSite .btn.btn-outline-primary {
    background: #FFFFFF;
    border: 2px solid #FF6900;
    box-sizing: border-box;
    border-radius: 21px;
    color: #FF6900;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 24px;
}

#navBarMainSite .btn.btn-outline-primary:hover {
    background: linear-gradient(0deg, rgba(255, 105, 0, 0.04), rgba(255, 105, 0, 0.04)), #FFFFFF;
}

#navbarParkSite .menu-item,
#navBarMainSite .menu-item,
.nav-item {
    display: flex;
}

#navbarParkSite .btn.btn-secondary:hover,
#navBarMainSite .btn.btn-secondary:hover,
#navbarParkSite .menu-item a:hover,
#navbarParkSite .menu-item:hover,
#navBarMainSite .menu-item a:hover,
#navBarMainSite .menu-item:hover,
.nav-item a:hover,
.nav-item:hover {
    background-color: #0a00f0 !important;
    color: #fff !important;
    border-radius: 0;
}

.navbar-toggle.phone {
    color: #00a5e1;
}

#navBarMainSite .btn-secondary:not(:disabled):not(.disabled).active:focus,
#navBarMainSite .btn-secondary:not(:disabled):not(.disabled):active:focus,
#navBarMainSite .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0;
    background-color: #0a00f0 !important;
    color: #fff !important;
}

.navbar.secondary li a {
    width: 100%;
    padding: 8px;
}

.navbar.secondary li a:hover {
    text-decoration: none;
}

#navMobileParkMenu ul li a {
    margin-left: 0;
}

#navMobileParkMenu ul li button {
    padding-left: 30px !important;
}

#navBarMainSite .menu-item a {
    padding: .5rem;
}

#navBarMainSite .menu-item a:hover {
    color: #ffffff !important;
    background-color: #0a00f0 !important;
}

#navBarMainSite .menu-item a:hover {
    text-decoration: none;
}

#navbarParkSite .menu-item a i,
#navBarMainSite .menu-item a i {
    display: none;
}

#top-header hr.nav-hr {
    width: 100%;
    position: absolute;
    margin: 0;
    left: 0;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    margin-top: 80px;
    border-style: inset;
    border-width: 1px;
}

button#roomtype.active .img-icon-black,
button#roomtype:hover .img-icon-black,
button#roomtype:focus .img-icon-black,
button#roomtype:visited .img-icon-black {
    display: none !important;
}

button#roomtype.active .img-icon-blue,
button#roomtype:hover .img-icon-blue,
button#roomtype:focus .img-icon-blue,
button#roomtype:visited .img-icon-blue {
    display: inline-block !important;
}

button#roomtype .img-icon-black {
    display: inline-block !important;
}

button#roomtype .img-icon-blue {
    display: none !important;
}

#termname:active,
#termname:focus,
#termname:hover,
#termname:visited {
    color: #007DFF;
}

@media (min-width: 1200px) {
    .popup-content ul.features>li::before {
        margin-top: 6px;
        margin-left: -20px
    }
    #navbarParkSite ul,
    #navBarMainSite ul {
        justify-content: flex-end;
        margin-left: 3rem!important;
    }
    .navbar-toggle.phone {
        display: none;
    }
    #navbarParkSite .dropdown-menu,
    #navBarMainSite .dropdown-menu {
        border-radius: 0;
    }
    ul.navbar-nav li {
        padding: 0;
    }
    ul.navbar-nav .btn.btn-outline-primary {
        margin-left: 10px;
    }
    #navbarParkSite ul,
    #navBarMainSite ul {
        justify-content: flex-end;
        margin-left: 0 !important;
    }
    header #navBarMainSite ul>li.book-now>a {
        background: #FFFFFF !important;
        border: 2px solid #FF6900 !important;
        box-sizing: border-box !important;
        border-radius: 21px !important;
        color: #FF6900 !important;
        font-weight: bold !important;
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 8px 24px !important;
        margin-left: 10px;
    }
    header #navBarMainSite ul>li.book-now>a:hover {
        color: #FF6900 !important;
        background: linear-gradient(0deg, rgba(255, 105, 0, 0.04), rgba(255, 105, 0, 0.04)), #FFFFFF !important;
    }
    header #navBarMainSite ul>li.book-now:hover {
        background: none !important;
    }
}

@media (max-width: 1199.98px) {
    .navbar {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    a#logo img {
        height: 40px;
    }
    #top-header-new {
        margin: 0 -15px;
    }
    #top-header-new #logo {
        margin-left: -10px;
    }
    ul.navbar-nav {
        margin-left: -15px;
        margin-right: -15px;
    }
    ul.navbar-nav li {
        border-bottom: 1px solid #e1e1e1;
        margin-right: -15px;
    }
    #navbarParkSite ul.navbar-nav li.menu-item a,
    #navBarMainSite ul.navbar-nav li.menu-item a,
    ul.navbar-nav li.nav-item a {
        margin-left: -8px;
        padding-left: 30px !important;
        width: 100%;
        font-size: 16px !important;
    }
    ul.navbar-nav button,
    ul.navbar-nav .dropdown,
    ul.navbar-nav .drop-down,
    ul.navbar-nav .dropdown-menu {
        width: 100%;
    }
    ul.navbar-nav .dropdown-menu {
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #e1e1e1;
        padding-left: 1rem!important;
    }
    ul.navbar-nav .dropdown-item {
        padding-top: 7px;
        border-bottom: 1px solid #e1e1e1 !important;
    }
    ul.navbar-nav .dropdown-item:last-child {
        border-bottom: 0px !important;
    }
    ul.navbar-nav button {
        text-align: left;
        border-radius: 0;
        font-size: 16px !important;
    }
    ul.navbar-nav .btn.btn-outline-primary {
        border: 2px solid #e55e00;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: #e55e00 !important;
        color: #ffffff !important;
        font-weight: bold;
        padding: 8px 16px !important;
    }
    ul.navbar-nav .btn.btn-secondary {
        padding-left: 15px !important;
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        border-color: #00a5e1;
        outline: 5px auto #00a5e1;
    }
    #navBarMainSite .menu-item {
        display: block;
    }
    #navBarMainSite ul.navbar-nav ul,
    #navBarMainSite ul.navbar-nav ul li:last-child {
        border-bottom: 0px !important;
    }
    #navBarMainSite ul.navbar-nav button,
    #navBarMainSite ul.navbar-nav .dropdown,
    #navBarMainSite ul.navbar-nav .drop-down,
    #navBarMainSite ul.navbar-nav .dropdown-menu {
        width: auto;
    }
}


/* header css ends */


/* footer css starts */

#footer-banner {
    margin-top: 0;
    margin-bottom: 20px;
    height: 333px;
    border: none !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
    overflow: hidden;
    background-position-x: center;
    background-position-y: center;
}

#footer-banner h2.headline {
    font-family: 'NRMA-GTEestiDisplay';
    font-size: 50px;
    line-height: 42px;
    font-weight: bold;
    margin-top: 0px;
}

#footer-banner .color-overlay {
    background: none;
    padding: 80px 0;
    margin: 0;
}

#footer-banner .color-overlay h2,
#footer-banner .color-overlay h2>span,
#footer-banner .color-overlay p {
    text-align: center;
    color: #ffffff;
    padding: 0 0 20px 0;
    text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 100px, rgba(0, 0, 0, 0.3) 0px 0px 12px, rgba(0, 0, 0, 0.3) 0px 1px 2px;
}

#footer-banner .color-overlay p {
    padding: 0 0 10px 0;
}

#footer-banner .color-overlay p {
    font-size: 20px;
    line-height: 20px;
    max-width: 600px;
    margin: 0 auto;
}

#footer-banner input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
    background: #ffffff;
    color: #000000;
    border: none !important;
    width: 102%;
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
    outline: none !important;
    border-radius: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: -3px;
    margin-top: -8px;
}

#footer-banner button:not(.link):not(.navbar-toggle) {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #0a00f0;
    border: 2px solid #0a00f0;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: bold !important;
    text-align: center;
    color: #ffffff;
    margin-top: -40px;
    float: left;
    margin-left: 458px;
}

#footer-banner #subForm {
    padding-top: 20px;
    max-width: 620px;
    margin: 0 auto;
}

footer .widget:first-child {
    margin-top: 0px;
}

footer h4,
footer li>a,
footer li>a:hover {
    color: #000000 !important;
}

footer a {
    text-decoration: none !important;
}

footer,
footer a,
footer .form-control {
    color: #c1c1c1;
}

footer ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

footer li,
footer p {
    font-size: 15px;
    line-height: 18px;
    font-weight: lighter;
    margin: 0;
    color: #000000 !important;
}

footer i {
    height: 20px;
    width: 20px;
    margin: 5px;
    color: #0a00f0;
}

@media (max-width: 1200px) {
    #footer-banner .color-overlay {
        padding: 40px 0;
    }
    #footer-banner .color-overlay p {
        font-size: 15px;
        line-height: 15px;
    }
    #footer-banner button {
        margin-top: 15px;
        width: 100%;
    }
}


/* footer css ends */


/*ajax loading starts*/

#loading {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    text-align: center;
    cursor: progress;
    touch-action: none;
    overflow: hidden;
}

#loading figure {
    position: relative;
    top: 50%;
    margin: -115px auto auto auto;
}

#loading figcaption {
    margin-top: 66px;
    line-height: 40px;
}

#loading .text-large,
#loading .text-small {
    display: block;
    color: #00a5e1;
    font-weight: bold;
}

#loading .text-large {
    font-size: 32px;
}

#loading .text-small {
    font-size: 20px;
}

#loading #australia-icon {
    z-index: 9999;
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: dash 2.7s linear infinite;
    width: 91px;
    height: 84px;
}

#australia-icon .cls {
    fill: none;
    stroke: #00a5e1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 8px;
}

@keyframes dash {
    from {
        stroke-dashoffset: 600;
    }
    to {
        stroke-dashoffset: 0;
    }
}


/*ajax loading screen ends*/

#btnDateRange,
#btnGuestsFilter,
#btnPriceFilter,
[id^="btnDateRange-"],
[id^="btnGuests-"] {
    display: flex;
    align-items: center;
}

[id^="btnDateRange-"] span,
[id^="btnGuests-"] span {
    margin-right: 10px;
}

[type=button].phone {
    -webkit-appearance: initial;
}


/* landscape styles */


/* phone landscape */

@media only screen and (orientation: landscape) and (max-width: 900px) {
    #navMobile.mobile,
    #navMobile .mobile {
        display: flex !important;
    }
    #navDesktop {
        display: none !important;
    }
    h1 {
        font-size: 24px;
        line-height: 28px;
        max-width: 298px;
    }
    .banner {
        height: 180px;
        max-height: 180px;
        background-image: url('./images/bathurst.png');
    }
    #banner {
        background-image: url('../bs4images/journeyline-mobile.png');
        background-repeat: no-repeat;
        margin: 0 -15px;
        padding: 70px 0 0 24px;
        height: 180px;
    }
    .journeyline {
        margin-top: 10px;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: initial !important;
    }
    .rate-box {
        border: 0;
    }
    .rate-box .btn-primary {
        height: 44px;
        display: block;
        border-radius: 22px;
    }
    .rate-box a {
        display: inline-block;
        margin-top: 5px;
    }
    .callouts {
        width: 400px;
        margin-top: 20px;
    }
}


/* end landscape styles */

span[id^="txtModalGuests"] span.icon.guest {
    height: 16px;
    width: 19px;
}

h1.headline {
    margin-bottom: .9rem;
    font-weight: bold;
    line-height: 1.2;
}

.search-results .lead {
    line-height: 26px;
}

#mobileFilters .modal-footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    border-top-width: 2px;
    margin-bottom: 0 !important;
    padding: 20px;
}

.sidenav-social-icons {
    display: none;
}

@media (max-width: 1200px) {
    .sidenav {
        position: absolute;
        left: 0;
        z-index: 9999;
        width: 78%;
        background-color: #fff;
        border-top: 6px solid #dedede;
        overflow-x: hidden;
    }
    .sidenav a {
        font-size: 16px;
        display: block;
    }
    .sidenav a:hover {
        color: #f1f1f1;
    }
    .sidenav .navbar-nav {
        margin: 0px auto;
    }
    #navbarParkSite .btn.btn-secondary:hover,
    #navBarMainSite .btn.btn-secondary:hover,
    #navbarParkSite .menu-item a:hover,
    #navbarParkSite .menu-item:hover,
    #navBarMainSite .menu-item a:hover,
    #navBarMainSite .menu-item:hover,
    .nav-item a:hover,
    .nav-item:hover {
        background-color: #00A0DA !important;
        color: #000 !important;
    }
    #navMobileParkMenu ul#menu-site-navigation .menu-item a {
        background-color: #EEF6FE;
    }
    #navMobileParkMenu .dropdown-menu li a {
        margin-left: 0px !important;
        padding: 10px 0px 10px 42px !important;
    }
    #navBarMainSite ul.navbar-nav li.menu-item a {
        margin-left: 0px !important;
        padding-left: 20px !important;
    }
    #navBarMainSite ul.navbar-nav li.menu-item ul li a {
        padding-left: 40px !important;
        padding-right: 15px !important;
    }
    #navBarMainSite ul.navbar-nav li.menu-item .dropdown-menu {
        padding-left: 0px !important;
    }
    ul.navbar-nav li {
        margin-right: 0px !important;
    }
    #menu-nested-pages .dropdown-menu li a {
        margin-left: 6px !important;
    }
    .sidenav-menu-title {
        height: 30px;
    }
    header ul>li.book-now>a,
    header ul>li.book-now>a:focus {
        border: 2px solid #e55e00;
        background-color: #e55e00 !important;
        color: #ffffff !important;
        font-weight: bold;
    }
    #navBarMainSite .navbar-nav>li {
        border-bottom: 1px solid #e1e1e1 !important;
    }
    #navBarMainSite .navbar-nav>li:first-child {
        border-top: 1px solid #e1e1e1 !important;
    }
    #menu-nested-pages>li>a,
    #menu-nested-pages .dropdown-menu>li>a {
        padding: 12px 0px 12px 24px !important;
    }
    .container ul:not(.navbar-nav):not(.dropdown-menu):not(.menu__list) {
        margin-top: 20px !important;
    }
    .sidenav .navbar-nav li>a {
        padding: 13px 23px !important;
    }
    .sidenav .nav-title {
        border-bottom: 1px solid #e1e1e1;
    }
    .sidenav-social-icons {
        display: block;
    }
    .sidenav-social-icons ul {
        padding: 0 0 20px 20px !important;
        list-style-type: none !important;
        font-size: 16px;
    }
    .sidenav-social-icons ul li:before {
        float: left;
        margin-right: 14px;
        margin-top: 6px;
    }
    #menu-footer-contact li:before {
        color: #0a00f0;
    }
    #menu-footer-contact .phone li.typcn:before {
        font-size: 1em;
        margin-right: 14px;
        text-align: center;
        width: 20px;
    }
    #menu-footer-contact li.phone {
        background-image: url('../bs4images/blue_phone.svg');
        background-repeat: no-repeat;
        height: 30px;
        line-height: 12px;
        margin-bottom: 10px;
    }
    #menu-footer-contact li.phone>a {
        padding-left: 37px;
        background-color: unset !important;
    }
    #menu-footer-contact li.phone:before {
        float: left;
        margin-right: 14px;
    }
    .sidenav-social-icons li a {
        background-color: unset !important;
    }
    .sidenav-social-icons li.typcn-social-facebook {
        background-image: url(../bs4images/black_facebook.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        height: 30px;
        line-height: 5px;
    }
    .sidenav-social-icons li.typcn-social-youtube {
        background-image: url(../bs4images/black_youtube.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        height: 30px;
        line-height: 5px;
    }
    .sidenav-social-icons li.typcn-social-instagram {
        background-image: url(../bs4images/black_instagram.svg);
        background-repeat: no-repeat;
        background-size: 20px;
        height: 30px;
        line-height: 5px;
    }
    #menu-footer-contact .typcn:before {
        font-family: typicons;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        height: 1em;
        font-size: 1em;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    .menu-overlay-mainsite {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
    }
    .sidenav-social-icons li a {
        padding-left: 37px !important;
    }
    .sidenav-social-icons li {
        margin-top: 5px;
    }
    .header-mobile-primary {
        position: relative;
        z-index: 200;
        background-color: #fff;
    }
    /*park map subheader */
    .parkmap-sub-header {
        display: block;
        height: 50px;
    }
    .parkmap-sub-header .navbar-nav {
        margin: 0px !important;
    }
    .parkmap-sub-header #menu-site-navigation-1 {
        display: flex !important;
        overflow-y: hidden;
        overflow-x: auto;
        position: static;
        width: 100%;
        z-index: 2;
        height: 50px;
        margin: 0px !important;
    }
    .parkmap-sub-header li.dropdown {
        top: 0px;
        width: auto;
    }
    .parkmap-sub-header .navbar-nav>li>a {
        padding: 13px 45px;
        color: #000;
        width: 100%;
        white-space: nowrap;
    }
    .parkmap-sub-header ul::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .parkmap-sub-header ul::-webkit-scrollbar:horizontal {
        height: 8px;
    }
    .parkmap-sub-header ul::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: #e0e1e0;
    }
    .parkmap-sub-header ul::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }
    .parkmap-sub-header ul.dropdown-menu.show {
        background-color: #fff !important;
        margin-left: calc((100% - 100vw) / 2);
        margin-right: calc((100% - 100vw) / 2);
        margin: 0 auto;
        position: fixed !important;
    }
    .parkmap-sub-header ul.navbar-nav li {
        border-bottom: unset !important;
    }
    /*park map subheader ends here*/
    /* mobile park map filter */
    .parkmap-container {
        padding: 0 2px !important;
    }
    .mobile_view_filter {
        display: block !important;
    }
    .mobile_view_filter button {
        width: 100%;
        padding: 0 5%;
        line-height: 22px !important;
        font-size: 14px !important;
    }
    #roomtype,
    #show_all_markers {
        margin: 0 0 10px 0 !important;
    }
    #roomtype-mobile {
        border: 1px solid #D3D3D3;
        margin-bottom: 0px;
        padding-top: 10px !important;
    }
    #roomtype-mobile .btn-outline-secondary:hover,
    #roomtype-mobile .btn-outline-secondary.active {
        color: #007DFF !important;
        border: 1px solid #005AFF!important;
        background-color: #F2F8FF!important;
        box-shadow: 0 0 black;
    }
    /* mobile park map filter end here */
    .parkmap-plusminus {
        top: 260px !important;
        right: 20px !important;
    }
    .parkmap {
        margin-top: 10px !important;
    }
    .map-plus {
        margin: 0px !important;
    }
    .map-minus {
        margin: 0px !important;
    }
    .newbook-map-container .marker {
        width: 10px !important;
        height: 10px !important;
        margin: 0px !important;
    }
    .popover {
        display: none !important;
    }
    .custom-popup {
        display: block;
        z-index: 1060;
        max-width: 276px;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        margin: 0 auto;
        margin-bottom: 15px;
        background: #ebebeb;
    }
    .popup-content li {
        list-style: none;
        line-height: 24px !important;
    }
    .popup-content ul.features>li::before {
        margin-top: 6px !important;
        margin-left: -6% !important;
    }
}


/*start interactive park map css*/

.parkmap-container {
    padding: 0 8%;
}

.parkmap-td h2 {
    color: #000;
    font-weight: bold;
}

.parkmap-td p {
    font-size: 15px;
    line-height: 18px;
    font-weight: lighter;
    margin: 0;
}

.newbook-map-container {
    position: relative;
}

.newbook-map-container img.newbook-map {
    width: 100%;
}

.newbook-map-container .marker {
    height: 16px;
    width: 16px;
    border-style: solid;
    border-width: 2px;
    border-color: #99A89B;
    border-radius: 20px;
    background: #fff;
    position: absolute !important;
    cursor: pointer;
    margin: 6px 0 0 6px;
}

.newbook-map-container .marker:hover {
    background: #fff;
}

#roomtype-desktop {
    border: 1px solid #D3D3D3;
}

#roomtype,
#show_all_markers {
    margin: 12px 2px;
}

#roomtype-desktop .btn-outline-secondary:hover,
#roomtype-desktop .btn-outline-secondary.active {
    color: #007DFF !important;
    border: 1px solid #005AFF!important;
    background-color: #F2F8FF!important;
    box-shadow: 0 0 black;
}

#roomtype .img-icon-black,
#roomtype .img-icon-blue {
    width: 16px;
    height: 16px;
    margin-bottom: 5px;
}

.roomtype-filter button {
    height: 44px;
    border-radius: 30px;
    font-family: 'NRMA-GTEestiDisplay';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 16px;
    line-height: 24px;
}

.parkmap h1 {
    color: #000000;
}

.zoom {
    position: absolute;
    top: 240px !important;
    height: 30px !important;
    font-size: 16px;
    font-weight: bold;
}

.zoom.in {
    left: 120px !important;
}

.zoom.out {
    left: 200px !important;
}

.popover-title .close {
    position: relative;
    bottom: 3px;
}

.popover .arrow {
    display: none;
}

.popover-header {
    background-color: #ebebeb;
    border: none;
}

.popover {
    background-color: #ebebeb;
}

.marker:hover {
    background: #ff6900;
}

.popup-content {
    padding: 0 10px;
}

.popover-body {
    padding: 0 10px;
}

.popup-content li {
    list-style: none;
}

.popup-content ul.features>li::before {
    content: '';
    width: 14px !important;
    height: 13px !important;
    background: url(../bs4images/icons/black/black_tick_circle.svg);
    background-repeat: no-repeat !important;
    position: absolute;
    /* margin: 6px;
    left: 34px; */
}

.popup-btn {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #0a00f0;
    border: 2px solid #0a00f0;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: bold !important;
    text-align: center;
    color: #ffffff;
    margin-left: 17.5px !important;
}

.popup-btn:hover {
    text-decoration: none;
    color: #ffffff;
}


/*sub menu desktop*/

.parkmap-sub-header {
    background: #ebebeb;
    margin-left: -15px;
    margin-right: -15px;
    padding: 8px;
}

.parkmap-sub-header .navbar-nav {
    margin-left: 66px !important;
    margin-right: 49px !important;
    height: 32px;
    padding: .5rem 1rem !important;
    justify-content: center;
}

.parkmap-sub-header li.dropdown {
    top: 0px;
}

.parkmap-sub-header .navbar-nav>li>a {
    padding: 15px 30px;
    color: #000;
    font-size: 18px;
    text-decoration: none;
}

.parkmap-sub-header .navbar-nav>li>a:hover {
    background-color: #f5f5f5;
    padding: 13px 30px;
}

.parkmap-sub-header ul.dropdown-menu {
    width: 260px;
    border-color: #fff !important;
    margin-top: 13px;
    position: absolute !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    margin-left: 0px;
}

.parkmap-sub-header .navbar-nav .dropdown-menu>li>a {
    border-bottom: 2px solid #e0e0e0;
    font-size: 18px;
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.43;
    white-space: nowrap;
    -webkit-transition: all ease-in .1s;
    -moz-transition: all ease .1s;
    -ms-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease-in .1s;
    background-color: transparent;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.parkmap-sub-header .navbar-nav>li:first-child {
    padding-left: 0px;
}

.parkmap-sub-header .dropdown-toggle::after {
    content: unset;
}

.parkmap-sub-header .dropdown-menu>li>a {
    border-color: #fff;
    color: #000;
    text-align: left;
    text-decoration: none;
}

.parkmap-sub-header .navbar-nav .dropdown-menu>li:last-child>a {
    border-bottom: unset !important;
}

.parkmap-sub-header .dropdown.show a.dropdown-toggle.js-activated {
    background-color: #f5f5f5;
}

.map-container {
    overflow: scroll;
}

.marker.active {
    height: 20px;
    width: 20px;
    border-width: 1px;
    border-color: #99A89B !important
}

.parkmap-plusminus {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    z-index: 1;
    position: absolute;
    top: 85px;
    right: 30px;
}

.map-plus {
    margin: 5px;
}

.map-minus {
    margin: 5px;
    border-top: 1px solid #d5d5d5;
    text-align: center;
    padding-top: 3px;
}

input#btnZoomParent {
    border: none;
    background-color: #fff;
    font-size: 20px;
}

input#btnZoomOutParent {
    border: none;
    background-color: #fff;
    font-size: 30px;
}

input#btnZoomOutParent:focus,
input#btnZoomParent:focus {
    outline: unset;
}


/*sub menu desktop*/

.mobile_view_filter {
    display: none
}


/*price range filter starts*/

.price-badge .badge {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    border-radius: 30px;
    background-color: #F2F2F2;
}

.irs--round .irs-min,
.irs--round .irs-max {
    top: 50px;
    color: #828282;
    background-color: transparent;
}

.irs--round .irs-line {
    height: 2px;
}

.irs--round .irs-bar {
    top: 36px;
    height: 2px;
    background-color: #0A00F0;
}

.irs--round .irs-handle {
    border: 2px solid #0A00F0;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: #0A00F0;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before {
    border-top-color: #0A00F0;
}


/*price range filter ends*/


/*modal rate box membership*/

.membership_first,
.no_membership {
    border: 1px solid #e0e0e0;
}

.membership {
    border: 1px solid #e0e0e0;
    background: #f2f8ff;
}

[class^='see_offer-'] {
    border: 1px solid #e0e0e0;
    cursor: pointer;
    padding: 15px 20px;
    color: #0a00f0;
    font-size: 18px;
}

[class^='other_members-'] {
    display: none;
}

[class^='hide_offer-'] {
    border: 1px solid #e0e0e0;
    cursor: pointer;
    display: none;
    padding: 15px 20px;
    color: #0a00f0;
    font-size: 18px;
}


/*modal rate box membership*/


/* checkout banner styles */

@media only screen and (max-width: 768px) {
    .checkout_banner {
        height: 142px !important;
    }
}

.checkout_banner {
    height: 164px;
}

span.back_arrow {
    width: 6px;
    height: 11px;
    background: url(../bs4images/back_arrow.svg);
}

.checkout_banner_headline,
.back_to_search a {
    color: #fff;
}


/* checkout banner styles end here */


/*checkout step progress bar styles*/

.progressbar {
    counter-reset: step;
    margin-bottom: 40px;
    padding-left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.progressbar li {
    list-style: none;
    display: inline-block;
    width: 25.33%;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    margin: 0 -35px 0px -15px;
    cursor: unset;
}

.progressbar li a:before {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #BDBDBD;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff;
}

.progressbar li:after {
    content: " ";
    position: absolute;
    height: 1px;
    border-top: 1px dotted #BDBDBD;
    top: 20px;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: #0A00F0;
    cursor: unset;
}

.progressbar li.completed {
    color: #0A00F0;
}

.progressbar li.completed a {
    color: #0A00F0;
}

.progressbar li.active a:before {
    border-color: #0A00F0;
}

.progressbar li.completed a:before {
    content: url(../bs4images/bp-stepper-tick.svg);
    border: 1px solid #0A00F0;
    background: #F2F8FF;
}

.progressbar li.completed+li:after {
    border-top: 1px dotted #0A00F0;
}

.checkout_steps_title {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
}

.progressbar li a {
    text-decoration: none;
}

.progressbar li a:hover {
    color: unset;
}

.progressbar li.completed a:hover {
    color: #0A00F0;
}

.desktop-progress a {
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .progressbar li a:before {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .progressbar li.completed a:before {
        content: url(../bs4images/bp-stepper-mobile_tick.svg);
    }
    .progressbar li:after {
        top: 13px;
    }
    .progressbar li {
        margin: 0 -30px 0px -30px;
    }
    .progressbar li.completed+li:after {
        border-top: 1px dotted #0A00F0;
    }
}


/*checkout step progress bar styles end here*/


/* checkout page left & right hand side */

#transactionError {
    font-size: 14px;
    color: #C70000;
}

#transactionError>a {
    color: #0A00F0;
    text-decoration: none !important;
}

.standard_rate {
    border: 1px solid #BDBDBD;
}

.nrmablue_rate {
    border: 1px solid #0A00F0;
    background-color: #F2F8FF;
}

#modalNRMAMembership .modal-title {
    text-transform: none !important;
}

.addMember {
    background: #FF6900;
    border: 0px;
    border-radius: 40px;
    font-family: 'NRMA-GTEestiDisplay';
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    height: 44px;
}

.addMember:hover {
    color: #fff;
}

.personal_details label.error,
label.error,
.payment_options input,
.payment_options select,
#enter_address,
#change_address,
#member_details_link,
.join_nrma_title1,
.join_nrma_title2,
.btn-findout_more,
.btn-confirm,
.btn-confirm-m,
.enter_member_details span,
.welcome_member,
.member_saving,
.bs_secondrow_l span,
.bs_secondrow_r span,
.nrma_disc span,
.bs_fifthrow_l span,
.nrmablue_rate s {
    font-size: .875rem;
}

.personal_details label.error,
label.error {
    color: #C70000;
    margin: 10px 0px 0px 0px;
}

.personal_details input.error,
.personal_details select.error {
    border: 2px solid #C70000;
}

.payment_options .form-row {
    margin-top: .8125rem;
}

.payment_options input,
.payment_options select,
.transaction_box,
#addMembership .personal_details {
    border: 1px solid #E0E0E0;
}

.payment_options input:hover,
.payment_options select:hover {
    border: 1px solid #4F4F4F;
}

.payment_options input:focus,
.payment_options select:focus,
.payment_options input:active,
.payment_options select:active {
    border: 2px solid #005AFF;
}

.payment_options select {
    appearance: none;
    background-image: url("../bs4images/selectdrop_arrow.svg");
    background-repeat: no-repeat;
}

.payment_options input,
.payment_options select,
.join_nrma_title1,
.join_nrma_title2,
.welcome_member,
.summary_title,
.total_text,
.booking_total_text,
.options_text,
.enter_member_details span,
.member_saving,
.standard_rate a,
.standard_rate .finalamt,
#standardRate span,
.nrmablue_rate a,
.nrma_member_price,
.nrmablue_rate s,
#nrmaBlue span,
.details_first_line,
.details_second_line {
    color: #212121;
}

#addMembership a {
    color: #757575;
}

.payment_options input::placeholder,
.payment_options select {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #212121;
    opacity: 1;
    /* Firefox */
}

.payment_options input:-ms-input-placeholder,
.payment_options select {
    /* Internet Explorer 10-11 */
    color: #212121;
}

.payment_options input::-ms-input-placeholder,
.payment_options select {
    /* Microsoft Edge */
    color: #212121;
}

.findout_more,
.booking_summary,
#member_welcome_box,
#nrma_member_welcome_box {
    background-color: #F2F8FF;
}

.total_text,
.booking_total_text,
.standard_rate a,
.standard_rate .finalamt,
.nrmablue_rate a,
.nrma_member_price {
    font-size: 1.125rem;
}

.options_edit,
.enter_address_text,
.change_address_text,
#member_details_link,
.member_remove,
.nrma_member_remove {
    color: #0A00F0;
}

.flex-child {
    flex: 1;
}

.flex-child:first-child {
    margin-left: 0px;
}

.enter_address_text,
.change_address_text,
.join_nrma_title1,
.join_nrma_title2,
.welcome_member,
.enter_member_details span,
#member_details_box span,
.member_remove,
.member_saving {
    opacity: 0.8;
}

.enter_member_details span {
    z-index: 45;
}

#member_details_link {
    opacity: 1.0;
}

#search_box {
    background-position: right !important;
    background-origin: content-box !important;
}

.tt-menu {
    width: 98%;
    max-height: 275px;
    overflow-x: hidden;
    top: 34px !important;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    margin: 12px 10px 0px 5px;
    padding: 0px 10px 0px 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    position: absolute;
    left: 0px;
    z-index: 100;
}

.tt-dataset.tt-dataset-address {
    margin-top: -1px;
}

.tt-suggestion {
    padding: 17px 20px 16px;
    font-size: 14px;
    line-height: 18px;
    box-shadow: inset 0.5px 0 #ccc, inset -0.5px 0.5px #ccc;
    cursor: pointer;
}

.tt-suggestion:hover {
    color: inherit;
    background-color: #f5f5f5;
}

#search-box {
    padding: 10px;
    border-radius: 4px;
}

.transaction_box {
    background: #FFFFFF;
}

.badge,
.tariff_label {
    margin-top: 2px;
}

.total_text,
.total_price,
.disc_price,
.booking_total_text,
.options_text {
    line-height: 1.2;
}

.currency,
.member_remove {
    font-size: .75rem;
}

.btn-findout_more,
.btn-confirm,
.btn-confirm-m {
    height: 2.75rem;
    background: #0A00F0;
    border-radius: 1.875rem;
    line-height: 1rem;
    color: #FFF;
}

.btn-membership_added {
    height: 2.75rem;
    background: #0A00F0;
    border-radius: 1.875rem;
    color: #FFF;
}

.btn-findout_more:hover,
.btn-confirm:hover,
.btn-confirm-m:hover,
.btn-membership_added:hover {
    color: #FFF;
}

.btn-findout_more {
    margin-top: .75rem;
}

#member_details_link,
.member_remove,
#address-list li:hover,
#modalNRMAMembership .cross,
#addMembership .cross,
#addMembership .terms,
.nrma_member_remove,
.options_close,
.remove_cart {
    cursor: pointer;
}

.tooltip {
    margin-top: -3px;
}

.tooltip-inner {
    background-color: #fff !important;
    border: 1px solid #E0E0E0;
    color: #212121;
    padding: 20px;
    font-size: 14px;
    text-align: left;
    max-width: 183px;
}

.tooltip.show {
    opacity: 1;
}

#member_details_box span {
    border-bottom: 1px dashed #0A00F0;
}

.modal-body p {
    color: #212121;
    line-height: 23px;
}

.maxmsg {
    color: red;
}

#editguestsmodel .modal-content {
    width: 65%;
    margin: 0 auto;
}

.details_first_line,
.details_first_line,
.nrma_member_remove,
.btn-membership_added {
    font-size: .875rem;
}

#addMembership .hrline {
    border: 1px solid #757575;
}

.standard_rate .modal_drop_arrow_s,
.standard_rate .modal_up_arrow_s {
    margin-left: 36px !important;
}

.nrmablue_rate .modal_drop_arrow_n,
.nrmablue_rate .modal_up_arrow_n {
    margin-left: 19px !important;
}

#modalNRMAMembership .modal-dialog {
    padding-right: 11px !important;
}

#member_details_box .desktop,
.booking_summary .badge {
    display: none;
}

.membership_line {
    margin-top: 32px;
}

.payment_options input {
    height: 2.25rem;
}

.payment_options select {
    background-position-x: 20rem;
    background-position-y: .875rem;
}

.btn-findout_more {
    width: 51%;
}

.summary_title,
.options_text,
.total_price,
.disc_price {
    font-size: 1.15625rem;
}

.banner_headline,
.date_month,
.guest_edit {
    font-size: .875rem;
}

.guest_edit {
    margin-top: .3125rem;
}

.bs_fifthrow_r img {
    margin-right: .625rem;
}

#address-list {
    margin-top: 0px !important;
    width: 337px;
}

#member_details_box input {
    height: 2.75rem;
}

.payment_options input:checked {
    color: #fff;
    background-color: #0A00F0;
}

.payment_options input[type="checkbox"]+label.error:before {
    content: "\00a0";
    display: inline-block;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    border: 2px solid #C70000;
    box-sizing: border-box;
    border-radius: 4px;
    height: 24px;
    width: 24px;
}

label#termscheckbox-error {
    display: block !important;
}

.payment_options input[type="checkbox"]+label:before {
    content: "\00a0";
    display: inline-block;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    border: 2px solid #757575;
    box-sizing: border-box;
    border-radius: 4px;
    height: 24px;
    width: 24px;
}

.payment_options input[type="checkbox"]:checked+label:before {
    background: #0A00F0;
    color: #fff;
    content: url("../bs4images/checkbox_tick.svg");
    text-align: center;
    border: unset;
    line-height: 24px;
}

.payment_options input[type="checkbox"] {
    visibility: hidden;
}

.payment_options .form-check-label {
    line-height: 20px;
}

.bp-continue-btn {
    width: 147px;
    height: 64px;
    padding: 12px 15px;
    background: #FF6900;
    border-radius: 100px;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
}

.bp-continue-btn:after {
    content: url("../bs4images/bp-continue-btn-tick.svg");
    margin-left: 10px;
}

div#view_details,
div#hide_details {
    color: blue;
}

.remove_cart_model_buttons a {
    padding-top: 12px;
}

a.continue_current_booking {
    color: #0A00F0;
    cursor: pointer;
}

a.continue_current_booking:hover {
    color: #0A00F0 !important;
    cursor: pointer;
}

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

#removeCartdata .modal-body {
    font-size: 15px;
    line-height: 24px;
}

@media only screen and (max-width: 768px) {
    .payment_options input[type="checkbox"]+label:before {
        margin: 0.25rem .25em 0 0;
    }
    .bp-continue-btn {
        width: 100% !important;
    }
    .learn-more-cta {
        top: -60px !important;
    }
    .savings_benifits_box2 .benifits {
        margin-top: 5px !important;
    }
    .savings_benifits_box2 h5 {
        min-height: 50px;
    }
}

@media screen and (max-width: 576px) {
    .btn-membership_added {
        width: 244px;
    }
    .standard_rate .modal_drop_arrow_s,
    .standard_rate .modal_up_arrow_s {
        margin-left: 36px !important;
    }
    .nrmablue_rate .modal_drop_arrow_n,
    .nrmablue_rate .modal_up_arrow_n {
        margin-left: 19px !important;
    }
    #modalNRMAMembership .modal-dialog {
        padding-right: 11px !important;
    }
    .payment_options .desktop,
    #member_details_box .desktop,
    .member_details_field,
    .booking_summary .badge {
        display: none;
    }
    .membership_line {
        margin-top: 32px;
    }
    .payment_options input {
        height: 2.25rem;
    }
    .payment_options select {
        background-position-x: 20rem;
        background-position-y: .875rem;
    }
    .btn-findout_more {
        width: 51%;
    }
    .summary_title,
    .options_text {
        font-size: 1.15625rem;
    }
    .banner_headline,
    .date_month,
    .guest_edit {
        font-size: .875rem;
    }
    .guest_edit {
        margin-top: .3125rem;
    }
    .total_price,
    .disc_price {
        font-size: 1.15625rem;
    }
    .bs_fifthrow_r {
        margin-left: 3.8125rem;
    }
}

@media screen and (min-width: 576px) {
    .btn-membership_added {
        width: 199px;
    }
    .payment_options input,
    .payment_options select {
        height: 2.75rem;
    }
    .payment_options select {
        background-position-x: 14.625rem;
        background-position-y: 1.25rem;
    }
    .btn-findout_more {
        width: 33%;
    }
    .options_text {
        font-size: 1.125rem;
    }
    .summary_title {
        font-size: 1.5rem;
    }
    .bs_fifthrow_r img {
        margin-left: 9.5rem;
    }
    .total_price,
    .disc_price {
        font-size: 1.25rem;
    }
    #address-list {
        margin-top: -33px;
        width: 511px;
    }
}


/* checkout page left & right hand side */


/* checkout option css start*/

.icon.large-cal {
    width: 18px;
    height: 20px;
    background-image: url('../bs4images/large-cal.svg');
}

.icon.large-plus {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin-right: 14px;
}

.icon.fullscreen {
    width: 12px !important;
    height: 12px !important;
    background: url('../bs4images/fullscreen.svg') !important;
}

.icon.previous {
    width: 8px;
    height: 10px;
    background-image: url('../bs4images/previous.svg') !important;
}

.icon.tick {
    width: 16px;
    height: 14px;
    background-image: url('../bs4images/tick.svg') !important;
}

.blue-bg {
    background-color: #F2F8FF;
}

.small-title {
    font-size: 14px;
    font-weight: bold;
    display: block;
    line-height: 21px;
}

.option a {
    font-size: 14px;
    color: #0A00F0;
}

.option p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0.5rem;
}

.btn.options {
    border: 2px solid #000000;
    border-radius: 24px;
    font-size: 14px;
    padding: 8px 12px;
}

.btn.options.remove {
    color: #fff;
    background-color: #0A00F0;
    border-color: #0A00F0;
    opacity: 1 !important;
}

.btn.options:hover {
    background-color: #F2F2F2;
}

.btn.options.remove:hover {
    background-color: #0A00F0;
}

.btn.options strong {
    font-size: 18px;
}

a.previous {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #0A00F0;
}


/* checkout option css ends */


/* checkout payment css start */

span.icon {
    display: inline-block;
}

a.previous {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #0A00F0;
}

.payment-option {
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    color: #212121;
    padding: 12px 0;
    font-size: 14px;
}

.payment-option:hover {
    background-color: #F2F2F2 !important;
    cursor: pointer;
}

.payment-option.active {
    background: #F2F8FF;
    border: 1px solid #0A00F0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.payment-option i {
    margin-top: 2px;
    width: 10px;
    display: block;
    color: #BDBDBD
}

span.icon.blue-tick {
    display: none;
    width: 16px;
    height: 16px;
    background-image: url('../bs4images/blue-tick.svg');
}

.payment-option.active i {
    display: none;
}

.payment-option.active span.icon.blue-tick {
    display: block;
}

.payment-summary {
    font-size: 14px;
}

p.pay {
    display: none;
}

p.pay.active {
    display: initial;
}

.bp-continue-btn {
    width: auto;
}

.icon.previous {
    width: 8px;
    height: 10px;
    background-image: url('../bs4images/previous.svg') !important;
}

.no-content::after {
    content: none;
}


/*checkout payment css end*/


/*checkout confirmation css start*/

.confirmation-banner-head,
.confirmation-banner {
    color: #fff;
}

.confirmation-banner-body {
    font-size: 22px;
    line-height: 28px;
}

.confirmation-banner-bottom-text {
    font-size: 18px;
    line-height: 28px;
}

.mobile_confirmation_bannerbg {
    background-color: #00b9ff;
}

.mobile_confirmation_bannerbg h2 {
    font-size: 23px;
}

.add_calendar_btn {
    border: 1px solid #ccc;
}

.add_calendar_btn a {
    text-decoration: none;
    color: #212121;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

.confirmation_contact_box {
    background-color: #F2F8FF
}

.confirmation_contact_box a {
    font-size: 14px;
    line-height: 16px;
    background-color: #0a00f0;
    border: 2px solid #0a00f0;
    border-radius: 20px;
    padding: 10px 30px;
    color: #ffffff;
}

.confirmation_contact_box a:hover {
    color: #ffffff;
}

.confirmation_contact_box .sub_head {
    line-height: 20px;
}

.another-booking-box,
.learn-more-box {
    border: 1px solid #ccc;
}

.another-booking-box a,
.learn-more-box a {
    color: #000;
}

.confirmation_savings_bannerbox {
    background-color: #F2F8FF;
    padding: 2% 1% 0 2%;
    margin: 0 !important;
    margin-top: 2% !important;
}

.confirmation_savings_bannerbox .wpb_wrapper {
    background-color: #F2F8FF !important;
}

.learn-more-cta {
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #0a00f0;
    border: 2px solid #0a00f0;
    border-radius: 20px;
    padding: 10px 18px;
    text-align: center;
    color: #ffffff;
    position: relative;
    bottom: -85px;
    float: right;
}

a.learn-more-cta {
    color: #ffffff !important;
}

a.learn-more-cta:hover {
    text-decoration: none;
}

.savings_much_more {
    padding-left: 6%;
    color: #828282;
    margin-top: 5%;
}

.savings_benifits_box {
    display: flex;
    justify-content: flex-start;
    margin-left: 0px;
}

.savings_benifits_box img {
    margin-bottom: 18px;
    padding-right: 10px;
}

.savings_benifits_box2 {
    margin-left: 0px;
}

.savings_benifits_box2 img {
    float: left;
    margin-bottom: 18px;
    padding-right: 10px;
}

.savings_benifits_box2 .benifits {
    float: left;
    margin-left: 27px;
    margin-top: -10px;
}

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


/*checkout confirmation css end here*/
/*checkout confirmation css end here*/