@media (max-width: 768px) {
    .overlay-left {
        left: -3%
    }
}

.overlay-right {
    right: -5%
}

@media (max-width: 768px) {
    .overlay-right {
        right: -3%
    }
}

.overlay-botton {
    bottom: 10%
}

.overlay-bookmarkStyle {
    background-image: linear-gradient(to left, #5b109b, #ff0058);
    width: fit-content;
    width: -moz-fit-content;
    height: 25px;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.8rem 2rem 0.8rem 0.8rem;
    border-radius: 5px;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 90% 50%, 100% 0);
    text-transform: uppercase
}

.overlay-bookmarkStyle:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 0;
    position: absolute;
    left: 0;
    bottom: -1em
}

.overlay-discount {
    background-color: #ffb100;
    padding: 0.5rem 1.2rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.6rem;
    color: #fff;
    border-radius: 5px
}

.discount-tag {
    position: absolute;
    top: -15px;
    z-index: 0
}

@media (min-width: 1024px) {
    .discount-tag {
        display: none
    }
}

.discount-tag__image {
    height: 130px
}

.discount-tag__number {
    position: absolute;
    color: #17401a;
    right: 19px;
    font-size: 26px;
    top: 60px;
    font-weight: 600
}

.discount-tag__text {
    position: absolute;
    color: #17401a;
    right: 33px;
    font-size: 13px;
    top: 93px;
    font-weight: normal
}

.discount-tag__percent {
    font-size: 20px
}

img {
    font-size: 1rem
}

.lazy-image {
    opacity: 1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}




.instant-confirmation {
    position: relative
}

.instant-confirmation:after {
    font-family: sans-serif;
    content: "Instant Confirmation";
    position: absolute;
    top: -42px;
    left: -72px;
    font-size: 10px;
    white-space: nowrap;
    padding: 10px;
    text-transform: uppercase;
    background-color: #ff5300;
    color: #fff;
    font-weight: bold;
    padding-bottom: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 55% 75%, 50% 100%, 45% 75%, 0% 75%);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all
}

.instant-confirmation:hover:after {
    opacity: 1;
    visibility: unset
}

.icon-star-empty.null {
    color: #d3d3d3
}

.photo-credit {
    font-size: 10px;
    color: rgba(59, 68, 78, 0.5);
    clear: both;
    text-align: center;
    padding: 2px
}

.read-more-content[data-readmore] {
    transition: height 500ms;
    overflow: hidden;
    display: block;
    width: 100%
}

.main-card-container.tour-main-card .read-more-content[aria-expanded="false"],
.main-card-container.content-main-card .read-more-content[aria-expanded="false"],
.main-card-container.attraction-main-card .read-more-content[aria-expanded="false"],
.main-card-container.destination-main-card .read-more-content[aria-expanded="false"],
.main-card-container.destination-attractions-main-card .read-more-content[aria-expanded="false"],
.intro-block .read-more-content[aria-expanded="false"],
.destination-description .read-more-content[aria-expanded="false"],
.search-page-content-container .read-more-content[aria-expanded="false"],
.destination-extra-info .read-more-content[aria-expanded="false"] {
    position: relative
}

.main-card-container.tour-main-card .read-more-content[aria-expanded="false"]:before,
.main-card-container.content-main-card .read-more-content[aria-expanded="false"]:before,
.main-card-container.attraction-main-card .read-more-content[aria-expanded="false"]:before,
.main-card-container.destination-main-card .read-more-content[aria-expanded="false"]:before,
.main-card-container.destination-attractions-main-card .read-more-content[aria-expanded="false"]:before,
.intro-block .read-more-content[aria-expanded="false"]:before,
.destination-description .read-more-content[aria-expanded="false"]:before,
.search-page-content-container .read-more-content[aria-expanded="false"]:before,
.destination-extra-info .read-more-content[aria-expanded="false"]:before {
    position: absolute;
    height: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    content: "";
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.8))
}

.main-card-container.tour-main-card .base-block-body a,
.main-card-container.content-main-card .base-block-body a,
.main-card-container.attraction-main-card .base-block-body a,
.main-card-container.destination-main-card .base-block-body a,
.main-card-container.destination-attractions-main-card .base-block-body a,
.intro-block .base-block-body a,
.destination-description .base-block-body a,
.search-page-content-container .base-block-body a,
.destination-extra-info .base-block-body a {
    font-weight: bold
}

.read-more-content[aria-expanded="false"] {
    height: 100px
}

@media (max-width: 1023px) {
    .read-more-content[aria-expanded="false"] {
        position: relative
    }

    .read-more-content[aria-expanded="false"]:before {
        position: absolute;
        height: 60px;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        content: "";
        background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.8))
    }
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    color: #454545 !important
}

.btn-gradient {
    color: #fff;
    background: linear-gradient(to right, #ff7102 0%, #ff0256 100%);
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 0.2px
}

.btn-gradient.btn-lg {
    padding: 10px 25px
}

@media (min-width: 1024px) {
    .btn-gradient.btn-lg {
        padding: 15px 50px
    }
}

.btn-gradient.btn-md {
    padding: 10px 25px
}

@media (min-width: 1024px) {
    .btn-gradient.btn-md {
        padding: 15px 20px
    }
}

.btn-gradient.radius-lg {
    border-radius: 10px
}

.btn-gradient.btn-bold {
    font-weight: bold
}

.btn-gradient:hover {
    cursor: pointer;
    color: #fff
}

.btn-gradient.cta-hover {
    position: relative;
    z-index: 1
}

.btn-gradient.cta-hover:before {
    position: absolute;
    width: 80%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    border-radius: 10px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
    transform: translateX(0px);
    background: #ff7102;
    transition: 0.2s all;
    z-index: -1
}

.btn-gradient.cta-hover:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    right: 0;
    border-radius: 10px;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    transform: translateX(0px);
    background: linear-gradient(to right, #ff7102 0%, #ff0256 100%);
    border-radius: 10px;
    transition: 0.2s all;
    z-index: -1
}

.btn-gradient.cta-hover:hover {
    transform: translateX(20px);
    border-radius: 0
}

.btn-gradient.cta-hover:hover:before {
    border-radius: 0;
    transform: translateX(-20px)
}

.btn-gradient.cta-hover:hover:after {
    transform: translateX(20px)
}

/* .multi-line-header {
    position: relative;
    padding-left: 20px
} */

@media (max-width: 1023px) {
    .multi-line-header {
        margin-bottom: 25px
    }
}

@media (min-width: 1024px) {
    .multi-line-header {
        padding-left: 25px
    }
}

.multi-line-header__title {
    font-size: 2rem;
    color: #ff5300;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold
}

.multi-line-header__caption {
    font-size: 5rem;
    color: #7c7c7c;
    letter-spacing: -3px;
    font-weight: bold;
    line-height: 1.22
}


.photobanner-slide-right {
    -webkit-animation: slider-right 30s linear infinite;
    -moz-animation: slider-right 30s linear infinite;
    -ms-animation: slider-right 30s linear infinite;
    -o-animation: slider-right 30s linear infinite;
    animation: slider-right 30s linear infinite
}

.photobanner-slide-left {
    position: relative;
    left: -1775px;
    -webkit-animation: slider-left 30s linear infinite;
    -moz-animation: slider-left 30s linear infinite;
    -ms-animation: slider-left 30s linear infinite;
    -o-animation: slider-left 30s linear infinite;
    animation: slider-left 30s linear infinite
}

.selected {
    color: #ff5300 !important;
    background-color: #fff;
    border-radius: 10px
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 2rem;
    color: #fff;
    width: 160px;
    height: 40px
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #ff5300;
    border-radius: 10px;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    padding: 8px 15px
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #ff5300 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px
}

.select-styled:hover {
    background-color: #fff;
    color: #ff5300
}

.select-styled:active,
.select-styled.active {
    background-color: #fff;
    color: #ff5300
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #ff5300 transparent
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    color: #ff5300
}

.select-options li {
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
    text-align: center;
    border-top: 1px solid #ff5300
}

.select-options li:hover {
    background-color: #fff;
    color: #ff5300
}

.select-options li[rel="hide"] {
    display: none
}

.dropdown {
    position: relative;
    display: block
}

.btn-wrapper {
    text-align: center;
    margin-bottom: 5%
}

.dropbtn {
    background-color: #fff;
    color: #ff5300;
    padding: 10px 25px;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    width: max-content;
    margin: 0 auto
}

.arrow:after {
    position: absolute;
    bottom: 20%;
    content: "";
    font-family: "icomoon";
    font-size: 0.9rem;
    transform: rotate(-90deg);
    color: #ff5300;
    padding-left: 5%
}

.dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    min-width: 25%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: calc(50% - 51px)
}

.dropdown-content a {
    color: #ff5300;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-weight: bold
}

.dropdown-link {
    border-bottom: 1px solid #ff5300
}

.dropdown-content a:hover {
    background-color: #ff5300;
    color: #fff
}

.dropdown:hover .dropdown-content {
    display: inline-block
}

.dropdown:hover .dropbtn {
    background-color: #fff;
    color: #ff5300
}

.arrow-down:after {
    transform: rotate(0deg);
    bottom: 30%;
    padding-left: 1%;
    padding-bottom: 1%
}

#stories-section.photobanner-slide-right {
    position: relative;
    right: 1775px
}

#error_explanation p {
    font-size: 1rem;
    color: #eb595a
}

#error_explanation ul li {
    color: rgba(58, 68, 78, 0.6);
    font-size: 1rem
}

.flash-msg {
    max-width: 1080px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 10px 10px 35px;
    border: 1px solid #fff;
    border-radius: 5px
}

@media (max-width: 1023px) {
    .flash-msg {
        margin-bottom: 14px
    }
}

.alert-danger,
.alert-error,
#alert-error,
#alert-danger {
    background-color: #feeee9;
    color: #e74843;
    border-color: #e74742
}

.alert-success,
#alert-success {
    background-color: #f0f6eb;
    background-position: 10px -46px;
    color: #4bad34;
    border-color: #7cbc58
}

@media (min-width: 1024px) {
    .flash-container {
        padding: 20px 0
    }
}

.onclick-link {
    cursor: pointer
}

.promotional-bar {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    background: linear-gradient(to right, #ff7102 0%, #e85132 80%, #ff0256 100%);
    color: #fff;
    font-size: 1.4rem;
    transition: 0.3s all
}

@media (min-width: 1024px) {
    .promotional-bar {
        top: unset;
        bottom: 0;
        background: linear-gradient(to right, #ff7102 0%, #ff0256 100%)
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .promotional-bar {
        padding-left: 30px
    }
}

.promotional-bar .container {
    display: flex;
    align-items: center;
    padding: 5px 22px
}

@media (min-width: 1024px) {
    .promotional-bar .container {
        padding: 5px 0;
        min-height: 40px
    }
}

.promotional-bar .promotion-title {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.8px;
    position: relative
}

@media (min-width: 1024px) {
    .promotional-bar .promotion-title {
        max-width: 200px
    }
}

.promotional-bar .promotion-title:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background: white
}

.promotional-bar .promotion-text {
    margin-left: 30px
}

@media (min-width: 1024px) {
    .promotional-bar .promotion-text {
        line-height: 30px
    }
}

.promotional-bar .promotion-text img {
    max-height: 30px !important;
    margin: 0 10px !important
}

.promotional-bar .promotion-cta {
    margin-left: auto;
    background: white;
    color: #ff5300;
    padding: 5px 12px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    min-width: 115px
}

@media (max-width: 1023px) {
    .promotional-bar .promotion-cta {
        display: none
    }
}

.promotional-bar .promotion-cta .cta-arrow {
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 7px;
    margin: 0;
    margin-left: 10px
}

.promotional-bar-cb {
    display: none
}

@media (min-width: 1024px) {
    .promotional-bar-cb:checked+.promotional-bar {
        transform: translateY(80px)
    }
}

.promotional-bar-cb:checked+.promotional-bar+.promotional-bar-controller {
    background: #ff5300;
    height: 30px;
    width: 30px;
    transform: rotate(180deg)
}

@media (max-width: 1023px) {
    .promotional-bar-cb:checked+.promotional-bar+.promotional-bar-controller {
        top: 0
    }
}

@media (min-width: 1024px) {
    .promotional-bar-cb:checked+.promotional-bar+.promotional-bar-controller {
        transform: rotate(360deg)
    }
}

.promotional-bar-cb:checked+.promotional-bar+.promotional-bar-controller:before {
    height: 10px;
    left: 11.5px;
    top: 8px
}

.promotional-bar-cb:checked+.promotional-bar+.promotional-bar-controller:after {
    height: 10px;
    right: 11.5px;
    top: 8px
}

.promotional-bar-controller {
    position: fixed;
    left: 10px;
    z-index: 999;
    top: 50px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 10px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

@media (min-width: 1024px) {
    .promotional-bar-controller {
        top: unset;
        bottom: 10px;
        height: 20px;
        width: 20px
    }
}

@media (max-width: 1023px) {
    .promotional-bar-controller {
        background: #ff5300;
        left: 65px
    }
}

.promotional-bar-controller:hover {
    cursor: pointer
}

.promotional-bar-controller:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 50%;
    height: 20px;
    width: 0.5px;
    background: white;
    transform: rotate(45deg);
    transition: 0.3s all
}

@media (min-width: 1024px) {
    .promotional-bar-controller:before {
        height: 100%;
        top: 0
    }
}

.promotional-bar-controller:after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 0;
    right: 50%;
    height: 20px;
    width: 0.5px;
    background: white;
    transform: rotate(-45deg);
    transition: 0.3s all
}

@media (min-width: 1024px) {
    .promotional-bar-controller:after {
        height: 100%;
        top: 0
    }
}

.santa-tag {
    top: 4%;
    height: 25px;
    background-color: #ff7878;
    background-image: linear-gradient(315deg, #ff7878 0%, red 74%);
    border-radius: 5px;
    width: 150px
}

.santa-tag .santa {
    transform: scale(0.4);
    top: -40px;
    left: 80px;
    animation: bobbing 3s ease-in-out infinite
}

.santa-tag .santa .face .mouth {
    animation: ho-ho-ho 3s linear infinite
}

.santa-tag .santa .hat .hat-end {
    animation: hat-flip 3s linear infinite
}

.santa-tag .santa-tag-text {
    position: absolute;
    top: 0;
    left: 33px;
    font-size: 10px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 0
}

.santa-tag .flag-ribbon {
    background: url() left top no-repeat transparent;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    width: 32px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background: url() no-repeat center center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000
}

.loader--inline {
    position: initial;
    height: 300px;
    display: block
}

@media (min-width: 1024px) {
    .loader--inline {
        height: 100%
    }
}

.loader-inline {
    display: inline-block;
    height: 180px;
    width: 170px;
    background: url() no-repeat center center
}

.view-more-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
    color: #3a3a3a;
    transition: 0.2s color
}



.view-more-link:hover {
    color: #000000
}



@media (min-width: 1024px) {
    .view-more-btn {
        height: 34px
    }
}

.view-more-btn--lg {
    font-size: 16px;
    padding: 9px 30px;
    height: 40px
}


.tours-app {
    min-height: 120vh
}

.no-select-effects {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.read-more-btn {
    padding: 0;
    margin: -24px 0px;
    background-color: transparent;
    color: #fff;
    ;
    font-weight: 600
}

@media (max-width: 1023px) {
    .read-more-btn {
        font-size: 12px
    }
}

.footer {
    color: #b7b7b7;
    position: relative;
    padding-top: 30px;
    font-size: 10px
}

.footer:before {
    content: "";
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0c0326;
    z-index: -1
}

.footer.no-links:before {
    top: 0
}

.footer.no-links .pre-footer {
    display: none
}

.footer.no-links .social-list {
    display: none
}

.footer a {
    color: inherit
}

.footer .footer-titles {
    color: #000;
    font-size: 1.2em;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-block-end: 2.33em;
    font-weight: bold
}

@media (max-width: 1023px) {
    .footer .footer-titles {
        margin-top: 2.33em
    }
}

@media (min-width: 1024px) {
    .footer .footer-titles {
        margin-bottom: 10px
    }
}

.footer .social-list {
    margin-bottom: 18px
}

.pre-footer {
    background-color: #fff;
    box-shadow: 0 50px 50px rgba(0, 0, 0, 0.14);
    border-radius: 19px;
    max-width: 1270px;
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px
}

@media (min-width: 1024px) {
    .pre-footer {
        padding: 37px 33px 26px;
        margin: 0 auto 50px
    }
}

.pre-footer .row {
    position: relative
}

@media (min-width: 576px) and (max-width: 1023px) {
    .pre-footer .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .pre-footer .row {
        display: flex;
        justify-content: space-between
    }
}

.pre-footer .row>.col {
    margin-bottom: 20px;
    position: relative
}

@media (min-width: 480px) {
    .pre-footer .row>.col {
        padding: 0 10px
    }
}

@media (min-width: 576px) and (max-width: 1023px) {
    .pre-footer .row>.col {
        flex: 0 0 50%
    }
}

@media (min-width: 1024px) {
    .pre-footer .row>.col {
        padding: 17px 15px 0 15px;
        margin-bottom: 0;
        max-width: 231px;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .pre-footer .row>.col:before {
        content: "";
        width: 1px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(214, 214, 214, 0.62)
    }
}

.pre-footer .row>.col:first-child:before,
.pre-footer .row>.col:last-child:before {
    display: none
}

@media (min-width: 1024px) {
    .pre-footer .row>.col.trending {
        min-width: 310px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.pre-footer .row>.col.destination {
    width: 100%
}

@media (min-width: 1024px) {
    .pre-footer .row>.col.destination {
        max-width: 300px
    }
}

.pre-footer .links-list {
    display: flex;
    flex-wrap: wrap;
    color: #505050;
    font-size: 1.3em;
    line-height: 1.7;
    text-align: center;
    justify-content: center
}

.pre-footer .links-list li {
    position: relative
}

.pre-footer .links-list li:nth-child(n+2) {
    padding-left: 16px
}

.pre-footer .links-list li:nth-child(n+2):before {
    content: "|";
    position: absolute;
    top: 0;
    left: 7px
}

.pre-footer .links-list li a {
    font-size: 1.2em
}

.pre-footer .links-list a:hover {
    color: #ff5300
}

.pre-footer .trending h6 {
    margin-bottom: 17px
}

.pre-footer .nearby-places-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.pre-footer .nearby-places-list .col {
    padding: 0 2.5px;
    display: flex;
    width: 31%
}

@media (min-width: 1024px) {
    .pre-footer .nearby-places-list .col {
        padding: 0 3px;
        height: 90px
    }
}

@media (min-width: 480px) {
    .pre-footer .nearby-places-list .col {
        width: 25%
    }
}

@media (min-width: 576px) and (max-width: 1023px) {
    .pre-footer .nearby-places-list .col {
        width: 33%
    }
}

@media (min-width: 1024px) {
    .pre-footer .nearby-places-list .col {
        width: 33%
    }
}

.pre-footer .nearby-places-list .col .nearby-places-item {
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 5px
}

@media (max-width: 1023px) {
    .pre-footer .nearby-places-list .col .nearby-places-item {
        min-height: 13vw
    }
}

@media (max-width: 575px) {
    .pre-footer .nearby-places-list .col .nearby-places-item {
        min-height: 21vw
    }
}

.pre-footer .nearby-places-list .col .nearby-places-item:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.pre-footer .nearby-places-list .col .nearby-places-item-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) all
}

.pre-footer .nearby-places-list .col .nearby-places-item .onclick-link {
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pre-footer .nearby-places-list .col .nearby-places-item:hover .nearby-places-item-image {
    transform: scale(1.2)
}

.pre-footer .nearby-places-list .col .nearby-places-item .caption {
    font-size: 0.9em;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease-in-out
}

@media (min-width: 375px) {
    .pre-footer .nearby-places-list .col .nearby-places-item .caption {
        font-size: 1em
    }
}

@media (min-width: 1024px) {
    .pre-footer .nearby-places-list .col .nearby-places-item .caption {
        font-size: 1em
    }
}

.pre-footer .gift-link {
    display: flex;
    align-items: center
}

.pre-footer .gift-link .text {
    outline: none
}

.pre-footer .gift-link:hover .text {
    color: #ff5300;
    font-weight: 600
}

.pre-footer .gift-link .icon-gift {
    position: relative;
    margin-right: 37px
}

@media (max-width: 1023px) {
    .pre-footer .gift-link .icon-gift {
        font-size: 2.5em
    }
}

.pre-footer .gift-link .badge {
    position: absolute;
    top: -5px;
    right: -20px;
    font-size: 0.6em;
    letter-spacing: -0.3px;
    min-width: 25px;
    line-height: 1;
    padding: 3px;
    font-weight: bold;
    width: 0;
    background-color: #ff5300;
    color: #fff;
    font-size: 8px;
    font-family: sans-serif
}

.pre-footer .gift-link .text {
    color: #505050;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out
}

.reserved {
    color: #ffffff;
    text-align: center;
    padding: 29px 0 14px;
    background-color: #0c0326;
}

.reserved .caption {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px
}

.reserved p {
    font-size: 1.2em;
    line-height: 1.8
}

.footer-logo {
    position: relative;
    margin-bottom: 39px
}

.footer-logo:before,
.footer-logo:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    width: 10%;
    background-color: #b7b7b7
}

@media (min-width: 375px) {

    .footer-logo:before,
    .footer-logo:after {
        width: 15%
    }
}

@media (min-width: 480px) {

    .footer-logo:before,
    .footer-logo:after {
        width: 20%
    }
}

@media (min-width: 768px) {

    .footer-logo:before,
    .footer-logo:after {
        width: 30%
    }
}

@media (min-width: 1200px) {

    .footer-logo:before,
    .footer-logo:after {
        width: 38%
    }
}

.footer-logo:before {
    left: 0
}

@media (min-width: 1024px) {
    .footer-logo:before {
        left: 33px
    }
}

.footer-logo:after {
    right: 0
}

@media (min-width: 1024px) {
    .footer-logo:after {
        right: 33px
    }
}

.footer-logo .logo-link {
    display: block;
    text-decoration: none;
    max-width: 175px;
    width: 100%;
    margin: 0 auto
}

.footer-logo .logo-link img {
    width: 100%
}

.social-list {
    display: flex;
    justify-content: center
}

.social-list li {
    margin: 0 10px
}

@media (min-width: 1024px) {
    .social-list li {
        margin: 0 14px
    }

    .social-list li .onclick-link {
        font-size: 3.6em
    }
}

.social-list li:first-child {
    margin-left: 0
}

.social-list li:last-child {
    margin-right: 0
}

.social-list li .onclick-link {
    font-size: 3em
}

.social-list a:hover {
    color: #fff
}

.trending-item:not(:last-child) {
    margin-bottom: 12px
}

.trending-item .image-holder {
    min-width: 40px;
    width: 0;
    overflow: hidden;
    border-radius: 50%
}

.trending-item .image-holder img {
    width: 100%
}

.trending-item .trending-content {
    padding: 3px 7px
}

.trending-item p {
    color: #505050;
    font-size: 1em;
    margin-bottom: 5px;
    transition: color 0.3s ease-in-out
}

.trending-item a {
    display: flex
}



.footer-list {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .footer-list {
        margin-bottom: 30px
    }
}

.footer-list li {
    position: relative;
    color: #505050;
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase
}

.footer-list li:not(:last-child) {
    margin-bottom: 10px
}

.footer-list a,
.footer-list .footer-link {
    color: #505050
}


.main-content-section .container {
    margin: 0 auto
}

@media (min-width: 320px) and (max-width: 1023px) {
    .main-content-section .container {
        padding: 0 22px
    }
}

@media (min-width: 1024px) {
    .main-content-section .container {
        display: flex;
        flex: 0 0 auto
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .main-content-section .container {
        margin: 0 10px
    }
}

.main-content-section .content {
    width: 100%
}

@media (min-width: 1024px) {
    .main-content-section .content {
        margin-right: 30px;
        max-width: 70%
    }
}

@media (min-width: 1024px) {
    .main-content-section .content {
        min-width: 753px;
        max-width: 753px
    }
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .read-more-content iframe {
        width: 100%;
        height: 450px
    }
}

.main-content-section .content .base-block .top-tour-list {
    padding: 15px
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list {
        padding: 3px 15px 32px 21px
    }
}

.main-content-section .content .base-block .top-tour-list .top-tour-item {
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 19px;
    display: flex
}

@media (max-width: 1023px) {
    .main-content-section .content .base-block .top-tour-list .top-tour-item {
        flex-wrap: nowrap;
        height: 150px
    }
}

.main-content-section .content .base-block .top-tour-list .top-tour-item:last-child {
    border-bottom: 0
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #f0f0f0;
    border-radius: 1px 0 10px 10px
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg {
        border-radius: 1px 10px 10px 0
    }
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg {
        height: 120px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .image-holder {
    position: relative;
    width: 45%;
    height: 100%;
    margin-right: 0;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .image-holder {
        width: 35%;
        height: auto
    }
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .image-holder {
        margin-bottom: 0;
        height: 150px;
        flex: 0 0 200px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .image-holder .top-tour-item-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .discount {
    position: absolute;
    top: 23px;
    left: -11px;
    border-radius: 0;
    text-align: left;
    width: fit-content;
    width: -moz-fit-content;
    height: 20px;
    font-size: 1rem
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .icon-flash {
    color: #ff0202
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-holder {
    width: 100%;
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-holder {
        margin-bottom: 18px
    }
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-holder {
        display: none
    }
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-holder .counter {
        font-size: 1rem
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .btn {
    width: 110px;
    height: 32px;
    font-weight: 400
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .btn {
        font-size: 1.3rem
    }
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .btn {
        font-size: 1.2rem;
        width: auto;
        height: auto;
        padding: 5px 10px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-list {
    margin-right: 10px
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-list li {
    margin-right: 5px
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .raiting-list li {
        font-size: 1.7rem
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .additional-list-info {
    flex-direction: column;
    margin-top: 10px
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .additional-list-info {
        flex-direction: row;
        margin-top: 5px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .additional-list-info .trip-location {
    margin: 0
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .additional-list-info .trip-location {
        margin-left: 5px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .additional-list-info li span:nth-child(2) {
    color: #3b3b3b
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder {
    align-items: baseline;
    max-width: 100%;
    width: calc(60% - 200px);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15px
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder {
        padding: 20px;
        border-left: 1px solid #f0f0f0;
        max-width: 150px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .from {
    color: #555353;
    font-size: 1.4rem
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .from {
        font-size: 1.2rem
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .old-price {
    margin-bottom: 8px;
    font-size: 1.3rem
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .old-price {
        font-size: 1.3rem
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .currency-type {
    display: inline-block;
    margin-right: 5px
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .current-price {
    font-size: 1.3rem;
    width: 100%
}

@media (min-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .current-price {
        width: auto
    }
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .current-price {
        font-size: 2rem
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .current-price-inventory-name {
    margin-top: 4px;
    display: block;
    color: #a5a4a4
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .price-holder .current-price-inventory-name {
        text-transform: lowercase;
        font-size: 13px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content {
    padding: 10px;
    display: block;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content .title {
    width: 100%;
    color: #505050;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content .title {
        max-height: calc(1.54 * 1.3rem * 2);
        overflow: hidden
    }
}

@media (min-width: 1200px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content .title {
        margin-bottom: 9px
    }
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content {
        padding: 0
    }
}

@media (min-width: 768px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content {
        min-width: calc(100% - 35%)
    }
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content {
        min-width: calc(100% - 200px)
    }
}

@media (max-width: 1023px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .top-tour-content .title {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: calc(1.5 * 1.3rem * 2)
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper {
    display: flex;
    min-width: calc(100% - 200px)
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper {
        flex-direction: column;
        width: 65%;
        justify-content: space-between;
        padding: 12px
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper .price-holder {
    width: 100%
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper .price-holder {
        flex-direction: row;
        padding: 0
    }
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper .price-holder .price-container {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper .price-holder .price-container .from {
    margin-bottom: 5px
}

@media (max-width: 480px) {
    .main-content-section .content .base-block .top-tour-list.large-tour-cards-wrapper .top-tour-item-lg .content-wrapper .price-holder .price-container .from {
        display: none
    }
}

.main-content-section .content .base-block-image {
    height: 300px
}

@media (min-width: 576px) {
    .main-content-section .content .base-block-image {
        height: 460px
    }
}

@media (min-width: 1024px) {
    .main-content-section .content .base-block-image {
        height: 450px
    }
}

.main-content-section .content .base-block-image img {
    display: block;
    height: 100%;
    object-fit: cover
}

.main-content-section .content .base-block-image picture {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.main-content-section .content .base-block .tour-carousel-wrapper,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper {
    padding: 0px 15px
}

@media (min-width: 1024px) {

    .main-content-section .content .base-block .tour-carousel-wrapper,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper {
        padding: 0 20px
    }
}

@media (min-width: 1024px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .tour-card-list .col,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .tour-card-list .col {
        width: 0
    }
}

@media (max-width: 1023px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .main-caption-section .content-card-carousel-heading,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .main-caption-section .content-card-carousel-heading {
        flex: 1
    }
}

@media (min-width: 1024px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .tour-carousel-md .tour-card-sm,
    .main-content-section .content .base-block .tour-carousel-wrapper .tour-carousel-md .destination-attraction-card,
    .main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-carousel .tour-card-sm,
    .main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-carousel .destination-attraction-card,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .tour-carousel-md .tour-card-sm,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .tour-carousel-md .destination-attraction-card,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-carousel .tour-card-sm,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-carousel .destination-attraction-card {
        margin-top: 20px
    }
}

.main-content-section .content .base-block .tour-carousel-wrapper .tour-card,
.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .tour-card,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.02);
    border: 1px solid #ededed
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card-list,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card-list {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    user-select: auto
}

@media (min-width: 769px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card-list,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card-list {
        overflow: hidden
    }
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card-list.slick-slider,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card-list.slick-slider {
    overflow: visible
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card-list .col,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card-list .col {
    margin: 0 15px 20px;
    flex: 0
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card {
    width: 210px;
    height: 220px;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 20px
}

@media (max-width: 1023px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card {
        width: 250px
    }
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card .image-holder,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card .image-holder {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 75%;
    z-index: 1
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card .image-holder .destination-attraction-card-image,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card .image-holder .destination-attraction-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card .title,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card .title {
    margin-bottom: 4px;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: calc(1.4 * 1.5rem * 2);
    color: #ff5300;
    font-size: 1.3rem
}

@media (min-width: 1024px) {

    .main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card .title,
    .main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card .title {
        font-size: 1.4rem;
        margin-bottom: 4px;
        max-height: calc(1.4 * 1.4rem * 2)
    }
}

.main-content-section .content .base-block .tour-carousel-wrapper .destination-attraction-card .card-content,
.main-content-section .content .base-block .destination-attraction-carousel-wrapper .destination-attraction-card .card-content {
    padding: 8px 13px 8px 15px
}

.main-content-section .content .base-block .tour-card-bottom-button-holder {
    display: none;
    padding-bottom: 17px
}

.main-content-section .sidebar-container {
    width: 100%;
    margin-bottom: 40px;
    overflow-y: hidden;
    position: relative
}

@media (min-width: 1024px) {
    .main-content-section .sidebar-container {
        max-width: 300px;
        min-width: 300px
    }
}

.main-content-section .sidebar-container .aside-item {
    background-color: #fff;
    width: 100%;
    padding-bottom: 30px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.02);
    margin-bottom: 30px
}

.main-content-section .sidebar-container .aside-item .aside-item-holder {
    padding: 0 10px
}

.main-content-section .sidebar-container .aside-item .base-block-head {
    padding-bottom: 20px;
    margin-bottom: 9px;
    text-transform: capitalize
}

@media (min-width: 1024px) {
    .main-content-section .sidebar-container .aside-item .base-block-head {
        padding: 34px 40px 28px 28px
    }

    .main-content-section .sidebar-container .aside-item .base-block-head.aside-form-head {
        padding: 20px
    }
}

.main-content-section .sidebar-container .aside-item .base-block-head:before {
    width: 5px;
    top: 45%;
    transform: translateY(-50%);
    height: 43px
}

.main-content-section .sidebar-container .aside-item .base-block-head .h6 {
    text-transform: capitalize;
    font-size: 1.6rem;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .main-content-section .sidebar-container .aside-item .base-block-head .h6 {
        font-size: 2rem
    }
}

@media (min-width: 1024px) {
    .main-content-section .sidebar-container .aside-item .base-block-head .h6.h2 {
        font-size: 2.8rem
    }
}

@media (max-width: 1023px) {
    .main-content-section .post-holder {
        margin: 0 -22px
    }
}

.main-content-section .post-holder .read-more-content {
    font-size: 1.4rem
}

@media (min-width: 1024px) {
    .main-content-section .post-holder .read-more-content {
        line-height: 26px
    }
}

.main-content-section .ads-script-container {
    padding-bottom: 0
}

.main-content-section .section.tour-section .container {
    display: block
}

@media (min-width: 1024px) {
    .main-content-section .section.tour-section .container .tour-card-list {
        overflow: hidden
    }
}

.base-block-head.share-holder {
    padding: 23px 17px 5px
}

@media (min-width: 1024px) {
    .base-block-head.share-holder {
        padding: 40px 45px 33px
    }
}

.base-block-head.share-holder:before {
    top: 25px;
    bottom: 15px
}

@media (min-width: 1024px) {
    .base-block-head.share-holder:before {
        top: 48px;
        bottom: 56px
    }
}

.base-block-head .links-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.base-block-head .links-item {
    margin-right: 7px;
    margin-bottom: 10px;
    position: relative
}

.base-block-head .links-item:last-child {
    margin-right: 0px
}

@media (min-width: 768px) {
    .base-block-head .links-item {
        margin-right: 13px
    }
}

@media (min-width: 1200px) {
    .base-block-head .links-item {
        margin-right: 18px
    }
}

.base-block-head .link {
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 400;
    border-radius: 36px;
    min-width: 81px;
    padding: 7px 17px 7px 10px;
    border: 1px solid #d3d3d3
}

@media (min-width: 480px) {
    .base-block-head .link {
        min-width: 100px;
        padding: 12px 17px 12px 10px;
        font-size: 1.4rem
    }
}

@media (min-width: 768px) {
    .base-block-head .link {
        height: 45px;
        padding: 15px 25px;
        font-size: 1.4rem
    }
}

.base-block-head .link [class^="icon-"] {
    margin-right: 5px
}

@media (min-width: 768px) {
    .base-block-head .link [class^="icon-"] {
        margin-right: 13px
    }
}

.info-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 14px
}

@media (min-width: 480px) {
    .info-head {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .info-head {
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .info-head {
        padding: 25px 25px 10px 35px
    }
}

@media (min-width: 768px) {
    .info-head.news {
        padding: 25px 25px 25px 35px
    }
}

.info-head.news h3 {
    margin-bottom: 0px
}

@media (max-width: 479px) {
    .info-head.news .right-side {
        max-width: 30%
    }
}

@media (min-width: 1024px) {
    .info-head:before {
        top: 0px;
        bottom: 0px
    }
}

.info-head .left-side {
    width: 100%;
    margin-bottom: 2px
}

@media (min-width: 375px) {
    .info-head .left-side {
        display: flex;
        align-items: center
    }
}

@media (max-width: 1023px) {
    .info-head .left-side {
        display: flex
    }
}

@media (min-width: 1024px) {
    .info-head .left-side {
        max-width: 70%
    }
}

.info-head .left-side:only-child {
    max-width: 100%
}

@media (max-width: 1023px) {
    .info-head .left-side .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.54;
        max-height: calc(1.54 * 1.5rem * 2)
    }
}

.info-head .left-side .discount {
    margin-left: 19px
}

@media (max-width: 1023px) {
    .info-head .left-side .discount {
        margin-left: 0;
        height: 10%
    }
}

.info-head .raiting-list li {
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .info-head .raiting-list li {
        font-size: 0.9rem;
        margin-right: 5px
    }
}

.info-head .raiting-list li.empty {
    color: #a5a4a4
}

.info-head .right-side {
    width: 100%;
    max-width: 22%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 1023px) {
    .info-head .right-side {
        flex-flow: row-reverse nowrap;
        max-width: 100%;
        align-items: baseline;
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    .info-head .right-side {
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start
    }
}

@media (max-width: 1023px) {
    .info-head .right-side .raiting-holder {
        margin-left: 60px;
        margin-top: -5px;
        margin-bottom: 10px
    }
}

@media (max-width: 1023px) {
    .info-head .right-side .raiting-holder .reviews-numb {
        margin-left: 10px
    }
}

.info-head .right-side .hidden-number {
    visibility: hidden
}

@media (max-width: 1023px) {
    .info-head .right-side .mobile-display {
        margin-top: -16px
    }
}

.info-head h3,
.info-head .h3 {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 10px;
    letter-spacing: -0.2px;
    font-weight: 700;
    color: #000
}

@media (min-width: 480px) {

    .info-head h3,
    .info-head .h3 {
        font-size: 1.4rem
    }
}

@media (min-width: 768px) {

    .info-head h3,
    .info-head .h3 {
        font-size: 1.5rem
    }
}

.info-head .number {
    color: #ff5300;
    font-size: 4.5rem;
    font-weight: 400;
    margin-right: 10px;
    line-height: 1
}

@media (min-width: 768px) {
    .info-head .number {
        font-size: 5rem
    }
}

@media (min-width: 1024px) {
    .info-head .number {
        font-size: 5.7rem;
        margin-right: 20px
    }
}

@media (max-width: 1023px) {
    .info-head .reviews-holder {
        margin-bottom: 5px
    }
}

@media (min-width: 1024px) {
    .info-head .reviews-holder {
        font-size: 1.2rem;
        margin-top: 5px
    }
}

.info-head .reviews-holder span {
    display: block
}

.info-head .value-holder {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    max-width: 80px;
    margin-left: auto;
    padding: 4px 17px;
    border-radius: 9px;
    background-color: #ffb100;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .info-head .value-holder {
        font-size: 2rem
    }
}

@media (min-width: 1024px) {
    .info-head .value-holder {
        margin-bottom: 10px
    }
}

.info-head .reviews-numb {
    color: #696969;
    font-size: 1.2rem;
    font-weight: 400
}

@media (min-width: 480px) {
    .info-head .reviews-numb {
        font-size: 1rem
    }
}

.info-head .btn {
    font-size: 1.2rem;
    padding: 4px 12px;
    font-weight: bold;
    white-space: nowrap
}

@media (min-width: 480px) {
    .info-head .btn {
        padding: 11px 25px
    }
}

@media (min-width: 1024px) {
    .info-head .btn {
        font-size: 1.3rem
    }
}

.base-block-body.line {
    position: relative;
    margin-bottom: 38px
}

@media (min-width: 1024px) {
    .base-block-body.line {
        padding-bottom: 70px;
        margin-bottom: 58px
    }
}

.base-block-body.line:after {
    content: " ";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    border: 1px solid #cccccc
}

@media (min-width: 1200px) {
    .base-block-body.line:after {
        left: 50px;
        right: 50px
    }
}

.base-block-body p {
    color: #3b3b3b
}

.base-block-video {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    padding-top: 52%
}

.base-block-video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.orange-bar-content {
    position: relative
}

.orange-bar-content:before {
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    background-color: #e36122;
    top: 25px;
    height: 43px;
    z-index: 1
}

.read-more-content {
    overflow-y: hidden;
    line-height: 1.64;
    margin-bottom: 17px;
    font-size: 1.7rem;
    max-height: 100px
}
#toursread{
    font-size: 1.4rem;
}

@media (min-width: 1024px) {
    .read-more-content {
        margin-bottom: 0px;
        line-height: 2.08
    }
}

.read-more-content h1,
.read-more-content h2,
.read-more-content h3,
.read-more-content h4,
.read-more-content h5,
.read-more-content h6 {
    color: #505050
}

.read-more-content h3 {
    font-size: 2rem
}

@media (max-width: 768px) {

    .btn-read-more,
    .btn-read-less {
        color: #ff5300;
        font-size: 1.3rem;
        font-weight: 400;
        cursor: pointer
    }
}

@media (min-width: 1024px) {

    .btn-read-more,
    .btn-read-less {
        font-size: 1.4rem
    }
}

.base-block-info {
    position: relative;
    padding: 10px 17px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ebebeb
}

@media (min-width: 376px) {
    .base-block-info {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media (min-width: 768px) {
    .base-block-info {
        padding: 30px
    }
}

@media (min-width: 1024px) {
    .base-block-info {
        padding: 20px 30px
    }
}

@media (max-width: 1023px) {
    .base-block-info {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between
    }
}

.base-block-info .additional-list-info {
    display: flex;
    flex-wrap: wrap
}

.base-block-info .additional-list-info li {
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .base-block-info .additional-list-info li {
        margin-right: 20px;
        margin-bottom: 0
    }
}

.base-block-info .additional-list-info li:last-child {
    margin-right: 0px
}

.base-block-info .additional-list-info li span {
    color: #3b3b3b;
    font-size: 1.2rem;
    line-height: 1
}

@media (min-width: 1024px) {
    .base-block-info .additional-list-info li span {
        font-size: 1.3rem
    }
}

@media (min-width: 1024px) {
    .base-block-info .additional-list-info li [class^="icon-"] {
        font-size: 2.5rem
    }
}

@media (min-width: 1600px) {
    .base-block-info .info-holder {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.base-block-info .btn-holder {
    flex: 0 0 auto
}

.base-block-info .btn {
    font-size: 1.2rem;
    padding: 10px;
    font-weight: bold
}

@media (min-width: 480px) {
    .base-block-info .btn {
        padding: 12px 30px
    }
}

@media (min-width: 768px) {
    .base-block-info .btn {
        font-size: 1.6rem
    }
}

@media (min-width: 1024px) {
    .base-block-info .btn {
        font-size: 1.4rem
    }
}

.base-block-info .price-holder {
    color: #555353;
    font-size: 1.4rem;
    padding: 0px 5px;
    width: 100%
}

@media (min-width: 375px) {
    .base-block-info .price-holder {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
}

@media (min-width: 480px) {
    .base-block-info .price-holder {
        font-size: 1.2rem
    }
}

@media (min-width: 1024px) {
    .base-block-info .price-holder {
        font-size: 1.3rem;
        width: auto;
        margin-left: auto;
        margin-right: 25px
    }
}

@media (max-width: 1023px) {
    .base-block-info .price-holder {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 1023px) {
    .base-block-info .price-holder .mobile-holder {
        display: flex;
        flex-direction: column
    }
}

.base-block-info .price-holder .mobile-holder .mobile-rating {
    font-size: 1rem
}

.base-block-info .price-holder .mobile-holder .mobile-rating .mobile-rating-list li {
    font-size: 1rem
}

.base-block-info .price-holder .mobile-holder .mobile-rating .mobile-rating-num {
    margin-left: 5px
}

.base-block-info .services-list {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 480px) {
    .base-block-info .services-list {
        margin-right: 10px
    }
}

@media (min-width: 768px) {
    .base-block-info .services-list {
        margin-right: 40px
    }
}

.base-block-info .services-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 25px
}

@media (min-width: 480px) {
    .base-block-info .services-list li {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    .base-block-info .services-list li {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .base-block-info .services-list li {
        margin-right: 30px
    }

    .base-block-info .services-list li span.text {
        font-size: 0.9rem
    }
}

.base-block-info .services-list li:last-child {
    margin-right: 0px
}

.base-block-info .services-list .img-holder {
    margin-bottom: 3px
}

.base-block-info .services-list .img-holder img {
    width: 27px;
    height: 27px
}

.base-block-info .big-size {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 25px;
    padding-left: 5px
}

@media (min-width: 480px) {
    .base-block-info .big-size {
        font-size: 3rem
    }
}

@media (min-width: 1024px) {
    .base-block-info .big-size {
        font-size: 2.5rem;
        display: flex
    }

    .base-block-info .big-size span:first-child {
        margin-right: 10px
    }
}

.base-block-info .services-price .current-price-inventory-name {
    margin-top: 4px;
    display: block;
    color: #a5a4a4
}

@media (min-width: 1024px) {
    .base-block-info .services-price .current-price-inventory-name {
        text-transform: lowercase;
        font-size: 13px
    }
}

@media (min-width: 1024px) {
    .base-block-info .services-price {
        margin-left: auto;
        display: flex
    }
}

#best-selling-tour {
    color: #3b3b3b
}

.tour-section {
    padding: 20px 0
}

.tour-section .h3 {
    color: #505050
}

@media (min-width: 1024px) {
    .tour-section {
        padding-top: 0;
        padding-bottom: 0
    }

    .tour-section .main-caption-section {
        margin-bottom: -20px
    }

    .tour-section .tour-carousel .tour-card {
        margin: 20px 15px
    }
}

@media (max-width: 1023px) {
    .tour-section {
        padding: 0;
        margin-bottom: 40px
    }
}

.tour-section .jcf-scrollable-wrapper {
    margin-bottom: 20px
}

.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-vertical {
    display: none
}

.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-horizontal {
    height: 2px;
    top: calc(97% + 3px)
}

@media (min-width: 768px) {
    .tour-section .jcf-scrollable-wrapper .jcf-scrollbar-horizontal {
        height: 4px
    }
}

.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    top: 0;
    width: 82px !important;
    height: 2px;
    border-radius: 5px;
    background-image: linear-gradient(to right, #ff7102 0%, #ff0256 100%)
}

@media (min-width: 768px) {
    .tour-section .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
        height: 7px
    }
}

@media (min-width: 1200px) {
    .tour-section .jcf-scrollable-wrapper .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
        top: -1px
    }
}

.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-slider {
    background-color: #d4d4d4;
    height: 2px;
    top: -13px;
    z-index: 1
}

@media (min-width: 768px) {
    .tour-section .jcf-scrollable-wrapper .jcf-scrollbar-slider {
        height: 7px
    }
}

.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-dec,
.tour-section .jcf-scrollable-wrapper .jcf-scrollbar-inc {
    width: 0
}

.tour-section .tour-card-list .col {
    flex: 0 25%
}

.main-caption-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline
}

.main-caption-section .section-heading {
    flex: 1;
    color: #3b3b3b
}

.main-caption-section .seeall {
    font-weight: 600;
    color: #ff5300;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.main-caption-section .seeall:hover {
    color: #b33a00
}

.main-caption-section .seeall:hover a {
    color: #b33a00
}

@media (max-width: 1023px) {
    .main-caption-section .seeall {
        display: none
    }
}

.main-caption-section .h6 a {
    color: #3b3b3b
}

.main-caption-section .h3 {
    padding-right: 10px;
    width: 90%
}

@media (min-width: 375px) {
    .main-caption-section .h3 {
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .main-caption-section .h3 {
        font-size: 1.5rem;
        margin-bottom: 0
    }
}

.see-all {
    color: #ff5300;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    display: block
}

@media (min-width: 375px) {
    .see-all {
        display: flex;
        align-items: center
    }
}

@media (max-width: 1023px) {
    .see-all {
        padding-right: 11px;
        min-width: 65px
    }
}

@media (min-width: 768px) {
    .see-all {
        font-size: 1.8rem;
        font-weight: 600;
        text-decoration: underline
    }
}

.see-all-button {
    display: block;
    padding: 10px;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #ff5300;
    color: #ff5300;
    background: #fff;
    border-radius: 5px;
    font-weight: bold
}

.best-seller {
    color: #fff;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: sans-serif;
    max-width: 90px;
    padding: 5px 18px 6px 11px
}

@media (min-width: 768px) {
    .best-seller {
        font-size: 0.9rem;
        max-width: 140px;
        padding-top: 3px
    }
}

.best-seller img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 23px;
    width: 100%
}

@media (min-width: 768px) {
    .best-seller img {
        height: 24px
    }
}

.best-seller .text {
    position: relative;
    top: 2px;
    z-index: 1;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.discount {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: -0.6px;
    text-transform: uppercase;
    background-color: #ffb100;
    padding: 3px;
    max-width: 120px;
    text-align: center;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 768px) {
    .discount {
        font-size: 1.3rem;
        letter-spacing: -0.8px;
        min-width: 70px
    }
}

.tour-card-list,
.destination-attraction-card-list {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    user-select: auto
}

.tour-card-list.tour-slider:not([class*='slick-initialized']),
.destination-attraction-card-list.tour-slider:not([class*='slick-initialized']) {
    overflow-x: auto;
    transform: translateZ(0)
}

@media (min-width: 769px) {

    .tour-card-list.show_8_fold_cards,
    .destination-attraction-card-list.show_8_fold_cards {
        flex-flow: row wrap
    }
}

@media (max-width: 1023px) {

    .tour-card-list,
    .destination-attraction-card-list {
        overflow-x: auto;
        transform: translateZ(0)
    }
}

.tour-card-list .col,
.destination-attraction-card-list .col {
    flex: 1
}

.tour-card-list.tour-carousel-md,
.destination-attraction-card-list.tour-carousel-md {
    padding: 0 5px
}

.tour-card-list.tour-carousel-md .tour-card,
.destination-attraction-card-list.tour-carousel-md .tour-card {
    padding: 0 13px
}

.tour-card-list.tour-carousel-md h6,
.destination-attraction-card-list.tour-carousel-md h6 {
    font-size: 1.5rem
}

@media (min-width: 1024px) {

    .tour-card-list.tour-carousel-md h6,
    .destination-attraction-card-list.tour-carousel-md h6 {
        font-size: 1.3rem
    }
}

.tour-card-list.tour-carousel-md .additional-list-info li span,
.destination-attraction-card-list.tour-carousel-md .additional-list-info li span {
    font-size: 0.9rem
}

@media (min-width: 1024px) {

    .tour-card-list.slick-slider,
    .destination-attraction-card-list.slick-slider {
        margin-bottom: 0;
        margin-bottom: 10px
    }
}

.tour-card-list:after,
.destination-attraction-card-list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #d4d4d4
}

.tour-card-list .slick-list,
.destination-attraction-card-list .slick-list {
    margin: 0px
}

.tour-card-list .tour-card,
.destination-attraction-card-list .tour-card {
    width: 240px;
    margin: 0 15px 20px
}

@media (max-width: 1023px) {

    .tour-card-list .tour-card,
    .destination-attraction-card-list .tour-card {
        margin: 0 7px 7px
    }
}

.tour-card-list .tour-card.tour-card-sm,
.destination-attraction-card-list .tour-card.tour-card-sm {
    width: 90%;
    height: 280px;
    padding: 0;
    padding-bottom: 10px
}

@media (max-width: 1023px) {

    .tour-card-list .tour-card.tour-card-sm,
    .destination-attraction-card-list .tour-card.tour-card-sm {
        width: 250px
    }
}

.tour-card-list .tour-card.tour-card-md,
.destination-attraction-card-list .tour-card.tour-card-md {
    width: 220px;
    height: 290px
}

@media (max-width: 1023px) {

    .tour-card-list .tour-card.tour-card-md,
    .destination-attraction-card-list .tour-card.tour-card-md {
        width: 250px
    }
}

.tour-card-list .slick-dots,
.destination-attraction-card-list .slick-dots {
    left: 0;
    right: 0;
    bottom: -5px;
    display: none !important
}

.tour-card-list .old-price,
.destination-attraction-card-list .old-price {
    display: inline-block
}

.tour-card-list .old-price:before,
.destination-attraction-card-list .old-price:before {
    left: 0;
    right: 8px
}

.tour-card-list .slick-arrow,
.destination-attraction-card-list .slick-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    top: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transition: background-color 0.3s ease-in-out
}

.tour-card-list .slick-arrow [class*="icon-"],
.destination-attraction-card-list .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1023px) {

    .tour-card-list .slick-arrow,
    .destination-attraction-card-list .slick-arrow {
        display: none !important
    }
}

@media (min-width: 1200px) {

    .tour-card-list .slick-arrow,
    .destination-attraction-card-list .slick-arrow {
        width: 71px;
        height: 71px
    }
}

.tour-card-list .slick-arrow:before,
.destination-attraction-card-list .slick-arrow:before {
    display: none
}

.tour-card-list .slick-arrow:hover,
.destination-attraction-card-list .slick-arrow:hover {
    background-color: #f2f2f2
}

.tour-card-list .slick-arrow img,
.destination-attraction-card-list .slick-arrow img {
    width: 20px
}

@media (min-width: 1200px) {

    .tour-card-list .slick-arrow img,
    .destination-attraction-card-list .slick-arrow img {
        width: auto
    }
}

.tour-card-list .slick-prev,
.destination-attraction-card-list .slick-prev {
    left: -15px
}

@media (min-width: 1200px) {

    .tour-card-list .slick-prev,
    .destination-attraction-card-list .slick-prev {
        left: -40px
    }
}

.tour-card-list .slick-next,
.destination-attraction-card-list .slick-next {
    right: -15px
}

@media (min-width: 1200px) {

    .tour-card-list .slick-next,
    .destination-attraction-card-list .slick-next {
        right: -40px
    }
}

.main-card-container .info-head .raiting-holder .counter {
    display: none
}

.main-card-container .info-head .tour-title {
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .main-card-container .info-head .tour-title {
        font-size: 2.3rem
    }
}

.main-card-container .info-head .title {
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .main-card-container .info-head .title {
        font-size: 2.3rem
    }
}

.main-card-container .info-head a {
    color: #000 !important
}

@media (max-width: 1023px) {
    .main-card-container.promotion-collection-section {
        margin: 0 -22px
    }
}

.main-card-container.promotion-collection-section .main-caption-section {
    padding: 25px 25px 25px 0
}

@media (min-width: 769px) {
    .main-card-container.promotion-collection-section .tour-card-list {
        display: block
    }
}

.main-card-container .base-block-body a {
    font-weight: bold
}

.tour-card {
    display: block;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    height: 305px;
    margin-bottom: 33px
}

.tour-card:focus {
    outline: none
}

.tour-card.tour-card-sm {
    margin-bottom: 20px
}

.tour-card.tour-card-sm h4 {
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: calc(1.4 * 1.5rem * 2)
}

.tour-card.tour-card-sm .card-content {
    padding: 8px 13px 8px 15px
}

.tour-card.tour-card-sm .current-price {
    font-size: 1.2rem;
    margin-bottom: 8px
}

.tour-card.tour-card-sm .btn {
    font-size: 1.2rem;
    font-weight: bold;
    min-width: 100px;
    margin-left: 5px
}

.tour-card.tour-card-sm .raiting-list li {
    font-size: 1.3rem;
    margin-right: 3px
}

.tour-card.tour-card-sm .raiting-holder {
    margin-bottom: 9px
}

.tour-card.tour-card-sm .raiting-holder .counter {
    font-size: 1rem
}

.tour-card .title {
    color: #000;
    line-height: 1.4;
    font-size: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    height: calc(1.4 * 1.3rem * 2);
    font-weight: bold;
    margin-bottom: 0.5em
}

@media (min-width: 1024px) {
    .tour-card .title {
        font-size: 1.4rem;
        margin-bottom: 4px;
        max-height: calc(1.4 * 1.4rem * 2)
    }
}

.tour-card .image-holder {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 60%;
    z-index: 1
}

.tour-card .image-holder .tour-card-image {
    height: 100%;
    width: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    object-fit: cover
}

.tour-card .image-holder .additional-list-info {
    position: absolute;
    bottom: 0;
    height: 56px;
    background-image: linear-gradient(to top, #000, rgba(84, 84, 84, 0));
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-left: 17px
}

.tour-card .image-holder .additional-list-info [class^="icon-"] {
    color: #fff
}

.tour-card .image-holder .additional-list-info li span {
    color: #fff
}

.tour-card .card-content {
    background-color: #fff;
    padding: 10px 13px 7px 17px;
    height: 40%
}

.tour-card .row {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.tour-card .col {
    width: 50%
}

.tour-card .col:nth-child(2) {
    display: flex;
    align-items: flex-end
}

.tour-card .col:nth-child(1) {
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 40%;
    width: 100%
}

.tour-card .col:nth-child(2) {
    text-align: right;
    flex: 1 1 60%
}

@media (min-width: 768px) {
    .tour-card .col:nth-child(2) {
        padding-top: 0;
        padding-bottom: 9px
    }
}

@media (max-width: 767px) {
    .tour-card .col:nth-child(2) {
        padding-bottom: 10px
    }
}

.tour-card .best-seller {
    position: absolute;
    top: 21px;
    left: -8px
}

@media (min-width: 768px) {
    .tour-card .best-seller {
        top: 23px
    }
}

.tour-card .discount {
    position: absolute;
    top: 21px;
    right: -7px
}

@media (min-width: 768px) {
    .tour-card .discount {
        top: 10%;
        right: -12px
    }
}

.tour-card .raiting-holder {
    align-items: baseline
}

@media (min-width: 1024px) {
    .tour-card .old-price {
        padding-right: 12px
    }
}

.tour-card .current-price {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .tour-card .current-price {
        margin-bottom: 13px;
        padding-right: 8px
    }
}

.tour-card .btn-holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

@media (max-width: 767px) {
    .tour-card .btn-holder {
        display: block
    }
}

.tour-card .btn {
    margin-left: 5px;
    background-color: #ff5300;
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .tour-card .btn {
        padding: 7px 6px;
        min-width: 100px;
        width: 85px;
        font-size: 1.2rem;
        font-weight: bold
    }
}

@media (max-width: 1023px) {
    .tour-card .btn {
        font-size: 1.2rem;
        font-weight: bold
    }
}

.tour-card .icon-flash {
    font-size: 1.7rem;
    color: #ff5300
}

.old-price {
    position: relative;
    display: block;
    opacity: 0.56;
    color: #505050;
    font-size: 1.2rem;
    line-height: 0.6;
    margin-bottom: 11px;
    white-space: nowrap;
    display: flex
}

@media (min-width: 768px) {
    .old-price {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 0.78
    }
}

.old-price:before {
    content: "";
    position: absolute;
    top: 48%;
    left: -3px;
    right: -3px;
    background-color: #505050;
    height: 1px
}

.old-price .old-price-inventory-name {
    margin-left: 2px;
    color: #a5a4a4
}

.currency-type {
    font-weight: 600
}

.current-price {
    display: block;
    color: #505050;
    font-size: 1.6rem;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: -0.32px;
    white-space: nowrap;
    display: flex;
    align-items: baseline
}

.current-price span {
    margin-left: 2px
}

@media (min-width: 768px) {
    .current-price {
        font-size: 1.3rem;
        letter-spacing: -0.4px;
        line-height: 0.7
    }
}

.raiting-holder {
    color: #505050;
    font-size: 1.4rem;
    display: flex;
    align-items: center
}

.raiting-holder .counter {
    font-size: 1rem
}

@media (min-width: 768px) {
    .raiting-holder .counter {
        font-size: 1.1rem
    }
}

.raiting-list {
    display: flex
}

.raiting-list li {
    color: #ffb100;
    font-size: 1.3rem;
    margin-right: 3px
}

@media (min-width: 768px) {
    .raiting-list li {
        margin-right: 3px
    }
}

.additional-list-info {
    display: flex
}

.additional-list-info li {
    display: flex;
    margin-bottom: 7px
}

.additional-list-info li:not(:first-child) {
    margin-left: 10px
}

@media (min-width: 768px) {
    .additional-list-info li {
        margin-bottom: 9px
    }
}

.additional-list-info li span {
    color: #505050;
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .additional-list-info li span {
        font-size: 1.1rem
    }
}

@media (min-width: 1024px) {
    .additional-list-info li span {
        color: #fff
    }
}

.additional-list-info [class^="icon-"] {
    margin-right: 10px;
    color: #ff5300;
    font-size: 1.4rem
}

section.section {
    margin-top: 15px
}

@media (min-width: 1024px) {
    section.section {
        margin-top: 30px
    }
}

@media (max-width: 1023px) {
    section.section {
        margin-top: 20
    }
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
textarea,
select,
.jcf-textarea {
    transition: border-color 0.3s ease-in-out;
    display: block;
    height: 34px;
    border-radius: 100px;
    border: 1px solid #d9d9d9;
    font-size: 1.2rem;
    padding: 5px 15px;
    line-height: normal;
    width: 100%;
    color: currentColor;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none
}

input[type="email"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
.jcf-textarea:focus::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

input[type="email"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder,
.jcf-textarea:focus::-moz-placeholder {
    opacity: 1;
    color: transparent;
    opacity: 1
}

input[type="email"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="text"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
select:focus:-moz-placeholder,
.jcf-textarea:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}

input[type="email"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
.jcf-textarea:focus:-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

input[type="email"]:focus.placeholder,
input[type="number"]:focus.placeholder,
input[type="password"]:focus.placeholder,
input[type="search"]:focus.placeholder,
input[type="tel"]:focus.placeholder,
input[type="text"]:focus.placeholder,
input[type="url"]:focus.placeholder,
textarea:focus.placeholder,
select:focus.placeholder,
.jcf-textarea:focus.placeholder {
    color: transparent;
    opacity: 1
}

.jcf-textarea {
    height: 31px;
    border-radius: 21px;
    padding: 15px 0;
    resize: none;
    white-space: normal
}

.jcf-textarea .jcf-resize,
.jcf-textarea .jcf-scrollbar-dec,
.jcf-textarea .jcf-scrollbar-inc {
    width: 0;
    height: 0
}

.jcf-textarea textarea {
    height: 66px;
    padding: 0 20px;
    width: 100% !important
}

textarea {
    overflow-y: auto;
    height: 80px;
    border-radius: 21px;
    padding: 20px;
    resize: none;
    white-space: normal
}

.input-holder {
    margin-bottom: 14px
}

.input-holder input {
    border-radius: 8px
}

.input-holder.phone-input-wrapper {
    display: flex
}

.input-holder.phone-input-wrapper .phone-country-code {
    padding: 2px 5px;
    width: 30%;
    border-radius: 5px
}

.submit-holder {
    margin-top: 20px
}

@media (min-width: 1200px) {
    .submit-holder {
        margin-top: 30px
    }
}

.input-datepicker input.datepicker {
    padding-right: 60px
}

@media (min-width: 1200px) {
    .ui-datepicker {
        width: 250px
    }
}

@media (min-width: 1600px) {
    .ui-datepicker {
        width: 250px;
        max-width: 100%
    }
}

.ui-datepicker .ui-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
    order: 10
}

.ui-datepicker .ui-widget-header:after,
.ui-datepicker .ui-widget-header:before {
    content: none
}

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    background: #ffb100;
    border-color: #ffb100;
    color: #fff
}

.ui-datepicker-calendar .ui-state-active {
    background: #ff5300;
    border-color: #ff5300;
    color: #fff
}

.jcf-textarea.jcf-scrollbar-vertical,
.jcf-scrollbar.jcf-scrollbar-vertical {
    width: 9px;
    background-color: transparent
}

.jcf-textarea.jcf-scrollbar-vertical .jcf-scrollbar-handle,
.jcf-scrollbar.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 9px;
    border-radius: 8px;
    background: #e0e0e0
}

.jcf-textarea.jcf-scrollbar-horizontal,
.jcf-scrollbar.jcf-scrollbar-horizontal {
    height: 9px;
    background-color: transparent
}

.jcf-textarea.jcf-scrollbar-horizontal .jcf-scrollbar-handle,
.jcf-scrollbar.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    height: 9px;
    border-radius: 8px;
    background: #e0e0e0
}

.jcf-textarea .jcf-scrollbar-inc,
.jcf-textarea .jcf-scrollbar-dec,
.jcf-scrollbar .jcf-scrollbar-inc,
.jcf-scrollbar .jcf-scrollbar-dec {
    height: 0 !important;
    width: 0 !important
}

.resize-active * {
    transition: none !important
}

form .base-block-head:before {
    display: none
}

.form-list li {
    position: relative;
    padding-left: 25px;
    color: #505050;
    font-size: 1.1rem;
    line-height: 1.6
}

.form-list li:not(:last-child) {
    margin-bottom: 7px
}

.form-list li:before {
    content: "";
    font-family: "icomoon" !important;
    color: #30c55e;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.1rem
}

.popup-messages-holder .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(50%, 50%);
    background-color: #fff
}

.popup-msg {
    max-width: 400px;
    width: 100%;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 50px 30px;
    box-shadow: 1px 14px 46px -27px rgba(0, 0, 0, 0.75);
    opacity: 1
}

.popup-msg.hide-popup {
    opacity: 0;
    left: -9999px
}

.popup-msg.thank-popup-msg {
    color: #30c55e
}

.popup-msg.error-popup-msg {
    color: #ff0202
}

.popup-msg .thank-header {
    font-size: 5rem;
    font-weight: 400
}

.popup-msg .thank-text {
    color: #000
}

.popup-msg .logo-holder {
    width: 70px;
    height: 68px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    font-size: 6rem;
    padding-top: 5px
}

.popup-msg .close {
    position: absolute;
    top: 15px;
    right: 15px
}

.form-with-error .input-holder .form-control.has-error {
    border: 1px solid red
}

.form-with-error .select-holder {
    border-radius: 100px;
    border: solid 1px #d9d9d9
}

.form-with-error .select-holder select {
    border: none;
    margin-left: 5px;
    background-color: transparent;
    width: 95%
}

.form-with-error .error-notice {
    font-size: 12px;
    margin-left: 5px;
    color: red
}

.new_lead_form_enquiry .intro-form .form-inner .input-holder {
    margin-bottom: 12px
}

.new_lead_form_enquiry .intro-form .form-inner .input-holder .form-list {
    padding-top: 0
}

.new_lead_form_enquiry .intro-form .form-inner .submit-holder {
    margin-top: 10px
}

.base-section .base-block-head {
    padding-bottom: 21px
}

.base-section .base-block {
    margin-bottom: 50px
}

@media (min-width: 1200px) {
    .base-section .base-block-body {
        padding: 0px 36px
    }
}

.base-block-head h2 {
    color: #505050
}

@media (min-width: 1024px) {
    .search-container {
        width: 63.64%
    }
}




.custom-checkbox-icon:before {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon--check:before,
input[type="checkbox"]:checked~.custom-checkbox-icon:before {
    content: "\e601"
}

.icon--check-empty:before,
.custom-checkbox-icon:before {
    content: "\e600"
}

@font-face {
    font-family: "icons";
    font-weight: normal;
    font-style: normal;
    src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAR4AAoAAAAABDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAPgAAAD4fZUAVE9TLzIAAAHsAAAAYAAAAGAIIvy3Y21hcAAAAkwAAABMAAAATBpVzFhnYXNwAAACmAAAAAgAAAAIAAAAEGhlYWQAAAKgAAAANgAAADYAeswzaGhlYQAAAtgAAAAkAAAAJAPiAedobXR4AAAC/AAAABgAAAAYBQAAAG1heHAAAAMUAAAABgAAAAYABlAAbmFtZQAAAxwAAAE5AAABOUQYtNZwb3N0AAAEWAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAAB8Dx0AAACBER0AAAAJHQAAAO8SAAcBAQgPERMWGyBpY29tb29uaWNvbW9vbnUwdTF1MjB1RTYwMHVFNjAxAAACAYkABAAGAQEEBwoNL2X8lA78lA78lA77lA6L+HQVi/yU+JSLi/iU/JSLBd83Fffsi4v77Pvsi4v37AUOi/h0FYv8lPiUi4v33zc3i/s3++yLi/fs9zeL398F9wCFFftN+05JzUdI9xr7GveR95FHzwUO+JQU+JQViwwKAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gEB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAf/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAACkYCfgXw889QALAgAAAAAAz65FuwAAAADPrkW7AAD/4AIAAeAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAgAAAQAAAAAAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAAAAFAAAAYAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff")
}

.checkbox-filter {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 1.2rem
}

.checkbox-filter .custom-checkbox {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkbox-filter .custom-checkbox>input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.checkbox-filter .parent-name {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px
}

.checkbox-filter .parent-name .child_tag {
    padding-left: 35px;
    margin-top: 5px
}

.custom-checkbox-icon {
    display: inline-block;
    margin-right: 10px;
    color: #999
}

input[type="checkbox"]:checked~.custom-checkbox-icon {
    color: #ffb100;
}

@media \0 screen\, screen\9 {
    .custom-checkbox-icon {
        display: none
    }

    .custom-checkbox>input[type="checkbox"] {
        position: static
    }
}

.dropdown {
    width: 20rem;
    margin: 0 auto;
    margin-left: 30px;

    color: #000000;
    font-size: 1.2rem;
    border-radius: 20px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.02);
    border: solid 1px #000000;
    white-space: nowrap
}

.dropdown dt a {
    display: block;
    width: 100%;
    padding: 5px;
    text-decoration: none;
    color: #000000;
}

.dropdown dt a:hover,
.dropdown dt a:active {
    border-color: dark-grey
}

.dropdown dt span {
    display: block;
    padding: 0 1rem;
    background: url) no-repeat scroll right center;
    border-right: 1rem solid transparent;
    cursor: pointer
}

.dropdown dd {
    width: 100%;
    position: relative
}

.dropdown dd ul {
    display: none;
    position: absolute;
    padding-top: 20px;
    padding-left: 0;
    left: -40px;
    top: -10px;
    z-index: 21;
    width: 100%;
    list-style: none;
    background: #000 none repeat scroll 0 0;
    border: 1px solid dark-grey;
    clip-path: polygon(0 10%, 47% 10%, 50% 0%, 53% 10%, 100% 10%, 100% 100%, 0 100%)
}

.dropdown dd ul li {
    height: 30px
}

.dropdown dd li a {
    color: #fff;
    display: block;
    padding: 0 1.5rem;
    line-height: 2.5rem;
    text-decoration: none;
    height: 100%
}

.dropdown dd li a:hover {
    background-color: #848484;
    color: #fff;
    cursor: pointer
}

#mobile-view-sort {
    width: 70%;
    margin: 10px auto
}

.inline-block {
    display: inline-block !important;
}

.inline-text {
    display: inline
}

.search-listings-container .search-results-container {
    display: flex;
    align-content: flex-start;
    font-size: 1.3rem
}

@media (max-width: 1024px) {
    .results{
        margin: 14px;
    }
    .search-listings-container .search-results-container {
        display: block
    }
    .pagination-container{
      padding: 0px 20px;
    }
    .dropdown{
        width: 100%;
        margin: 0;
 
    }
}

.search-listings-container .search-results-container .search-filters-container {
    flex: 0 0 250px;
    margin-right: 4%;
    height: fit-content;
    border-radius: 19px;
    background-color: #fff
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .search-filters-container {
        display: block;
        margin: 10px;
        margin-bottom: 20px
    }
}

.search-listings-container .search-results-container .search-filters-container .noUi-target {
    border: none;
    background-color: rgba(0, 0, 0, 0.02);
    height: 0.9rem;
    margin-bottom: 5rem
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle {
    border-radius: 20px;
    background-image: linear-gradient(to bottom, #ff0256, #ff7102);
    border: 5px solid #fff;
    height: 1rem;
    width: 1rem
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle:hover {
    cursor: pointer
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle:focus,
.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle:active {
    outline: none
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle::after,
.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-handle::before {
    display: none
}

.search-listings-container .search-results-container .search-filters-container .noUi-target.noUi-horizontal .noUi-handle {
    width: 2rem;
    height: 2rem;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 5px #ebebeb, 0 1px 7px 0px #bbb
}

.search-listings-container .search-results-container .search-filters-container .noUi-target.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -265%
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-connect {
    background-image: linear-gradient(to right, #ff7400, #ff0058)
}

.search-listings-container .search-results-container .search-filters-container .noUi-target .noUi-tooltip {
    display: block;
    position: absolute;
    background: transparent;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    border: none;
    font-size: 1.2rem
}

.search-listings-container .search-results-container .search-filters-container .filters-header {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    padding: 1.5rem 2.4rem;
    justify-content: space-between;
    align-items: baseline
}

.search-listings-container .search-results-container .search-filters-container .filters-header .heading {
    font-weight: 700;
    font-size: 1.3rem;
    display: inline
}

.search-listings-container .search-results-container .search-filters-container .filters-header .filter-reset-button {
    min-width: auto;
    padding: 7px 15px
}

.search-listings-container .search-results-container .search-filters-container .booking-type-filters .filter-data {
    padding: 2rem 2.4rem
}

.search-listings-container .search-results-container .search-filters-container .booking-type-filters .icon-flash {
    font-size: 1.5rem;
    margin-left: 5px;
    color: #ffbf2e
}

.search-listings-container .search-results-container .search-filters-container .sub-filter-heading {
    width: 100%;
    padding: 0 2.4rem 1.5rem 2.4rem;
    border-bottom: 1px solid #e0e0e0
}

.search-listings-container .search-results-container .search-filters-container .sub-filter-heading .title {
    font-weight: 700;
    font-size: 1.4rem;
    display: inline;
    color: #505050
}

.search-listings-container .search-results-container .search-filters-container .filter {
    padding: 2.4rem 2.4rem
}

.search-listings-container .search-results-container .search-filters-container .filter .min:before {
    content: "Min: ";
    font: 700
}

.search-listings-container .search-results-container .search-filters-container .filter .max {
    float: right
}

.search-listings-container .search-results-container .search-filters-container .filter .max:before {
    content: "Max: ";
    font: 700
}

.search-listings-container .search-results-container .search-filters-container #price-range-slider,
.search-listings-container .search-results-container .search-filters-container #days-range-slider {
    margin-bottom: 15px;
    margin-top: 5px
}

.search-listings-container .search-results-container .search-filters-container .date-filter {
    padding: 2.5rem 2.8rem;
    margin-bottom: 1.5rem
}

.search-listings-container .search-results-container .search-filters-container .date-filter .date-helpers {
    display: flex;
    justify-content: space-between
}

.search-listings-container .search-results-container .search-filters-container .destination-filters .load-more-button .btn-load-more {
    font-size: 13px;
    color: #ffb100;
    cursor: pointer;
    font-weight: 550
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .tour-listings-container {
        width: 100%;
    }
}

.search-listings-container .search-results-container .tour-listings-container .related-card {
    margin-bottom: 3.5rem
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0px
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper .filter {
    position: relative;
    background-color: #fff;
    border-radius: 25px;
    display: inline-block;
    height: fit-content;
    padding: 10px 20px;
    transition: 0.2s all;
    margin: 1rem;
    margin-top: 0;
    color: #868686
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper .filter-tag {
    margin: 0 35px 0 10px
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper .filter-clear-btn {
    font-size: 1.2rem;
    cursor: pointer;
    margin: -20px;
    padding: 20px
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper .filter:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.search-listings-container .search-results-container .tour-listings-container .result-filters-wrapper .filter:last-child {
    margin-bottom: 30px
}

.search-listings-container .search-results-container .tour-listings-container .destinations-tour-result {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile {
    width: 250px
}

@media (max-width: 480px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile {
        width: 100%
    }
}

.search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card {
    width: 100%
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card {
        height: 355px
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .title {
        font-size: 16px;
        height: unset;
        max-height: calc(1.4 * 16px * 2)
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .btn-sm {
        font-size: 14px;
        padding: 8px 20px
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .counter {
        font-size: 12px
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .old-price {
        font-size: 14px
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .old-price {
        font-size: 18px
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .additional-list-info li {
        align-items: center
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .destinations-tour-result .tour-card-tile .col .tour-card .additional-list-info li span {
        font-size: 14px
    }
}

.search-listings-container .search-results-container .tour-listings-container .result-card {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.5rem;
    color: #505050;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card {
        flex-direction: column;
        height: fit-content
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card {
        min-height: 229px;
        border-radius: 20px
    }
}


.search-listings-container .search-results-container .tour-listings-container .result-card.pop-card:hover {
    transform: none
}

.search-listings-container .search-results-container .tour-listings-container .result-card-image-section {
    min-width: 220px;
    flex: 0 0 28.4%;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: row nowrap
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-image-section {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-image-section {
        flex: 0 0 32.4%;
        padding: 5px;
        height: 240px
    }
}

.search-listings-container .search-results-container .tour-listings-container .result-card-image-section .result-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-image-section .result-card-image {
        min-height: 275px
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-image-section .result-card-image {
        border-radius: 20px 0 0 20px;
        margin-left: 5px
    }
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section {
    padding: 15px;
    width: 100%
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-content-section {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-content-section {
        padding: 10px;
        padding-top: 44px;
    }
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.23;
    letter-spacing: -0.5px;
    -webkit-line-clamp: 2;
    max-height: calc(2rem * 1.23 * 2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #505050
}
@media (max-width: 1023px) {
    .search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-heading{
        font-size: 18px;
    }
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .stays-extra-details {
    color: #848484;
    font-weight: 600;
    margin: 5px 0 -5px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors {
    display: flex;
    justify-content: flex-start;
    margin: 1.4rem 10px;
    flex-flow: row wrap
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .search-card-itinerary-read-more {
    font-weight: 600;
    margin-left: auto
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget {
    display: inline-flex;
    align-items: center
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget p {
    margin-left: 0px;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
    color: #848484;
    position: relative
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget p .trigger-condensed-itinerary {
    font-size: 10px;
    color: #ff5e00
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget p .trigger-condensed-itinerary:hover+.condensed-itinerary {
    opacity: 1;
    visibility: unset
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget .icon {
    font-size: 1.6rem;
    color: #ff5300;
    width: 16px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .result-content-descriptors .info-nugget:not(:first-child) {
    margin-left: 20px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary {
    margin: 10px 0 0;
    font-size: inherit;
    width: 100%
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary:before {
    display: none
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .condensed-itinerary-heading {
    color: #505050;
    font-size: 20px;
    margin-bottom: 4px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .condensed-itinerary-itinerary {
    line-height: 2;
    font-size: 11px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .condensed-itinerary-unit {
    border-radius: 4px;
    padding: 2px 4px
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .condensed-itinerary-unit:nth-child(4n-3) {
    background-color: rgba(255, 83, 0, 0.1)
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .condensed-itinerary-unit:nth-child(4n-1) {
    background-color: rgba(255, 165, 0, 0.2)
}

.search-listings-container .search-results-container .tour-listings-container .result-card-content-section .condensed-itinerary .icon-right-arrow {
    margin: 0 5px
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights {
    display: grid;
    grid-template-columns: auto repeat(3, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 5px
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights+.result-content-text {
    -webkit-line-clamp: 2;
    max-height: calc(1.4rem * 2 * 2)
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights .highlight {
    flex: 0 0 24%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights .highlight .highlight-icon {
    font-size: 28px;
    color: #000000
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights .highlight .more-highlights-icon {
    font-size: 24px
}

.search-listings-container .search-results-container .tour-listings-container .result-content-highlights .highlight .highlight-name {
    font-size: 13px;
    line-height: 1.54;
    -webkit-line-clamp: 2;
    max-height: calc(2 * 1.54 * 10px);

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.search-listings-container .search-results-container .tour-listings-container .result-content-text {
    margin-top: 1.2rem;
    color: #848484;
    font-size: 1.4rem;
    line-height: 2rem;
    -webkit-line-clamp: 4;
    max-height: calc(1.4rem * 2 * 4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.search-listings-container .search-results-container .result-card-info-section {
    padding: 2rem 0;
    flex: 0 0 20%
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section {
        width: 100%;
        border-top: 0.5px solid rgba(0, 0, 0, 0.2);
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section {
        padding: 10px 0
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 1rem 2rem;
    -webkit-box-shadow: -1px 0px 0px 0px #e8e8e8;
    -moz-box-shadow: -1px 0px 0px 0px #e8e8e8;
    box-shadow: -1px 0px 0px 0px #e8e8e8;
    height: 100%
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box {
        padding: 1rem 15px;
        padding-bottom: 0
    }
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .cta {
        margin-top: 10px
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .cta {
        width: 100%
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .cta .btn-sm {
    font-size: 1.4rem;
    padding: 10px 0px;
    font-weight: 600
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .cta .btn-sm {
        width: calc(100% + 30px);
        font-size: 1.6rem;
        margin: 0 -15px;
        border-radius: 0 !important;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .cta .btn-sm {
        min-width: 100%
    }
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .cta {
        order: 4;
        flex: 0 0 100%
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price {
        order: 3;
        flex: 0 0 100%;
        display: block
    }
    .current-price span{
        font-size: 20px !important;
    }
    .price .price-text , .th-currency-tag{
        font-size: 15px !important;
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price {

        width: 100%;
        align-items: flex-end
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .price-text {
    font-size: 1.2rem;
    font-weight: 300
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .price-text {
        display: inline
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .price-text {
        margin: 0 0 2px
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .original-price {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 5px
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .original-price {
        display: inline
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper {
        display: block;
        margin-top: 5px
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .instant-confirmation {
    font-size: 2.4rem;
    margin-right: 10px;
    color: #ff5300
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .instant-confirmation {
        margin-right: -3px
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .current-price {
    font-weight: 700;
    font-size: 1.6rem;
    margin: 0
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .current-price {
        text-align: right;
        color: rgba(0, 0, 0, 0.75);
        font-size: 2rem
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .current-price .current-price-inventory-name {
    margin-top: 5px;
    display: block;
    color: #a5a4a4
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .price .current-price-wrapper .current-price .current-price-inventory-name {
        text-transform: lowercase;
        font-size: 13px
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .star-rating {
    margin: 0 auto;
    margin-top: 5px
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .star-rating {
        order: 2;
        flex: 0 0 20%;
        margin: 0;
        display: flex;
        flex-direction: column-reverse;
        align-content: flex-end
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .star-rating {
        margin: 0 0 0 auto
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .star-rating .rating-qty {
    font-size: 1.4rem;
    margin: 0;
    text-align: left;
    margin-top: 10px
}

.search-listings-container .search-results-container .result-card-info-section .info-box .star-rating .raiting-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-listings-container .search-results-container .result-card-info-section .info-box .star-rating .raiting-list .icon-star-empty {
    margin-right: 3px;
    color: #ffb100;
    font-size: 1.3rem
}

.search-listings-container .search-results-container .result-card-info-section .info-box .star-rating .raiting-list .icon-star-empty.null {
    color: #d3d3d3
}

.search-listings-container .search-results-container .result-card-info-section .info-box .numeric-rating {
    width: 4.5rem;
    height: 2.7rem;
    border-radius: 7px;
    background-image: linear-gradient(to left, #ffb100, #ff7102);
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.search-listings-container .search-results-container .result-card-info-section .info-box .ratings {
    display: flex;
    justify-content: center
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .ratings {
        order: 1;
        flex: 0 0 20%;
        flex-direction: column-reverse;
        align-items: center
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .ratings {
        width: 100%;
        justify-content: flex-end
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings {
    display: inline-block;
    margin-right: 5px
}

.search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings .rating-desc {
    text-align: center;
    font-weight: normal;
    color: #000;
    font-size: 1.2rem;
    margin-bottom: 0
}

@media (max-width: 1023px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings .rating-desc {
        margin-top: 5px
    }
}

@media (min-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings .rating-desc {
        text-align: right
    }
}

.search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings .rating-qty {
    font-size: 1.1rem;
    margin: 0
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box .ratings .text-ratings .rating-qty {
        text-align: right
    }
}

@media (max-width: 1024px) {
    .search-listings-container .search-results-container .result-card-info-section .info-box {
        flex-flow: row-reverse wrap;
        padding-top: 0
    }

    .search-listings-container .search-results-container .result-card-info-section .info-box>* {
        flex: 0 0 33%
    }
}


.search-listings-container .search-results-container .pagination-container .pages {
    display: flex;
    align-self: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-listings-container .search-results-container .pagination-container .pages li {
    margin-right: 8px;
    align-items: center;
    background: #fff;
    height: 26px;
    display: flex;
    justify-content: center;
    width: 30px;
    border-radius: 50%;
    font-size: 13px;
    cursor: pointer
}

.search-listings-container .search-results-container .pagination-container .pages li.disabled {
    cursor: default;
    opacity: 0.5
}

.search-listings-container .search-results-container .pagination-container .pages li.active {
    background-image: linear-gradient(to left, #ffbf2e, #ee375d);
    color: #fff
}

.end-of-page {
    border-top: 0.5px solid rgba(0, 0, 0, 0.2);
    margin: 20px 0 40px
}

@media (min-width: 1024px) {
    .end-of-page {
        display: none
    }
}

table {
    border-collapse: separate;
    overflow: auto;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-sizing: border-box
}

.package-table-holder {
    overflow: auto
}

@media (min-width: 1200px) {
    .package-table-holder {
        padding-bottom: 26px;
        padding-top: 26px
    }
}

.fixed-layout-table {
    table-layout: fixed
}

.package-table {
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.23;
    border-radius: 20px
}

@media (min-width: 1200px) {
    .package-table {
        line-height: 1.67
    }
}

.package-table .package-table-title {
    font-size: inherit;
    color: inherit;
    margin: 0
}

.package-table .package-table-package-title {
    color: #ffb100;
    font-weight: 600;
    font-size: 13px;
}

.package-table thead th {
    font-size: 1.2rem;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
    color: #505050
}

@media (min-width: 768px) {
    .package-table thead th {
        font-size: 1.3rem
    }
}

.package-table tbody {
    font-size: 1.2rem
}

.package-table tbody tr:first-child td {
    padding-top: 6px
}

@media (min-width: 1200px) {
    .package-table tbody tr:first-child td {
        padding-top: 16px
    }
}

.package-table tbody tr:last-child td {
    padding-bottom: 17px
}

@media (min-width: 1200px) {
    .package-table tbody tr:last-child td {
        padding-bottom: 13px
    }
}

.package-table tbody tr td .btn {
    border-radius: 5px;
    font-weight: bold
}

@media (max-width: 1023px) {
    .package-table tbody tr td .btn {
        padding: 7px
    }
}

.package-table tbody tr td a.btn-sm {
    font-size: 1.2rem
}

.package-table th,
.package-table td {
    padding: 5px 10px
}

.package-table th:first-child,
.package-table td:first-child {
    width: 110px
}

@media (min-width: 1024px) {

    .package-table th:first-child,
    .package-table td:first-child {
        width: 33%;
        padding-left: 30px
    }
}

@media (min-width: 1024px) {

    .package-table th:last-child,
    .package-table td:last-child {
        padding-right: 30px
    }
}

.package-table th:not(:first-child),
.package-table td:not(:first-child) {
    text-align: center
}

.package-table th {
    font-weight: 400
}

@media (min-width: 375px) {
    .package-table th {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media (min-width: 1024px) {
    .package-table th {
        padding-top: 10px;
        padding-bottom: 13px
    }
}

.package-table a:not([class]) {
    color: #ff5300
}

.package-table a:not([class]):hover {
    color: currentColor
}

@media (max-width: 767px) {
    .mobile-hidden {
        display: none ;
    }
    .package-table th,
.package-table td {
    padding: 7px 0px;
    font-size: 11px;
}
.package-table .package-table-title{
    font-size: 13px;
}
}

.destination-tiles-container .destination-tile-list {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    user-select: auto
}

@media (max-width: 1023px) {
    .destination-tiles-container .destination-tile-list.destination-carousel {
        overflow-x: auto;
        transform: translateZ(0)
    }
}

@media (max-width: 480px) {
    .destination-tiles-container .destination-tile-list {
        display: block
    }
}

.destination-tiles-container .destination-tile-list .slick-dots {
    left: 0;
    right: 0;
    bottom: -5px
}

@media (min-width: 1024px) {
    .destination-tiles-container .destination-tile-list .slick-dots {
        display: none !important
    }
}

.destination-tiles-container .destination-tile-list .slick-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transition: background-color 0.3s ease-in-out
}

.destination-tiles-container .destination-tile-list .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1023px) {
    .destination-tiles-container .destination-tile-list .slick-arrow {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .destination-tiles-container .destination-tile-list .slick-arrow {
        width: 71px;
        height: 71px
    }
}

.destination-tiles-container .destination-tile-list .slick-arrow:before {
    display: none
}

.destination-tiles-container .destination-tile-list .slick-arrow:hover {
    background-color: #f2f2f2
}

.destination-tiles-container .destination-tile-list .slick-arrow img {
    width: 20px
}

@media (min-width: 1200px) {
    .destination-tiles-container .destination-tile-list .slick-arrow img {
        width: auto
    }
}

.destination-tiles-container .destination-tile-list .slick-prev {
    left: -15px
}

@media (min-width: 1200px) {
    .destination-tiles-container .destination-tile-list .slick-prev {
        left: -40px
    }
}

.destination-tiles-container .destination-tile-list .slick-next {
    right: -15px
}

@media (min-width: 1200px) {
    .destination-tiles-container .destination-tile-list .slick-next {
        right: -40px
    }
}

.destination-tiles-container .destination-tile-list .destination-tile {
    height: 170px;
    margin: 0px;
    min-width: 250px;
    width: 250px;
    float: left;
    position: relative
}

@media (max-width: 480px) {
    .destination-tiles-container .destination-tile-list .destination-tile {
        height: 220px;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.destination-tiles-container .destination-tile-list .destination-tile:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: none;
}

.destination-tiles-container .destination-tile-list .destination-tile .image {
    height: 100%;
    width: 100%
}

.destination-tiles-container .destination-tile-list .destination-tile .destination-details {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: absolute;
    top: 0;
    height: 100%;
    justify-content: center;
    padding: 10px
}

.destination-tiles-container .destination-tile-list .destination-tile .destination-details .destination-name {
    color: #fff;
    align-self: center;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-shadow: 2px 2px 5px #000
}

.destination-tiles-container .destination-tile-list .destination-tile .destination-details .destination-listings {
    transition: 0.3s all;
    color: rgb(255, 255, 255);
    padding: 8px 23px;
    line-height: 1;
    align-self: center;
    background-image: linear-gradient(to left, #ffbf2e, #ee375d);
    border-radius: 20px;
    font-size: 1.1rem
}

.destination-tiles-container .destination-tile-list .destination-tile:hover .destination-listings {
    color: #fff;
    background-color: #ff5300
}

.attraction-section {
    margin-bottom: 50px
}

@media (max-width: 1023px) {
    .attraction-section {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder {
        height: 670px;
        display: flex;
        justify-content: space-between
    }
}

.attraction-section .main-section-holder .seeall-mobile {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    margin-top: 10px
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .seeall-mobile {
        display: none
    }
}

.attraction-section .main-section-holder .seeall-mobile .seeall-mobile-link {
    width: 100%;
    text-align: right;
    color: #ff5300;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.attraction-section .main-section-holder .seeall-mobile .seeall-mobile-link:hover {
    color: #b33a00
}

.attraction-section .main-section-holder .seeall-mobile .seeall-mobile-link:hover a {
    color: #b33a00
}

.attraction-section .main-section-holder .main-attraction-holder {
    margin: 0 -22px
}

@media (max-width: 1023px) {
    .attraction-section .main-section-holder .main-attraction-holder {
        width: 100vw
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .main-attraction-holder {
        flex: 0 0 48%;
        margin: 0;
        margin-right: 25px
    }
}

.attraction-section .main-section-holder .main-attraction {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 670px
}

.attraction-section .main-section-holder .main-attraction .base-block-image-holder {
    flex: 1 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 204px;
    position: relative
}

@media (min-width: 480px) {
    .attraction-section .main-section-holder .main-attraction .base-block-image-holder {
        height: 540px
    }
}

.attraction-section .main-section-holder .main-attraction .base-block-image-holder .base-block-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.attraction-section .main-section-holder .main-attraction .text-holder {
    background: #ffc800;
    color: #fff;
    padding: 20px;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.46
}

.attraction-section .main-section-holder .main-attraction .text-holder p {
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .main-attraction .text-holder {
        font-size: 1.6rem;
        line-height: 1.1;
        padding: 25px 40px 23px
    }
}

.attraction-section .main-section-holder .main-attraction .text-holder .big-text {
    font-size: 3rem;
    font-weight: 700
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .main-attraction .text-holder .big-text {
        font-size: 6rem
    }
}

.attraction-section .main-section-holder .main-attraction .text-holder .big-text a {
    color: #fff;
    text-decoration: underline
}

.attraction-section .main-section-holder .main-attraction .text-holder .big-text a:hover {
    text-decoration: none
}

.attraction-section .main-section-holder .attraction-list {
    width: 100%
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list {
        max-width: 50%
    }
}

@media (max-width: 1023px) {
    .attraction-section .main-section-holder .attraction-list.attraction-carousel {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -ms-overflow-style: none;
        word-break: break-all
    }

    .attraction-section .main-section-holder .attraction-list.attraction-carousel::-webkit-scrollbar {
        display: none
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list.attraction-carousel .slick-dots {
        display: none
    }
}

@media (max-width: 1023px) {
    .attraction-section .main-section-holder .attraction-list .slick-list {
        margin: 0 -15px
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list .slick-track {
        display: flex;
        flex-direction: column
    }
}

.attraction-section .main-section-holder .attraction-list .attraction-card,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card {
    width: 100%;
    flex: 1 auto
}

@media (max-width: 1023px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card {
        scroll-snap-align: start;
        scroll-snap-stop: always
    }
}

.attraction-section .main-section-holder .attraction-list .attraction-card .attraction-read-more,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more {
    font-size: 1.2rem;
    color: #ffffff;
    text-align: right;
    margin-top: -5px;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out;
    font-size: 1.0rem;
    min-width: 100px;
    width: 100px;
    border-radius: 9px;
    background-image: linear-gradient(to left, #ffbf2e, #ee375d);
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    padding: 7px;
    margin-left: auto;
    margin-right: 10px
}

.attraction-section .main-section-holder .attraction-list .attraction-card .attraction-read-more:hover,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more:hover {
    background: #ffb100;
    cursor: pointer
}

@media (min-width: 1024px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card .attraction-read-more,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more {
        font-size: 1.1rem
    }
}

@media (max-width: 1023px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card .h3,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card .h3 {
        margin-top: 10px
    }
}

.attraction-section .main-section-holder .attraction-list .attraction-card .h3 a,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card .h3 a {
    color: inherit
}

@media (max-width: 1023px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card {
        padding: 0 13px;
        margin: 0
    }
}

@media (max-width: 767px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card {
        flex: 0 0 350px
    }
}

@media (max-width: 479px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card {
        flex: 0 0 240px
    }
}

@media (min-width: 1024px) {

    .attraction-section .main-section-holder .attraction-list .attraction-card,
    .attraction-section .main-section-holder .attraction-list .destination-attraction-card {
        display: flex;
        max-width: 900px;
        margin-bottom: 20px;
        margin-top: 0;
        height: 210px
    }
}

.attraction-section .main-section-holder .attraction-list .attraction-card:last-child,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card:last-child {
    margin-bottom: 0px
}

.attraction-section .main-section-holder .attraction-list .attraction-card h3,
.attraction-section .main-section-holder .attraction-list .attraction-card .h3,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card h3,
.attraction-section .main-section-holder .attraction-list .destination-attraction-card .h3 {
    color: #505050;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 1.6rem
}

.attraction-section .main-section-holder .attraction-list .base-block-image-holder {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 142px;
    margin-bottom: 10px;
    position: relative
}

@media (min-width: 480px) {
    .attraction-section .main-section-holder .attraction-list .base-block-image-holder {
        min-height: 210px
    }
}

@media (max-width: 767px) {
    .attraction-section .main-section-holder .attraction-list .base-block-image-holder {
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list .base-block-image-holder {
        margin-right: 10px;
        flex: 0 0 55%;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .attraction-section .main-section-holder .attraction-list .base-block-image-holder {
        margin-right: 23px
    }
}

.attraction-section .main-section-holder .attraction-list .base-block-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.attraction-section .main-section-holder .attraction-list .info-holder {
    width: 100%;
    font-size: 1.9rem;
    color: #868686;
    line-height: 1.47;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .attraction-section .main-section-holder .attraction-list .info-holder {
        font-size: 1.1rem
    }
}

.attraction-section .main-section-holder .attraction-list .info-holder .text-holder {
    margin-top: 0
}

.attraction-section .main-section-holder .attraction-list .info-holder .text-holder p {
    font-size: 1.2rem;
    color: #868686;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: calc(1.2rem * 1.47 * 4)
}

.attraction-section .main-section-holder .attraction-list .info-holder .text-holder p.with-first-tour-content {
    -webkit-line-clamp: 4 !important;
    max-height: calc(1.2rem * 1.47 * 4) !important
}

.attraction-section .main-section-holder .attraction-list .price-holder {
    background-color: #e3e3e3;
    padding: 15px;
    border-radius: 14px;
    font-size: 1.1rem
}

@media (min-width: 768px) {
    .attraction-section .main-section-holder .attraction-list .price-holder {
        font-size: 1.1rem;
        padding: 10px
    }
}

.attraction-section .main-section-holder .attraction-list .price-holder .text-holder {
    color: #868686
}

@media (max-width: 1023px) {
    .attraction-section .main-section-holder .attraction-list .price-holder .text-holder {
        margin-bottom: 13px;
        padding: 0px;
        display: block
    }
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list .price-holder .text-holder {
        padding: 0;
        margin: 0
    }
}

.attraction-section .main-section-holder .attraction-list .price-holder .btn-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px
}

@media (max-width: 1023px) {
    .attraction-section .main-section-holder .attraction-list .price-holder .btn-holder {
        margin-top: 10px
    }
}

.attraction-section .main-section-holder .attraction-list .price-holder .btn-holder .price {
    margin: 0
}

.attraction-section .main-section-holder .attraction-list .price-holder .btn {
    font-size: 1rem;
    border-radius: 9px;
    padding: 7px
}

@media (min-width: 1024px) {
    .attraction-section .main-section-holder .attraction-list .price-holder .btn {
        font-size: 1.1rem;
        min-width: 100px;
        width: 100px;
        margin-left: auto
    }
}

.attraction-section .main-section-holder .attraction-list .price {
    font-size: 1.6rem;
    font-weight: 700;
    margin-right: 5px
}

@media (min-width: 768px) {
    .attraction-section .main-section-holder .attraction-list .price {
        font-size: 1.9rem
    }
}

.attraction-section .main-caption-section {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.attraction-section .main-caption-section .seeall {
    font-weight: 600;
    color: #ff5300;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.attraction-section .main-caption-section .seeall:hover {
    color: #b33a00
}

.attraction-section .main-caption-section .seeall:hover a {
    color: #b33a00
}

@media (max-width: 1023px) {
    .attraction-section .main-caption-section .seeall {
        display: none
    }
}

@media (max-width: 1023px) {
    .attraction-section .main-caption-section {
        padding: 10px 0
    }
}

.attraction-section.without-main-attraction .main-caption-section .seeall {
    display: block !important
}

.attraction-section.without-main-attraction .main-section-holder {
    height: auto
}

.attraction-section.without-main-attraction .main-section-holder .seeall-mobile {
    display: none !important
}

.attraction-section.without-main-attraction .main-section-holder .attraction-list {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 1024px) {

    .attraction-section.without-main-attraction .main-section-holder .attraction-list .attraction-card,
    .attraction-section.without-main-attraction .main-section-holder .attraction-list .destination-attraction-card {
        max-width: 49%
    }
}

.attraction-section.without-main-attraction .main-section-holder .attraction-list .attraction-card .h3,
.attraction-section.without-main-attraction .main-section-holder .attraction-list .destination-attraction-card .h3 {
    font-weight: bold
}

.attraction-section.without-main-attraction .main-section-holder .attraction-list .attraction-card .attraction-read-more,
.attraction-section.without-main-attraction .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more {
    font-size: 1.2rem;
    color: #ff5300;
    text-align: right;
    margin-top: -5px;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out;
    font-size: 1.0rem;
    min-width: 100px;
    width: 100px;
    border-radius: 9px;
    background: #ff5300;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    padding: 7px;
    margin-left: auto;
    margin-right: 10px
}

.attraction-section.without-main-attraction .main-section-holder .attraction-list .attraction-card .attraction-read-more:hover,
.attraction-section.without-main-attraction .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more:hover {
    background: #ffb100;
    cursor: pointer
}

@media (min-width: 1024px) {

    .attraction-section.without-main-attraction .main-section-holder .attraction-list .attraction-card .attraction-read-more,
    .attraction-section.without-main-attraction .main-section-holder .attraction-list .destination-attraction-card .attraction-read-more {
        font-size: 1.1rem
    }
}

.attraction-section.without-main-attraction .main-section-holder .attraction-list .base-block-image-holder {
    margin-right: 20px
}

.attraction-section .more-things-section {
    margin-top: 20px;
}

.attraction-section .more-things-section .container {
    padding: 0;
}

.experiences-section {
    margin-bottom: 50px
}

@media (max-width: 1023px) {
    .experiences-section {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder {
        height: 670px;
        display: flex;
        justify-content: space-between
    }
}

.experiences-section .main-section-holder .seeall-mobile {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .seeall-mobile {
        display: none
    }
}

.experiences-section .main-section-holder .seeall-mobile .seeall-mobile-link {
    width: 100%;
    text-align: right;
    color: #ff5300;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.experiences-section .main-section-holder .seeall-mobile .seeall-mobile-link:hover {
    color: #b33a00
}

.experiences-section .main-section-holder .seeall-mobile .seeall-mobile-link:hover a {
    color: #b33a00
}

.experiences-section .main-section-holder .experience-list {
    width: 100%
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list {
        max-width: 50%
    }
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list.experience-carousel {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -ms-overflow-style: none;
        word-break: break-all
    }

    .experiences-section .main-section-holder .experience-list.experience-carousel::-webkit-scrollbar {
        display: none
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list.experience-carousel .slick-dots {
        display: none
    }
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .slick-list {
        margin: 0 -15px
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .slick-track {
        display: flex;
        flex-direction: column
    }
}

.experiences-section .main-section-holder .experience-list .experience-card {
    width: 100%;
    flex: 1 auto
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        scroll-snap-align: start;
        scroll-snap-stop: always
    }
}

.experiences-section .main-section-holder .experience-list .experience-card .experience-read-more {
    font-size: 1.2rem;
    color: #ff5300;
    text-decoration: underline;
    text-align: right;
    margin-top: -5px;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.experiences-section .main-section-holder .experience-list .experience-card .experience-read-more:hover {
    color: #b33a00
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .experience-card .h3 {
        margin-top: 10px
    }
}

.experiences-section .main-section-holder .experience-list .experience-card .h3 a {
    color: inherit
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        padding: 0 13px;
        margin: 0
    }
}

@media (max-width: 767px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        flex: 0 0 350px
    }
}

@media (max-width: 479px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        flex: 0 0 240px
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        display: flex;
        max-width: 900px;
        margin-bottom: 20px;
        margin-top: 0;
        height: 210px
    }
}

.experiences-section .main-section-holder .experience-list .experience-card:last-child {
    margin-bottom: 0px
}

.experiences-section .main-section-holder .experience-list .experience-card h3,
.experiences-section .main-section-holder .experience-list .experience-card .h3 {
    color: #505050;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 1.6rem
}

.experiences-section .main-section-holder .experience-list .base-block-image-holder {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 142px;
    margin-bottom: 10px;
    position: relative
}

@media (min-width: 480px) {
    .experiences-section .main-section-holder .experience-list .base-block-image-holder {
        min-height: 210px
    }
}

@media (max-width: 767px) {
    .experiences-section .main-section-holder .experience-list .base-block-image-holder {
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .base-block-image-holder {
        margin-right: 10px;
        flex: 0 0 55%;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .experiences-section .main-section-holder .experience-list .base-block-image-holder {
        margin-right: 23px
    }
}

.experiences-section .main-section-holder .experience-list .base-block-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.experiences-section .main-section-holder .experience-list .info-holder {
    width: 100%;
    font-size: 1.9rem;
    color: #868686;
    line-height: 1.47;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .experiences-section .main-section-holder .experience-list .info-holder {
        font-size: 1.1rem
    }
}

.experiences-section .main-section-holder .experience-list .info-holder .text-holder {
    margin-top: 0
}

.experiences-section .main-section-holder .experience-list .info-holder .text-holder p {
    font-size: 1.2rem;
    color: #868686;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    max-height: calc(1.2rem * 1.47 * 10)
}

.experiences-section .main-section-holder .experience-list .info-holder .text-holder p.with-first-tour-content {
    -webkit-line-clamp: 4 !important;
    max-height: calc(1.2rem * 1.47 * 4) !important
}

.experiences-section .main-section-holder .experience-list .price-holder {
    background-color: #e3e3e3;
    padding: 15px;
    border-radius: 14px;
    font-size: 1.1rem
}

@media (min-width: 768px) {
    .experiences-section .main-section-holder .experience-list .price-holder {
        font-size: 1.1rem;
        padding: 10px
    }
}

.experiences-section .main-section-holder .experience-list .price-holder .text-holder {
    color: #868686
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .price-holder .text-holder {
        margin-bottom: 13px;
        padding: 0px;
        display: block
    }
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .price-holder .text-holder {
        padding: 0;
        margin: 0
    }
}

.experiences-section .main-section-holder .experience-list .price-holder .btn-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px
}

@media (max-width: 1023px) {
    .experiences-section .main-section-holder .experience-list .price-holder .btn-holder {
        margin-top: 10px
    }
}

.experiences-section .main-section-holder .experience-list .price-holder .btn-holder .price {
    margin: 0
}

.experiences-section .main-section-holder .experience-list .price-holder .btn {
    font-size: 1rem;
    border-radius: 9px;
    padding: 7px
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .price-holder .btn {
        font-size: 1.1rem;
        min-width: 100px;
        width: 100px;
        margin-left: auto
    }
}

.experiences-section .main-section-holder .experience-list .price {
    font-size: 1.6rem;
    font-weight: 700;
    margin-right: 5px
}

@media (min-width: 768px) {
    .experiences-section .main-section-holder .experience-list .price {
        font-size: 1.9rem
    }
}

.experiences-section .main-caption-section {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.experiences-section .main-caption-section .seeall {
    font-weight: 600;
    color: #ff5300;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border 0.3s ease-in-out
}

.experiences-section .main-caption-section .seeall:hover {
    color: #b33a00
}

.experiences-section .main-caption-section .seeall:hover a {
    color: #b33a00
}

@media (max-width: 1023px) {
    .experiences-section .main-caption-section .seeall {
        display: none
    }
}

@media (max-width: 1023px) {
    .experiences-section .main-caption-section {
        padding: 10px 0
    }
}

.experiences-section .main-caption-section .seeall {
    display: block !important
}

.experiences-section .main-section-holder {
    height: auto
}

.experiences-section .main-section-holder .seeall-mobile {
    display: none !important
}

.experiences-section .main-section-holder .experience-list {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .experiences-section .main-section-holder .experience-list .experience-card {
        max-width: 49%
    }
}

.experiences-section .main-section-holder .experience-list .base-block-image-holder {
    margin-right: 20px
}

.experiences-section .more-things-section {
    margin-top: 20px
}

.guides-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (max-width: 1023px) {
    .guides-list {
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: space-between
    }

    .guides-list::-webkit-scrollbar {
        display: none
    }
}

@media (max-width: 576px) {
    .guides-list {
        justify-content: center
    }
}

.guides-list .guides-item {
    width: 100%;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    overflow: hidden;
    transition: 0.2s all
}

.guides-list .guides-item:hover {
    transform: translateY(-3px);
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15)
}

@media (max-width: 1023px) {
    .guides-list .guides-item {
        margin: 0 15px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        flex: 0 0 44%
    }

    .guides-list .guides-item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .guides-list .guides-item {
        flex: 0 0 100%
    }
}

@media (min-width: 1024px) {
    .guides-list .guides-item {
        max-width: 24%;
        display: flex;
        flex-direction: column;
        margin-bottom: 50px
    }

    .guides-list .guides-item:not(:nth-child(4n-3)) {
        margin-left: 14px
    }
}

.guides-list .guides-item .text-holder .h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.5 * 1.3rem * 2);
    margin: 0;
    display: -webkit-box
}

.guides-list .guides-item .text-holder .content {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.2 * 1.54rem * 4)
}

@media (max-width: 480px) {
    .guides-list .guides-item .text-holder .content {
        max-height: calc(1.66 * 1.2rem * 4)
    }
}

@media (max-width: 1023px) {
    .guides-list .slick-list {
        margin: 0 -15px
    }
}

.guides-list h3,
.guides-list .h3 {
    font-size: 1.3rem;
    color: #555353;
    line-height: 1.5;
    margin-bottom: 17px
}

@media (min-width: 480px) {

    .guides-list h3,
    .guides-list .h3 {
        line-height: 1.42;
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: calc(1.42 * 1.3rem * 2)
    }
}

.guides-list .img-holder {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 229px;
    position: relative
}

@media (min-width: 480px) {
    .guides-list .img-holder {
        min-height: 180px
    }
}

.guides-list .img-holder .guides-item-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media (max-width: 576px) {
    .guides-list .img-holder .guides-item-image {
        object-fit: cover;
        position: initial;
        height: auto;
        min-height: 142px
    }
}

.guides-list .text-holder {
    background: #fff;
    padding: 12px;
    color: #868686;
    font-size: 1.2rem;
    line-height: 1.66;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden
}

@media (min-width: 480px) {
    .guides-list .text-holder {
        line-height: 1.54;
        padding: 20px
    }
}

@media (min-width: 1024px) {
    .guides-list .text-holder {
        max-width: 335px;
        padding: 20px
    }
}

.popup h2 {
    margin: 0 0 10px
}

.popup p {
    margin: 0
}

.popup .close {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    font-size: 1.5rem;
    font-weight: 600;
    background-color: #fff;
    border-radius: 50px;
    padding: 10px;
    color: #ff5300
}

.popup .popup-inner {
    max-width: 650px;
    padding: 20px
}

@media (min-width: 768px) {
    .popup .popup-inner {
        display: flex;
        flex-direction: column;
        padding: 0
    }
}

.popup .popup-inner .info-col .image-holder {
    position: relative;
    height: 200px
}

@media (max-width: 1023px) {
    .popup .popup-inner .info-col .image-holder {
        display: none !important
    }
}

.popup .popup-inner .info-col .image-holder .popup-form-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (min-width: 769px) {
    .popup .popup-inner .info-col .image-holder:before {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        top: 50%;
        background-image: linear-gradient(to top, #000, rgba(84, 84, 84, 0))
    }
}

.popup .popup-inner .info-col .additional-list-info {
    flex: 1 1 50%
}

.popup .popup-inner .info-col .additional-list-info li span {
    color: inherit;
    font-size: 1.3rem
}

.popup .popup-inner .info-col .price-holder {
    flex: 0 0 40%;
    justify-content: flex-end
}

@media (max-width: 768px) {
    .popup .popup-inner .info-col .price-holder {
        justify-content: flex-start
    }
}

@media (min-width: 769px) {
    .popup .popup-inner .info-col .price-holder {
        align-items: flex-end
    }
}

.popup .popup-inner .info-col .price-holder .cut-off-price {
    margin-bottom: 24px;
    padding: 2px;
    font-size: 1.4rem;
    margin-top: 7px;
    opacity: 1;
    color: #fff;
    font-weight: 600;
    line-height: 0.78
}

@media (max-width: 1023px) {
    .popup .popup-inner .info-col .price-holder .cut-off-price {
        color: #000
    }
}

.popup .popup-inner .info-col .price-holder .current-price,
.popup .popup-inner .info-col .price-holder .big-size {
    margin-left: 10px;
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 25px;
    padding: 2px;
    letter-spacing: -0.4px;
    line-height: 0.7
}

@media (max-width: 1023px) {

    .popup .popup-inner .info-col .price-holder .current-price,
    .popup .popup-inner .info-col .price-holder .big-size {
        color: #000
    }
}

.popup .form-head {
    display: block;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .popup .form-head {
        display: none
    }
}

.popup .info-col {
    width: 100%;
    height: auto
}

.popup .tour-card {
    margin-bottom: 0px;
    height: 100%
}

@media (min-width: 769px) {
    .popup .tour-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative
    }
}

.popup .tour-card .card-content {
    padding: 10px
}

@media (min-width: 769px) {
    .popup .tour-card .card-content {
        padding: 0 20px;
        display: flex;
        position: absolute;
        bottom: 0;
        z-index: 1;
        background: transparent;
        width: 100%;
        height: auto
    }
}

.popup .tour-card .card-content .title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 2rem;
    line-height: 1.3;
    max-height: calc(1.3 * 2rem * 2);
    height: 100%
}

@media (min-width: 769px) {
    .popup .tour-card .card-content .title {
        color: #fff
    }
}

.popup .tour-card .card-content .price-holder {
    display: flex
}

@media (max-width: 1023px) {
    .popup .tour-card .card-content .price-holder {
        display: none
    }
}

.popup .tour-card .card-content .price-holder .old-price {
    margin-bottom: 24px;
    padding: 2px;
    font-size: 1.4rem;
    margin-top: 7px;
    opacity: 1
}

@media (min-width: 769px) {
    .popup .tour-card .card-content .price-holder .old-price {
        color: #fff
    }
}

@media (min-width: 769px) {
    .popup .tour-card .card-content .price-holder .old-price:before {
        background-color: #fff;
        top: 50%
    }
}

.popup .tour-card .card-content .price-holder .current-price {
    margin-bottom: 15px;
    padding: 2px
}

@media (min-width: 769px) {
    .popup .tour-card .card-content .price-holder .current-price {
        color: #fff;
        margin-bottom: 25px
    }
}

.popup .tour-card .card-content .raiting-holder {
    margin-bottom: 25px
}

.popup .tour-card .card-content .raiting-holder .rating-list li {
    font-size: 1.5rem
}

.popup .tour-card .card-content .raiting-holder .counter {
    font-size: 1.4rem
}

.popup .tour-card .card-content .info-holder {
    width: 100%
}

.popup .tour-card .card-content .trip-duration .icon-watch:before {
    color: #ff6200;
    font-size: 1.8rem
}

.popup .tour-card .card-content .trip-location .icon-pin:before {
    color: #ff6200;
    font-size: 1.8rem
}

.popup .form-col {
    width: 100%;
    display: flex;
    padding: 10px
}

@media (min-width: 768px) {
    .popup .form-col {
        padding: 20px
    }
}

@media (max-width: 1023px) {
    .popup .form-col .form-inner .submit-holder .btn {
        padding: 15px;
        font-size: 1.2rem
    }
}

@media (min-width: 769px) {
    .popup .form-col .new_booking_request .form-inner {
        display: flex;
        flex-flow: row wrap
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex40,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex40 {
        flex: 1 1 38%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex60,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex60 {
        flex: 1 1 59%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex33,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex33 {
        flex: 1 1 31%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex30,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex30 {
        flex: 1 1 28%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex50,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex50 {
        flex: 1 1 49%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.flex100,
    .popup .form-col .new_booking_request .form-inner .submit-holder.flex100 {
        flex: 1 1 100%
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.margin-left-15,
    .popup .form-col .new_booking_request .form-inner .submit-holder.margin-left-15 {
        margin-left: 15px
    }

    .popup .form-col .new_booking_request .form-inner .input-holder input,
    .popup .form-col .new_booking_request .form-inner .input-holder textarea,
    .popup .form-col .new_booking_request .form-inner .submit-holder input,
    .popup .form-col .new_booking_request .form-inner .submit-holder textarea {
        border-radius: 5px
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.phone {
        display: flex
    }

    .popup .form-col .new_booking_request .form-inner .input-holder.phone .phone-country-code {
        width: 40%;
        border-radius: 5px;
        margin-right: 10px;
        padding: 0px 5px
    }

    .popup .form-col .new_booking_request .form-inner .submit-holder {
        left: 0;
        width: 100%
    }
}

@media (min-width: 769px) and (min-width: 1024px) {
    .popup .form-col .new_booking_request .form-inner .submit-holder {
        margin-top: 10px;
        padding-left: 50px
    }
}

.popup .form-col .new_booking_request .form-inner .input-holder input,
.popup .form-col .new_booking_request .form-inner .input-holder textarea,
.popup .form-col .new_booking_request .form-inner .submit-holder input,
.popup .form-col .new_booking_request .form-inner .submit-holder textarea {
    border-radius: 5px
}

.popup .base-block {
    margin: 0
}

.popup form {
    width: 100%
}

.popup .info-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.popup .col {
    width: 100%
}

.popup .form-list {
    text-align: left
}

.popup .form-list li {
    font-size: 1rem
}

.popup .additional-list-info {
    display: flex;
    flex-wrap: wrap
}

.popup .additional-list-info li {
    margin-right: 10px
}

.popup .additional-list-info li:last-child {
    margin-right: 0px
}

.popup .btn {
    width: 100%
}

.ask-question-section .base-block {
    border-radius: 19px
}

@media (min-width: 1024px) {
    .ask-question-section .base-block-head {
        padding: 28px 35px 0px
    }
}

@media (min-width: 1024px) {
    .ask-question-section .base-block {
        margin-bottom: 77px
    }
}

.ask-question-section .jcf-textarea {
    min-height: 110px;
    margin-bottom: 33px;
    border-radius: 0
}

.ask-question-section textarea {
    font-size: 1.3rem;
    height: 100%
}

.ask-question-section .btn {
    border-radius: 10px;
    font-size: 1.5rem;
    text-transform: lowercase;
    max-width: 191px;
    width: 100%;
    padding: 15px
}

.ask-question-section .base-block-body .input-holder {
    height: 130px
}

@media (min-width: 1024px) {
    .ask-question-section .base-block-body {
        padding: 28px 35px
    }
}

@media (min-width: 1024px) {

    .ask-question-section h2,
    .ask-question-section .h2 {
        font-size: 2rem
    }
}

@media (max-width: 1023px) {
    .about-us-section {
        margin-top: 50px !important
    }
}

.about-us-section .base-block {
    border-radius: 19px
}

@media (min-width: 1024px) {
    .about-us-section .base-block-head {
        padding: 68px 35px
    }
}

@media (min-width: 1024px) {
    .about-us-section .base-block-head:before {
        top: 60px;
        bottom: 70px
    }
}

@media (min-width: 1024px) {

    .about-us-section h2,
    .about-us-section .h2 {
        font-size: 2rem
    }
}

.load-more-holder {
    position: relative
}

@media (min-width: 768px) {
    .load-more-holder {
        padding-bottom: 50px
    }
}

.load-more-holder .btn-holder {
    text-align: center;
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

@media (min-width: 768px) {
    .load-more-holder .btn-holder {
        bottom: 10px
    }
}

.load-more-holder .new-item {
    opacity: 0;
    transform: translateY(25px)
}

.about-list {
    list-style: none;
    counter-reset: newCounter;
    padding: 0px;
}

.about-list .list-item {
    padding: 0 10px;
    margin-bottom: 25px;
    position: relative;
    list-style: none;
    transition: all 1s linear
}

@media (min-width: 768px) {
    .about-list .list-item {
        padding: 0 79px 0 40px;
        display: flex;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .about-list .list-item {
        display: inline-flex;
        margin-bottom: 25px;
    }
}

.about-list .list-item p {
    color: #000
}

@media (min-width: 1024px) {
    .about-list .info-holder {
        padding-top: 10px
    }
}

.about-list .info-holder .faq-question {
    display: flex;
    align-items: center
}

.about-list .info-holder .faq-question:before {
    font-size: 2.1rem;
    background-color: #fff;
    min-width: 47px;
    height: 47px;
    color: #ffb100;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border: 2px solid #ffb100;
    counter-increment: newCounter;
    content: counters(newCounter, ".", decimal-leading-zero) " ";
    font-weight: normal
}

@media (min-width: 768px) {
    .about-list .info-holder .faq-question:before {
        min-width: 47px;
        height: 47px;
        margin-right: 30px;
        font-size: 2.1rem
    }
}

@media (max-width: 767px) {
    .about-list .info-holder .faq-question:before {
        float: left
    }
}

.about-list .btn-holder {
    display: flex;
    justify-content: center;
    align-items: center
}

.about-list .btn {
    border-radius: 19px;
    color: #fff;
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .about-list .btn {
        min-width: 193px;
        padding: 15px
    }
}

.about-list h3,
.about-list .h3 {
    color: #505050;
    font-size: 1.5rem;
    margin: 0px;
}

@media (min-width: 768px) {

    .about-list h3,
    .about-list .h3 {
        font-size: 1.6rem
    }
}

.about-list .text-holder {
    font-size: 1.7rem;
    line-height: 2.22
}

.review-cards-container .section-heading a {
    color: #3b3b3b
}

.review-cards-container .review-card-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .review-cards-container .review-card-wrapper {
        flex: 0 50%;
        padding-bottom: 3rem;
        margin-top: 50px
    }
}

.review-cards-container .review-card-wrapper .review-card {
    border-radius: 10px;
    background-color: #fff;
    padding: 20px 12px;
    height: auto;
    position: relative;
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    margin: 0
}

@media (min-width: 1024px) {
    .review-cards-container .review-card-wrapper .review-card:nth-child(n+3) {
        margin-top: 50px
    }
}

@media (max-width: 1023px) {
    .review-cards-container .review-card-wrapper .review-card:not(:first-child) {
        margin-top: 50px
    }
    .about-list .h3{
        font-size: 1.1em;
    }
    .about-list .text-holder{
        font-size: 2rem;
    }
}

@media (min-width: 1024px) {
    .review-cards-container .review-card-wrapper .review-card {
        width: 49%
    }
}

@media (max-width: 320px) {
    .review-cards-container .review-card-wrapper .review-card {
        height: 280px
    }
}

@media (max-width: 768px) {
    .review-cards-container .review-card-wrapper .review-card {
        margin-top: 3rem
    }
}

@media (max-width: 480px) {
    .review-cards-container .review-card-wrapper .review-card {
        width: 100%
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-info {
    display: flex;
    color: #505050;
    flex-flow: row nowrap;
    margin-bottom: 75px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info>* {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    height: -moz-fit-content
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-info {
    font-size: 14px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-info .review-date {
    opacity: 0
}

@media (max-width: 768px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-info .review-info {
        font-size: 12px
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info {
    position: relative
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info .reviewer-info-wrapper {
    overflow: visible;
    white-space: nowrap;
    position: absolute;
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    top: -50px;
    font-weight: 700
}
.read-more-content h2{
    font-size: 20px !important;
}

@media (max-width: 480px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info .reviewer-info-wrapper {
        width: calc(100vw - 44px);
        white-space: normal
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info .reviewer-info-wrapper .reviewer-image {
    border: 5px solid white;
    height: 72px;
    width: 72px;
    border-radius: 50px;
    margin-bottom: 20px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info .reviewer-info-wrapper .reviewer-name {
    font-size: 15px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .reviewer-info .reviewer-info-wrapper .tour-name {
    font-size: 13px;
    color: #ff5300
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .rating-text {
    font-size: 12px;
    color: #000;
    margin-bottom: 5px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .rating-text .emoji-image {
    margin-left: 4px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .star-rating {
    font-size: 12px
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .raiting-list {
    display: flex
}

.review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .raiting-list li {
    color: #ffb100;
    font-size: 1.3rem;
    margin-right: 3px
}

@media (min-width: 768px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-info .review-ratings .raiting-list li {
        margin-right: 3px
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-content {
    font-size: 1.2rem;
    text-align: center;
    color: #505050;
    line-height: 1.67;
    -webkit-line-clamp: 3 !important;
    max-height: calc(1.2rem * 1.67 * 3) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.review-cards-container .review-card-wrapper .review-card .review-card-images {
    width: 100%;
    bottom: 0;
    margin: 10px 0
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .review-images-wrapper {
    display: flex
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .review-image {
    height: 92px;
    width: 100%;
    float: left;
    display: block
}

@media (max-width: 1023px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .review-image {
        height: 64px
    }
}

@media (max-width: 480px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .review-image {
        height: 70px
    }
}

@media (max-width: 320px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .review-image {
        height: 55px
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .image-link {
    margin-right: 6px;
    display: block;
    flex: 0 0 18% !important
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .image-link:last-child .review-image {
    margin-right: 0
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .image-link.hide-photo {
    display: none
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .image-link:hover {
    cursor: pointer
}

@media (max-width: 1023px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .image-link {
        margin-right: 4px
    }
}

@media (max-width: 320px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .image-link {
        margin-right: 2px
    }
}

.review-cards-container .review-card-wrapper .review-card .review-card-images .view-more-images {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    background-color: #ff5300
}

@media (max-width: 320px) {
    .review-cards-container .review-card-wrapper .review-card .review-card-images .view-more-images .number {
        font-size: 2rem
    }
}

.more-things-section .base-block {
    border-radius: 19px;
    margin-top: 0
}

@media (min-width: 1024px) {

    .more-things-section h2,
    .more-things-section .h2 {
        font-size: 2rem
    }
}

.more-things-section .btn {
    margin-right: 10px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .more-things-section .btn {
        font-size: 1.3rem;
        min-width: inherit;
        padding: 6px 12px
    }
}

.more-things-section .btn:last-child {
    margin-right: 0px
}



.more-things-section .btn-holder {
    display: flex;
    flex-wrap: wrap
}

.modal {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 200;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.2s all
}

.modal.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white
}

.modal-body {
    padding: 2px 16px
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white
}

@media (max-width: 1023px) {
    .tabular-datatable .ratings {
        display: none
    }
}

.tabular-datatable .base-block-head:before {
    display: none
}


.pop-card {
    position: relative;
    display: inline-block;
    background-color: #fff;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.pop-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (min-width: 1024px) {
    .pop-card::after {
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2)
    }
}

/* @media (min-width: 1024px) {
    .pop-card:hover {
        -webkit-transform: scale(1.04);
        transform: scale(1.02)
    }
} */

.pop-card:hover::after {
    opacity: 1
}

.related-card {
    background-color: #fff;
    display: flex;
    overflow: hidden
}

@media (max-width: 1023px) {
    .related-card {
        flex-wrap: wrap;
        margin: 0 10px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid rgba(0, 0, 0, 0.26);
        background-color: #fbf1ea
    }
}

@media (max-width: 1023px) {
    .related-card .related-card-section-title {
        font-weight: 600;
        margin-left: 20px
    }
}

@media (min-width: 1024px) {
    .related-card .related-card-section-title {
        display: none
    }
}

.related-card .related-card-section {
    margin-bottom: 10px;
    flex: 0 0 100%
}

@media (min-width: 1024px) {
    .related-card .related-card-section {
        margin-top: 10px
    }
}

.related-card .related-card-section:not(:first-child):not(:last-child) {
    position: relative
}

.related-card .related-card-section:not(:first-child):not(:last-child):before {
    position: absolute;
    content: ""
}

@media (max-width: 1023px) {
    .related-card .related-card-section:not(:first-child):not(:last-child):before {
        bottom: 0;
        left: 20px;
        right: 20px;
        border-bottom: 1px solid rgba(59, 59, 59, 0.2)
    }
}

@media (min-width: 1024px) {
    .related-card .related-card-section:not(:first-child):not(:last-child):before {
        right: 0;
        top: 20px;
        bottom: 20px;
        border-right: 1px solid rgba(59, 59, 59, 0.2)
    }
}

@media (min-width: 1024px) {
    .related-card .related-card-section {
        flex: 0 0 33%
    }
}

@media (max-width: 1023px) {
    .related-card .related-card-section {
        display: flex;
        flex-flow: row nowrap;
        overflow: auto
    }

    .related-card .related-card-section>div {
        flex: 0 0 80vw
    }
}

.related-card .related-card-section .browse-related-btn {
    z-index: 2;
    font-size: 1.4rem;
    margin: 0
}

.related-card .related-card-image-holder {
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
    height: 200px
}

@media (min-width: 1024px) {
    .related-card .related-card-image-holder {
        height: 219px;
        margin: auto 0
    }
}

.related-card .related-card-image-holder:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 70%, transparent);
    z-index: 0
}

.related-card .related-card-image-holder:hover .related-card-image {
    transform: scale(1.04)
}

.related-card .related-card-image-holder:hover .image-caption {
    letter-spacing: 0.5px
}

.related-card .related-card-image-holder .related-card-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.2s all
}

.related-card .related-card-image-holder .image-caption {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    z-index: 1;
    text-align: center;
    transition: 0.2s all;
    margin: 0;
    line-height: 30px;
    margin: auto 0
}

.related-card .related-card-image-holder .image-caption .related-destination-name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 35px
}

.related-card .related-landing-pages {
    padding: 20px
}

@media (min-width: 1024px) {
    .related-card .related-landing-pages {
        padding: 5px 5px 0 10px
    }
}

.related-card .related-landing-pages .landing-page-holder {
    display: flex;
    align-items: flex-start
}

.related-card .related-landing-pages .landing-page-holder:not(:last-child) {
    margin-bottom: 5px
}

.related-card .related-landing-pages .landing-page-holder:hover .landing-page-image {
    transform: scale(1.04)
}

.related-card .related-landing-pages .landing-page-holder:hover .landing-page-title {
    color: rgba(255, 83, 0, 0.7)
}

.related-card .related-landing-pages .landing-page-holder .landing-page-image {
    height: 100px;
    flex: 0 0 100px;
    object-fit: cover;
    margin-right: 10px;
    transition: 0.3s all;
    font-size: 1px;
    max-width: 100px
}

@media (min-width: 1024px) {
    .related-card .related-landing-pages .landing-page-holder .landing-page-image {
        height: 70px;
        flex: 0 0 70px;
        max-width: 70px
    }
}

.related-card .related-landing-pages .landing-page-holder .landing-page-data {
    display: flex;
    flex-direction: column
}

@media (max-width: 1023px) {
    .related-card .related-landing-pages .landing-page-holder .landing-page-data {
        flex: 0 0 calc(100% - 110px)
    }
}

.related-card .related-landing-pages .landing-page-holder .landing-page-title {
    color: #3b3b3b;
    font-size: 1.4rem;
    transition: 0.2s all;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: calc(1.4rem * 1.54 * 4);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0
}

@media (min-width: 1024px) {
    .related-card .related-landing-pages .landing-page-holder .landing-page-title {
        font-size: 1.2rem;
        max-height: calc(1.2rem * 1.54 * 2)
    }
}

.related-card .related-landing-pages .landing-page-holder .landing-explore-btn {
    min-width: 0;
    font-weight: 600;
    padding: 4px;
    font-size: 1.3rem;
    margin-left: auto;
    align-items: center;
    color: #ff5300;
    border: 1px solid #ff5300;
    background-color: #fff
}

@media (min-width: 1024px) {
    .related-card .related-landing-pages .landing-page-holder .landing-explore-btn {
        font-size: 1.1rem
    }
}

@media (max-width: 1023px) {
    .related-card .related-landing-pages .landing-page-holder .landing-explore-btn {
        color: #fff;
        background: #ff5300
    }
}

.related-card .related-landing-pages .landing-page-holder .landing-explore-btn:hover {
    color: #fff;
    background: #ff5300
}

.related-card .related-tours {
    padding: 20px
}

@media (min-width: 1024px) {
    .related-card .related-tours {
        padding: 5px 5px 0 10px
    }
}

.related-card .related-tours .tour-holder {
    display: flex;
    flex-wrap: wrap
}

.related-card .related-tours .tour-holder:not(:last-child) {
    margin-bottom: 5px
}

.related-card .related-tours .tour-holder:hover .tour-image-holder {
    transform: scale(1.04)
}

.related-card .related-tours .tour-holder:hover .tour-title {
    color: rgba(255, 83, 0, 0.7) !important
}

.related-card .related-tours .tour-holder .tour-image-holder {
    position: relative;
    flex: 0 0 100px;
    width: 100px;
    margin-right: 10px;
    transition: 0.3s all
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-image-holder {
        flex: 0 0 70px;
        width: 70px
    }
}

.related-card .related-tours .tour-holder .tour-image-holder .tour-image {
    height: 100px;
    width: 100%;
    object-fit: cover;
    display: block
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-image-holder .tour-image {
        height: 70px
    }
}

.related-card .related-tours .tour-holder .tour-image-holder .tour-ratings-holder {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    font-size: 1.2rem;
    background: #ffb100;
    color: #fff;
    font-weight: bold
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-image-holder .tour-ratings-holder {
        font-size: 1rem
    }
}

.related-card .related-tours .tour-holder .tour-details-holder {
    flex: 0 0 calc(100% - 110px)
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-details-holder {
        flex: 0 0 calc(100% - 80px)
    }
}

.related-card .related-tours .tour-holder .tour-details-holder .tour-title {
    color: #3b3b3b;
    font-size: 1.4rem;
    transition: 0.2s all;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: calc(1.4rem * 1.54 * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-details-holder .tour-title {
        font-size: 1.2rem;
        max-height: calc(1.2rem * 1.54 * 2)
    }
}

.related-card .related-tours .tour-holder .tour-details-holder .tour-price {
    font-size: 1.6rem;
    color: black;
    opacity: 0.7;
    font-weight: bold;
    display: inline-block
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-details-holder .tour-price {
        font-size: 1.4rem
    }
}

.related-card .related-tours .tour-holder .tour-details-holder .tour-book-btn {
    min-width: 0;
    font-weight: 600;
    padding: 4px;
    font-size: 1.3rem;
    margin-left: auto;
    align-items: center;
    border: 1px solid #ff5300;
    background: #fff;
    color: #ff5300
}

@media (min-width: 1024px) {
    .related-card .related-tours .tour-holder .tour-details-holder .tour-book-btn {
        font-size: 1.1rem
    }
}

@media (max-width: 1023px) {
    .related-card .related-tours .tour-holder .tour-details-holder .tour-book-btn {
        color: #fff;
        background: #ff5300
    }
}

.related-card .related-tours .tour-holder .tour-details-holder .tour-book-btn:hover {
    color: #fff;
    background: #ff5300
}

.related-card .related-tours .tour-holder .tour-details-holder .tour-details-bottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.tour-section-heading {
    font-size: 2rem;
    padding-left: 10px;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
    color: #3b3b3b;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .tour-section-heading {
        font-size: 2.0rem
    }
}

.tour-section-card {
    border-radius: 10px;
    display: flex;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x proximity;
    margin-bottom: 20px
}

.tour-section-card::-webkit-scrollbar {
    display: none
}

.tour-section-card.white-bg {
    background: #fff;
    padding: 15px
}

.tour-section-card .col {
    flex: 0 0 270px;
    scroll-snap-align: start;
    scroll-snap-stop: always
}

.tour-section-card .col .tour-card {
    margin: 20px 15px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    width: 240px
}

.tour-section-card .slick-track {
    display: flex
}

.tour-section-card .slick-next {
    right: 0
}

.tour-section-card .slick-prev {
    left: 0
}

.tour-section-card .slick-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem
}

.tour-section-card .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tour-section-card .slick-arrow:before {
    content: none
}

.santa {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0
}

.santa .hat {
    width: 64px;
    height: 31px;
    border-radius: 200px 200px 0 0;
    background: #ef4753;
    margin: 0 auto;
    top: -11px;
    position: relative;
    left: 5px;
    z-index: 20
}

.santa .hat:after {
    width: 60px;
    height: 15px;
    border-radius: 20px;
    content: "";
    display: block;
    background: white;
    position: relative;
    top: 22px;
    left: -3px
}

.santa .face {
    width: 54px;
    height: 57px;
    background: #eee;
    border-radius: 0px 0px 50px 50px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
    top: -6px
}

.santa .face .eyes {
    background: #f1ddd5;
    width: 45px;
    height: 15px;
    margin: 0 auto;
    position: relative;
    left: -1px;
    text-align: center;
    top: 4px;
    padding-top: 0px
}

.santa .face .eyes:after,
righteye {
    width: 8px;
    height: 6px;
    background: transparent;
    box-shadow: 0px -2px #793623;
    content: "";
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%
}

@media (min-width: 1024px) {

    .santa .face .eyes:after,
    righteye {
        margin-bottom: 7px
    }
}

.santa .face .eyes:before,
lefteye {
    width: 8px;
    height: 6px;
    background: transparent;
    box-shadow: 0px -2px #793623;
    content: "";
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%;
    margin-right: 5px
}

@media (min-width: 1024px) {

    .santa .face .eyes:before,
    lefteye {
        margin-bottom: 7px
    }
}

.santa .face .mustache {
    content: '';
    width: 10px;
    height: 10px;
    position: relative;
    left: 22px
}

.santa .face .mustache:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 20px;
    left: -31px;
    top: -6px;
    border: 1px solid #838383;
    border-radius: 50%;
    background: #fff;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%)
}

.santa .face .mustache:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 20px;
    right: -31px;
    top: -6px;
    border: 1px solid #838383;
    border-radius: 50%;
    background: #fff;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%)
}

.santa .mouth {
    background: #a31f2b;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: 20px;
    right: 17px
}

.santa .hat .hat-end {
    width: 13px;
    height: 32px;
    content: "";
    background: #ef4753;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 15px;
    border-radius: 0px 11px 0px 0px
}

.santa .hat .hat-end:after {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: white;
    content: "";
    display: inline-block;
    top: 30px;
    position: absolute;
    left: 0px;
    z-index: 11
}

@keyframes bobbing {
    0% {
        transform: rotate(13deg) scale(0.4)
    }

    50% {
        transform: rotate(-13deg) scale(0.4)
    }

    100% {
        transform: rotate(13deg) scale(0.4)
    }
}

@keyframes ho-ho-ho {
    0% {
        transform: scale(1)
    }

    11% {
        transform: scale(2)
    }

    22% {
        transform: scale(1)
    }

    33% {
        transform: scale(2)
    }

    44% {
        transform: scale(1)
    }

    55% {
        transform: scale(2)
    }

    66% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes hat-flip {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-20deg)
    }

    50% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(20deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.banner-section-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 200px
}

.banner-section-container:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 30%, transparent)
}

@media (min-width: 1024px) {
    .banner-section-container {
        height: 354px;
    }
}

.banner-section-container .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100% !important;
    object-fit: cover
}

.banner-section-container .intro-top-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center
}

.banner-section-container .intro-top-container .container {
    width: 100%;
    z-index: 2;
    padding-top: 100px
}

@media (max-width: 480px) {
    .banner-section-container .intro-top-container .container {
        padding-top: 30px
    }
}

.banner-section-container .intro-top-container:after {
    min-height: inherit
}

@media (min-width: 480px) {
    .banner-section-container .intro-top-container:after {
        content: "";
        display: block;
        width: 0
    }
}

.banner-section-container .intro-top-container .intro-top-content {
    flex-direction: column;
    min-height: inherit;
    display: flex
}

.banner-section-container .intro-top-container .intro-top-content .head-content {
    align-self: center;
    text-align: center
}

.banner-section-container .intro-top-container .intro-top-content .head-content .title {
    text-transform: none;
    font-size: 80px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    font-size: 3.8rem;
    text-shadow: 1px 0 2px #595959
}

@media (min-width: 1024px) {
    .banner-section-container .intro-top-container .intro-top-content .head-content .title {
        padding-top: 50px
    }
}

@media (min-width: 768px) {
    .banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 4rem
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
    font-size: 1.5rem
}

@media (min-width: 1024px) {
    .banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
        text-shadow: 1px 0 2px #595959
    }
}

@media (min-width: 768px) {
    .banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 5rem
    }

    .banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
        font-size: 1.4rem
    }
}

@media (max-width: 767px) {
    .banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 4.5rem
    }

    .banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
        font-size: 1.2rem
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-col {
    height: 130px;
    padding-top: 12px
}

@media (max-width: 480px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col {
        padding-top: 100px;
        height: 75px
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head {
    display: flex;
    padding: 6px 12px;
    align-items: flex-start
}

@media (min-width: 768px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head {
        padding-left: 30px
    }
}

@media (min-width: 1024px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head {
        max-width: calc(100% - 300px);
        display: flex;
        flex-direction: column;
        flex: 0;
        padding-right: 20px
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading {
    display: flex;
    align-items: flex-start
}

@media (max-width: 480px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading.without-image {
        color: #000
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading .value {
    font-weight: normal;
    flex: 0 0 auto;
    margin-right: 9px;
    font-size: 5rem;
    line-height: 1
}

@media (min-width: 375px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading .value {
        font-size: 6rem
    }
}

@media (min-width: 768px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading .value {
        font-size: 10rem;
        margin-right: 30px
    }
}

@media (min-width: 1024px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .constructed-heading .value {
        font-size: 10.6rem;
        text-shadow: 1px 0 2px #595959
    }
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head:before {
    top: 0;
    bottom: 0
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content {
    flex: 1 auto;
    letter-spacing: -1px;
    align-self: center
}

.banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content .title {
    text-transform: none;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    font-size: 1.7rem
}

@media (min-width: 375px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content .title {
        font-size: 2rem;
        text-shadow: 1px 1px 10px black
    }
}

@media (min-width: 768px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content .title {
        font-size: 3rem;
        text-shadow: 1px 1px 10px black
    }
}

@media (min-width: 1024px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content .title {
        text-shadow: 1px 0 2px #595959;
        font-size: 3.4rem
    }
}

@media (min-width: 1200px) {
    .banner-section-container .intro-top-container .intro-top-content .head-col .base-block-head .title-content .title {
        font-size: 4rem;
        letter-spacing: -1px
    }
}

.listing-types-container {
    margin-top: -4%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    padding: 20px 0px 10px 0px
}

@media (min-width: 1024px) {
    .listing-types-container {
        margin-top: -5%
    }
}

@media (max-width: 1023px) {
    .listing-types-container {
        margin-top: 20px;
        overflow: auto
    }
}

@media (max-width: 480px) {
    .listing-types-container {
        margin-top: 15px;
        padding: 20px
    }
}

.listing-types-container.center-aline {
    display: flex;
    justify-content: center
}

.listing-types-container.center-aline .listing-type .single-slide {
    margin-right: 10px
}

.listing-types-container.center-aline .listing-type .single-slide .block-icon {
    min-width: 81px
}

.listing-types-container .listing-type {
    display: flex
}

@media (max-width: 1023px) {
    .listing-types-container .listing-type {
        scroll-snap-type: x mandatory;
        overflow-x: auto
    }
}

.listing-types-container .listing-type .single-slide {
    display: flex;
    flex: 1
}

@media (max-width: 1023px) {
    .listing-types-container .listing-type .single-slide {
        scroll-snap-align: start
    }
}

.listing-types-container .listing-type .single-slide .block-icon {
    line-height: 1.8;
    text-align: center;
    width: 80px
}

.listing-types-container .listing-type .single-slide .block-icon[data-point="tourtype"] {
    max-width: 70px
}

.listing-types-container .listing-type .single-slide .block-icon .link {
    display: block;
    color: currentColor
}




.listing-types-container .listing-type .single-slide .block-icon .img-holder img {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    object-fit: cover
}

.listing-types-container .listing-type .single-slide .block-icon .text-holder {
    font-size: 12px;
    padding-top: 5px;
    color: #000;
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.listing-types-container .listing-type .single-slide .block-icon .text-holder:hover {
    overflow: visible;
    display: block
}

@media (min-width: 480px) {
    .listing-types-container .listing-type .slick-list {
        margin-left: 30px
    }
}

@media (min-width: 1024px) {
    .listing-types-container .listing-type .slick-list {
        margin-left: 50px
    }
}

.listing-types-container .listing-type .slick-list .slick-track .slick-slide {
    margin-right: 20px
}

@media (max-width: 480px) {
    .listing-types-container .listing-type .slick-list .slick-track .slick-slide {
        margin-right: 10px
    }
}

.listing-types-container .slick-arrow {
    display: inline-block;
    width: 30px;
    height: 135px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transition: background-color 0.3s ease-in-out
}

.listing-types-container .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width: 481px) {
    .listing-types-container .slick-arrow {
        background-color: #fff
    }
}

@media (min-width: 1200px) {
    .listing-types-container .slick-arrow {
        width: 50px
    }
}

.listing-types-container .slick-arrow:before {
    display: none
}

.listing-types-container .slick-arrow:hover {
    background-color: #f2f2f2
}

.listing-types-container .slick-arrow img {
    width: 20px
}

@media (min-width: 1200px) {
    .listing-types-container .slick-arrow img {
        width: auto
    }
}

.listing-types-container .slick-prev {
    font-size: 15px;
    left: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

@media (max-width: 480px) {
    .listing-types-container .slick-prev {
        left: -20px
    }
}

.listing-types-container .slick-prev .icon-next {
    transform: rotate(180deg)
}

.listing-types-container .slick-next {
    font-size: 15px;
    right: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

@media (max-width: 480px) {
    .listing-types-container .slick-next {
        right: -20px
    }
}

.listing-types-container .slick-prev,
.listing-types-container .slick-next {
    top: 46%
}

.listing-types-container.sticky-banner-dock {
    padding-top: 10px;
    /* position: sticky; */
    z-index: 50;
    padding-bottom: 10px;
    top: 0px
}

@media (max-width: 1023px) {
    .listing-types-container.sticky-banner-dock {
        margin: 10px 5px 70px 5px
    }
}

@media (max-width: 1023px) {
    .listing-types-container.sticky-banner-dock.without-static-banner {
        top: 65px
    }
}

.listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon {
    line-height: 1.4
}

.listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon[data-point="tourtype"] {
    max-width: 60px
}

.listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon.listing-card {
    min-width: 60px
}

.listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon.scroll-listing-card {
    width: 50px
}

@media (max-width: 480px) {
    .listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon.scroll-listing-card {
        width: 60px
    }
}

.listing-types-container.sticky-banner-dock .listing-type .single-slide .block-icon .img-holder img {
    height: 30px;
    width: 30px
}

.listing-types-container.sticky-banner-dock .slick-arrow {
    height: 90px
}

.breadcrumbs-container {
    max-width: 1080px;
    margin: 0 auto
}

@media (max-width: 480px) {
    .breadcrumbs-container {
        margin-left: 20px
    }
}

.breadcrumbs-container .breadcrumbs-holder {
    margin-top: 15px;
    margin-bottom: 15px
}

.breadcrumbs-container .breadcrumbs-holder .breadcrumbs {
    line-height: 1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    color: #505050;
    font-size: 1.2rem
}

@media (min-width: 1024px) {
    .breadcrumbs-container .breadcrumbs-holder .breadcrumbs {
        font-size: 1.2rem
    }
}

.breadcrumbs-container .breadcrumbs-holder .breadcrumbs li {
    padding: 5px 6px 0 0;
    color: #000
}

.breadcrumbs-container .breadcrumbs-holder .breadcrumbs li:not(:last-child):after {
    content: ">";
    padding-left: 5px;
    font-size: 110%
}

.breadcrumbs-container .breadcrumbs-holder .breadcrumbs li a {
    color: #000
}

.breadcrumbs-container .breadcrumbs-holder .breadcrumbs li a:hover {
    color: #ff5300
}

.recently-viewed-container {
    margin-bottom: 20px
}

.recently-viewed-container .recently-viewed-heading {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
    color: #3b3b3b;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .recently-viewed-container .recently-viewed-heading {
        font-size: 2.0rem
    }
}

@media (min-width: 1024px) {
    .recently-viewed-tours {
        padding-left: 65px;
        padding-right: 65px
    }
}

@media (min-width: 480px) {
    .recently-viewed-tours {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media (max-width: 480px) {
    .recently-viewed-tours {
        display: flex;
        overflow: auto
    }
}

.recently-viewed-tours .top-tour-item {
    background: #fff;
    max-width: 300px;
    position: relative;
    padding: 11px;
    margin-right: 11px;
    display: flex
}

@media (max-width: 480px) {
    .recently-viewed-tours .top-tour-item {
        height: 140px;
        width: 300px
    }
}

.recently-viewed-tours .top-tour-item:last-child {
    border-bottom: 0
}

.recently-viewed-tours .top-tour-item .image-holder {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%
}

@media (min-width: 375px) {
    .recently-viewed-tours .top-tour-item .image-holder {
        min-width: 80px;
        width: 0
    }
}

@media (min-width: 480px) {
    .recently-viewed-tours .top-tour-item .image-holder {
        min-width: 120px
    }
}

@media (min-width: 768px) {
    .recently-viewed-tours .top-tour-item .image-holder {
        width: 30%;
        margin-right: 11px
    }
}

@media (min-width: 1024px) {
    .recently-viewed-tours .top-tour-item .image-holder {
        min-width: 90px;
        height: 90px
    }
}

.recently-viewed-tours .top-tour-item .image-holder .tour-image {
    font-size: 1rem;
    width: 100%;
    height: 100%;
    display: block
}

@media (min-width: 375px) {
    .recently-viewed-tours .top-tour-item .top-tour-content {
        width: 65%
    }
}

@media (min-width: 768px) {
    .recently-viewed-tours .top-tour-item .top-tour-content {
        position: relative;
        top: -4px
    }
}

@media (min-width: 1024px) {
    .recently-viewed-tours .top-tour-item .top-tour-content {
        padding-left: 10px
    }
}

.recently-viewed-tours .top-tour-item .top-tour-content .title {
    line-height: 1.5;
    margin-top: 2px;
    margin-bottom: 0px;
    color: #505050;
    font-size: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(2 * 1.3rem * 1.5);
    font-weight: bold;
    margin-bottom: 0.5em
}

.recently-viewed-tours .top-tour-item .top-tour-content .price-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: 118px;
    width: 100%;
    float: left;
    padding-right: 10px;
    padding: 6px 0
}

@media (min-width: 768px) {
    .recently-viewed-tours .top-tour-item .top-tour-content .price-holder {
        max-width: 130px;
        align-items: baseline
    }
}

.recently-viewed-tours .top-tour-item .top-tour-content .price-holder .from {
    margin-right: 2px;
    font-size: 1.2rem;
    margin-bottom: 1px
}

.recently-viewed-tours .top-tour-item .top-tour-content .price-holder .old-price {
    color: #505050;
    margin-bottom: 5px;
    margin-right: 7px;
    font-size: 1.3rem
}

@media (min-width: 1024px) {
    .recently-viewed-tours .top-tour-item .top-tour-content .price-holder .old-price {
        margin-bottom: 0px;
        font-weight: 600
    }
}

.recently-viewed-tours .top-tour-item .top-tour-content .btn {
    min-width: 78px;
    padding: 5px 7px;
    border-radius: 2px;
    font-size: 1.2rem;
    font-weight: 600
}

@media (min-width: 1024px) {
    .recently-viewed-tours .top-tour-item .top-tour-content .btn {
        margin-bottom: 0px
    }
}

.recently-viewed-tours .top-tour-item .top-tour-content .btn.btn-md {
    padding: 10px
}

.recently-viewed-tours .slick-track {
    display: flex
}

.recently-viewed-tours .slick-next {
    right: 0
}

.recently-viewed-tours .slick-prev {
    left: 0
}

.recently-viewed-tours .slick-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem
}

.recently-viewed-tours .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.recently-viewed-tours .slick-arrow:before {
    content: none
}

.lazy-slider {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden
}

@media (max-width: 1023px) {
    .lazy-slider {
        height: 277px
    }
}

.lazy-slider__image {
    height: 100%;
    width: 100%;
    flex: 0 0 100%;
    object-fit: cover
}

.lazy-slider .slick-list,
.lazy-slider .slick-track {
    height: 100%;
    display: flex;
    flex-flow: row nowrap
}

.lazy-slider .slick-list {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden
}

.lazy-slider .slick-prev,
.lazy-slider .slick-next {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%
}

.lazy-slider .slick-prev:before,
.lazy-slider .slick-next:before {
    display: none
}

.lazy-slider .slick-prev.slick-disabled,
.lazy-slider .slick-next.slick-disabled {
    opacity: 0;
    pointer-events: none
}

.lazy-slider .slick-prev .icon-right-arrow,
.lazy-slider .slick-prev .icon-left-arrow,
.lazy-slider .slick-next .icon-right-arrow,
.lazy-slider .slick-next .icon-left-arrow {
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 20px;
    font-size: 10px
}

.lazy-slider .slick-prev .icon-right-arrow:before,
.lazy-slider .slick-prev .icon-left-arrow:before,
.lazy-slider .slick-next .icon-right-arrow:before,
.lazy-slider .slick-next .icon-left-arrow:before {
    content: ""
}

.lazy-slider .slick-prev .icon-left-arrow,
.lazy-slider .slick-next .icon-left-arrow {
    transform: rotate(90deg);
    margin-right: 4px
}

.lazy-slider .slick-prev .icon-right-arrow,
.lazy-slider .slick-next .icon-right-arrow {
    transform: rotate(-90deg);
    margin-right: -4px
}

.lazy-slider .slick-prev {
    left: 13px
}

.lazy-slider .slick-next {
    right: 13px
}

/* .lazy-slider .slick-dots {
    display: flex !important;
    flex-flow: row nowrap;
    overflow: hidden;
    bottom: 25px;
    background: transparent;
    width: 60px;
    left: calc(50% - 30px);
    height: 10px;
    align-items: center
} */

/* .lazy-slider .slick-dots button {
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a5a4a4;
    margin-right: 6p
} */
/* 
.lazy-slider .slick-dots .slick-active button {
    background-color: white
} */

.lead-form-v2-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    display: flex;
    padding-top: 0
}

.lead-form-v2 {
    padding: 40px 26px;
    height: 100%;
    width: 100%
}

@media (max-width: 1023px) {
    .lead-form-v2 {
        height: 600px;
        padding: 0px 26px;
        margin: auto 0
    }
}

.lead-form-v2__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1
}

.lead-form-v2__wrap {
    height: 100%;
    width: 100%;
    background-color: white;
    border-radius: 0 0 15px 15px;
    display: flex;
    flex-flow: column nowrap;
    position: relative
}

.lead-form-v2__wrap #close-lead-form-v2 {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 1;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    outline: none;
    border: none;
    background-color: #ff3430;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center
}

.lead-form-v2__banner-wrap {
    width: 100%;
    min-height: 200px;
    height: 36%;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    padding: 25px;
    justify-content: flex-end;
    color: white;
    font-size: 20px;
    line-height: 1.25
}

.lead-form-v2__banner-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    background-image: url("https://robbreport.com/wp-content/uploads/2018/09/udaipur-shutterstock_1154016295.jpg?w=1000");
    display: block !important
}

.lead-form-v2__form-wrap {
    padding: 25px !important;
    flex: 1;
    display: flex;
    flex-flow: column nowrap
}

.lead-form-v2__legibility-gradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent 40%, #000)
}

.lead-form-v2__banner-title {
    z-index: 1;
    font-weight: 600
}

.lead-form-v2__form-title {
    font-size: 17px;
    font-weight: normal;
    line-height: 1.11;
    letter-spacing: 0.19px;
    color: #424242;
    margin-bottom: 18px !important;
    display: block !important
}

.lead-form-v2__steps-bar {
    background-color: rgba(255, 52, 48, 0.32);
    height: 4px;
    width: 100%;
    position: relative
}

.lead-form-v2__current-step-indicator {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff3430;
    transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) left, 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) width
}

.lead-form-v2__current-step-indicator--step-1 {
    left: 0
}

.lead-form-v2__current-step-indicator--step-2 {
    left: 50%
}

.lead-form-v2__current-step-indicator--step-3 {
    left: 0;
    width: 100%
}

.lead-form-v2__step-names {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px
}

.lead-form-v2__step-name {
    font-weight: 600;
    line-height: 3;
    letter-spacing: 0.28px;
    color: #242424;
    font-size: 9px;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    outline: none;
    border: none
}

.lead-form-v2__submit-btn {
    background-color: #ff3430;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    margin-top: auto;
    border-radius: 0 0 15px 15px
}

.lead-form-v2__steps-wrap {
    position: relative;
    flex: 1
}

.lead-form-v2__steps-wrap form {
    height: 100%
}

.lead-form-v2__steps {
    flex: 1;
    display: flex;
    flex-flow: column nowrap
}

.lead-form-v2__step {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s opacity;
    width: 100%;
    display: flex;
    flex-flow: row wrap
}

.lead-form-v2__step--selected {
    opacity: 1;
    visibility: unset
}

.lead-form-v2__step .date_of_travel {
    margin-right: 10px
}

.lead-form-v2__step .flex50 {
    flex: 0 0 calc(50% - 5px)
}

.lead-form-v2__step .flex100 {
    flex: 0 0 100%
}

.lead-form-v2__footer {
    display: flex;
    flex-flow: row nowrap;
    width: 100%
}

.lead-form-v2__step-counter {
    flex: 0 0 50px;
    font-size: 10px;
    font-weight: 600;
    color: #5d5d5d;
    margin-left: auto
}

.lead-form-v2__user-details {
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #3d3d3d;
    width: 100%
}

.lead-form-v2__user-details-edit-btn {
    margin-left: 10px;
    color: #ff5300;
    outline: none;
    border: none;
    background-color: transparent
}

.lead-form-v2 #lead-form-step-3 {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.lead-form-v2__success-illustration {
    height: 119px;
    margin-bottom: 20px;
    margin-top: 20px
}

.lead-form-v2__caption {
    font-size: 15px;
    font-weight: bold;
    color: #424242;
    margin-bottom: 5px
}

.lead-form-v2__subcaption {
    color: #ff3430;
    font-size: 10px
}

.lead-form-v2 .lead-form-v2__input-wrap {
    width: 100%;
    position: relative
}

.lead-form-v2 .lead-form-v2__input-wrap--has-error .lead-form-v2__input {
    color: red;
    border: 1px solid red
}

.lead-form-v2 .lead-form-v2__input-wrap--has-error .lead-form-v2__error-message {
    display: block
}

.lead-form-v2 .lead-form-v2__input {
    background-color: rgba(242, 242, 242, 0.7);
    padding: 11px 13px;
    border-radius: 10px;
    margin-bottom: 15px;
    outline: none;
    border: none;
    padding-right: 13px !important;
    font-size: 13px
}

.lead-form-v2 .lead-form-v2__error-message {
    position: absolute;
    background-color: red;
    color: white;
    padding: 4px 6px;
    border-radius: 4px;
    font-weight: 600;
    bottom: calc(100% + 10px);
    right: 0px;
    display: none
}

.lead-form-v2 .lead-form-v2__error-message:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 6px;
    background: red;
    border-left: none;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    top: 100%;
    right: 10px
}

.inline-loader {
    padding: 5px;
    display: inline-block;
    animation: fullRotation 0.5s infinite
}

@-webkit-keyframes fullRotation {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}

@keyframes fullRotation {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}

.search-page-content-container .content {
    margin-top: 30px
}

.no-banner-title {
    margin-top: 2rem;
    text-align: center;
    text-transform: none;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    font-size: 3rem
}

@media (min-width: 375px) {
    .no-banner-title {
        font-size: 3.5rem
    }
}

@media (min-width: 1024px) {
    .no-banner-title {
        font-size: 4rem;
        letter-spacing: -1px
    }
}

.breadcrumbs-holder {
    margin: 20px 0
}

@media (min-width: 768px) {
    .breadcrumbs-holder {
        margin: 30px 0
    }
}

@media (min-width: 1200px) {
    .breadcrumbs-holder {
        margin: 40px 0
    }
}

.breadcrumbs-holder .breadcrumbs {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    color: #fff;
    font-size: 1.3rem
}

.breadcrumbs-holder .breadcrumbs li {
    padding: 5px 6px 5px 0;
    color: #fff
}

.breadcrumbs-holder .breadcrumbs li:not(:last-child):after {
    content: ">";
    padding-left: 5px;
    font-size: 110%
}

.breadcrumbs-holder .breadcrumbs span {
    line-height: 1.8
}

.breadcrumbs-holder .breadcrumbs a {
    color: #fff
}

.breadcrumbs-holder .breadcrumbs a:hover {
    color: #ff5300
}

.search-banner-section-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 500px
}

@media (min-width: 1024px) {
    .search-banner-section-container {
        height: 660px
    }
}

.search-banner-section-container:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 30%, transparent)
}

@media (min-width: 1024px) {
    .search-banner-section-container {
        min-height: 660px;
        max-height: 660px
    }
}

.search-banner-section-container .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.search-banner-section-container .intro-top-container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    height: 500px
}

@media (min-width: 1024px) {
    .search-banner-section-container .intro-top-container {
        height: 660px
    }
}

@media (min-width: 1024px) {
    .search-banner-section-container .intro-top-container {
        padding-top: 114px
    }
}

.search-banner-section-container .intro-top-container .container {
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%
}

.search-banner-section-container .intro-top-container:after {
    min-height: inherit
}

@media (min-width: 480px) {
    .search-banner-section-container .intro-top-container:after {
        content: "";
        display: block;
        width: 0
    }
}

.search-banner-section-container .intro-top-container .breadcrumbs-holder {
    margin: auto 0 20px 0
}

.search-banner-section-container .intro-top-container .intro-top-content {
    flex-direction: column;
    min-height: inherit;
    display: flex;
    margin-top: auto
}

.search-banner-section-container .intro-top-container .intro-top-content .head-content {
    align-self: center;
    padding-bottom: 50px;
    text-align: center
}

.search-banner-section-container .intro-top-container .intro-top-content .head-content .title {
    text-transform: none;
    font-size: 80px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
    display: block;
    line-height: 1.2;
    font-size: 3.8rem;
    text-shadow: 1px 0 2px #595959
}

@media (min-width: 768px) {
    .search-banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .search-banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 5rem
    }

    .search-banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
        font-size: 1.4rem
    }
}

@media (max-width: 767px) {
    .search-banner-section-container .intro-top-container .intro-top-content .head-content .title {
        font-size: 4.5rem
    }

    .search-banner-section-container .intro-top-container .intro-top-content .head-content .sub-title {
        font-size: 1.2rem
    }
}

.sticky-header {
    display: none
}

.attraction-cards-heading {
    padding-left: 40px;
    padding-top: 30px;
    margin: 0px
}

@media (max-width: 1024px) {
    .attraction-cards-heading {
        padding-left: 8px;
        width: 100%;
        padding-bottom: 30px
    }
}

.attraction-cards {
    padding: 30px
}

@media (max-width: 1024px) {
    .attraction-cards {
        padding: 0px;
        padding-bottom: 30px
    }
}

.attraction-cards .row {
    display: inline;
    padding-left: 1px;
    padding-right: 5px
}

.attraction-cards .row .attraction-card-tile {
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 15px;
    height: 180px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    display: inline-block
}

.attraction-cards .row .attraction-card-tile .listing-card-image {
    height: 90px;
    width: 120px
}

.attraction-cards .row .attraction-card-tile .attraction-name {
    background-color: white;
    width: 120px;
    padding: 6px;
    margin-left: 0px;
    height: 80px;
    font-size: 12px;
    overflow: hidden
}

.attraction-cards .row .attraction-card-tile .attraction-name a {
    color: black;
    font-weight: bold
}

.attraction-cards .slick-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    top: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transition: background-color 0.3s ease-in-out
}

.attraction-cards .slick-arrow [class*="icon-"] {
    background: linear-gradient(to right, #ff7102, #ff7102 19%, #ff0256);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1023px) {
    .attraction-cards .slick-arrow {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .attraction-cards .slick-arrow {
        width: 71px;
        height: 71px
    }
}

.attraction-cards .slick-arrow:before {
    display: none
}

.attraction-cards .slick-arrow:hover {
    background-color: #f2f2f2
}

.attraction-cards .slick-arrow img {
    width: 20px
}

@media (min-width: 1200px) {
    .attraction-cards .slick-arrow img {
        width: auto
    }
}

.attraction-cards .slick-prev {
    left: -15px
}

@media (min-width: 1200px) {
    .attraction-cards .slick-prev {
        left: -40px
    }
}

.attraction-cards .slick-next {
    right: -15px
}

@media (min-width: 1200px) {
    .attraction-cards .slick-next {
        right: -40px
    }
}

.search-priority {
    display: none;
}


/* #undefined1{
    height: 1 !important;
} */
#toursread:hover{
    color: #ffffff;
}
input:-internal-autofill-selected{
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(rgb(0, 0, 0), rgb(0, 89, 255));
    color: fieldtext !important;
}

.search-field1 {
    font-size: 1.3rem;
    border: none;
    width: 180px;
    display: inline-block;
    background: none;
}
input:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill:visited {
    transition: background-color 5000s ease-in-out 0s;
    background: none !important;
}

.card-img-group{
    height: 60px;
    width: 60px;
    object-fit: cover;

    margin: auto;
    border-radius: 50%;
}
.card-images{
    text-align: center;
    font-size: 12px;
    color: #000;
    
}
.suggest-h{
    font-size: 13px;
}
.suggest-package-h{
    padding-top: 5px;
}
.slide-contents-suggest{
    overflow: hidden;
    padding: 0px 20px;
}
.swipebtn1-suggest{
    height: 39px;
    width: 39px;
    background-color: white;
    z-index: 15;
    position: absolute;
    border-radius: 50%;
    right: -19px;
    bottom: 42px;
    box-shadow: 0px 5px 15px black;
}
.swipebtn2-suggest{
    height: 39px;
    width: 39px;
    background-color: white;
    z-index: 15;
    position: absolute;
    border-radius: 50%;
    left: -19px;
    bottom: 42px;
    box-shadow: 0px 5px 15px black;
}

.icon-right-arrow-s {
    z-index: 16;
    position: inherit;
    top: 10px;
    color: #ffb100;
    right: 3px;
    align-items: center;
    margin-right: 10px;
    font-size: 16px;
}
.icon-right-arrow-s:before {
    font: var(--fa-font-solid);
    content: "\f061";
}

.icon-left-arrow-s {
    z-index: 16;
    position: inherit;
    top: 10px;
    color: #ffb100;
    right: 3px;
    align-items: center;
    margin-right: 10px;
    font-size: 16px;
}
.icon-left-arrow-s:before {
    font: var(--fa-font-solid);
    content: "\f060";
}
.swiper-button-next-suggest{
    position: absolute;
    right: 0px;
    top: 50%;
    
    bottom: 19%;

}
.swiper-button-prev-suggest{
    position: absolute;
    left: 0px;
    top: 50%;
    
    bottom: 19%;

}
.suggetion-box{
    height: auto;
    padding: 0px 0px 0px;
    margin: auto;
    position: relative;
    bottom:70px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.suggestion-slider{
    margin: auto;
    width: 95%;
    height: auto;
    padding-top: 30px;
}
.card-images12{
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #000;
}

@media (max-width:1023px){
    .suggetion-box{
        bottom: -10px;
    }
}
@media (max-width:520px){
    #toursread {
        font-size: 11px;
    }
}

.dropdown{

    padding: 5px;
}
.dropdown option{
    padding: 20px !important;
    color: #000;
    margin: 20px;
}
.search-priority1-on{
    display: block;
}