:root {
    --main-color: #5191FA;
    --grey-color: #5E6D77;
    --light-grey-color: #EAEEF3;
    --orange-color: #FA5636;
    --link-color: #1A2B48;
}

$main-color: #5191FA;
$grey: #5E6D77;
$light-grey: #EAEEF3;
$orange: #FA5636;
$link: #1A2B48;

//extension_installed:
@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container,
    .container-fluid {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media (min-width: 1290px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1290px;
    }
}

.ranges .range_inputs .cancelBtn {
    color: #212529;
	.popup-date-custom-cartranfer & {
		color: #ffffff;
	}
}

.dropdown-menu .dropdown-divider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
}

.st-border-radius {
    border-radius: 8px;
}

.grey {
    color: var(--grey-color, #5E6D77);
}

.btn {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background .2s, color .2s;
}

body {
    color: var(--link-color, #1a2b48);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-show-all] {
    position: relative;
    overflow: hidden;
}

ul.st-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

$info-pc: "screen and (max-width: 1199px)";
$info-tablet: "screen and (max-width : 991px)";
$info-phone: "screen and (max-width : 767px)";
$info-hphone: "screen and (max-width : 636px)";
$info-sphone: "screen and (max-width : 575px)";
$info-xphone: "screen and (max-width : 520px)";
$info-mphone: "screen and (max-width : 480px)";
$info-lpc: "screen and (max-width : 1091px)";
$info-lphone: "screen and (max-width : 844px)";

$info-mpc: "screen and (max-width: 1090px)";

@media (min-width: 991px) {
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
}

@media (max-width: 990px) {
    .col-md-9 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

$animation-duration: 1.8s;

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.h-100 {
    height: 100%;
}

h1 {
    font-size: 34px;

    @media (max-width: 767px) {
        font-size: 30px;
    }

    @media (max-width: 480px) {
        font-size: 28px;
    }
}

img {
    max-width: 100%;
    height: auto;
}

h2 {
    font-size: 28px;

    @media (max-width: 767px) {
        font-size: 24px;
    }

    @media (max-width: 480px) {
        font-size: 20px;
    }
}

h3 {
    font-size: 24px;

    @media (max-width: 767px) {
        font-size: 22px;
    }

    @media (max-width: 480px) {
        font-size: 18px;
    }
}

h4 {
    font-size: 22px;

    @media (max-width: 767px) {
        font-size: 20px;
    }

    @media (max-width: 480px) {
        font-size: 18px;
    }
}

.c-main {
    color: var(--heading-color, #1a2b48);
}

.c-grey {
    color: var(--grey-color, #5e6d77);
}

.c-orange {
    color: var(--orange-color, #fa5636);
}

.mt50 {
    margin-top: 50px;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml5 {
    margin-left: 5px;
}

.mb0 {
    margin-bottom: 0;
}

.mg0 {
    margin: 0 !important;
}

.mr5 {
    margin-right: 5px;
}

.mr15 {
    margin-right: 15px !important;
}

.mr30 {
    margin-right: 30px;
}

.ml3 {
    margin-left: 3px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pr30 {
    padding-right: 30px;

    @media (max-width: 480px) {
        padding-top: 20px;
    }
}

.pt150 {
    padding-top: 150px;

    @media (max-width: 767px) {
        padding-top: 80px;
    }

    @media (max-width: 480px) {
        padding-top: 40px;
    }
}

.pb150 {
    padding-bottom: 150px;

    @media (max-width: 767px) {
        padding-bottom: 80px;
    }

    @media (max-width: 480px) {
        padding-bottom: 40px;
    }
}

.font-normal {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.f14 {
    font-size: 14px !important;
}

.f16 {
    font-size: 16px !important;
}

.f18 {
    font-size: 18px !important;
}

.lh18 {
    line-height: 18px !important;
}

.f22 {
    font-size: 22px !important;
}

.f24 {
    font-size: 24px !important;
}

.f28 {
    font-size: 28px !important;
}

.f36 {
    font-size: 36px !important;
}

.f48 {
    font-size: 48px !important;
}

.block {
    display: block;
}

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

.flex {
    display: flex;
}

.flex-center {
    justify-content: center;
}

.upper {
    text-transform: uppercase;
}

.st-flex {
    display: flex;
    align-items: center;
    justify-content: center;

    &.space-between {
        justify-content: space-between;
    }

    &.justify-left {
        justify-content: left;
    }
}

.st-link {
    color: var(--lnik-color, #5191fa);
    text-decoration: none;

    &:hover {
        color: var(--main-color, #5191fa) !important;
        text-decoration: underline;
    }
}

.relative {
    position: relative;
}

.btn {
    border: none;
    box-shadow: none;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background 0.2s, color 0.2s;

    &.btn-default {
        border-radius: 8px;
        color: var(--link-color, #1a2b48);
        border: 1px solid #d7dce3;

        &:hover {
            background: #497bdb;
            color: #fff;
        }
    }

    &.btn-primary {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin-left: auto;
        padding: 15px 35px;

        &:hover {
            background: var(--link-color-hover, #1a2b48);
            color: #fff;
        }

        &.st-btn-second {
            background: var(--orange-color, #FA5636);

            &:hover {
                background: #e65335;
            }
        }

        &.st-button-main {
            background: var(--main-color, #1a2b48);
        }
    }

    &.btn-green {
        background: green;
        color: #fff;

        &:hover {
            background: var(--link-color-hover, #5191fa);
            ;
            color: #fff;
            opacity: 0.9;
        }
    }

    &.btn-transparent {
        background: rgba(26, 43, 72, 0.5);
        font-size: 14px;
        color: #fff;
        padding: 10px 15px;

        &:hover {
            background: rgba(26, 43, 72, 0.7);
        }
    }

    &.has-icon {
        display: flex;
        align-items: center;

        .fa {
            margin-right: 10px;
        }
    }

    &.radius {
        border-radius: 8px !important;
    }

    &.btn-large {
        font-size: 16px;
        padding: 12px 25px;
    }

    &.btn-full {
        width: 100%;
    }

    &.btn-orange {
        background: var(--orange-color, #fa5636);
        color: #fff;

        &:hover {
            background: #e65335;
            color: #fff;
        }
    }
}

.st-sticky {
    position: fixed !important;
    top: -43px;
    width: 100%;
    background: #fff;
    z-index: 9999 !important;
    height: 100vh;
}

//Form contact
.st-contact-form {
    .form-group {
        margin-bottom: 20px;

        input {
            border: 1px solid #dae1e7;
            border-radius: 8px;
            box-shadow: none;
            color: var(--grey-color, #5E6D77);
            padding: 10px;
        }

        textarea {
            height: 210px;
            border: 1px solid #dae1e7;
            border-radius: 8px;
            box-shadow: none;
            color: var(--grey-color, #5E6D77);
            padding: 10px;
        }
    }

    &.st-border-new {
        background: #FFFFFF;
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        padding: 30px;

        h3 {
            margin: 0px;
        }

        .form-group {
            padding-bottom: calc(var(--bs-gutter-x));
            margin-bottom: 0px;

            input {
                border: 1px solid #DEDEDE;
                box-sizing: border-box;
                border-radius: 10px;
            }

            textarea {
                height: 160px;
                border: 1px solid #DEDEDE;
                box-sizing: border-box;
                border-radius: 10px;
                box-shadow: none;
                color: var(--grey-color, #5E6D77);
                padding: 10px;
                margin-bottom: 24px;
            }
        }

        .st-button-subbmit {
            position: relative;
            display: inline-block;
            height: 50px;

            &::after {
                content: "\e967";
                font-family: traveler-icon;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translate(0, -50%);
                color: #FFF;
            }
        }

        input[type=submit] {
            margin-right: auto;
            margin-left: 0px;
            padding: 15px 45px 15px 20px;
        }

        .wpcf7-spinner {
            display: none;
        }
    }
}

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

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

.form-group {
    .select2 {
        width: 100% !important;

        .select2-selection {
            height: 40px;
            border-color: #dae1e7;

            .select2-selection__rendered {
                padding-left: 15px;
                line-height: 40px;
                color: var(--main-color, #1a2b48);
            }

            .select2-selection__arrow {
                width: 15px;
                height: 40px;

                b {
                    border: none;
                    position: relative;

                    &:after {
                        position: absolute;
                        content: "\f078";
                        top: -10px;
                        left: -15px;
                        font-family: 'Font Awesome 5 Free', sans-serif;
                        font-size: 14px;
                        color: var(--main-color, #1a2b48);
                    }
                }
            }
        }
    }
}

.nicescroll-rails {
    .nicescroll-cursors {
        border: none !important;
        background: #EEE !important;
    }
}

.form-control {
    background: #fff;

    &.error {
        border: 1px solid #f24623;
    }
}

.img-full {
    display: block;
    width: 100%;
}

.hr {
    width: 100%;
    height: 1px;
    background: var(--light-grey-color, #eaeef3);
}

[data-show-all] {
    position: relative;
    overflow: hidden;
}

.price-wrapper {
    font-size: 14px;
    color: var(--grey-color, #5e6d77);

    .price {
        font-size: 18px;
        color: var(--link-color, #1a2b48);
    }
}

@media (max-width: 480px) {
    .st-flex {
        display: block;
    }
}

a {
    text-decoration: none;
    outline: none;

    &:hover {
        color: var(--main-color);
    }
}

button {
    text-decoration: none;
    outline: none;
}

.fs-normal h2 {
    /*font-weight: 400 !important;*/
}

.st-height2 {
    height: 2px !important;
}

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

.st-header-2 {
    header#header {
        z-index: 999;
        position: relative;

        @media screen and (min-width:992px) {
            position: absolute;
        }

        height: 92px;
        width: 100%;

        .header {
            border-bottom: none;

            #main-menu {
                &>li.menu-item {
                    &>a {
                        color: #fff;
                    }

                    &>.fa {
                        color: #fff;
                    }

                }

                li {

                    &.current-menu-item,
                    &.current-menu-ancestor {
                        &>a {
                            color: var(--main-color);
                        }
                    }
                }
            }

            .header-right {
                .header-search {
                    .form-control {
                        background: url(../../v2/images/svg/ico_search_white.svg) no-repeat 8px center;
                    }
                }

                .st-list {
                    li {

                        &.dropdown,
                        &.topbar-item {
                            &>a {
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }
    }

    &.home #st-content-wrapper.search-result-page {
        .search-form-wrapper {
            padding-top: 110px;
        }
    }

    .search-result-page {
        .banner {
            padding-top: 200px;
        }
    }

    &.single,
    &.error404,
    &.page-template-template-checkout,
    &.page-template-template-payment-success,
    &.woocommerce-page {
        margin-bottom: 50px;

        header#header {
            margin-bottom: 0px;
            background-color: #333;
            height: unset;

            .header {
                border-bottom: 1px solid var(--light-grey-color, #eaeef3);
            }
        }

        &.single-post {
            header#header {
                margin-bottom: -92px;

                .header {
                    border-bottom: none;

                    #main-menu {
                        &>li.menu-item {
                            &>a {
                                color: #fff;
                            }

                            &>.fa {
                                color: #fff;
                            }
                        }
                    }

                    .header-right {
                        .header-search {
                            .form-control {
                                background: url(../../v2/images/svg/ico_search_white.svg) no-repeat 8px center;
                            }
                        }

                        .st-list {
                            li {
                                &.dropdown-user-dashboard {
                                    &>a {
                                        color: #fff;
                                    }
                                }

                                &.dropdown-currency {
                                    &>a {
                                        color: #fff;
                                    }
                                }

                                &.dropdown-language {
                                    &>a {
                                        color: #fff;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .blog-header {
                padding-top: 195px;
                height: auto;

                .blog-header-title {
                    transform: none;
                }
            }
        }
    }

}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.page-template-template-payment-success {
    .st-checkout-page {
        &.style-2 {
            margin-bottom: 50px;
        }
    }
}

.single-st_hotel,
.single-hotel_room,
.error404,
.page-template-template-checkout,
.single-st_tours,
.single-st_rental,
.single-st_cars,
.single-st_activity,
.single-location,
.page-template-template-payment-success,
.woocommerce-page {
    &.st-header-2 {
        header#header {
            position: relative;
            height: auto;

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

}

.single-st_hotel {
    #st-content-wrapper.st-style-elementor {
        .st-map-box {
            height: 100%;

            .google-map-mapbox {
                height: 100%;

                #st-map {
                    height: 100%;
                }
            }
        }
    }
}

.st-map-box {
    .mapboxgl-popup-content {
        h4.service-title {
            font-size: 16px;
        }
    }
}

.single-location {
    &.st-header-2 {
        header#header {
            @media screen and (min-width:992px) {
                position: absolute;
                height: 90px;
                background: transparent;
            }
        }
    }
}

.header {
    border-bottom: 1px solid var(--light-grey-color, #EAEEF3);
}

.st_sale_class {
    position: absolute;
    width: 80px;
    height: 48px;
    transform: rotate(45deg);
    right: -30px;
    top: -13px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    z-index: 8;
}

@media (max-width: 991px) {
    .st-header-2 {
        header#header {
            margin-bottom: -100px;

            .header {
                border-bottom: none;

                #main-menu {
                    &>li.menu-item {
                        &>a {
                            color: var(--main-color, #1a2b48);
                        }

                        &>.fa {
                            color: var(--main-color, #1a2b48);
                        }
                    }
                }
            }
        }

        &.single {
            &.single-post {
                header#header {
                    margin-bottom: -100px;

                    .header {
                        border-bottom: none;

                        #main-menu {
                            &>li.menu-item {
                                &>a {
                                    color: var(--main-color, #1a2b48);
                                }

                                &>.fa {
                                    color: var(--main-color, #1a2b48);
                                }
                            }
                        }
                    }
                }
            }
        }

        .st-author-page .banner {
            padding: 100px 0 60px 0;
        }
    }
}

@media (max-width: 767px) {
    .st-header-2 {
        header#header {
			margin-bottom: 0;
			height: auto;
			.header i {
				filter: brightness(0%);
			}
        }

        .search-form-wrapper {
            .search-form-text {
                .st-heading {
                    margin-top: 50px !important;
                }
            }
        }
    }
}

#header.header-style-4 {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 999;

    #topbar {
        padding: 15px 15px 0 15px;
        background: transparent;

        @media (max-width: 767px) {
            display: none;
        }

        .st-list {
            li {
                a {
                    font-size: 14px !important;
                }
            }
        }

        .topbar-right {
            .topbar-items {
                li {
                    border-right: none;

                    a {
                        opacity: 0.8;
                    }

                    .dropdown-menu {
                        background: #ffffff;

                        li {
                            a {
                                color: var(--main-color, #1a2b48);

                                &:hover {
                                    background: #f5f5f5;
                                }
                            }
                        }

                        .divider {
                            background: #c4c4c4;
                        }
                    }
                }
            }
        }
    }

    .header {
        padding: 0 15px;
        border-bottom: none;

        @media (max-width: 991px) {
            padding: 25px 25px;
        }

        .toggle-menu {
            .field-icon {
                &.fa {
                    svg {
                        g {
                            g {
                                stroke: #fff;
                            }
                        }
                    }
                }
            }
        }

        .header-left {}

        .header-right {
            display: flex;
            align-items: center;

            #st-main-menu {
                position: relative;

                .advance-menu {
                    display: none;

                    @media (max-width: 767px) {
                        display: block;
                        position: fixed;
                        top: 15px;
                        right: 90px;
                    }

                    a {
                        color: var(--main-color, #1a2b48);
                        font-weight: 500;
                        cursor: pointer;

                        &:not(:last-child) {
                            margin-right: 10px;
                        }
                    }
                }

                .back-menu {
                    display: none;
                }

                .main-menu {
                    padding-left: 0;
                    margin-bottom: 0;
                    list-style: none;

                    a {
                        text-decoration: none;
                    }

                    >li {
                        display: inline-block;
                        padding-top: 25px;
                        padding-bottom: 25px;

                        >.fa {
                            color: #fff;
                        }

                        >a {
                            display: block;
                            margin-left: 25px;
                            margin-right: 25px;
                            font-size: 14px;
                            font-weight: 600;
                            text-transform: uppercase;
                            position: relative;
                            color: #ffffff;

                            &:hover {
                                &:after {
                                    content: "";
                                    position: absolute;
                                    width: 100%;
                                    height: 1px;
                                    background: white;
                                    bottom: 0;
                                    left: 0;
                                }
                            }
                        }

                        &.active,
                        &:hover,
                        &.current-menu-item {
                            >a {
                                color: #fff;
                            }

                            >.fa {
                                color: #fff;
                            }
                        }

                        &.has-megamenu {
                            position: relative;

                            .fa {
                                position: absolute;
                                top: 50%;
                                margin-top: -9px;
                                right: 5px;
                                font-size: 18px;
                            }

                            .megamenu {
                                display: none;
                                position: absolute;
                            }
                        }
                    }

                    li:last-child {
                        a {
                            margin-right: 0;
                        }
                    }

                    li {
                        &.menu-item-has-children {
                            position: relative;

                            .fa {
                                position: absolute;
                                top: 50%;
                                margin-top: -9px;
                                right: 5px;
                                font-size: 18px;
                            }

                            .menu-dropdown {
                                list-style: none;
                                position: absolute;
                                left: 0;
                                top: 120%;
                                padding-left: 0;
                                margin-bottom: 0;
                                min-width: 200px;
                                padding-top: 5px;
                                padding-bottom: 5px;
                                background: #fff;
                                box-shadow: 0 1px 1px #dbdbdb;
                                z-index: 999;
                                opacity: 0;
                                visibility: hidden;
                                transition: all 0.2s ease-in-out;

                                li {
                                    padding-left: 20px;
                                    padding-right: 20px;

                                    a {
                                        padding: 15px 0;
                                        display: block;
                                        font-size: 14px;
                                        color: var(--main-color, #1a2b48);
                                    }

                                    &:not(:last-child) {
                                        a {
                                            border-bottom: 1px solid #eeeeee;
                                        }
                                    }

                                    &:hover {

                                        >a,
                                        >.fa {
                                            color: var(--link-color, #5191fa);
                                        }
                                    }

                                    &.menu-item-has-children {
                                        .fa {
                                            right: 20px;
                                        }
                                    }
                                }

                                .menu-dropdown {
                                    top: 0;
                                    left: 100%;

                                    li {
                                        a {
                                            border-bottom: 1px solid #eeeeee;
                                        }

                                        &:last-child {
                                            a {
                                                border: none;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        &:hover {
                            >.menu-dropdown {
                                top: 100%;
                                opacity: 1;
                                visibility: visible;
                            }
                        }

                        &.current-menu-item,
                        &.current-menu-ancestor {
                            >a {
                                color: #fff;

                                &:after {
                                    content: "";
                                    position: absolute;
                                    width: 100%;
                                    height: 1px;
                                    background: white;
                                    bottom: 0;
                                    left: 0;
                                }
                            }

                            >.fa {
                                color: #fff;
                            }
                        }
                    }

                    li.has-mega-menu {
                        position: static;

                        a {
                            position: relative;

                            .fa {
                                right: -20px;
                            }
                        }

                        &>ul {
                            &.sub-menu {
                                &.mega-menu {
                                    position: absolute;
                                    left: unset !important;
                                    font-size: 14px;
                                    text-align: left;
                                    z-index: 999;
                                    -webkit-transition: all 0.2s ease-in-out;
                                    transition: all 0.2s ease-in-out;
                                    padding: 0;
                                    margin-top: 40px;
                                    opacity: 0;
                                    visibility: hidden;
                                    right: 0 !important;

                                    .dropdown-menu-inner {
                                        padding: 1px 10px;

                                        .container {
                                            max-width: 100%;
                                        }

                                        .column_container {
                                            &.st-mega {
                                                padding: 20px 25px 25px 25px;
                                                background: #fff;
                                                -webkit-box-shadow: 0 1px 1px #dbdbdb;
                                                box-shadow: 0 1px 1px #dbdbdb;
                                            }
                                        }

                                        .wpb_content_element {
                                            margin-bottom: 0;
                                        }

                                        ul {
                                            &.menu {
                                                padding-left: 0;

                                                li {
                                                    position: relative;
                                                    display: block;
                                                    top: auto;
                                                    right: auto;
                                                    font-size: 14px;
                                                    font-weight: 400;
                                                    line-height: 18px;
                                                    margin-top: 15px;
                                                    border-top: 1px solid #eeeeee;
                                                    padding-top: 15px;

                                                    &.fa {}

                                                    a {
                                                        font-weight: 400;
                                                        color: var(--main-color,
                                                                #5191fa);
                                                    }

                                                    &:before {
                                                        margin-right: 7px;
                                                    }

                                                    &:hover {
                                                        a {
                                                            color: var(--link-color,
                                                                    #1a2b48);
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        &:hover {
                            &>ul {
                                &.sub-menu {
                                    &.mega-menu {
                                        margin-top: 24px;
                                        opacity: 1;
                                        visibility: visible;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 991px) {
    #header.header-style-4 {
        .header {
            .header-right {
                #st-main-menu {
                    display: none;

                    &.open {
                        z-index: 9999999;
                        display: block;
                    }

                    #main-menu {
                        li {
                            padding-top: 0;
                            padding-bottom: 0;

                            a {
                                color: var(--main-color, #1a2b48);
                                margin-right: 0;
                                margin-left: 0;
                            }

                            .fa {
                                color: var(--main-color, #1a2b48);
                            }

                            .menu-dropdown {
                                margin-top: 0;
                            }
                        }

                        li.has-mega-menu {
                            .mega-menu {
                                margin-top: 0 !important;
                                left: 0 !important;
                                width: 100% !important;

                                .dropdown-menu-inner {
                                    .st-mega {
                                        .widget_nav_menu {
                                            margin-bottom: 20px;

                                            ul {
                                                li {
                                                    padding-top: 15px;
                                                    padding-left: 0;

                                                    a {
                                                        border-bottom: none;
                                                        padding-left: 0 !important;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.form-group {
    .form-control:focus {
        border-color: var(--main-color, #5191FA);
        box-shadow: none;
    }
}

input {
    box-shadow: none;
    border: 1px solid #dae1e7;
    border-radius: 3px;
    font-size: 14px;
    color: var(--grey-color, #5E6D77);

    &:focus-visible {
        outline: none;
        box-shadow: none;
    }

    &:focus {
        outline: none !important;
        box-shadow: none !important;
    }
}

button {
    &:focus {
        outline: none;
        box-shadow: none;
    }
}

.btn-check:focus+.btn,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-toggle {
    &:after {
        display: none;
    }

    background: transparent;
}

//Loadding
.st-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 6px;
    background: var(--main-color, #5191FA);
    border-radius: 5px;
    margin-left: -25px;
    animation: load 1.8s ease-in-out infinite;
}

.st-loader:before,
.st-loader:after {
    position: absolute;
    display: block;
    content: "";
    animation: load 1.8s ease-in-out infinite;
    height: 6px;
    border-radius: 5px;
}

.st-loader:before {
    top: -20px;
    left: 10px;
    width: 40px;
    background: var(--orange-color, #FA5636);
    margin-left: -20px;
}

.st-loader:after {
    bottom: -20px;
    width: 35px;
    background: #ffab53;
    margin-left: -17px;
}

.message-wrapper {
    margin-top: 15px;
    width: 100%;
    margin-left: 0px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;

    .alert {
        &.alert-danger {
            background-color: white;
            border: none !important;
            padding: 0px !important;
            margin: 0px !important;
            border-radius: 0px !important;

            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.43;
            letter-spacing: normal;
        }

        .close {
            top: 0px;
            left: auto;
            right: -10px;
            opacity: 1;
        }
    }

}

.message-wrapper-2 {
	padding-left: 15px;
	padding-right: 15px;
	.alert {
		background-color: white;
		border: none !important;
		padding: 0px !important;
		margin: 0px !important;
		border-radius: 0px !important;
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.43;
		letter-spacing: normal;
	}
}

.alert {

    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled),
    button:not(:disabled),
    button {
        background: none;
        background-color: none;
        border: none;
    }

    position: relative;

    .close {
        position: absolute;
        right: 4px;
        top: 4px;
    }
}

.map-content-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(255, 255, 255, .6);

}

.modern-search-result {
    &.loading {
        .map-content-loading {
            display: block;
        }

    }

}

.loader-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(255, 255, 255, 0.7);

    .lds-ripple {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        width: 64px;
        height: 64px;
    }

    .lds-ripple div {
        position: absolute;
        border: 4px solid var(--link-color, #1a2b48);
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

    .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s;
    }
}

@keyframes load {
    0% {
        transform: translateX(40px);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(40px);
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

//End loadding
.field-password {
    &.viewing {
        .stt-icon-eye {
            color: var(--main-color, #1A2B48) !important;
        }

        svg g g {
            stroke: var(--main-color, #1A2B48) !important;
        }
    }
}

//Review form commment
.comment-form.review-form {

    .st-stars,
    .rates {
        i {

            &:hover,
            &.selected,
            &.hovered {
                color: #ffdc00;
            }

            &.grey {

                &:hover,
                &.selected,
                &.hovered {
                    color: #ffdc00;
                }
            }
        }
    }
}

//Modal
.modal-content {
    border-radius: 5px;
    padding: 20px 30px 30px;
    .account-tabs{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
        li{
            font-weight: 500;
            font-size: 16px;
            line-height: 26px;
            color: var(--grey-color,#5E6D77);
            list-style: none;
            margin-left: 20px;
            margin-right: 20px;
            cursor: pointer;
            &.active{
                color: var(--main-color, #5191FA);
                a{
                    color: var(--main-color, #5191FA);
                }
            }
        }

        a{
            color: var(--grey-color,#5E6D77);
          }
          &.active{
                color: var(--main-color, #5191FA);
          }
    }
    .heading {
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
        color: var(--heading-color);
        margin-bottom: 30px;
    }
    .field-password .stt-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 16px;
        font-size: 16px;
        color: var(--grey-color,#5E6D77);
        cursor: pointer;
    }
    button {
        background: transparent;
        border: none;
    }

    .form-group {
        position: relative;
        margin-top: 20px;
        margin-bottom: 0;

        .input-icon {
            position: absolute;
            top: 50%;
            right: 15px;
            font-size: 20px;
            transform: translateY(-50%);
            color: #acb5be;
            line-height: 0;
        }

        .form-control {
            height: 45px;
            box-shadow: none;
            border: 1px solid #dae1e7;
            border-radius: 3px;
            font-size: 14px;
            color: var(--grey-color, #5E6D77);
        }

    }

    .modal-header,
    .modal-body {
        padding: 0px;
    }

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

    .form-submit {
        height: 45px;
        width: 100%;
        background: var(--main-color, #5191FA);
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        border: none;
        border-radius: 3px;
        font-weight: 600;
    }
}

.st-list-dropdown {
    display: inline-block;
    position: relative;

    .header {
        color: var(--main-color, #5191FA);
        font-size: 28px;
        cursor: pointer;
        border: none;

        h2 {
            margin: 0px;
        }
    }

    ul.list {
        display: none;
        margin-top: 10px;
        position: absolute;
        padding: 0;
        min-width: 150px;
        border-radius: 3px;
        margin-bottom: 0;
        overflow: hidden;
        z-index: 999;
        background: #fff;
        border: 1px solid #dbdbdb;

        li {
            font-size: 14px;
            list-style: none;
            padding: 12px 25px;
            border-bottom: 1px solid #dbdbdb;
            color: #333;
            cursor: pointer;

            &:last-child {
                border-bottom: none;
            }
        }
    }
}

.hide {
    display: none;
}

.st-padding-col {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}
.accordion-item {
    border: none;

    .accordion-button {
        background: transparent;
        color: var(--link-color, #1A2B48);
        box-shadow: none;
        padding: 0px;
        margin: 0px;

        &:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231A2B48'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }
    }

    .accordion-body {
        padding: 0px;
    }

    #headingFaq {
        .accordion-button {
            &:after {
                display: none;
            }
        }
    }
}

#st-content-wrapper {
    padding-bottom: 100px;

    @media (max-width: 767) {
        padding-bottom: 50px;
    }

    //Breadcrumb
    .st-header-transparent-elementor {
        .st-breadcrumb {
            border: none;
        }
    }

    .st-breadcrumb {
        padding: 20px 0;
        border-bottom: 1px solid var(--light-grey-color, #EAEEF3);

        ul {
            list-style: none;
            display: block;
            width: 100%;
            margin-bottom: 0;
            padding-left: 0;
            background: #fff;

            li {
                position: relative;
                display: inline-block;
                padding-left: 20px;
                padding-right: 20px;
                z-index: 0;

                &:first-child {
                    padding-left: 0;
                }

                &:not(:last-child):after {
                    position: absolute;
                    content: "";
                    top: 50%;
                    right: -2px;
                    margin-top: -2px;
                    width: 4px;
                    height: 4px;
                    background: var(--light-grey-color, #EAEEF3);
                    z-index: 1;
                }

                a {
                    display: block;
                    font-weight: 500;
                    color: var(--link-color, #1A2B48);
                    text-decoration: none;
                    line-height: 21px;
                }

                &.active {
                    color: var(--grey-color, #5E6D77);
                }
            }
        }
    }

    .st-link {
        color: var(--main-color, #5191FA);
        text-decoration: none;
    }

    .st-service-header {

        //Title post
        h1.st-heading {
            margin-top: 10px;
            color: var(--link-color, #1A2B48);
            font-weight: 500;
            font-size: 30px;
            line-height: 1.3;
        }

        .sub-heading {
            color: var(--grey-color, #5E6D77);
            font-size: 14px;

            .fa {
                font-size: 16px;
                margin-right: 3px;
            }
        }
    }

    .st-hr {
        width: 100%;
        height: 1px;
        background: var(--light-grey-color, #EAEEF3);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    //Gallery
    .st-gallery {
        position: relative;

        &.style-masonry {
            margin-top: 40px;
            clear: both;
            display: inline-block;
            width: 100%;
            overflow: hidden;
            border-radius: 20px;

            img {
                object-fit: cover;
                height: 100%;
                width: 100%;
            }

            .item-gallery {
                width: 33.3333%;
                float: left;
                height: 315px;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 5px;
                padding-top: 5px;

                @media screen and (max-width: 767px) {
                    padding: 0px;
                    width: 100%;
                    height: auto !important;

                    &:not(:nth-child(1)) {
                        display: none;
                    }
                }

                &:nth-child(1) {
                    height: 630px;
                    padding-left: 0px;
                    padding-bottom: 0px;
                }

                &:nth-child(3),
                &:nth-child(5) {
                    padding-right: 0px;
                }

                &.item-hide {
                    display: none;
                }

                &:nth-child(1),
                &:nth-child(2),
                &:nth-child(3) {
                    padding-top: 0px;
                }

                &:nth-child(4),
                &:nth-child(5) {
                    padding-bottom: 0px;
                }
            }

            .shares.dropdown {
                top: auto !important;
                bottom: 30px;

                @media screen and (max-width:768px) {
                    bottom: 20px;
                    right: 20px !important;
                }

                .btn-group {
                    a {
                        background: rgba(0, 0, 0, 0.4);
                        border: 1px solid rgba(255, 255, 255, 0.7);
                        box-sizing: border-box;
                        border-radius: 40px !important;
                        color: #FFF;

                        span {
                            color: #FFF;
                        }

                        font-weight: 500;
                        font-size: 16px;
                        line-height: 20px;

                        &.st-video-popup {
                            padding: 12px;
                            margin-right: 16px;

                            i {
                                font-size: 18px;
                            }

                            @media screen and (max-width:768px) {
                                margin-right: 10px;
                            }
                        }

                        &.st-gallery-popup {
                            span {
                                margin-right: 10px;
                            }
                        }
                    }
                }
            }
        }

        &.style-slider {
            margin-top: 30px;
            position: relative;

            .owl-stage-outer {
                border-radius: 20px;
            }

            .owl-nav {

                .owl-prev,
                .owl-next {
                    position: absolute;
                    width: 50px;
                    height: 50px;
                    background: #FFFFFF;
                    border-radius: 50%;
                    top: 50%;
                    margin-top: -25px;
                    left: 30px;

                    span {
                        font-family: 'traveler-icon' !important;
                        color: transparent !important;
                    }
                }

                .owl-next {
                    left: auto;
                    right: 30px;

                    span {
                        &:before {
                            color: #232323;
                            content: "\e968";
                            font-size: 18px;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }

                .owl-prev {
                    left: 30px;
                    right: auto;

                    span {
                        &:before {
                            color: #232323;
                            content: "\e966";
                            font-size: 18px;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }
            }

            .count {
                background: rgba(0, 0, 0, 0.4);
                border-radius: 50px;
                padding: 12px 22px;
                font-weight: 400;
                font-size: 14px;
                line-height: 22px;
                color: #fff;
                position: absolute;
                bottom: 30px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 1;
            }
        }

        .fotorama__arr {
            border-radius: 3px;
            width: 40px;
            height: 40px;
            background: 0 0;
            background-color: rgba(26, 43, 72, .6);

            &:after {
                position: absolute;
                left: 50%;
                margin-left: -13px;
                top: 7px;
                width: 24px;
                height: 24px;
            }
        }

        .fotorama__arr--next {
            right: 30px;

            @media screen and (max-width:991px) {
                right: 0px;
            }

            &:after {
                content: "";
                background: url(../../v2/images/svg/ico_next.svg);
            }
        }

        .fotorama__arr--prev {
            left: 30px;

            @media screen and (max-width:991px) {
                left: 0px;
            }

            &:after {
                content: "";
                background: url(../../v2/images/svg/ico_pre.svg);
            }
        }

        .fotorama__fullscreen-icon {
            width: 40px;
            height: 40px;
            top: auto;
            bottom: 30px;
            right: 30px;
            background: 0 0;

            &:before {
                content: "";
                position: absolute;
                width: 24px;
                height: 24px;
                background: url(../../v2/images/svg/ico_full_3.svg);
                left: 50%;
                margin-left: -11px;
                top: 7px;
                z-index: 1;
            }

            &:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(26, 43, 72, .5);
                border-radius: 3px;
            }
        }

        .shares {
            position: absolute;
            top: 30px;
            right: 30px;
            z-index: 1;

            .share-item {
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: rgba(26, 43, 72, .6);
                color: #fff;
                text-align: center;
                line-height: 40px;

                i {
                    float: left;
                    display: block;
                    font-size: 18px;
                    margin: 0px;
                    line-height: 40px;
                    width: 100%;
                    height: 100%;
                }

                &:not(:last-child) {
                    margin-right: 10px;
                }
            }

            .share-wrapper {
                display: none;
                padding-left: 0;
                position: absolute;
                top: 100%;
                margin-top: 10px;
                left: 0;
                z-index: 1;

                li {
                    width: 40px;
                    height: 40px;
                    background: #fff;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 5px;

                    a {
                        color: var(--link-color, #1A2B48);
                    }
                }
            }
        }
		&.mod-tour-2 .shares.dropdown {
			top: auto !important;
			bottom: 30px;
			.btn-group a {
				background: rgba(0, 0, 0, 0.4);
				border: 1px solid rgba(255, 255, 255, 0.7);
				box-sizing: border-box;
				border-radius: 40px !important;
				color: #FFF;
				font-weight: 500;
				font-size: 16px;
				line-height: 20px;
				span {
					margin-right: 10px;
				}
			}
			@media screen and (max-width:768px) {
				bottom: 30px;
				right: 10px !important;
			}
		}
    }

    //Cut gradient
    .cut-gradient {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background-image: linear-gradient(rgba(255, 255, 255, 0) 1%, white 80%);
    }

    //Content
    .st-description {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 400;
        position: relative;

        &.open {
            .cut-gradient {
                display: none;
            }
        }
		a {
			color: var(--main-color);
		}
    }


    .st-heading-section,
    .accordion-button {
        font-size: 24px;
        color: var(--heading-color);
        font-weight: 500;
    }

    //End Content
    //Attribute
    .st-attributes {
        .item-attribute {
            .item {
                line-height: 50px;
                font-size: 14px;
                color: var(--grey-color, #5E6D77);

                .fa {
                    margin-right: 15px;
                    font-size: 24px;
                }
            }
        }

        &+.st-attributes {
            margin-top: 30px;
        }
    }

    //End Attribute

    //Rules
    .st-properties {

        th,
        td {
            padding: 10px 0;
            border: none;
            font-size: 14px;
            color: var(--grey-color, #5E6D77);
        }

        th {
            width: 33.3333%;
            font-weight: 400;
        }

    }

    //End Rules
    //List Room
    .st-list-rooms {
        .item {
            margin-bottom: 20px;
            border: 1px solid #d7dce3;
            overflow: hidden;

            .heading {
                font-size: 18px;
                color: var(--link-color, #1A2B48);
                font-weight: 500;
            }

            .facilities {
                .item {
                    border: none;
                    margin-top: 20px;
                    margin-bottom: 0px;
                    padding-right: 10px;
                    display: inline-block;

                    .fa {
                        text-align: center;
                        border: 1px solid var(--light-grey-color, #EAEEF3);
                        padding: 6px 8px;
                        font-size: 12px;
                        margin-right: 0;
                    }


                }
            }
        }
    }

    //End List room

    //Review
    .review-box {
        margin-top: 20px;
        padding: 30px;
        border: 1px solid var(--light-grey-color, #EAEEF3);
        color: var(--link-color, #1A2B48);
        font-weight: 500;

        .heading {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 20px;
        }

        .review-box-score {
            padding-top: 45px;
            padding-bottom: 45px;

            .review-score {
                line-height: 50px;
                font-size: 72px;
                font-weight: 500;
                color: var(--main-color, #5191FA);

                .per-total {
                    font-size: 24px;
                }
            }

            .review-score-text {
                font-weight: 400;
                font-size: 24px;
                color: var(--link-color, #1A2B48);
            }

            .review-score-base {
                margin-top: 10px;
                color: #768090;
                font-size: 14px;

                span {
                    color: var(--main-color, #5191FA);
                }
            }
        }

        .item {
            margin-top: 15px;

            .progress {
                position: relative;
                height: 8px;
                width: 100%;
                border-radius: 10px;
                box-shadow: none;
                background: #eee;
                margin-bottom: 0;
                overflow: inherit;

                .percent {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 8px;
                    background: var(--main-color, #5191FA);
                    border-radius: 10px;

                    &.darkgreen {
                        background: #27ae61;
                    }

                    &.green {
                        background: #2ecc71;
                    }

                    &.yellow {
                        background: #f1c40f;
                    }

                    &.orange {
                        background: #e67f22;
                    }

                    &.red {
                        background: #e84c3d;
                    }
                }
            }

            .label {
                position: relative;
                margin-top: 8px;
                display: block;
                padding-left: 0;
                color: var(--link-color, #1A2B48);
                font-size: 14px;
                font-weight: 400;
                text-align: left;

                .number {
                    position: absolute;
                    top: 0;
                    right: 2px;
                    color: #768090;
                }
            }
        }
    }

    .review-pagination {
        .summary {
            margin-top: 30px;
            color: var(--grey-color, #5E6D77);
            font-size: 14px;

        }
    }

    .review-list {
        margin-top: 30px;

        .comment-item {
            padding-top: 30px;
            padding-bottom: 30px;
            border-top: 1px solid var(--light-grey-color, #EAEEF3);
            font-size: 14px;

            .comment-item-head {
                display: flex;
                justify-content: space-between;
            }

            .like {
                .st-like-review {
                    color: var(--link-color, #1A2B48);
                }
            }

            .media {
                margin-right: 100px;
                .media-left {
                    padding-right: 20px;
                    img {
						border-radius: 50%;
						height: 50px;
						object-fit: cover;
                    }
                }
            }

            .media-body {
                .media-heading {
                    font-size: 14px;
                    color: var(--link-color, #1A2B48);
                    font-weight: 600;
                }

                .date {
                    color: #aeb4c0;
                }
            }
        }

        .comment-item-body {
            margin-top: 30px;

            .title {
                position: relative;
                font-size: 16px;
                line-height: 20px;

                .comment-rate {
                    padding: 5px;
                    background: var(--main-color, #5191FA);
                    color: #fff;
                    border-radius: 3px;
                    font-size: 14px;
                    line-height: 20px;
                    margin-right: 15px;
                }
            }

            .detail {
                color: #74818a;

                .st-description {
                    margin-bottom: 0px;
                }
            }
        }
    }

    #write-review {
        #respond {
            margin-top: 30px;
            padding: 30px;
            border: 1px solid #d7dce3;
            background: #f9f9f9;

            .form-control {
                height: 40px;
                margin-top: 15px;
                box-shadow: none;
                border: 1px solid #dae1e7;
            }

            .comment-notes {
                font-size: 14px;
                color: var(--grey-color, #5E6D77);
                margin-top: 10px;
            }

            .comment-notes {
                font-size: 14px;
                color: var(--grey-color, #5E6D77);
                margin-top: 10px;
            }

            .form-wrapper {
                .form-group {
                    margin-bottom: 15px;

                    .form-control {
                        height: 40px;
                        font-size: 14px;
                        box-shadow: none;
                        color: #768090;
                        font-weight: 500;
                        border-color: #eee;
                    }

                    textarea {
                        padding-top: 20px;
                        min-height: 310px;
                        resize: none;
                    }
                }
            }

            .review-items {
                background: #fff;
                padding: 30px;
                border: 1px solid #eee;
                border-radius: 5px;
                margin-top: 15px;

                .item {
                    margin-bottom: 10px;

                    label {
                        font-size: 14px;
                        font-weight: 500;
                        color: #768090;
                        margin-bottom: 5px;
                    }

                    .rates {
                        position: relative;

                        i {
                            cursor: pointer;
                            font-size: 18px;
                            color: var(--main-color, #5191FA);

                            &.grey {
                                color: var(--grey-color, #5E6D77);
                            }

                            &.selected,
                            &.hovered {
                                color: var(--main-color, #5191FA);
                            }
                        }

                        i:not(:last-child) {
                            margin-right: 20px;
                        }

                    }
                }
            }

            .submit {
                border-radius: 5px;
                color: #fff;
                margin-top: 30px;
                border: none;
                box-shadow: none;
                font-size: 14px;
                background: var(--main-color, #5191FA);
                padding: 10px 20px;
                text-transform: uppercase;
                font-weight: 500;
            }
        }

        .comment-reply-title {
            margin: 0;
            font-size: 14px;
            color: var(--link-color, #1A2B48);
            text-transform: uppercase;
        }
    }

    //End Review
    //Poup Map
    .st-map {
        position: relative;

        .google-map {
            height: 450px;
            width: 100%;
        }
    }

    .modal-map {
        .google-map {
            height: 450px;
            width: 100%;
        }
    }

    //End Poup Map
    //Sidebar Booking
    .form-book-wrapper {
        border: 1px solid #d7dce3;

        .form-head {
            padding: 17px 20px;
            background: var(--main-color, #5191FA);
            border: 1px solid var(--main-color, #5191FA);
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            font-size: 12px;
            color: #fff;

            .price {
                font-size: 18px;
                color: #fff;
                font-weight: 500;
            }
			#total-text {
				display: none;
			}
        }

        nav>.nav {
            &.nav-tabs {
                border: none;
                color: #fff;
                background: #f9f9f9;
                border-radius: 0;
                padding: 0;

                li {
                    width: 50%;
                    display: block;
                    padding: 20px;
                    text-align: center;
                    position: relative;
                    cursor: pointer;

                    a {
                        position: relative;
                        border: none;
                        padding: 0;
                        background-color: #f9f9f9;
                        color: var(--grey-color, #5E6D77);
                        border-radius: 0;
                        font-size: 16px;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 500;
                        text-transform: uppercase;
                        display: inline-block;
                    }

                    a.active {
                        border: none;
                        color: var(--main-color, #5191FA);
                        background: #f9f9f9;
                        border-radius: 0;

                        &:after {
                            content: "";
                            position: absolute;
                            bottom: -20px;
                            left: 0;
                            background-color: var(--main-color, #5191FA);
                            width: 100%;
                            height: 1px;
                            bottom: -3px;
                        }
                    }
                }

            }
        }

        form {
            position: relative;
        }

        .form-group:not(.st-external) {
            margin-bottom: 0;
            border-top: 1px solid #d7dce3;

            label {
                display: block;
                font-size: 14px;
                color: var(--grey-color, #5E6D77);
                font-weight: 400;
            }
        }

        .form-date-field {
            position: relative;

            &.date-enquire {
                padding-left: 0 !important;
            }

            .check-in-out {
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: -1;
                opacity: 0;
            }

            .check-in-wrapper {
                padding: 0;

                .render {
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 400;
                    color: var(--main-color, #5191FA);
                }
            }

            .st_grid_date {
                margin: 0;
                padding: 0;
                display: inline-table;
                position: relative;
                display: flex;

                li {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    width: 50%;
                    display: block;
                    text-align: center;
                    position: relative;

                    &:nth-child(1) {
                        border-right: 1px solid #d7dce3;
                    }

                    .st-item-date {
                        padding: 20px;
                    }
                }
            }

        }

        .form-extra-field {
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;

            .render {
                font-size: 16px;
                color: var(--main-color, #5191FA);
            }

            .arrow {
                font-size: 22px;
                color: #a0a9b2;
            }

            &+.dropdown-menu {
                width: 100%;
                padding: 15px 30px;
                border-radius: 0;
                box-shadow: 0 1px 2px rgb(0 0 0 / 18%);
                max-height: 332px;

                .item {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;

                    &:not(:last-child) {
                        margin-bottom: 20px;
                    }
                }
            }
        }

        .submit-group {
            border-top: 1px solid #d7dce3;
            padding: 15px 20px 0;
        }

        .tab-content {
            border-bottom: 5px solid var(--main-color, #5191FA);
            padding: 0 !important;
        }

        //Mail form inquiry
        .st-sent-mail-customer {
            padding: 0 20px;
            position: relative;
            border-top: 1px solid #d7dce3;
            background-color: #fff;

            .form-st-send-mail {
                margin-top: 0;
            }

            .form-group {
                border-top: none !important;
                margin-top: 5px;

                input {
                    border: none;
                    padding: 10px 5px;
                    border-bottom: 1px solid #d7dce3;
                    border-radius: 0;
                    box-shadow: inset 0 1px 1px transparent;
                    font-size: 14px;
                    width: 100%;
                }
            }

            textarea {
                height: 80px;
                border: none;
                padding: 10px 5px;
                border-bottom: 1px solid #d7dce3;
                border-radius: 0;
                box-shadow: inset 0 1px 1px transparent;
                width: 100%;
            }

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

    .widget-box {
        background: #fff;
        margin-top: 30px;
        padding: 20px;
        border: 1px solid #d7dce3;

        .infor-heading {
            color: var(--main-color, #1A2B48);
            font-weight: 500;
            font-size: 14px;
            margin-top: 10px;

            &+p {
                color: var(--grey-color, #5E6D77);
                font-size: 12px;
                line-break: anywhere;
            }
        }
    }
    &.st-style-elementor{
        .widget-box {
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
            border-radius: 20px;
        }
    }
    .widget-box {
        .media-body {
            .media-heading {
                font-weight: 500;
                font-size: 14px;

                a {
                    color: var(--link-color, #1A2B48);
                }
            }

            p {
                margin-bottom: 5px;
                color: var(--grey-color, #5E6D77);
                font-size: 12px;
            }
        }

        .heading {
            &.heading-border {
                padding-left: 15px;
                padding-top: 5px;
                padding-bottom: 20px;
                border-bottom: 2px solid #d7dce3;
                position: relative;
                font-size: 20px;
                color: var(--link-color, #1A2B48);
                position: relative;

                &::after {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 0;
                    width: 3px;
                    height: 30px;
                    background: var(--main-color, #5191FA);
                }
            }
        }

        .related-services {
            &.related-hotel {
                .item {
                    display: flex;

                    .media {
                        .media-left {
                            width: 40%;
                        }

                    }

                    .price-wrapper,
                    .price {
                        font-size: 14px;
                    }

                }

                .hr {
                    margin-top: 15px;
                    margin-bottom: 15px;
                }
            }
        }
    }

    //End Sidebar Booking
    //Related sidebar
    .related-services-vertical {
        .item {
            margin-top: 20px;
            margin-bottom: 20px;

            .media-left {
                width: 100px;
                padding-right: 15px;

                a {
                    display: block;
                }
            }

            .media-body {
                width: auto;

                .media-heading {
                    margin-top: 5px;
                    font-size: 14px;
                }
            }

            .price-wrapper {
                margin-top: 8px;
                font-size: 12px;
                color: var(--grey-color, #5E6D77);

                .price {
                    font-weight: 500;
                    font-size: 16px;
                    color: var(--link-color, #1A2B48);
                }
            }
        }
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top;
    }

    //End related sidevar

    //Mobile
    @media screen and (max-width:991px) {
        .hotel-target-book-mobile {
            position: fixed;
            left: 0;
            width: 100%;
            bottom: 0;
            background: #fff;
            padding: 10px 15px;
            border-top: 1px solid var(--light-grey-color, #EAEEF3);
            align-items: center;
            justify-content: space-between;
            z-index: 9;
			.item.onsale {
				text-decoration: line-through;
				color: #B1BAC1;
			}
        }

        .fixed-on-mobile {
            position: fixed;
            top: 0;
            left: 0;
            width: 100% !important;
            bottom: 0;
            background: #fff;
            z-index: 999;
            display: none;
            overflow: scroll;

            .close-icon {
                display: block !important;
                position: absolute;
                top: 20px;
                right: 22px;
                z-index: 2;
                cursor: pointer;
            }
        }

        .hidden-xs {
            display: none;
        }
    }

}

.st-page-default {
    .banner {
        height: unset;
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px;

        h1 {
            color: #FFF;
            position: relative;
            z-index: 7;
        }
    }
}

.page-template-template-fullwidth {
    #st-content-wrapper {
        padding-bottom: 0px;
    }
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

//Style date rangpicker
.daterangepicker {
    min-width: 300px;
    min-height: 100px;
    border-radius: 0 0 3px 3px;
    margin: 0px;

    @media screen and (max-width:450px) {
        width: calc(100% - 66px);
    }

    &.dropdown-menu {
        z-index: 999999;
    }

    &:before,
    &:after {
        content: '';
        position: static;
        border: none;
        background: none;
        width: 0;
        height: 0;
    }

    &:not(.single) {
        .calendar {
            &.left {
                .next {
                    display: none;
                }
            }
        }
    }

    .calendar {
        position: relative;
        max-width: 100% !important;
    }

    .ranges {
        .btn {
            padding: 10px 20px;
            font-size: 14px;
        }
    }

    .calendar-time-wrapper {
        .calendar-time {
            div {
                display: flex;
                align-items: center;

                &>* {
                    margin: 0;

                    &:not(:first-child) {
                        margin-left: 5px;
                    }

                    &::after {
                        content: unset;
                    }
                }
            }
        }
    }

    select.hourselect,
    select.minuteselect,
    select.secondselect,
    select.ampmselect {
        width: 50px;
        color: var(--link-color);
        background: var(--light-grey-color, $light-grey);
        border: 1px solid var(--light-grey-color, $light-grey);
        padding: 2px;
        outline: 0;
        font-size: 12px;
        text-align: center;
        text-align-last: center;
        appearance: auto;

        &:after {
            content: unset;
        }

        option {
            padding: 2px 5px;
        }

        &::-webkit-scrollbar {
            width: 2px;
        }

        &::-webkit-scrollbar-thumb {
            color: red;
        }
    }

    .table-header {
        position: relative;
        padding-bottom: 20px;

        &:after {
            content: '';
            display: table;
            clear: both;
        }

        .month {
            text-align: center;
        }

        .prev {
            position: absolute;
            bottom: 0;
            left: 0;
            float: left;
            width: 48px;
            height: 48px;
            background: url("../../v2/images/arow_left.png") no-repeat left center;
            cursor: pointer;
            z-index: 9;
        }

        .next {
            position: absolute;
            bottom: 0;
            right: 0;
            float: right;
            width: 48px;
            height: 48px;
            background: url("../../v2/images/arrow_right.png") no-repeat right center;
            cursor: pointer;
            z-index: 9;
        }
    }

    .table-sub-header {
        border-top: 1px solid #D7DCE3;

        &:after {
            content: '';
            display: table;
            clear: both;
        }

        .day-off-week {
            width: calc(100% / 7);
            padding-top: 10px;
            padding-bottom: 10px;
            color: #ADB2BD;
            float: left;
            text-align: center;
        }
    }

    .month {
        color: var(--link-color, #1A2B48);
        font-weight: 500;
        position: relative;
        font-weight: 500;
        top: 6px;
    }

    .table-condensed {

        .td-date {
            width: auto;
            height: auto;
            padding: 0;
            background: none;
            border: 1px solid rgba(81, 145, 250, 0.2);

            &.not_available.disabled.off {
                background: #efefef;
            }

            &.not_available {
                &.off {
                    border: 1px solid rgba(81, 145, 250, 0.2);
                }
            }

            &.off,
            &.td-no-show.available.disabled.off,
            &.td-no-show.not_available.disabled.off,
            &.not_available.off.not-show {
                border: none;
            }

            .date {
                width: 36px;
                height: 32px;
                font-size: 14px;
                line-height: 32px;
                font-weight: 400;
                color: var(--link-color, #1A2B48);
                display: inline-block;
            }

            &.disabled {
                text-decoration: none;

                .date {
                    color: #D7DCE3;
                }
            }

            &.not_available.disabled.off,
            &.not_available.off.disabled {
                background: #efefef;
            }

            &.today {
                .date {
                    color: #FA5535;
                }

                &:not(.start-date),
                &:not(.in-range) {
                    .date {
                        color: #FA5535;
                        border: 1px solid #FA5535;
                    }
                }
            }

            &.start-group {
                background: #fef5ca;
            }

            &.in-group {
                background: #fef5ca;

                .date {
                    color: #767676;
                }
            }

            &.end-group {
                background: #fef5ca;

                .date {
                    color: #767676;
                }
            }

            &:hover {
                background: rgba(81, 145, 250, 0.2);
            }

            &.start-date {
                &:not(.end-date) {
                    box-shadow: -3px 0 0 var(--main-color, #5191FA);
                }

                background: rgba(81, 145, 250, 0.2);

                &.today {
                    .date {
                        border: none;
                    }
                }
            }

            &.in-range {
                background: rgba(81, 145, 250, 0.2);

                &.today {
                    .date {
                        border: none;
                    }
                }
            }

            &.end-date {
                &:not(.start-date) {
                    box-shadow: 3px 0 0 var(--main-color, #5191FA);
                }

                background: rgba(81, 145, 250, 0.2);

                &.today {
                    .date {
                        border: none;
                    }
                }
            }

            &.td-no-show {
                visibility: hidden;
            }

            &.has-tooltip {
                position: relative;

                .event-tooltip-wrap {
                    position: absolute;
                    top: 100%;
                    margin-top: 5px;
                    left: 0;
                    z-index: 1;
                    background: rgba(0, 0, 0, 0.7);
                    color: #FFF;
                    font-size: 12px;
                    padding: 4px 6px;
                    border-radius: 2px;
                    display: none;
                }

                &:hover {
                    .event-tooltip-wrap {
                        display: block;
                    }
                }
            }
        }
    }

    &.respon-single {
        .calendar.right {
            display: none;
        }

        .calendar.left .next {
            display: block;
        }
    }
}

//No full day booking
.st-no-fullday-booking {
    .table-condensed {
        .td-date {
            &.available_allow_fist {
                background: linear-gradient(315deg, #efefef 50%, rgba(242, 242, 242, 0) 50%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCD29A", endColorstr="#FCD29A", GradientType=1);

                &.in-range {
                    background: linear-gradient(315deg, #efefef 50%, rgba(81, 145, 250, 0.2) 50%) !important;
                }

                &.active {
                    background: linear-gradient(315deg, rgba(242, 242, 242, 1) 50%, rgba(81, 145, 250, 0.2) 50%) !important;

                    &.end-date {
                        &.in-range {
                            background: linear-gradient(315deg, rgba(242, 242, 242, 1) 50%, rgba(81, 145, 250, 0.2) 50%) !important;
                        }
                    }
                }

            }

            &.available_allow_last {
                background: linear-gradient(135deg, #efefef 50%, rgba(242, 242, 242, 0) 50%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCD29A", endColorstr="#FCD29A", GradientType=1);

                &.active {
                    background: linear-gradient(315deg, rgba(81, 145, 250, 0.2) 50%, rgba(242, 242, 242, 1) 50%) !important;

                    &.start-date {
                        &.in-range {
                            background: linear-gradient(315deg, rgba(81, 145, 250, 0.2) 50%, rgba(242, 242, 242, 1) 50%) !important;
                        }
                    }
                }

                &.in-range {
                    background: linear-gradient(315deg, rgba(81, 145, 250, 0.2) 50%, #efefef 50%) !important;
                }

                &.start-date {
                    &.in-range {
                        background: linear-gradient(315deg, rgba(81, 145, 250, 0.2) 50%, #efefef 50%) !important;
                    }
                }
            }
        }

        .td-date:not(.available_allow_last):not(.available_allow_fist).active {
            &.end-date.in-range {
                background: linear-gradient(315deg, rgba(242, 242, 242, 0) 50%, rgba(81, 145, 250, 0.2) 50%) !important;
            }

            &.start-date {
                background: linear-gradient(315deg, rgba(81, 145, 250, 0.2) 50%, rgba(242, 242, 242, 0) 50%) !important;
            }
        }
    }
}

.clearfix {
    &:before {
        display: table;
        content: " ";
    }
}

.st-number-wrapper {
    span {
        height: 34px;
        line-height: 34px;
        display: block;
        text-align: center;
        border-radius: 3px;
        float: right;
        user-select: none;
        cursor: pointer;
    }

    input {
        background-color: transparent !important;
        float: right;
        padding: 0;
        font-size: 16px !important;
        font-weight: 400;
        color: var(--main-color, #5191FA);
        text-align: center;
        border: none;
        box-shadow: none;
        width: 35px !important;
        margin-left: 10px;
        margin-right: 10px;
        user-select: none;
    }

}

.label-highlight {
    position: absolute;
    top: 50%;
    left: 100%;
    padding: 2px 8px;
    font-size: 10px;
    line-height: 1.1;
    text-align: center;
    border-radius: 2px;
    color: #ffffff;
    background-color: $link;
    transition: all 0.3s ease-in-out;
    transform: translate(0, calc(-50% - 15px));
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
    text-transform: capitalize;

    &:after {
        content: '';
        border: 4px solid;
        border-color: inherit;
        position: absolute;
        top: 50%;
        left: 5px;
        border-bottom-color: transparent !important;
        border-right-color: transparent !important;
        transform: translate(0, calc(-50% + 10px));
    }
}

.range-slider {
    .irs-bar {
        background-color: var(--main-color, #5191FA) !important;
        background: var(--main-color, #5191FA) !important;
        border-radius: 100px;
        height: 6px !important;
        border-color: var(--main-color, #5191FA);
        border-top: 1px solid var(--main-color, #5191FA);
        border-bottom: 1px solid var(--main-color, #5191FA);
    }

    .irs--flat .irs-from,
    .irs--flat .irs-to,
    .irs--flat .irs-single,
    .irs--flat .irs-handle>i:first-child {
        background-color: var(--main-color, #5191FA);
    }

    .irs--flat .irs-from:before,
    .irs--flat .irs-to:before,
    .irs--flat .irs-single:before {
        border-top-color: var(--main-color, #5191FA);
    }

    .irs-line {
        background: #EEEEEE;
        border-radius: 100px;
        height: 6px !important;
        border: 0;
    }

    .irs-slider {
        height: 12px;
        width: 12px;
        background: var(--main-color, #5191FA);
        border: 0;

    }

    .irs--flat {
        .irs-handle {
            width: 12px;
            height: 12px;

            i:first-child {
                height: 12px;
                width: 12px;
                background: var(--main-color, #5191FA);
                border: 0;
                border-radius: 50%;
                left: 0px;
            }
        }
    }

}

.st-icheck-item {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
    line-height: 21px;
    display: flex;
    align-items: center;

    label {
        font-size: 14px;
        color: var(--grey-color, #5E6D77);
        font-weight: normal;
        margin-bottom: 0px;
        cursor: pointer;

        input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            margin: 0;

            &:checked~.checkmark {
                background-color: #fff !important;

                &:after {
                    display: block;
                }
            }
        }

        .checkmark {
            position: absolute;
            top: 2px;
            left: 0;
            height: 16px;
            width: 16px;
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid #A0A9B2;

            &:after {
                content: "";
                position: absolute;
                display: none;
                top: 4px;
                left: 4px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: var(--main-color, #5191FA);
            }

            &.fcheckbox {
                border-radius: 2px;

                &:after {
                    background-color: transparent;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    left: 5px;
                    top: 2px;
                    width: 5px;
                    height: 8px;
                    border: solid var(--main-color, #5191FA);
                    border-width: 0 2px 2px 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
            }
        }

        &:hover {
            input~.checkmark {
                /* background-color: #dfdfdf; */
            }
        }

        .fa {
            font-size: 12px;
            color: var(--orange-color, #FA5636);
        }
    }
}

//Scroll barr
.st-scrollbar {
    width: auto;
    overflow-y: scroll;
    overflow-x: hidden;

    &::-webkit-scrollbar {
        width: 4px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar-thumb {
        background-color: #dedede;
        border: 2px solid #d3cbcb;
    }
}

.btn-primary {
    border-color: var(--main-color, #5191FA);
}

//Wishlist
.service-add-wishlist {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 21px;
    z-index: 8;
    cursor: pointer;

    &.added {
        color: #ff0000eb;

        span {
            color: #ff0000eb;
        }
    }

    &.loading {
        .lds-dual-ring {
            display: inline-block;
        }

        .fa {
            display: none;
        }
    }
}

.lds-dual-ring {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 10px;
    display: none;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 1px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.st-link {
    color: var(--main-color, #5191FA);
    text-decoration: none;
}

.service-border {
    border: 1px solid #dfdfdf;
    overflow: hidden;
    padding-bottom: 15px;
    display: block;

    .car-type {
        font-size: 14px;
        color: var(--grey-color, #5E6D77);
        margin-top: 10px;
    }
}

//Swiper slider
.swiper {
    width: 100%;
    height: 100%;

}

.st-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 999999 !important;
    display: none;

    .popup-date {
        overflow: hidden;

        &.popup-content {
            min-height: 305px;
        }
    }

    .popup-title {
        font-size: 16px;
        padding: 25px 15px;
        border-bottom: 1px solid #dfdfdf;
        text-transform: uppercase;
        margin-top: 0;

        &:before {
            content: "";
            position: relative;
            height: 20px;
            width: 4px;
            background: #339bff;
            display: block;
            float: left;
            margin-right: 10px;
            top: -2px;
        }
    }

    .popup-content {
        padding: 15px;
    }

    .check-in-out {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .popup-close {
        float: right;
        z-index: 9;
        padding: 22px 15px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
    }

    &.popup-guest {
        ul {
            padding: 0;
            margin: 0;

            li {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 15px;

                label {
                    width: 50%;
                    font-weight: 400;
                }

                .select-wrapper {
                    width: 50%;
                }

                .st-number-wrapper {
                    display: flex;
                    align-items: center;
                    float: right;
                }
            }
        }

    }

    .btn {
        text-align: center;
        margin: auto;
        display: block;
        outline: none;
    }
}

.st-form-package {
    background: transparent url(../../v2/images/svg/ico_add-circle.svg) center right 20px no-repeat;
    cursor: pointer;
}

.cart-text-empty {
    font-size: 14px;
    padding: 15px 20px 10px;
}

.sort-menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    z-index: 999999;
    height: 100%;
    border: none;
    padding: 15px;
}

.sidebar-search-form {
    .close-filter {
        float: right;
        cursor: pointer;
    }
}

.toolbar .sort-menu {
    .sort-title {
        margin-bottom: 10px;

        h3 {
            padding: 10px 0;

            &:before {
                content: "";
                position: relative;
                height: 20px;
                width: 4px;
                background: var(--main-color, #5191FA);
                display: block;
                float: left;
                margin-right: 10px;
                top: -3px;
            }

            .close-filter {
                float: right;
                cursor: pointer;
            }
        }
    }

    .sort-item {
        margin-bottom: 10px;

        .st-icheck-item:last-child {
            margin-bottom: 0;
        }

        .title {
            color: #adb2bd;
            margin-bottom: 7px;
            display: block;
            margin-top: 10px;
        }
    }
}

.btn-clear-filter {
    display: inline-block;
    margin-left: 10px;
    color: var(--main-color, #5191FA);
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

header#main-header,
.btn-primary,
.post .post-header,
.top-user-area .top-user-area-list>li.top-user-area-avatar>a:hover>img,
.booking-item:hover,
.booking-item.active,
.booking-item-dates-change:hover,
.btn-group-select-num>.btn.active,
.btn-group-select-num>.btn.active:hover,
.btn-primary:hover,
.booking-item-features>li:hover>i,
.form-control:active,
.form-control:focus,
.fotorama__thumb-border,
.sticky-wrapper.is-sticky .main_menu_wrap,
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.btn-primary:focus {
    border-color: var(--main-color, #5191FA) !important;
}

//@wooc_auto_switcher
.woocs_auto_switcher {
    display: none !important;
}

//Affiliate
.search-form.st-traveler-payout form {
    .field-guest {
        .form-extra-field {
            min-height: 82px;
        }
    }

    .notice {
        font-size: 14px;
        padding-bottom: 4px;
    }

    .field-passenger {
        .form-button {
            width: 100%;
        }
    }

}

.search-form form {
    &.bookingdc {
        .field-guest {
            .form-extra-field {
                min-height: 82px;
            }
        }
    }
}

.i-check {


    transition: .3s;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 -13px;
    padding: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    cursor: pointer;
    top: 1px;
    left: -7px;
    float: left;
    line-height: 20px;
    transition: .3s;
    position: relative;
    overflow: hidden;

    &:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        transform: translate3d(0, 0, 0);
        opacity: 1;
        filter: none;
        content: '\f00c';
        transition: .3s;
        transform: translate3d(0, -25px, 0);
        display: block;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        color: #fff;
        font-size: 14px;
    }

    &.checked {
        border: 1px solid var(--main-color, #5191FA);
        background: var(--main-color, #5191FA);

        &::before {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            filter: none;
        }
    }
}

.tp-checkbox-class label {
    margin-left: 20px;
}

.st-traveler-payout {
    select.st-location-id {
        display: none;
    }

    .field-detination {
        .render {
            width: 100%;
        }
    }

    .st-form-dropdown-icon {
        width: 100%;
    }
}

.st-option-wrapper.option-wrapper,
.option-wrapper.st-option-wrapper {
	display: none;
    width: 450px !important;

    @media (max-width: 767px) {
        width: 100% !important;
    }

    padding: 10px;
    border-radius: 0 0 4px 4px;
    border-color: #dfdfdf;
    max-height: 332px;
    margin-top: 22px;
    background: #FFF;
    margin-left: -52px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 3px #ccc;

    &::-webkit-scrollbar {
        width: 4px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar-thumb {
        background-color: #dedede;
        border: 2px solid #d3cbcb;
    }

    .option,
    .option1 {
        padding: 10px 5px;
        font-size: 13px;
        cursor: pointer;

        .label {
            .fa {
                margin-left: 10px;
            }
        }
    }
}

.st-search-form-calendar {
    label {
        font-size: 12px;
        display: flex !important;

        svg {
            width: 14px;
            margin-top: 0 !important;
        }
    }
}


.anchorific {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 30px;
}

.anchorific div {
    font-weight: 700;
    font-size: 25px;
    line-height: 46px;
    color: #232323;
}

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

.anchorific li ul {
    list-style-type: none;
}

.anchorific ul li a {
    color: #238b90;
    display: block;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 700;
    text-decoration: none;
    padding: 5px;
}


.anchorific li.active>a {
    /* border-right: #e54339 1px solid; */
    background-color: #fff;
}

.anchorific li.active>ul {
    display: block;
}

.st-list-badges{
    padding: 0px;
    margin: 30px 0px 0px 0px;
    li{
        &:not(:last-child){
            margin-bottom: 30px;
        }
        .st-list-badge{
            width: 50px;
            img{
                width: 100%;
                height: 50px;
				object-fit: cover;
            }
            margin-right: 15px;
        }
        .content-badge{
            width: calc(100% - 65px);
            .title{
                font-size: 16px;
                font-weight: 500;
                line-height: 26px;
                letter-spacing: 0em;
                text-align: left;
                margin-bottom: 6px;
            }
            .content{
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0em;
                text-align: left;
                color: var(--grey-color,#727272);
                margin-bottom: 0px;
            }
        }
    }
}

.st-border-radius-16{
    border-radius: 16px !important;
}


.page-template-template-tp-flights-search-modern,
.page-template-template-tp-flights-search {
	overflow: auto !important;
	&:not(.admin-bar) iframe {
		top: 0 !important;
	}
}


.modal-open-mb {
	overflow: hidden;
}