.flatpickr-calendar .hidden{
    display: unset!important;
}
.form-control,body {
    /* font-family: Roboto,sans-serif */
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1.5rem;
    line-height: initial
}

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

.color-primary {
    color: #d82727
}

a.color-primary:hover,button.color-primary:hover {
    color: #FF911E
}

a.color-highlight:hover,button.color-highlight:hover {
    color: #d82727
}

.color-highlight {
    color: #FF911E!important
}

.background-primary {
    background: #d82727
}

.background-highlight {
    background: #FF911E
}

.font-weight-500 {
    font-weight: 500
}

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

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

.font-size-12px {
    font-size: 12px!important
}

.p-15px {
    padding: 15px
}

.list-style-none {
    list-style: none
}

body {
    font-size: 14px
}

.required {
    font-weight: 700;
    color: red
}

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

a {
    transition: all .3s ease
}

a:hover {
    text-decoration: none;
    color: #FF911E
}

.header {
    border-bottom: 1px solid #b7c5ce
}

.header .country-select {
    margin-left: 15px
}

.header .country-select .flag.vn {
    background: url(../images/vn.png) center center no-repeat;
    background-position: initial!important;
    background-size: contain;
    width: 22px;
    border: 0;
    box-shadow: none
}

.header .country-select .country-list {
    width: 120px!important;
    overflow: hidden;
    border: 0;
    font-size: 12px;
    top: 30px;
    border-radius: 4px;
    left: -6px
}

.header .country-select.inside input,.header .country-select.inside input[type=text] {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 85px;
    padding-left: 30px!important;
    font-size: 12px;
    padding-right: 0!important;
    text-align: right
}

.footer,.footer .footer-bottom {
    border-top: 1px solid #b7c5ce
}

.header .country-select.inside .selected-flag {
    width: 100%;
    padding: 0
}

.header .country-select.inside .selected-flag .arrow {
    display: none
}

.header .country-select.inside .flag-dropdown {
    right: 0;
    cursor: pointer!important
}

.header .flex-1 {
    flex: 1
}

.footer {
    background: #F9F9F9
}

.footer .title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px
}

.footer a {
    color: #000
}

.footer a:hover {
    color: #d82727
}

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

.footer ul li {
    margin-bottom: 12px
}

.footer .footer-links ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.lbl-checkbox,.modal.show {
    display: block
}

.footer .footer-links.col-md-6 li {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 15px;
    padding-right: 15px
}

.footer .footer-links.col-md-2 li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.footer .dathongbao,.footer .logo-footer {
    filter: grayscale(100%)
}

.footer .logo-footer {
    height: 60px
}

.footer .dathongbao {
    height: 48px
}

@media (max-width: 576px) {
    .footer .footer-links-about-us {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.footer .footer-links-about-us ul li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.footer .follow-us img {
    filter: grayscale(1)
}

.highlight {
    color: #FF911E
}

.pagination .page-item {
    margin: 0 5px
}

.pagination .page-item .page-link {
    border-radius: 4px;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 34px
}

.pagination .page-item .page-link i.mdi {
    font-size: 24px
}

.pagination .page-item.active .page-link {
    background-color: #d82727;
    border-color: #d82727
}

.form-control,.modal .modal-header,.vs__dropdown-menu,.vs__dropdown-toggle {
    border-color: #b7c5ce
}

.form-control {
    border-radius: 0;
    font-size: 14px;
    color: #000;
    height: 40px
}

select.form-control {
    background: #fff
}

.vs__dropdown-toggle {
    border-radius: 5px;
    height: 40px;
    padding-bottom: 0
}

.vs__dropdown-toggle .vs__selected-options {
    padding-left: 5px
}

.vs__dropdown-toggle .vs__open-indicator {
    fill: #999;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.vs--open .vs__dropdown-toggle .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(.75);
    transform: rotate(180deg) scale(.75)
}

.vs__dropdown-menu {
    min-width: 120px
}

.vs__dropdown-menu .vs__dropdown-option {
    padding: 7px 15px;
    font-weight: 500
}

.vs__dropdown-menu .vs__dropdown-option--highlight {
    background: #d82727
}

.btn-primary,.btn-secondary {
    padding: 12px 24px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    line-height: initial;
    vertical-align: middle;
    border-radius: 8px
}

@media (max-width: 576px) {
    .footer .follow-us {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .btn-primary,.btn-secondary {
        padding: 8px 16px
    }
}

.btn-primary:focus,.btn-secondary:focus {
    outline: 0;
    box-shadow: none
}

.no-data-found img {
    width: 120px
}

.back-home {
    background: #0796ff;
    color: #fff
}

.back-home i {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle
}

.back-home:hover {
    background: #FF911E;
    color: #fff
}

body.has-modal {
    overflow: hidden
}

body.has-modal .modal {
    overflow-x: hidden;
    overflow-y: auto
}

body.has-modal .modal::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.65)
}

.modal .modal-header h3 {
    margin: 0;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400
}

.nav-tabs {
    border: 0
}

.nav-tabs .nav-link {
    border: 0;
    padding: 10px 0;
    text-transform: uppercase;
    margin-right: 30px;
    border-radius: 0;
    color: #d82727;
    border-bottom: 3px solid transparent
}

.nav-tabs .nav-link:hover {
    color: #FF911E
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 3px solid #d82727;
    color: #d82727
}

.nav-tabs .nav-item.show .nav-link:hover,.nav-tabs .nav-link.active:hover {
    color: #d82727
}

.flatpickr-months .flatpickr-month {
    margin-bottom: 10px;
    margin-top: 10px
}

.flatpickr-months .flatpickr-month span.cur-month {
    font-weight: 400;
    color: #d82727
}

.flatpickr-months .flatpickr-month .numInputWrapper:hover,.flatpickr-months .flatpickr-month span.cur-month:hover {
    background: 0 0
}

.flatpickr-months .flatpickr-month input.cur-year {
    color: #d82727
}

.flatpickr-months .flatpickr-month .flatpickr-next-month,.flatpickr-months .flatpickr-month .flatpickr-prev-month {
    top: 6px;
    height: inherit
}

.flatpickr-months span.flatpickr-weekday {
    font-weight: 500
}

.lbl-checkbox {
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
    cursor: pointer;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lbl-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.lbl-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #ddd;
    border-radius: 3px
}

.lbl-checkbox input:checked~.checkmark,.lbl-checkbox:hover input[type=checkbox]~.checkmark {
    background-color: #fff
}

.lbl-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #d82727;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lbl-checkbox input:checked~.checkmark:after {
    display: block
}

.radio {
    margin: 0 0 15px;
    position: relative;
    padding-left: 24px
}

.main-nav,.main-nav .navbar-brand {
    padding: 0
}

.radio .radio-label {
    display: block;
    margin-bottom: 3px
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.radio input[type=radio]~.radio-label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #aaa;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all .3s ease
}

.radio input[type=radio]:checked~.radio-label:before {
    background-color: #FF911E;
    box-shadow: inset 0 0 0 4px #fff
}

.radio input[type=radio]:focus~.radio-label:before {
    outline: 0;
    border-color: #FF911E
}

.radio input[type=radio]:disabled~.radio-label:before {
    box-shadow: inset 0 0 0 4px #d82727;
    border-color: #043165;
    background: #043165
}

.radio input[type=radio]~.radio-label:empty:before {
    margin-right: 0
}

.main-nav {
    background: #fff;
    border: 0;
    border-radius: 0
}

.main-nav .navbar-brand img {
    margin: 12px 30px 12px 0
}

.main-nav .navbar-brand:focus {
    outline: 0
}

.main-nav .navbar-nav .nav-link {
    display: block;
    padding: 0 16px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 70px
}

.main-nav .navbar-nav .nav-link:hover {
    color: #FF911E
}

.main-nav .navbar-nav .dropdown-toggle::after {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\f0140";
    vertical-align: middle;
    color: #848484;
    font-size: 18px;
    border: 0;
    margin-left: 0
}

.main-nav .navbar-nav .dropdown-menu .dropdown-item {
    list-style: none;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    padding: 13px 16px
}

.main-nav .navbar-nav .dropdown-menu .dropdown-item:hover {
    background: 0 0;
    color: #FF911E
}

.main-nav .dropdown-menu {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 0 0 6px 6px;
    min-width: 230px;
    margin-top: 0;
    border: 1px solid #b7c5ce
}

.main-nav .drop-support .dropdown-menu:after,.main-nav .drop-support .dropdown-menu:before {
    right: 30px
}

.main-nav .nav-right {
    align-items: center
}

@media (max-width: 576px) {
    .main-nav .nav-right {
        padding-right:15px
    }
}

.main-nav .nav-right .nav-link {
    font-size: 12px;
    font-weight: 400
}

.main-nav .nav-right .dropdown-toggle::after {
    display: none
}

.main-nav .nav-right .dropdown-menu {
    padding: 20px 15px;
    font-size: inherit;
    min-width: 240px
}

.main-nav .nav-right .ic-flag {
    vertical-align: middle;
    width: 29px;
    height: 18px;
    display: inline-block;
    margin-right: 7px;
    margin-top: -1px
}

.main-nav .nav-right .flag-vi {
    background: url(../images/vn.png) center center no-repeat;
    background-size: contain
}

.main-nav .nav-right .d-flex {
    align-items: center
}

.main-nav .nav-right .drop-account .btn-primary {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff!important
}

.main-nav .nav-right .drop-account .nav-link {
    position: relative;
    font-size: 14px;
    color: #fff
}

.main-nav .nav-right .drop-account .nav-link:before {
    content: "";
    line-height: 30px;
    padding: 0 15px;
    background-color: #d82727;
    border-radius: 4px;
    display: block;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    position: absolute;
    z-index: 0
}

.main-nav .nav-right .drop-account .nav-link .text {
    position: relative;
    z-index: 1
}

.main-nav .nav-right .drop-account .nav-link:hover:before {
    background: #FF911E
}

.main-nav .nav-right .drop-account .dropdown-menu .accountLogin {
    background: #d82727;
    border-color: #d82727
}

.main-nav .nav-right .drop-account .dropdown-menu .accountLogin:hover {
    background: #FF911E!important;
    border-color: #FF911E
}

.main-nav .nav-right .drop-account .dropdown-menu li a {
    color: #333
}

.main-nav .nav-right .drop-account .dropdown-menu li a:hover {
    text-decoration: underline;
    background: 0 0!important
}

.main-nav .nav-right .drop-account .operator-booking .btn-primary {
    background: #FF911E;
    border-color: #FF911E;
    color: #fff!important
}

.main-nav .nav-right .drop-account .operator-booking .btn-primary:hover {
    background: #FF911E!important;
    border-color: #FF911E;
    text-decoration: underline
}

.main-nav .nav-right #aUserInfo {
    padding: 0 15px;
    background-color: #d82727;
    border-radius: 4px;
    border: 0;
    line-height: 30px;
    color: #fff;
    text-transform: capitalize
}

.main-nav .nav-right .drop-support .phone-label {
    color: #555;
    font-size: 13px
}

.main-nav .nav-right .drop-support .phone-num {
    font-size: 24px;
    margin: 7px 0;
    font-weight: 500;
    line-height: initial
}

.main-nav .nav-right .link-mobile .mdi-cellphone-android {
    font-size: 24px;
    padding-top: 1px;
    display: block;
    color: #607D8B
}

.breadcrumb li .active i,.images-gallery .flex-control-paging {
    display: none
}

.main-nav .nav-right .dropdown-menu:before {
    content: "";
    border: 11px solid transparent;
    border-bottom-color: #b7c5ce;
    position: absolute;
    top: -22px;
    right: 36px
}

.main-nav .nav-right .dropdown-menu:after {
    content: "";
    border: 11px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -21px;
    right: 36px
}

.images-gallery .flex-direction-nav .flex-next,.images-gallery .flexslider:hover .flex-direction-nav .flex-next {
    right: 15px
}

.breadcrumb {
    font-size: 13px
}

.breadcrumb li:last-child {
    margin-right: 0!important
}

.breadcrumb li a {
    color: #999
}

.breadcrumb li a:hover {
    color: #d82727
}

.breadcrumb li .active,.breadcrumb li .active:hover {
    color: #333
}

.images-gallery .flex-direction-nav .flex-prev {
    left: 15px
}

.images-gallery .flexslider:hover .flex-direction-nav .flex-prev {
    left: 15px
}

.flexslider .slides {
    display: flex;
    align-items: center
}

.error-message {
    color: red;
    display: block;
    margin-top: 7px
}

.alert.alert-warning.error {
    color: red
}

figure.caption {
    margin: 0 0 1.5rem
}

figure.caption figcaption {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin-top: 10px
}

.detail img {
    width: initial!important;
    height: initial!important
}

.swal-modal .swal-text,.swal-modal .swal-title {
    color: #000;
    text-shadow: none;
    outline: 0;
    text-align: center;
    padding: 0 48px
}

.swal-modal .swal-button--confirm {
    background: #d82727
}

.swal-modal .swal-button--confirm:hover {
    background: #FF911E
}

.swal-modal .swal-text {
    line-height: 1.4;
    display: block;
    max-width: 100%
}

.swal-modal .swal-footer {
    text-align: center
}

.swal-overlay--show-modal .swal-modal {
    will-change: inherit
}

.swal-icon--error__line {
    background: red
}

.swal-icon--error {
    border-color: red
}

.error_content {
    background: #fff;
    text-align: center;
    padding: 30px
}

.error_content h1 {
    font-size: 27px
}

.error_content .back-home {
    font-weight: 700;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    font-size: 18px;
    border-radius: 5px;
    background: #FF911E
}

.error_content .back-home:hover {
    background: #d82727
}

.vld-overlay.is-full-page {
    z-index: 9999!important
}

.seo-onpage {
    background: #fff;
    padding: 15px
}

.seo-onpage.expanded .content {
    max-height: inherit
}

.seo-onpage.expanded .content:after {
    visibility: hidden
}

.seo-onpage .content {
    overflow-y: hidden;
    transition: max-height .7s linear;
    max-height: 400px;
    position: relative
}

.seo-onpage .content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background-image: linear-gradient(rgba(255,255,255,.1),#fff)
}

.seo-onpage .button {
    height: 40px;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
    display: block;
    margin: 15px auto 0;
    border: 0;
    background: #0796ff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.popup-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 810;
    opacity: 0;
    transition: .3s ease
}

.popup-card.show {
    opacity: 1
}

.popup-card .popup-card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    cursor: pointer
}

.popup-card .size_full {
    height: 96vh;
    width: 96vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100vh;
    max-width: 90vw;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 576px) {
    .popup-card .size_full {
        height:100vh;
        width: 100vw;
        max-width: 100vw;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: initial
    }
}

.popup-card .size_full .iframe {
    opacity: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px
}

@media (max-width: 576px) {
    .popup-card .size_full .iframe {
        border-radius:0
    }

    body.show-popup {
        overflow: hidden
    }
}

.popup-card .popup-card__close {
    position: absolute;
    top: 1vh;
    right: 2vw;
    z-index: 99;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 20px;
    background: rgba(255,255,255,.65);
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.08)
}

.popup-card .popup-card__close .popup-card__close-burger {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    transition: .5s ease;
    color: #000
}

.popup-card .popup-card__close .popup-card__close-burger:after,.popup-card .popup-card__close .popup-card__close-burger:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    border-top: 2px solid;
    top: 50%;
    left: 50%
}

.popup-card .popup-card__close .popup-card__close-burger:before {
    transform: translate(-50%,-50%) rotate(40deg)
}

.popup-card .popup-card__close .popup-card__close-burger:after {
    transform: translate(-50%,-50%) rotate(-40deg)
}