:root {
    --main-color: #5191FA;
    --grey-color: #5E6D77;
    --light-grey-color: #EAEEF3;
    --orange-color: #FA5636;
    --link-color: #1A2B48;
    --link-color-dark: #{shade(#5191FA, 10%)};
}
$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;
    }
} 

.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-family: poppins, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden !important;
    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%;
    }
}
@media (max-width: 767px){
    .col-sm-4 {
        flex: 0 0 auto;
        width: 100%;
    }
}

$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(--main-color, #1a2b48) !important;
}

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

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

.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(--main-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, #5191fa);
        border: 1px solid #d7dce3;

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

    &.btn-primary {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin-left: auto;
        background: var(--main-color,#5191FA);
        padding: 15px 35px;
        &:hover {
            background: var(--main-color,#5191FA);
            color: #fff;
        }
        &.st-btn-second{
            background: var(--orange-color,#FA5636);
            &:hover{
                background: #e65335;
            }
        }
        &.st-button-main{
            background: var(--main-color, #1a2b48);
        }
    }

    &.btn-green {
        background: var(--main-color, #5191fa);
        color: #fff;

        &:hover {
            background: var(--main-color, #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;
}

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;
                    }
                }
            }

            .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 {
        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;
}
.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: -80px;
        }

        .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-family: "Poppins",
                                                            sans-serif !important;
                                                        font-weight: 400;
                                                        color: var(
                                                            --main-color,
                                                            #1a2b48
                                                        );
                                                    }

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

                                                    &:hover {
                                                        a {
                                                            color: var(
                                                                --link-color,
                                                                #5191fa
                                                            );
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        &: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(--link-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;
        }
    }

}
.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, #5191FA);
        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;
    }
}
//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;
    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(--link-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(--link-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;
}
#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(--main-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(--main-color,#1A2B48);
                    }
                }
            }
        }
    }
    //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;
        color: var(--grey-color,#5E6D77);
        font-weight: 400;
        position: relative;
        &.open {
            .cut-gradient {
                display: none;
            }
        }
    }
    .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-heading-section , .accordion-button{
        margin-bottom: 20px;
        font-size: 24px;
        color: var(--link-color,#1A2B48);
        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(--main-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;
            .like{
                .st-like-review{
                    color: var(--link-color,#1A2B48);
                }
            }
            .media{
                margin-right: 100px;
                
                .media-left {
                    padding-right: 20px;
                    img {
                        border-radius: 50%;
                    }
                }
            }
            .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(--link-color,#5191FA);
                padding: 10px 20px;
                text-transform: uppercase;
                font-weight: 500;
            }
        }
        .comment-reply-title {
            margin: 0;
            font-size: 14px;
            color: var(--main-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;
            }
        }
        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;
            }
        }
    }
    .widget-box{
        .media-body{
            .media-heading {
                font-weight: 500;
                font-size: 14px;
                a{
                    color: var(--main-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(--main-color,#1A2B48);
                position: relative;
                &::after {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 0;
                    width: 3px;
                    height: 30px;
                    background: var(--link-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(--main-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;
        }
        .fixed-on-mobile {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%!important;
            bottom: 0;
            background: #fff;
            z-index: 888;
            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;
    &.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: 36px;
            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{
                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(--link-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(--link-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(--link-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(--link-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(--link-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;
}
.c-main {
    color: var(--link-color,#1A2B48)!important;
}
.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(--link-color,#5191FA);
        background: var(--link-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{
    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;
  }