@charset "UTF-8";

@font-face {
    src: url("../fonts/Roboto-ExtraBold.ttf");
    font-family: "Roboto";
    font-weight: 900;
}

@font-face {
    src: url("../fonts/Roboto-Bold.ttf");
    font-family: "Roboto";
    font-weight: 700;
}

@font-face {
    src: url("../fonts/Roboto-SemiBold.ttf");
    font-family: "Roboto";
    font-weight: 600;
}

@font-face {
    src: url("../fonts/Roboto-Regular.ttf");
    font-family: "Roboto";
    font-weight: 300;
}

@font-face {
    src: url("../fonts/Roboto-Italic.ttf");
    font-family: "Roboto";
    font-weight: 100;
}


:root {
    --primary-font: "Roboto", sans-serif;
    --primary-color: #FF8D28;
    --dark-color: #000;
}

html {
    width: 100%;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-family: var(--primary-font) !important;
    font-weight: 700;
}

body {
    font-family: var(--primary-font) !important;
    font-weight: 300;
    background: #f5f5f5;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    outline: 0 none !important;
    -webkit-box-shadow: inset 0 -1px 0 #ddd !important;
    box-shadow: inset 0 -1px 0 #ddd !important;
}

ul, li {
    margin-bottom: 0px !important;
}

.row-0 {
    margin: 0px !important;
}

.pd-0 {
    padding: 0px !important;
}

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 10px 5px !important;
}


.row-10 {
    padding: 0px 5px !important;
}

.pd-10 {
    padding: 0px 10px 20px 10px !important;
}

.row-15 {
    margin: 0px 7.5px !important;
}

.pd-15 {
    padding: 0px 7.5px 15px 7.5px !important;
}

.button_style {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 20px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
}

.button_for_outline {
    background: transparent;
    color: var(--primary-color);
    text-transform: unset;
}

.button_style:hover {
    transition: 0.3s ease-in-out;
    border-color: transparent;
    color: var(--primary-color);
    box-shadow: 0px 4px 19.2px 0px rgba(0, 0, 0, 0.09) !important;
    background: #fff !important;
}

.button_for_outline:hover {
    transition: 0.3s ease-in-out;
    background: var(--primary-color) !important;
    color: #fff !important;
}

.button_style:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.button_style:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.vne_wrap .vne_topbar {
    background: var(--primary-color);
    padding: 15px 0
}

@media (max-width: 768px) {
    .vne_wrap .vne_topbar {
        display: none
    }
}

.vne_wrap .vne_topbar .content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.vne_wrap .vne_topbar .content .socials {
    display: inline-block
}

.vne_wrap .vne_topbar .content .socials a {
    padding-right: 18px;
    color: #d1d4da;
    font-size: 14px;
    text-decoration: none
}

.vne_wrap .vne_topbar .content .socials a:first-child {
    padding-left: 0
}

.vne_wrap .vne_topbar .content .socials a:last-child {
    padding-right: 0
}

.vne_wrap .vne_topbar .content .dropdown-menu .divider {
    margin: 0;
    background-color: #31414a
}

.vne_wrap .vne_topbar .content .topbar-items {
    display: inline-block
}

.vne_wrap .vne_topbar .content .topbar-items li {
    padding-left: 18px;
    padding-right: 18px;
    display: inline-block
}

.vne_wrap .vne_topbar .content .topbar-items li a {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none
}

.vne_wrap .vne_topbar .content .topbar-items li:last-child {
    padding-right: 0;
    border-right: 0px
}

.vne_wrap .vne_topbar .content .topbar-left {
    font-size: 14px;
    color: #fff
}

.vne_wrap .vne_topbar .content .topbar-left a {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none
}

.vne_wrap .vne_topbar .content .topbar-left .line {
    min-width: 1px;
    display: inline-block;
    position: relative;
    min-height: 1px;
    margin: 0 10px
}

.vne_wrap .vne_topbar .content .topbar-left .line:before {
    content: "";
    position: absolute;
    left: 0;
    top: -13px;
    height: 20px;
    border-right: solid 1px #5f7190
}

.vne_wrap .vne_topbar .content .topbar-right {
    font-size: 12px
}

.vne_wrap .vne_topbar .content .topbar-right .dropdown-notifications .dropdown-menu {
    left: 0 !important
}

.vne_wrap .vne_topbar .content .topbar-right .dropdown-menu {
    right: 0;
    left: auto !important;
    min-width: 200px;
    top: 15px !important;
    border-radius: 0
}

.vne_wrap .vne_topbar .content .topbar-right .dropdown-menu.width-auto {
    min-width: 0px
}

.vne_wrap .vne_topbar .content .topbar-right .topbar-items li a {
    font-size: 12px
}

.vne_wrap .vne_topbar .content .topbar-right .topbar-items li:last-child {
    padding-right: 0
}

.vne_wrap .vne_topbar .content .dropdown-menu {
    min-width: auto;
    background: var(--primary-color)
}

.vne_wrap .vne_topbar .content .dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.vne_wrap .vne_topbar .content .dropdown-menu li.menu-hr {
    border-top: 1px solid #31414a
}

.vne_wrap .vne_topbar .content .dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    color: #fff
}

.vne_wrap .vne_topbar .content .dropdown-menu li a:hover {
    text-decoration: none;
    background: #233448
}

.vne_wrap .vne_header {
    background: #fff;
    border-bottom: 1px solid #EAEEF3;
    box-shadow: 0px 4px 25px 0px #0000000D;
}

.vne_wrap .vne_header .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vne_wrap .vne_header .content .header-left {
    position: relative;
    height: 100%;
    min-height: 70px;
    display: flex;
    align-items: center
}

@media (max-width: 1023px) {
    .vne_wrap .vne_header .content .header-left {
        width: 90%
    }
}

.vne_wrap .vne_header .content .vne-menu {
    padding-left: 20px;
    z-index: 99
}

@media (max-width: 768px) {
    .vne_wrap .vne_header .content .vne-menu {
        display: none
    }
}

.vne_wrap .vne_header .content .vne-menu a {
    text-decoration: none
}

.vne_wrap .vne_header .content .vne-menu ul {
    list-style: none
}

.vne_wrap .vne_header .content .vne-menu ul li {
    display: inline-block;
    position: relative
}

.vne_wrap .vne_header .content .vne-menu ul li a {
    padding: 25px 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: unset;
    color: var(--dark-color);
    transition: all .3s;
}

@media (max-width: 1366px) {
    .vne_wrap .vne_header .content .vne-menu ul li a {
        padding: 35px 15px
    }
}

@media (max-width: 1024px) {
    .vne_wrap .vne_header .content .vne-menu ul li a {
        padding: 35px 10px
    }
}

.vne_wrap .vne_header .content .vne-menu ul li.active a {
    color: var(--primary-color)
}

.vne_wrap .vne_header .content .vne-menu ul li > .fa {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 5px;
    font-size: 18px;
    transition: all .3s
}

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

.vne_wrap .vne_header .content .vne-menu ul li.active .menu-dropdown li a {
    color: #000;
}

.vne_wrap .vne_header .content .vne-menu ul li > .menu-dropdown li {
    padding-left: 20px;
    padding-right: 20px;
    display: block
}

.vne_wrap .vne_header .content .vne-menu ul li > .menu-dropdown li:not(:last-child) a {
    border-bottom: 1px solid #EEEEEE
}

.vne_wrap .vne_header .content .vne-menu ul li > .menu-dropdown li a {
    padding: 15px 0;
    display: block;
    font-size: 14px
}

.vne_wrap .vne_header .content .vne-menu ul li > .menu-dropdown li .menu-dropdown {
    top: 0;
    left: 100%
}

.vne_wrap .vne_header .content .vne-menu ul li:hover > .menu-dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible
}

.vne_wrap .vne_header .content .vne-menu ul li:hover > a {
    color: var(--primary-color)
}

.vne_wrap .vne_header .content .vne-menu ul li:hover > .fa {
    color: var(--primary-color)
}

.vne_wrap .vne_header .content .vne-menu ul .-has-mega-menu {
    position: initial
}

.vne_wrap .vne_header .content .vne-menu ul li:nth-child(n+4) > .mega {
    right: 0;
    left: auto
}

.vne_wrap .vne_header .content .vne-menu ul li.active .menu-dropdown li.active a {
    color: var(--primary-color) !important;
}

.vne_wrap .vne_header .content .header-right {
    position: relative;
    height: 100%;
    text-align: right
}

@media (max-width: 1023px) {
    .vne_wrap .vne_header .content .header-right {
        width: 10%
    }
}

.vne_wrap .vne_header .content .header-right .vne-more-menu {
    border: none;
    background: transparent;
    font-size: 32px;
    padding: 0 10px;
    float: right;
    display: none;
    transition: all .3s
}

@media (max-width: 768px) {
    .vne_wrap .vne_header .content .header-right .vne-more-menu {
        display: block;
        float: right
    }
}

.vne_wrap .vne_header .content .header-right .vne-more-menu.active {
    background: var(--primary-color);
    color: #fff;
    border-radius: 5px
}

.vne_wrap .vne_header .content .header-right .topbar-items {
    display: inline-block;
    margin-right: 5px
}

@media (max-width: 990px) {
    .vne_wrap .vne_header .content .header-right .topbar-items {
        display: none
    }
}

.vne_wrap .vne_header .content .header-right .topbar-items li {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block
}

.vne_wrap .vne_header .content .header-right .topbar-items li a {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none
}

.vne_wrap .vne_header .content .header-right .topbar-items .login-item > .is_login {
    padding-right: 50px;
    display: block
}

.vne_wrap .vne_header .content .header-right .topbar-items .login-item > .is_login .avatar, .vne_wrap .vne_header .content .header-right .topbar-items .login-item > .is_login .avatar-text {
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 50%;
    top: -12px
}

.vne_wrap .vne_header .content .header-right .topbar-items .login-item > .is_login .avatar-text {
    align-items: center;
    background: var(--primary-color);
    justify-content: center;
    font-size: 20px;
    color: #fff;
    display: flex
}

.vne_wrap .vne_header .content .header-right .topbar-items li a {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vne_wrap .vne_header .content .header-right .topbar-items li:last-child {
    padding-right: 0
}

.vne_wrap .vne_header .content .header-right .topbar-items li a .flag-icon {
    width: 24px;
    height: 24px;
    background-size: cover;
    border-radius: 50%;
}

.vne_wrap .vne_header .content .header-right .dropdown-menu {
    right: 0;
    left: auto !important;
    min-width: 200px;
    top: 52px !important;
    border-radius: 0;
    transform: none !important;
    background: var(--primary-color);
    padding: 0;
}

.vne_wrap .vne_header .content .header-right .dropdown-menu li {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.vne_wrap .vne_header .content .header-right .dropdown-menu li.menu-hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.vne_wrap .vne_header .content .header-right .dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    color: #fff
}

.vne_wrap .vne_header .content .header-right .dropdown-menu li a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1)
}

.vne_wrap .vne_header .vne-menu-mobile {
    width: 300px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    transform: translate(-105%);
    transition: all .3s;
    z-index: 20;
    border-right: solid 1px var(--primary-color)
}

@media (max-width: 1023px) {
    .vne_wrap .vne_header .vne-menu-mobile {
        display: block !important
    }
}

.vne_wrap .vne_header .vne-menu-mobile.active {
    transform: translate(0)
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile {
    border-bottom: solid 1px #e6e6e6
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile .b-close {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 11;
    color: #fff;
    font-size: 34px;
    cursor: pointer;
    line-height: 40px
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile .avatar {
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    padding: 20px 0
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile .avatar i {
    font-size: 34px;
    border: solid 2px #fff;
    border-radius: 50%;
    padding: 15px 17px;
    display: inline-block
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile .avatar img {
    max-width: 80px;
    border-radius: 50%
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul {
    padding: 20px;
    list-style: none
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul li {
    margin-bottom: 10px
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul li a {
    color: var(--primary-color);
    text-decoration: none
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul li a i {
    min-width: 15px;
    display: inline-block
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul li:last-child {
    margin-bottom: 0
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang {
    padding: 0
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li {
    padding: 15px 20px;
    border-top: solid 1px #e6e6e6
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li a i {
    float: right;
    position: relative;
    top: 2px;
    text-align: center
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li a i:before {
    content: ""
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li.show > a i:before {
    content: ""
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu {
    position: relative !important;
    width: 100%;
    float: none;
    border: none;
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    transform: none !important
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu li a {
    font-size: 14px
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu li a:before {
    content: "";
    font: 14px/1 FontAwesome;
    padding-right: 5px;
    color: #383838
}

.vne_wrap .vne_header .vne-menu-mobile .user-profile ul.multi-lang .flag-icon-jp {
    border: solid 1px #adadad
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu {
    overflow-x: scroll;
    width: 100%
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul {
    padding: 10px 20px;
    list-style: none
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li a {
    color: var(--primary-color);
    border-bottom: solid 1px #e6e6e6;
    display: block;
    transition: all .3s;
    text-decoration: none;
    padding: 10px 0
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li a .caret {
    float: right;
    padding: 8px 15px 9px;
    margin-top: -5px;
    margin-right: -10px
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li a .caret:before {
    content: ""
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li a:hover {
    border-bottom: solid 1px var(--primary-color)
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li > .children-menu {
    display: none;
    list-style: none
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li > .children-menu li a {
    padding-left: 15px
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li > .children-menu li > .children-menu {
    display: none;
    list-style: none
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li > .children-menu li > .children-menu li a {
    padding-left: 30px
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li.active > a {
    border-bottom: dashed 1px var(--primary-color)
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li.active > a > .caret:before {
    content: ""
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li.active > .children-menu {
    display: block
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li.active > .children-menu > li.active > .children-menu {
    display: block
}

.vne_wrap .vne_header .vne-menu-mobile .g-menu > ul > li.active > .children-menu > li.active > a > .caret:before {
    content: ""
}

.vne_wrap .vne_header.is_sticky {
    bottom: auto;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    transition: all .3s
}

/**logo**/
a.vne-logo img {
    width: 150px;
}

.vne_header .vne-menu .mega {
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    color: var(--color-dark-1);
    box-shadow: 1px 15px 15px -10px #00000042;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    width: 700px
}

.vne_header .vne-menu .mega.--has-mega-image {
    width: 900px
}

.vne_header .vne-menu .mega .mega-image {
    width: 30%
}

.vne_header .vne-menu .mega .mega-image img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.vne_header .vne-menu .mega > .subnav {
    flex: 1;
    display: flex;
    opacity: 1;
    left: 0;
    top: 0;
    min-width: 0;
    position: relative;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    flex-wrap: wrap;
    overflow: hidden
}

.vne_header .vne-menu .mega > .subnav > li {
    width: 25%;
    padding: 15px 15px 0
}

.vne_header .vne-menu .mega > .subnav > li > a {
    padding: 0 0 15px 10px !important;
    border-bottom: solid 1px #ccc;
    width: 100%;
    position: relative
}

.vne_header .vne-menu .mega > .subnav > li > a:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 24px;
    display: inline-block;
    background: var(--primary-color);
    top: -2px;
    left: 0
}

.vne_header .vne-menu .mega > .subnav > li > a i {
    display: none
}

.vne_header .vne-menu .mega > .subnav > li > a:hover {
    background-color: transparent
}

.vne_header .vne-menu .mega > .subnav .subnav {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    top: 0 !important;
    box-shadow: none !important
}

.vne_header .vne-menu .mega > .subnav .subnav > li {
    width: 100% !important;
    margin-bottom: 0;
    padding: 0 !important
}

.vne_header .vne-menu .mega > .subnav .subnav > li > a {
    border-bottom: none !important;
    padding: 15px 0 10px !important
}

.vne_header .vne-menu .mega > .subnav .subnav > li > a:hover {
    background-color: transparent
}

.vne_header .vne-menu .mega > .subnav a i.icon {
    display: none
}

.vne_header .vne-menu .mega.column-3 {
    width: 750px
}

.vne_header .vne-menu .mega.column-3.--has-mega-image {
    width: 900px
}

.vne_header .vne-menu .mega.column-3 .mega-image {
    width: 35%
}

.vne_header .vne-menu .mega.column-3 .subnav > li {
    width: 33.33%
}

.vne_header .vne-menu .mega.column-2 {
    width: 600px
}

.vne_header .vne-menu .mega.column-2.--has-mega-image {
    width: 750px
}

.vne_header .vne-menu .mega.column-2 .mega-image {
    width: 45%
}

.vne_header .vne-menu .mega.column-2 .subnav > li {
    width: 50%
}

.vne_header .vne-menu .mega .mega-image img {
    max-width: 100%;
    padding: 15px 10px
}

.vne_header .vne-menu .-has-mega-menu:hover > .mega {
    opacity: 1 !important;
    pointer-events: auto !important
}

@media (min-width: 1200px) {
    .pc-menu-none {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .mb-menu-none {
        display: none !important
    }
}

.vne_footer {
    margin-top: 50px;
}

.vne_wrap .vne_footer .mailchimp .mailchimp-bg {
    padding: 40px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: -90px;
}

.vne_wrap .vne_footer .mailchimp .mailchimp-bg .media {
    display: flex;
    align-items: center;
    gap: 20px;
}

.vne_wrap .vne_footer .mailchimp .mailchimp-bg .media .media-left img {
    width: 84px;
}

.vne_wrap .vne_footer .mailchimp .media-body .media-heading {
    font-size: 18px !important
}

@media (max-width: 766px) {
    .vne_wrap .vne_footer .mailchimp .media-body .media-heading {
        font-size: 16px !important
    }
}

.vne_wrap .vne_footer .mailchimp .media-body p {
    font-size: 16px !important;
    color: #000000 !important;
    margin: 0;
}

@media (max-width: 766px) {
    .vne_wrap .vne_footer .mailchimp .media-body p {
        font-size: 14px !important
    }
}

.vne_wrap .vne_footer .mailchimp .subcribe-form {
    position: relative
}

.vne_wrap .vne_footer .mailchimp .subcribe-form .form-control {
    height: 45px;
    font-size: 15px;
    box-shadow: none;
    border-color: #F3F3F3;
    background: #F3F3F3;
    border-radius: 8px 0 0 8px;
}

.vne_wrap .vne_footer .mailchimp .subcribe-form .btn-submit {
    border: none;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
    background: var(--primary-color);
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 600;
    text-transform: uppercase
}

.vne_wrap .vne_footer .main-footer {
    padding: 140px 0 30px 0;
    background: var(--primary-color);
}

.vne_wrap .vne_footer .main-footer .nav-footer .title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
}

.vne_wrap .vne_footer .main-footer .nav-footer .context ul {
    list-style: none;
    padding: 0;
}

.vne_wrap .vne_footer .main-footer .nav-footer .context ul li {
    display: block
}

.vne_wrap .vne_footer .main-footer .nav-footer .context ul li a {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all .3s
}

.vne_wrap .vne_footer .main-footer .nav-footer .context .contact {
    margin-bottom: 30px
}

.vne_wrap .vne_footer .main-footer .nav-footer .context .contact .c-title {
    color: #5e6d77;
    margin-bottom: 10px
}

.vne_wrap .vne_footer .main-footer .nav-footer .context .contact .sub {
    font-weight: 500;
    font-size: 18px
}

.vne_wrap .vne_footer .main-footer .nav-footer .context .contact .sub a {
    margin-right: 20px;
    text-decoration: none
}

.vne_wrap .vne_footer .main-footer .nav-footer .context .contact .sub a i {
    color: #fff
}

.vne_wrap .vne_footer .copy-right {
    background: var(--primary-color);
}

.vne_wrap .vne_footer .copy-right p {
    margin-bottom: 0
}

.vne_wrap .vne_footer .copy-right .context {
    position: relative;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
}

.vne_wrap .vne_footer .copy-right .context .f-visa {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 460px) {
    .vne_wrap .vne_footer .copy-right .context .f-visa {
        position: initial;
        margin-top: 10px;
        transform: translate(0)
    }
}

@media (max-width: 766px) {
    .vne_wrap .vne_footer .copy-right .context {
        padding: 20px 15px
    }
}

.vne-form .fa-spinner {
    display: none;
}

input[type=checkbox], input[type=radio] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px #0000001a;
    transition: .05s border-color ease-in-out
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    font-family: Ionicons;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input[type=checkbox]:checked:before {
    margin: 1px 0 0 -1px;
    color: #1e8cbe;
    content: "";
    font: 13px/1 FontAwesome
}

input[type=radio] {
    border-radius: 50%;
    margin-right: 4px;
    line-height: 10px
}

input[type=radio]:checked:before {
    content: "•";
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 6px;
    height: 6px;
    margin: 4px;
    line-height: 16px;
    background-color: #1e8cbe
}

.form-control {
    border: 1px solid #DAE1E7;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px
}

input.form-control {
    height: 40px
}

.required {
    color: #e3342f
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

.invalid-feedback {
    font-size: 100%
}

.bc-form .fa-spinner {
    display: none
}

.bc-form.loading .fa-spinner {
    display: inline-block
}

.bc-login-page {
    padding: 100px 0
}

.frontend-page .modal.login .modal-content {
    border-radius: 5px;
    padding: 20px 30px 30px
}

@media (max-width: 990px) {
    .frontend-page .modal.login .modal-content {
        padding: 15px 20px
    }
}

.frontend-page .modal.login .modal-content .modal-header {
    padding: 0 0 10px;
    border: none
}

.frontend-page .modal.login .modal-content .modal-header .close {
    margin-top: 0;
    opacity: 1
}

.frontend-page .modal.login .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-weight: 500
}

.frontend-page .modal.login .modal-content .modal-body {
    padding: 0
}

.frontend-page .modal.login .modal-content .modal-body .form-group {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px
}

@media (max-width: 990px) {
    .frontend-page .modal.login .modal-content .modal-body .form-group {
        margin-bottom: 15px
    }
}

.frontend-page .modal.login .modal-content .modal-body .form-group .form-control {
    height: 45px;
    box-shadow: none;
    border: 1px solid #DAE1E7;
    border-radius: 3px;
    font-size: 14px;
    color: #5e6d77
}

.frontend-page .modal.login .modal-content .modal-body .form-group .input-icon {
    position: absolute;
    top: 22px;
    right: 15px;
    font-size: 20px;
    transform: translateY(-50%);
    color: #acb5be;
    line-height: 0px
}

.frontend-page .modal.login .modal-content .modal-body label, .frontend-page .modal.login .modal-content .modal-body .st-link {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.frontend-page .modal.login .modal-content .modal-body input[type=checkbox] {
    margin-right: 5px
}

.frontend-page .modal.login .modal-content .modal-body input[type=radio] {
    margin-right: 10px
}

.frontend-page .modal.login .modal-content .modal-body .form-submit {
    height: 45px;
    width: 100%;
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    font-weight: 600
}

.frontend-page .modal.login .modal-content .modal-body .advanced {
    background: #f9f9f9;
    margin-top: 20px;
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px
}

.frontend-page .modal.login .modal-content .modal-body .advanced .socials {
    padding-top: 20px;
    padding-bottom: 35px
}

.bc-login-form-page .form-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

.bc-login-form-page .form-control {
    height: 45px;
    box-shadow: none;
    border: 1px solid #DAE1E7;
    border-radius: 3px;
    font-size: 14px;
    color: #5e6d77
}

.bc-login-form-page .form-group {
    position: relative;
    margin-bottom: 20px
}

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

.bc-form-login .icon-loading, .bc-form-register .icon-loading, .bc-form .icon-loading {
    display: none
}

.bc-form-login .form-submit, .bc-form-register .form-submit, .bc-form .form-submit {
    width: 100%
}

.bc-form-login .bc-recaptcha > div, .bc-form-register .bc-recaptcha > div, .bc-form .bc-recaptcha > div {
    margin: auto
}

@media (max-width: 990px) {
    .bc-form-login .bc-recaptcha > div, .bc-form-register .bc-recaptcha > div, .bc-form .bc-recaptcha > div {
        margin: 0
    }
}

.btn_login_fb_link {
    background: #395899;
    color: #fff
}

.btn_login_tw_link {
    background: #03a9f4;
    color: #fff
}

.btn_login_gg_link {
    background: #f34a38;
    color: #fff
}

.btn_login_fb_link, .btn_login_tw_link, .btn_login_gg_link {
    border-radius: 2px;
    font-size: 12px;
    display: block
}

.btn_login_fb_link:hover, .btn_login_tw_link:hover, .btn_login_gg_link:hover {
    color: #fff;
    outline: none;
    box-shadow: none
}

body .daterangepicker {
    min-width: 300px;
    min-height: 100px;
    border-color: #dfdfdf;
    box-shadow: 0 1px 2px #0000002d !important;
    border-radius: 0;
    padding: 10px 20px;
    margin-top: 0;
    font-family: inherit
}

@media (max-width: 767px) {
    body .daterangepicker {
        padding: 0 10px
    }

    body .daterangepicker .ranges {
        margin: 0 !important
    }

    body .daterangepicker .drp-calendar {
        padding: 0 !important
    }

    body .daterangepicker:before, body .daterangepicker:after {
        display: none
    }
}

body .daterangepicker.loading:before {
    display: block !important;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 11;
    opacity: .7;
    content: ""
}

body .daterangepicker.loading:after {
    content: "";
    display: block !important;
    font: 14px/1 FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 15;
    text-align: center;
    width: 42px;
    height: 42px;
    color: var(--primary-color);
    font-size: 42px;
    animation: fa-spin 2s infinite linear;
    margin-left: -21px;
    margin-top: -21px
}

body .daterangepicker .drp-calendar {
    max-width: none
}

@media (min-width: 768px) {
    body .daterangepicker .drp-calendar.left .next.available {
        display: none
    }

    body .daterangepicker .drp-calendar.single.left .next.available {
        display: table-cell
    }
}

@media (max-width: 767px) {
    body .daterangepicker .drp-calendar.left {
        width: 100% !important
    }

    body .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0 !important
    }

    body .daterangepicker .drp-calendar.right {
        display: none
    }
}

body .daterangepicker .drp-calendar .calendar-table table {
    border-collapse: inherit
}

body .daterangepicker .drp-calendar .calendar-table .prev span, body .daterangepicker .drp-calendar .calendar-table .next span {
    transform: none;
    border: none;
    border-radius: 0
}

body .daterangepicker .drp-calendar .calendar-table .prev:hover, body .daterangepicker .drp-calendar .calendar-table .next:hover {
    background-color: transparent
}

body .daterangepicker .drp-calendar .calendar-table .prev {
    background: url(../images/arow_left.png) no-repeat center center
}

body .daterangepicker .drp-calendar .calendar-table .next {
    background: url(../images/arrow_right.png) no-repeat center center
}

body .daterangepicker .drp-calendar .calendar-table thead {
    font-size: 14px
}

body .daterangepicker .drp-calendar .calendar-table thead tr:first-child th {
    padding: 10px 0;
    border-bottom: 1px solid #D7DCE3;
    border-radius: 0;
    margin: 0
}

body .daterangepicker .drp-calendar .calendar-table thead .month {
    color: #000;
    position: relative;
    font-weight: 500;
    font-size: 14px
}

body .daterangepicker .drp-calendar .calendar-table thead tr:last-child th {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #adb2bd;
    text-align: center
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td {
    width: 35px;
    height: 30px;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    color: #000;
    border-radius: 0;
    border: 1px solid transparent
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.today {
    color: #fa5535;
    border-color: #fa5535
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date, body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date {
    background: var(--primary-color) 33;
    border-top: none;
    border-bottom: none
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date {
    border-left: solid 2px var(--primary-color)
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date {
    border-right: solid 2px var(--primary-color)
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.disabled {
    color: #d7dce3;
    text-decoration: none
}

body .daterangepicker:before, body .daterangepicker:after {
    content: "";
    position: static;
    border: none;
    background: none;
    width: 0;
    height: 0
}

body .daterangepicker:not(.single) .calendar.left .next {
    display: none
}

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

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

body .daterangepicker .table-header:after {
    content: "";
    display: table;
    clear: both
}

body .daterangepicker .table-header .month {
    text-align: center
}

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

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

body .daterangepicker .table-sub-header {
    border-top: 1px solid #D7DCE3
}

body .daterangepicker .table-sub-header:after {
    content: "";
    display: table;
    clear: both
}

body .daterangepicker .table-sub-header .day-off-week {
    width: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #adb2bd;
    float: left;
    text-align: center
}

body .daterangepicker .table-condensed .td-date {
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    border: none
}

body .daterangepicker .table-condensed .td-date .date {
    width: 36px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    color: #000
}

body .daterangepicker .table-condensed .td-date.disabled {
    text-decoration: none
}

body .daterangepicker .table-condensed .td-date.disabled .date {
    color: #d7dce3
}

body .daterangepicker .table-condensed .td-date.today .date {
    color: #fa5535
}

body .daterangepicker .table-condensed .td-date.today:not(.start-date) .date, body .daterangepicker .table-condensed .td-date.today:not(.in-range) .date {
    color: #fa5535;
    border: 1px solid #FA5535
}

body .daterangepicker .table-condensed .td-date.start-group, body .daterangepicker .table-condensed .td-date.in-group, body .daterangepicker .table-condensed .td-date.end-group {
    background: #fef5ca
}

body .daterangepicker .table-condensed .td-date.in-group .date, body .daterangepicker .table-condensed .td-date.end-group .date {
    color: #767676
}

body .daterangepicker .table-condensed .td-date:hover, body .daterangepicker .table-condensed .td-date.start-date {
    background: var(--primary-color) 33
}

body .daterangepicker .table-condensed .td-date.start-date:not(.end-date) {
    box-shadow: -3px 0 var(--primary-color)
}

body .daterangepicker .table-condensed .td-date.start-date.today .date {
    border: none
}

body .daterangepicker .table-condensed .td-date.in-range {
    background: var(--primary-color) 33
}

body .daterangepicker .table-condensed .td-date.in-range.today .date {
    border: none
}

body .daterangepicker .table-condensed .td-date.end-date {
    background: var(--primary-color) 33
}

body .daterangepicker .table-condensed .td-date.end-date:not(.start-date) {
    box-shadow: 3px 0 var(--primary-color)
}

body .daterangepicker .table-condensed .td-date.end-date.today .date {
    border: none
}

body .daterangepicker .table-condensed .td-date.td-no-show {
    visibility: hidden
}

body .daterangepicker .table-condensed .td-date.has-tooltip {
    position: relative
}

body .daterangepicker .table-condensed .td-date.has-tooltip .event-tooltip-wrap {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    left: 0;
    z-index: 1;
    background: #000000b3;
    color: #fff;
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 2px;
    display: none
}

body .daterangepicker .table-condensed .td-date.has-tooltip:hover .event-tooltip-wrap {
    display: block
}

body .daterangepicker.respon-single .calendar.right {
    display: none
}

body .daterangepicker.respon-single .calendar.left .next {
    display: block
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td {
    position: relative
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td:hover .tooltip {
    opacity: .9;
    visibility: visible
}

body .daterangepicker .tooltip {
    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
    display: block;
    margin: 0;
    width: auto;
    float: none;
    visibility: hidden
}

body .daterangepicker .tooltip .arrow {
    left: 50%;
    transform: translate(-50%)
}

body .daterangepicker .tooltip .tooltip-inner {
    white-space: nowrap
}

body .daterangepicker .is-half-end {
    overflow: hidden
}

body .daterangepicker .is-half-end:before {
    content: "";
    background: #ededed;
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -27px;
    right: -27px;
    transform: rotate(45deg);
    opacity: .5
}

body .daterangepicker .is-half-end.start-date, body .daterangepicker .is-half-end.end-date, body .daterangepicker .is-half-end.in-range, body .daterangepicker .is-half-end:hover {
    overflow: visible
}

body .daterangepicker .is-half-end.start-date:before, body .daterangepicker .is-half-end.end-date:before, body .daterangepicker .is-half-end.in-range:before, body .daterangepicker .is-half-end:hover:before {
    display: none
}

body .daterangepicker .is-half-start {
    overflow: hidden
}

body .daterangepicker .is-half-start:before {
    content: "";
    background: #ededed;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -27px;
    left: -27px;
    transform: rotate(-45deg);
    opacity: .5
}

body .daterangepicker .is-half-start.start-date, body .daterangepicker .is-half-start.end-date, body .daterangepicker .is-half-start.in-range, body .daterangepicker .is-half-start:hover {
    overflow: visible
}

body .daterangepicker .is-half-start.start-date:before, body .daterangepicker .is-half-start.end-date:before, body .daterangepicker .is-half-start.in-range:before, body .daterangepicker .is-half-start:hover:before {
    display: none
}

body .daterangepicker .full-book-event {
    overflow: hidden;
    color: #000 !important
}

body .daterangepicker .full-book-event:before {
    content: "";
    background: #ededed;
    position: absolute;
    opacity: .5;
    inset: 0
}

.bc-admin-bar {
    background: #333;
    color: #fff
}

.bc-admin-bar a {
    color: #fff
}

.bc-admin-bar .adminbar-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.bc-admin-bar .adminbar-menu li {
    display: inline-block
}

.bc-admin-bar .adminbar-menu li a {
    padding: 0 8px 0 7px;
    height: 32px;
    line-height: 32px;
    display: block
}

.bc-admin-bar .adminbar-menu li a:hover {
    text-decoration: none
}

.bc-admin-bar .adminbar-menu li:hover > a {
    background: #32373c;
    color: #84adda
}

/**main slide**/
.banner-item img {
    width: 100% !important;
}

.tab-search {
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 25px;
    border-radius: 16px;
    margin-top: -80px;
    z-index: 99;
    position: relative;
    background: #fff;
}

.tab-search h4 {
    padding: 0 0 10px 0;
    display: block;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

@media only screen and (max-width: 768px) {

    .tab-search {
        margin-top: 30px;
    }
}

.tab-search ul {
    border: 0;
    display: flex;
    gap: 20px;
}

.tab-search ul li a {
    padding: 0 0 10px 0;
    display: block;
    color: #737373;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.tab-search ul li a:before {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.tab-search ul li a.active {
    color: var(--primary-color) !important;
}

.tab-search ul li a.active:before, .tab-search ul li a:hover:before {
    display: block;
}

.tab-search .tab-pane {
    padding: 20px 0 0 0;
}

.vne_wrap .vne_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: end;
}

.vne_wrap .vne_form .g-field-search {
    flex: 0 0 90%;
    max-width: 90%;
    flex-grow: 1;
    padding: 0 15px 0 0;
}

@media (max-width: 1023px) {
    .vne_wrap .vne_form .g-field-search, .vne_wrap .vne_form .g-field-search [class*=col-] {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.vne_wrap .vne_form .g-button-submit {
    flex: 0 0 10%;
    max-width: 10%;
    flex-grow: 1;
    position: relative
}

@media (max-width: 1023px) {
    .vne_wrap .vne_form .g-button-submit {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: right
    }
}

.vne_wrap .vne_form .g-button-submit button {
    width: 100%;
    border-radius: 99px;
    background: var(--primary-color);
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    padding: 9px 12px;
    box-shadow: 0px 0px 3px 0px #00000040;
    font-size: 20px;
}

@media (max-width: 1023px) {
    .vne_wrap .vne_form .g-button-submit button {
        height: auto;
        width: auto;
        position: relative;
        margin: 10px 15px;
        border-radius: 5px;
        display: inline-block;
        padding: 8px 15px;
        font-weight: 400
    }
}

.vne_wrap .vne_form .form-group {
    margin-bottom: 0;
    position: relative;
}

.vne_wrap .vne_form .field-icon {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    font-size: 35px;
    color: var(--primary-color);
    left: 15px
}

@media (max-width: 766px) {
    .vne_wrap .vne_form .field-icon {
        margin-top: -16px;
        font-size: 30px
    }
}

.vne_wrap .vne_form .dropdown-toggle:after {
    position: absolute;
    right: 15px;
    top: 50px;
    color: var(--primary-color);
    border-top: .4em solid;
    border-right: .2em solid transparent;
    border-left: .32em solid transparent
}

.vne_wrap .vne_form .form-content {
    position: relative;
    transition: all .3s
}

.vne_wrap .vne_form .form-content label {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.vne_wrap .vne_form .form-content .form-date-search .check-in-out, .vne_wrap .vne_form .form-content .form-date-search-hotel .check-in-out {
    position: absolute;
    left: -15px;
    bottom: 1px;
    z-index: -1;
    opacity: 0
}

.vne_wrap .vne_form .form-content .date-wrapper .check-in-wrapper .check-in-render, .vne_wrap .vne_form .form-content .date-wrapper .check-in-wrapper .check-out-render {
    display: inline-block;
    width: auto
}

.vne_wrap .vne_form .form-content .date-wrapper .check-in-wrapper label {
    display: block
}

.vne_wrap .vne_form .form-content .date-wrapper .check-in-out {
    position: absolute;
    left: -15px;
    bottom: 1px;
    z-index: -1;
    opacity: 0
}

.vne_wrap .vne_form .form-content .date-wrapper .wrapper-more label {
    display: block
}

.vne_wrap .vne_form .form-content .dropdown .form-control {
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 16px;
    color: #767575;
    position: relative;
    left: -5px;
    height: 25px !important
}

.vne_wrap .vne_form .form-content input.form-control {
    box-shadow: 0px 0px 3px 0px #00000040;
    border-radius: 99px !important;
    height: unset;
    padding: 9px 12px;
    font-size: 16px;
    background-color: #fff;
}

select#select-flight {
    padding: 9px 12px;
    border-radius: 99px;
    width: 200px;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px #00000040;
    color: #000;
}

@media (max-width: 766px) {
    .vne_wrap .vne_form .form-content .dropdown .form-control {
        font-size: 14px
    }
}

.vne_wrap .vne_form .form-content .dropdown .form-control option {
    color: #000
}

.vne_wrap .vne_form .form-content .render {
    font-size: 16px;
    color: #767575;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vne_wrap .vne_form .form-content .wrapper-more .render {
    box-shadow: 0px 0px 3px 0px #00000040;
    border-radius: 99px !important;
    height: unset;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 766px) {
    .vne_wrap .vne_form .form-content .render {
        font-size: 14px
    }
}

.vne_wrap .vne_form .input-search:after {
    display: none
}

.vne_wrap .bc-list-hotel .title {
    margin-top: 15px;
    font-size: 28px;
    font-weight: 500
}

@media (max-width: 766px) {
    .vne_wrap .bc-list-hotel .title {
        font-size: 24px
    }
}

.vne_wrap .bc-list-hotel .sub-title {
    color: #5e6d77;
    font-size: 14px;
    margin-bottom: 15px
}

.vne_wrap .bc-list-hotel.layout_normal {
    margin: 30px 0
}

@media (max-width: 1023px) {
    .vne_wrap .bc-list-hotel.layout_normal {
        margin: 0
    }
}

@media (max-width: 766px) {
    .vne_wrap .bc-list-hotel.layout_carousel .owl-nav {
        position: relative;
        top: -15px;
        margin: 0;
        text-align: center;
        display: block !important
    }
}

.vne_wrap .bc-list-hotel .owl-dots {
    display: none
}

.vne_wrap .bc-list-hotel .owl-nav {
    position: absolute;
    right: 0;
    top: -50px;
    display: block !important
}

.vne_wrap .bc-list-hotel .owl-nav .owl-prev, .vne_wrap .bc-list-hotel .owl-nav .owl-next {
    font-size: 40px;
    line-height: 33px;
    border: solid 1px #000;
    padding: 0 10px !important;
    margin-left: 10px
}

.vne_wrap .bc-list-hotel .owl-nav .owl-prev span, .vne_wrap .bc-list-hotel .owl-nav .owl-next span {
    position: relative;
    top: -1px;
    outline: none !important
}

.vne_wrap .guests-input .btn-minus, .vne_wrap .guests-input .btn-add, .vne_wrap .guests-input .btn-minus2, .vne_wrap .guests-input .btn-add2 {
    padding: 0 5px;
    cursor: pointer
}

.vne_wrap .guests-input .btn-minus i, .vne_wrap .guests-input .btn-add i, .vne_wrap .guests-input .btn-minus2 i, .vne_wrap .guests-input .btn-add2 i {
    font-size: 25px
}

.vne_wrap .guests-input .count-display {
    color: var(--primary-color);
    min-width: 25px;
    text-align: center
}

.vne_wrap .guests-input .count-display input {
    border: none;
    background: none;
    width: 35px;
    text-align: center;
    color: var(--primary-color);
    margin-left: 15px
}

.vne_wrap .select-guests-dropdown, .vne_wrap .select-seat-type-dropdown {
    transform: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 100% !important;
    margin-top: 0;
    right: 0;
    border-color: #dee2e6
}

@media (max-width: 1023px) {
    .vne_wrap .select-guests-dropdown, .vne_wrap .select-seat-type-dropdown {
        transform: translateY(-1px) !important
    }
}

.vne_wrap .select-guests-dropdown .render, .vne_wrap .select-seat-type-dropdown .render {
    padding-right: 30px
}

.vne_wrap .select-guests-dropdown .dropdown-item-row, .vne_wrap .select-seat-type-dropdown .dropdown-item-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 14px 4px 24px;
    align-items: center
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .btn-minus, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-add, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-minus2, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-add2, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-minus, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-add, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-minus2, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-add2 {
    padding: 0 5px;
    cursor: pointer
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .btn-minus i, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-add i, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-minus2 i, .vne_wrap .select-guests-dropdown .dropdown-item-row .btn-add2 i, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-minus i, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-add i, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-minus2 i, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .btn-add2 i {
    font-size: 25px
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .count-display, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .count-display {
    color: var(--primary-color);
    min-width: 25px;
    text-align: center
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .count-display input, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input {
    border: none;
    background: none;
    width: 35px;
    text-align: center;
    color: var(--primary-color);
    margin-left: 15px
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .val, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .val {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.vne_wrap .select-guests-dropdown .dropdown-item-row .render, .vne_wrap .select-seat-type-dropdown .dropdown-item-row .render {
    padding-right: 30px
}

.form-select-guests {
    position: relative;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
}

.inputDate {
    box-shadow: 0px 0px 3px 0px #00000040;
    border-radius: 99px !important;
    height: unset;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bc-autocomplete.on-message {
    display: none;
}

/**service**/
.section {
    padding: 30px 0;
}

.list-service ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.service-item {
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: center;
    transition: 0.3s ease-in-out;
}

.service-item span.service-icon {
    width: 80px;
    height: 80px;
    background: var(--primary-color);
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-item h4 {
    color: #000;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}

.service-item:hover {
    transition: 0.3s ease-in-out;
    transform: translateY(-5px);
}

/**home titl**/
.home-flex {
    display: flex;
    gap: 20px;
}

.home-title {
    margin-bottom: 20px;
}

.home-title h3 {
    color: #000;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 5px;
}

.home-title p {
    margin: 0;
    color: #4E4949;
    font-size: 16px;
    font-weight: 400;
}

.home-label {
    background: #FF0A2A;
    color: #fff;
    padding: 5px 15px;
    border-radius: 99px;
    height: 35px;
    font-size: 13px;
    display: flex;
    font-weight: 700;
    align-items: center;
}

.sale-item img {
    width: 100% !important;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 16px;
}

/*8destination-item**/
.sec-destination {
    padding-bottom: 0;
}

.destination-item {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 0px #00000040;
    margin-bottom: 25px;
}

.destination-item.destination-large {
    height: 585px;
}

.destination-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.destination-item .destination-content .destination-meta {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.destination-item .destination-content h4 {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 10px 0;
}

.destination-item .destination-content {
    position: absolute;
    bottom: 0;
    padding: 25px;
}

@media only screen and (max-width: 768px) {
    .destination-item, .destination-large {
        height: 120px !important;
    }

    .destination-item .destination-content {
        padding: 10px;
    }

    .destination-item .destination-content h4 {
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }

    .destination-item .destination-content .destination-meta {
        font-size: 13px;
    }

    .home-title h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 0px;
    }

    .home-title p {
        font-size: 14px;
    }
}

/**abouts**/
.sec-about {
    background-size: cover !important;
    margin: 40px 0;
    background-position: center !important;
    padding: 50px 0 !important;
}

.abouts-video {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 16px;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 550px;
    transition: 0.3s ease-in-out;
}

.abouts-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}

.abouts-video:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.abouts-video span.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.abouts-video span.video-play img {
    width: 70px;
    height: 70px;
}

@media only screen and (max-width: 768px) {
    .abouts-video {
        height: 250px;
    }
}

.text-primary {
    color: var(--primary-color) !important;
}

/**tour**/
.tour_item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #00000040;
}

.tour_item .tour-thumbnail {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
}

.tour_item .tour-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tour_item .tour-thumbnail .tour-sale {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    gap: 5px;
}

.tour_item .tour-thumbnail .tour-sale img {
    width: 16px !important;
}

.tour_item .tour-content {
    width: 100%;
    padding: 15px;
}

.tour_item .tour-content .tour-title a {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 45px
}

.tour_item .tour-content .tour-title a:hover {
    color: var(--primary-color)
}

.tour_item .tour-content .tour-info {
    margin-top: 15px;
}

.tour_item .tour-content .tour-info p {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    gap: 10px;
    margin: 5px 0 0 0;
}

.tour_item .tour-content .tour-info select {
    width: auto;
    border-radius: 99px !important;
    font-size: 14px;
    border-color: var(--primary-color) !important;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

.tour_item .tour-content .tour-info p strong {
    color: #083EB4
}

.tour_item .tour-content .tour-info p img {
    width: 16px !important;
}

.tour_item .tour-content .tour-info p.select-date {
    align-items: center;
}

.tour_item .tour-content .tour-download {
    margin: 20px 0;
}

.tour-download a {
    background: #1C61AE;
    padding: 8px 18px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.tour_item .tour-content .tour-download a:hover {
    background: var(--primary-color);
}

.tour_item .tour-content .tour-footer {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.tour_item .tour-content .tour-price p {
    margin: 0;
    font-weight: 600;
    color: #000;
}

.tour_item .tour-content .tour-price p.regular_price {
    font-size: 14px;
}

.tour_item .tour-content .tour-price p ins {
    color: #C33340;
    text-decoration: unset;
    font-size: 22px;
    line-height: 22px;
}

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

.product_slide.owl-carousel .owl-stage-outer {
    padding-bottom: 15px;
}

/**slide**/
.owl-nav button {
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 100;
    transition-property: background-color;
    transition-duration: 0.35s;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    color: var(--primary-color) !important;
    margin: 0;
    background: #fff !important;
    position: absolute !important;
}

.owl-nav button.owl-next {
    right: -65px !important;
}

.owl-nav button.owl-prev {
    left: -65px !important;
}

.owl-dots {
    display: none;
}

/**hotel**/
.hotel_item {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #00000040;
    transition: 0.3s ease-in-out;
}

.hotel_item .hotel-thumbnail {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.hotel_item .hotel-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.hotel_item .hotel-thumbnail .hotel-sale {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    gap: 5px;
}

.hotel_item .hotel-thumbnail .hotel-sale img {
    width: 16px !important;
}

.hotel_item .hotel-content {
    width: 100%;
    padding: 15px;
}

.hotel_item .hotel-content .hotel-title a {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 26px;
    height: 45px;
}

.hotel_item .hotel-content .hotel-title a:hover {
    color: var(--primary-color)
}

.hotel_item .hotel-content .hotel-price p {
    margin: 0;
    font-weight: 400;
    color: #BAB8B8;
    text-align: right;
}

.hotel_item .hotel-content .hotel-price p.regular_price {
    font-size: 18px;
}

.hotel_item .hotel-content .hotel-price p ins {
    color: #C33340;
    text-decoration: unset;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
}

.hotel_item .hotel-content .hotel-meta {
    margin: 10px 0;
}

.hotel_item .hotel-content .hotel-star i {
    color: #FFD600;
    font-size: 13px;
    margin: 0 2px 0 0;
}

.hotel_item .hotel-content .hotel-star {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotel_item .hotel-content .hotel-star .category {
    font-size: 15px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color: var(--primary-color);
    padding: 3px 15px;
}

.hotel_item .hotel-content .hotel-map {
    margin: 10px 0 0 0;
    color: #4E4949;
    font-size: 14px;
}

.hotel_item .hotel-content .hotel-review {
    margin: 15px 0 0 0;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #9EA0A3;
    font-weight: 400;
}

.hotel_item .hotel-content .review-point {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFF6E9;
    border-radius: 5px;
    padding: 5px;
    color: var(--primary-color);
    font-size: 16px;
}

.hotel_item .hotel-content .review-point img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
}

.hotel_list {
    display: flex;
    flex-flow: wrap;
}

.hotel_list .hotel-thumbnail {
    width: 370px !important;
    border-radius: 10px 0 0 10px;
    height: 254px;
}

.hotel_list .hotel-content {
    width: calc(100% - 370px) !important;
    padding: 20px;
    display: flex;
    flex-flow: wrap;
}

.hotel_list .hotel-content .hotel-title a {
    font-size: 18px;
}

.hotel_list .hotel-content .hotel_body {
    width: calc(100% - 150px);
}

.hotel_list .hotel-content .hotel-price {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
}

.hotel_item:hover .hotel-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

/**province**/
.province {
    text-align: center;
}

.province h4 {
    margin: 15px 0 0 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 24px;
    color: #000;
}

.province img {
    border-radius: 16px;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
}

/**tab**/
.tab-vne-panel {
    margin-top: 20px;
}

.tab-vne ul {
    display: flex;
    padding: 0;
    gap: 10px;
    flex-flow: wrap;
}

.tab-vne ul li {
    list-style: none;
}

.tab-vne ul li a {
    background: #fff;
    padding: 5px 12px;
    border-radius: 99px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #CFCECE;
}

.tab-vne ul li a:hover, .tab-vne ul li.active a {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.mb-25 {
    margin-bottom: 25px;
}

/**post item**/
.post_slide .owl-stage-outer {
    padding-bottom: 10px;
}

.post-item {
    width: 100%;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 0px #00000040;
}

.post-item:after {
    content: '';
    background: linear-gradient(180deg, rgba(248, 155, 29, 0) 58.85%, rgba(248, 155, 29, 0.9) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.post-item .post-thumbnail {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.post-item .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.post-item:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-item .post-content .post-title a {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.post-item .post-content .post-date {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.post-item .post-content {
    position: absolute;
    width: 100%;
    padding: 15px;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.vne_wrap .vne_form .form-content .bc-autocomplete,
.input-search .bc-autocomplete {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    position: absolute;
    background: #fff;
    padding: 0;
    top: 100%;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dee2e6;
    z-index: 20;
    max-height: 300px;
    overflow-y: auto;
    right: 15px;
    left: 15px;
}


.smart-search .bc-autocomplete.show, .input-search .bc-autocomplete.show {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 1023px) {
    .smart-search .bc-autocomplete, .input-search .bc-autocomplete {
        margin-top: 10px;
        border-radius: 0;
        right: 0;
        left: -55px;
        background: #f1f1f1
    }
}

.smart-search .bc-autocomplete .item, .input-search .bc-autocomplete .item {
    cursor: pointer;
    padding: 10px 15px
}

.smart-search .bc-autocomplete .item:nth-child(2n), .input-search .bc-autocomplete .item:nth-child(2n) {
    background: #fff
}

.smart-search .bc-autocomplete .item:last-child, .input-search .bc-autocomplete .item:last-child {
    margin-bottom: 0
}

.smart-search .bc-autocomplete .item .h-line, .input-search .bc-autocomplete .item .h-line {
    font-weight: 500
}

.smart-search .bc-autocomplete .item i, .input-search .bc-autocomplete .item i {
    margin-right: 5px;
    font-size: 16px;
    position: relative;
    top: 1px;
    color: #828282
}

.smart-search .bc-autocomplete .item:hover, .input-search .bc-autocomplete .item:hover {
    background: #f5f4f7
}

.smart-search .bc-autocomplete .message, .input-search .bc-autocomplete .message {
    display: none;
    padding: 10px 15px;
    font-size: 14px;
    color: #424242
}

.smart-search .bc-autocomplete.on-message .list-item, .input-search .bc-autocomplete.on-message .list-item {
    display: none
}

.smart-search .bc-autocomplete.on-message .message, .input-search .bc-autocomplete.on-message .message {
    display: block
}

.smart-search.normal-control .form-control, .input-search.normal-control .form-control {
    padding-right: 25px
}

.smart-search.normal-control .bc-autocomplete, .input-search.normal-control .bc-autocomplete {
    margin-top: 0
}

.smart-search.normal-control:after, .input-search.normal-control:after {
    color: #4b4b4b;
    top: 23px;
    right: 15px
}

/**breadcrumb**/
.breadcrumb ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
}

.breadcrumb ul li {
    list-style: none;
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    position: relative;
}

.breadcrumb ul li:not(:last-child):after {
    content: '\f105';
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    right: -15px;
    top: 0;
}

.breadcrumb ul li a, .breadcrumb ul li span {
    color: #fff !important;
    font-size: 15px !important;
}

/**category hotel**/
section.banner_category {
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    height: 350px;
    padding: 30px 0;
    display: flex;
    align-items: end;
    position: relative;
}

.banner_category_main {
    width: 100%;
    position: relative;
    z-index: 99;
}

section.banner_category:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(248, 155, 29, 0) 0%, rgba(248, 155, 29, 0.8) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
}

section.banner_category h1.cat_title {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 38px;
}

section.category-entry {
    margin: 40px 0;
    width: 100%;
}

/**filter**/
.vne_filter {
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.vne_filter .filter-title {
    font-weight: 700;
    font-size: 18px;
}

.vne_filter .g-filter-item {
    margin: 20px 0 0 0;
}

.vne_filter .g-filter-item .item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.vne_filter .g-filter-item .item-title h3 {
    font-size: 15px;
    color: #898B8D;
    line-height: 22px;
    margin: 0;
}

.vne_filter .g-filter-item .item-content ul {
    padding: 0;
    list-style: none;
}

.vne_filter .g-filter-item .item-content ul li {
    color: #00072B;
    font-size: 14px;
}

.vne_filter .g-filter-item .item-content ul li:not(:last-child) {
    margin-bottom: 10px !important;
}

.vne_filter .g-filter-item .item-content ul li i {
    color: #FFD600;
}

.vne_filter .g-filter-item .item-content ul li input[type=checkbox] {
    border-radius: 3px !important;
}

.vne_filter .btn-more-item {
    color: var(--primary-color);
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 600;
    text-decoration: unset;
    margin-top: 20px;
}

.vne_filter .btn-apply-price-range {
    color: var(--primary-color);
    padding: 0;
    border: 0;
    font-size: 15px;
    font-weight: 600;
    text-decoration: unset;
    margin-top: 20px;
}

.topbar-search h2.page-title {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 42px;
    margin: 0 0 10px 0;
}

.topbar-search {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

.topbar-search .category-order {
    display: flex;
    gap: 10px;
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 0 0;
}

.topbar-search .category-order span {
    font-weight: 600;
}

.topbar-search .category-order a {
    color: #000;
}

.topbar-search .category-order a.active, .topbar-search .category-order a:hover {
    color: var(--primary-color)
}

.category-entry .ajax-search-result {
    margin: 30px 0 0 0;
}

/**paginate**/
.vne-pagination ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.vne-pagination ul li a, .vne-pagination ul li span {
    display: flex;
    background: transparent !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 15px !important;
    font-weight: 400;
    color: #000;
}

.vne-pagination ul li.active span, .vne-pagination ul li a:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.orderby-list {
    display: flex;
    gap: 15px;
}

.list-position {
    position: relative;
}

/**loading**/
#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    text-align: center;
    display: none;
    top: 0;
    left: 0;
}

#loadingBox {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    margin-top: 200px;
}

#loadingIcon {
    width: 100%;
    height: 100%;
}

@media (max-width: 990px) {
    .topbar-search .category-order {
        flex-flow: wrap;
    }

    .orderby-list {
        gap: 10px;
        flex-flow: wrap;
    }

    section.banner_category {
        height: 250px;
        padding: 20px 0;
    }

    .vne_filter .g-filter-item .item-content {
        display: none;
    }

    .hotel_list .hotel-thumbnail, .hotel_item .hotel-thumbnail {
        width: 100% !important;
        aspect-ratio: 4/3;
        height: unset;
        border-radius: 10px 10px 0 0;
    }

    .hotel_list .hotel-content {
        width: 100% !important;
        padding: 20px;
        display: block !important;
    }

    .hotel_list .hotel-content .hotel_body {
        width: 100% !important;
    }

    .hotel_list .hotel-content .hotel-price {
        width: 100% !important;
        height: unset;
        display: block;
        align-items: end;
        justify-content: end;
    }
}

/**hotel**/
section.single-breadcrumb {
    background: #fff;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0;
}

section.single-breadcrumb .breadcrumb {
    margin: 0;
}

section.single-breadcrumb ul li a, section.single-breadcrumb ul li span, section.single-breadcrumb ul li a, section.single-breadcrumb ul li {
    color: #000 !important;
}

section.single-breadcrumb ul li.active {
    text-transform: uppercase;
    color: var(--primary-color) !important;
    font-weight: 700;
}

header#header-single h1 {
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 20px 0;
}

header#header-single .header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header#header-single .hotel-map {
    margin: 10px 0 0 0;
    color: #4E4949;
    font-size: 16px;
}

header#header-single .hotel-review {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    color: #9EA0A3;
    font-weight: 400;
    margin: 0 0 10px 0;
}

header#header-single .review-point {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFF6E9;
    border-radius: 5px;
    padding: 5px;
    color: var(--primary-color);
    font-size: 16px;
}

header#header-single .review-point img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
}

header#header-single .hotel-star i {
    color: #FFD600;
    font-size: 13px;
    margin: 0 2px 0 0;
}

.single-title {
    margin: 0 0 20px 0;
}

.single-title h3 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 36px;
    margin: 0;
    color: var(--primary-color);
    font-weight: 500;
}

.button_text_cap {
    text-transform: unset;
}

/**review**/
.bg_white {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
}

.button_single {
    font-size: 18px;
    text-transform: unset;
    padding: 10px 30px;
}

.vne-reviews .title-review {
    margin-bottom: 20px;
    font-size: 24px;
    color: #000;
    font-weight: 500
}

@media (max-width: 990px) {
    .vne-reviews .title-review {
        font-size: 1.5rem
    }
}

@media (max-width: 766px) {
    .vne-reviews .title-review {
        font-size: 1.3rem
    }
}

.vne-reviews .review-box {
    margin-top: 20px;
    color: #000;
    font-weight: 500
}

@media (max-width: 766px) {
    .vne-reviews .review-box {
        padding: 10px
    }
}

.vne-reviews .review-box .review-box-score {
    border-right: 1px solid #D7DCE3;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

@media (max-width: 990px) {
    .vne-reviews .review-box .review-box-score {
        border-right: none
    }
}

.vne-reviews .review-box .review-box-score .review-score {
    line-height: 50px;
    font-size: 72px;
    font-weight: 500;
    color: var(--primary-color)
}

@media (max-width: 766px) {
    .vne-reviews .review-box .review-box-score .review-score {
        font-size: 60px
    }
}

.vne-reviews .review-box .review-box-score .review-score .per-total {
    font-size: 24px
}

.vne-reviews .review-box .review-box-score .review-score-text {
    font-weight: 400;
    font-size: 24px;
    color: #000
}

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

.vne-reviews .review-box .review-box-score .review-score-base span {
    color: #000
}

.vne-reviews .review-box .review-sumary .item {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.vne-reviews .review-box .review-sumary .item:first-child {
    margin-top: 0
}

.vne-reviews .review-box .review-sumary .item .label {
    width: 22%;
    text-align: right;
    margin-top: 0;
    margin-right: 3%;
    position: relative;
    display: block;
    padding-left: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 766px) {
    .vne-reviews .review-box .review-sumary .item .label {
        width: 35%
    }
}

.vne-reviews .review-box .review-sumary .item .progress {
    position: relative;
    height: 8px;
    width: 65%;
    border-radius: 10px;
    box-shadow: none;
    background: #fff;
    margin-bottom: 0;
    overflow: inherit;
    border: 1px solid var(--primary-color)
}

.vne-reviews .review-box .review-sumary .item .progress .percent {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    background: var(--primary-color);
    border-radius: 10px
}

.vne-reviews .review-box .review-sumary .item .progress .percent.green {
    background: var(--primary-color)
}

.vne-reviews .review-box .review-sumary .item .progress .percent.darkgreen {
    background: var(--primary-color)
}

.vne-reviews .review-box .review-sumary .item .progress .percent.yellow {
    background: #f1c40f
}

.vne-reviews .review-box .review-sumary .item .progress .percent.orange {
    background: #e67f22
}

.vne-reviews .review-box .review-sumary .item .progress .percent.red {
    background: #e84c3d
}

.vne-reviews .review-box .review-sumary .item .number {
    width: 7%;
    margin-left: 3%
}

.vne-reviews .review-list {
    margin-top: 30px
}

.vne-reviews .review-list .review-item {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #EAEEF3;
    font-size: 14px
}

@media (max-width: 990px) {
    .vne-reviews .review-list .review-item {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.vne-reviews .review-list .review-item .review-item-head {
    width: 100%;
}

.vne-reviews .review-list .review-item .review-item-head .media {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 10px;
    border-radius: 10px;
    gap: 15px;
    background: #F6F6F6;
}

.vne-reviews .review-list .review-item .review-item-head .media .media-left {
    padding-right: 20px
}

.vne-reviews .review-list .review-item .review-item-head .media .media-left img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.vne-reviews .review-list .review-item .review-item-head .media .media-left .avatar-text {
    background: #1a2b47;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    padding-top: 4px;
    position: relative;
    font-size: 29px;
    top: 0
}

.vne-reviews .review-list .review-item .review-item-head .media .media-body .media-heading {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px
}

.vne-reviews .review-list .review-item .review-item-head .media .media-body .date {
    color: #aeb4c0
}

.vne-reviews .review-list .review-item .review-item-body {
    margin-top: 20px
}

.vne-reviews .review-list .review-item .review-item-body .title {
    position: relative;
    font-size: 16px;
    line-height: 20px
}

.vne-reviews .review-list .review-item .review-item-body .review-star {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.vne-reviews .review-list .review-item .review-item-body .review-star li {
    list-style: none;
    margin-right: 5px;
    float: left
}

.vne-reviews .review-list .review-item .review-item-body .review-star li i {
    color: #ffdc00;
    font-size: 16px
}

.vne-reviews .review-list .review-item .review-item-body .detail {
    margin-top: 5px;
    font-size: 14px;
    color: #5e6d77;
    font-weight: 400;
    position: relative
}

.vne-reviews .review-list .review-item:last-child {
    border-bottom: 1px solid #EAEEF3
}

.vne-reviews .review-pag-wrapper {
    overflow: hidden;
    margin-top: 15px
}

.vne-reviews .review-pag-wrapper .review-pag-text {
    float: right;
    font-size: 14px;
    color: #5e6d77;
    margin-top: 5px;
    margin-right: 0
}

.vne-reviews .review-pag-wrapper .vne-pagination {
    text-align: left;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 0
}

.vne-reviews .review-pag-wrapper .vne-pagination ul {
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0
}

.vne-reviews .review-pag-wrapper .vne-pagination ul li {
    list-style: none;
    font-size: 16px;
    color: #768090;
    float: left;
    margin-right: 10px
}

.vne-reviews .review-pag-wrapper .vne-pagination ul li a, .vne-reviews .review-pag-wrapper .vne-pagination ul li span {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-decoration: none;
    color: #5e6d77;
    float: none;
    padding: 0;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

.vne-reviews .review-pag-wrapper .vne-pagination ul li a.current, .vne-reviews .review-pag-wrapper .vne-pagination ul li span.current {
    border: 1px solid #1a2b47 !important;
    border-radius: 3px;
    background: transparent !important;
    color: #1a2b47 !important
}

.vne-reviews .review-pag-wrapper .vne-pagination ul li.active a, .vne-reviews .review-pag-wrapper .vne-pagination ul li.active span {
    border: 1px solid #1a2b47 !important;
    background: transparent !important;
    color: #1a2b47 !important
}

.vne-reviews .review-pag-wrapper .vne-pagination .count-string {
    font-size: 14px;
    color: #768090;
    margin-top: 5px;
    display: inline-block
}


.vne-reviews .review-form .title-form {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 766px) {
    .vne-reviews .review-form .form-wrapper {
        padding: 15px
    }

    .vne-reviews .review-form .form-wrapper .form-group {
        margin-bottom: 0
    }
}

@media (max-width: 1024px) {
    .vne-reviews .review-form .form-wrapper .row .col-md-8 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .vne-reviews .review-form .form-wrapper .row .col-md-4 {
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media (max-width: 766px) {
    .vne-reviews .review-form .form-wrapper .row .col-md-8, .vne-reviews .review-form .form-wrapper .row .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.vne-reviews .review-form .form-wrapper .review-items {
    background: #fff;
    padding: 25px 30px;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    margin-top: 15px;
    min-height: 350px
}

@media (max-width: 766px) {
    .vne-reviews .review-form .form-wrapper .review-items {
        min-height: auto;
        padding: 10px 15px
    }
}

.vne-reviews .review-form .form-wrapper .review-items .item {
    margin-bottom: 10px
}

@media (max-width: 766px) {
    .vne-reviews .review-form .form-wrapper .review-items .item {
        margin-bottom: 5px
    }
}

.vne-reviews .review-form .form-wrapper .review-items .item:last-child {
    margin-bottom: 0
}

.vne-reviews .review-form .form-wrapper .review-items .item label {
    font-size: 14px;
    font-weight: 500;
    color: #768090;
    margin-bottom: 4px
}

.vne-reviews .review-form .form-wrapper .review-items .item .rates {
    position: relative
}

.vne-reviews .review-form .form-wrapper .review-items .item .fa:not(:last-child) {
    margin-right: 8px
}

.vne-reviews .review-form .form-wrapper .review-items .item .fa {
    cursor: pointer;
    font-size: 18px
}

.vne-reviews .review-form .form-wrapper .review-items .item .fa.grey {
    color: #5e6d77
}

.vne-reviews .review-form .form-wrapper .review-items .item .fa.selected, .vne-reviews .review-form .form-wrapper .review-items .item .fa.hovered {
    color: #ffdc00
}

.vne-reviews .review-form .form-wrapper .review-items .item .fa.selected:before, .vne-reviews .review-form .form-wrapper .review-items .item .fa.hovered:before {
    content: "";
    font-weight: bold;
}

.vne-reviews .review-form .form-wrapper .alert ul {
    margin-left: 30px
}

.vne-reviews .review-form .form-wrapper textarea.form-control {
    min-height: 350px;
    margin-top: 15px
}

@media (max-width: 766px) {
    .vne-reviews .review-form .form-wrapper textarea.form-control {
        min-height: 100px
    }
}

.vne-reviews .review-form .btn {
    background: var(--primary-color);
    color: #fff;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 20px;
    transition: background .2s, color .2s;
    margin-top: 10px
}

@media (max-width: 766px) {
    .vne-reviews .review-form .btn {
        padding: 5px 15px
    }
}

.vne-reviews .review-message {
    background: #f5f5f5;
    padding: 15px 20px;
    margin-top: 15px;
    border-left: solid 4px var(--primary-color);
    margin-bottom: 15px
}

.hotel-gallery .gallery-large {
    width: 100%;
    height: 450px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.hotel-gallery .gallery-large img {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.hotel-gallery .gallery-large:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.hotel-gallery .gallery-small {
    width: calc(50% - 5px);
    height: 220px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    position: relative;
}

.hotel-gallery .gallery-small img {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.hotel-gallery .gallery-small:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.hotel-gallery .gallery-flex {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
}

.hotel-gallery .gallery-readmore {
    position: absolute;
    background: #00000066;
    top: 0;
    left: 0;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotel-gallery .gallery-readmore a {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
}

.hotel-attribute .location-map {
    width: 100%;
    box-shadow: 0px 0px 5px 0px #00000026;
    height: 350px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

div#map_content {
    width: 100%;
    height: 100%;
}

/**room**/
.hotel-room {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
    margin: 0 0 25px 0;
}

.hotel-room .room-gallery {
    border-right: 1px solid #E4E4E4;
    padding: 0 35px 0 10px;
    height: 100%;
}

.hotel-room .room-thumbnail img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px;
}

.hotel-room .room-utilities {
    margin: 20px 0 0 0;
}

.hotel-room .room-utilities p img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.hotel-room .room-utilities p {
    margin: 10px 0 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #737373;
    display: flex;
    gap: 14px;
    align-items: center;
}

.hotel-room .room-thumbnail button.owl-prev {
    left: -25px !important;
}

.hotel-room .room-thumbnail button.owl-next {
    right: -25px !important;
}

.hotel-room .room-info {
    padding-left: 25px;
}

.hotel-room .room-info .room-title a {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 26px;
}

.hotel-room .room-info .room-meta {
    margin: 10px 0;
}

.hotel-room .room-info .room-star i {
    color: #FFD600;
    font-size: 13px;
    margin: 0 2px 0 0;
}

.hotel-room .room-info .room-star {
    display: flex;
    align-items: center;
    gap: 15px
}

.hotel-room .room-info .room-type {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 16px;
}

.hotel-room .room-info .room-type img {
    width: 20px;
    object-fit: contain;
    height: 20px;
}

.hotel-room .room-info .room-star .category {
    font-size: 15px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color: var(--primary-color);
    padding: 3px 15px;
}

.hotel-room .room-info .room-map {
    margin: 10px 0 0 0;
    color: #4E4949;
    font-size: 14px;
}

.hotel-room .room-info .room-review {
    margin: 15px 0 0 0;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #9EA0A3;
    font-weight: 400;
}

.hotel-room .room-info .review-point {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFF6E9;
    border-radius: 5px;
    padding: 5px;
    color: var(--primary-color);
    font-size: 16px;
}

.hotel-room .room-info .review-point img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain;
}

.hotel-room .room-content {
    margin: 15px 0 0 0;
}

.hotel-room .room-content p i {
    color: #000;
}

.hotel-room .room-content p {
    margin: 10px 0 0 0;
    display: flex;
    gap: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #737373;
}

.hotel-room .room-content p i:after {
    display: none;
}

.hotel-room .room-list-utilities {
    padding-left: 30px;
    border-left: 1px solid #E4E4E4;
    margin-left: 10px;
    height: 100%;
}

.hotel-room .room-list-utilities .room-price-utilities:not(:last-child) {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hotel-room .room-list-utilities .room-price-utilities .price-utilities-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.hotel-room .room-list-utilities .room-price-utilities .price-utilities-sale {
    display: flex;
    margin: 10px 0;
    gap: 15px;
    align-items: center;
}

.hotel-room .room-list-utilities .room-price-utilities .price-utilities-sale del {
    color: #BAB8B8;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.hotel-room .room-list-utilities .room-price-utilities .price-utilities-box ins {
    color: #FF383C;
    font-weight: 700;
    text-decoration: unset;
    font-size: 16px;
}

.hotel-room .room-list-utilities .room-price-utilities .price-utilities-box {
    border: 1px dashed #FFD8E1;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    gap: 10px;
    color: #E4E4E4;
    align-items: center;
    font-size: 15px;
}

.hotel-room .room-list-utilities .price-utilities-percent {
    background: #FFF6E9;
    padding: 3px 5px;
    border-radius: 5px;
    color: var(--primary-color);
    font-size: 14px;
}


.hotel-room .room-list-utilities .price-utilities-regular ins {
    color: #D6001D;
    font-weight: 700;
    text-decoration: unset;
    font-size: 22px;
    margin-left: 5px;
}

.hotel-room .room-list-utilities .price-utilities-regular {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4E4949;
    font-size: 16px;
    font-weight: 400;
}

.hotel-room .room-list-utilities .price-utilities-regular .button_style {
    text-transform: unset;
    font-weight: 400 !important;
    font-size: 15px;
}

h4.entry-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

table.table-info {
    vertical-align: middle;
}

table.table-info tr td {
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #DDDDDD;
}

table.table-info tr td.table-title {
    width: 200px;
    padding-left: 0;
}

.input-comment {
    background: #F6F6F6;
    border-radius: 10px;
    border-color: #F6F6F6;
    height: 40px;
    box-shadow: 0px 0px 4px 0px #00000040;
}

button#btnChooseImage {
    height: 40px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border: 0;
    width: 100%;
    border-radius: 10px;
    color: #434345;
    font-weight: 500;
    font-size: 15px;
    line-height: 40px;
}

.form-comment button.button_style {
    box-shadow: 0px 0px 4px 0px #00000040;
    width: 100%;
    height: 40px;
    text-transform: unset;
    font-size: 15px;
    font-weight: 600;
}

.textarea-comment {
    background: #F6F6F6;
    border-radius: 10px;
    border-color: #F6F6F6;
    height: 160px;
    box-shadow: 0px 0px 4px 0px #00000040;
}

/**comment**/
.comment-item {
    margin: 15px 0 0 0;
}

.comment-item .comment-head {
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #F6F6F6;
}

.comment-item .comment-head .comment-left {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.comment-item .comment-head .comment-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-item .comment-head .comment-date {
    color: #828282;
    font-size: 13px;
}

.comment-item .comment-head h4.comment-heading {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 25px;
}

.comment-item ul.review-star li i {
    color: #FFD600;
}

.comment-item ul.review-star {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 8px;
    align-items: center;
}

.comment-item ul.review-star li {
    list-style: none;
    color: #828282;
    font-size: 15px;
}

.comment-item .comment-body {
    padding: 15px 0 0 0;
}

.comment-item .comment-body .comment-text {
    margin: 10px 0;
    font-size: 15px;
    color: #000;
}

.comment-item .comment-body .comment-action a.reply-comment {
    color: #FF3D6B;
}

.comment-item .comment-body .comment-action a {
    margin-right: 15px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

h4.entry-title a {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}

.hotel-ulitis ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 25px;
}

.hotel-ulitis ul li img {
    width: 20px;
}

.hotel-ulitis ul li i {
    color: var(--primary-color);
}

.hotel-ulitis ul li {
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    gap: 10px;
    margin: 0 0 10px 0 !important;
}

/**form hotel**/
.hotel_rooms_form .form-search-rooms {
    margin-bottom: 25px
}

@media (max-width: 766px) {
    .hotel_rooms_form .form-search-rooms {
        border-bottom: none
    }
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group {
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    border: 1px solid #CFCECE;
    border-radius: 10px;
    background: #FAFAFA;
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .render {
    font-weight: 400;
    color: #000 !important;
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .form-content {
    padding-left: 35px;
    height: 45px;
    line-height: 45px;
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .form-label {
    font-size: 14px;
    color: #5e6d77;
    margin-bottom: 0
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .render {
    font-size: 16px;
    color: var(--primary-color)
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .start_date {
    position: absolute;
    bottom: -5px;
    left: -15px;
    right: -15px
}

@media (max-width: 766px) {
    .hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .start_date {
        bottom: 0;
        left: 0
    }
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .form-group .select-guests-dropdown {
    margin-left: -15px;
    margin-right: -16px
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .dropdown-toggle:after {
    display: none
}

.hotel_rooms_form .form-search-rooms .form-search-row > div .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    font-size: 22px;
    color: #a0a9b2;
    z-index: -1
}

.hotel_rooms_form .form-search-rooms .form-search-row .g-button-submit {
    height: 100%;
    display: flex;
    width: 100%
}

.hotel_rooms_form .form-search-rooms .form-search-row .g-button-submit .btn {
    font-size: 15px;
    text-transform: unset;
    background: var(--primary-color);
    font-weight: 700;
    border-color: var(--primary-color) !important;
    border-radius: 10px;
}

.hotel_rooms_form .hotel_room_book_status {
    border: 1px solid #d7dce3;
    padding: 15px;
    margin-top: 20px;
    position: relative
}

@media (max-width: 766px) {
    .hotel_rooms_form .hotel_room_book_status {
        padding: 10px 15px
    }
}

.hotel_rooms_form .hotel_room_book_status .control-book {
    text-align: right
}

@media (max-width: 766px) {
    .hotel_rooms_form .hotel_room_book_status .control-book {
        position: initial;
        margin-top: 0;
        text-align: left
    }

    .hotel_rooms_form .hotel_room_book_status .control-book .total-room-price {
        display: none
    }

    .hotel_rooms_form .hotel_room_book_status .control-book .btn {
        padding: 5px 10px
    }
}

.hotel_rooms_form .hotel_room_book_status label {
    margin-bottom: 0
}

.hotel_rooms_form .hotel_room_book_status .render {
    font-size: 12px;
    color: #464646;
    display: inline-block
}

.hotel_rooms_form .hotel_room_book_status.sticky {
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 10;
    box-shadow: 0 -2px 10px #b5b5b5;
    transform: translateY(100%)
}

.hotel_rooms_form .hotel_room_book_status.sticky.active {
    transition: all .3s;
    transform: translate(0)
}

.hotel_rooms_form .hotel_room_book_status .is_mobile {
    display: none !important
}

@media (max-width: 766px) {
    .hotel_rooms_form .hotel_room_book_status .is_mobile {
        display: flex !important
    }
}

.hotel_rooms_form .hotel_room_book_status .total-room-price {
    font-size: 23px;
    font-weight: 600;
    color: #ff3f19
}

.hotel_rooms_form .hotel_room_book_status .total-room-price span {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 766px) {
    .hotel_rooms_form .hotel_room_book_status .total-room-price {
        font-size: 18px
    }
}

.hotel_rooms_form .hotel_room_book_status .row_extra_service {
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px
}

.hotel_rooms_form .hotel_room_book_status .row_extra_service label {
    display: inline-block;
    margin-bottom: 5px
}

.hotel_rooms_form .hotel_room_book_status .row_extra_service .form-group {
    margin-bottom: 0
}

.hotel_rooms_form .hotel_room_book_status .row_extra_service .extra-item {
    margin-bottom: 5px
}

.hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6 {
    position: initial;
    min-height: 70px
}

.hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6:nth-child(2) {
    border-left: solid 1px #ccc
}

@media (max-width: 766px) {
    .hotel_rooms_form .hotel_room_book_status .row_total_price .col-md-6:nth-child(2) {
        border: none;
        min-height: auto
    }
}

.form-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.form-search-checkbox {
    display: flex;
    gap: 25px;
    font-size: 15px;
    font-weight: 500;
}

/**cart**/
.cart-breadcrumbs {
    margin-bottom: 70px;
}

.cart-breadcrumbs ul {
    display: flex;
    justify-content: center;
    gap: 100px;
    list-style: none;
    padding: 0;
}

.cart-breadcrumbs ul li {
    color: #B1B1B1;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: center;
    width: 150px;
}

.cart-breadcrumbs ul li .icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    padding: 5px;
    background: #B1B1B1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-breadcrumbs ul li.active {
    color: var(--primary-color)
}

.cart-breadcrumbs ul li.active .icon {
    background: var(--primary-color);
}

.cart-breadcrumbs ul li.success {
    color: #00B746
}

.cart-breadcrumbs ul li.success .icon {
    background: #00B746;
}

.cart-breadcrumbs ul li:not(:last-child):after {
    content: '\f356';
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 200px;
    font-size: 16px;
}

.cart-breadcrumbs ul li.active:after, .cart-breadcrumbs ul li.success:after {
    color: #B1B1B1;
}

.cart_title {
    color: #1F1F1F;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
}

.cart_bg {
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 10px;
    background: #fff;
    padding: 15px;
}

.cart-form label {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 8px;
}

.cart-form label b {
    color: #ff3333;
}

.cart-form .form-checkout {
    background-color: #E4E4E4;
    color: #000;
    height: 45px !important;
    border-radius: 10px !important;
    border-color: #E4E4E4;
    display: inline-block;
}

.cart-form span.input-group-text.input-phone {
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 10px;
    width: 120px;
}

.cart-form .textarea-checkout {
    background-color: #E4E4E4;
    color: #000;
    border-radius: 10px !important;
    border-color: #E4E4E4;
}

.cart-form .cart_left p {
    margin: 0;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.cart-form .cart_left .label {
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 5px 0;
}

.cart-form p.text-danger {
    margin: 10px 0 0 0;
}

.cart-form .cart_right input.form-control.form-adult {
    width: 50px;
    height: 30px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    border: 0;
}

.cart-form .cart_right .btn-minus-guest, .cart-form .cart_right .btn-plus-guest {
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-form .cart_right button:hover {
    background: var(--primary-color);
    color: #fff;
}

.cart_child .label img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.cart_child .label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px !important;
}

.cart_item {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.cart_item .cart_thumbnail {
    width: 200px;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
}

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

.cart_item .cart_name {
    color: #00072B;
    font-size: 18px;
    font-weight: 700;
    width: calc(100% - 200px);
    padding-left: 15px;
}

.cart_item .cart_content {
    width: calc(100% - 200px);
    padding-left: 15px;
}

.cart_item .cart_content .cart_name {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.cart_item .cart_content p {
    font-size: 14px;
    font-weight: 400;
}

.cart_item .cart_content p img {
    width: 15px;
    margin-right: 4px;
}

.cart_line {
    text-align: center;
    margin: 20px 0;
}

.cart_line img {
    width: 300px;
    object-fit: contain;
}

.cart_summary h4, .cart_other h4 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--primary-color);
    margin: 0 0 20px 0;
}

.cart_summary table, .cart_other table, .cart_coupon table, .cart_total table, .cart_form table {
    width: 100%;
    vertical-align: middle;
}

.cart_summary table tr td, .cart_other table tr td, .cart_coupon table tr td, .cart_total table tr td, .cart_form table tr td {
    padding: 8px;
    font-weight: 400;
    font-size: 15px;
}

.cart_summary table tr td:nth-child(1) {
    width: 200px;
}

.cart_summary table tr td img {
    width: 15px;
    margin-right: 4px;
}

.cart_summary table tr td:nth-child(2) {
    font-weight: 700;
    color: var(--primary-color)
}

.cart_other table tr td:nth-child(2), .cart_coupon table tr td:nth-child(2), .cart_total table tr td:nth-child(2) {
    text-align: right;
}

.cart_summary table tr td:nth-child(1), .cart_other table tr td:nth-child(1), .cart_coupon table tr td:nth-child(1), .cart_total table tr td:nth-child(1), .cart_form table tr td:nth-child(1) {
    padding-left: 0;
}

.cart_form table tr td:nth-child(1) {
    font-weight: 700;
}

.cart_coupon .price-utilities-sale {
    display: flex;
    margin: 10px 0;
    gap: 15px;
    justify-content: end;
}


.cart_coupon .price-utilities-box ins {
    color: #FF383C;
    font-weight: 700;
    text-decoration: unset;
    font-size: 16px;
}

.cart_coupon .price-utilities-box {
    border: 1px dashed #FFD8E1;
    border-radius: 5px;
    padding: 8px;
    display: flex;
    gap: 10px;
    color: #E4E4E4;
    align-items: center;
    font-size: 15px;
}

.cart_coupon .price-utilities-percent {
    background: #FFF6E9;
    padding: 3px 5px;
    border-radius: 5px;
    color: var(--primary-color);
    font-size: 14px;
}


.cart_coupon .price-utilities-regular ins {
    color: #D6001D;
    font-weight: 700;
    text-decoration: unset;
    font-size: 22px;
    margin-left: 5px;
}

.cart_total a {
    color: #1C61AE;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 30px;
}

.cart_total table tr td:nth-child(1) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.cart_total ins {
    color: #C33340;
    font-weight: 700;
    text-decoration: unset;
    font-size: 22px;
}

.cart_form .text-danger {
    font-weight: 700;
    color: #C33340;
}

.cart_checkout {
    text-align: center;
}

.cart_checkout a {
    width: 250px;
    padding: 10px 0;
    font-size: 16px !important;
}

.cart_body {
    position: relative;
}

.cart_order {
    position: sticky;
}

.cart-form h4 {
    font-size: 16px;
    margin-bottom: 20px;
}

.table-gateway tr td {
    padding: 20px 0 !important;
}

.table-gateway tr:not(:last-child) td {
    border-bottom: 1px solid #80C343;
}

.table-gateway .gateway {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: normal;
    font-size: 15px;
}

.table-gateway .gateway img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.cart_flight {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.cart_flight .flight-content {
    text-align: center;
    width: 120px;
}

.cart_flight .flight-center {
    width: 100px;
    display: flex;
    justify-content: center;
}

.cart_flight .flight-center img {
    width: 30px;
}

.cart_flight .flight-content strong {
    color: var(--primary-color);
    font-size: 20px;
}

.cart_flight .flight-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.momo {
    color: #AE2070;
}

.viettel {
    color: #FF0000
}

.vnpay {
    color: #002CD3
}

.master {
    color: #FF6B00
}

input.gateway_form {
    border-color: var(--primary-color);
    width: 20px;
    height: 20px;
    margin: 0;
    float: right;
    padding: 2px !important;
}

input.gateway_form:checked:before {
    width: 14px;
    height: 14px;
    background: var(--primary-color);
    margin: 0 !important;
}

.bank_image {
    text-align: center;
}

.bank_image img {
    width: 220px;
    object-fit: contain;
}

.gateway .cart_desc {
    text-align: center;
    font-size: 15px;
}

.gateway .cart_time {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
    margin: 0 0 10px 0;
}

.gateway-info .gateway-bank {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    gap: 15px;
}

.gateway-info .gateway-bank .name, .bank_info .name {
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

.gateway-info .gateway-bank .label, .bank_info .label {
    color: #9A9A9A;
    font-size: 15px;
    font-weight: 400;
}

.gateway-info .gateway-bank img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.gateway-info table {
    width: 100%;
    vertical-align: middle;
}

.gateway-info table tr td {
    padding: 10px;
    font-weight: 400;
    font-size: 15px;
}

.gateway-info table tr td:nth-child(2) {
    text-align: right;
}

.gateway-info table tr td:nth-child(1) {
    padding-left: 0;
}

.gateway-info table tr td a {
    text-transform: unset;
    font-size: 14px !important;
    font-weight: normal;
}

.gateway-info table tr td .label {
    color: #9A9A9A;
    font-size: 15px;
    font-weight: 400;
}

.gateway-info table tr td .name {
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

.gateway-note {
    font-size: 14px;
    margin: 30px 0 0 0;
}

.thank_title p {
    font-size: 16px;
    font-weight: 400;
}

.thank_title h1 {
    font-size: 28px;
    color: var(--primary-color);
    line-height: 38px;
}

.thank_title {
    text-align: center;
}

.checkout-detail h4 {
    color: var(--primary-color);
    font-size: 18px;
    margin-bottom: 5px;
}

.checkout-detail p {
    margin: 10px 0 0 0;
    font-size: 15px;
    font-weight: 400;
}

.tour_list {
    display: flex;
    flex-flow: wrap;
    border-radius: 20px;
    padding: 15px;
}

.tour_list .tour-thumbnail {
    width: 370px !important;
    border-radius: 20px;
    height: 254px;
}

.tour_list .tour-content {
    width: calc(100% - 370px) !important;
    padding: 0 20px 20px 20px;
}

.tour_list .tour-content .tour-title a {
    font-size: 18px;
    height: unset;
}

.tour_list .tour-content .tour_body {
    width: calc(100% - 150px);
}


.tour_item:hover .tour-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.tour_list .tour-content .tour-footer .tour-price p.regular_price {
    margin: 0 0 10px 0;
}

.tour_list .tour-content .tour-footer .tour-price p.regular_price del {
    color: var(--primary-color);
}

.gallery-flex.tour-gallery {
    flex-flow: column;
}

.gallery-flex.tour-gallery .gallery-small {
    width: 100%;
}

.gallery-large.tour-gallery-large {
    height: 675px;
}

.tour-review h3 {
    color: #31698E;
}

.tour-single h4.entry-title {
    color: #31698E;
    text-transform: uppercase;
}

.tour_bg {
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    border: 1px solid #31698E;
}

.title_line {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #737373;
}

.title_line h4 {
    color: #272E66;
    font-size: 22px;
    margin: 0;
}

table.table-tour-info {
    width: 100%;
}

table.table-tour-info tr td {
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 400;
}

table.table-tour-info tr td:nth-child(1) {
    padding-left: 0;
}

table.table-tour-info tr td img {
    width: 15px;
    margin-right: 4px;
}

table.table-tour-info tr td strong {
    color: #272E66;
}

.tour-single-price {
    text-align: right;
}

.tour-single-price ins {
    color: #C33340;
    font-size: 26px;
    font-weight: 700;
    text-decoration: unset;
}

.tour-single-price p {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
}

.tour-single-price del {
    color: #767676;
    font-size: 16px;
    font-weight: 700;
}

.tour-single-content {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.tour-single-content ul li, .tour-single-content ol li {
    margin: 0 0 10px 0 !important;
    color: #737373
}

div#accordionCalendar .accordion-item {
    border: 0 !important;
    background: transparent;
    margin-bottom: 20px;
}

div#accordionCalendar .accordion-button {
    border: 1px solid #31698E;
    background: #fff;
    border-radius: 20px !important;
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
}

div#accordionCalendar .accordion-button:before {
    content: '';
    width: 23px;
    height: 23px;
    background: var(--primary-color);
    margin-right: 15px;
    border-radius: 50%;
}

div#accordionCalendar .accordion-body {
    padding-left: 55px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

div#accordionCalendar .accordion-body ul li,
div#accordionCalendar .accordion-body ol li {
    margin: 0 0 10px 0 !important;
    color: #737373
}

div#accordionCalendar .accordion-body:before {
    content: '';
    width: 1px;
    height: calc(100% + 1rem);
    border: 1px dashed #2B4B83;
    position: absolute;
    left: 28px;
    top: 0;
}

div#accordionCalendar .accordion-item:last-child > .accordion-body:before {
    display: none !important;
}

.text-blue h3 {
    color: #2B4B83;
}

div#accordionEntry .accordion-button {
    border: 1px solid var(--primary-color);
    background: #fff;
    border-radius: 20px !important;
    padding: 15px;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    box-shadow: 0px 0px 4px 0px #00000040;
}

div#accordionEntry .accordion-item {
    border: 0 !important;
    background: transparent;
    margin-bottom: 20px;
}

div#accordionEntry .accordion-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

div#accordionEntry .accordion-body ul li,
div#accordionEntry .accordion-body ol li {
    margin: 0 0 10px 0 !important;
    color: #737373
}

.tour_tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.tour_tab ul li a {
    color: #00072B;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    border-radius: 99px;
}

.tour_tab ul li.active a {
    background: var(--primary-color);
    color: #fff;
}

.calendar-table {
    width: 100%;
}

.calendar-table tr td {
    padding: 8px;
    font-size: 15px;
}

.calendar-table tr td a {
    font-size: 14px;
    font-weight: 400;
}

.calendar-table tr td del, .calendar-table tr td ins {
    display: block;
}

.calendar-table tr td ins {
    font-weight: 700;
    color: #000;
    text-decoration: unset;
}

.calendar-table tbody tr:nth-child(even) td {
    background: #FAF7F8;
}

.bg_blue {
    background: #F2F8FD;
}

table.table-price {
    vertical-align: middle;
    margin-bottom: 25px;
}

table.table-price tr td {
    padding: 10px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    color: #272E66;
}

table.table-price tr td:nth-child(1) {
    padding-left: 0;
    width: 150px;
}

.tour-coupon a {
    text-transform: unset;
    font-size: 12px;
    padding: 4px 4px;
    font-weight: normal;
    border-radius: 3px;
}

table.table-price select {
    border: 0;
    height: 40px;
}

table.table-price .btn-group {
    background: #fff;
    border: 1px solid #DAE1E7;
    border-radius: 10px;
    height: 35px !important;
}

table.table-price .btn-group button {
    height: 35px !important;
}

table.table-price .btn-group input.form-control.form-adult {
    height: 32px !important;
    width: 50px;
    padding: 0;
    text-align: center;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
}

table.table-price .text-right {
    text-align: right;
}

table.table-price .tour_total {
    font-size: 22px;
}

table.table-price ins {
    color: #C33340;
    font-size: 22px;
    font-weight: 700;
    text-decoration: unset;
}

.bg_blue a.button_store {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
}

.bg_blue a.button_store.button_for_outline {
    background: #fff;
}

.bg_blue p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
}

.cart_flight-address {
    position: relative;
}

.cart_flight-address .cart_flight_line {
    height: 80px;
    position: absolute;
    top: 35px;
    left: 10px;
}

.cart_flight-address .cart_flight_to {
    display: flex;
    gap: 15px;
    position: relative;
}

.cart_flight-address .cart_flight_to:first-child {
    margin-bottom: 40px;
}

.cart_flight-address .cart_flight_to img {
    width: 20px;
}

.cart_flight-address .cart_flight_to label {
    font-size: 14px;
    display: block;
}

.cart_flight-address .cart_flight_to strong {
    font-size: 15px;
}

.cart_flight-address .cart_flight_to label, .cart_flight-address .cart_flight_to strong {
    color: #00072B;
}

.bg_primary {
    background: #FFE8D6;
    border-radius: 20px;
    padding: 20px;
}

.event-abouts h4 {
    font-size: 22px;
    line-height: 30px;
}

.event-abouts p {
    font-size: 15px;
    font-weight: 400;
}

.event-abouts p i {
    color: var(--primary-color)
}

.event-box {
    box-shadow: 0px 0px 1px 1px #00000040;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.event-box:not(:last-child) {
    margin-bottom: 25px;
}

.event-box .event-title {
    color: #444444;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.event-box .event-content {
    text-align: right;
}

.event-box .event-price {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #000;
}

.event-box .event-price ins {
    text-decoration: unset;
    color: #B72020;
    font-size: 16px;
    font-weight: 700;
}

.event-box p {
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #828282;
}

.event-box p strong {
    color: #000;
}

.event-box .button_style {
    background: #FFE8D6;
    border-color: #FFE8D6;
    color: var(--primary-color);
    font-weight: normal;
    text-transform: unset;
}

/**new**/
.post_list {
    display: flex;
    flex-flow: wrap;
}

.post_list .post-thumbnail {
    box-shadow: 0px 0px 4px 0px #00000040;
    width: 280px;
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
}

.post_list .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.post_list:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post_list .post-content {
    width: calc(100% - 280px);
    padding-left: 20px;
}

.post_list .post-content .post-title {
    margin: 10px 0;
}

.post_list .post-content .post-title a {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.post_list .post-content .post-desciption {
    color: #434345;
    font-size: 14px;
    font-weight: 400;
}

.post_list .post-content .post-date {
    margin: 10px 0 0 0;
    font-weight: 400;
    color: var(--primary-color);
    font-size: 14px;
}

.post_list .post-content .cate ul {
    display: flex;
    padding: 0;
    gap: 10px;
    flex-flow: wrap;
}

.post_list .post-content .cate ul li {
    list-style: none;
}

.post_list .post-content .cate ul li a {
    background: var(--primary-color);
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 4px;
    transition: 0.3s ease-in-out;
}

.post_list .post-content .cate ul li a:hover {
    transition: 0.3s ease-in-out;
    border-color: transparent;
    color: var(--primary-color);
    box-shadow: 0px 4px 19.2px 0px rgba(0, 0, 0, 0.09) !important;
    background: #fff !important;
}

.sidebar-title {
    margin: 0 0 20px 0;
}

.sidebar-title h2 {
    color: #1F1F1F;
    font-size: 28px;
    line-height: 34px;
}

.post-widget {
    display: flex;
    flex-flow: wrap;
}

.post-widget .post-widget-thumbnail {
    box-shadow: 0px 0px 4px 0px #00000040;
    width: 135px;
    height: 78px;
    border-radius: 8px;
    overflow: hidden;
}

.post-widget .post-widget-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.post-widget:hover .post-widget img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post-widget .post-widget-content {
    width: calc(100% - 135px);
    padding-left: 20px;
}

.post-widget .post-widget-content .post-widget-title {
    margin-bottom: 10px;
}

.post-widget .post-widget-content .post-widget-title a {
    color: #333333;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
}

.post-widget .post-widget-content .post-widget-title a:hover {
    color: var(--primary-color)
}

.post-widget .post-widget-content .post-widget-date {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
}

.boxRegister {
    background: var(--primary-color);
    padding: 20px;
    border-radius: 10px;
}

.boxRegister h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
}

.boxRegister .form-group {
    margin: 15px 0 0 0;
}

.boxRegister input {
    border: 1px solid #CED4DA;
    border-radius: 5px !important;
}

button.button_style.button_register {
    background: linear-gradient(106.08deg, #FFB756 0%, #FFD600 100%) !important;
    color: #fff;
    border-radius: 5px !important;
    border-color: #fff !important;
    text-transform: unset;
    font-size: 15px;
    font-weight: normal;
}

.post_large {
    background: #fff;
    border-radius: 20px;
}

.post_large .post-thumbnail {
    width: 100%;
    height: 450px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.post_large .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.post_large:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post_large .post-content .post-meta {
    display: flex;
    gap: 20px;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 15px 0;
}

.post_large .post-content {
    padding: 20px;
}

.post_large .post-content .post-title a {
    color: #333333;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
}

.post_large .post-content .post-title a:hover {
    color: var(--primary-color)
}

.post_large .post-content .post-desciption {
    margin: 15px 0 0 0;
    font-size: 14px;
    font-weight: 400;
}

/**single**/
.article-new .header {
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    height: 280px;
    padding: 30px 0;
    display: flex;
    align-items: end;
    position: relative;
}

.article-new .header:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(248, 155, 29, 0) 0%, rgba(248, 155, 29, 0.8) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
}

.article-new .header .header-entry {
    position: absolute;
    z-index: 999;
    padding: 20px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.article-new .header .header-entry h2 {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 38px;
}

.article-new .post-info {
    margin: 0 0 25px 0;
}

.article-new .post-info ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.article-new .post-info ul li {
    font-size: 15px;
    color: #1F1F1F;
    font-weight: 400;
    list-style: none;
}

.article-new .post-content {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.article-new .share {
    font-size: 14px;
    color: #1a2b48
}

.article-new .share .share-item {
    margin-left: 8px;
    margin-right: 8px;
    color: #5e6d77
}

.article-new .space-between {
    margin: 25px 0 0;
}

.post-related {
    margin: 25px 0 0;
}

.post-related h3 {
    color: #00072B;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 25px 0;
}

/**post grid**/

.post_grid .post-thumbnail {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.post_grid .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease-in-out;
}

.post_grid:hover .post-thumbnail img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.post_grid .post-content {
    padding: 20px 0;
}

.post_grid .post-content .post-title a {
    color: #333333;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.post_grid .post-content .post-title a:hover {
    color: var(--primary-color)
}

.post_grid .post-content .post-desciption {
    margin: 15px 0 0 0;
    font-size: 14px;
    font-weight: 400;
}

.post_grid .post-content .post-date {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

/**visa**/
.visa-box {
    background: #fff;
    box-shadow: 0px 0px 5px 0px #00000026;
    border-radius: 16px;
    padding: 25px 25px 0px 0;
}

.visa-box h1.visa-title {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 15px 0;
}

.visa-box .visa-desc {
    font-size: 16px;
    font-weight: 400;
}

.visa-box .input_visa {
    background: #E4E4E4;
    border-color: #E4E4E4;
    border-radius: 10px !important;
    height: 45px !important;
}

.visa-box form.form-visa {
    padding-bottom: 25px;
}

.visa-box form.form-visa label {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px 0;
}

.visa-box form.form-visa .form-group {
    margin-bottom: 20px;
}

.visa-box form.form-visa label b {
    color: var(--primary-color)
}

.visa-box form.form-visa .form-group .input-group select {
    width: 150px;
}

.visa-box form.form-visa span.input-group-text.input-phone {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    background: transparent;
    border: 0;
}

.visa-box form.form-visa .select-visa {
    height: 45px;
    border-radius: 10px;
}

.button_visa {
    width: 100%;
    border-radius: 10px;
    height: 45px;
    font-size: 16px;
}

.visa-text {
    position: relative;
}

.visa-background img {
    width: 80%;
    left: 0;
    border-radius: 0 0 0 20px;
}

.visa-note {
    background: #FFF6E9;
    box-shadow: 0px 0px 5px 0px #00000026;
    border-radius: 16px;
    margin: 30px 0 0 0;
    padding: 25px;
}

.visa-note h3 {
    font-size: 25px;
    line-height: 32px;
    color: #000;
    margin: 0 0 20px 0;
}

.visa-note {
    font-weight: 400;
    font-size: 16px;
}

.visa-note ol, .visa-note ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 20px;
    padding-left: 0;
    gap: 15px;
}

.visa-note ol li, .visa-note ul li {
    width: calc(50% - 20px);
}

/*about*/
.abouts .about-banner img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.abouts .about-body {
    margin: 0 0 25px 0;
}

.abouts .about-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.abouts .about-body h1 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 15px 0;
}

.abouts .about-link {
    box-shadow: 0px 0px 5px 0px #00000026;
    border-radius: 16px;
    background: #fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.abouts .about-link a {
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    color: var(--primary-color);
    font-size: 16px;
    line-height: 24px;
}

.abouts .about-link a:not(:last-child) {
    border-bottom: 1px solid #E8E8E8;
}

.abouts .about-link a:hover {
    background: #FFE8D6;
    color: var(--primary-color);
    border-color: #FFE8D6;
}

.service-item2 {
    width: 100%;
    box-shadow: 0px 3.36px 3.36px 0px #00000040;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    height: 270px;
}

.service-item2:after {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.service-item2 a {
    width: 100%;
    height: 100%;
}

.service-item2 h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    text-shadow: 1px 1px #00000040;
    z-index: 9;
}

.service-item2 .service-thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.service-item2 .service-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-vision {
    background: var(--primary-color);
    border-radius: 16px;
    padding: 25px;
}

.box-vision .vision-item {
    display: flex;
    flex-flow: wrap;
    padding-right: 20px;
}

.box-vision .vision-item .vision-content {
    color: #fff;
    width: calc(100% - 200px);
    padding-left: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.box-vision .vision-item h4 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-size: 24px;
    line-height: 34px;
    width: 200px;
    text-align: center;
}

.col-border .vision-item {
    border-left: 1px solid #fff;
}

.partner-item {
    width: 100%;
    height: 120px;
    background: #fff;
    overflow: hidden;
}

.partner-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.col-c-6 {
    flex: 0 0 auto;
    width: calc(100% / 6) !important;
}

.bg-partner {
    width: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
}

.prize-item {
    width: 100%;
    height: 220px;
    background: #fff;
    border-radius: 16px;
    padding: 10px;
    overflow: hidden;
}

.prize-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*contact*/
.contact-info .contact-logo img {
    width: 200px;
}

.contact-info .contact-company {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.contact-info .contact-address {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.contact-info .contact-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
    margin: 0 0 10px 0;
}

.contact-info .contact-body p a {
    color: #000;
}

.contact-info .contact-body p a:hover {
    color: var(--primary-color)
}

.contact-info .contact-iframe iframe {
    border-radius: 20px !important;
}

.contact-form {
    border-top: 1px solid #DBDDE0;
    padding-top: 25px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form .input_contact {
    border-color: #E0E0E0;
    border-radius: 8px !important;
    height: 45px !important;
}

.contact-form .textarea_contact {
    border-color: #E0E0E0;
    border-radius: 8px !important;
    height: 220px;
}

.contact-form button.submit.btn.btn-primary {
    background: var(--primary-color);
    border-radius: 8px !important;
    text-transform: unset !important;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    border-color: var(--primary-color);
    padding: 0;
    width: 200px;
}

.contact-form button .fa {
    display: none;
}

/*Form*/
.flight-search {
    background-size: cover !important;
    padding: 120px 0;
    background-position: top center !important;
}

.flight-search .flight-search-hero h1 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 20px 0;
}

.flight-search .flight-search-hero form.form.vne_form {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
}

div#accordionFlight .accordion-item {
    border: 0 !important;
    background: transparent;
    margin-bottom: 20px;
}

div#accordionFlight .accordion-button {
    border-bottom: 1px solid #111;
    padding: 15px 15px 15px 0;
    font-weight: 700;
    font-size: 15px;
    text-transform: unset;
    color: #000;
    background: transparent;
}

div#accordionFlight .accordion-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

div#accordionFlight .accordion-body ul li,
div#accordionFlight .accordion-body ol li {
    margin: 0 0 10px 0 !important;
    color: #737373
}

@media (max-width: 990px) {
    .bg-partner {
        width: 100%;
        padding: 10px;
    }

    .col-c-6 {
        flex: 0 0 auto;
        width: calc(100% / 2) !important;
    }

    .service-item {
        height: 170px;
    }

    .service-item h4 {
        padding: 10px;
        font-size: 15px;
        line-height: 22px;
    }

    .col-border .vision-item {
        border-left: unset;
    }

    .box-vision .vision-item {
        display: block;
        padding: 0;
    }

    .box-vision .vision-item h4 {
        width: 100%;
        margin-bottom: 20px;
    }

    .box-vision .vision-item .vision-content {
        width: 100%;
    }

    .tour_list .tour-thumbnail, .tour_item .tour-thumbnail {
        width: 100% !important;
        aspect-ratio: 4/3;
        height: unset;
        border-radius: 10px 10px 0 0;
    }

    .tour_list .tour-content {
        width: 100% !important;
        padding: 20px 0;
        display: block !important;
    }

    .hotel_list .hotel-content .hotel-price {
        width: 100% !important;
        height: unset;
        display: block;
        align-items: end;
        justify-content: end;
    }

    .event-box {
        gap: 15px;
        flex-flow: column;
    }

    .event-box .event-content {
        text-align: left;
    }

    .hotel-gallery .gallery-large {
        width: 100%;
        height: 240px;
    }

    .hotel-gallery .gallery-small {
        height: 140px;
    }

    header#header-single .header-flex {
        align-items: start;
        flex-flow: column;
        gap: 20px;
    }

    .breadcrumb ul {
        display: inline-block;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .breadcrumb ul li {
        display: inline-block;
        width: auto;
    }

    .breadcrumb ul li:not(:first-child) {
        margin-left: 20px !important;
    }

    .breadcrumb ul::-webkit-scrollbar {
        height: 0;
    }

    header#header-single h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .hotel-attribute .location-map {
        margin-bottom: 25px;
    }

    .hotel-ulitis ul {
        gap: 0px 10px;
        flex-flow: wrap;
    }

    .row.form-search-row {
        gap: 10px;
    }

    .form-search-checkbox {
        gap: 10px;
        flex-flow: wrap;
    }

    .hotel-room .room-gallery {
        border-right: 0;
        padding: 0;
        height: unset;
    }

    .hotel-room .room-thumbnail button.owl-prev {
        left: 15px !important;
    }

    .hotel-room .room-thumbnail button.owl-next {
        right: 15px !important;
    }

    .hotel-room .room-info {
        padding: 20px 0;
        border-width: 1px 0 1px 0;
        border-style: solid;
        margin: 20px 0;
        border-color: #E4E4E4;
    }

    .hotel-room .room-list-utilities {
        padding-left: 0;
        border-left: 0;
        margin-left: 0;
        height: 100%;
    }

    .hotel-room .room-list-utilities .room-price-utilities .price-utilities-sale {
        align-items: start;
        flex-flow: column;
    }

    .hotel-room {
        padding: 10px;
    }

    .post_large {
        background: transparent;
        border-radius: 0px;
    }

    .post_large .post-thumbnail, .post_list .post-thumbnail {
        overflow: hidden;
        box-shadow: 0px 0px 4px 0px #00000040;
        width: 100%;
        height: 240px;
        border-radius: 8px;
    }

    .post_list .post-content {
        width: 100%;
        padding: 20px 0;
    }

    .post_large .post-content {
        padding: 20px 0;
    }

    .post_large .post-content .post-meta {
        margin-bottom: 10px;
    }

    .post_large .post-content .post-desciption {
        margin-top: 10px;
    }

    .post_large .post-content .post-title a {
        color: var(--primary-color);
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
    }
}

.vne_wrap .vne_header .bc-menu-mobile {
    width: 300px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    transform: translate(-105%);
    transition: all .3s;
    z-index: 999;
    border-right: solid 1px #1a2b48
}

@media (max-width: 1023px) {
    .vne_wrap .vne_header .bc-menu-mobile {
        display: block !important
    }
}

.vne_wrap .vne_header .bc-menu-mobile.active {
    transform: translate(0)
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile {
    border-bottom: solid 1px #e6e6e6
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile .b-close {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 11;
    color: #fff;
    font-size: 34px;
    cursor: pointer;
    line-height: 40px
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile .avatar {
    background: #1a2b48;
    color: #fff;
    text-align: center;
    padding: 20px 0
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile .avatar i {
    font-size: 34px;
    border: solid 2px #fff;
    border-radius: 50%;
    padding: 15px 17px;
    display: inline-block
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile .avatar img {
    max-width: 80px;
    border-radius: 50%
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul {
    padding: 20px;
    list-style: none
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul li {
    margin-bottom: 10px
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul li a {
    color: #1a2b48;
    text-decoration: none
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul li a i {
    min-width: 15px;
    display: inline-block
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul li:last-child {
    margin-bottom: 0
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang {
    padding: 0
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li {
    padding: 15px 20px;
    border-top: solid 1px #e6e6e6
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li a i {
    float: right;
    position: relative;
    top: 2px;
    text-align: center
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li a i:before {
    content: ""
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li.show > a i:before {
    content: ""
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu {
    position: relative !important;
    width: 100%;
    float: none;
    border: none;
    margin: 10px 0 0;
    padding: 0 0 0 15px;
    transform: none !important
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu li a {
    font-size: 14px
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang > li .dropdown-menu li a:before {
    content: "";
    font: 14px/1 FontAwesome;
    padding-right: 5px;
    color: #383838
}

.vne_wrap .vne_header .bc-menu-mobile .user-profile ul.multi-lang .flag-icon-jp {
    border: solid 1px #adadad
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu {
    overflow-x: scroll;
    width: 100%
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul {
    padding: 10px 20px;
    list-style: none
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li a {
    color: #1a2b48;
    border-bottom: solid 1px #e6e6e6;
    display: block;
    transition: all .3s;
    text-decoration: none;
    padding: 10px 0
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li a .caret {
    float: right;
    padding: 8px 15px 9px;
    margin-top: -5px;
    margin-right: -10px
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li a .caret:before {
    content: ""
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li a:hover {
    border-bottom: solid 1px #1a2b48
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li > .children-menu {
    display: none;
    list-style: none
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li > .children-menu li a {
    padding-left: 15px
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li > .children-menu li > .children-menu {
    display: none;
    list-style: none
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li > .children-menu li > .children-menu li a {
    padding-left: 30px
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li.active > a {
    border-bottom: dashed 1px #1a2b48
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li.active > a > .caret:before {
    content: ""
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li.active > .children-menu {
    display: block
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li.active > .children-menu > li.active > .children-menu {
    display: block
}

.vne_wrap .vne_header .bc-menu-mobile .g-menu > ul > li.active > .children-menu > li.active > a > .caret:before {
    content: ""
}

.vne_wrap .vne_header.is_sticky {
    bottom: auto;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    transition: all .3s
}

/**event**/
input[type=checkbox]:checked:before {
    font-family: "Font Awesome 6 Pro" !important;
}

.irs--flat .irs-bar {
    background: var(--primary-color) !important;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background: var(--primary-color) !important;
}

.vne_footer .footer-company {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 20px 0;
}

.vne_footer .footer-address {
    margin: 0 0 20px 0;
}

.vne_footer .footer-address p {
    margin: 0 0 10px 0;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.vne_footer .footer-contact p {
    margin: 0 0 10px 0;
}

.vne_footer .footer-contact p, .footer-contact a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.vne_footer .col-lg-6.col-md-6 {
    width: 40%;
}

.vne_footer .col-lg-3.col-md-6 {
    width: 30%;
}

.vne_footer .footer-social {
    margin: 20px 0 0 0;
}

.vne_footer .footer-social .list-social {
    display: flex;
}

.vne_footer .footer-social a {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vne_footer .footer-social a.search {
    background: #fff;
    color: #FF3D6B;
    border-radius: 8px 0 0 8px
}

.vne_footer .footer-social a.youtube {
    background: #FF0000;
    color: #fff;
}

.vne_footer .footer-social a.facebook {
    background: #1D499F;
    color: #fff;
}

.vne_footer .footer-social a.tiktok {
    background: #000000;
    color: #fff;
    border-radius: 0 8px 8px 0;
}

li.login-item:not(.dropdown) a {
    width: 100%;
    border-radius: 5px;
    background: var(--primary-color);
    border: none;
    font-weight: 500 !important;
    cursor: pointer;
    padding: 9px 12px;
    color: #fff !important;
    font-size: 15px !important;
    text-transform: unset;
    border-color: var(--primary-color) !important;
}

li.signup-item {
    padding: 0 !important;
}

li.signup-item a {
    width: 100%;
    border-radius: 5px;
    background: #F4F4F4 !important;
    border: 1px solid var(--primary-color) !important;
    font-weight: 500 !important;
    cursor: pointer;
    padding: 9px 12px;
    color: var(--primary-color) !important;
    font-size: 15px !important;
    text-transform: unset;
    border-color: var(--primary-color) !important;
}

.date_group {
    box-shadow: 0px 0px 3px 0px #00000040;
    border-radius: 99px !important;
    height: unset;
    padding: 9px 12px;
    font-size: 16px;
    background-color: #fff;
    display: flex;
    gap: 10px;
    font-weight: 400;
}

.hidden {
    display: none;
}

.hotel-register p {
    font-size: 16px;
    margin: 0;
    color: #fff;
    line-height: 24px;
}

.hotel-register h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    color: #fff;
}

.hotel-register {
    background: var(--primary-color);
    border-radius: 8px;
    padding: 20px 40px;
}

.hotel-register .form-position {
    position: relative;
}

.hotel-register .form-position input {
    height: 51px;
    border-radius: 5px !important;
    border: 0 !important;
    padding-left: 40px;
}

.hotel-register .form-position button.btn.btn-send {
    background: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    color: #fff;
    height: 40px;
    width: 40px;
}

.hotel-register .form-position i.form-i {
    color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

@media only screen and (max-width: 768px) {
    .hotel-register {
        padding: 20px;
    }

    .hotel-register p {
        margin-bottom: 20px;
    }

    .vne_footer .col-lg-6.col-md-6 {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .vne_footer .col-lg-3.col-md-6 {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .vne_wrap .vne_form .form-group {
        margin-bottom: 20px;
    }
}

.event-add-to-cart {
    color: var(--primary-color);
}

.page404-img {
    margin: 0 0 30px 0;
}

.page404-img img {
    width: 100%;
}
