@font-face {
    font-family: veryberry;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/veryberry-pro-regular.ttf") format("truetype")
}

:root {
    /*--thm-font: 'Barlow Condensed', Sans-Serif;*/
    --thm-font: 'Source Sans Pro', sans-serif;
    --heading-font: 'veryberry', cursive;
    --thm-base: #ffa801;
    --thm-base-rgb: 255, 168, 1;
    --thm-primary: #40b9eb;
    --thm-primary-rgb: 64, 185, 235;
    --thm-secondary: #ff0143;
    --thm-secondary-rgb: 255, 1, 67;
    --thm-black: #082740;
    --thm-black-rgb: 8, 39, 64;
    --thm-gray: #eceeef;
    --border-radius: 2px;

    --bs-primary: #40b9eb;
    --bs-info: #40b9eb;
    --bs-dark: #082740;
    --bs-danger: #ff0143;
    --bs-link-color: #40b9eb;
    --bs-dark-rgb: 8, 39, 64;
    --bs-primary-rgb: 64, 185, 235;
    --bs-info-rgb: 64, 185, 235;
    --bs-link-rgb: 64, 185, 235;
    --bs-danger-rgb: 255, 1, 67;
}


html {
    height: 100%;
    scroll-padding-top: 120px;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    text-rendering: optimizelegibility;
    color: var(--thm-black);
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
    background: #f0f3f5;
}

main {
    min-height: 500px;
}

a {
    color: var(--thm-black);
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--thm-black);
}

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

input,
select,
textarea {
    outline: none !important;
    box-shadow: none !important;
}

.text-bg-primary {
    background-color: var(--thm-base) !important;
}

.block-title {
    margin-bottom: 60px;
}

.block-title p {
    margin: 0;
    text-transform: uppercase;
    color: var(--thm-base);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 1em;
}

.block-title h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 45px;
    font-weight: 600;
    font-family: var(--thm-font);
    line-height: 1em;
}

.block-title p+h3 {
    margin-top: 15px;
}

.thm-btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background-color: var(--thm-base);
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 50.5px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.thm-btn:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: var(--border-radius);
    box-shadow: none !important;
}

.btn-primary {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background-color: var(--thm-base);
    font-size: 15px;
    color: var(--thm-black);
    font-weight: 500;
    padding: 10px 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: var(--border-radius);
    box-shadow: none !important;
}

.btn-primary:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.btn-secondary {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background-color: var(--thm-primary);
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: var(--border-radius);
    box-shadow: none !important;
}

.btn-secondary:hover {
    background-color: var(--thm-base);
    color: var(--thm-black) !important;
}

.btn-gray {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background: #ffa80166;
    font-size: 15px;
    color: var(--thm-black);
    font-weight: 500;
    padding: 10px 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: var(--border-radius);
    box-shadow: none !important;
}

.btn-gray:hover {
    background-color: #42b8eb66;
    color: var(--thm-black) !important;
}

.btn-sm {
    padding: 6px 14px !important;
    font-size: 13px !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    line-height: 1.2;
}


.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    /*overflow: hidden;*/
}


.card {
    border: 1px solid rgb(236, 238, 239);
    border-radius: var(--border-radius);
}

.card-header {
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: var(--bs-card-cap-bg);
    border-bottom: 1px solid rgb(236, 238, 239);
}

.card-title {
    margin-bottom: 0;
}

/* KVKK & GDPR cookie consent*/
.cc-notification {
    position: fixed;
    z-index: 100;
    opacity: 0.8;
    border-radius: 4px;
    background-color: rgb(0, 0, 0);
    z-index: 2147483647;
    left: 10px;
    right: 10px;
    bottom: 18px;
    padding: 16px;
    padding-top: 24px;
    padding-right: 24px;
}

.cc-notification.active {
    display: block;
}

.cc-notification .wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

.cc-notification .wrapper .cc-title {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    line-height: 1.7;
}

.cc-notification .wrapper span.cc-text {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    line-height: 1.7;
}

.cc-notification .wrapper span.cc-text a {
    text-decoration: underline;
    color: #ffffff;
}

.cc-notification .wrapper .close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    font-size: 5px;
    margin-right: 0;
    padding: 5px;
    background: transparent;
    border: none;
}

.cc-notification .wrapper .close svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}

@media (min-width: 768px) {
    .cc-notification {
        background-clip: padding-box;
        bottom: 16px;
        left: 16px;
        max-width: 400px;
        width: 400px;
    }
}

/* KVKK & GDPR cookie consent*/

.header-home .site-header {
    background: transparent;
}

.site-header {
    background: #ffffff;
}

.site-header .topbar {
    background-color: #082740;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 90px;
    padding-right: 90px;
}

.site-header .topbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.site-header .topbar .topbar-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 0;
}

.site-header .topbar .topbar-left a {
    color: #eceeef;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-header .topbar .topbar-left a+a {
    margin-left: 40px;
}

.site-header .topbar .topbar-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.site-header .topbar .topbar-social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 0;
}

.site-header .topbar .topbar-social a {
    font-size: 14px;
    color: #eceeef;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: var(--thm-base);
    font-weight: 600;
}

.site-header .topbar .topbar-social a+a {
    margin-left: 30px;
}

@media (max-width: 767px) {
    .site-header .topbar {
        display: none;
    }
}

.site-header .main-nav-header {
    padding-left: 90px;
    padding-right: 90px;
}

.site-header .main-nav-logo-box {
    padding: 15px 0;
    max-width: 123px;
    margin-right: 60px;
    text-align: center;
    width: 100%;
}

.site-header .main-nav-logo-box .side-menu-toggler {
    font-size: 18px;
    color: var(--thm-black);
}

.site-header .main-nav-logo-box .main-nav-login {
    font-size: 18px;
    color: var(--thm-black);
}

.main-nav-main-navigation {
    display: none;
}

.main-nav-header .container {
    position: relative;
}

@media (min-width: 1200px) {
    .site-header .main-nav-logo-box .side-menu-toggler {
        display: none;
    }

    .main-nav-header .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .main-nav-main-navigation {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

.main-nav-main-navigation .dropdown-btn {
    display: none;
}

.main-nav-main-navigation .main-nav-navigation-box {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li {
    padding: 15px 0;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li+li {
    margin-left: 35px;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li>a {
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    font-family: var(--thm-font);
    /*text-transform: uppercase;*/
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li:hover>a {
    color: var(--thm-primary);
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li.current>a {
    color: var(--thm-secondary);
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li ul {
    position: absolute;
    width: 230px;
    background-color: #fff;
    border-top: 2px solid var(--thm-base);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    z-index: 991;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li>ul>li>ul {
    top: -2px;
    left: 100%;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    visibility: hidden;
    opacity: 0;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li>ul>li:hover>ul {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    opacity: 1;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li ul>li {
    position: relative;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li:hover>ul {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li ul>li+li {
    border-top: 1px solid rgba(var(--thm-base-rgb), .3);
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li ul>li>a {
    display: block;
    color: var(--thm-black);
    font-size: 14px;
    font-family: var(--thm-font);
    word-break: break-all;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-header .main-nav-main-navigation .main-nav-navigation-box>li ul>li:hover>a {
    color: #fff;
    background-color: var(--thm-base);
}

.site-header .main-nav-right {
    margin-left: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 0;
}

.site-header .main-nav-right .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 48px;
    position: relative;
    top: -1px;
}

.site-header .main-nav-right .bootstrap-select>.dropdown-toggle {
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    border: none;
    color: #6f757a;
    outline: none !important;
    box-shadow: none !important;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991;
    border-radius: 0;
}

.bootstrap-select .dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 20px;
    color: var(--thm-black);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.bootstrap-select .dropdown-menu>li.selected>a {
    background: var(--thm-primary);
    color: #fff;
}

.bootstrap-select .dropdown-menu>li.selected>a .text {
    color: #fff;
}

.site-header .main-nav-right .main-nav-search {
    color: #6f757a;
    margin-right: 0;
}

.site-header .main-nav-right .main-nav-search:hover {
    color: var(--thm-secondary);
}

@media (max-width: 1200px) {

    .main-nav-header .container {
        display: -webkit-box;
        display: flex;
    }

    .site-header .main-nav-logo-box {
        position: relative;
        padding-right: 20px;
        padding: 20px 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .site-header .main-nav-logo-box .side-menu-toggler {
        margin-left: 20px;
    }

    .header-home .site-header .main-nav-logo-box .side-menu-toggler {
        color: #fff;
    }

    .header-home .site-header .main-nav-logo-box .main-nav-login {
        color: #fff;
    }
}


.avatar {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: var(--thm-base);
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #ffffff !important;
    text-transform: uppercase;
}


.header-home .site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header-home .site-header .main-nav-main-navigation .main-nav-navigation-box>li>a {
    color: #ffffff;
}

.header-home .site-header .main-nav-main-navigation .main-nav-navigation-box>li.current>a {
    color: var(--thm-secondary);
}

.header-home .site-header .main-nav-right .bootstrap-select>.dropdown-toggle {
    color: #ffffff;
}

.header-home .site-header .main-nav-right .main-nav-search {
    color: #ffffff;
}



.stricked-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
    opacity: 0;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    padding-left: 90px;
    padding-right: 90px;
}

.header-home .stricked-menu {
    background-color: var(--thm-black);
}

.stricked-menu.stricky-fixed {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}


@media(max-width: 767px) {
    .site-header .main-nav-header {
        padding-left: 0;
        padding-right: 0;
    }

    .stricked-menu {
        padding-left: 0;
        padding-right: 0;
    }

    .site-header .main-nav-header .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .site-header .main-nav-right {
        display: none;
    }

    .site-header .main-nav-logo-box {
        max-width: 100%;
        margin-right: 0;
    }
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.page-header {
    position: relative;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center center;
    /*background-size: cover;*/
    padding: 50px 0;
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--thm-black);
    opacity: 0.05;
}

.page-header .container {
    position: relative;
    text-align: center;
}

.page-header h2 {
    margin: 0;
    color: #ffffff;
    font-weight: 600;
    font-size: 40px;
    font-family: var(--thm-base);
    text-shadow: 0 3px 10px #b1b1b1;
}

.thm-breadcrumb {
    display: -webkit-box;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}

.thm-breadcrumb li {
    display: -webkit-box;
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.thm-breadcrumb li+li::before {
    content: '/';
    margin-left: 15px;
    margin-right: 15px;
}

.thm-breadcrumb li a,
.thm-breadcrumb li span {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-shadow: 0 3px 10px #b1b1b1;
}

.thm-breadcrumb li a:hover {
    color: var(--thm-base);
}



.page-header-2 .thm-breadcrumb {
    -webkit-box-align: start;
    justify-content: left;
}

.page-header-2 {
    background-color: #ebeef1;
    padding: 0;
    height: 180px;
    display: flex;
    align-items: center;
    position: relative;
}

.page-header-2 .container {
    text-align: left;
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-header-2::before {
    display: none;
}

.page-header-2 h2,
.page-header-2 .thm-breadcrumb li a,
.page-header-2 .thm-breadcrumb li span {
    color: var(--thm-black);
    text-shadow: none;
}

.page-header-2 .thm-breadcrumb li+li::before {
    color: var(--thm-black);
}

.page-header-2 .image-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}


/*hero banner*/
.breadcrumb-section {
    position: relative;
    background: #eaeef2;
}

.breadcrumb-section .breadcrumb-wrapper {
    overflow: hidden;
    margin: 10px 0;
}

.breadcrumb-section .breadcrumb {
    margin: 0;
    font-size: 14px;
    padding: 0 15px;
    list-style: none;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
}

.breadcrumb-section .breadcrumb::-webkit-scrollbar {
    display: none;
}

.breadcrumb-section .breadcrumb>li {
    display: inline-block;
    color: #4086e4;
}

.breadcrumb-section .breadcrumb>li a {
    text-decoration: none;
    color: #4086e4;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.breadcrumb-section .breadcrumb>li a:hover {
    color: #464646;
}

.breadcrumb-section .breadcrumb>li.active {
    color: #464646;
}

.breadcrumb-section .breadcrumb>li.active a {
    color: #464646;
}

.breadcrumb-section .breadcrumb li i {
    padding-right: 8px;
}

.breadcrumb-section .breadcrumb>li+li:before {
    padding: 0 10px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239fa4aa' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    color: #9fa4aa;
    vertical-align: middle;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

/*hero banner*/



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

/* default size */

.site-footer {
    border-top: 1px solid #eceeef;
    padding-top: 130px;
    padding-bottom: 90px;
    position: relative;
}

.site-footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0.05;
    background-color: #f39613;
}

.site-footer .container {
    position: relative;
}

.site-footer .row {
    /*margin-left: -27.5px;
    margin-right: -27.5px;*/
}

.footer-widget__column {
    -webkit-box-flex: 1;
    flex: 1 1 33.333333%;
    max-width: 33.333333;
    padding-left: 27.5px;
    padding-right: 27.5px;
    margin-bottom: 30px;
}

/* custom size */
.footer-widget__about,
.footer-widget__gallery {
    -webkit-box-flex: 1;
    flex: 1 1 25%;
    max-width: 25%;
}

.footer-widget__links,
.footer-widget__options {
    -webkit-box-flex: 1;
    flex: 1 1 16.666666%;
    max-width: 16.666666%;
}

.footer-widget__links {
    padding-left: 57.5px;
}

/* gallery widget */

.footer-widget__gallery-list {
    display: -webkit-box;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -10px;
}

.footer-widget__gallery-list li {
    -webkit-box-flex: 1;
    flex: 1 1 33.333%;
    max-width: 33.333%;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
}

.footer-widget__gallery-list li a {
    display: block;
    background-color: var(--thm-black);
}

.footer-widget__gallery-list li a img {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__gallery-list li a:hover img {
    opacity: 0.5;
}

.footer-widget__column p {
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    color: #6f757a;
    margin: 0;
}

.footer-widget__logo {
    display: inline-block;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
}

.footer-widget__about p {
    margin-top: 20px;
    margin-bottom: 25px;
}

.footer-widget__about a {
    font-size: 14px;
    color: var(--thm-secondary);
    line-height: 30px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__about a:hover {
    color: var(--thm-primary);
}

.footer-widget__title {
    font-size: 18px;
    font-weight: 500;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 50px;
    font-family: var(--thm-font);
}

.footer-widget__links-list {
    margin: 0;
    margin-top: -15px;
}

.footer-widget__links-list li a {
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__links-list li a:hover {
    padding-left: 15px;
    color: var(--thm-primary);
}

.footer-widget__links-list li a::before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--thm-base);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__links-list li a:hover::before {
    opacity: 1;
}

.footer-widget__options .bootstrap-select+.bootstrap-select {
    margin-top: 10px;
}

.footer-widget__options .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.footer-widget__options .bootstrap-select>.dropdown-toggle {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    padding: 11px 30px;
    padding-right: 25px;
    background-color: #fff;
}


/* footer bottom */

.site-footer__bottom {
    padding-top: 43.5px;
    padding-bottom: 43.5px;
    background-color: #eceeef;
}

.site-footer__bottom .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.site-footer__bottom p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #6f757a;
}

.site-footer__bottom p a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__bottom p a:hover {
    color: var(--thm-secondary);
}

.site-footer__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.site-footer__social a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: #fff;
    color: #6f757a;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__social a+a {
    margin-left: 10px;
}

.site-footer__social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}


.site-footer__bottom-home-3 {
    background-color: #fff;
    border-top: 1px solid #eceeef;
}

.site-footer__bottom-home-3 .site-footer__social a {
    background-color: #eceeef;
    color: #6f757a;
}

.site-footer__bottom-home-3 .site-footer__social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.site-footer__bottom-home-7 {
    border-top: 0;
    padding-top: 0;
    background-color: #004c85;
}

.site-footer__bottom-home-7 p {
    color: #a4cae5;
}

.site-footer__bottom-home-8 {
    background-color: #082740;
    border-top: 0;
}

.site-footer__bottom-home-8 p {
    color: #a2c8e4;
}

.site-footer__home-5 .container-fluid {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 23px;
    padding-bottom: 23px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.site-footer__home-5-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.site-footer__home-5-text p,
.site-footer__home-5-links a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__home-5-links a:hover {
    color: var(--thm-secondary);
}

.site-footer__home-5-links a+a {
    margin-left: 10px;
}

.site-footer__home-5-text p {
    margin: 0;
}

@media(max-width: 991px) {
    .site-footer {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .footer-widget__column {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .footer-widget__links {
        padding-left: 27.5px;
    }
}

@media(max-width: 767px) {
    .site-footer__bottom-home-3 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .site-footer__bottom-home-3 .site-footer__social {
        margin-top: 30px;
    }
}

@media(max-width: 625px) {
    .footer-widget__column {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .site-footer__bottom .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .site-footer__social {
        margin-top: 15px;
    }
}



/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
}

.search-popup.active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.search-popup-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: .7;
}

.search-popup-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.search-popup-form {
    position: relative;
    z-index: 9991;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    position: relative;
}

.search-popup-form input {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 60px;
    color: var(--thm-black);
    font-size: 15px;
    background-color: white;
    padding-left: 30px;
}

.search-popup-form input::-webkit-input-placeholder {
    color: var(--thm-black);
}

.search-popup-form input::-moz-placeholder {
    color: var(--thm-black);
}

.search-popup-form input:-ms-input-placeholder {
    color: var(--thm-black);
}

.search-popup-form input:-moz-placeholder {
    color: var(--thm-black);
}

.search-popup-form button[type=submit] {
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: var(--thm-base);
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.search-popup-form button[type=submit]:hover {
    background-color: var(--thm-black);
    color: var(--thm-base);
}






/*--------------------------------------------------------------
# Sidemenu
--------------------------------------------------------------*/

.side-menu__block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
}

.side-menu__block.active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.side-menu__block-overlay {
    width: 100%;
    height: 100%;
    background-color: var(--thm-black);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: .7;
}

.side-menu__block-overlay .cursor-follower {
    background-color: rgba(var(--thm-black-rgb), 0.3);
}

.side-menu__block-inner {
    position: relative;
    max-width: 532px;
    width: 100%;
    margin-right: auto;
    height: 100vh;
    background-color: var(--thm-gray);
    z-index: 999999;
    overflow-y: auto;
    padding: 40px 0;
    padding-top: 20px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: space-between;
}

@media(max-width: 575px) {
    .side-menu__block-inner {
        max-width: 480px;
    }
}

@media(max-width: 480px) {
    .side-menu__block-inner {
        max-width: 400px;
    }
}

@media(max-width: 375px) {
    .side-menu__block-inner {
        max-width: 300px;
    }
}

.side-menu__block-inner .mCustomScrollBox {
    width: 100%;
}

.side-menu__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 40px;
}

.mobile-nav__container {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 50px;
}



.mobile-nav__container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav__container li.dropdown ul {
    display: none;
    padding-left: 0.5em;
}

.mobile-nav__container li.dropdown {
    position: relative;
}

.mobile-nav__container li.dropdown .dropdown-btn {
    border: none;
    outline: none;
    background-color: transparent;
    color: #6f757a;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transfrom 500ms ease;
    transition: transfrom 500ms ease;
}

.mobile-nav__container li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mobile-nav__container li+li {
    margin-top: 10px;
}

.mobile-nav__container li a {
    text-transform: uppercase;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    display: block;
    font-family: var(--thm-font);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
}

.mobile-nav__container li a:hover {
    color: #004c85;
}

.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
    color: #004c85;
}



.side-menu__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 40px;
}

.side-menu__social a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: #fff;
    color: #6f757a;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.side-menu__social a+a {
    margin-left: 10px;
}

.side-menu__social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.side-menu__content {
    padding-left: 100px;
    padding-right: 100px;
}

.side-menu__content p {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #6f757a;
    letter-spacing: .02em;
}

.side-menu__content p+p {
    margin-top: 30px;
}

.side-menu__content p a {
    color: var(--thm-secondary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.side-menu__content p a:hover {
    color: var(--thm-base);
}

.side-menu__sep {
    width: calc(100% - 200px);
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #fff;
    margin-top: 70px;
    margin-bottom: 70px;
}

.side-menu__text p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #6f757a;
    margin: 0;
    margin-bottom: 25px;
}


.side-menu__text a {
    font-size: 14px;
    color: var(--thm-secondary);
    line-height: 30px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.side-menu__text a:hover {
    color: var(--thm-primary);
}

.side-menu__block__copy {
    text-transform: uppercase;
    font-size: 14px;
    color: #6f757a;
    font-weight: 400;
    letter-spacing: .2em;
}


@media(max-width: 575px) {

    .side-menu__top,
    .side-menu__content,
    .mobile-nav__container {
        padding-left: 50px;
        padding-right: 50px;
    }

    .side-menu__sep {
        margin-top: 40px;
        margin-bottom: 40px;
        width: calc(100% - 100px);
    }
}

@media(max-width: 480px) {

    .side-menu__top,
    .side-menu__content,
    .mobile-nav__container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .side-menu__sep {
        width: calc(100% - 50px);
    }

    .side-menu__social {
        margin-top: 40px;
    }

    .side-menu__social a {
        width: 45px;
        height: 45px;
    }
}





.home-banner {
    background-color: var(--thm-black);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 307.5px;
    padding-bottom: 307.5px;
    height: 100vh;
}

.home-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-banner-bg-inner {
    height: 100% !important;
}

.home-banner::before {
    content: '';
    width: 100%;
    height: 419px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-image: url(../images/shapes/home-banner__top-shadow.png);
}

.home-banner .container {
    position: relative;
    text-align: center;
    z-index: 1;
}

.home-banner p {
    color: var(--thm-secondary);
    margin: 0;
    font-family: var(--heading-font);
    font-size: 100px;
    line-height: 1em;
    margin-bottom: -25px;
    position: relative;
    z-index: 10;
}

.home-banner .container h2 {
    margin: 0;
    line-height: 1em;
    font-size: 130px;
    line-height: 1em;
    color: #fff;
    font-family: var(--thm-font);
    text-transform: uppercase;
    font-weight: 900;
}

.home-banner__floated-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.hotel-search-section {
    position: relative;
    z-index: 10;
    margin-top: -210px;
}

@media (max-width: 768px) {
    .home-banner {
        padding-top: 200px;
        padding-bottom: 350px;
    }

    .home-banner p {
        font-size: 60px;
        line-height: 150px;
    }

    .home-banner .container h2 {
        font-size: 75px;
    }

    .hotel-search-section {
        margin-top: -260px !important;
    }
}





/*--------------------------------------------------------------
# Tour Search
--------------------------------------------------------------*/
.tour-search-home-section {
    position: relative;
    z-index: 10;
    margin-top: -180px;
}

.tour-search-home {
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.tour-search-home-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.tour-search-home-inputs {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 224px);
    max-width: calc(100% - 224px);
    flex-wrap: wrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-search-home-btn-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 224px;
    max-width: 224px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.tour-search-home-btn {
    padding: 33px 77.25px;
    font-size: 14px;
    font-weight: 600;
}

.tour-search-home-input-box {
    -webkit-box-flex: 1;
    flex: 1 1 33.333%;
    max-width: 33.333%;
    padding: 0px 40px;
    padding-top: 29.5px;
    padding-bottom: 14.5px;
}

.tour-search-home-input-box+.tour-search-home-input-box {
    border-left: 1px solid #eceeef;
}

.tour-search-home-input-box label {
    display: block;
    margin: 0;
    text-transform: uppercase;
    color: var(--thm-black);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .2em;
    line-height: 1em;
    box-shadow: none;
}

.tour-search-home-input-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]),
.tour-search-home-input-box textarea {
    border: none;
    outline: none;
    font-size: 14px;
    color: #6f757a;
    display: block;
    line-height: 35px;
    background: transparent;
}

.tour-search-home-input-box ::-webkit-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-search-home-input-box ::-moz-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-search-home-input-box :-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-search-home-input-box ::-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-search-home-input-box ::placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-search-home-input-box :-ms-input-placeholder {
    color: #6f757a;
}

.tour-search-home-input-box ::-ms-input-placeholder {
    color: #6f757a;
}

.tour-search-home-input-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-search-home-input-box .bootstrap-select>select,
.tour-search-home-input-box .bootstrap-select>select:focus {
    outline: none !important;
}

.tour-search-home-input-box .bootstrap-select>.dropdown-toggle {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    color: #6f757a;
    padding: 0;
    line-height: 35px;
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 991px) {
    .tour-search-home-inputs {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
        border: 1px solid #eceeef;
    }

    .tour-search-home-input-box {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        border-bottom: 1px solid #eceeef;
        max-width: 50%;
    }

    .tour-search-home-btn-wrap,
    .tour-search-home-input-box:nth-child(1) {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .tour-search-home-btn {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}



/*--------------------------------------------------------------
# Destinations
--------------------------------------------------------------*/
.destinations {
    padding-top: 120px;
    padding-bottom: 90px;
}

.destinations-single {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: var(--thm-black);
}

.destinations-single>img {
    width: 100%;
}

.destinations-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-left: 40px;
    padding-bottom: 40px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-single:hover .destinations-content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.destinations-hover-content h3,
.destinations-content h3 {
    font-family: var(--thm-font);
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0;
}

.destinations-hover-content h3 a,
.destinations-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-hover-content h3 a:hover,
.destinations-content h3 a:hover {
    color: var(--thm-primary);
}

.destinations-single::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.98)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.destinations-hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    padding-left: 40px;
    padding-bottom: 35px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-single:hover .destinations-hover-content {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.destinations-hover-content p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--thm-base);
    line-height: 1em;
}

.destinations-link {
    width: 50px;
    display: block;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--thm-base);
    position: absolute;
    right: 30px;
    bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-link i {
    line-height: 50px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 15px;
}

.destinations-link:hover {
    background-color: var(--thm-primary);
}

.destinations-link:hover i {
    color: #ffffff;
}

/* destinations home */
.destinations-home {
    padding-top: 120px;
    padding-bottom: 90px;
}

.destinations-home-single {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: var(--thm-black);
}

.destinations-home-single>img {
    width: 100%;
}

.destinations-home-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-left: 40px;
    padding-bottom: 40px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-home-single:hover .destinations-home-content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.destinations-home-hover-content h3,
.destinations-home-content h3 {
    font-family: var(--thm-font);
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}

.destinations-home-hover-content h3 a,
.destinations-home-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-home-hover-content h3 a:hover,
.destinations-home-content h3 a:hover {
    color: var(--thm-primary);
}

.destinations-home-single::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.98)), to(rgba(0, 0, 0, 1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 49%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.destinations-home-hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    padding-left: 40px;
    padding-bottom: 35px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.destinations-home-single:hover .destinations-home-hover-content {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.destinations-home-hover-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-base);
    line-height: 1em;
}

.destinations-home-link {
    width: 50px;
    display: block;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--thm-base);
    position: absolute;
    right: 30px;
    bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-home-link i {
    line-height: 50px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 14px;
}

.destinations-home-link:hover {
    background-color: var(--thm-primary);
}

.destinations-home-link:hover i {
    color: #ffffff;
}




/* tour category */
.tour-category-home {
    background-color: var(--thm-gray);
    padding-top: 120px;
    padding-bottom: 90px;
}

.tour-category-home-col {
    -webkit-box-flex: 1;
    flex: 1 1 20%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 20%;
}

.tour-category-home-single {
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: #fff;
    border: 1px solid rgb(236, 238, 239);
    padding: 15px;
    display: flex;
}

.tour-category-home-single:hover {
    background-color: #f0f3f5;
}

.tour-category-home-single svg {
    width: 60px;
    fill: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-category-home-single h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--thm-black);
    font-family: var(--thm-font);
    margin-top: 5px;
    width: 100%;
    margin-left: 15px;
}

.tour-category-home-single h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}


@media (max-width: 991px) {
    .tour-category-home-col {
        -webkit-box-flex: 1;
        flex: 1 1 33.333%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .tour-category-home-col {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
    }
}

@media (max-width: 480px) {
    .tour-category-home-col {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }
}



/*--------------------------------------------------------------
# Call To Action
--------------------------------------------------------------*/
.cta {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--thm-primary);
}

.cta h3 {
    margin: 0;
    color: #fff;
    font-size: 35px;
    font-family: var(--thm-font);
    font-weight: 700;
}

.cta .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.cta-btn:hover {
    background-color: var(--thm-black);
}

.cta-home {
    background-color: var(--thm-base);
}

.cta-home .cta-btn {
    background-color: var(--thm-black);
    color: #ffffff;
}

.cta-home .cta-btn:hover {
    background-color: var(--thm-secondary);
}

@media (max-width: 991px) {
    .cta .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        text-align: center;
    }

    .cta-button-block {
        margin-top: 40px;
    }
}


.cta-two {
    padding-top: 120px;
    padding-bottom: 120px;
}

.cta-two-content-highlight {
    margin-top: -10px;
    margin-bottom: 35px;
}

.cta-two-content-highlight p {
    margin: 0;
    color: var(--thm-primary);
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.cta-two-list {
    margin: 0;
    margin-bottom: 35px;
}

.cta-two-list li {
    position: relative;
    font-size: 15px;
    line-height: 40px;
    font-weight: 500;
    color: #6f757a;
    padding-left: 30px;
}

.cta-two-list li i {
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--thm-secondary);
}

.cta-four {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding-top: 115px;
    padding-bottom: 115px;
}

.cta-four::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #082740;
    opacity: 0.3;
}

.cta-four .container {
    text-align: center;
    position: relative;
}

.cta-four p {
    font-family: var(--heading-font);
    font-size: 40px;
    color: #ffffff;
    margin: 0;
}

.cta-four h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-size: 100px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 45px;
    color: #ffffff;
}

.cta-four h3 span {
    color: var(--thm-secondary);
    position: relative;
    display: inline-block;
    line-height: 1em;
}

.cta-four h3 span::before {
    content: '';
    width: 100%;
    height: 31px;
    background-image: url(/public/assets/images/shapes/title-decor-1-2.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 80%;
    left: 0;
}

@media (max-width: 768px) {
    .cta-four h3 {
        font-size: 60px;
    }
}



/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/

.video-one {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: 135px;
    padding-bottom: 120px;
}

.video-one::before {
    content: '';
    background-color: var(--thm-black);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
}

.video-one .container {
    position: relative;
}

.video-one p {
    font-family: var(--heading-font);
    color: var(--thm-secondary);
    font-size: 30px;
    margin: 0px;
}

.video-one__btn {
    position: relative;
    width: 94px;
    height: 94px;
    background-color: var(--thm-base);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: var(--thm-black);
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-bottom: 75px;
}

.video-one__btn:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: 1px solid rgba(255, 255, 255, .15);
}

.video-one__btn:hover {
    background-color: #fff;
    color: var(--thm-base);
}

.video-one h3 {
    color: #fff;
    font-weight: 400;
    font-family: var(--thm-font);
    margin: 0;
    font-size: 70px;
    margin-top: 5px;
}

.video-one h3 span {
    font-weight: 800;
}






/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/

.testimonials {
    background-color: var(--thm-gray);
    padding-top: 120px;
    padding-bottom: 120px;
}

.testimonials-single {
    margin-bottom: 40px;
    text-align: center;
}

.testimonials-stars {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 25px;
}

.testimonials-stars i {
    font-size: 15px;
    color: #ffa801;
}

.testimonials-stars i+i {
    margin-left: 5px;
}

.testimonials-content {
    background-color: #fff;
    position: relative;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 50px;
    padding-top: 60px;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonials-single:hover .testimonials-content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
}

.testimonials-content::before {
    content: '';
    width: 85px;
    height: 85px;
    background-image: url(../images/shapes/testi-qoute-1-1.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.testimonials-content::after {
    content: '';
    width: 72px;
    height: 20px;
    background-image: url(../images/shapes/testi-arrow-1-1.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonials-content p {
    margin: 0;
    font-size: 14px;
    color: #6f757a;
    font-weight: 400;
    line-height: 36px;
    position: relative;
}

.testimonials-info img {
    border-radius: 50%;
}

.testimonials-info h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1em;
    margin-top: 10px;
}

.testimonials-carousel .owl-item img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.testimonials-carousel .owl-nav button.owl-next,
.testimonials-carousel .owl-nav button.owl-prev {
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonials-carousel .owl-nav button.owl-prev {
    margin-right: 15px;
}

.testimonials-carousel .owl-nav button.owl-next:hover,
.testimonials-carousel .owl-nav button.owl-prev:hover {
    color: var(--thm-secondary);
    background-color: transparent;
}




/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.team {
    padding-top: 120px;
    padding-bottom: 60px;
}

.team-single {
    margin-bottom: 60px;
}

.team-image {
    overflow: hidden;
    background-color: var(--thm-black);
}

.team-image>img {
    opacity: 1;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, transform 500ms ease;
    transition: opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
}

.team-single:hover .team-image>img {
    opacity: 0.6;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.team-content {
    text-align: center;
    padding-top: 30px;
}

.team-content h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-size: 24px;
    line-height: 1em;
    color: var(--thm-black);
}

.team-content p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2em;
    color: #6f757a;
    margin: 0;
    line-height: 1em;
    margin-top: 15px;
}

.team-social {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
}

.team-social a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: var(--thm-gray);
    color: #6f757a;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-social a+a {
    margin-left: 10px;
}

.team-social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}




/*--------------------------------------------------------------
# Brand
--------------------------------------------------------------*/

.brand-slider {
    border-top: 1px solid #eceeef;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media(min-width: 1200px) {
    .brand-slider .container {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.brand-slider img {
    opacity: 0.3;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.brand-slider img:hover {
    opacity: 0.6;
}

.brand-slider {
    border-top: 0;
    border-bottom: 1px solid #eceeef;
}



/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

.faq-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

.faq-one-accrodion .accrodion {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-left: 40px;
    padding-right: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion+.accrodion {
    margin-top: 10px;
}

.faq-one-accrodion .accrodion.active {
    background-color: var(--thm-gray);
    border-color: var(--thm-gray);
}

.faq-one-accrodion .accrodion-title {
    cursor: pointer;
}

.faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-top: 31.5px;
    padding-bottom: 31.5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--thm-primary);
}

.faq-one-accrodion .accrodion-title h4::before {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--thm-base);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: '\f068';
    color: var(--thm-black);
}

.faq-one-accrodion .accrodion-content {
    padding-bottom: 40px;
}

.faq-one-accrodion .accrodion-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #6f757a;
}



/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog-one {
    padding-top: 120px;
    padding-bottom: 90px;
}

.blog-one-single {
    margin-bottom: 30px;
    position: relative;
}

.blog-one-image {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.blog-one-image>img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.blog-one-image>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    color: var(--thm-secondary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
}

.blog-one-image>a:hover {
    color: #fff;
}

.blog-one-single:hover .blog-one-image>img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-one-single:hover .blog-one-image>a {
    opacity: 1;
}

.blog-one-content {
    padding: 35px 50px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one-single:hover .blog-one-content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.blog-one-meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.blog-one-meta li+li {
    margin-left: 20px;
}

.blog-one-meta li a {
    font-size: 14px;
    font-weight: 600;
    color: #6f757a;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one-meta li i {
    font-size: 13px;
    color: var(--thm-base);
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one-meta li a:hover {
    color: var(--thm-black);
}

.blog-one-meta li a:hover i {
    color: var(--thm-primary);
}

.blog-two__content h3,
.blog-one-content h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 38px;
    font-size: 26px;
}

.blog-two__content h3 a,
.blog-one-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__content h3 a:hover,
.blog-one-content h3 a:hover {
    color: var(--thm-primary);
}

.blog-one-grid {
    padding-bottom: 120px;
}

.blog-one-grid .post-pagination {
    margin-top: 30px;
}

.blog-list {
    padding-top: 120px;
    padding-bottom: 120px;
}

.blog-list .post-pagination {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 60px;
}



/*--------------------------------------------------------------
# Tour
--------------------------------------------------------------*/
.tour-one {
    padding-top: 120px;
    padding-bottom: 90px;
}

.tour-grid {
    padding-top: 120px;
    padding-bottom: 120px;
}

.tour-grid .post-pagination {
    margin-top: 30px;
}

.tour-one-single {
    position: relative;
    margin-bottom: 30px;
}

.tour-one-image {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.tour-one-image>img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.tour-one-image>a {
    width: 38px;
    height: 38px;
    background-color: rgba(var(--thm-black-rgb), .2);
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-single:hover .tour-one-image>img {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.tour-one-single:hover .tour-one-image>a {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-one-single .liked {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-one-content {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-single:hover .tour-one-content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.tour-one-stars {
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1em;
    margin-bottom: 5px;
}

.tour-one-stars i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.tour-one-content p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #6f757a;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 30px;
}

.tour-one-content p span {
    color: var(--thm-secondary);
    font-size: 22px;
    font-weight: 600;
}

.tour-one-meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgb(236, 238, 239);
}

.tour-one-meta li+li {
    margin-left: 20px;
}

.tour-one-meta li a {
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-meta li i {
    font-size: 14px;
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-meta li a:hover {
    color: var(--thm-black);
}

.tour-one-meta li a:hover i {
    color: var(--thm-primary);
}

.tour-one-content h3 {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.tour-one-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-content h3 a:hover {
    color: var(--thm-primary);
}

.tour-one-carousel {
    margin-bottom: 20px;
}

.tour-one-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

.tour-one-carousel-no-overflow .owl-stage-outer {
    overflow: visible;
}

.tour-one-carousel .owl-nav button.owl-next,
.tour-one-carousel .owl-nav button.owl-prev {
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one-carousel .owl-nav button.owl-prev {
    margin-right: 15px;
}

.tour-one-carousel .owl-nav button.owl-next:hover,
.tour-one-carousel .owl-nav button.owl-prev:hover {
    color: var(--thm-secondary);
    background-color: transparent;
}





/*--------------------------------------------------------------
## Contact Info
--------------------------------------------------------------*/
.contact-info-one {
    padding-top: 120px;
    padding-bottom: 80px;
}

.contact-info-one [class*=col-]:nth-child(1) .contact-info-one__single .contact-info-one__icon {
    background-color: var(--thm-secondary);
}

.contact-info-one [class*=col-]:nth-child(2) .contact-info-one__single .contact-info-one__icon {
    background-color: #6ebd32;
}

.contact-info-one__single {
    margin-bottom: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 55px 50px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: #ffffff;
}

.contact-info-one__single:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.contact-info-one__single .contact-info-one__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--thm-primary);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    margin-right: 20px;
    font-size: 30px;
}

.contact-info-one__single svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.contact-info-one__single p {
    margin: 0;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    color: #6f757a;
}

.contact-info-one__single p a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-info-one__single p a:hover {
    color: var(--thm-black);
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact-one {
    padding-bottom: 120px;
}

.contact-one .block-title {
    margin-bottom: 40px;
}

.contact-one__content-text {
    margin-bottom: 40px;
}

.contact-one__content-text p {
    margin: 0;
    font-size: 15px;
    line-height: 34px;
    font-weight: 500;
}

.contact-one__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.contact-one__social a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: var(--thm-gray);
    color: #6f757a;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-one__social a+a {
    margin-left: 10px;
}

.contact-one__social a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.google-map__contact {
    width: 100%;
    border: none;
    outline: none;
    display: block;
    height: 558px;
}

.contact-one__form .row.low-gutters {
    margin-left: -5px;
    margin-right: -5px;
}

.contact-one__form .row.low-gutters>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.contact-one__form .input-group {
    margin-bottom: 10px;
}

.contact-one__form .input-group input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]),
.contact-one__form .input-group textarea {
    width: 100%;
    height: 74px;
    display: block;
    border: none;
    outline: none;
    background-color: #eceeef;
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    padding-left: 30px;
}

.contact-one__form .input-group textarea {
    height: 221px;
    padding-top: 20px;
}

.contact-one__form .input-group ::-webkit-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.contact-one__form .input-group ::-moz-placeholder {
    color: #6f757a;
    opacity: 1;
}

.contact-one__form .input-group :-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.contact-one__form .input-group ::-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.contact-one__form .input-group ::placeholder {
    color: #6f757a;
    opacity: 1;
}

.contact-one__form .input-group :-ms-input-placeholder {
    color: #6f757a;
}

.contact-one__form .input-group ::-ms-input-placeholder {
    color: #6f757a;
}







/*--------------------------------------------------------------
# Tour
--------------------------------------------------------------*/

.tour-one {
    padding-top: 120px;
    padding-bottom: 90px;
}

.tour-grid {
    padding-top: 120px;
    padding-bottom: 120px;
}

.tour-grid .post-pagination {
    margin-top: 30px;
}

.tour-one__single {
    position: relative;
    margin-bottom: 30px;
}

.tour-one__image {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.tour-one__image>img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.tour-one__image>a {
    width: 38px;
    height: 38px;
    background-color: rgba(var(--thm-black-rgb), .2);
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__single:hover .tour-one__image>img {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.tour-one__single:hover .tour-one__image>a {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-one__single .liked {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-one__content {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__single:hover .tour-one__content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.tour-one__stars {
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1em;
    margin-bottom: 5px;
}

.tour-one__stars i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.tour-one__content p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #6f757a;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
}

.tour-one__content p span {
    color: var(--thm-secondary);
    font-size: 22px;
    font-weight: 600;
}

.tour-one__meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 25px;
    border-top: 1px solid rgb(236, 238, 239);
}

.tour-one__meta li+li {
    margin-left: 20px;
}

.tour-one__meta li a {
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__meta li i {
    font-size: 14px;
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__meta li a:hover {
    color: var(--thm-black);
}

.tour-one__meta li a:hover i {
    color: var(--thm-primary);
}

.tour-one__content h3 {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 34px;
    font-size: 26px;
    height: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.tour-list .tour-one__content h3 {
    height: auto;
    display: block;
}

.tour-one__content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__content h3 a:hover {
    color: var(--thm-primary);
}

.tour-one__carousel {
    margin-bottom: 20px;
}

.tour-one__carousel .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

.tour-one__carousel-no-overflow .owl-stage-outer {
    overflow: visible;
}

.tour-one__carousel .owl-nav button.owl-next,
.tour-one__carousel .owl-nav button.owl-prev {
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-one__carousel .owl-nav button.owl-prev {
    margin-right: 15px;
}

.tour-one__carousel .owl-nav button.owl-next:hover,
.tour-one__carousel .owl-nav button.owl-prev:hover {
    color: var(--thm-secondary);
    background-color: transparent;
}

.tour-two__single {
    display: -webkit-box;
    display: flex;
}

.tour-two__image-wrap .tour-one__image {
    width: 270px;
}

.tour-two__single .tour-one__content {
    padding: 0;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    width: 100%;
}

.tour-two__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.tour-two__right p {
    margin: 0;
}

.tour-two__right p span {
    display: inline-block;
    margin-bottom: 5px;
}

.tour-two__text {
    margin-top: 20px;
    margin-bottom: 30px;
}

.tour-two__text p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    color: #6f757a;
}


/* tour sorter */

.tour-sorter-one {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.tour-sorter-one h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

.tour-sorter-one__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sorter-one__right>a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 43px;
    height: 43px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 14px;
    color: #6f757a;
    margin-left: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sorter-one__right>a.active,
.tour-sorter-one__right>a:hover {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    color: var(--thm-black);
}

.tour-sorter-one__select {
    width: 150px;
}

.tour-sorter-one .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-sorter-one .bootstrap-select>.dropdown-toggle {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    padding: 9px 20px;
    padding-right: 20px;
    background-color: #fff;
    text-transform: uppercase;
}

.tour-list {
    padding-top: 120px;
    padding-bottom: 120px;
}

.tour-list .post-pagination {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 60px;
}



/* tour details */

.tour-details__spacer {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #eceeef;
    margin-top: 60px;
    margin-bottom: 60px;
}

.tour-details__title {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: -10px;
}

.tour-details__title+p {
    margin-top: -10px !important;
}


.tour-details__subtitle {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 40px;
}

.tour-details__content p {
    margin: 0;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
}

.google-map__tour-details {
    height: 388px;
}

.tour-details__review-form {
    border: 1px solid #eceeef;
    padding: 50px;
}

.tour-details__review-form-stars {
    margin-bottom: 40px;
}

.tour-details__review-form-stars p {
    display: -webkit-box;
    display: flex;
    margin: 0;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__review-form-stars p+p {
    margin-top: 10px;
}

.tour-details__review-form-stars span {
    font-size: 14px;
    color: #6f757a;
    font-weight: 500;
    margin-right: 5px;
}


.tour-details__review-form-stars i {
    color: #eceeef;
    font-size: 14px;
    line-height: 1em;
    position: relative;
    top: -2px;
}

.tour-details__review-form-stars i+i {
    margin-left: 5px;
}

.tour-details__review-form-stars i.active {
    color: var(--thm-base);
}

.tour-details-two {
    padding-top: 0;
}

.tour-details__content .tour-two__top {
    padding-bottom: 30px;
}

.tour-details__content .tour-two__top h3 {
    font-family: var(--thm-font);
    font-size: 40px;
    color: var(--thm-black);
    margin: 0;
    font-weight: 600;
    padding-bottom: 20px;
}

.tour-details__content .tour-one__stars {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__content .tour-one__stars i {
    margin-right: 5px;
}

.tour-details__content .tour-one__stars i:last-child {
    margin-right: 15px;
}

.tour-details__content .tour-one__stars i.inactive {
    color: #eceeef;
}

.tour-details__content .tour-two__right p {
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1em;
}

.tour-details__content .tour-two__right span {
    color: var(--thm-secondary);
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 15px;
}

.tour-details__content .tour-one__meta li+li {
    margin-left: 50px;
}

.tour-details__content .tour-one__meta li a {
    font-size: 15px;
}

.tour-details__content .tour-one__meta li i {
    color: var(--thm-primary);
    font-size: 14px;
}

.tour-details__list {
    margin-bottom: 0px;
}

.tour-details__list li {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #6f757a;
    padding-left: 25px;
    line-height: 1em;
}

.tour-details__list li+li {
    margin-top: 20px;
}

.tour-details__list li i {
    font-size: 14px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--thm-primary);
}

.tour-details__list.unavailable li i {
    color: var(--thm-secondary);
}

.tour-details__plan-single {
    position: relative;
}

.tour-details__plan-single+.tour-details__plan-single {
    margin-top: 20px;
}

.tour-details__plan-count {
    width: 97px;
    height: 97px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    border: 20px solid #fff;
    font-size: 15px;
    font-weight: 600;
    background-color: var(--thm-base);
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 10;
}

.tour-details__plan-content {
    border-left: 1px solid #eceeef;
    margin-left: 28.5px;
    padding-left: 60px;
    padding-bottom: 40px;
}

.tour-details__plan-content h3 {
    color: var(--thm-black);
    font-family: var(--thm-font);
    margin: 0;
    font-weight: 600;
    margin-bottom: 5px;
}

.tour-details__plan-content span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: var(--thm-primary);
}

.tour-details__plan-content p {
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
    color: #6f757a;
    margin-top: 20px;
}

.tour-details__plan-content ul {
    margin-bottom: 0;
    margin-top: 35px;
}

.tour-details__plan-content ul li {
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
}

.tour-details__plan-content ul li+li {
    margin-top: 20px;
}

.tour-details__review-score {
    border: 1px solid #eceeef;
    display: -webkit-box;
    display: flex;
    margin-bottom: 60px;
}

.tour-details__review-score-ave {
    -webkit-box-flex: 1;
    flex: 1 1 245px;
    max-width: 245px;
    display: -webkit-box;
    display: flex;
}

.tour-details__review-score-ave .my-auto {
    width: 100%;
    text-align: center;
}

.tour-details__review-score-ave h3 {
    margin: 0;
    font-family: var(--thm-font);
    font-weight: 300;
    font-size: 100px;
    color: var(--thm-black);
}

.tour-details__review-score-ave p {
    margin: 0;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.tour-details__review-score-ave p i {
    color: var(--thm-base);
    font-size: 15px;
    margin-right: 10px;
}

.tour-details__review-score__content {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 245px);
    max-width: calc(100% - 245px);
    border-left: 1px solid #eceeef;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.tour-details__review-score__bar+.tour-details__review-score__bar {
    margin-top: 20px;
}

.tour-details__review-score__bar-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__review-score__bar-top h3 {
    font-family: var(--thm-font);
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-black);
    margin: 0;
}

.tour-details__review-score__bar-top p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #6f757a;
}

.tour-details__review-score__bar-line {
    width: 100%;
    height: 7px;
    background-color: #eceeef;
    position: relative;
    overflow: hidden;
}

.tour-details__review-score__bar-line span {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--thm-base);
}

.tour-details__review-comment-single {
    border-bottom: 1px solid #eceeef;
    padding-bottom: 10px;
    margin-bottom: 60px;
}

.tour-details__review-comment-top {
    position: relative;
    padding-left: 100px;
    padding-top: 30px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.tour-details__review-comment-top>img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 64px;
    height: 64px;
}

.tour-details__review-comment-top h3 {
    font-family: var(--thm-font);
    font-size: 14px;
    font-weight: 600;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 5px;
}

.tour-details__review-comment-top p {
    margin: 0;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    color: var(--thm-primary);
}

.tour-details__review-comment-content {
    margin-bottom: 15px;
}

.tour-details__review-comment-content h3 {
    font-family: var(--thm-font);
    font-size: 24px;
    font-weight: 600;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 20px;
}

.tour-details__review-comment-content p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
}

.tour-details__gallery-thumb-carousel,
.tour-details__gallery-carousel {
    overflow: hidden;
}

.tour-details__gallery-thumb-carousel {
    margin-bottom: 60px;
}

.tour-details__gallery-carousel {
    margin-bottom: 10px;
}

.tour-details__gallery-thumb-carousel img {
    cursor: pointer;
}

.tour-details__gallery-image {
    position: relative;
}

.tour-details__gallery-image img {
    width: 100%;
}

.tour-details__gallery-thumb-image img {
    width: 100%;
}

.tour-details__gallery-links {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-details__gallery-links a {
    display: block;
    width: 38px;
    height: 38px;
    background-color: rgba(var(--thm-black-rgb), .2);
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}


.tour-details__gallery-image:hover .tour-details__gallery-links a {
    background-color: #fff;
    color: var(--thm-secondary);
}

.tour-details__content .accrodion-grp {
    margin-bottom: 60px;
}

/* tour details header */
.tour-details__header {
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.tour-details__header .container {
    position: relative;
    min-height: 577px;
}

.tour-details__header .tour-details__gallery-links {
    position: absolute;
    top: 30px;
    right: 15px;
}

.tour-details__header .thm-breadcrumb {
    position: absolute;
    bottom: 30px;
    left: 15px;
}

.tour-details-two .tour-details__content {
    padding-top: 45px;
}







/* Destinations Details */


.destinations-details__title {
    margin: 0;
    color: var(--thm-black);
    font-size: 60px;
    font-family: var(--thm-font);
    font-weight: 600;
    line-height: 1em;
    margin-top: -10px;
    margin-bottom: 40px;
}

.destinations-details__title+p {
    margin-top: -10px;
}

.destinations-details__subtitle {
    margin: 0;
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin-top: -10px;
    margin-bottom: 50px;
}

.destinations-details__subtitle+p {
    margin-top: -10px;
}

.destinations-details__content p {
    margin: 0;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
}

.destinations-details__content p+p {
    margin-top: 30px;
}

.destinations-details__content .row {
    margin-left: -5px;
    margin-right: -5px;
}

.destinations-details__content .row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}

.destinations-details__gallery {
    margin-top: 60px;
    margin-bottom: 60px;
}

.destinations-details__content .accordion {
    margin-top: 50px;
}

.destinations-details__content .accordion {
    margin-top: 50px;
}

.destinations-details__content .accordion-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.destinations-details__content .accordion-item+.accordion-item {
    margin-top: 10px;
}

.destinations-details__content .accordion-item .accordion-button {
    margin: 0;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-top: 31.5px;
    padding-bottom: 31.5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--thm-gray);
    padding-left: 30px;
    padding-right: 30px;
}

.destinations-details__content .accordion-item .accordion-button h4 {
    font-family: var(--thm-font);
    color: var(--thm-primary);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.destinations-details__content .accordion-item .accordion-button.collapsed {
    color: var(--thm-black);
    background-color: transparent;
}

.destinations-details__content .accordion-item .accordion-button.collapsed h4 {
    color: var(--thm-black);
    background-color: transparent;
}

.destinations-details__content .accordion-item:last-of-type .accordion-collapse,
.destinations-details__content .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.destinations-details__content .accordion-item:first-of-type .accordion-button,
.destinations-details__content .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.destinations-details__content .accordion-item .accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.destinations-details__content .accordion-item .accordion-collapse {
    padding-left: 20px;
    padding-right: 20px;
}

.destinations-details__content .accordion-item .accordion-collapse {
    background-color: var(--thm-gray);
}

.destinations-details__content .accordion-item .accordion-button::after {
    background-image: none;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--thm-base);
}

.destinations-details__content .accordion-item .accordion-button::after {
    background-image: none;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--thm-base);
}

.destinations-details__content .accordion-item .accordion-button:not(.collapsed)::after {
    transform: none;
    background-image: none;
    content: '\f068';
    font-family: "Font Awesome 5 Free";
    color: var(--thm-black)
}

/* destinations three */









/*--------------------------------------------------------------
## Tour Sidebar
--------------------------------------------------------------*/


.tour-sidebar__search {
    background-color: var(--thm-gray);
    padding: 50px;
}

.tour-sidebar__search h3 {
    margin: 0;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    color: var(--thm-black);
    line-height: 1em;
    font-family: var(--thm-font);
}

.tour-sidebar__search-form .input-group+.input-group {
    margin-top: 10px;
}

.tour-sidebar__search-form .input-group input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]),
.tour-sidebar__search-form .input-group textarea {
    width: 100%;
    height: 64px;
    display: block;
    border: none;
    outline: none;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    color: #6f757a;
    padding-left: 30px;
}

.tour-sidebar__search-form .input-group textarea {
    height: 135px;
    padding-top: 15px;
}

.tour-sidebar__search-form .thm-btn {
    display: block;
    width: 100%;
    height: 64px;
    padding: 0;
    text-align: center;
    line-height: 64px;
}


.tour-sidebar__search-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tour-sidebar__search-form .bootstrap-select>.dropdown-toggle {
    border: 0;
    padding: 18.5px 30px;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    color: #6f757a;
}

.tour-sidebar__search-form ::-webkit-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-sidebar__search-form ::-moz-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-sidebar__search-form :-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-sidebar__search-form ::-ms-input-placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-sidebar__search-form ::placeholder {
    color: #6f757a;
    opacity: 1;
}

.tour-sidebar__search-form :-ms-input-placeholder {
    color: #6f757a;
}

.tour-sidebar__search-form ::-ms-input-placeholder {
    color: #6f757a;
}


.tour-sidebar__search+.offer-sidebar {
    margin-top: 30px;
}

.tour-sidebar__sorter-wrap {
    padding: 50px;
    border-style: solid;
    border-width: 1px;
    border-color: #eceeef;
    margin-top: 15px;
}

.tour-sidebar__sorter-single+.tour-sidebar__sorter-single {
    margin-top: 45px;
}

.tour-sidebar__sorter-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eceeef;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.tour-sidebar__sorter-top h3 {
    margin: 0;
    color: var(--thm-black);
    font-family: var(--thm-font);
    font-size: 14px;
    font-weight: 500;
}

.tour-sidebar__sorter-toggler {
    border: none;
    outline: none !important;
    font-size: 15px;
    color: var(--thm-black);
    width: auto;
    background-color: transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sidebar__sorter-toggler.toggled {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tour-sidebar__price-range .form-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.tour-sidebar__price-range .form-group p {
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    margin: 0;
    line-height: 1em;
}

.tour-sidebar__price-range .noUi-horizontal {
    height: 2px;
    background-color: var(--thm-gray);
}

.tour-sidebar__price-range .noUi-handle {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background-color: var(--thm-primary);
    border: none;
    outline: none;
    box-shadow: none;
}

.tour-sidebar__price-range .noUi-handle::before,
.tour-sidebar__price-range .noUi-handle::after {
    display: none;
}

.tour-sidebar__price-range .noUi-connect {
    background-color: var(--thm-primary);
}

.tour-sidebar__price-range .noUi-target {
    border: none;
}

.noUi-horizontal .noUi-handle {
    right: -8px !important;
    top: -5px !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.noUi-horizontal .noUi-handle:hover {
    box-shadow: 0 0 0px 5px rgba(var(--thm-primary-rgb), 0.3);
}

.noUi-horizontal .noUi-handle:focus {
    box-shadow: 0 0 0px 10px rgba(var(--thm-primary-rgb), 0.3);
    width: 10px;
    height: 10px;
    top: -4px !important;
}

.tour-sidebar__sorter-inputs p {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sidebar__sorter-inputs p+p {
    margin-top: 30px;
}

.tour-sidebar__sorter-inputs p label {
    margin: 0;
    font-weight: 400;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tour-sidebar__sorter-inputs p label i {
    color: #eceeef;
    font-size: 14px;
    line-height: 1em;
    position: relative;
    top: -2px;
}

.tour-sidebar__sorter-inputs p label i+i {
    margin-left: 5px;
}

.tour-sidebar__sorter-inputs p label i.active {
    color: var(--thm-base);
}


.tour-sidebar__sorter-inputs [type="checkbox"]:checked,
.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked+label,
.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    display: block;
    line-height: 1em;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked+label:before,
.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #6f757a;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked+label:after,
.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked)+label:after {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 15px;
    color: var(--thm-base);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tour-sidebar__sorter-inputs [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.tour-sidebar__sorter-inputs [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tour-details-two .tour-sidebar {
    position: relative;
    z-index: 10;
    margin-top: -100px;
}

.tour-sidebar__featured,
.tour-sidebar__organizer {
    border: 1px solid #eceeef;
    padding: 50px;
    margin-top: 30px;
}

.tour-sidebar__featured {
    margin-top: 0;
}

.tour-sidebar__featured h3,
.tour-sidebar__organizer h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 14px;
    font-family: var(--thm-font);
    margin-bottom: 30px;
}

.tour-sidebar__organizer-content {
    position: relative;
    padding-left: 95px;
}

.tour-sidebar__organizer-content>img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 70px;
    object-fit: scale-down;
    box-shadow: 0 0 10px 2px #aaaaaa4d;
}

.tour-sidebar__featured-single p i,
.tour-sidebar__organizer-content p i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.tour-sidebar__organizer-content p,
.tour-sidebar__featured-single p,
.tour-sidebar__organizer-content span,
.tour-sidebar__featured-single span {
    font-size: 14px;
    color: #6f757a;
    font-weight: 500;
    line-height: 1em;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
}

.tour-sidebar__featured {
    margin-bottom: 30px;
}

.tour-sidebar__featured-single {
    position: relative;
    padding-left: 80px;
}

.tour-sidebar__featured-single>img {
    position: absolute;
    top: 5px;
    left: 0;
    max-width: 70px;
}

.tour-sidebar__featured-single h3,
.tour-sidebar__organizer-content h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 15px;
    font-family: var(--thm-font);
    margin-bottom: 10px;
    margin-top: 10px;
}

.tour-sidebar__featured-single+.tour-sidebar__featured-single {
    border-top: 1px solid #eceeef;
    padding-top: 30px;
    margin-top: 30px;
}

.tour-sidebar__featured-single+.tour-sidebar__featured-single>img {
    top: 35px;
}

.tour-sidebar__featured-single p,
.tour-sidebar__featured-single p i {
    font-size: 14px;
    color: #6f757a;
}

.tour-sidebar__featured-single span {
    color: var(--thm-secondary);
    font-size: 15px;
    font-weight: 500;
}

.tour-sidebar__featured-single h3 {
    margin: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tour-sidebar__featured-single h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.tour-sidebar__featured-single h3 a:hover {
    color: var(--thm-primary);
}



.offer-sidebar {
    position: relative;
    padding-left: 60px;
    padding-bottom: 70px;
    padding-top: 325px;
    background-position: center;
    background-size: cover;
}

.offer-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004c85;
    opacity: 0.8;
}

.offer-sidebar h3 {
    position: relative;
    font-weight: 300;
    font-size: 45px;
    line-height: 60px;
    color: #fff;
    font-family: var(--thm-font);
}

.offer-sidebar h3 span {
    font-weight: 900;
}

.offer-sidebar__price {
    color: var(--thm-base);
}


.tour-sidebar__search+.offer-sidebar {
    margin-top: 30px;
}





.post-pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.post-pagination a {
    border-radius: 50%;
    background-color: var(--thm-gray);
    color: #6f757a;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
}

.post-pagination a:hover {
    background-color: var(--thm-primary);
    color: #fff;
}

.post-pagination a.active {
    background-color: var(--thm-base);
    color: #fff;
    cursor: auto;
}

.post-pagination a+a {
    margin-left: 15px;
}

.table-pagination a {
    border-radius: var(--border-radius);
    width: 40px;
    height: 40px;
}







.star-rating {
    font-size: 0;
}

.star-rating__wrap {
    display: inline-block;
    font-size: 1rem;
}

.star-rating__wrap:after {
    content: "";
    display: table;
    clear: both;
}

.star-rating__ico {
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #FFB300;
}

.star-rating__ico:last-child {
    padding-left: 0;
}

.star-rating__input {
    display: none;
}

.star-rating__ico:hover:before,
.star-rating__ico:hover~.star-rating__ico:before,
.star-rating__input:checked~.star-rating__ico:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f005";
}






.error-page {
    background-color: #004c85;
    position: relative;
    padding-top: 60px;
    padding-bottom: 120px;
}

.error-page .container {
    position: relative;
}

.error-page-logo {
    display: block;
    text-align: center;
}

.error-page-title {
    position: relative;
    display: inline-block;
    margin-top: 140px;
}

.error-page-title h2 {
    position: relative;
    display: inline-block;
    font-size: 400px;
    font-weight: 900;
    color: #ffffff;
    font-family: var(--thm-font);
    line-height: 1em;
}

.error-page-title h2::before {
    width: 141px;
    height: 124px;
    content: '';
    background-image: url(/public/assets/images/shapes/error-page__shape-1-1.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -5px;
    left: -40px;
}

.error-page-title p {
    font-family: var(--heading-font);
    font-size: 200px;
    line-height: 1em;
    color: var(--thm-secondary);
    position: absolute;
    bottom: -60px;
    right: 0;
}

.error-page-text {
    margin-top: 40px;
    padding-bottom: 60px;
}

.error-page-text p {
    font-size: 30px;
    color: #a4cae5;
    margin: 0;
    font-weight: 400;
}

@media (max-width: 767px) {
    .error-page-title p {
        font-size: 100px;
    }

    .error-page-title h2 {
        font-size: 200px;
    }
}

@media (max-width: 375px) {
    .error-page-title p {
        font-size: 50px;
    }

    .error-page-title h2 {
        font-size: 100px;
    }

    .error-page-title h2::before {
        width: 70px;
        height: 70px;
    }
}





.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.preloader-image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.preloader.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .5s, opacity .5s linear;
}



/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-one {
    padding-top: 120px;
    padding-bottom: 90px;
}

.blog-one__single {
    margin-bottom: 30px;
    position: relative;
}

.blog-one__image {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.blog-one__image>img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.blog-one__image>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 25px;
    color: var(--thm-secondary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
}

.blog-one__image>a:hover {
    color: #fff;
}

.blog-one__single:hover .blog-one__image>img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-one__single:hover .blog-one__image>a {
    opacity: 1;
}

.blog-one__content {
    padding: 35px 50px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__single:hover .blog-one__content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.blog-one__meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.blog-one__meta li+li {
    margin-left: 20px;
}

.blog-one__meta li a {
    font-size: 14px;
    font-weight: 600;
    color: #6f757a;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__meta li i {
    font-size: 13px;
    color: var(--thm-base);
    margin-right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__meta li a:hover {
    color: var(--thm-black);
}

.blog-one__meta li a:hover i {
    color: var(--thm-primary);
}

.blog-two__content h3,
.blog-one__content h3 {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 38px;
    font-size: 26px;
}

.blog-two__content h3 a,
.blog-one__content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__content h3 a:hover,
.blog-one__content h3 a:hover {
    color: var(--thm-primary);
}

.blog-one__grid {
    padding-bottom: 120px;
}

.blog-one__grid .post-pagination {
    margin-top: 30px;
}

.blog-list {
    padding-top: 120px;
    padding-bottom: 120px;
}

.blog-list .post-pagination {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 60px;
}


.blog-two__single {
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #ffffff;
}

.blog-two__single:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.blog-two__single::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
}

.blog-two__content {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 20px;
    padding-right: 50px;
}

@media(max-width: 991px) {
    .blog-two__content {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 25px;
        padding-right: 25px;
    }
}


.blog-two__content p {
    margin: 0;
    color: #6f757a;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
}

.blog-two__link {
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    color: var(--thm-primary);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__link:hover {
    color: var(--thm-black);
}

/*--------------------------------------------------------------
## Blog Details
--------------------------------------------------------------*/

.blog-details__content {
    border: 1px solid #eceeef;
    padding: 50px;
    padding-bottom: 30px;
    background: #ffffff;
}

.blog-details__content h3 {
    margin: 0;
    color: var(--thm-black);
    font-weight: 600;
    font-family: var(--thm-font);
    font-size: 36px;
}

.blog-details__content p {
    margin: 0;
    color: #6f757a;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
}

.blog-details__content p+p {
    margin-top: 35px;
}

.blog-details__bottom {
    border-top: 1px solid #eceeef;
    padding-top: 30px;
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog-details__tags {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.blog-details__tags span {
    margin: 0;
    color: var(--thm-black);
    font-size: 14px;
    font-weight: 600;
}

.blog-details__tags a {
    font-size: 14px;
    color: #6f757a;
    background-color: var(--thm-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 38px;
    margin-left: 10px;
}

.blog-details__tags a:hover {
    background-color: var(--thm-base);
    color: var(--thm-black);
}

/* author */

.author-one {
    background-color: var(--thm-gray);
    padding: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 60px;
}

@media(max-width: 575px) {
    .author-one {
        flex-wrap: wrap;
    }
}

.author-one__content {
    margin-left: 40px;
}

.author-one__content h3 {
    margin: 0;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--thm-font);
}

.author-one__content p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #6f757a;
    margin-top: 20px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-one__title,
.comment-form__title {
    margin: 0;
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin-bottom: 50px;
    margin-top: -10px;
}

.comment-one__single {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #eceeef;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.comment-one__content {
    position: relative;
    margin-left: 45px;
    width: 100%;
}

.comment-one__content h3 {
    margin: 0;
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 600;
    font-family: var(--thm-font);
    margin-bottom: 30px;
}

.comment-one__content p {
    margin: 0;
    font-size: 14px;
    line-height: 34px;
    font-weight: 500;
    color: #6f757a;
}

.comment-one__btn {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 38px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.comment-one__image img {
    border-radius: 50%;
}



/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

@media (max-width: 991px) {
    .sidebar {
        margin-top: 50px;
    }
}

.sidebar__single+.sidebar__single {
    margin-top: 30px;
}

.sidebar__single:not(.sidebar__search):not(.sidebar__twitter) {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding: 30px;
}

.sidebar__search,
.sidebar__twitter {
    background-color: #004c85;
}

.sidebar__title {
    margin: 0;
    margin-bottom: 30px;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    margin-top: -5px;
}

.sidebar__social-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sidebar__social-list a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 57px;
    height: 57px;
    background-color: var(--thm-gray);
    color: #6f757a;
    font-size: 14px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__social-list a+a {
    margin-left: 10px;
}

.sidebar__social-list a:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.sidebar__post-list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.sidebar__post-list li+li {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eceeef;
}

.sidebar__post-image {
    margin-right: 15px;
}

.sidebar__post-image>img {
    max-width: 80px;
}

.sidebar__post-content h3 {
    color: var(--thm-black);
    font-size: 15px;
    line-height: 26px;
    font-family: var(--thm-font);
    margin: 0;
}

.sidebar__post-content h3 a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__post-content h3 a:hover {
    color: var(--thm-primary);
}

.sidebar__search-form {
    position: relative;
}

.sidebar__search-form input[type=search] {
    display: block;
    border: none;
    outline: none;
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding-left: 50px;
    height: 85px;
}

.sidebar__search-form ::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form ::placeholder {
    color: #ffffff;
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: #ffffff;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: #ffffff;
}

.sidebar__search-form button[type=submit] {
    background-color: transparent;
    color: #ffffff;
    font-size: 21px;
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    outline: none;
    border: none;
}

.sidebar__category-list {
    margin: 0;
    margin-top: -15px;
}

.sidebar__category-list li+li {
    margin-top: 15px;
}

.sidebar__category-list li a {
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__category-list li a:hover {
    padding-left: 15px;
    color: var(--thm-black);
}

.sidebar__category-list li a::before {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--thm-base);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__category-list li a:hover::before {
    opacity: 1;
}


.sidebar__tags-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
}

.sidebar__tags-list a {
    font-size: 14px;
    color: #6f757a;
    background-color: var(--thm-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-transform: uppercase;
    display: -webkit-box;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 38px;
}

.sidebar__tags-list a:hover {
    background-color: var(--thm-base);
    color: var(--thm-black);
}

.sidebar__twitter {
    padding: 50px;
}

.sidebar__twitter .sidebar__title {
    color: #ffffff;
    margin-bottom: 15px;
}

.sidebar__twitter p {
    font-size: 14px;
    font-weight: 500;
    color: #a4cae5;
    margin: 0;
}

.sidebar__twitter p a {
    color: inherit;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter p a:hover {
    color: var(--thm-primary);
}

.sidebar__twitter-user {
    border-bottom: 1px solid var(--thm-primary);
    color: var(--thm-primary) !important;
    display: inline-block;
    line-height: 1em;
}

.sidebar__twitter h4 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-family: var(--thm-font);
    margin: 0;
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
}

.sidebar__twitter h4 i {
    font-size: 14px;
    color: var(--thm-base);
    margin-right: 10px;
}

.sidebar__twitter h4 a {
    color: var(--thm-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter h4 a:hover {
    color: var(--thm-secondary);
}

.sidebar__twitter h4 span {
    margin-left: 10px;
    margin-right: 10px;
}

.sidebar__twitter-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}

.sidebar__twitter-carousel .owl-dots {
    margin-top: 0;
    position: absolute;
    top: -35px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.sidebar__twitter-carousel .owl-dots .owl-dot {
    outline: none;
}

.sidebar__twitter-carousel .owl-dots .owl-dot span {
    margin-left: 5px;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-color: #a4cae5;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__twitter-carousel .owl-dots .owl-dot:hover span,
.sidebar__twitter-carousel .owl-dots .owl-dot.active span {
    background-color: #ffffff;
}

.offer-sidebar {
    position: relative;
    padding-left: 60px;
    padding-bottom: 70px;
    padding-top: 325px;
    background-position: center;
    background-size: cover;
}

.offer-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004c85;
    opacity: 0.8;
}

.offer-sidebar h3 {
    position: relative;
    font-weight: 300;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    font-family: var(--thm-font);
}

.offer-sidebar h3 span {
    font-weight: 900;
}

.offer-sidebar__price {
    color: var(--thm-base);
}






/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/

.gallery-one {
    padding-bottom: 90px;
    padding-top: 120px;
}

.gallery-one__single {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.gallery-one__single>img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.gallery-one__single:hover>img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gallery-one__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--thm-base-rgb), .9);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 46px;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.gallery-one__link svg {
    fill: #ffffff;
    width: 80px;
}

.gallery-one__link:hover {
    color: #ffffff;
}


.gallery-one__single:hover .gallery-one__link {
    opacity: 1;
}

.gallery-one__single>img {
    width: 100%;
    -webkit-animation: galleryHomeEightImg 5s linear infinite;
    animation: galleryHomeEightImg 5s linear infinite;
}

@-webkit-keyframes galleryHomeEightImg {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    75% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes galleryHomeEightImg {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    75% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}






.password-visibility-toggler {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 48px;
    width: 50px;
    color: var(--thm-black);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s all ease-in-out;
}

.password-visibility-toggler svg {
    height: 25px;
    width: 25px;
    fill: currentColor;
    vertical-align: sub;
    transition: all 0.3s all ease-in-out;
}




.custom-close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: -15px;
    padding: 12px;
    position: absolute;
    right: 25px;
    top: 15px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    transform: translateX(10px);
    box-shadow: none;
    outline: 0 none !important;
    background-color: transparent;
    border: 9px solid transparent;
    border-radius: 100%;
}

.custom-close:before,
.custom-close:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: #333333;
    transform-origin: 50% 50%;
    opacity: 1;
    transition: transform ease 0.25s;
}

.custom-close.custom-close-light:before,
.custom-close.custom-close-light:after {
    background-color: #ffffff !important;
}

.custom-close:before,
.custom-close:before {
    transform: rotate(45deg);
}

.custom-close:after,
.custom-close:after {
    transform: rotate(-45deg);
}

.custom-close:hover:before,
.custom-close:hover:after {
    transform: rotate(0deg);
}

.col-form-label {
    font-weight: 600;
    color: var(--thm-black);
}

.form-control {
    padding: 10px 12px;
    color: var(--color-text);
    box-shadow: none !important;
    outline: none !important;
    border-radius: var(--border-radius);
}

.form-control.bootstrap-select .btn {
    padding: 10px 12px;
    color: var(--color-text);
    box-shadow: none !important;
    outline: none !important;
    border-radius: var(--border-radius);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
}

.form-control.bootstrap-select .btn:after {
    display: none;
}




.scroll-to-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 15px;
    background-color: var(--thm-primary);
    color: #ffffff;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

.scroll-to-top.active {
    visibility: visible;
    opacity: 0.7;
}

.scroll-to-top:hover {
    background-color: var(--thm-black);
    color: #ffffff;
    opacity: 1;
}

.scroll-to-top svg {
    fill: #ffffff;
}




.fab-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    user-select: none;
    position: fixed;
    bottom: 0;
    right: 20px;
    transition: all .5s ease 0s;
}

.fab-container.up {
    bottom: 60px;
}

.fab-container .fab {
    position: relative;
    height: 50px;
    width: 50px;
    background-color: var(--thm-base);
    border-radius: 50%;
    z-index: 2;
}

.fab-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    padding: 9px;
}

.fab-content svg {
    fill: #ffffff;
}

.fab-container:hover {
    height: 100%;
}

.fab-list {
    margin-bottom: 20px;
}

.fab-list .fab-item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 30px;
    right: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    transition: all .3s ease;
    box-shadow: 0 10px 20px rgba(109, 109, 109, 0.15);
    background-color: var(--thm-base);
}

.fab-list .fab-item.whatsapp {
    background-color: #25D366;
}

.fab-list .fab-item.email {
    background-color: #EA4335;
}

.fab-list .fab-item.chat {
    background-color: #1972F5;
}

.fab-list .fab-item:hover {
    opacity: 0.9;
}

.fab-list .fab-item a svg {
    padding: 10px;
    fill: #ffffff;
    width: 100%;
}

.fab-container:hover .fab-list .fab-item:nth-child(1) {
    transform: translateY(-45px);
}

.fab-container:hover .fab-list .fab-item:nth-child(2) {
    transform: translateY(-90px);
}

.fab-container:hover .fab-list .fab-item:nth-child(3) {
    transform: translateY(-135px);
}

.fab-container:hover .fab-list .fab-item:nth-child(4) {
    transform: translateY(-180px);
}

.fab-container:hover .fab-list .fab-item:nth-child(5) {
    transform: translateY(-225px);
}

.fab-container:hover .fab-list .fab-item:nth-child(6) {
    transform: translateY(-270px);
}



.text-content {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-content strong,
.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
    color: var(--color-text);
    font-weight: 700;
}

.text-content h1 {
    font-size: 26px;
    line-height: 1.3846153846;
}

.text-content h2 {
    font-size: 24px;
    line-height: 1;
}

.text-content h3 {
    font-size: 22px;
    line-height: 1.0909090909;
}

.text-content p {
    font-size: 16px;
    line-height: 22px;
    color: var(--color-text);
}

.text-content p:last-child {
    margin-bottom: 0;
}

.text-content table {
    width: 100%;
}

.text-content table tbody tr td {
    padding: 5px;
}

.text-content table thead tr th,
.text-content table thead tr td {
    font-weight: 700;
    font-size: 12px;
    padding: 7px;
}

.text-content ul,
.text-content ul li,
.text-content ol li,
.text-content ol {
    list-style: initial;
}

.text-content li {
    font-size: 15px;
    line-height: 26px;
}

.text-content blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
}

.text-content blockquote p,
blockquote p {
    display: inline;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    font-style: italic;
}

.text-content blockquote ol:last-child,
.text-content blockquote p:last-child,
.text-content blockquote ul:last-child {
    margin-bottom: 0;
}

.text-content blockquote:before {
    color: var(--thm-base);
    ;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.text-content br {
    display: block !important;
}

/* Lists */
.text-content ul,
.text-content ul li {
    list-style-type: square;
}

.text-content ol,
.text-content ol li {
    list-style-type: decimal;
}

.text-content ul,
.text-content ol {
    margin: 16px 0;
    padding: 0 0 0 40px;
    word-wrap: break-word;
}

.text-content li>ul,
.text-content li>ol {
    margin: 0;
}

.text-content pre {
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.text-content img {
    border-style: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}

.text-content .info {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    color: #404040;
    margin: 0 0 21px 0;
}

.text-content .info span {
    font-style: italic;
}

.text-content .share-buttons span {
    color: var(--color-text);
    font-weight: 700;
    font-size: 13px;
    margin-right: 15px;
}

.text-content .share-buttons a {
    font-size: 14px;
    margin-left: 5px;
    padding: 5px;
    color: var(--thm-primary);
}

.text-content .share-buttons a:hover {
    color: #757575;
}




.whatsapp-support {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    text-align: center;
    color: #ffffff;
    z-index: 10;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #25D366;
}

.whatsapp-support svg {
    fill: #ffffff;
    height: 25px;
    width: 25px;
}






/* Toast Messages */
#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-bottom-right {
    bottom: 12px;
    right: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

.toast-bottom-center {
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#toast-container>.toast {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: 0.8;
}

#toast-container>.toast .btn-close-toast {
    margin: auto 0.5rem auto auto;
    filter: invert(1) grayscale(100%) brightness(200%);
}

#toast-container>.toast:hover,
#toast-container>.toast:focus {
    opacity: 1;
}

@media (max-width: 576px) {
    #toast-container>.toast {
        width: 300px;
    }
}

/* Toast Messages */

/* Custom Modal */
.custom-alert .modal-content {
    border: none;
    border-radius: var(--border-radius);
    color: #545454;
}

.custom-alert .modal-body {
    text-align: center;
    padding: 20px;
}

.custom-alert .modal-body .custom-modal-title {
    position: relative;
    max-width: 100%;
    margin: 10px;
    color: #595959;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}

.custom-alert .modal-body .custom-modal-message {
    z-index: 1;
    justify-content: center;
    margin: 10px 10px 20px;
    padding: 0;
    overflow: auto;
    color: #545454;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}

.custom-alert .custom-alert-icon {
    text-align: center;
    display: block;
    height: 80px;
    margin-bottom: 20px;
}

.custom-alert .custom-alert-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 20px auto 0;
    padding: 0;
}

.custom-alert .custom-alert-actions .btn {
    margin: 0 10px;
    font-size: 14px;
    color: var(--thm-black);
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    border: none;
    border-radius: var(--border-radius);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.custom-alert .custom-alert-actions .btn-primary {
    color: var(--thm-black);
    background-color: var(--thm-base);
}

.custom-alert .custom-alert-actions .btn-secondary {
    color: #ffffff;
    background-color: var(--thm-primary);
}

.custom-alert.custom-alert-info .custom-alert-icon {
    background: url("data:image/svg+xml,%3Csvg fill='%2334a7da' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath d='M290.211,360.727c-5.234,0.488-10.489-0.693-15.011-3.375c-3.304-3.392-4.888-8.101-4.305-12.8 c0.122-3.912,0.589-7.806,1.396-11.636c0.781-4.394,1.79-8.744,3.025-13.033l13.731-47.244c1.416-4.663,2.352-9.459,2.793-14.313 c0-5.236,0.698-8.844,0.698-10.938c0.292-9.333-3.693-18.289-10.822-24.32c-8.769-6.732-19.689-10.041-30.72-9.309 c-7.905,0.119-15.749,1.413-23.273,3.84c-8.223,2.56-16.873,5.624-25.949,9.193l-3.956,15.36 c2.676-0.931,5.935-1.978,9.658-3.142c3.552-1.052,7.234-1.601,10.938-1.629c5.196-0.563,10.426,0.713,14.778,3.607 c2.956,3.527,4.343,8.109,3.84,12.684c-0.013,3.913-0.442,7.814-1.28,11.636c-0.815,4.073-1.862,8.378-3.142,12.916 l-13.847,47.476c-1.116,4.413-2.009,8.879-2.676,13.382c-0.544,3.855-0.816,7.743-0.815,11.636 c-0.057,9.397,4.24,18.291,11.636,24.087c8.904,6.837,19.98,10.226,31.185,9.542c7.89,0.162,15.753-0.978,23.273-3.375 c6.594-2.25,15.399-5.469,26.415-9.658l3.724-14.662c-2.984,1.238-6.057,2.249-9.193,3.025 C298.346,360.583,294.274,360.935,290.211,360.727z'%3E%3C/path%3E%3Cpath d='M304.756,136.727c-6.333-5.816-14.677-8.945-23.273-8.727c-8.591-0.194-16.927,2.932-23.273,8.727 c-11.632,10.03-12.931,27.591-2.9,39.224c0.894,1.037,1.863,2.006,2.9,2.9c13.252,11.853,33.294,11.853,46.545,0 c11.632-10.129,12.851-27.769,2.722-39.401C306.635,138.481,305.725,137.571,304.756,136.727z'%3E%3C/path%3E%3Cpath d='M256,0C114.615,0,0,114.615,0,256s114.615,256,256,256s256-114.615,256-256S397.385,0,256,0z M256,488.727 C127.468,488.727,23.273,384.532,23.273,256S127.468,23.273,256,23.273S488.727,127.468,488.727,256S384.532,488.727,256,488.727 z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
}

.custom-alert.custom-alert-success .custom-alert-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512.257 512.257' fill='%239dd97b' xml:space='preserve' %3E%3Cpath d='M147.379,213.709c-4.881-4.18-12.227-3.612-16.407,1.269c-3.731,4.356-3.731,10.781,0,15.138L247.335,346.48 c4.493,4.595,11.86,4.678,16.455,0.185c0.062-0.061,0.124-0.122,0.185-0.185L458.07,142.843l16.64-17.455l33.396-34.909 c4.92-4.134,5.557-11.474,1.423-16.395c-4.134-4.92-11.474-5.557-16.395-1.423c-0.663,0.557-1.261,1.186-1.785,1.876 l-29.905,31.069l-16.175,16.989L255.364,321.694L147.379,213.709z'%3E%3C/path%3E%3Cpath fill='rgba(165,220,134,.5)' d='M490.768,158.785h0.233c-4.742-4.338-12.102-4.01-16.44,0.732c-2.691,2.942-3.689,7.057-2.644,10.905 c47.548,119.414-10.711,254.763-130.124,302.31S87.03,462.021,39.482,342.607C-8.066,223.194,50.193,87.845,169.607,40.297 C257.374,5.35,357.559,26.925,423.161,94.901c4.976,4.067,12.307,3.33,16.374-1.646c3.66-4.478,3.476-10.964-0.432-15.227 c-0.48-0.348-0.986-0.66-1.513-0.931C338.714-23.513,176.998-24.919,76.388,73.957s-102.017,260.592-3.141,361.202 c98.876,100.611,260.592,102.017,361.202,3.141c72.747-71.493,95.986-179.413,59.112-274.511 C493.061,161.914,492.101,160.194,490.768,158.785z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
}

.custom-alert.custom-alert-error .custom-alert-icon {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 512 512' style='fill:%23DC3545;' xml:space='preserve'%3E%3Cpath d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0 S484.3,190.1,403.1,108.9z M390.8,390.8c-74.3,74.3-195.3,74.3-269.6,0c-74.3-74.3-74.3-195.3,0-269.6s195.3-74.3,269.6,0 C465.2,195.5,465.2,316.5,390.8,390.8z'/%3E%3Cpolygon points='340.2,160 255.8,244.2 171.8,160.4 160,172.2 244,256 160,339.8 171.8,351.6 255.8,267.8 340.2,352 352,340.2 267.6,256 352,171.8 '/%3E%3C/svg%3E") center center no-repeat;
}

.custom-alert.custom-alert-warning .custom-alert-icon {
    background: url("data:image/svg+xml,%3Csvg fill='%23ff9000' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 338.531 338.531' xml:space='preserve'%3E%3Cpath d='M333.413,275.866l-139.2-239.6c-6.4-10.8-15.6-17.2-25.2-17.2c-10,0-19.2,6.4-25.2,17.2l-138.4,239.6 c-6.4,10.8-7.2,22-2,30.4c4.8,8.4,14.8,13.2,27.6,13.2h276.8c12.4,0,22.4-4.8,27.6-13.2 C340.213,297.866,339.413,286.666,333.413,275.866z M320.213,297.866c-2,3.2-6.4,4.8-12.8,4.8h-276.8c-6.4,0-11.2-2-12.8-4.8 c-2-3.2-1.2-8,2-13.6l138.4-239.6c3.2-5.6,7.2-8.8,10.8-8.8c3.6,0,7.6,3.2,10.8,8.8l138.4,239.6 C321.413,289.866,322.213,294.666,320.213,297.866z'%3E%3C/path%3E%3Cpath d='M169.013,97.866c-4.8,0-8.4,3.6-8.4,8.4v111.2c0,4.8,3.6,8.4,8.4,8.4s8.4-3.6,8.4-8.4v-111.2 C177.413,101.466,173.813,97.866,169.013,97.866z'%3E%3C/path%3E%3Ccircle cx='169.013' cy='259.466' r='14.8'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
}

.custom-alert.custom-alert-question .custom-alert-icon {
    background: url("data:image/svg+xml,%3Csvg fill='%2387adbd' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 612 612' xml:space='preserve'%3E%3Cpath d='m306.022 612v-13.984l-.022 13.984c-168.73 0-306-137.275-306-306.005 0-168.725 137.27-305.995 306-305.995s306 137.27 306 305.995c0 168.73-137.265 306.005-305.978 306.005zm-.022-584.03c-153.308 0-278.03 124.723-278.03 278.025 0 153.307 124.722 278.035 278.03 278.035h.022c153.29 0 278.008-124.729 278.008-278.036 0-153.302-124.722-278.024-278.03-278.024z' fill='%23c9dae1'%3E%3C/path%3E%3Cpath d='m306 370.409c-7.725 0-13.985-6.26-13.985-13.985v-59.195c0-7.725 6.26-13.985 13.985-13.985 30.951 0 56.13-25.178 56.13-56.129 0-30.957-25.179-56.146-56.13-56.146s-56.135 25.189-56.135 56.146c0 7.725-6.26 13.985-13.985 13.985s-13.985-6.26-13.985-13.985c0-46.379 37.731-84.116 84.105-84.116s84.1 37.737 84.1 84.116c0 41.608-30.375 76.257-70.114 82.936v46.374c-.002 7.724-6.26 13.984-13.986 13.984z'%3E%3C/path%3E%3Ccircle cx='305.995' cy='433.743' r='23.03' fill='%2387adbd'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
}

.custom-alert .close {
    position: absolute;
    right: 20px;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}

/* Custom Modal */





@media (max-width: 1199px) {
    .main-nav__header-one .container {
        display: -webkit-box;
        display: flex;
    }

    .main-nav__logo-box {
        position: relative;
        padding-right: 20px;
    }

    .main-nav__logo-box::before {
        content: '';
        width: 10000px;
        height: 100%;
        background-color: var(--thm-gray);
        position: absolute;
        right: 0;
        top: 0;
    }

    .main-nav__logo,
    .main-nav__logo-box .side-menu__toggler {
        position: relative;
    }

    .main-nav__header-four .main-nav__logo-box::before,
    .main-nav__header-three .main-nav__logo-box::before,
    .site-header__home-two .main-nav__logo-box::before {
        display: none;
    }

    .main-nav__header-four .main-nav__logo-box,
    .main-nav__header-three .main-nav__logo-box {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .main-nav__header-three .main-nav__logo-box .side-menu__toggler,
    .site-header__home-two .main-nav__logo-box .side-menu__toggler {
        color: #fff;
        margin-left: 30px;
    }

    .main-nav__header-four .main-nav__logo-box .side-menu__toggler {
        margin-left: 30px;
    }

    .tour-search-one__home-seven .block-title h3 {
        font-size: 60px;
        line-height: 1.2em;
    }

    .tour-details__gallery-thumb-carousel img {
        width: 100%;
    }

    .site-header__home-two .main-nav__search {
        margin-left: 30px;
    }
}

@media(max-width: 991px) {
    .site-footer {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .footer-widget__column {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        max-width: 50%;
    }

    .footer-widget__links {
        padding-left: 27.5px;
    }

    .tour-search-one__inputs {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
        border: 1px solid #eceeef;
    }

    .tour-search-one__input-box {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        border-bottom: 1px solid #eceeef;
        max-width: 50%;
    }

    .tour-search-one__btn-wrap,
    .tour-search-one__input-box:nth-child(1) {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .tour-search-one__btn {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .features-one__single {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .features-one__content {
        margin-top: -120px;
    }

    .tour-category-one__col {
        -webkit-box-flex: 1;
        flex: 1 1 33.333%;
        max-width: 100%;
    }

    .cta-one .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        text-align: center;
    }

    .cta-one__button-block {
        margin-top: 40px;
    }

    .tour-one__carousel .tour-one__content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .tour-search-one__home-three .tour-search-one__inputs {
        border-right: 1px solid #eceeef;
    }

    .tour-search-one__home-four .tour-search-one__inputs {
        border: none;
    }

    .tour-search-one__home-5 .block-title h3 {
        font-size: 100px;
    }

    .tour-gallery__home-6__content {
        padding-top: 150px;
    }

    .tour-search-one__home-seven-content {
        padding-left: 0;
        padding-top: 100px;
    }

    .tour-search-one__home-8 {
        background-color: transparent;
        box-shadow: none;
    }

    .tour-details-two .tour-sidebar {
        margin-top: 50px;
    }

    .tour-two__image-wrap .tour-one__image {
        width: 350px;
    }

    .tour-sidebar {
        margin-top: 80px;
    }

    .cta-two__content {
        margin-top: 50px;
    }

    .contact-one__content {
        margin-bottom: 40px;
    }
}

@media(max-width: 767px) {

    .video-one h3 br,
    .features-one__title .block-title h3 br {
        display: none;
    }

    .funfact-one__single {
        text-align: center;
    }

    .site-footer__bottom-home-3 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .site-footer__bottom-home-3 .site-footer__social {
        margin-top: 30px;
    }

    .tour-two__single {
        flex-wrap: wrap;
    }

    .tour-two__image-wrap,
    .tour-two__image-wrap .tour-one__image {
        width: 100%;
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }

    .error-page__title h2 {
        font-size: 200px;
    }

    .error-page__title p {
        font-size: 100px;
    }
}

@media(max-width: 625px) {
    .footer-widget__column {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .site-footer__bottom .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .site-footer__social {
        margin-top: 15px;
    }

    .blog-details__content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-details__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .blog-details__tags {
        margin-bottom: 10px;
    }

    .blog-details__tags a {
        margin-bottom: 10px;
    }

    .blog-details__bottom .sidebar__social-list {
        margin-top: 20px;
    }

    .author-one {
        padding: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .author-one__content {
        margin-left: 0;
        margin-top: 20px;
    }

    .tour-details__review-score {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }

    .tour-details__review-score-ave {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
        padding-top: 30px;
    }

    .tour-details__review-score__content {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
        border-left: 0;
        border-top: 1px solid #eceeef;
        margin-top: 40px;
    }
}

@media(max-width: 480px) {
    .comment-one__single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .comment-one__content {
        margin-left: 0;
        margin-top: 30px;
    }

    .comment-one__btn {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
    }

    .tour-sorter-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .tour-sorter-one h3 {
        margin-bottom: 30px;
    }

    .tour-two__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

    .tour-two__top h3 {
        margin-bottom: 20px;
    }

    .contact-info-one__single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
    }

    .contact-info-one__content {
        margin-top: 30px;
    }

    .contact-info-one__single i {
        margin-right: 0;
    }

    .contact-one__content .block-title h3 br {
        display: none;
    }
}

@media(max-width: 375px) {
    .video-one h3 {
        font-size: 60px;
    }

    .blog-one__content,
    .testimonials-one__content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .banner-three__col {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }

    .tour-sidebar__search,
    .tour-details__review-form {
        padding-left: 25px;
        padding-right: 25px;
    }

    .faq-one-accrodion .accrodion {
        padding-left: 30px;
        padding-right: 30px;
    }

    .tour-two__single .tour-one__content {
        padding-left: 25px;
        padding-right: 25px;
    }

    .error-page__title h2 {
        font-size: 100px;
    }

    .error-page__title p {
        font-size: 50px;
    }

    .error-page__title h2::before {
        width: 70px;
        height: 70px;
    }
}

@media(max-width: 320px) {
    .block-title h3 {
        font-size: 45px;
    }

    .tour-one__meta li+li {
        margin-left: 15px;
    }

    .cta-home h3 {
        font-size: 50px;
        line-height: 1em;
    }

    .tour-search-one__home-seven .block-title h3 {
        font-size: 40px;
    }

    .tour-details__content .tour-one__meta li+li {
        margin-left: 30px;
    }
}

.form-check {
    padding-left: 0;
    margin-bottom: 5px;
}

.form-check .form-check-label {
    line-height: initial;
}

.form-check [type="checkbox"]:checked,
.form-check [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-check label {
    margin: 0;
    font-weight: 400;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.form-check [type="checkbox"]:checked+label,
.form-check [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    color: #6f757a;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.form-check [type="checkbox"]:checked+label:before,
.form-check [type="checkbox"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #6f757a;
    border-radius: var(--border-radius);
}

.form-check [type="checkbox"]:checked+label:after,
.form-check [type="checkbox"]:not(:checked)+label:after {
    content: '\f14a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 19px;
    line-height: 0.8;
    color: var(--thm-base);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-check [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.form-check [type="checkbox"]:checked+label:before {
    border: none;
}



.btn-search {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    color: #2d3137;
    min-height: 46px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    border-radius: var(--border-radius);
}

.btn-search:hover,
.btn-search:focus {
    background-color: var(--thm-primary);
    border: 1px solid var(--thm-primary);
    color: #ffffff;
}

.btn-rooms {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    color: #2d3137;
    min-height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    border-radius: 0;
}

.btn-rooms:hover,
.btn-rooms:focus {
    background-color: #ffa8018f;
    border: 1px solid #ffa8018f;
}

.room-selector {
    cursor: pointer;
    width: 100%;
}

.room-selector .form-control {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-selector.dropdown-toggle::after {
    display: none;
}

.room-selector-menu {
    box-shadow: rgb(45 49 55 / 30%) 0px 2px 12px 0px !important;
    padding: 8px 16px !important;
    border: none !important;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(0px, 48px, 0px);
    margin-top: 46px !important;
    width: 100%;
    border-radius: var(--border-radius);
    max-height: 500px;
    min-width: 300px;
    overflow-y: auto;
}

.room-selector-menu::-webkit-scrollbar {
    width: 5px;
    background-clip: padding-box;
}

.room-selector-menu::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    height: 5px;
    background-clip: padding-box;
}

.room-selector-menu::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #bdbdbd;
    border-radius: 0;
}

.room-selector-menu::-webkit-scrollbar-button {
    display: none;
}

.room-selector-menu.show {
    transform: none !important;
}

.search-tabs {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: -16px;
    padding-bottom: 16px;
    padding-top: 10px;
    z-index: 1;
    position: relative;
}

.search-tabs::-webkit-scrollbar {
    display: none;
}

.search-tabs .search-tabs-item {
    align-items: center;
    box-sizing: border-box;
    color: var(--color-text);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    opacity: 0.8;
    outline: none;
    position: relative;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 6px;
    padding: 0 20px;
    transition: all .3s ease-in-out;
}

.search-tabs .search-tabs-item:not(:last-child) {
    margin-right: 8px;
}

.search-tabs .search-tabs-item.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 16px #ffffff;
    opacity: 1;
}

.search-tabs .search-tabs-item:hover {
    opacity: 1;
}

.hotel-search-card {
    background-color: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0 5px 24px 0 rgba(45, 49, 55, 0.3);
    border: none;
    margin-bottom: 0;
}

.hotel-search-card .form-control {
    background-color: #ffffff;
    border: 1px solid rgb(229, 229, 229);
    border-radius: var(--border-radius) !important;
    box-shadow: none;
    min-height: 46px;
    font-size: 14px;
    cursor: pointer;
}

.hotel-search-card .form-control .selection-arrow {
    height: 46px;
    top: 0;
    right: 5px;
    position: absolute;
    width: 20px;
}

.hotel-search-card .form-control .selection-arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.hotel-search-card .form-control:focus,
.hotel-search-card .form-control:hover {
    border: 1px solid rgb(184, 184, 184);
    box-shadow: none;
}

.hotel-search-card .input-group .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff;
    border: none;
    border-radius: var(--border-radius);
    position: absolute;
    height: 44px;
    top: 1px;
    z-index: 6;
}

.hotel-search-card .input-group .form-control {
    padding-left: 48px;
    color: #444;
    font-weight: 500;
}

.hotel-search-card .input-group .input-group-text svg {
    fill: #afaeae;
    width: 20px;
    height: 20px;
}

.hotel-search-card .select2-container .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid rgb(229, 229, 229);
    border-radius: var(--border-radius) !important;
    box-shadow: none;
    min-height: 46px;
    outline: none !important;
}

.select2-dropdown {
    background-color: #ffffff !important;
    border-radius: var(--border-radius) !important;
    box-shadow: 0 2px 12px 0 rgba(45, 49, 55, 0.3) !important;
    padding: 8px 16px !important;
    border: none !important;
    min-width: 250px !important;
}

.hotel-search-card .select2-container .select2-selection--single:focus,
.hotel-search-card .select2-container .select2-selection--single:hover {
    border: 1px solid rgb(184, 184, 184);
    box-shadow: none;
}

.hotel-search-card .select2-container .select2-selection__rendered {
    line-height: 44px !important;
}

.hotel-search-card .input-group .select2-container .select2-selection__rendered {
    padding-left: 48px;
}

.hotel-search-card .select2-container .select2-selection__arrow {
    height: 46px !important;
    top: 0 !important;
    right: 5px !important;
    width: 20px;
}

.hotel-search-page .hotel-search-card {
    border: 1px solid rgb(236, 238, 239);
    box-shadow: none;
}

.hotel-search-card .btn-flip-icon {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 16px;
    z-index: 10;
}

.hotel-search-card .btn-flip-icon .btn-flip {
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    background: #ffffff;
    color: #444444;
    overflow: hidden;
    outline: 0;
    border: 1px solid rgb(229, 229, 229);
    -webkit-box-shadow: 0 8px 10px rgba(240, 243, 245, 0.7);
    box-shadow: 0 8px 10px rgba(240, 243, 245, 0.7);
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.hotel-search-card .btn-flip-icon .btn-flip svg {
    height: 16px;
    width: 16px;
    fill: currentColor;
}

@media (max-width: 767px) {
    .hotel-search-card .btn-flip-icon {
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-top: 25px;
    }

    .hotel-search-card .btn-flip-icon .btn-flip svg {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

.hotel-sidebar-filter {
    /*border: 1px solid rgb(236, 238, 239);
    border-radius: var(--border-radius);*/
    border: none;
    background-color: #ffffff;
}

.hotel-offcanvas-filter {
    background-color: #ffffff;
}

.hotel-sidebar-filter .card-header {
    border-bottom: 1px solid rgb(236, 238, 239);
}

.hotel-sidebar-filter .accordion-body {
    max-height: 250px;
    overflow-y: scroll;
    padding: 15px 0;
}

.hotel-sidebar-filter .accordion-body::-webkit-scrollbar {
    display: none;
}

.hotel-search-modal .hotel-search-card {
    border: none;
    box-shadow: none;
}




.select2-results__option--selectable {
    border-radius: 0 !important;
    margin-bottom: 5px;
    line-height: 1.5;
}

.select2-results__option--highlighted {
    background-color: #ffa8018f !important;
    color: #555 !important;
}

.select2-search--dropdown {
    padding: 5px 0 10px !important;
}

.select2-search__field {
    background-color: #ffffff !important;
    border: 1px solid rgb(229, 229, 229) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 40px !important;
    padding: 2px 10px !important;
    outline: none;
}

.select2-search__field:hover,
.select2-search__field:focus {
    border: 1px solid rgb(184, 184, 184) !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    height: 5px;
    background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #bdbdbd;
    border-radius: 0;
}

.select2-results__options::-webkit-scrollbar-button {
    display: none;
}

.select2-container--default .select2-results__group {
    background: #f1f1f1;
    margin-bottom: 5px;
}



.rooms-container {
    padding-top: 5px;
}

.rooms-container .room-item {
    min-height: 100px;
    width: 100%;
}

.rooms-container .room-item:not(:last-child) {
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(229, 229, 229);
}

.rooms-container .room-item>.title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
}

.rooms-container .room-item .line {
    width: 100%;
    display: flex;
    line-height: 32px;
    margin: 0px 0px 10px;
}

.rooms-container .room-item .line .child {
    margin-left: 5px;
}

.rooms-container .room-item .line .name {
    margin-right: auto;
    font-weight: 500;
    color: #6f757a;
}

.rooms-container .room-item .line .controls {
    white-space: nowrap;
    margin-left: auto;
    border: 1px solid rgb(229, 229, 229);
    border-radius: var(--border-radius);
    height: 42px;
}

.rooms-container .room-item .line .controls .minus,
.rooms-container .room-item .line .controls .plus,
.rooms-container .room-item .line .controls .counter {
    display: inline-block;
    text-align: center;
    height: 40px;
    width: 32px;
    user-select: none;
    cursor: pointer;
    line-height: 40px;
}

.rooms-container .room-item .line .controls .counter {
    width: 20px;
    margin: 0px 4px;
    font-weight: 500;
    cursor: unset;
}

.rooms-container .room-item .line select {
    width: 60px;
    margin-left: auto;
    border-radius: var(--border-radius);
    border: 1px solid rgb(229, 229, 229);
    font-weight: 700;
}

.rooms-container .room-item>.title .delete-room {
    color: #e61010;
    font-weight: 700;
    float: right;
    cursor: pointer;
}

.rooms-container .add-room {
    text-align: right;
    color: var(--thm-base);
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 15px;
}


.hotel-item {
    position: relative;
    box-shadow: none;
    border-radius: 0;
}

.hotel-item-main {
    display: flex;
    position: relative;
    text-decoration: none !important;

    margin-bottom: 16px;
    position: relative;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid rgb(236, 238, 239);
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.hotel-item-main:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
}

.hotel-item-main .hotel-item-thumbnail {
    position: relative;
    min-width: 250px;
    max-width: 250px;
    min-height: 210px;
    overflow: hidden;
}

.hotel-item-main .hotel-item-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 105%;
    max-height: 110%;
    object-fit: cover;
}

.hotel-item .rating-stars {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 7px 0 5px;
}

.hotel-item .rating-stars span {
    font-size: 10px;
    color: #ffa801;
    padding-right: 3px;
}

.hotel-item hr {
    border-top: 1px solid rgba(41, 47, 55, 0.4);
}

.hotel-item-main .hotel-item-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex: 1 1;
}

.hotel-item-main .hotel-item-main-info {
    flex: 1;
    padding: 0 15px 12px 15px;
    display: flex;
    flex-direction: column;
}

.hotel-item-name {
    color: #2861ad;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

.hotel-rating {
    padding: 10px;
    background: #25ac03;
    color: #ffffff;
    line-height: 1;
    border-radius: 5px 5px 5px 0;
    font-weight: 600;
}

.hotel-item-name a {
    color: inherit;
    font-size: inherit;
    text-decoration: none !important;
    display: inline-block;
}

.hotel-item-main .hotel-item-top-info {
    font-size: 14px;
    margin-bottom: 5px;
    color: #53605e;
    font-weight: 600;
}

.hotel-item-main .hotel-item-room-info {
    color: #292f37;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 7px;
}

.hotel-item-main .hotel-item-room-info .btn-link,
.hotel-item-main .hotel-item-top-info .btn-link {
    padding: 0;
    font-size: 11px;
    color: #2861ad;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

.room-concept-item {
    display: flex;
    align-items: center;
}

.room-concept-icon {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: bottom;
}

.distance-item {
    color: #53605e;
}

.refundable {
    margin-top: 8px;
    background-color: #e5f6ed;
    border-radius: 4px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-right: 4px;
}

.refundable img {
    margin-left: 4px;
    margin-right: 4px;
    height: 11px;
}

.refundable-info {
    color: #13882b;
    margin-right: 4px;
    font-size: 13px;
    margin-top: 2px;
}

.hotel-item-main .hotel-suitability {
    margin-top: auto;
}

.hotel-item-main .hotel-suitability-item {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: #f4f5f5;
    margin-right: 5px;
}

.hotel-item-review-badge {
    background-color: #1b2f6f;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    padding: 4px 6px;
    font-weight: 700;
    line-height: 1;
}

.hotel-item-main .hotel-item-review-price-info {
    display: block;
}

.hotel-item-main p {
    margin-bottom: 0;
    color: #53605e;
    font-size: 12px;
    line-height: 20px;
}

.hotel-item-main .hotel-item-review-price-info .hotel-item-review-price-info-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hotel-item-main .discountless-price {
    color: #bdc5c1;
    font-size: 14px;
    text-decoration: line-through;
    margin-right: 5px;
}

.hotel-item-main .price {
    font-size: 26px;
    font-weight: 700;
    color: var(--thm-black);
    line-height: 1.7;
    display: block;
}

.hotel-item-main .price sup {
    top: -8px;
    font-size: 13px;
}

.hotel-item-main .agency-price {
    font-size: 15px;
    font-weight: 700;
    color: #198754;
    line-height: 1.7;
    display: block;
}

.hotel-item-main .agency-price sup {
    top: -3px;
    font-size: 11px;
}

.hotel-item-main .base-price {
    font-size: 18px;
    font-weight: 600;
    color: #919191;
    line-height: 1;
    position: relative;
    overflow: hidden;
    display: block;
}

.hotel-item-main .base-price sup {
    top: -5px;
    font-size: 10px;
}

.hotel-item-main .base-price:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background: #919191;
}

.hotel-item-main .discount {
    border: 1px solid #ed1c22;
    padding: 3px 6px;
    display: inline-block;
    color: #ed1c22;
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

.hotel-item-main .select-detail-box {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}

.hotel-item-main .select-detail-box .detail-btn {
    padding: 0;
    color: #53605e;
    font-size: 12px;
    font-weight: 400;
    background-color: transparent;
    margin-right: 10px;
}

.hotel-item-main .select-detail-box .select-btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 0.4rem 0.85rem;
    color: #fff;
}


@media (max-width: 768px) {
    .hotel-item {
        margin-bottom: 30px;
    }

    .hotel-item .hotel-item-main {
        flex-direction: column;
    }

    .hotel-item-main .hotel-item-thumbnail {
        width: 100%;
        max-width: 100%;
        height: auto;
        height: 250px;
    }

    .hotel-item-main .hotel-item-thumbnail img {
        max-height: inherit;
        width: auto;
        min-width: fit-content;
        height: -webkit-fill-available;
    }

    .hotel-item-main .hotel-item-main-info {
        padding-top: 15px;
    }
}






.hotel-marker {
    width: 28px;
    height: 34px;
    position: relative;
    pointer-events: none;
    animation: drop 0.3s linear forwards .5s;
}

.atlas-marker .hotel-marker .hotel-marker__pin {
    width: 28px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    -webkit-animation: none;
    animation: none;
}

.hotel-marker .hotel-marker__icon {
    width: 8px;
    height: 8px;
    background-color: var(--bui_color_white);
    border: 1px solid var(--bui_color_white);
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 9px;
    pointer-events: none;
    z-index: 2;
}

.hotel-marker .hotel-marker__shape {
    fill: #003580;
    stroke: #ffffff;
    stroke-width: 1px;
    pointer-events: none;
    z-index: 1;
}

.hotel-marker .hotel-marker__shadow {
    fill: #000;
    fill-opacity: .24;
    z-index: 1;
    position: absolute;
    width: 12px;
    height: 4px;
    top: 30px;
    left: 8px;
}

@keyframes drop {
    0% {
        transform: translateY(-200px) scaleY(0.9);
        opacity: 0;
    }

    5% {
        opacity: 0.7;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    65% {
        transform: translateY(-17px) scaleY(0.9);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
        opacity: 1;
    }

    100% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }
}

.drop {
    animation: drop 0.3s linear forwards .5s;
}



.hotel-sidebar-filter .accordion {
    --bs-accordion-active-color: none;
    --bs-accordion-active-bg: none;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-width: none;

    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--thm-black%29'%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");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--thm-primary%29'%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");
}

.hotel-sidebar-filter .accordion-item {
    background-color: transparent;
}

.hotel-sidebar-filter .accordion-header {
    /*border-bottom: 1px solid #dee2e6;*/
}

.hotel-sidebar-filter .accordion-item:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}

.hotel-sidebar-filter .accordion-header button {
    margin: 0;
    color: var(--thm-black);
    font-family: var(--thm-font);
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    padding: 15px 0;
}

.hotel-sidebar-filter .accordion-header button::after {
    display: none;
}

.hotel-sidebar-filter .form-check .form-check-label {
    color: var(--thm-black) !important;
}

.hotel-sidebar-filter .hotel-star label i {
    color: #eceeef;
    font-size: 14px;
    line-height: 1em;
    position: relative;
    top: -2px;
}

.hotel-sidebar-filter .hotel-star label i.active {
    color: var(--thm-base);
}

.hotel-sidebar-filter .hotel-star label i+i {
    margin-left: 5px;
}

.hotel-filter-search {
    height: 43px;
    font-size: 14px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239) !important;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    color: #6f757a;
    background: transparent;
    box-shadow: none !important;
}

.hotel-sorter .filter-toggler {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    text-align: center;
    height: 43px;
    font-size: 14px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236, 238, 239);
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    color: #6f757a;
    background: #ffffff;
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .hotel-sorter {
        justify-content: space-between !important;
        flex-direction: row;
    }
}

.no-transfer,
.no-airline,
.no-duration,
.no-deparure-time,
.no-arrival-time,
.no-facility,
.no-theme,
.no-board,
.no-star,
.no-search,
.no-price,
.no-refund-policy,
.no-type,
.no-baggage {
    display: none;
}

.hotel-price-range .form-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.hotel-price-range .form-group p {
    font-size: 14px;
    font-weight: 500;
    color: #082740;
    margin: 0;
    line-height: 1em;
}


.hotel-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.6);*/
    background-color: #ffffff;
    z-index: 9991;
}

.hotel-loader-content {
    background-color: #ffffff;
    color: #67809F;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    max-width: 600px;
    padding: 25px;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 0;
    overflow: hidden;
}

.hotel-loader-content p {
    margin-top: 10px;
}

.hotel-loader-image {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 350px;
    height: 100%;
}

@media (max-width: 768px) {}



.col-sidebar {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

@media (min-width: 768px) {
    .col-sidebar {
        -webkit-flex-basis: 316px;
        -ms-flex-preferred-size: 316px;
        flex-basis: 316px;
        max-width: 316px;
    }
}

@media (min-width: 992px) {
    .col-sidebar+.col {
        max-width: calc(100% - 316px);
    }
}

.daterangepicker {
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 0 5px 24px 0 rgba(45, 49, 55, 0.3) !important;
    padding: 0 !important;
    border: none !important;
}

/* Date Range Picker */
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
    text-align: center;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: block;
    font-size: 12px;
    ;
    display: block;
    margin-bottom: 10px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: left
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

svg {
    -ms-touch-action: none;
    touch-action: none
}

.jvm-zoomin,
.jvm-zoomout,
image,
text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jvm-container {
    -ms-touch-action: none;
    touch-action: none;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.jvm-tooltip {
    border-radius: 3px;
    background-color: #5c5cff;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    box-shadow: 1px 2px 12px rgba(0, 0, 0, .2);
    padding: 3px 5px;
    white-space: nowrap;
    position: absolute;
    display: none;
    color: #fff
}

.jvm-tooltip.active {
    display: block
}

.jvm-zoom-btn {
    border-radius: 3px;
    background-color: #292929;
    padding: 3px;
    box-sizing: border-box;
    position: absolute;
    line-height: 10px;
    cursor: pointer;
    color: #fff;
    height: 15px;
    width: 15px;
    left: 10px
}

.jvm-zoom-btn.jvm-zoomout {
    top: 30px
}

.jvm-zoom-btn.jvm-zoomin {
    top: 10px
}

.jvm-series-container {
    right: 15px;
    position: absolute
}

.jvm-series-container.jvm-series-h {
    bottom: 15px
}

.jvm-series-container.jvm-series-v {
    top: 15px
}

.jvm-series-container .jvm-legend {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    margin-left: .75rem;
    border-radius: .25rem;
    border-color: #e5e7eb;
    padding: .6rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    float: left
}

.jvm-series-container .jvm-legend .jvm-legend-title {
    line-height: 1;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: .5rem;
    margin-bottom: .575rem;
    text-align: left
}

.jvm-series-container .jvm-legend .jvm-legend-inner {
    overflow: hidden
}

.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
    overflow: hidden;
    min-width: 40px
}

.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
    margin-top: .575rem
}

.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
    border-radius: 4px;
    margin-right: .65rem;
    height: 16px;
    width: 16px;
    float: left
}

.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
    font-size: 12px;
    text-align: center;
    float: left
}

.jvm-line[animation=true] {
    -webkit-animation: jvm-line-animation 10s linear forwards infinite;
    animation: jvm-line-animation 10s linear forwards infinite
}

@-webkit-keyframes jvm-line-animation {
    from {
        stroke-dashoffset: 250
    }
}

@keyframes jvm-line-animation {
    from {
        stroke-dashoffset: 250
    }
}

.daterangepicker-custom-input {
    cursor: pointer
}

.daterangepicker-wrapper {
    border: none;
    padding: 0;
    cursor: pointer
}

.daterangepicker {
    border: none;
    background-color: #fff;
    box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140, 152, 164, .175);
    margin-top: 0;
    border-radius: 0
}

.daterangepicker.opensright::after,
.daterangepicker.opensright::before {
    left: 1rem
}

.daterangepicker::after,
.daterangepicker::before {
    top: 0;
    border-bottom-color: #fff;
    border-bottom-width: 0
}

.daterangepicker.drop-up::before {
    border-top-color: #fff
}

.daterangepicker .drp-calendar {
    max-width: 18.75rem
}

.daterangepicker .drp-calendar.left {
    padding: 1rem 1rem
}

.daterangepicker .drp-calendar.right {
    padding: 1rem 1rem
}

.daterangepicker th.next,
.daterangepicker th.prev {
    min-width: auto;
    width: 2.40625rem;
    height: 2.40625rem;
    color: var(--thm-base);
    font-size: .875rem;
    border-radius: 0
}

.daterangepicker th.next:hover,
.daterangepicker th.prev:hover {
    background-color: rgba(55, 125, 255, .1)
}

.daterangepicker th.next:hover .daterangepicker-custom-arrow,
.daterangepicker th.prev:hover .daterangepicker-custom-arrow {
    color: var(--thm-base)
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border-width: 0
}

.daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: 0 .25rem
}

.daterangepicker .calendar-table th:not(.month) {
    color: #97a4af;
    font-weight: 600;
    text-transform: uppercase
}

.daterangepicker .calendar-table th.month {
    font-size: .875rem;
    font-weight: 600
}

.daterangepicker .calendar-table td {
    min-width: 2.40625rem;
    width: 2.40625rem;
    height: 2.40625rem;
    font-size: .875rem;
    line-height: 2.15625rem
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #677788
}

.daterangepicker .calendar-table .next:hover span,
.daterangepicker .calendar-table .prev:hover span {
    border-color: var(--thm-base)
}

.daterangepicker td.available:not(.in-range) {
    border-radius: 0
}

.daterangepicker td.available:hover:not(.active) {
    color: var(--thm-base);
    background-color: rgba(55, 125, 255, .1)
}

.daterangepicker td.in-range {
    color: #677788;
    background-color: rgba(231, 234, 243, .5)
}

.daterangepicker td.active.start-date.end-date,
.daterangepicker td.today.start-date.end-date {
    border-radius: 0
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    color: #fff;
    background-color: var(--thm-base)
}

.daterangepicker td.active.start-date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.daterangepicker td.active.end-date {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    color: #bdc5d1;
    background-color: transparent
}

.daterangepicker .drp-buttons,
.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-color: rgba(231, 234, 243, .7)
}

.daterangepicker .drp-buttons {
    padding: 1rem 1rem
}

.daterangepicker .drp-buttons .btn {
    font-size: .875rem;
    font-weight: 400;
    padding: .6125rem 1rem
}

/*.daterangepicker .cancelBtn{background-color:#fff;border-color:rgba(231,234,243,.7)}*/
.daterangepicker .cancelBtn.active,
.daterangepicker .cancelBtn:active,
.daterangepicker .cancelBtn:focus,
.daterangepicker .cancelBtn:hover {
    color: #1366ff;
    box-shadow: 0 3px 6px -2px rgba(140, 152, 164, .25)
}

.daterangepicker .drp-selected {
    color: #71869d
}

.daterangepicker .ranges ul {
    min-width: 10rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.daterangepicker .ranges li {
    color: #677788;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .3125rem;
    padding: .5rem 1rem;
    margin-left: .625rem;
    margin-right: .625rem
}

.daterangepicker .ranges li:hover {
    color: #1366ff;
    background-color: transparent
}

.daterangepicker .ranges li.active {
    color: var(--thm-base);
    background-color: rgba(55, 125, 255, .1)
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    cursor: pointer;
    width: 3.5rem;
    font-size: .8125rem;
    color: #1e2022;
    background-color: transparent;
    border-color: rgba(231, 234, 243, .7);
    padding: .25rem .25rem;
    border-radius: .5rem
}

.daterangepicker select.ampmselect:hover,
.daterangepicker select.hourselect:hover,
.daterangepicker select.minuteselect:hover,
.daterangepicker select.secondselect:hover {
    color: #1366ff
}

@media (max-width:776.98px) {
    .daterangepicker {
        position: fixed;
        bottom: 0;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        top: auto !important;
    }

    .daterangepicker .drp-calendar {
        max-width: 100%
    }

    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: none
    }

    .daterangepicker .ranges ul {
        width: 100%;
        margin: 0
    }
}

/* Date Range Picker */

/* REMOVE SECOND CALENDAR */
.daterangepicker .drp-calendar.right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

.daterangepicker .drp-calendar.right tbody {
    display: none !important;
}

.daterangepicker .drp-calendar.right thead>tr:nth-child(2) {
    display: none !important;
}

.daterangepicker .drp-calendar.right th.month {
    display: none !important;
}

.daterangepicker .drp-calendar.right .calendar-table {
    background: transparent !important;
}

.daterangepicker .daterangepicker.ltr .ranges,
.daterangepicker.ltr .drp-calendar {
    float: none !important;
}

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute !important;
}

/* REMOVE SECOND CALENDAR */

.custom-radio {
    display: block;
    position: relative;
}

.custom-radio input[type="radio"] {
    position: absolute;
    left: -9999em;
}

.custom-radio label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px 5px 30px;
    cursor: pointer;
}

.custom-radio input[type="radio"]+label:before {
    background-size: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e1e1e1;
    top: 50%;
    transform: translateY(-50%);
}

.custom-radio input[type="radio"]:hover+label:before {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23b1b1b1'/%3E%3C/svg%3E");
    top: 50%;
    transform: translateY(-50%);
}

.custom-radio input[type="radio"]:checked+label:before {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+);
    top: 50%;
    transform: translateY(-50%);
}




.login-wrapper {
    background-color: #ffffff;
    padding: 50px;
}

@media (max-width: 767px) {
    .login-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.login-form .form-control {
    width: 100%;
    height: 64px;
    display: block;
    border: none;
    outline: none;
    background-color: var(--thm-gray);
    font-size: 15px;
    font-weight: 500;
    color: #6f757a;
    padding-left: 30px;
    border-radius: var(--border-radius);
}

.login-form .password-visibility-toggler {
    height: 64px;
    color: #6f757a;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.login-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.login-tabs a {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    border-bottom: 5px solid #ffffff;
    background-color: var(--thm-gray);
    border-bottom: 5px solid var(--thm-gray);
    transition: 0.3s all ease-in-out;
}

.login-tabs a:hover {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    background-color: var(--thm-base);
    border-bottom: 5px solid var(--thm-base);
    color: var(--thm-black);
}

.login-tabs .divider {
    width: 10px;
}

.login-tabs a.active {
    background-color: var(--thm-base);
    color: var(--thm-black);
    border-bottom: 5px solid #f4f4f4;
}

.login-tabs a.active:hover {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.login-tabs .title {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
    color: var(--thm-black);
    font-size: 35px;
    font-weight: 600;
    font-family: var(--thm-font);
    line-height: 1em;
}


.view-map {
    background-image: url(../images/resources/map.png);
    cursor: pointer;
    height: 72px;
    position: relative;
    width: 100%;
}

.view-map-2 {
    background-image: url(../images/resources/hotel-map-2.jpg);
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.view-map span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    background: var(--thm-primary);
    color: #ffffff;
    padding: 5px 25px;
}


#map-canvas {
    height: 600px;
    width: 100%;
}

#map-canvas .gm-style .gm-style-iw-c {
    border-radius: 0 !important;
    box-shadow: rgba(45, 49, 55, .3) 0px 2px 12px 0px !important;
    min-width: 350px !important;
    max-width: 500px !important;
}

#map-canvas .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    text-decoration: none;
    opacity: .75;
}

#map-canvas .gm-ui-hover-effect>span {
    width: 20px !important;
    height: 20px !important;
    margin: 5px !important;
}

.map-hotel-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none !important;
}

.map-hotel-card .content-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1 1;
    padding-left: 10px;
}

.map-hotel-card .thumbnail-wrapper {
    position: relative;
    min-width: 150px;
    max-width: 150px;
    min-height: 150px;
    overflow: hidden;
}

.map-hotel-card .thumbnail-wrapper img {
    position: relative;
    min-width: 250px;
    max-width: 250px;
    min-height: 210px;
    overflow: hidden;
}

.map-hotel-card .title {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}

.map-hotel-card .address {
    font-family: var(--thm-font);
    color: #6f757a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.map-hotel-card .stars {
    margin-bottom: 7px;
}

.map-hotel-card .stars i {
    font-size: 10px;
    margin-right: 3px;
    color: var(--thm-base);
}

.map-hotel-card .price {
    font-size: 14px;
    font-weight: 700;
    color: #292f37;
}

.map-hotel-card .price {
    font-size: 14px;
    font-weight: 700;
    color: #292f37;
}


.content-card {
    background: #ffffff;
    padding: 15px;
}

.content-card .title {
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.content-card p,
.content-card .text {
    margin: 0;
    color: #6f757a;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.content-card .hotel-search-card {
    box-shadow: none;
}


.tour-details__gallery-thumb-image.hotel {
    position: relative;
    max-width: 250px;
    max-height: 180px;
    overflow: hidden;
}

.tour-details__gallery-thumb-image.hotel img {
    object-fit: cover;
    height: 150px;
    width: auto;
}

.tour-details__gallery-image.hotel {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-details__gallery-image.hotel img {
    max-height: 600px;
    object-fit: cover;
}


.sticky-sidebar {
    position: sticky;
    top: 90px;
}




.hotel-header .hotel-title {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1;
    color: #2861ad;
    font-size: 24px;
}

.hotel-header .hotel-stars {
    line-height: 1.5;
}

.hotel-header .hotel-stars i {
    font-size: 10px;
    color: var(--thm-base);
}

.hotel-header .hotel-location i {
    font-size: 12px;
    color: var(--thm-primary);
    margin-right: 10px;
}

.hotel-header .hotel-location {
    color: #7c7c7c;
}


.price-search-wrapper {
    display: flex;
    justify-content: space-between;
}

.price-search-wrapper .price-search-date .search-title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--thm-black);
}

.price-search-wrapper .price-search-date .search-value {
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    color: #4086e4;
    font-weight: 600;
}

.price-search-wrapper .price-search-date .btn {
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
    background: #e5e5e5;
    font-weight: 500;
    color: var(--thm-black);
    height: 100%;
    padding: 0 25px;
    border-radius: var(--border-radius);
    border: none !important;
}

@media (max-width: 768px) {
    .price-search-wrapper .price-search-date .search-title {
        font-size: 14px;
        margin-bottom: 0;
    }

    .price-search-wrapper .price-search-date .search-value {
        font-size: 14px;
        line-height: 14px;
    }

    .price-search-wrapper .price-search-date .btn {
        font-size: 14px;
    }
}

.price-search-wrapper.flight {}

.flight-search-info {
    background: var(--thm-black);
    padding: 15px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.flight-search-info .flight-search-summary {
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    color: #efefef;
    font-weight: 600;
    margin-bottom: 0;
    background: #314c62;
    padding: 6px 10px;
    border-radius: 5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.flight-search-info .flight-search-summary .btn-edit {
    width: 38px;
    height: 32px;
    background: var(--thm-base);
    color: var(--thm-black);
    padding: 0;
    border-radius: 5px;
}

.flight-search-info .flight-search-summary .btn-edit svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.flight-search-info .flight-search-summary .flight-search-summary-text {
    display: block;
    text-align: center;
    width: 100%;
}

.flight-search-info .flight-search-summary .flight-search-summary-text .airport-seperator {
    margin: 0 5px;
}

.flight-search-info .flight-search-summary .flight-search-summary-text .airport-seperator svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.flight-search-info .passenger-count:before {
    content: "•";
    margin-left: 8px;
    margin-right: 8px;
}

.flight-search-info .flight-search-dates {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 8px;
}

.flight-search-info .flight-search-dates .btn {
    width: 44px;
    height: 44px;
    background: #314c62;
    color: #efefef;
    padding: 0;
    border-radius: 5px;
}

.flight-search-info .flight-search-dates .btn svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
}

.flight-search-info .flight-search-dates .btn:hover,
.flight-search-info .flight-search-summary:hover {
    background-color: var(--thm-base);
    color: var(--thm-black);
}

.flight-search-info .flight-search-summary:hover .btn-edit {
    background-color: var(--thm-black);
    color: #ffffff;
}

.flight-search-info .flight-search-dates .date-wrapper {
    align-items: center;
    display: flex;
}

.flight-search-info .flight-search-dates .date-wrapper .date {
    color: #efefef;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    font-weight: 600;
    padding: 0 10px;
    text-align: center;
}

.flight-search-info .flight-search-dates .return-date:before {
    content: "•";
    margin-left: 8px;
    margin-right: 8px;
    color: #ffffff;
}

@media (max-width: 992px) {
    .flight-search-info {
        flex-direction: column;
    }

    .flight-search-info .flight-search-summary {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .flight-search-info .flight-search-dates {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .flight-search-info .flight-search-summary .flight-search-summary-text .passenger-count {
        display: block;
    }

    .flight-search-info .flight-search-summary .passenger-count:before {
        content: "";
    }

    .flight-search-info .flight-search-dates .btn {
        width: 36px;
        height: 36px;
    }

    .flight-search-info .flight-search-dates .btn svg {
        width: 22px;
        height: 22px;
    }
}




.roomspage-gallery-wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    order: -1;
    position: relative;
    width: 400px;
}

.roomspage-gallery {
    overflow: hidden;
    border-radius: 0;
}

.roomspage-gallery-inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.roomspage-gallery-inner::before,
.roomspage-gallery-inner::after {
    display: table;
    content: '';
}

.tablet-gallery {
    height: 322px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #eef1f4;
}

.tablet-gallery-scroll-zone {
    bottom: 0;
    height: 360px;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tablet-gallery-inner {
    width: 100%;
}

@media (min-width: 681px) {
    .tablet-gallery-inner {
        width: 3000px;
    }
}

.tablet-gallery-thumb-big-img {
    cursor: pointer;
    background-position: 50% 50%;
    background-size: cover;
    object-fit: cover;
    float: left;
    height: 322px;
}

.tablet-gallery-thumb-column {
    float: left;
    margin: 0 0 0 2px;
}

.tablet-gallery-thumb-wrapper {
    background: #dfdcda;
    height: 160px;
    width: 160px;
    position: relative;
}

.tablet-gallery-thumb-wrapper:nth-child(2) {
    margin: 2px 0 0;
}

.tablet-gallery-thumb-img {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}

.tablet-gallery-thumb-wrapper::after {
    content: '';
    background: url(//st.worldota.net/master/65500b6-b604f0d/img/whitelabel/zen/thumb-loading.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    z-index: 10;
}

.tablet-gallery-controls-prev,
.tablet-gallery-controls-next {
    height: 40px;
    position: absolute;
    touch-action: manipulation;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    bottom: 12px;
    position: absolute;
    z-index: 30;
}

.tablet-gallery-controls-prev,
.tablet-gallery-controls-next {
    background-color: rgba(244, 244, 244, 0.9);
    border-radius: 50%;
    cursor: default;
    background-size: 10px 16px;
    background-position: 13px center;
}

.tablet-gallery-controls-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E%3Cpath fill='%23c8c8c8' d='M12.5 2.7l-8.9 8.8 8.9 8.9a1.5 1.5 0 11-2.2 2L.4 12.7C0 12 0 11.5.1 10.9l.4-.5L10.4.5a1.5 1.5 0 012 2.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.tablet-gallery-controls-prev {
    right: 64px;
}

.tablet-gallery-controls-prev {
    transform: rotate(0);
}

.tablet-gallery-controls-next-active {
    transform: rotate(180deg);
}

.tablet-gallery-controls-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E %3Cpath fill='%23c8c8c8' d='M12.48 2.655l-8.87 8.87 8.846 8.844c.586.585.586 1.534 0 2.12-.586.587-1.535.587-2.12 0l-9.9-9.898c-.45-.45-.548-1.11-.308-1.66.073-.182.183-.352.33-.5l9.9-9.9c.585-.584 1.535-.584 2.12 0s.586 1.538 0 2.123z'/%3E %3C/svg%3E ");
    right: 12px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.tablet-gallery-controls-prev-active,
.tablet-gallery-controls-next-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E %3Cpath fill='%232d3137' d='M12.48 2.655l-8.87 8.87 8.846 8.844c.586.585.586 1.534 0 2.12-.586.587-1.535.587-2.12 0l-9.9-9.898c-.45-.45-.548-1.11-.308-1.66.073-.182.183-.352.33-.5l9.9-9.9c.585-.584 1.535-.584 2.12 0s.586 1.538 0 2.123z'/%3E %3C/svg%3E ");
    background-repeat: no-repeat;
    cursor: pointer;
}

.sidebar-col {
    width: 400px;
}

@media (width < 998px) {
    .sidebar-col {
        width: 100%;
    }
}


.hotel-rooms-card {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #dee2e6;
    transition: all .3s ease-in-out;
    position: relative;
}

.hotel-rooms-card:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.hotel-rooms-card .room-details {
    display: flex;
}

.hotel-rooms-card .room-details .room-image {
    margin-right: 10px;
}

.hotel-rooms-card .room-details .room-image img {
    max-width: 150px;
}

.hotel-rooms-card .room-details .room-image .placeholder {
    width: 150px;
    height: 150px;
    background: #cccccc;
}

.hotel-rooms-card .room-details:not(:last-child) {
    margin-bottom: 25px;
}

.hotel-rooms-card .room-details .room-name {
    font-size: 16px;
    font-weight: 600;
    color: #2861ad;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.hotel-rooms-card .room-details .room-board,
.hotel-rooms-card .room-details .room-pax {
    font-size: 14px;
    font-weight: 500;
    color: #4d4f50;
    margin-bottom: 0;
}

.hotel-rooms-card .room-details .room-board svg,
.hotel-rooms-card .room-details .room-pax svg {
    fill: currentColor;
    margin-right: 6px;
}

.hotel-rooms-card .price-details .room-price {
    font-size: 26px;
    font-weight: 700;
    color: var(--thm-black);
    line-height: 1.7;
}

.hotel-rooms-card .price-details .room-price sup {
    top: -7px;
    font-size: 13px;
}

.hotel-rooms-card .price-details .room-base-price {
    font-size: 18px;
    font-weight: 700;
    color: #919191;
    line-height: 1;
    position: relative;
    overflow: hidden;
}

.hotel-rooms-card .price-details .room-base-price sup {
    top: -5px;
    font-size: 10px;
}

.hotel-rooms-card .price-details .room-base-price:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background: #919191;
}

.hotel-rooms-card .price-details .agency-price {
    font-size: 15px;
    font-weight: 700;
    color: #198754;
    line-height: 1.7;
    display: block;
}

.hotel-rooms-card .price-details .agency-price sup {
    top: -3px;
    font-size: 11px;
}

.hotel-rooms-card .price-details .room-discount {
    border: 1px solid #ed1c22;
    padding: 3px 12px;
    display: inline-block;
    color: #ed1c22;
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px;
}

.hotel-rooms-card .room-facilities {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1;
    margin-bottom: 5px;
}

.hotel-rooms-card .room-facilities span {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-right: 5px;
    color: #4d4f50;
}

@media (max-width: 768px) {
    .hotel-rooms-card .room-details {
        flex-direction: column;
    }

    .hotel-rooms-card .room-details .room-image {
        margin-right: 0;
        margin-bottom: 10px;
        height: 150px;
        overflow: hidden;
        text-align: center;
    }

    .hotel-rooms-card .room-details .room-image img {
        max-width: 100%;
    }

    .hotel-rooms-card .price-details .room-discount {
        display: inline-block;
        font-size: 14px;
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

.btn-view-all {
    background-color: #e5e5e5;
    width: 100%;
    border: none;
    border-radius: var(--border-radius);
    padding: 8px 0;
    color: var(--thm-black);
}

.btn-view-all:hover {
    background-color: #c7c7c7;
    color: var(--thm-black);
}




.language-selector.bootstrap-select .dropdown-menu>li>a {
    padding: 4px 5px;
    min-width: 70px;
}

.language-selector a img {
    width: 20px;
    margin-right: 3px;
}

.language-selector .filter-option-inner-inner img {
    width: 25px !important;
    margin-right: 8px;
}


.hotel-suggestion-card {
    position: relative;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
}

.hotel-suggestion-card:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.hotel-suggestion-card .image-wrapper {
    position: relative;
    background-color: var(--thm-black);
    overflow: hidden;
}

.hotel-suggestion-card .image-wrapper>img {
    width: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.hotel-suggestion-card:hover .image-wrapper>img {
    opacity: 0.6;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hotel-suggestion-card .hotel-suggestion-card-content {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 238, 239);
    background-color: rgb(255, 255, 255);
    padding: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    min-height: 70px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.hotel-suggestion-card .hotel-suggestion-card-content h3 {
    margin-bottom: 5px;
    font-family: var(--thm-font);
    color: var(--thm-black);
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.hotel-suggestion-card .hotel-suggestion-card-content .description {
    margin: 0;
    color: #3c4d5b;
    font-weight: 500;
    line-height: 1.4;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


.hotel-progressbar {
    background-color: var(--thm-base);
    color: var(--thm-black);
}





.account-sidebar {
    border: 1px solid rgb(236, 238, 239);
    border-radius: var(--border-radius);
    background-color: #ffffff;
    padding: 15px;
}

.account-sidebar ul {
    margin: 0;
    padding: 0;
}

.account-sidebar ul li {
    list-style: none;
}

.account-sidebar ul li a {
    display: block;
    color: var(--thm-black);
    font-size: 14px;
    font-family: var(--thm-font);
    word-break: break-all;
    padding: 5px 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.booking-status-1 {
    border-radius: var(--border-radius) !important;
    background-color: #25ac03 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.booking-status-2 {
    border-radius: var(--border-radius) !important;
    background-color: #ed1c22 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.booking-status-3 {
    border-radius: var(--border-radius) !important;
    background-color: #25ac03 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-1 {
    border-radius: var(--border-radius) !important;
    background-color: #25ac03 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-2 {
    border-radius: var(--border-radius) !important;
    background-color: var(--thm-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-3 {
    border-radius: var(--border-radius) !important;
    background-color: #c30cb6 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-4 {
    border-radius: var(--border-radius) !important;
    background-color: #35d347 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-5 {
    border-radius: var(--border-radius) !important;
    background-color: #6f757a !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.payment-status-6 {
    border-radius: var(--border-radius) !important;
    background-color: var(--thm-black) !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}


.confirm-status-0 {
    border-radius: var(--border-radius) !important;
    background-color: var(--thm-primary) !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.confirm-status-1 {
    border-radius: var(--border-radius) !important;
    background-color: #25ac03 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.confirm-status-2 {
    border-radius: var(--border-radius) !important;
    background-color: #ed1c22 !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.confirm-status-3 {
    border-radius: var(--border-radius) !important;
    background-color: #6f757a !important;
    color: #ffffff !important;
    font-weight: 600;
    width: 100%;
}

.vertical-align-middle tr {
    vertical-align: middle;
}

.offcanvas {
    border: none !important;
}

.offcanvas-menu {
    max-width: 85%;
}

.offcanvas-menu .offcanvas-header {
    border-bottom: 1px dashed #ccc;
    padding: 10px;
    z-index: 1;
}

.offcanvas-menu .offcanvas-body {
    z-index: 1;
}

.offcanvas-menu ul li a {
    line-height: 1;
    color: var(--thm-black);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 0;
    margin: 7px 0;
}

.offcanvas-menu .logo img {
    max-height: 50px;
}

.offcanvas-menu .btn-close {
    width: 30px;
    height: 30px;
    padding: 10px;
}

.offcanvas-menu .collapse-menu {
    margin-left: 15px;
    padding: 0;
}

.offcanvas-menu .collapse-menu li {
    margin: 5px 0;
    list-style: none;
}

.offcanvas-menu .collapse-menu li a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: var(--thm-black);
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-transform: none;
}

.offcanvas-menu .social-links {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.offcanvas-menu .social-links i {
    font-size: 23px;
    padding: 10px 0;
    width: 42px;
    border-radius: 20px;
    text-align: center;
}

.offcanvas-menu .seperator {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #f1f1f1;
    margin-top: 30px;
    margin-bottom: 30px;
}

.offcanvas-menu .bootstrap-select {
    width: 100% !important;
}

.offcanvas-menu p {
    line-height: 1.7;
}

.account-dropdown {
    border-radius: 0;
    border: none;
    margin-top: 15px !important;
    border-top: 2px solid var(--thm-base);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
    padding: 0;
}

.account-dropdown li+li {
    border-top: 1px solid rgba(var(--thm-base-rgb), .3);
}

.account-dropdown li>a {
    display: block;
    color: var(--thm-black);
    font-size: 14px;
    font-family: var(--thm-font);
    word-break: break-all;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.account-dropdown li>a:hover {
    color: #ffffff;
    background-color: var(--thm-base);
}

.card-header {
    background: transparent;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.card-header>:first-child {
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
}


.table-sortable .sorting {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/resources/sort_both.svg);
    padding-right: 20px;
}

.table-sortable .sorting.asc {
    background-image: url(../images/resources/sort_asc.svg) !important;
}

.table-sortable .sorting.desc {
    background-image: url(../images/resources/sort_desc.svg) !important;
}


.dropdown svg.icon.icon-caret {
    width: 13px;
    margin-left: 5px;
}



.markup-form .input-group {
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
}

.markup-form input {
    width: 100px;
    padding: 5px 7px 5px 5px;
    line-height: 1;
    height: 40px;
    border-radius: 0;
    border: none;
}

.markup-form button {
    border: 1px solid #ced4da;
    line-height: 1;
    height: 40px;
    padding: 5px 12px;
    background-color: #ced4da;
    border-radius: 0;
}

.markup-form button:hover {
    border: 1px solid #abb3bb;
    background-color: #abb3bb;
}

.markup-form .currency-icon {
    margin: 3px 1px 3px 7px;
    font-size: 1rem;
    font-weight: 500;
}



.section-slider {
    padding: 10px 0 50px;
}

.section-slider .swiper-button-next,
.section-slider .swiper-button-prev {
    color: var(--color-primary);
}

.section-slider .swiper-pagination-bullet-active {
    background: var(--color-primary);
    opacity: 0.8;
}

#main-slider {
    z-index: 3;
}

#main-slider::after {
    content: '';
    width: 100%;
    height: 419px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-image: url(../images/shapes/home-banner__top-shadow.png);
}

#main-slider.swiper-container {
    height: 100vh;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#main-slider .swiper-slide {
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#main-slider .swiper-slide .backdrop {
    background: #111111;
    opacity: .2;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

#main-slider .swiper-slide .slider-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    opacity: 1;
}

#main-slider .swiper-slide .slider-caption p {
    color: var(--thm-secondary);
    margin: 0;
    font-family: var(--heading-font);
    font-size: 80px;
    line-height: 130px;
    margin-bottom: -25px;
    position: relative;
    z-index: 10;
    text-align: center;

}

#main-slider .swiper-slide .slider-caption h2 {
    margin: 0;
    line-height: 1em;
    font-size: 110px;
    line-height: 1em;
    color: #fff;
    font-family: var(--thm-font);
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
}

@media (max-width: 768px) {
    #main-slider .swiper-slide .slider-caption {
        top: -120px;
    }

    #main-slider .swiper-slide .slider-caption p {
        font-size: 50px;
        line-height: 150px;
    }

    #main-slider .swiper-slide .slider-caption h2 {
        font-size: 60px;
    }
}


#hotel-not-found img {
    max-width: 100px;
}

#hotel-not-found .error-message {
    font-size: 22px;
    font-weight: 500;
    color: var(--thm-black);
    margin: 0;
    margin-bottom: 50px;
    font-family: var(--thm-font);
}



#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--thm-base);

    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--thm-secondary);

    -webkit-animation: spin 3s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--thm-primary);

    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #22222278;
    z-index: 1000;
    -webkit-transform: translateX(0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded#loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded#loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded#loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

.no-js h1 {
    color: #222222;
}

#content {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 80%;
    max-width: 978px;
}




.rotate-90 {
    transform: rotate(90deg) !important;
}


.flight-card {
    line-height: 1;
    color: #292f37;
}

.flight-card .placeholder {
    color: #cccccc;
    border-radius: 3px;
    line-height: 1;
}

.flight-card .airline-logo-holder {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    max-width: 100%;
    display: flex;
    z-index: 0;
    justify-content: center;
}

.flight-card .airline-logo-holder .airline-logo {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.flight-card .divider {
    display: block;
    flex: 1 1 0px;
    max-width: 100%;
    height: 0;
    max-height: 0;
    border: 2px solid rgb(226 232 240) !important;
    opacity: 1;
    transition: inherit;
    margin: 10px 0;
}

.flight-card .time {
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
}

.flight-card .price {
    color: var(--thm-black);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.flight-card-divider {
    color: #97a19f;
}

.flight-detail-wrapper {
    font-size: 14px;
    color: #53605e;
    line-height: 1.4;
}

.segment-airports {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-top: 5px;
}

.segment-airports::before {
    position: absolute;
    top: 55%;
    left: 10px;
    display: block;
    width: 1px;
    height: 1.5rem;
    margin-top: -0.75rem;
    content: "";
    background-color: var(--thm-base);
}

@media (min-width: 768px) {
    .search-result-departure-only .segment-airports {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
}

@media (max-width: 768px) {
    .flight-card .divider {
        display: none;
    }

    .flight-card .price {
        color: #2861ad;
        font-weight: 700;
    }
}

.segment-airport-destination,
.segment-airport-origin {
    overflow: hidden;
    text-overflow: ellipsis;
}

.segment-airport-destination::before,
.segment-airport-origin::before {
    position: absolute;
    left: 7px;
    display: block;
    width: 7px;
    height: 7px;
    content: "";
    background-color: var(--thm-base);
    border: 1px solid var(--thm-base);
    border-radius: 50%;
}

.segment-airport-origin::before {
    top: 52%;
    margin-top: -0.7rem;
}

.segment-airport-destination::before {
    bottom: 48%;
    margin-bottom: -0.9rem;
    background-color: #ffffff;
}


.refer-share a {
    color: #ffffff;
    background: #0d7ebb;
    padding: 15px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: inline-flex;
    margin-right: 5px;
}



.flight-option-card {
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
}

.flight-option-card .card-body {
    padding: 10px;
    min-height: 100px;
}

.flight-option-card .card-footer {
    border-top: 1px solid rgb(236, 238, 239);
}

.flight-option-card h6 {
    font-weight: bold;
    color: var(--thm-black);
}

.flight-option-card .price {
    font-size: 16px;
    font-weight: 600;
    color: var(--thm-black);
}

.flight-option-card.selected {
    border-color: var(--thm-base);
    ;
    box-shadow: 0 0 0 3px rgba(var(--thm-base-rgb), 0.35);
}

.flight-option-card.selected .card-header {
    border-radius: 0;
}

.flight-option-card .card-header .card-title {
    position: relative;
    padding-left: 24px;
    font-weight: 600;
    font-size: 15px;
    color: var(--thm-black);
}

.flight-option-card.selected .card-header .card-title {
    color: var(--thm-base);
}

.flight-option-card.selected .btn-primary {
    background-color: var(--thm-primary);
    color: #ffffff;
}

.flight-option-card .card-header .card-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMS41IiBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkE4MDEiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flight-option-card.selected .card-header .card-title:before {
    background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTEuNSIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZBODAxIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI2IiBmaWxsPSIjRkZBODAxIi8+Cjwvc3ZnPg==");
}

.flight-option-card .feature-list {
    line-height: 2;
}

.flight-option-card .feature-list li {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-black);
    line-height: 24px;
}

.flight-option-card .feature-list li i {
    color: var(--thm-primary);
    font-size: 14px;
    margin-right: 5px;
}

.flight-option-card .feature-list li svg {
    fill: var(--thm-primary);
    height: 15px;
    width: 17px;
}










.refer-share svg {
    width: 30px;
    fill: currentColor;
}

.refer-share .twitter {
    background: #21c2ff;
}

.refer-share .facebook {
    background: #3b5998;
}

.refer-share .whatsapp {
    background: #25d366;
}

.refer-share .telegram {
    background: #229ED9;
}

.share-intro {
    line-height: 1.2;
    color: var(--thm-black);
    font-size: 20px;
    font-weight: 600;
}

.share-text {
    display: block;
    padding-bottom: 10px;
    color: var(--thm-black);
}



.wallet-bage {
    position: absolute;
    top: -10px;
    right: -15px;
    font-size: 11px;
    padding: 5px;
    background-color: var(--thm-primary) !important;
}

.loyalty-text-tooltip {
    --bs-tooltip-bg: #FB8500;
}

.loyalty-reward,
.loyalty-reward-text span {
    color: #2861ad;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 7px;
}

.loyalty-reward-text svg,
.loyalty-reward-text span svg {
    vertical-align: bottom;
}


.bounce {
    animation: bounce-animation 2s infinite;
    -webkit-animation: bounce-animation 2s infinite;
    -moz-animation: bounce-animation 2s infinite;
    -o-animation: bounce-animation 2s infinite;
}

@-webkit-keyframes bounce-animation {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce-animation {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce-animation {

    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce-animation {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}


@keyframes drop-animation {
    0% {
        transform: translateY(-200px) scaleY(0.9);
        opacity: 0;
    }

    5% {
        opacity: 0.7;
    }

    50% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }

    65% {
        transform: translateY(-17px) scaleY(0.9);
        opacity: 1;
    }

    75% {
        transform: translateY(-22px) scaleY(0.9);
        opacity: 1;
    }

    100% {
        transform: translateY(0px) scaleY(1);
        opacity: 1;
    }
}

.drop-animation {
    animation: drop-animation 0.3s linear forwards var(--delay-time);
}



.input-group-wallet input {
    width: 80px;
    max-width: 80px;
    background-color: #ffffff;
    padding: 5px 7px;
    font-weight: 700;
    font-size: 15px;
    color: #6f757a;
}

.input-group-wallet button {
    padding: 5px 7px;
}




.points-exchange {
    display: flex;
    gap: 10px;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.points-exchange .exchange-input-wrapper,
.points-exchange .points-input-wrapper {
    background-color: #f7f7f7;
    border-radius: var(--border-radius);
    height: 67px;
    padding: 0 19px;
    width: 50%;
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.points-exchange .points-input-wrapper {
    background-color: #eaeaea;
}

.points-exchange .points-exchange-icon-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.points-exchange .exchange-title {
    font-size: 14px;
    margin-bottom: 5px;
}

.points-exchange .exchange-input {
    border: none;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    line-height: 24px;
    background-color: transparent;
}

.points-exchange .points-exchange-icon-wrapper svg {
    fill: var(--thm-base);
    background: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px #d8d8d8;
    padding: 7px;
    position: absolute;
    transform: translate(-50%);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.exchange-button-wrapper {
    display: flex;
}

@media (max-width: 998px) {
    .points-exchange {
        flex-direction: column;
    }

    .exchange-button-wrapper {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0 30px;
    }

    .exchange-button-wrapper .btn {
        width: 100%;
        padding: 15px 0;
    }
}






.lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    margin: -15px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
}

.lightrope li {
    position: relative;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 6px;
    height: 14px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: rgba(0, 247, 165, 1);
    box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 247, 165, 1);
    animation-name: flash-1;
    animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
    background: rgba(0, 255, 255, 1);
    box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 255, 255, 0.5);
    animation-name: flash-2;
    animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
    background: rgba(247, 0, 148, 1);
    box-shadow: 0px 2.3333333333px 12px 3px rgba(247, 0, 148, 1);
    animation-name: flash-3;
    animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
    animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
    animation-duration: 1.4s;
}

.lightrope li:before {
    content: "";
    position: absolute;
    background: #222;
    width: 4px;
    height: 4.6666666667px;
    border-radius: 3px;
    top: -2.3333333333px;
    left: 1px;
}

.lightrope li:after {
    content: "";
    top: -7px;
    left: 3px;
    position: absolute;
    width: 52px;
    height: 9.3333333333px;
    border-bottom: solid #222 2px;
    border-radius: 50%;
}

.lightrope li:last-child:after {
    content: none;
}

.lightrope li:first-child {
    margin-left: -40px;
}

@keyframes flash-1 {

    0%,
    100% {
        background: rgba(0, 247, 165, 1);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 247, 165, 1);
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 247, 165, 0.2);
    }
}

@keyframes flash-2 {

    0%,
    100% {
        background: rgba(0, 255, 255, 1);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 255, 255, 1);
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(0, 255, 255, 0.2);
    }
}

@keyframes flash-3 {

    0%,
    100% {
        background: rgba(247, 0, 148, 1);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(247, 0, 148, 1);
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 2.3333333333px 12px 3px rgba(247, 0, 148, 0.2);
    }
}







.pac-container {
    font-family: var(--thm-font) !important;
    box-shadow: 0 5px 24px 0 rgba(45, 49, 55, 0.3) !important;
    min-width: 300px;
    border: none !important;
}

.pac-container .pac-item {
    padding: 10px 4px;
    line-height: 15px;
    cursor: pointer;
}

.pac-container .pac-item .pac-icon {
    margin-top: 0;
    background-image: url("../images/resources/map-pin.png");
    background-size: cover;
}

.pac-container .pac-item .pac-item-query {
    color: var(--thm-black) !important;
}

.pac-container .pac-item span:nth-child(3) {
    display: block;
    padding-left: 20px;
}

.pac-container .pac-item span:nth-child(3) span {
    display: inline-block;
}







.transfer-item {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #dee2e6;
    transition: all .3s ease-in-out;
    position: relative;
    cursor: pointer;
}

.transfer-item:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.transfer-item .image-wrapper {
    border-radius: 12px;
    background-color: rgba(232, 234, 240, .5);
    margin-right: 20px;
    padding: 20px;
    text-align: center;
}

.transfer-item .transfer-item-cart {
    display: flex;
    position: relative;
}

.transfer-item .image-wrapper span {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 250px;
    height: 200px;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.transfer-item .image-wrapper span img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.transfer-item .content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.transfer-item .content-wrapper .transfer-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
}

.transfer-item .content-wrapper .vehicle-name {
    font-size: 20px;
    font-weight: 600;
    color: #2861ad;
    text-transform: capitalize;
    margin-bottom: 0;
}

.transfer-item .content-wrapper .vehicle-name .or-similar {
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-black);
    text-transform: none;
    margin-bottom: 0;
}

.transfer-item .content-wrapper .transfer-price {
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
}

.transfer-item .content-wrapper .transfer-price sup {
    top: -7px;
    font-size: 13px;
}

.transfer-item .content-wrapper .transfer-details .info-item {
    display: inline-block;
    margin-bottom: 0;
    color: #131717;
    margin-right: 15px;
    font-size: 15px;
    line-height: 2;
    border-radius: 4px;
    background-color: rgba(232, 234, 240, .5);
    padding: 5px 12px 5px 8px;
    margin-top: 10px;
    font-size: 12px;
}

.transfer-item .content-wrapper .transfer-details .info-item:hover {
    background-color: rgba(232, 234, 240, .7);
}

.transfer-item .content-wrapper .transfer-details .info-item svg {
    fill: currentColor;
    margin-right: 5px;
}

.transfer-item .content-wrapper .transfer-details .info-item.text-danger,
.transfer-item .content-wrapper .transfer-details .info-item.text-danger svg {
    fill: var(--thm-secondary);
    color: var(--thm-secondary);
}

.transfer-item .content-wrapper .transfer-points {
    position: relative;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-top: 10px;
}

.transfer-item .content-wrapper .transfer-points::before {
    position: absolute;
    top: 55%;
    left: 10px;
    display: block;
    width: 1px;
    height: 30px;
    margin-top: -0.75rem;
    content: "";
    background-color: var(--thm-base);
}

.transfer-item .content-wrapper .transfer-points .transfer-point-destination,
.transfer-item .content-wrapper .transfer-points .transfer-point-origin {
    overflow: hidden;
    text-overflow: ellipsis;
}

.transfer-item .content-wrapper .transfer-points .transfer-point-destination::before,
.transfer-item .content-wrapper .transfer-points .transfer-point-origin::before {
    position: absolute;
    left: 7px;
    display: block;
    width: 7px;
    height: 7px;
    content: "";
    background-color: var(--thm-base);
    border: 1px solid var(--thm-base);
    border-radius: 50%;
}

.transfer-item .content-wrapper .transfer-points .transfer-point-origin::before {
    top: 48%;
    margin-top: -0.7rem;
}

.transfer-item .content-wrapper .transfer-points .transfer-point-destination::before {
    bottom: 48%;
    margin-bottom: -20px;
    background-color: #ffffff;
}

.transfer-item .content-wrapper .transfer-points .point-name {
    line-height: 1.7;
    font-size: 15px;
    font-weight: 500;
    color: var(--thm-black);
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.transfer-item .content-wrapper .action-buttons {
    display: flex;
    justify-content: end;
    margin-top: auto;
}

@media (max-width: 768px) {
    .transfer-item .transfer-item-cart {
        flex-direction: column;
    }

    .transfer-item .image-wrapper {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .transfer-item .transfer-details {
        text-align: center;
    }

    .transfer-item .content-wrapper .action-buttons {
        justify-content: space-between;
    }
}



.date-disabled:disabled {
    color: #111111;
    opacity: 0.5;
}



.iti {
    --iti-path-flags-1x: url('../../images/intl-tel-input/flags.webp');
    --iti-path-flags-2x: url('../../images/intl-tel-input/flags@2x.webp');
    --iti-path-globe-1x: url('../../images/intl-tel-input/globe.webp');
    --iti-path-globe-2x: url('../../images/intl-tel-input/globe@2x.webp');
    width: 100%;
}


.floating-sidebar {
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 99;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.floating-sidebar .img-big {
    display: none;
    box-shadow: 5px 5px 15px -5px #dcdcdc;
}

.floating-sidebar .img-small {
    display: block;
    box-shadow: 5px 5px 15px -5px #dcdcdc;
}

.floating-sidebar .btn-close {
    display: block;
    text-align: center;
}


.pop-up-modal .modal-content {
    background-color: transparent;
    border: none;
}

.pop-up-modal .pop-up-2-img {
    max-width: 50%;
    float: right;
    visibility: hidden;
    display: inline-block;
}

.pop-up-modal .custom-close {
    background: #ffffff;
}


.slide-range .noUi-horizontal {
    height: 3px;
    background-color: var(--thm-gray);
}

.slide-range .noUi-handle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: var(--thm-primary);
    border: none;
    outline: none;
    box-shadow: none;
}

.slide-range .noUi-handle::before,
.slide-range .noUi-handle::after {
    display: none;
}

.slide-range .noUi-connect {
    background-color: var(--thm-primary);
}

.slide-range.noUi-target {
    border: none;
    height: 3px;
    background-color: var(--thm-gray);
    margin-top: 10px;
}

.form-check {
    cursor: pointer;
}

.form-check-input {
    width: 18px;
    height: 18px;
}

.form-check-input:checked {
    background-color: var(--thm-base);
    border-color: var(--thm-base);
}



.flight-directions {
    padding: 10px;
    border-bottom: solid 1px #ebebeb;
    display: flex;
    align-items: center;
}

.flight-directions span {
    color: var(--thm-black);
    font-size: 18px;
}

.flight-directions svg {
    fill: var(--thm-black);
    margin: 0 10px;
}



.flight-booking-info {}

.flight-route-title {
    color: var(--thm-black);
    line-height: 1;
    margin-bottom: 15px;
}

.flight-booking-info .flight-points {
    position: relative;
    max-width: 100%;
    padding-left: 0;
    padding-top: 10px;
}

.flight-booking-info .flight-points::before {
    position: absolute;
    top: 40%;
    left: 10px;
    display: block;
    width: 1px;
    height: 50px;
    margin-top: -0.75rem;
    content: "";
    background-color: #a4a3a3;
}

.flight-booking-info .flight-points .flight-point-destination,
.flight-booking-info .flight-points .flight-point-origin {
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 25px;
}

.flight-booking-info .flight-points .flight-point-destination::before,
.flight-booking-info .flight-points .flight-point-origin::before {
    position: absolute;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    background-color: #a4a3a3;
    border: 1px solid #a4a3a3;
    border-radius: 50%;
    margin-top: 3px;
}

.flight-booking-info .flight-points .flight-point-destination::before {
    background-color: #ffffff;
}

.flight-booking-info .flight-points .point-name {
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    color: var(--thm-black);
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.flight-booking-info .flight-points .flight-duration {
    font-size: 13px;
    margin-left: 25px;
}

.flight-booking-info .flight-baggage-info {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--thm-black);
    line-height: 24px;
    margin: 5px;
}

.flight-booking-info .flight-baggage-info p {
    margin-bottom: 0;
}

.flight-booking-info .flight-baggage-info i {
    color: var(--thm-primary);
    font-size: 14px;
    margin-right: 5px;
}

.flight-booking-info .flight-baggage-info svg {
    fill: var(--thm-primary);
    height: 15px;
    width: 17px;
}

.flight-transfer {
    color: #ff0b37;
    line-height: 1;
    margin: 0;
    padding-left: 25px;
    font-size: 13px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.flight-transfer:before {
    position: absolute;
    top: 8px;
    left: 10px;
    display: block;
    height: 35px;
    content: "";
    border-left: 1px dashed #ff0b37;
}

.flight-divider {
    margin: 25px 0;
}



.flight-preloader {
    position: relative;
    display: inline-block;
}

.flight-preloader .spinner-border {
    border-color: var(--thm-base);
    border-right-color: transparent;
    --bs-spinner-width: 50px;
    --bs-spinner-height: 50px;
}

.flight-preloader svg {
    position: absolute;
    left: 20px;
    transform: rotate(-45deg);
    fill: var(--thm-base);
}


.btn-offer {
    color: var(--thm-black);
    background-color: #e5e5e5;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-offer.selected {
    color: #ffffff;
    background-color: #2861ad;
}

.table tr {
    vertical-align: middle;
}

.table tr a:not(.btn) {
    color: #2861ad;
}


.selection-item {
    padding: 10px 15px;
    line-height: 1.5;
}

.selection-item:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.selection-item:hover {
    background-color: #f7f7f7;
}

.selection-item .form-check {
    margin-bottom: 0;
}

.selection-item .form-check .form-check-label {
    font-weight: 500 !important;
    color: var(--thm-black) !important;
    font-size: 15px !important;
    display: block;
}

.selection-item .form-check .form-check-label:before,
.selection-item .form-check .form-check-label:after {
    top: 4px !important;
}

.selection-item a {
    color: #9c9c9c;
    margin-left: 25px;
    font-size: 13px;
}

.selection-item a:hover {
    color: #2861ad;
}

.btn-new-selection {
    background: none;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
    color: #868686;
    font-size: 16px;
}

.btn-new-selection i {
    margin-right: 10px;
}

.btn-new-selection:hover {
    color: var(--thm-black);
}


.home-2 {}

.home-2 .hotel-search-section {
    margin-top: -250px;
}

#home-2-slider {
    z-index: 3;
}


#home-2-slider .swiper-slide {
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
}

#home-2-slider .swiper-slide .backdrop {
    background: var(--thm-black);
    opacity: .2;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    /* Siyah renk, %40 opacity */
    pointer-events: none;
}






.offers-table {
    width: 100%;
    border-collapse: collapse;
}

.offers-table tr td {
    padding: 7px 5px;
    border: 1px solid #dee2e6;
    font-size: 14px;
}

.offers-table tr th {
    padding: 7px;
    border: 1px solid #082740;
    font-size: 14px;
    background-color: #082740;
    color: #ffffff;
    font-weight: 500;
}

.offers-table tr td .edit-btn {
    background-color: var(--thm-base);
    padding: 2px 5px 4px;
    color: #ffffff;
    margin-left: 5px;
    font-size: 15px;
    border-radius: var(--border-radius);
    box-shadow: none;
}

.offers-table tr td .edit-btn svg {
    width: 12px;
    height: 12px;
}






.header-locale-selector {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    /*border: 1px solid #d0d9de;
    border-radius: 25px;
    padding: 0 8px;*/
}

.header-locale-selector .language-icon {
    width: 24px;
    padding-right: 5px;
}

.header-locale-selector .currency {
    font-size: 14px;
    font-weight: 600;
}




.notification-list {
    border: 1px solid var(--thm-gray);
}

.notification-item {
    display: flex;
    background-color: var(--thm-gray);
    padding: 10px;
    border-left: 4px solid transparent;
    position: relative;
}

.notification-item:not([data-url=""]) {
    cursor: pointer;
}

.notification-item.unread {
    background-color: #ffffff;
}

.notification-item:hover {
    background-color: #dde3e6;
}

.notification-item:not(:last-child) {
    border-bottom: 1px solid var(--thm-gray);
}

.notification-item .icon-wrapper {
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}

.notification-item .icon-wrapper .icon {
    border-radius: 50%;
    background-color: var(--thm-primary);
    box-shadow: 0 3px 7px 0 #cfd2d387;
    color: #ffffff;
    width: 34px;
    height: 34px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.notification-item .icon-wrapper .icon svg {
    fill: currentColor;
    width: 20px;
    height: 20px;
}

.notification-item .message-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.notification-item .message-wrapper .title {
    font-size: 15px;
    color: var(--thm-black);
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.2;
}

.notification-item:not(.unread) .title {
    color: #6f757a;
}

.notification-item .message-wrapper .message {
    font-size: 14px;
    color: #6f757a;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 1.3;
}

.notification-item .message-wrapper .date {
    font-size: 12px;
    color: #212529bf;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1;
}

.notification-item .message-wrapper .date svg {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    fill: currentColor;
    vertical-align: bottom;
}

.notification-item .message-wrapper .read-notification-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #c6ced7;
    border-radius: 50%;
    margin-right: 5px;
}

.notification-item.unread .message-wrapper .read-notification-dot {
    background-color: var(--bs-danger);
}

.notification-item .actions-wrapper {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-item .actions-wrapper .btn-actions {
    background-color: transparent;
    color: #212529bf;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: var(--border-radius);
    box-shadow: none !important;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 5px;
}

.notification-item .actions-wrapper .btn-actions svg {
    width: 15px;
}

.notification-item .actions-wrapper .btn-actions:hover {
    border-color: #dee2e6;
}

.notification-item .dropdown-menu {
    border-radius: 0;
    border-color: #dee2e6;
}

.notification-item .n-success {
    background-color: #198754 !important;
}

.notification-item .n-info {
    background-color: var(--thm-primary) !important;
}

.notification-item .n-transaction {
    background-color: #003366 !important;
}

.notification-item .n-promotion {
    background-color: #20c997 !important;
}

.notification-item .n-announcement {
    background-color: #f0ad4e !important;
}

.notification-item .n-reminder {
    background-color: #6610f2 !important;
}

.notification-item .n-warning {
    background-color: #ffc107 !important;
}

.notification-item .n-error {
    background-color: #dc3545 !important;
}

.notification-item .n-message {
    background-color: #6c757d !important;
}

.notification-item:not(.unread) .icon {
    background-color: #c6ced7 !important;
}



.section-title {
    margin: 0;
    color: var(--thm-black);
    font-size: 28px;
    font-weight: 600;
    font-family: var(--thm-font);
    line-height: 1;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 24px;
    }
}











footer {
    margin-top: auto;
}

.footer {
    padding: 30px 0 50px;
    background: #ffffff;
}

.copyright {
    padding: 7px 0;
    background: #ffffff;
    color: var(--thm-text);
    font-weight: 400;
    font-size: 13px;
    border-top: 1px solid var(--thm-gray);
}

.copyright img {
    height: 24px;
}

.footer .title {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0px;
    color: var(--thm-black);
    position: relative;
}

.footer .footer-menu {
    list-style: inside;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}

.footer .footer-menu.bullet-square {
    list-style: none outside;
    list-style-type: square;
    padding-left: 15px;
}

.footer .footer-menu.bullet-square .footer-menu-item {
    list-style: none outside;
    list-style-type: square;
}

.footer .footer-col .text {
    color: var(--thm-text);
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
}

.footer .footer-menu .footer-menu-item {
    list-style-type: none;
    list-style: none;
    color: var(--thm-text);
    font-size: 13px;
    padding: 0;
    margin: 10px 0;
}

.footer .footer-menu .footer-menu-item,
.footer .footer-menu .footer-menu-item a {
    color: var(--thm-text);
    font-size: 14px;
    text-decoration: none;
    line-height: 1.5;
    font-weight: 400;
}

.footer .footer-menu .footer-menu-item:hover,
.footer .footer-menu .footer-menu-item a:hover {
    color: var(--thm-text);
    text-decoration: underline;
}

.footer-menu.social-icons .footer-menu-item {
    display: inline;
    margin: 0 8px;
}

.footer-menu.social-icons .footer-menu-item svg {
    fill: #6f757a;
    width: 16px;
    height: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-menu.social-icons .footer-menu-item:hover svg {
    fill: var(--thm-primary);
}

.footer .company {
    color: var(--thm-text);
    margin-bottom: 0;
}

.footer-logo {
    max-width: 200PX;
    padding: 10px 15px;
}

.footer-accordion .title .accordion-icon {
    display: none;
}

@media (max-width: 768px) {
    .footer-accordion .title {
        padding: 18px 0;
        margin-bottom: 0;
        border-top: 1px solid var(--border-color);
    }

    .footer-accordion .title .accordion-icon {
        display: block;
        position: absolute;
        top: 50%;
        right: 1.5rem;
        margin-top: -0.3rem;
        height: 0.6rem;
        transition: transform 0.3s ease-in-out;
    }

    .footer-accordion[open]>.title .accordion-icon {
        transform: scaleY(-1);
    }

    .footer-accordion .footer-menu {
        display: none;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }

    .footer-accordion[open]>.footer-menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }
}




.airline-wrapper {
    display: flex;
    overflow: hidden;
    flex-direction: row;
}

.airline-wrapper .airline-text {
    font-weight: 700;
    display: flex;
    align-items: center;
    height: auto;
    min-width: 150px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--thm-black);
}

@media (max-width: 767px) {
    .airline-wrapper {
        flex-direction: column;
    }

    .airline-wrapper .airline-text {
        min-width: 100%;
    }
}


.airlines-flex {
    width: 100%;
    display: block;
    overflow: hidden;
}

#airlines-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.marquee {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}

.marquee,
.marquee * {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.marquee-inner {
    display: flex;
    width: max-content;
    gap: 20px;
    animation: scroll-left 30s linear infinite;
    align-items: center;
}

.marquee-inner img {
    height: 60px;
    flex: 0 0 auto;
    object-fit: contain;
    width: auto;
}

@media (max-width: 575.98px) {
    .marquee-inner img {
        height: 60px;
    }
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}


.info-cards-slider .swiper-slide {
    display: flex;
    height: auto;
}

.info-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 8px;
    border: 1px solid rgb(236, 238, 239);
    background-color: #ffffff;
    width: 100%;
}

.info-card .image-wrapper {
    display: flex;
    align-items: center;
    width: 100px;
}

.info-card .image-wrapper img {
    display: block;
    min-width: 50px;
    object-fit: cover;
}

.info-card .info-card-content {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

.info-card .info-card-content .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 7px;
    font-weight: 600;
    color: var(--thm-black);
}

.info-card .info-card-content .description {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500;
    color: #3c4d5b;
}

.hero-section {
    background-color: #ffa801;
    min-height: 400px;
    position: relative;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background-image: url('../images/resources/bg-03.webp');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.2;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    display: none;
}

.hero-section .container {
    position: relative;
    z-index: 2;
}

.hero-section .search-area .container {
    z-index: 10;
    padding-bottom: 30px;
}

.hero-section .image-left {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 90px;
    overflow: hidden;
    z-index: 1;
}

.hero-section .image-left img {
    height: 220px;
    max-width: 100%;
}

.hero-section .image-right {
    position: absolute;
    right: 30px;
    bottom: 0;
    top: 40px;
    overflow: hidden;
}

.hero-section .image-image img {
    height: auto;
    max-width: 100%;
}

.hero-section .hero-title {
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 700;
    margin-top: 50px;
    z-index: 10;
    /*white-space: nowrap;
    overflow: hidden;*/
    text-align: center;
}

@media (max-width: 768px) {
    .hero-section .hero-title {
        font-size: 30px;
    }
}

@keyframes typing {
    from { width: 0 }
    to { width: 20ch } /* karakter sayısı kadar ayarla */
}

@keyframes blink-caret {
    0%, 100% { border-color: transparent }
    50% { border-color: black }
}



.hero-section .btn-search {
    background-color: #082740;
    border-color: #082740;
    color: #ffffff;
    font-weight: 600;
}


.recent-search-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 8px;
    border: 1px solid rgb(236, 238, 239);
    background-color: #f0f3f5;
    width: 100%;
    height: auto;
    overflow: visible;
}

.recent-search-card .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    color: #3c4d5b;
}

.recent-search-card .icon-wrapper svg {
    display: block;
    width: 20px;
}

.recent-search-card .recent-search-card-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin-left: 10px;
    height: auto;
    overflow: visible;
}

.recent-search-card .recent-search-card-content .title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 7px;
    font-weight: 600;
    color: var(--thm-black);

    line-clamp: 1;
    -webkit-line-clamp: 1;
    max-height: 40px;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease-in-out;
}

.recent-search-card:hover .recent-search-card-content .title,
.recent-search-card:focus .recent-search-card-content .title {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    white-space: normal;
    max-height: 200px;
}

.recent-search-card .recent-search-card-content .description {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500;
    color: #3c4d5b;
}



.cf-field {
    display: none;
}

.table-custom {
    border: none;
    margin: 0;
}

.table-custom tr {
    border-bottom: 1px solid #e5e5e5;
}

.table-custom td,
.table-custom th {
    white-space: nowrap;
    border: none;
    padding: 12px 16px;
}

.table-custom td {
    color: #6f757a;
}

.table-custom tbody tr:hover td {
    background-color: #dde3e6;
}

.table-custom .dropdown-menu {
    border-radius: 0;
    border-color: #dee2e6;
}

.table-custom .dropdown-menu a {
    color: var(--thm-black) !important;
}




.login,
.image {
  min-height: 100vh;
}
.register-wrapper .logo img {
  max-width: 140px;
}

.bg-image {
  background-image: url('/public/assets/images/travel-adventure-with-baggage.webp');
  background-size: cover;
  background-position: center center;
}