@import url(fonts/iconfont/iconfont.css);

:root {
    --yellow: #e0ad1f;
    --orange: #FF5B00;
    --green: #00A86B;
    --blue: #076DB6;
    --white: #fff;
    --prink: #ff0063;
    --purple: #7e6fda;
    --colormain: #FF5B00;
    --white: #fff;
    --dark: #282B3E;
    --gray600: #495261;
    --gray500: #505565;
    --gray10: #FBFBFB;
    --bg-detail: #FCFAF6;
    --bg-agray: #f7f7f7;
    --bg-agray1: #E5E5E5;
    --bg-agray2: #F6F7FB;
    --font1: 'SF Pro Display';
    --blue700: #00234B;
    --blue600: #1C2F6E;
    --blue500: #274C98;
    --gray200: #D2D7E1;
    --gray100: #E3E7EF;
    --gray50: #F3F5F8;
    --border: #D2D7E1
}

.flex {
    display: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

    .flex .col-50 {
        width: 50%
    }

.flexbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.no-flexbox {
    display: inherit
}

.radius0 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.radius3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.radius6 {
    border-radius: 6px
}

.radius10, .login-popup, .login-popup .form .btn {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.radius50 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box
}

body {
    margin: 0 auto;
    color: #00264D;
    font-family: var(--font1);
    font-size: 14px;
    line-height: 1.5
}

    body::-webkit-scrollbar {
        width: 6px;
        background-color: #fff
    }

    body::-webkit-scrollbar-thumb {
        background-color: #222
    }

    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #fff
    }

.container {
    position: relative
}

.max-container {
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 15px
}

ul, li {
    list-style-type: none
}

    ul.dotted {
        padding-left: 20px
    }

        ul.dotted li {
            list-style-type: disc;
            margin-bottom: 3px
        }

            ul.dotted li .des {
                margin-left: -20px
            }

.icon-svg, .fa {
    width: 16px;
    height: 16px;
    font-size: 16px;
    fill: currentColor;
    vertical-align: middle
}

    .icon-svg.min, .fa.min {
        width: 12px;
        height: 12px;
        font-size: 12px;
        margin: -2px 0 0 0
    }

img {
    border: 0px;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
    vertical-align: middle
}

a {
    color: #00264D
}

    a:hover {
        text-decoration: none;
        color: var(--orange)
    }

.hidden {
    display: none !important
}

.clearfix {
    clear: both
}

    .clearfix::after {
        content: "";
        display: table
    }

u {
    font-weight: 400
}

.underline {
    text-decoration: underline
}

.uppercase {
    text-transform: uppercase
}

.regular {
    font-weight: 400
}

.medium {
    font-weight: 600
}

.bold {
    font-weight: bold
}

.txt_10 {
    font-size: 10px
}

.txt_12 {
    font-size: 12px
}

.txt_13 {
    font-size: 13px
}

.txt_14 {
    font-size: 14px !important
}

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

.txt_18 {
    font-size: 18px
}

.txt_20 {
    font-size: 20px !important
}

.txt_22 {
    font-size: 22px !important
}

.txt_24 {
    font-size: 24px !important
}

.txt_28 {
    font-size: 28px !important
}

.txt_32 {
    font-size: 32px !important
}

.txt_36 {
    font-size: 36px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px !important
}

.mb48 {
    margin-bottom: 48px
}

@media (max-width: 991px) {
    .mb48 {
        margin-bottom: 30px
    }
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb80 {
    margin-bottom: 80px
}

.mt0 {
    margin-top: 0px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt8 {
    margin-top: 8px !important
}

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

.mt12 {
    margin-top: 12px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt16 {
    margin-top: 16px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt24 {
    margin-top: 24px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt60 {
    margin-top: 60px !important
}

.pd-10 {
    padding: 10px
}

.pd-12 {
    padding: 12px
}

.pd-16 {
    padding: 16px
}

.pd-20 {
    padding: 20px
}

@media (max-width: 991px) {
    .pd-20 {
        padding: 15px
    }
}

.pd-24 {
    padding: 24px
}

@media (max-width: 991px) {
    .pd-24 {
        padding: 15px
    }
}

.pl-10 {
    padding-left: 10px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-10 {
    padding-right: 10px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.center {
    text-align: center
}

.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end
}

.radius5 {
    border-radius: 5px
}

.radius8 {
    border-radius: 8px
}

.radius10, .login-popup, .login-popup .form .btn {
    border-radius: 10px !important
}

.radius20 {
    border-radius: 20px
}

.radius50 {
    border-radius: 50%
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #F1F5F9 !important
}

.bg-gray1 {
    background: #E3EBF3 !important
}

.price span {
    font-weight: 400;
    border-bottom: 1px solid;
    line-height: 1;
    display: inline-block
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pointer {
    cursor: pointer
}

@media (max-width: 991px) {
    .nav-scroll {
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

.row_min {
    margin: 0 -5px
}

    .row_min [class*='col-'] {
        padding: 0 5px
    }

.form-control:focus {
    box-shadow: none
}

@font-face {
    font-family: 'SF Pro Display';
    src: url("fonts/SFProDisplay/SFProDisplay-Regular.eot");
    src: url("fonts/SFProDisplay/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/SFProDisplay/SFProDisplay-Regular.woff2") format("woff2"),url("fonts/SFProDisplay/SFProDisplay-Regular.woff") format("woff"),url("fonts/SFProDisplay/SFProDisplay-Regular.ttf") format("truetype"),url("fonts/SFProDisplay/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url("fonts/SFProDisplay/SFProDisplay-Medium.eot");
    src: url("fonts/SFProDisplay/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"),url("fonts/SFProDisplay/SFProDisplay-Medium.woff2") format("woff2"),url("fonts/SFProDisplay/SFProDisplay-Medium.woff") format("woff"),url("fonts/SFProDisplay/SFProDisplay-Medium.ttf") format("truetype"),url("fonts/SFProDisplay/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url("fonts/SFProDisplay/SFProDisplay-Semibold.eot");
    src: url("fonts/SFProDisplay/SFProDisplay-Semibold.eot?#iefix") format("embedded-opentype"),url("fonts/SFProDisplay/SFProDisplay-Semibold.woff2") format("woff2"),url("fonts/SFProDisplay/SFProDisplay-Semibold.woff") format("woff"),url("fonts/SFProDisplay/SFProDisplay-Semibold.ttf") format("truetype"),url("fonts/SFProDisplay/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url("fonts/SFProDisplay/SFProDisplay-Bold.eot");
    src: url("fonts/SFProDisplay/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/SFProDisplay/SFProDisplay-Bold.woff2") format("woff2"),url("fonts/SFProDisplay/SFProDisplay-Bold.woff") format("woff"),url("fonts/SFProDisplay/SFProDisplay-Bold.ttf") format("truetype"),url("fonts/SFProDisplay/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

.thumb_img {
    display: block;
    overflow: hidden;
    height: 1px;
    position: relative;
    width: 100%;
    border-radius: 4px
}

    .thumb_img img {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .thumb_img:hover img {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        transform: scale(1.06)
    }

.thumb_3x1 {
    padding-bottom: 33.33%
}

.thumb_2x1 {
    padding-bottom: 50%
}

.thumb_img.thumb_video, .embed-container {
    padding-bottom: 56.25%
}

.thumb_img.thumb_5x3 {
    padding-bottom: 60%
}

.thumb_5x4 {
    padding-bottom: 74.14%
}

.thumb_img.thumb_5x5, .thumb_1x1 {
    padding-bottom: 100%
}

.thumb_2x3 {
    padding-bottom: 130%
}

.thumb_img img, .thumb_img video, .thumb_img iframe, .thumb_video img, .thumb_video video, .thumb_video iframe, .thumb_16x9 img, .thumb_16x9 video, .thumb_16x9 iframe {
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

input {
    outline: 0
}

button {
    cursor: pointer;
    outline: 0
}

.button.pink {
    background: #ff0063;
    color: #fff
}

#to_top {
    width: 30px;
    height: 30px;
    background: #00264D;
    line-height: 30px;
    text-align: center;
    position: fixed;
    bottom: 40px;
    left: 20px;
    color: #fff;
    z-index: 9;
    display: none
}

.col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

[class*='grid__'] {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    position: relative
}

    [class*='grid__'] .art_item {
        margin-bottom: 0
    }

.gap-5 {
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    row-gap: 5px
}

.gap-10 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    row-gap: 10px
}

.grid {
    display: -ms-grid;
    display: grid;
    width: 100%;
    position: relative
}

    .grid .article-itemt {
        margin-bottom: 0
    }

.grid__1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr)
}

.grid__2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px
}

.grid__3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.grid__4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.grid__5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr)
}

.grid__6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr)
}

.grid__7, .grid__8, .grid__9, .grid__10 {
    -webkit-column-gap: 4px !important;
    -moz-column-gap: 4px !important;
    column-gap: 4px !important;
    row-gap: 4px !important
}

.grid__7 {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr)
}

.grid__8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr)
}

.grid__9 {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr)
}

.grid__10 {
    -ms-grid-columns: (1fr)[10];
    grid-template-columns: repeat(10, 1fr)
}

@media (min-width: 576px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 768px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 992px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 1200px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        -webkit-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.tooltip {
    opacity: 1 !important
}

.bg-agray {
    background: #F2F2F5
}

.bg-agray2 {
    background: #F1F5F9
}

.bg-padding {
    background: #F2F2F5;
    padding: 80px 0
}

.padding_16 {
    padding: 16px
}

.padding_24 {
    padding: 24px
}

.padding_30 {
    padding: 30px
}

@media (max-width: 767px) {
    .padding_30 {
        padding: 15px
    }
}

.padding_40 {
    padding: 40px 0
}

.padding_48 {
    padding: 48px
}

@media (max-width: 1199px) {
    .padding_48 {
        padding: 24px
    }
}

@media (max-width: 767px) {
    .padding_48 {
        padding: 15px
    }
}

.padding_insert {
    padding-left: 3.33%;
    padding-right: 3.33%
}

.padding_80 {
    padding: 80px 0
}

.social-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .social-btn a {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #00234B;
        color: #fff !important;
        font-size: 15px;
        text-align: center;
        line-height: 34px;
        margin-left: 4px
    }

.radius_4 {
    border-radius: 4px
}

.radius_6 {
    border-radius: 6px
}

.radius_10 {
    border-radius: 10px
}

.btn-default {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 31px;
    border-radius: 10px;
    padding: 0 24px;
    text-align: center;
    background: #FF5B00;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    border: 1px solid #FF5B00;
    cursor: pointer
}

    .btn-default.full {
        width: 100%;
        padding: 0 5px
    }

    .btn-default.size {
        line-height: 42px;
        font-size: 14px;
        font-weight: 600
    }

        .btn-default.size.gray {
            color: #00264D !important
        }

            .btn-default.size.gray:hover {
                color: #fff !important
            }

    .btn-default.big {
        line-height: 46px !important
    }

    .btn-default.min {
        font-size: 12px;
        line-height: 24px;
        padding: 0 10px;
        border-radius: 6px
    }

        .btn-default.min svg {
            width: 12px;
            height: 12px;
            vertical-align: text-top
        }

    .btn-default.bg-white {
        color: #00234B
    }

    .btn-default.radius_50 {
        border-radius: 50px
    }

    .btn-default.none {
        background: none;
        border: 1px solid rgba(255,255,255,0.35)
    }

        .btn-default.none:hover {
            background: #fff;
            color: #00234B
        }

    .btn-default.gray {
        background: #E3EBF3;
        color: #00264D !important;
        font-weight: 600;
        border: 1px solid #E3EBF3
    }

    .btn-default.gray2 {
        background: rgba(18,84,255,0.06);
        color: #1254FF !important;
        font-weight: 700;
        border: 0 !important
    }

    .btn-default.white {
        background: #fff;
        border: 1px solid #Fff;
        color: #698096
    }

        .btn-default.white:hover {
            color: #fff;
            background: #FF5B00;
            border: 1px solid #FF5B00
        }

    .btn-default.blue-white {
        background: #fff;
        border: 1px solid #BAE7FF;
        color: #1254FF
    }

    .btn-default.blue-gray {
        border: 1px solid var(--blue-01, #1254FF);
        background: rgba(18,84,255,0.1);
        color: #1254FF
    }

    .btn-default.blue2 {
        background: #E6F7FF;
        color: #1254FF;
        border: 1px solid #E3EBF3;
        line-height: 48px;
        text-align: left;
        padding: 0 15px
    }

    .btn-default.cancel {
        background: #F73B2F;
        border: 1px solid #F73B2F
    }

    .btn-default.orange {
        background: #D09111;
        border: 1px solid #D09111
    }

    .btn-default.success {
        background: #00A86B;
        border: 1px solid #00A86B
    }

    .btn-default.txt_black {
        color: #1C1C28
    }

    .btn-default:hover {
        color: #fff !important;
        background: #FF5B00;
        border: 1px solid #FF5B00
    }

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-login {
    background: #F1F5F9;
    border-radius: 43px;
    line-height: 30px;
    padding: 0 10px;
    color: #1254FF;
    display: inline-block
}

    .btn-login svg {
        margin-right: 2px
    }

.remove-tag {
    color: #F73B2F;
    font-weight: 500;
    font-size: 14px
}

    .remove-tag a {
        color: #F73B2F;
        margin-left: 2px
    }

.form-search-default {
    position: relative;
    max-width: 588px
}

    .form-search-default input {
        background: #fff;
        border: 0;
        height: 48px;
        padding-right: 15px;
        padding-left: 48px;
        font-size: 14px;
        width: 100%;
        outline: 0;
        border-radius: 6px
    }

    .form-search-default .icon_seach_web {
        position: absolute;
        background: none;
        width: 48px;
        height: 48px;
        line-height: 48px;
        border: 0;
        left: 0;
        top: 0;
        color: #8F90A6;
        cursor: pointer
    }

.gray {
    color: #698096 !important
}

.black {
    color: black !important
}

.color_000 {
    color: #000
}

.color-orange {
    color: var(--orange)
}

.color-gray {
    color: #555770
}

.color-gray2 {
    color: #698096
}

.color-body {
    color: #00264D
}

.color_blue {
    color: #2F80ED
}

.color-main {
    color: var(--colormain)
}

.color-blue {
    color: #0063F7 !important
}

.color-green {
    color: var(--green)
}

.color-yellow {
    color: #D09111
}

.color-red {
    color: #F73B2F
}

[class*="status-"] {
    border-radius: 3px;
    padding: 4px 6px;
    border-bottom: 0 !important;
    background: rgba(246,59,47,0.05);
    color: #F63B2F
}

.title-cate {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px
}

    .title-cate svg {
        width: 20px;
        height: 20px
    }

    .title-cate.white {
        color: #fff
    }

.head-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.head-category__left {
    margin-top: -10px
}

.head-category .title-cate {
    margin-bottom: 4px;
    line-height: 1.2
}

    .head-category .title-cate img {
        margin: -6px 3px 0 0
    }

    .head-category .title-cate .dropdown {
        margin-left: 8px;
        display: inline-block
    }

        .head-category .title-cate .dropdown .dropbtn {
            padding-right: 20px
        }

            .head-category .title-cate .dropdown .dropbtn::before {
                border-bottom: 2px solid #1254FF;
                border-right: 2px solid #1254FF;
                width: 10px;
                height: 10px;
                bottom: 16px
            }

        .head-category .title-cate .dropdown .dropdown-content {
            top: 50px
        }

            .head-category .title-cate .dropdown .dropdown-content ul li {
                font-size: 16px
            }

                .head-category .title-cate .dropdown .dropdown-content ul li:hover {
                    color: #1254FF
                }

.head-category .time-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .head-category .time-flex span {
        margin-left: 12px;
        position: relative;
        background: #FF5B00;
        border-radius: 4px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        display: block
    }

        .head-category .time-flex span::before {
            content: ":";
            position: absolute;
            left: -7.5px;
            color: #698096
        }

        .head-category .time-flex span:first-child::before {
            display: none
        }

.head-category .time-going {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .head-category .time-going .item {
        width: 120px;
        padding: 10px;
        text-align: center;
        color: #698096;
        border: 1px solid #E3EBF3;
        border-radius: 10px;
        background: #fff;
        margin-left: 4px;
        cursor: pointer
    }

        .head-category .time-going .item .date {
            color: #00264D
        }

        .head-category .time-going .item.active {
            background: #FF5B00;
            border: 1px solid #FF5B00;
            color: #fff
        }

            .head-category .time-going .item.active .date {
                color: #fff
            }

@media (max-width: 991px) {
    .head-category {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .head-category__left {
        width: 100%
    }

    .head-category__right {
        width: 100%;
        margin-top: 15px
    }

    .head-category .title-cate {
        font-size: 24px;
        margin-bottom: 10px !important;
        padding-top: 5px
    }

        .head-category .title-cate img {
            margin: 0px 2px 0 0
        }

        .head-category .title-cate .dropdown .dropbtn::before {
            bottom: 10px
        }

    .head-category div[style="padding-left: 45px;"] {
        padding-left: 0 !important
    }
}

@media (max-width: 767px) {
    .head-category .time-going {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
        row-gap: 6px
    }

        .head-category .time-going .item {
            width: 100%;
            margin-left: 0
        }
}

@media (max-width: 576px) {
    .head-category {
        margin-bottom: 15px
    }

        .head-category .title-cate {
            font-size: 20px
        }

    .head-category__right {
        margin-top: 10px
    }

    .head-category .time-going {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.line-bottom {
    border-bottom: 1px solid rgba(107,119,154,0.15)
}

.line-bottom2 {
    border-bottom: 2px solid rgba(107,119,154,0.15)
}

.tab-default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 24px
}

    .tab-default a {
        background: #FFFFFF;
        border-radius: 100px;
        color: #698096;
        font-weight: 400;
        font-size: 14px;
        line-height: 33px;
        padding: 0 15px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all
    }

        .tab-default a.active, .tab-default a:hover {
            background: #FF5B00;
            color: #fff
        }

    .tab-default.line-bottom {
        padding-bottom: 20px
    }

    .tab-default.tab-border a {
        background: #F8FBFF;
        border-radius: 93px;
        line-height: 44px;
        font-size: 16px;
        color: #525F7F;
        padding: 0 20px;
        margin-right: 24px
    }

        .tab-default.tab-border a.active {
            background: #00234B;
            color: #fff
        }

    .tab-default.tab-blue a.active, .tab-default.tab-blue a:hover {
        background: #1254FF
    }

    .tab-default.mr a {
        margin-right: 12px
    }

@media (max-width: 767px) {
    .tab-default {
        display: block;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .tab-default a {
            display: inline-block
        }
}

.ic-play {
    border-radius: 6px;
    background: rgba(255,255,255,0.3);
    width: 56px;
    height: 56px;
    line-height: 56px;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 20px;
    left: 50%;
    top: 50%;
    margin: -28px 0 0px -28px
}

.article-itemt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

    .article-itemt .article-thumb {
        width: 80px;
        position: relative
    }

        .article-itemt .article-thumb .like {
            position: absolute;
            z-index: 1;
            background: rgba(241,245,249,0.4);
            -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
            border-radius: 10px;
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            right: 10px;
            top: 10px;
            color: #fff;
            text-align: center
        }

            .article-itemt .article-thumb .like.active {
                color: #F73B2F
            }

        .article-itemt .article-thumb .ic-play {
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            margin: -18px 0 0px -18px
        }

        .article-itemt .article-thumb .tag {
            position: absolute;
            left: 8px;
            top: 8px;
            color: #fff
        }

            .article-itemt .article-thumb .tag .sale {
                font-weight: 700;
                font-size: 14px;
                background: #F73B2F;
                border-radius: 10px;
                padding: 0 5px;
                line-height: 36px;
                display: inline-block
            }

            .article-itemt .article-thumb .tag .free {
                background: #FF5B00;
                border-radius: 6px;
                line-height: 24px;
                padding: 0 4px;
                margin-left: 4px;
                font-size: 12px;
                display: inline-block
            }

    .article-itemt .article-content {
        width: calc(100% - 80px);
        padding-left: 16px
    }

        .article-itemt .article-content .tag-title span {
            background: #FF5B00;
            border-radius: 6px;
            font-size: 12px;
            line-height: 20px;
            display: inline-block;
            margin-right: 8px;
            margin-bottom: 5px;
            padding: 0 6px;
            color: #fff
        }

            .article-itemt .article-content .tag-title span.blue {
                background: #3B5999
            }

            .article-itemt .article-content .tag-title span.orange {
                background: #F6A500
            }

        .article-itemt .article-content .date {
            color: #565656;
            font-size: 12px;
            margin-bottom: 10px
        }

        .article-itemt .article-content .tag {
            color: #698096;
            font-size: 14px;
            margin-bottom: 4px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .article-itemt .article-content .tag a {
                background: #F1F5F9;
                border: 1px solid #B7CCD9;
                border-radius: 6px;
                font-size: 12px;
                padding: 0 4px;
                line-height: 22px
            }

            .article-itemt .article-content .tag svg {
                margin-right: 4px
            }

        .article-itemt .article-content .title_new {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 4px
        }

            .article-itemt .article-content .title_new .t-hotel {
                color: #FF5B00
            }

        .article-itemt .article-content .date-post {
            color: #698096;
            font-size: 12px
        }

        .article-itemt .article-content .on-star {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 15px
        }

            .article-itemt .article-content .on-star .star svg {
                fill: #F6A500
            }

            .article-itemt .article-content .on-star .lbl {
                background: #F1F5F9;
                border: 1px solid #B7CCD9;
                border-radius: 6px;
                color: #698096;
                font-size: 12px;
                line-height: 24px;
                padding: 0 4px;
                margin-left: 6px
            }

        .article-itemt .article-content .number-vote {
            color: #698096;
            margin-bottom: 8px
        }

            .article-itemt .article-content .number-vote .point {
                font-weight: bold;
                background: #FFEFD7;
                border-radius: 4px;
                line-height: 22px;
                margin-right: 6px;
                color: #F6A500;
                font-size: 12px;
                padding: 0 4px;
                display: inline-block
            }

        .article-itemt .article-content .des {
            font-size: 14px;
            color: #698096;
            line-height: 1.6;
            margin-bottom: 4px
        }

            .article-itemt .article-content .des p:last-child {
                margin-bottom: 0
            }

@media (max-width: 991px) {
    .article-itemt .article-content .des {
        margin-top: 12px
    }
}

.article-itemt .article-content .bottom-content {
    border-top: 1px solid #F1F5F9;
    margin-top: 8px;
    padding-top: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .article-itemt .article-content .bottom-content .price p {
        margin-bottom: 0
    }

    .article-itemt .article-content .bottom-content .price .price-old {
        text-decoration: line-through;
        color: #698096
    }

    .article-itemt .article-content .bottom-content .price .price-new {
        color: #FF5B00;
        font-size: 16px;
        font-weight: bold
    }

    .article-itemt .article-content .bottom-content .vote {
        background: #F1F5F9;
        border-radius: 10px;
        width: 36px;
        height: 36px;
        color: #698096;
        text-align: center;
        line-height: 36px
    }

        .article-itemt .article-content .bottom-content .vote:hover {
            background: var(--colormain);
            color: #fff
        }

.article-itemt .article-content .flex-percent {
    margin-top: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FF5B00;
    font-size: 12px
}

    .article-itemt .article-content .flex-percent .bar-percent {
        width: 100px;
        background: #FEE0B5;
        border-radius: 58px;
        position: relative;
        height: 8px
    }

        .article-itemt .article-content .flex-percent .bar-percent .percent {
            position: absolute;
            background: #FF6536;
            border-radius: 58px;
            height: 100%
        }

    .article-itemt .article-content .flex-percent .sold {
        padding-left: 8px
    }

.article-itemt .article-content .service {
    margin-bottom: 0;
    color: #698096
}

    .article-itemt .article-content .service li {
        margin-bottom: 3px;
        padding-left: 20px;
        position: relative
    }

        .article-itemt .article-content .service li svg, .article-itemt .article-content .service li img {
            position: absolute;
            left: 0;
            top: 2px
        }

.article-itemt .article-content .price .sale {
    background: #F73B2F;
    border-radius: 5px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    font-weight: bold
}

.article-itemt .article-content .price .price-old {
    -webkit-text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #698096
}

.article-itemt .article-content .price .price-new {
    font-weight: 700;
    font-size: 18px
}

.article-itemt.full .article-thumb {
    width: 100%;
    margin-bottom: 20px
}

    .article-itemt.full .article-thumb .ic-play {
        width: 56px;
        height: 56px;
        line-height: 56px;
        font-size: 20px;
        margin: -28px 0 0px -28px
    }

.article-itemt.full .article-content {
    width: 100%;
    padding-left: 0
}

    .article-itemt.full .article-content .title_new {
        font-size: 16px;
        margin-bottom: 5px
    }

.article-itemt.big .article-content .title_new {
    font-size: 28px
}

@media (max-width: 991px) {
    .article-itemt.big .article-content .title_new {
        font-size: 22px
    }
}

@media (max-width: 576px) {
    .article-itemt .article-thumb {
        width: 100px
    }

    .article-itemt .article-content {
        width: calc(100% - 100px)
    }
}

@media (max-width: 375px) {
    .article-itemt .article-thumb {
        width: 140px
    }

    .article-itemt .article-content {
        width: calc(100% - 140px)
    }
}

.collapse-line {
    padding: 20px 24px;
    background: #FFFFFF;
    border-radius: 6px;
    margin-bottom: 16px
}

    .collapse-line > a {
        position: relative;
        padding-right: 30px;
        display: block;
        font-size: 16px;
        font-weight: bold
    }

        .collapse-line > a::before {
            content: "";
            opacity: 0.5;
            border: solid #000;
            border-width: 0px 1px 1px 0px;
            width: 8px;
            height: 8px;
            position: absolute;
            right: 0;
            top: 6px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: 0.2s all;
            transition: 0.2s all
        }

    .collapse-line .card-body {
        padding: 1.25rem 0 0 0
    }

    .collapse-line [aria-expanded="true"]::before {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 9px;
        opacity: 1
    }

.breadcrumb {
    margin-bottom: 12px;
    padding: 0;
    background: none
}

    .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: 30px;
        position: relative
    }

        .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            content: "";
            border-top: 1px solid #6c757d;
            border-right: 1px solid #6c757d;
            width: 8px;
            height: 8px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            padding: 0;
            left: 10px;
            top: 7px
        }

    .breadcrumb .breadcrumb-item a {
        color: #698096
    }

    .breadcrumb .breadcrumb-item.active {
        color: #698096
    }

@media (max-width: 991px) {
    .breadcrumb li:nth-child(3), .breadcrumb li:nth-child(4) {
        display: none
    }
}

@media (max-width: 576px) {
    .breadcrumb {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

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

        .breadcrumb li {
            display: inline-block
        }
}

.ct_quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

    .ct_quantity .input-group {
        width: 115px
    }

        .ct_quantity .input-group .input-group-btn {
            width: 40px;
            border: 1px solid #D4D4D4;
            border-radius: 4px 0px 0px 4px;
            color: #6B6B6B;
            text-align: center;
            background: #fff
        }

            .ct_quantity .input-group .input-group-btn button {
                padding: 0 5px;
                outline: 0;
                background: none;
                height: 38px
            }

                .ct_quantity .input-group .input-group-btn button:focus {
                    box-shadow: none
                }

            .ct_quantity .input-group .input-group-btn svg {
                width: 10px;
                height: 10px
            }

            .ct_quantity .input-group .input-group-btn.up {
                border-radius: 0px 4px 4px 0px
            }

        .ct_quantity .input-group input {
            background: #E4E4EB;
            width: 35px;
            font-weight: bold;
            color: #1C1C28;
            border-left: 0;
            border-right: 0;
            padding: 0;
            text-align: center
        }

            .ct_quantity .input-group input:focus {
                box-shadow: none
            }

    .ct_quantity .text {
        color: rgba(0,0,0,0.45);
        margin-left: 5px
    }

.confir_res {
    padding-left: 26px;
    position: relative;
    cursor: pointer;
    display: block;
    color: #00264D;
    margin-bottom: 16px
}

    .confir_res input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    .confir_res .slogan {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .confir_res .slogan img {
            width: 27px;
            margin-right: 10px
        }

    .confir_res .checkmark {
        position: absolute;
        top: 0px;
        left: 0;
        height: 20px;
        width: 20px;
        background: #FFFFFF;
        border: 1px solid #B7CCD9;
        box-sizing: border-box;
        border-radius: 4px
    }

        .confir_res .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 7px;
            top: 2px;
            width: 5px;
            height: 12px;
            border: solid #fff;
            border-width: 0 1px 1px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .confir_res input:checked ~ .checkmark:after {
        display: block
    }

    .confir_res input:checked ~ .checkmark {
        background: #070BA0;
        border: 1px solid #070BA0
    }

    .confir_res input:disabled ~ .checkmark {
        border: 1px solid #EBEBEB
    }

        .confir_res input:disabled ~ .checkmark:after {
            border: solid #EBEBEB;
            border-width: 0 1px 1px 0
        }

    .confir_res.circle .checkmark {
        border-radius: 50%;
        background: #FFFFFF;
        border: 2px solid #B7CCD9
    }

        .confir_res.circle .checkmark:after {
            display: none !important
        }

    .confir_res.circle input:checked ~ .checkmark {
        border: 5px solid #1254FF;
        background: #fff
    }

@media (max-width: 991px) {
    .sort-list .confir_res.ml-4 {
        margin-left: 0 !important;
        margin-right: 10px
    }
}

.check-list-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .check-list-label .confir_res {
        border: 1px solid #E4E4EB;
        background: #FAFAFC;
        border-radius: 6px;
        padding: 8px 18px 8px 8px;
        height: 114px;
        width: 128px;
        margin-right: 16px
    }

        .check-list-label .confir_res:last-child {
            margin-right: 0
        }

        .check-list-label .confir_res .lbl {
            position: absolute;
            font-size: 12px;
            top: 8px;
            left: 8px
        }

        .check-list-label .confir_res .bottom {
            position: absolute;
            bottom: 8px;
            left: 8px;
            right: 8px
        }

        .check-list-label .confir_res select.form-control {
            border: 1px solid #E4E4EB;
            background: #F2F2F5;
            border-radius: 4px;
            color: #00234B;
            font-size: 14px;
            padding-left: 5px;
            font-weight: bold;
            height: 36px
        }

        .check-list-label .confir_res .price {
            font-size: 18px;
            font-weight: bold
        }

        .check-list-label .confir_res .checkmark {
            right: 8px;
            top: 8px;
            left: inherit;
            width: 16px;
            height: 16px;
            border-radius: 2px
        }

            .check-list-label .confir_res .checkmark::after {
                border: solid #00234B;
                border-width: 0 2px 2px 0;
                width: 5px;
                height: 9px;
                left: 5px;
                top: 2px
            }

        .check-list-label .confir_res.active {
            background: #00234B;
            border: 1px solid #00234B;
            color: #fff
        }

            .check-list-label .confir_res.active .lbl {
                color: #E4E4EB
            }

    .check-list-label .phu-luc {
        background: #F2F2F5;
        border-radius: 6px;
        padding: 12px 8px;
        width: 400px;
        max-width: 100%
    }

    .check-list-label.pl-3 {
        padding-left: 30px !important
    }

.check-list-label__v2 .confir_res {
    width: 174px;
    height: 94px;
    margin: 0 8px 8px 0
}

.check-list-label__v3 .confir_res {
    width: 128px;
    height: 66px;
    margin: 0 8px 8px 0
}

.check-list-label.grid__2 {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
}

    .check-list-label.grid__2 .confir_res {
        width: 40%;
        height: 94px;
        margin: 0
    }

@media (max-width: 576px) {
    .check-list-label {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px
    }

        .check-list-label .confir_res {
            width: 100%;
            margin: 0
        }

        .check-list-label .phu-luc {
            width: 100%
        }
}

.radio-checklist .confir_res {
    border: 1px solid #E4E4EB;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px 16px 16px 40px;
    margin-bottom: 4px
}

    .radio-checklist .confir_res .checkmark {
        border-radius: 50%;
        top: 18px;
        left: 13px
    }

        .radio-checklist .confir_res .checkmark::after {
            border: 0;
            background: var(--colormain);
            width: 12px;
            height: 12px;
            border-radius: 50%;
            left: 2px;
            top: 2px
        }

    .radio-checklist .confir_res.active {
        border: 1px solid #00234B
    }

.note-hover {
    position: relative
}

    .note-hover .note-info {
        background: #FFFFFF;
        box-shadow: 10px 14px 54px rgba(0,0,0,0.25);
        border-radius: 6px;
        padding: 16px;
        color: #191919;
        position: absolute;
        width: 300px;
        max-width: 300px;
        display: none;
        z-index: 4
    }

        .note-hover .note-info .title {
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 16px
        }

        .note-hover .note-info .border-dashed {
            border-bottom: 1px dashed #ccc
        }

    .note-hover:hover .note-info {
        display: block
    }

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

.pagination .page-link {
    border-radius: 10px !important;
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: #00264D;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 0;
    line-height: 36px;
    outline: 0
}

    .pagination .page-link svg {
        width: 12px;
        height: 12px
    }

    .pagination .page-link:hover {
        background: #698096;
        color: #fff
    }

    .pagination .page-link:focus {
        box-shadow: none
    }

.pagination .page-item.active .page-link {
    background: #698096;
    color: #fff
}

.btn-send {
    background: #00234B;
    border-radius: 4px;
    color: #fff;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    padding: 0 30px
}

.form-default__v2 .form-group {
    position: relative;
    margin-bottom: 8px
}

    .form-default__v2 .form-group .lbl {
        position: absolute;
        font-size: 12px;
        color: #9C5D90;
        top: 6px;
        left: .75rem
    }

.form-default__v2 .form-control {
    color: #4F064B;
    padding-top: 25px
}

    .form-default__v2 .form-control::-webkit-input-placeholder {
        color: #4F064B
    }

    .form-default__v2 .form-control:-moz-placeholder {
        color: #4F064B
    }

    .form-default__v2 .form-control::-moz-placeholder {
        color: #4F064B
    }

    .form-default__v2 .form-control:-ms-input-placeholder {
        color: #4F064B
    }

.form-search {
    position: relative;
    width: 100%
}

    .form-search .input_search {
        border: 0;
        border-bottom: 1px solid rgba(34,43,69,0.3);
        height: 42px;
        border: 1px solid #E4E4EB;
        border-radius: 4px;
        font-size: 14px;
        padding: 0.375rem 0.75rem;
        font-weight: 500;
        width: 100%;
        color: #00264D;
        outline: 0
    }

        .form-search .input_search:focus, .form-search .input_search:active {
            outline: 0;
            box-shadow: none;
            border: 1px solid #FF5B00
        }

        .form-search .input_search::-webkit-input-placeholder {
            color: #698096
        }

        .form-search .input_search:-moz-placeholder {
            color: #698096
        }

        .form-search .input_search::-moz-placeholder {
            color: #698096
        }

        .form-search .input_search:-ms-input-placeholder {
            color: #698096
        }

    .form-search .icon_seach_web {
        position: absolute;
        background: none;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 0;
        right: 0;
        top: 12px;
        color: #000;
        cursor: pointer
    }

        .form-search .icon_seach_web svg {
            width: 24px;
            height: 24px
        }

    .form-search .btn_reset {
        position: absolute;
        top: 14px;
        right: 4px;
        background: none;
        border: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 30px;
        font-family: -webkit-body;
        color: #000;
        line-height: 10px;
        cursor: pointer;
        display: none
    }

        .form-search .btn_reset svg {
            width: 20px;
            height: 20px
        }

    .form-search .suggest-search {
        display: none
    }

    .form-search .input-search {
        border: 0 !important;
        padding: 0;
        font-weight: bold;
        color: #00264D;
        font-size: 14px;
        background: none;
        height: 22px
    }

        .form-search .input-search::-webkit-input-placeholder {
            color: #698096
        }

        .form-search .input-search:-moz-placeholder {
            color: #698096
        }

        .form-search .input-search::-moz-placeholder {
            color: #698096
        }

        .form-search .input-search:-ms-input-placeholder {
            color: #698096
        }

    .form-search .content-search {
        display: none
    }

    .form-search.active .icon_seach_web {
        display: none
    }

    .form-search.active .suggest-search, .form-search.active .btn_reset {
        display: block
    }

    .form-search.active .content-search {
        display: block
    }

.form-search__v2 .input_search {
    color: #525F7F;
    font-size: 14px;
    background: #F4F6F8;
    border-radius: 84px;
    border: 0;
    padding: 0 49px;
    font-weight: 400
}

.form-search__v2 .icon_seach_web {
    right: inherit;
    left: 10px
}

    .form-search__v2 .icon_seach_web svg {
        width: 16px;
        height: 16px;
        fill: #00234B
    }

.form-search__v2.active .icon_seach_web {
    display: block
}

@media (max-width: 991px) {
    .form-search__v2 .input_search {
        font-size: 16px
    }
}

.table-responsive {
    overflow-x: visible
}

    .table-responsive .blue {
        color: #2D5BD1
    }

    .table-responsive .table thead th {
        border-top: 0;
        border-bottom: 1px solid #e5e5e5;
        font-weight: 700;
        font-size: 14px
    }

    .table-responsive .table th, .table-responsive .table td {
        padding: 15px .75rem;
        font-size: 16px
    }

        .table-responsive .table th:last-child, .table-responsive .table td:last-child {
            text-align: right
        }

        .table-responsive .table th:first-child, .table-responsive .table td:first-child {
            padding-left: 0;
            text-align: left
        }

    .table-responsive .table .content {
        width: 400px
    }

@media (max-width: 767px) {
    .table-responsive {
        overflow-x: auto
    }

        .table-responsive .table th, .table-responsive .table td {
            white-space: nowrap
        }
}

.custom-select {
    position: relative;
    font-family: Arial
}

    .custom-select.form-group {
        background: #e6eaf0;
        border-radius: 0;
        border: 0;
        height: 35px
    }

    .custom-select select {
        display: none
    }

    .custom-select .select-selected::after {
        content: "";
        border: solid #222;
        border-width: 1px 0px 0px 1px;
        width: 8px;
        height: 8px;
        position: absolute;
        right: 13px;
        top: 12px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .custom-select .select-selected.select-arrow-active:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 14px
    }

    .custom-select .select-items div, .custom-select .select-selected {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .custom-select .select-items {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        background: #fff;
        box-shadow: 0 10px 30px rgba(118,118,118,0.3)
    }

        .custom-select .select-items div {
            padding: 10px
        }

            .custom-select .select-items div:hover {
                color: #447fb7
            }

    .custom-select .select-hide {
        display: none
    }

.line-left {
    border-left: 1px solid #E3EBF3
}

.line-left-pc {
    border-left: 1px solid #E3EBF3
}

@media (max-width: 767px) {
    .line-left-pc {
        border-left: 0
    }
}

.sl_giohang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .sl_giohang .input-group-prepend {
        margin-right: 0
    }

        .sl_giohang .input-group-prepend button {
            border: 0;
            background: #F1F5F9;
            border-radius: 10px;
            width: 32px;
            height: 32px;
            line-height: 1;
            color: #00264D;
            font-size: 18px;
            cursor: pointer;
            outline: 0
        }

    .sl_giohang input {
        border: 0;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        width: 30px;
        margin: 0 2px
    }

.tr-add {
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .tr-add .plus {
        background: #F1F5F9;
        border-radius: 4px;
        width: 21px;
        height: 21px;
        color: #8C9FB1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .tr-add .plus svg {
            width: 12px;
            height: 12px
        }

        .tr-add .plus:hover {
            color: #fff;
            background: #FF5B00
        }

.form-group {
    margin-bottom: 24px
}

textarea.form-control {
    font-size: 14px;
    resize: none
}

.form-control {
    border-radius: 4px;
    border: 1px solid #E4E4EB;
    font-size: 14px;
    color: #00264D;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1)
}

    .form-control:focus, .form-control:active {
        outline: 0;
        box-shadow: none;
        border: 1px solid #FF5B00
    }

input.form-control {
    height: 42px
}

.input-button {
    position: relative
}

    .input-button .form-control {
        padding-right: 70px
    }

    .input-button .form-control {
        background: #F1F5F9;
        border: 1px solid #E3EBF3
    }

    .input-button button {
        position: absolute;
        right: 15px;
        top: 0;
        height: 42px;
        border: 0;
        background: none;
        outline: 0;
        color: #1254FF;
        font-weight: 500;
        cursor: pointer
    }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

select.form-control {
    height: 42px !important;
    color: #8C9FB1;
    padding-left: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.93555 6.80371C6.10644 6.80371 6.26367 6.73535 6.38672 6.60547L11.6914 1.19141C11.8076 1.06836 11.8691 0.917969 11.8691 0.740234C11.8691 0.391601 11.6025 0.118164 11.2471 0.118164C11.0762 0.118164 10.9189 0.186523 10.8027 0.295898L5.93555 5.27246L1.06836 0.295898C0.952148 0.186523 0.801758 0.118163 0.624023 0.118163C0.268555 0.118163 0.001953 0.391601 0.00195298 0.740234C0.00195298 0.917968 0.0634764 1.06836 0.186523 1.19141L5.48437 6.60547C5.61426 6.73535 5.76465 6.80371 5.93555 6.80371Z' fill='%2300264D'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px top 16px
}

.form-control:disabled, .form-control[readonly] {
    background: #F1F5F9;
    border: 1px solid #E3EBF3;
    color: #698096
}

.form-control.is-invalid {
    border: 1.5px solid #FF5247
}

    .form-control.is-invalid + button {
        color: #698096
    }

.password-wrap .form-control {
    padding-right: 40px
}

.password-wrap .toggle-password {
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.input-icon {
    position: relative
}

    .input-icon .icon-svg {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 18px;
        height: 18px;
        color: #698096;
        z-index: 1
    }

    .input-icon .form-control {
        background: #F1F5F9;
        border: 1px solid #E3EBF3;
        height: 48px;
        font-size: 16px;
        padding-left: 46px
    }

        .input-icon .form-control::-webkit-input-placeholder {
            color: #698096
        }

        .input-icon .form-control:-moz-placeholder {
            color: #698096
        }

        .input-icon .form-control::-moz-placeholder {
            color: #698096
        }

        .input-icon .form-control:-ms-input-placeholder {
            color: #698096
        }

    .input-icon .icon {
        position: absolute;
        left: 13px;
        top: 12px;
        width: 17px;
        height: 17px;
        z-index: 1;
        background: url(images/icons/address.svg)
    }

    .input-icon .select2-container--default .select2-selection--single {
        padding-left: 25px
    }

.error {
    color: #FF0E00;
    font-size: 13px
}

.note-warring {
    background: #FFEFD7;
    border: 1px solid #FFD188;
    border-radius: 74px;
    padding: 8px 12px;
    display: inline-block;
    color: #D09111
}

@media (max-width: 576px) {
    .note-warring {
        position: relative
    }
}

.border {
    border: 1px solid #E3EBF3 !important
}

.text-collapse {
    font-weight: 700;
    font-size: 12px;
    color: #FF5B00;
    padding-right: 16px;
    position: relative
}

    .text-collapse::after {
        font-family: 'iconfont';
        content: '\ea1c';
        font-weight: 700;
        position: absolute;
        right: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .text-collapse[aria-expanded="true"]:after {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.h-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}

    .h-tag a {
        display: inline-block;
        border-radius: 10px;
        background: #F1F5F9;
        font-size: 16px;
        padding: 8px 15px;
        font-weight: 600
    }

        .h-tag a.active {
            background: #070BA0;
            color: #fff
        }

.list-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

    .list-tag a {
        border-radius: 6px;
        background: #F1F5F9;
        padding: 4px 6px;
        font-size: 13px;
        color: #698096
    }

.tag-all {
    border-radius: 6px;
    background: #E6F7FF;
    padding: 4px 6px;
    font-size: 13px;
    color: #1254FF
}

.datepicker-input {
    padding: 0 30px 0 .75rem;
    background: url(images/icons/date.png) no-repeat right 11px top 12px
}

.warning-note {
    border: 1px solid #FFD188;
    border-radius: 4px;
    background: #FFEFD7;
    padding: 8px 12px;
    display: inline-block
}

    .warning-note .title {
        color: #D09111;
        font-size: 14px;
        margin-bottom: 11px;
        padding-left: 25px;
        position: relative
    }

        .warning-note .title svg {
            position: absolute;
            left: 0;
            top: 4px
        }

    .warning-note ul {
        margin-bottom: 0
    }

.select-input {
    position: relative
}

    .select-input .select2-container {
        position: absolute;
        width: 120px !important
    }

        .select-input .select2-container .select2-selection--single .select2-selection__arrow {
            border-left: 0
        }

        .select-input .select2-container img {
            margin-right: 8px
        }

    .select-input .form-control {
        padding-left: 130px
    }

        .select-input .form-control:focus {
            border: 1px solid #E4E4EB
        }

.birth-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .birth-custom input.form-control {
        width: 64px;
        margin-right: 8px
    }

.notifi-success {
    background: #FFFFFF;
    box-shadow: 0px 4px 25px rgba(0,0,0,0.1);
    border-radius: 41px;
    padding: 8px 16px;
    color: #00A86B;
    font-weight: 700;
    font-size: 12px
}

    .notifi-success img {
        width: 16px;
        margin: -2px 6px 0 0
    }

    .notifi-success.fixed {
        position: fixed;
        top: 30px;
        min-width: 220px;
        z-index: 99;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }

.head-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

    .head-title .detail {
        background: #F1F5F9;
        border-radius: 10px;
        line-height: 29px;
        padding: 0 16px;
        color: #698096;
        font-weight: 500
    }

        .head-title .detail svg {
            width: 10px;
            height: 10px
        }

    .head-title .text-collapse {
        margin-top: -6px
    }

    .head-title .title-cate {
        padding-right: 20px
    }

    .head-title .icon-collapse {
        position: absolute;
        top: 0;
        right: 0
    }

        .head-title .icon-collapse svg {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            width: 12px;
            height: 12px;
            margin-top: -2px
        }

        .head-title .icon-collapse[aria-expanded="true"] svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }

@media (max-width: 1280px) {
    .head-title .detail {
        margin-bottom: 10px
    }
}

.tooltip-new {
    position: relative
}

    .tooltip-new .tooltip-content {
        position: absolute;
        bottom: 50px;
        overflow: hidden;
        opacity: 0;
        z-index: -1;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        min-width: 160px;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 8px;
        color: #698096;
        text-align: center;
        box-shadow: 0px 4px 25px rgba(0,0,0,0.1);
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }

        .tooltip-new .tooltip-content::before {
            width: 15px;
            height: 15px;
            content: '';
            position: absolute;
            bottom: -8px;
            right: 50%;
            margin-right: -9px;
            background: #fff;
            -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: rotate(225deg)
        }

    .tooltip-new:hover .tooltip-content {
        bottom: 30px;
        overflow: visible;
        opacity: 1;
        z-index: 1
    }

.tag-hanh-ly {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

    .tag-hanh-ly .item {
        background: #F1F5F9;
        border: 1.5px solid #E3EBF3;
        border-radius: 10px;
        height: 100%;
        padding: 16px;
        font-size: 18px;
        position: relative;
        cursor: pointer
    }

        .tag-hanh-ly .item.active, .tag-hanh-ly .item:hover {
            background: #FFFFFF;
            border: 1.5px solid #1254FF
        }

        .tag-hanh-ly .item.checked {
            background: #FFFFFF;
            border: 1.5px solid #1254FF
        }

            .tag-hanh-ly .item.checked::before {
                content: "";
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.19629 14.7646C11.0107 14.7646 14.1689 11.5996 14.1689 7.79199C14.1689 3.97754 11.0039 0.819336 7.18945 0.819336C3.38184 0.819336 0.223633 3.97754 0.223633 7.79199C0.223633 11.5996 3.38867 14.7646 7.19629 14.7646ZM6.43066 11.1348C6.19824 11.1348 6.00684 11.0391 5.8291 10.7998L4.11328 8.69434C4.01074 8.55762 3.94922 8.40723 3.94922 8.25C3.94922 7.94238 4.18848 7.68945 4.49609 7.68945C4.69434 7.68945 4.84473 7.75098 5.01562 7.97656L6.40332 9.76758L9.32227 5.07812C9.45215 4.87305 9.62988 4.76367 9.80762 4.76367C10.1084 4.76367 10.3887 4.96875 10.3887 5.29004C10.3887 5.44043 10.2998 5.59766 10.2178 5.74121L7.00488 10.7998C6.86133 11.0254 6.66309 11.1348 6.43066 11.1348Z' fill='%231254FF'/%3e%3c/svg%3e");
                width: 15px;
                height: 15px;
                position: absolute;
                right: 10px
            }

@media (max-width: 991px) {
    .tag-hanh-ly {
        padding-left: 0 !important
    }
}

@media (max-width: 576px) {
    .tag-hanh-ly.grid__5 {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

.note-text {
    background: #F1F5F9;
    border-radius: 6px;
    font-weight: 500;
    padding: 4px 8px;
    color: #698096
}

.btn-on-off {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .btn-on-off .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 18px;
        margin: 0
    }

        .btn-on-off .switch input {
            opacity: 0;
            width: 0;
            height: 0
        }

            .btn-on-off .switch input:checked + .slider {
                background-color: #FF5B00
            }

                .btn-on-off .switch input:checked + .slider:before {
                    -webkit-transform: translateX(18px);
                    -ms-transform: translateX(18px);
                    transform: translateX(18px)
                }

        .btn-on-off .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s
        }

            .btn-on-off .switch .slider:before {
                position: absolute;
                content: "";
                height: 22px;
                width: 22px;
                left: 0px;
                bottom: -2px;
                background-color: white;
                box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
                -webkit-transition: .4s;
                transition: .4s
            }

            .btn-on-off .switch .slider.round {
                border-radius: 34px
            }

                .btn-on-off .switch .slider.round:before {
                    border-radius: 50%
                }

.scrollbar-inner {
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 10px;
    margin-right: -10px
}

    .scrollbar-inner::-webkit-scrollbar {
        width: 5px
    }

    .scrollbar-inner::-webkit-scrollbar-thumb {
        background-color: #ADC4DA;
        width: 5px;
        border-radius: 10px
    }

.scrollbar-height {
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 10px;
    margin-right: -10px
}

    .scrollbar-height::-webkit-scrollbar {
        width: 5px
    }

    .scrollbar-height::-webkit-scrollbar-thumb {
        background-color: #ADC4DA;
        width: 5px;
        border-radius: 10px
    }

.list-star {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .list-star svg {
        color: #F6A500;
        margin-right: 4px
    }

.dropdown {
    cursor: pointer;
    position: relative
}

    .dropdown .dropbtn {
        color: #1254FF;
        padding-right: 10px;
        position: relative
    }

        .dropdown .dropbtn::before {
            content: "";
            border-bottom: 1px solid #1254FF;
            border-right: 1px solid #1254FF;
            width: 5px;
            height: 5px;
            position: absolute;
            right: 0;
            bottom: 9px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .dropdown .dropdown-content {
        position: absolute;
        top: 30px;
        z-index: 3;
        background: #fff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        display: none;
        padding: 10px;
        border: none;
        border-radius: 5px;
        left: 0;
        min-width: 150px
    }

        .dropdown .dropdown-content ul {
            margin-bottom: 0
        }

            .dropdown .dropdown-content ul li {
                margin-bottom: 5px
            }

                .dropdown .dropdown-content ul li:last-child {
                    margin-bottom: 0
                }

.search-wrapper {
    position: relative
}

    .search-wrapper .btn_reset {
        position: absolute;
        right: 45px;
        top: 12px;
        width: 20px;
        height: 20px;
        border: 0;
        outline: 0;
        border-radius: 50%;
        cursor: pointer;
        background: #C4C4C4;
        font-family: -webkit-body
    }

    .search-wrapper form, .search-wrapper .form {
        position: relative
    }

        .search-wrapper form input, .search-wrapper .form input {
            border: 1px solid transparent;
            padding: 7px;
            height: 44px;
            font-size: 14px;
            border-radius: 33px;
            margin: 0;
            padding: 0 16px;
            padding-right: 36px;
            width: 100%;
            outline: 0
        }

            .search-wrapper form input::-webkit-input-placeholder, .search-wrapper .form input::-webkit-input-placeholder {
                color: #8C9FB1
            }

            .search-wrapper form input:-moz-placeholder, .search-wrapper .form input:-moz-placeholder {
                color: #8C9FB1
            }

            .search-wrapper form input::-moz-placeholder, .search-wrapper .form input::-moz-placeholder {
                color: #8C9FB1
            }

            .search-wrapper form input:-ms-input-placeholder, .search-wrapper .form input:-ms-input-placeholder {
                color: #8C9FB1
            }

        .search-wrapper form .border, .search-wrapper .form .border {
            border: 1px solid #ECECEE
        }

        .search-wrapper form input.active + .suggest-search, .search-wrapper .form input.active + .suggest-search {
            display: block
        }

        .search-wrapper form .search-btn, .search-wrapper .form .search-btn {
            position: absolute;
            right: 10px;
            top: 8px;
            text-align: center
        }

            .search-wrapper form .search-btn button, .search-wrapper .form .search-btn button {
                border: none;
                color: #fff;
                background: #8C9FB1;
                height: 28px;
                width: 28px;
                border-radius: 64px;
                line-height: 25px;
                cursor: pointer
            }

                .search-wrapper form .search-btn button svg, .search-wrapper .form .search-btn button svg {
                    width: 13px;
                    height: 13px
                }

            .search-wrapper form .search-btn:hover button, .search-wrapper .form .search-btn:hover button {
                background: #1254FF
            }

    .search-wrapper .dropdown-toggle {
        position: absolute;
        top: 5px;
        right: 7px;
        padding: 0;
        color: #666;
        font-size: 0
    }

        .search-wrapper .dropdown-toggle::after {
            font-size: 16px;
            margin: 0
        }

        .search-wrapper .dropdown-toggle::before {
            display: none
        }

    .search-wrapper .dropdown-content {
        top: 38px
    }

    .search-wrapper .suggest-search {
        box-shadow: 0 5px 15px rgba(0,0,0,0.35);
        border-radius: 5px;
        position: absolute;
        display: none;
        top: 35px;
        background: #fff
    }

.search-wrapper2 {
    position: relative;
    background: #F1F5F9;
    border: 1px solid #E3EBF3;
    border-radius: 4px;
    padding-right: 35px;
    width: 300px
}

    .search-wrapper2 .input_search {
        font-size: 14px;
        height: 35px;
        padding: 0 15px;
        border: 0;
        border-radius: 10px 0 0 10px;
        width: 100%;
        background: none
    }

        .search-wrapper2 .input_search::-webkit-input-placeholder {
            color: #666666
        }

        .search-wrapper2 .input_search:-moz-placeholder {
            color: #666666
        }

        .search-wrapper2 .input_search::-moz-placeholder {
            color: #666666
        }

        .search-wrapper2 .input_search:-ms-input-placeholder {
            color: #666666
        }

    .search-wrapper2 .btn_reset {
        position: absolute;
        right: 55px;
        top: 5px;
        width: 24px;
        height: 24px;
        border: 0;
        outline: 0;
        border-radius: 50%;
        cursor: pointer
    }

    .search-wrapper2 .search-btn {
        position: absolute;
        border: 0;
        outline: 0;
        background: none;
        color: #8C9FB1;
        width: 35px;
        height: 35px;
        right: 0
    }

.collap-down .icon-svg {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.collap-down[aria-expanded="true"] svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-noborder th, .table-noborder td {
    border-top: 0;
    padding: 4px
}

.table-noborder thead th {
    border-bottom: 0
}

.box_category {
    margin-bottom: 25px
}

.lightpick__day {
    font-size: 15px;
    border-radius: 0 !important
}

.lightpick__month-title-bar {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lightpick__next-action, .lightpick__previous-action {
    position: absolute;
    top: 6px
}

.lightpick__previous-action {
    left: 4px
}

.lightpick__next-action {
    right: 10px
}

.lightpick__day.is-end-date, .lightpick__day.is-end-date:hover, .lightpick__day.is-start-date, .lightpick__day.is-start-date:hover {
    background-color: #FF5B00;
    background-image: none
}

    .lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range {
        background-color: #FF5B00 !important;
        background-image: none
    }

.lightpick__day.is-in-range {
    background-color: #FFEFD7;
    position: relative
}

.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-today.is-start-date {
    padding-top: 10px;
    position: relative
}

    .lightpick__day.is-start-date::before, .lightpick__day.is-end-date::before, .lightpick__day.is-today.is-start-date::before {
        font-size: 8px;
        position: absolute;
        top: 0px;
        width: 100%;
        text-align: center
    }

    .lightpick__day.is-start-date::before {
        content: "Ngày đi"
    }

    .lightpick__day.is-end-date::before {
        content: "Ngày về"
    }

    .lightpick__day.is-start-date.is-end-date::before, .lightpick__day.is-today.is-start-date::before {
        content: "Ngày đi"
    }

.lightpick__day.is-available:hover {
    background: #ededed
}

.lightpick__day-of-the-week {
    font-size: 13px
}

.slide-relative {
    position: relative
}

    .slide-relative .swiper-button-prev, .slide-relative .swiper-button-next {
        height: 70px;
        line-height: 70px;
        margin-top: -35px;
        opacity: 1;
        cursor: pointer;
        -webkit-filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1));
        filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1))
    }

        .slide-relative .swiper-button-prev:hover, .slide-relative .swiper-button-next:hover {
            background: #FF6536
        }

            .slide-relative .swiper-button-prev:hover svg, .slide-relative .swiper-button-next:hover svg {
                color: #fff
            }

    .slide-relative .swiper-button-prev {
        left: -10px
    }

    .slide-relative .swiper-button-next {
        right: -10px
    }

.btn_copy {
    position: relative
}

    .btn_copy .tip {
        position: absolute;
        top: -4px;
        right: 100%;
        margin-right: 10px;
        height: 24px;
        line-height: 24px;
        background: #17191a;
        color: #fff !important;
        font-size: 12px !important;
        text-decoration: none !important;
        white-space: nowrap;
        padding: 0 10px;
        border-radius: 3px
    }

.nowrap-link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 400px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.modal-header {
    border-bottom: 0;
    padding: 24px 24px 0 24px
}

    .modal-header .modal-title {
        font-size: 24px;
        font-weight: bold
    }

        .modal-header .modal-title img {
            vertical-align: sub
        }

    .modal-header .close {
        font-family: -webkit-body;
        opacity: 1;
        font-size: 30px;
        outline: 0;
        padding: 10px;
        position: absolute;
        z-index: 1;
        right: 24px;
        top: 20px
    }

@media (max-width: 991px) {
    .modal-header {
        padding: 15px 15px 0 15px
    }

        .modal-header .modal-title {
            font-size: 20px
        }
}

.modal-body {
    padding: 10px 24px 24px 24px
}

    .modal-body .btn-default {
        line-height: 34px;
        padding: 0 36px
    }

@media (max-width: 991px) {
    .modal-body {
        padding: 15px
    }

        .modal-body .line-bottom.mb24 {
            margin-bottom: 15px !important
        }
}

.modal-content {
    border: 0
}

.modal-dialog {
    margin: .5rem auto
}

.form-outline {
    position: relative
}

    .form-outline .form-control {
        padding: 4px 12px;
        height: 42px;
        color: #000000;
        font-weight: 500;
        font-size: 14px
    }

        .form-outline .form-control ~ .form-label {
            position: absolute;
            top: 10px;
            max-width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            left: 12px;
            pointer-events: none;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
            color: #8C9FB1;
            margin-bottom: 0
        }

        .form-outline .form-control.active, .form-outline .form-control:focus {
            border-radius: 4px;
            padding: 15px 12px 4px 12px
        }

            .form-outline .form-control.active ~ .form-label, .form-outline .form-control:focus ~ .form-label {
                -webkit-transform: translateY(-10px) translateY(0.1px) scale(0.8);
                -ms-transform: translateY(-10px) translateY(0.1px) scale(0.8);
                transform: translateY(-10px) translateY(0.1px) scale(0.8)
            }

    .form-outline.active .form-control {
        border-radius: 4px;
        padding: 15px 12px 4px 12px
    }

        .form-outline.active .form-control ~ .form-label {
            -webkit-transform: translateY(-10px) translateY(0.1px) scale(0.8);
            -ms-transform: translateY(-10px) translateY(0.1px) scale(0.8);
            transform: translateY(-10px) translateY(0.1px) scale(0.8)
        }

.flying-stop .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0 !important;
    padding: 0 !important
}

    .flying-stop .item .time {
        font-weight: bold;
        font-size: 16px;
        min-width: 80px
    }

    .flying-stop .item .info {
        padding-left: 25px;
        position: relative;
        padding-bottom: 10px
    }

        .flying-stop .item .info::before {
            content: "";
            border-left: 2px solid #E3EBF3;
            position: absolute;
            top: 0;
            bottom: 0;
            left: -2px
        }

        .flying-stop .item .info .icon {
            background: #fff;
            position: absolute;
            left: -10px;
            width: 18px;
            height: 22px;
            text-align: center
        }

        .flying-stop .item .info .name {
            font-size: 16px;
            margin-bottom: 4px
        }

        .flying-stop .item .info .airline {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 4px
        }

            .flying-stop .item .info .airline img {
                height: 24px;
                margin-right: 12px
            }

        .flying-stop .item .info .note {
            background: #F1F5F9;
            border-radius: 4px;
            color: #698096;
            padding: 4px 10px
        }

    .flying-stop .item.transit .info::before {
        border-left: 2px dashed #E3EBF3
    }

    .flying-stop .item:last-child .info {
        padding-bottom: 0
    }

        .flying-stop .item:last-child .info::before {
            bottom: 14px
        }

.placeholder, .box-placeholder .article-thumb, .box-placeholder .article-content .title_new, .box-placeholder .article-content .description, .box-placeholder .article-content .tag-title, .box-placeholder .article-content .star, .box-placeholder .article-content .number-vote, .box-placeholder .article-content .service li, .box-placeholder .article-content .price {
    background: #666;
    opacity: .1;
    -webkit-animation: fading 1.5s infinite;
    animation: fading 1.5s infinite
}

.box-placeholder .article-thumb {
    height: auto !important
}

    .box-placeholder .article-thumb img {
        display: none
    }

.box-placeholder .btn-default {
    display: none
}

.box-placeholder .article-content {
    font-size: 0
}

    .box-placeholder .article-content .title_new *, .box-placeholder .article-content .description *, .box-placeholder .article-content .tag-title *, .box-placeholder .article-content .star *, .box-placeholder .article-content .number-vote *, .box-placeholder .article-content .service li *, .box-placeholder .article-content .price * {
        font-size: 0 !important
    }

    .box-placeholder .article-content .title_new span, .box-placeholder .article-content .title_new img, .box-placeholder .article-content .title_new svg, .box-placeholder .article-content .title_new .point, .box-placeholder .article-content .description span, .box-placeholder .article-content .description img, .box-placeholder .article-content .description svg, .box-placeholder .article-content .description .point, .box-placeholder .article-content .tag-title span, .box-placeholder .article-content .tag-title img, .box-placeholder .article-content .tag-title svg, .box-placeholder .article-content .tag-title .point, .box-placeholder .article-content .star span, .box-placeholder .article-content .star img, .box-placeholder .article-content .star svg, .box-placeholder .article-content .star .point, .box-placeholder .article-content .number-vote span, .box-placeholder .article-content .number-vote img, .box-placeholder .article-content .number-vote svg, .box-placeholder .article-content .number-vote .point, .box-placeholder .article-content .service li span, .box-placeholder .article-content .service li img, .box-placeholder .article-content .service li svg, .box-placeholder .article-content .service li .point, .box-placeholder .article-content .price span, .box-placeholder .article-content .price img, .box-placeholder .article-content .price svg, .box-placeholder .article-content .price .point {
        opacity: 0;
        padding: 0
    }

    .box-placeholder .article-content .lbl {
        display: none
    }

    .box-placeholder .article-content .service li {
        max-width: 50%
    }

    .box-placeholder .article-content .title_new {
        height: 40px;
        margin-bottom: 10px
    }

    .box-placeholder .article-content .description, .box-placeholder .article-content .star {
        height: 20px
    }

    .box-placeholder .article-content .tag-title {
        max-width: 100px;
        margin-bottom: 6px
    }

    .box-placeholder .placeholder, .box-placeholder .article-thumb, .box-placeholder .article-content .title_new, .box-placeholder .article-content .description, .box-placeholder .article-content .tag-title, .box-placeholder .article-content .star, .box-placeholder .article-content .number-vote, .box-placeholder .article-content .service li, .box-placeholder .article-content .price {
        height: 20px;
        width: 100%;
        font-size: 0
    }

@-webkit-keyframes fading {
    0% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .1
    }
}

@keyframes fading {
    0% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .1
    }
}

.select2-container:focus-visible {
    outline: 0
}

.select2-container--default .select2-selection--single {
    border: 1px solid #E3EBF3;
    border-radius: 4px
}

.select2-container .select2-selection--single {
    height: 42px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    border-left: 1px solid #E3EBF3;
    width: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        font-family: 'iconfont';
        content: '\ea36';
        font-weight: 400;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 12px;
    padding-right: 28px;
    color: #00264D
}

    .select2-container--default .select2-selection--single .select2-selection__rendered i {
        font-size: 16px;
        margin-right: 8px
    }

.select2-dropdown, .form-selector-custom__dropdown {
    background: #ffffff;
    box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
    border-radius: 6px;
    left: 0;
    bottom: -4px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 8px;
    z-index: 1000;
    max-height: 600px;
    overflow-y: auto;
    border: 0
}

.form-selector-custom__value {
    border: 1px solid #e5e5e5;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 32px;
    position: relative;
    color: #616161
}

    .form-selector-custom__value:after {
        content: '\ea18';
        font-family: iconfont;
        font-weight: 700;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.form-selector-custom__dropdown {
    width: 100%
}

.form-selector-custom__item {
    color: #222;
    cursor: pointer;
    font-weight: 400;
    padding: 10px
}

    .form-selector-custom__item:hover {
        background: #f5f7fa;
        border-radius: 4px
    }

    .form-selector-custom__item.active {
        font-weight: 700
    }

.select2-search--dropdown {
    padding: 0;
    margin-bottom: 5px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
    border: 1px solid #a6b3ce
}

    .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
        outline: 0
    }

input:checked + .form-selector-custom__value:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.select2-results__option {
    color: #222;
    cursor: pointer;
    font-weight: 400;
    padding: 10px
}

    .select2-results__option i {
        font-size: 16px;
        margin-right: 8px
    }

        .select2-results__option i.style-icon {
            color: #FFAF00
        }

    .select2-results__option img {
        margin-right: 8px
    }

    .select2-results__option .item-address {
        position: relative;
        padding-left: 20px;
        color: #698096
    }

        .select2-results__option .item-address .icon-svg {
            position: absolute;
            left: 0;
            top: 4px;
            width: 13px;
            height: 13px
        }

        .select2-results__option .item-address .address-name, .select2-results__option .item-address .address-code {
            display: inline-block
        }

.select2-container--default .select2-results__option--selected {
    background: transparent;
    color: #222;
    font-weight: 700
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #f5f7fa;
    border-radius: 4px;
    color: #222
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 160px;
    overflow-y: auto
}

    .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
        width: 5px
    }

    .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
        background-color: #ccc;
        width: 5px;
        border-radius: 10px
    }

.select2-dropdown--location {
    width: 152px !important
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.university__chart .highcharts-label text, .m-benchmark__chart .highcharts-label text {
    text-decoration: none !important
}

.university__chart .highcharts-axis-labels text, .m-benchmark__chart .highcharts-axis-labels text {
    text-decoration: none !important;
    fill: #4F4F4F !important;
    font-size: 12px !important
}

.university__chart .highcharts-tracker rect, .m-benchmark__chart .highcharts-tracker rect {
    fill: #8C99B4
}

    .university__chart .highcharts-tracker rect:last-child, .m-benchmark__chart .highcharts-tracker rect:last-child {
        fill: #FFAF00
    }

.daterangepicker {
    position: absolute;
    color: inherit;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
    border-radius: 10px;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0,0,0,0.2);
        content: '';
        display: none
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc
        }

        .daterangepicker.drop-up:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.show-calendar .drp-buttons {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none
    }

        .daterangepicker .drp-calendar.left {
            padding: 10px 10px 10px 20px
        }

        .daterangepicker .drp-calendar.right {
            padding: 10px 20px 10px 10px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid black;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        min-width: 45px;
        width: 45px;
        padding: 12px 4px;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff
    }

        .daterangepicker .calendar-table table {
            width: 100%;
            margin: 0;
            border-spacing: 4px;
            border-collapse: unset
        }

            .daterangepicker .calendar-table table tr:first-child th {
                padding: 0px 10px
            }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        background-color: #fff;
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px;
        padding: 12px 4px
    }

        .daterangepicker td.start-date.end-date::before {
            display: none
        }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #1254FF;
        border-color: transparent;
        color: #fff
    }

    .daterangepicker td.start-date {
        position: relative;
        padding: 20px 4px 4px 4px
    }

        .daterangepicker td.start-date::before {
            content: "Ngày đi";
            font-family: Arial;
            font-size: 9px;
            position: absolute;
            top: 2px;
            left: 0;
            right: 0;
            text-align: center
        }

    .daterangepicker td.end-date {
        position: relative;
        padding: 20px 4px 4px 4px
    }

        .daterangepicker td.end-date::before {
            content: "Ngày về";
            font-family: Arial;
            font-size: 9px;
            position: absolute;
            top: 2px;
            left: 0;
            right: 0;
            text-align: center
        }

    .daterangepicker td.today {
        background-color: #070BA0;
        color: #fff
    }

    .daterangepicker th.month {
        width: auto;
        font-size: 15px;
        font-weight: bold
    }

    .daterangepicker td.disabled, .daterangepicker option.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0 auto;
        line-height: 30px;
        position: relative
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px;
        display: none
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: bold;
        padding: 0px 20px;
        height: 33px;
        line-height: 33px;
        border-radius: 10px;
        background: #FF5B00;
        border: 1px solid #FF5B00
    }

    .daterangepicker .drp-buttons .cancelBtn {
        background: none;
        border: 0;
        color: #00264D
    }

    .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker.show-ranges.rtl .drp-calendar.right {
        border-right: 1px solid #ddd
    }

    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c;
            color: #fff
        }

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
            float: left
        }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

        .daterangepicker .drp-calendar.left {
            clear: left;
            margin-right: 0
        }

            .daterangepicker .drp-calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

        .daterangepicker .drp-calendar.right {
            margin-left: 0
        }

            .daterangepicker .drp-calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

        .daterangepicker .drp-calendar.left .calendar-table {
            padding-right: 8px
        }

        .daterangepicker .ranges, .daterangepicker .drp-calendar {
            float: left
        }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

@media (max-width: 560px) {
    .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
        padding: 0
    }

    .daterangepicker .calendar-table table {
        width: 278px
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        min-width: auto
    }
}

.slider-labels {
    margin-top: 15px;
    color: #698096
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top .3s;
    transition: left 0.3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
    height: 4px
}

    .noUi-horizontal .noUi-handle {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        left: -2px;
        top: -8px;
        background-color: #fff;
        border: 4px solid #1254FF
    }

.noUi-background {
    background: #F1F5F9
}

.noUi-connect {
    background: #1890FF;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 2px
}

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    cursor: default;
    box-sizing: content-box !important
}

[disabled].noUi-connect, [disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-origin, [disabled] .noUi-handle {
    cursor: not-allowed
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));
        background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
        background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
        background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
        background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev, .swiper-button-next {
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 24px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    line-height: 38px;
    outline: 0
}

    .swiper-button-prev svg, .swiper-button-next svg {
        color: #00264D;
        width: 8px;
        height: 16px
    }

    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
        display: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
        transform: scale(0.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        -ms-transform: scale(0.33);
        transform: scale(0.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #8F90A6;
    outline: 0
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top, 200ms -webkit-transform
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,0.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,0.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #ffffff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,0.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000000
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto)
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100 {
    position: relative;
    font-size: 106px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    background-color: #e5e5e5
}

    .c100 *, .c100 *:before, .c100 *:after {
        box-sizing: content-box
    }

    .c100.center {
        float: none;
        margin: 0 auto
    }

    .c100.big {
        font-size: 240px
    }

    .c100.small {
        font-size: 80px
    }

    .c100 > span {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        width: 5em;
        line-height: 5em;
        font-size: 0.2em;
        color: #000000;
        display: block;
        text-align: center;
        white-space: nowrap;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .c100:after {
        position: absolute;
        top: 0.08em;
        left: 0.08em;
        display: block;
        content: " ";
        border-radius: 50%;
        background-color: whitesmoke;
        width: 0.84em;
        height: 0.84em;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    .c100 .slice {
        position: absolute;
        width: 1em;
        height: 1em;
        clip: rect(0em, 1em, 1em, 0.5em)
    }

    .c100.p1 .bar {
        -webkit-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        transform: rotate(3.6deg)
    }

    .c100.p2 .bar {
        -webkit-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        transform: rotate(7.2deg)
    }

    .c100.p3 .bar {
        -webkit-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        transform: rotate(10.8deg)
    }

    .c100.p4 .bar {
        -webkit-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        transform: rotate(14.4deg)
    }

    .c100.p5 .bar {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    .c100.p6 .bar {
        -webkit-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        transform: rotate(21.6deg)
    }

    .c100.p7 .bar {
        -webkit-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        transform: rotate(25.2deg)
    }

    .c100.p8 .bar {
        -webkit-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        transform: rotate(28.8deg)
    }

    .c100.p9 .bar {
        -webkit-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        transform: rotate(32.4deg)
    }

    .c100.p10 .bar {
        -webkit-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        transform: rotate(36deg)
    }

    .c100.p11 .bar {
        -webkit-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        transform: rotate(39.6deg)
    }

    .c100.p12 .bar {
        -webkit-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        transform: rotate(43.2deg)
    }

    .c100.p13 .bar {
        -webkit-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        transform: rotate(46.8deg)
    }

    .c100.p14 .bar {
        -webkit-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        transform: rotate(50.4deg)
    }

    .c100.p15 .bar {
        -webkit-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        transform: rotate(54deg)
    }

    .c100.p16 .bar {
        -webkit-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        transform: rotate(57.6deg)
    }

    .c100.p17 .bar {
        -webkit-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        transform: rotate(61.2deg)
    }

    .c100.p18 .bar {
        -webkit-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        transform: rotate(64.8deg)
    }

    .c100.p19 .bar {
        -webkit-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        transform: rotate(68.4deg)
    }

    .c100.p20 .bar {
        -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        transform: rotate(72deg)
    }

    .c100.p21 .bar {
        -webkit-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        transform: rotate(75.6deg)
    }

    .c100.p22 .bar {
        -webkit-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        transform: rotate(79.2deg)
    }

    .c100.p23 .bar {
        -webkit-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        transform: rotate(82.8deg)
    }

    .c100.p24 .bar {
        -webkit-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        transform: rotate(86.4deg)
    }

    .c100.p25 .bar {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .c100.p26 .bar {
        -webkit-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        transform: rotate(93.6deg)
    }

    .c100.p27 .bar {
        -webkit-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        transform: rotate(97.2deg)
    }

    .c100.p28 .bar {
        -webkit-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        transform: rotate(100.8deg)
    }

    .c100.p29 .bar {
        -webkit-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        transform: rotate(104.4deg)
    }

    .c100.p30 .bar {
        -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        transform: rotate(108deg)
    }

    .c100.p31 .bar {
        -webkit-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        transform: rotate(111.6deg)
    }

    .c100.p32 .bar {
        -webkit-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        transform: rotate(115.2deg)
    }

    .c100.p33 .bar {
        -webkit-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        transform: rotate(118.8deg)
    }

    .c100.p34 .bar {
        -webkit-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        transform: rotate(122.4deg)
    }

    .c100.p35 .bar {
        -webkit-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        transform: rotate(126deg)
    }

    .c100.p36 .bar {
        -webkit-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        transform: rotate(129.6deg)
    }

    .c100.p37 .bar {
        -webkit-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        transform: rotate(133.2deg)
    }

    .c100.p38 .bar {
        -webkit-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        transform: rotate(136.8deg)
    }

    .c100.p39 .bar {
        -webkit-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        transform: rotate(140.4deg)
    }

    .c100.p40 .bar {
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg)
    }

    .c100.p41 .bar {
        -webkit-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        transform: rotate(147.6deg)
    }

    .c100.p42 .bar {
        -webkit-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        transform: rotate(151.2deg)
    }

    .c100.p43 .bar {
        -webkit-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        transform: rotate(154.8deg)
    }

    .c100.p44 .bar {
        -webkit-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        transform: rotate(158.4deg)
    }

    .c100.p45 .bar {
        -webkit-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        transform: rotate(162deg)
    }

    .c100.p46 .bar {
        -webkit-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        transform: rotate(165.6deg)
    }

    .c100.p47 .bar {
        -webkit-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        transform: rotate(169.2deg)
    }

    .c100.p48 .bar {
        -webkit-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        transform: rotate(172.8deg)
    }

    .c100.p49 .bar {
        -webkit-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        transform: rotate(176.4deg)
    }

    .c100.p50 .bar {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .c100.p51 .bar {
        -webkit-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        transform: rotate(183.6deg)
    }

    .c100.p52 .bar {
        -webkit-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        transform: rotate(187.2deg)
    }

    .c100.p53 .bar {
        -webkit-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        transform: rotate(190.8deg)
    }

    .c100.p54 .bar {
        -webkit-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        transform: rotate(194.4deg)
    }

    .c100.p55 .bar {
        -webkit-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        transform: rotate(198deg)
    }

    .c100.p56 .bar {
        -webkit-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        transform: rotate(201.6deg)
    }

    .c100.p57 .bar {
        -webkit-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        transform: rotate(205.2deg)
    }

    .c100.p58 .bar {
        -webkit-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        transform: rotate(208.8deg)
    }

    .c100.p59 .bar {
        -webkit-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        transform: rotate(212.4deg)
    }

    .c100.p60 .bar {
        -webkit-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        transform: rotate(216deg)
    }

    .c100.p61 .bar {
        -webkit-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        transform: rotate(219.6deg)
    }

    .c100.p62 .bar {
        -webkit-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        transform: rotate(223.2deg)
    }

    .c100.p63 .bar {
        -webkit-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        transform: rotate(226.8deg)
    }

    .c100.p64 .bar {
        -webkit-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        transform: rotate(230.4deg)
    }

    .c100.p65 .bar {
        -webkit-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        transform: rotate(234deg)
    }

    .c100.p66 .bar {
        -webkit-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        transform: rotate(237.6deg)
    }

    .c100.p67 .bar {
        -webkit-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        transform: rotate(241.2deg)
    }

    .c100.p68 .bar {
        -webkit-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        transform: rotate(244.8deg)
    }

    .c100.p69 .bar {
        -webkit-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        transform: rotate(248.4deg)
    }

    .c100.p70 .bar {
        -webkit-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        transform: rotate(252deg)
    }

    .c100.p71 .bar {
        -webkit-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        transform: rotate(255.6deg)
    }

    .c100.p72 .bar {
        -webkit-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        transform: rotate(259.2deg)
    }

    .c100.p73 .bar {
        -webkit-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        transform: rotate(262.8deg)
    }

    .c100.p74 .bar {
        -webkit-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        transform: rotate(266.4deg)
    }

    .c100.p75 .bar {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .c100.p76 .bar {
        -webkit-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        transform: rotate(273.6deg)
    }

    .c100.p77 .bar {
        -webkit-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        transform: rotate(277.2deg)
    }

    .c100.p78 .bar {
        -webkit-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        transform: rotate(280.8deg)
    }

    .c100.p79 .bar {
        -webkit-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        transform: rotate(284.4deg)
    }

    .c100.p80 .bar {
        -webkit-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        transform: rotate(288deg)
    }

    .c100.p81 .bar {
        -webkit-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        transform: rotate(291.6deg)
    }

    .c100.p82 .bar {
        -webkit-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        transform: rotate(295.2deg)
    }

    .c100.p83 .bar {
        -webkit-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        transform: rotate(298.8deg)
    }

    .c100.p84 .bar {
        -webkit-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        transform: rotate(302.4deg)
    }

    .c100.p85 .bar {
        -webkit-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        transform: rotate(306deg)
    }

    .c100.p86 .bar {
        -webkit-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        transform: rotate(309.6deg)
    }

    .c100.p87 .bar {
        -webkit-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        transform: rotate(313.2deg)
    }

    .c100.p88 .bar {
        -webkit-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        transform: rotate(316.8deg)
    }

    .c100.p89 .bar {
        -webkit-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        transform: rotate(320.4deg)
    }

    .c100.p90 .bar {
        -webkit-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        transform: rotate(324deg)
    }

    .c100.p91 .bar {
        -webkit-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        transform: rotate(327.6deg)
    }

    .c100.p92 .bar {
        -webkit-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        transform: rotate(331.2deg)
    }

    .c100.p93 .bar {
        -webkit-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        transform: rotate(334.8deg)
    }

    .c100.p94 .bar {
        -webkit-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        transform: rotate(338.4deg)
    }

    .c100.p95 .bar {
        -webkit-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        transform: rotate(342deg)
    }

    .c100.p96 .bar {
        -webkit-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        transform: rotate(345.6deg)
    }

    .c100.p97 .bar {
        -webkit-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        transform: rotate(349.2deg)
    }

    .c100.p98 .bar {
        -webkit-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        transform: rotate(352.8deg)
    }

    .c100.p99 .bar {
        -webkit-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        transform: rotate(356.4deg)
    }

    .c100.p100 .bar {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .c100:hover {
        cursor: default
    }

        .c100:hover > span {
            width: 3.33em;
            line-height: 3.33em;
            font-size: 0.3em;
            color: #307bbb
        }

        .c100:hover:after {
            top: 0.04em;
            left: 0.04em;
            width: 0.92em;
            height: 0.92em
        }

    .c100.dark {
        background-color: #777777
    }

        .c100.dark .bar, .c100.dark .fill {
            border-color: #c6ff00 !important
        }

        .c100.dark > span {
            color: #777777
        }

        .c100.dark:after {
            background-color: #666666
        }

        .c100.dark:hover > span {
            color: #c6ff00
        }

    .c100.green .bar, .c100.green .fill {
        border-color: #4db53c !important
    }

    .c100.green:hover > span {
        color: #4db53c
    }

    .c100.green.dark .bar, .c100.green.dark .fill {
        border-color: #5fd400 !important
    }

    .c100.green.dark:hover > span {
        color: #5fd400
    }

    .c100.orange .bar, .c100.orange .fill {
        border-color: #FF5B00 !important
    }

    .c100.orange:hover > span {
        color: #FF5B00
    }

    .c100.orange.dark .bar, .c100.orange.dark .fill {
        border-color: #e08833 !important
    }

    .c100.orange.dark:hover > span {
        color: #e08833
    }

.top-header {
    background: #00264D;
    color: #B7CCD9;
    font-size: 12px;
    padding: 6px 0;
    text-align: right
}

    .top-header a {
        color: #B7CCD9;
        margin-left: 40px
    }

        .top-header a svg {
            margin: -2px 6px 0 0
        }

@media (max-width: 991px) {
    .top-header {
        padding: 12px 0
    }

        .top-header .container {
            text-align: left
        }

        .top-header a {
            margin-left: 0;
            margin-right: 20px
        }
}

@media (max-width: 767px) {
    .top-header .container {
        max-width: 100%
    }
}

@media (max-width: 540px) {
    .top-header a:nth-child(3) {
        display: none
    }
}

.topnav {
    position: sticky;
    background: #fff;
    z-index: 99;
    border-bottom: 1px solid #E3EBF3
}

    .topnav.pin {
        position: -webkit-sticky;
        position: sticky
    }

    .topnav .topnav-flex {
        height: 65px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .topnav .logo {
        margin-bottom: 0;
        position: absolute;
        left: 0
    }

        .topnav .logo img {
            width: 123px
        }

    .topnav .tab-menu {
        margin-bottom: 0
    }

        .topnav .tab-menu > li {
            margin: 0 10px;
            padding: 20px 0;
            position: relative;
            -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
            -webkit-transition-property: color;
            transition-property: color;
            -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1)
        }

        .topnav .tab-menu a {
            color: #00264D;
            font-weight: 600;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 0 10px;
            position: relative
        }

            .topnav .tab-menu a svg {
                width: 20px;
                height: 20px;
                margin-right: 8px
            }

            .topnav .tab-menu a.active {
                color: var(--orange);
                font-weight: bold
            }

            .topnav .tab-menu a:hover {
                color: var(--orange)
            }

        .topnav .tab-menu .submenu > a::before {
            content: '';
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.52539 6.23145C4.76953 6.23145 4.96973 6.14355 5.16016 5.94336L8.77832 2.25195C8.9248 2.10547 8.99805 1.9248 8.99805 1.70996C8.99805 1.28027 8.64648 0.928711 8.22168 0.928711C8.00684 0.928711 7.80664 1.0166 7.65039 1.17773L4.53027 4.39551L1.40527 1.17773C1.24414 1.0166 1.04883 0.928711 0.829101 0.92871C0.399414 0.92871 0.0527343 1.28027 0.0527343 1.70996C0.0527342 1.9248 0.125976 2.10547 0.272461 2.25195L3.89062 5.94336C4.08594 6.14844 4.28613 6.23145 4.52539 6.23145Z' fill='%2300264D'/%3e%3c/svg%3e");
            width: 9px;
            height: 7px;
            position: absolute;
            right: -4px;
            top: 8px
        }

        .topnav .tab-menu .sub {
            min-width: 150px;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            padding: 5px 0;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            z-index: 2;
            left: 0;
            top: calc(100% + 20px);
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
            -webkit-transition-property: opacity, top, visible;
            transition-property: opacity, top, visible;
            -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1)
        }

            .topnav .tab-menu .sub li a {
                display: block;
                padding: 7px 15px
            }

        .topnav .tab-menu li:hover .sub {
            opacity: 1;
            visibility: visible;
            top: 100%
        }

.topnav__right {
    position: absolute;
    right: 0
}

.topnav .my-adavigo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .topnav .my-adavigo .icon-bg {
        background: #F1F5F9;
        border-radius: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 37px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px;
        position: relative
    }

        .topnav .my-adavigo .icon-bg:hover, .topnav .my-adavigo .icon-bg:focus, .topnav .my-adavigo .icon-bg.active {
            background: #E3EBF3;
            color: #00264D
        }

    .topnav .my-adavigo .cart {
        position: relative
    }

        .topnav .my-adavigo .cart .icon-bg .number-cart {
            position: absolute;
            background: #F63B2F;
            border-radius: 200px;
            font-size: 12px;
            color: #fff;
            top: -9px;
            left: 24px;
            padding: 1px 6.6px;
            text-align: center;
            z-index: 2
        }

        .topnav .my-adavigo .cart .title {
            border-bottom: 1px solid #E3EBF3;
            font-size: 18px;
            padding-bottom: 10px;
            font-weight: bold
        }

        .topnav .my-adavigo .cart .list-cart {
            position: absolute;
            background: #FFFFFF;
            border-top: 1px solid #1254FF;
            box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
            padding: 24px;
            min-width: 350px;
            right: -30px;
            top: 50px;
            z-index: 4;
            border-radius: 0px 0px 10px 10px
        }

            .topnav .my-adavigo .cart .list-cart .scrollbar-inner {
                max-height: 400px;
                margin-right: -20px
            }

            .topnav .my-adavigo .cart .list-cart .article-itemt {
                border-bottom: 1px solid #E3EBF3;
                margin-bottom: 15px;
                padding-bottom: 10px
            }

                .topnav .my-adavigo .cart .list-cart .article-itemt .title_new {
                    font-size: 16px;
                    font-weight: 600
                }

                .topnav .my-adavigo .cart .list-cart .article-itemt .article-thumb {
                    width: 98px
                }

                .topnav .my-adavigo .cart .list-cart .article-itemt .article-content {
                    width: calc(100% - 98px);
                    padding-left: 10px
                }

    .topnav .my-adavigo .notifi {
        position: relative;
        margin-left: 8px
    }

        .topnav .my-adavigo .notifi > a {
            width: 37px;
            height: 37px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .topnav .my-adavigo .notifi .list-notifi {
            position: absolute;
            border-top: 1px solid #1254FF;
            background: #FFFFFF;
            box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
            padding: 24px;
            min-width: 350px;
            right: -30px;
            top: 50px;
            z-index: 4;
            border-radius: 0px 0px 10px 10px
        }

            .topnav .my-adavigo .notifi .list-notifi .scrollbar-inner {
                max-height: 600px;
                margin-right: -20px
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt .thumb_img {
                border-radius: 4px
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt .article-thumb {
                width: 64px
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt .title_new {
                color: #000;
                font-weight: 500;
                margin-bottom: 5px
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt .des {
                margin-bottom: 6px;
                margin-top: 0
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt .article-content {
                width: calc(100% - 64px)
            }

            .topnav .my-adavigo .notifi .list-notifi .article-itemt:last-child {
                margin-bottom: 0
            }

    .topnav .my-adavigo .my-user {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 8px
    }

        .topnav .my-adavigo .my-user .login, .topnav .my-adavigo .my-user .register {
            padding: 0 10px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 500
        }

            .topnav .my-adavigo .my-user .login svg, .topnav .my-adavigo .my-user .register svg {
                margin-right: 8px
            }

        .topnav .my-adavigo .my-user .register {
            margin-left: 8px;
            background: #F1F5F9;
            border-radius: 10px;
            background: #FF5B00;
            color: #fff;
            display: none
        }

    .topnav .my-adavigo .logged {
        position: relative
    }

        .topnav .my-adavigo .logged .my-info {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .topnav .my-adavigo .logged .my-info .avatar_inner {
                background: #E3EBF3;
                border-radius: 100%;
                width: 36px;
                height: 36px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                color: #698096
            }

            .topnav .my-adavigo .logged .my-info .name {
                font-weight: 500;
                cursor: pointer;
                position: relative;
                padding-right: 15px;
                margin-left: 8px
            }

                .topnav .my-adavigo .logged .my-info .name::before {
                    content: '';
                    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.52539 6.23145C4.76953 6.23145 4.96973 6.14355 5.16016 5.94336L8.77832 2.25195C8.9248 2.10547 8.99805 1.9248 8.99805 1.70996C8.99805 1.28027 8.64648 0.928711 8.22168 0.928711C8.00684 0.928711 7.80664 1.0166 7.65039 1.17773L4.53027 4.39551L1.40527 1.17773C1.24414 1.0166 1.04883 0.928711 0.829101 0.92871C0.399414 0.92871 0.0527343 1.28027 0.0527343 1.70996C0.0527342 1.9248 0.125976 2.10547 0.272461 2.25195L3.89062 5.94336C4.08594 6.14844 4.28613 6.23145 4.52539 6.23145Z' fill='%2300264D'/%3e%3c/svg%3e");
                    width: 9px;
                    height: 7px;
                    position: absolute;
                    right: 0;
                    top: 8px
                }

        .topnav .my-adavigo .logged .list-info {
            position: absolute;
            background: #FFFFFF;
            box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
            border-radius: 0px 0px 10px 10px;
            padding: 15px 0;
            width: 200px;
            right: 0;
            top: 50px;
            z-index: 4
        }

            .topnav .my-adavigo .logged .list-info::before {
                width: 15px;
                height: 15px;
                border: solid #e5e5e5;
                border-width: 0 1px 1px 0;
                content: '';
                position: absolute;
                top: -8px;
                right: 23px;
                background: #fff;
                -webkit-transform: rotate(225deg);
                -ms-transform: rotate(225deg);
                transform: rotate(225deg)
            }

            .topnav .my-adavigo .logged .list-info ul {
                margin-bottom: 0
            }

                .topnav .my-adavigo .logged .list-info ul li a {
                    color: #00264D;
                    line-height: 1.4;
                    padding: 8px 15px;
                    display: block;
                    font-size: 14px;
                    font-weight: 500
                }

                    .topnav .my-adavigo .logged .list-info ul li a svg {
                        margin: -2px 4px 0 0
                    }

                    .topnav .my-adavigo .logged .list-info ul li a:hover {
                        background: #F1F5F9
                    }

                .topnav .my-adavigo .logged .list-info ul li.out a {
                    background: url(images/graphics/logout.svg) no-repeat right;
                    display: inline-block;
                    padding-right: 20px
                }

.topnav .step-menu {
    padding: 0;
    border-bottom: 0
}

.topnav #vibeji-ham {
    width: 48px;
    height: 48px;
    left: 0;
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background: #F4F5F7;
    border-radius: 50%;
    display: none
}

    .topnav #vibeji-ham span {
        display: block;
        position: absolute;
        height: 2px;
        width: 22px;
        background: #000;
        border-radius: 9px;
        opacity: 1;
        right: 12px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

        .topnav #vibeji-ham span:nth-child(1) {
            top: 16px
        }

        .topnav #vibeji-ham span:nth-child(2) {
            top: 23px
        }

        .topnav #vibeji-ham span:nth-child(3) {
            top: 30px
        }

    .topnav #vibeji-ham.open span {
        height: 1.5px;
        width: 20px;
        right: 13px
    }

        .topnav #vibeji-ham.open span:nth-child(1) {
            top: 23px;
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .topnav #vibeji-ham.open span:nth-child(2) {
            opacity: 0;
            right: -30px;
            width: 100%
        }

        .topnav #vibeji-ham.open span:nth-child(3) {
            top: 23px;
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

@media (max-width: 991px) {
    .topnav {
        position: -webkit-sticky;
        position: sticky
    }

        .topnav.sticky {
            position: -webkit-sticky;
            position: sticky
        }

        .topnav .topnav-flex {
            height: 60px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .topnav .logo {
            position: static
        }

            .topnav .logo img {
                width: 100px
            }

        .topnav .tab-menu > li {
            margin: 0 0 0 6px
        }

            .topnav .tab-menu > li:last-child {
                margin-right: 0
            }

        .topnav .tab-menu a svg {
            width: 16px;
            height: 16px;
            margin-right: 4px
        }

    .topnav__right {
        top: -40px;
        z-index: 2
    }

        .topnav__right a {
            color: #B7CCD9
        }

    .topnav .my-adavigo .logged .my-info .avatar_inner {
        width: 30px;
        height: 30px
    }

    .topnav .my-adavigo .logged .my-info .name::before {
        width: 0;
        height: 0;
        background: none;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #B7CCD9;
        position: absolute;
        top: 9px;
        right: 0;
        content: ''
    }
}

@media (max-width: 991px) {
    .topnav .container {
        max-width: 100%
    }

    .topnav #vibeji-ham {
        display: block
    }

    .topnav .logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }

    .topnav__center {
        position: absolute;
        z-index: 98;
        background: #fff;
        top: 60px;
        height: 100vh;
        left: -100%;
        width: 200px;
        max-width: 100%;
        box-shadow: 10px 10px 20px rgba(0,0,0,0.05);
        padding: 15px;
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

        .topnav__center.open {
            left: -10px
        }

        .topnav__center .tab-menu {
            display: block
        }

            .topnav__center .tab-menu > li {
                margin: 0;
                padding: 12px 0;
                border-bottom: 1px solid rgba(51,51,51,0.15)
            }

                .topnav__center .tab-menu > li a {
                    padding: 0
                }

    .topnav__right {
        top: 12px
    }

        .topnav__right a {
            color: #00264D
        }

    .topnav .my-adavigo .logged .my-info .name::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.52539 6.23145C4.76953 6.23145 4.96973 6.14355 5.16016 5.94336L8.77832 2.25195C8.9248 2.10547 8.99805 1.9248 8.99805 1.70996C8.99805 1.28027 8.64648 0.928711 8.22168 0.928711C8.00684 0.928711 7.80664 1.0166 7.65039 1.17773L4.53027 4.39551L1.40527 1.17773C1.24414 1.0166 1.04883 0.928711 0.829101 0.92871C0.399414 0.92871 0.0527343 1.28027 0.0527343 1.70996C0.0527342 1.9248 0.125976 2.10547 0.272461 2.25195L3.89062 5.94336C4.08594 6.14844 4.28613 6.23145 4.52539 6.23145Z' fill='%2300264D'/%3e%3c/svg%3e");
        width: 9px;
        height: 7px;
        border: 0
    }

    .topnav .my-adavigo .logged .list-info {
        top: 40px
    }
}

@media (max-width: 576px) {
    .topnav .container {
        padding: 0 10px
    }

    .topnav .my-adavigo .notifi {
        display: none
    }

    .topnav .my-adavigo .my-user .my-info .name {
        max-width: 40px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .topnav .my-adavigo .my-user .login {
        padding-right: 2px
    }

        .topnav .my-adavigo .my-user .login span {
            font-size: 0
        }

    .topnav .my-adavigo .my-user .register {
        font-size: 12px;
        padding: 0 6px;
        line-height: 30px;
        border-radius: 4px
    }
}

.footer {
    background: #070BA0;
    padding: 45px 0 0 0;
    color: #B7CCD9
}

    .footer a {
        color: #B7CCD9
    }

        .footer a:hover {
            color: var(--colormain)
        }

    .footer p {
        margin-bottom: 10px
    }

        .footer p strong {
            color: #fff
        }

    .footer .grid .td {
        margin-top: 20px
    }

    .footer ul {
        margin-bottom: 0
    }

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

    .footer .social a {
        margin-right: 15px
    }

    .footer .info {
        border-top: 1px solid rgba(217,217,217,0.2);
        padding-top: 25px;
        margin-top: 25px;
        font-size: 12px;
        margin-bottom: 40px
    }

        .footer .info p {
            margin-bottom: 8px
        }

            .footer .info p strong {
                font-size: 14px
            }

        .footer .info .pl_20 {
            padding-left: 30px;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .footer .info .pl_20 .text {
                width: 213px
            }

            .footer .info .pl_20 .dmca a {
                margin-left: 15px
            }

    .footer .copyright {
        background: #00264D;
        padding: 15px 0;
        font-size: 12px
    }

        .footer .copyright .container {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .footer .copyright .nav {
            margin-left: 40px
        }

            .footer .copyright .nav a {
                margin-right: 16px
            }

        .footer .copyright .bank a {
            margin-left: 16px
        }

@media (max-width: 991px) {
    .footer {
        padding: 25px 0 0 0
    }

        .footer .grid__5 {
            -ms-grid-columns: (1fr)[3];
            grid-template-columns: repeat(3, 1fr)
        }
}

@media (max-width: 767px) {
    .footer .copyright .nav {
        margin-left: 20px
    }

    .footer .copyright .container {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .footer .copyright .container .flex {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .footer .copyright .container .flex .bank {
                margin-top: 0 !important
            }

            .footer .copyright .container .flex:nth-child(2) {
                margin-top: 10px
            }
}

@media (max-width: 576px) {
    .footer .grid__5 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .footer .grid__2 {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .footer .info .pl_20 {
        width: 100%;
        padding-left: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .footer .info .pl_20 .text {
            width: 100%;
            margin-bottom: 10px
        }

        .footer .info .pl_20 .dmca a {
            margin-left: 0;
            margin-right: 15px
        }

    .footer .copyright .container > .flex {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-user {
    background: #00264D;
    color: #B7CCD9;
    padding: 11px 0
}

    .footer-user a {
        color: #B7CCD9
    }

    .footer-user .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.adv-footer {
    color: #fff;
    font-size: 13px;
    font-family: Arial
}

    .adv-footer .pc-footer {
        background: #0159a1
    }

    .adv-footer .adv-content-footer {
        padding: 50px 0
    }

    .adv-footer a {
        color: #fff
    }

        .adv-footer a:hover {
            text-decoration: underline
        }

    .adv-footer .icon-plane {
        height: 200px;
        width: 400px;
        position: absolute;
        right: 19%;
        top: -50px
    }

        .adv-footer .icon-plane .df-img {
            width: 100%;
            height: 100%
        }

    .adv-footer .title {
        font-size: 18px;
        font-weight: bold
    }

    .adv-footer .ft-line-divide {
        border-bottom: 2px solid #fff;
        margin: 30px 0
    }

    .adv-footer p.ml-3 {
        margin-left: 0 !important
    }

    .adv-footer .company-name {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }

        .adv-footer .company-name .ft-logo {
            border-radius: 5px;
            overflow: hidden;
            margin-right: 10px;
            padding: 5px;
            height: 40px;
            border: 1px solid #fff;
            background: #fff;
            box-shadow: 0px 3px 16px 0px #00000033
        }

            .adv-footer .company-name .ft-logo img {
                height: 100%
            }

    .adv-footer .social-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

        .adv-footer .social-list .social-item {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 8px;
            background: #fff
        }

            .adv-footer .social-list .social-item a {
                display: block;
                text-align: center;
                line-height: 26px;
                color: #3490dc
            }

    .adv-footer .ft-right {
        margin-top: 132px;
        padding-left: 100px
    }

        .adv-footer .ft-right .ft-follow-us {
            border-bottom: 2px solid #fff
        }

        .adv-footer .ft-right .faith .trade {
            margin-right: 5px;
            height: 23px;
            background: #fff;
            padding: 0 3px
        }

        .adv-footer .ft-right .faith .dmca {
            height: 25px
        }

        .adv-footer .ft-right .faith p {
            margin: 8px 0
        }

    .adv-footer .ft-payment-method i {
        font-size: 22px;
        margin-right: 8px
    }

@media (max-width: 1280px) {
    .adv-footer .ft-right {
        margin-top: 130px;
        padding-left: 50px
    }
}

@media (max-width: 1025px) {
    .adv-footer .icon-plane {
        display: none
    }

    .adv-footer .ft-right {
        margin-top: 30px;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .adv-footer .adv-content-footer {
        padding: 30px 0
    }

    .adv-footer .ft-line-divide {
        border-bottom: 1px solid rgba(255,255,255,0.5);
        margin: 20px 0
    }

    .adv-footer .grid__4 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.adv-social-channel {
    position: fixed;
    bottom: 50px;
    right: 8px;
    z-index: 3
}

    .adv-social-channel .adv-channel {
        text-align: center;
        margin-top: 10px
    }

        .adv-social-channel .adv-channel img {
            height: 50px
        }

    .adv-social-channel .channel-zalo {
        position: relative
    }

        .adv-social-channel .channel-zalo .zl-rotate {
            width: 65px;
            height: 65px;
            background-image: url(images/graphics/rotate_img.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            top: initial !important;
            cursor: pointer;
            z-index: 99
        }

        .adv-social-channel .channel-zalo img {
            position: absolute;
            top: 8px;
            left: 8px
        }

    .adv-social-channel .channel-call i.fa {
        border: 1px solid;
        color: #FA5922;
        font-size: 26px;
        background: #fff;
        width: 42px;
        height: 42px;
        line-height: 40px;
        border-radius: 20px
    }

.zalo-chat-widget {
    bottom: 100px !important;
    right: 7px !important
}

    .zalo-chat-widget iframe {
        min-height: 100% !important;
        min-width: 100% !important
    }

.fb_dialog_content iframe {
    bottom: 160px !important;
    right: 7px !important;
    left: inherit !important;
    margin: 0 auto !important
}

.fb_iframe_widget iframe {
    left: inherit !important;
    right: 7px;
    bottom: 220px !important
}

#stringee-container {
    bottom: 30px !important;
    right: 0px !important
}

.zl-rotate {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.section-main {
    background: #F1F5F9;
    padding-top: 10px;
    padding-bottom: 30px;
    min-height: 88vh;
    min-height: calc(100vh - 112px)
}

@media (max-width: 991px) {
    .section-main {
        padding-top: 15px
    }
}

.wrap-search {
    margin-bottom: 16px;
    background: #fff;
    padding: 16px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9
}

    .wrap-search .item {
        padding-right: 8px;
        width: 50%;
        position: relative
    }

        .wrap-search .item:last-child {
            padding-right: 0
        }

        .wrap-search .item .notifi {
            position: absolute;
            background: #D09111;
            border-radius: 10px;
            padding: 10px 16px;
            color: #fff;
            top: -56px;
            width: calc(100% - 8px);
            text-align: center
        }

            .wrap-search .item .notifi::before {
                content: "";
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 8px solid #D09111;
                position: absolute;
                bottom: -8px;
                left: 50%;
                margin-left: -5px
            }

        .wrap-search .item .wrap {
            background: #F1F5F9;
            border: 1.5px solid #E3EBF3;
            border-radius: 10px;
            padding: 8px 15px;
            position: relative;
            cursor: pointer;
            -webkit-transition: 0.2s all;
            transition: 0.2s all;
            width: 100%;
            display: block
        }

            .wrap-search .item .wrap:hover {
                border: 1.5px solid #B7CCD9
            }

            .wrap-search .item .wrap.active {
                background: #FFFFFF;
                border: 1.5px solid #1254FF
            }

            .wrap-search .item .wrap[aria-expanded="true"] {
                background: #FFFFFF;
                border: 1.5px solid #1254FF
            }

        .wrap-search .item .icon {
            color: #698096;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 8px;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .wrap-search .item .icon .tooltip-new {
                margin-left: 4px
            }

                .wrap-search .item .icon .tooltip-new svg {
                    margin-right: 0
                }

            .wrap-search .item .icon svg {
                margin-right: 8px
            }

        .wrap-search .item .btn-on-off {
            margin: 0 0px 0 8px
        }

        .wrap-search .item .text {
            color: #00264D;
            font-weight: bold;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .wrap-search .item .text svg {
                color: #698096;
                margin-right: 8px;
                display: none
            }

            .wrap-search .item .text .form-control {
                border: 0 !important;
                padding: 0;
                font-weight: bold;
                color: #00264D;
                font-size: 14px;
                background: none;
                height: 22px
            }

                .wrap-search .item .text .form-control::-webkit-input-placeholder {
                    color: #698096
                }

                .wrap-search .item .text .form-control:-moz-placeholder {
                    color: #698096
                }

                .wrap-search .item .text .form-control::-moz-placeholder {
                    color: #698096
                }

                .wrap-search .item .text .form-control:-ms-input-placeholder {
                    color: #698096
                }

            .wrap-search .item .text button.Zebra_DatePicker_Icon {
                background: none
            }

        .wrap-search .item .sl_giohang {
            padding-left: 22px
        }

            .wrap-search .item .sl_giohang .input-group-prepend button {
                height: 24px;
                width: 24px;
                background: #FFFFFF;
                border-radius: 6px
            }

            .wrap-search .item .sl_giohang input {
                height: 24px;
                width: 24px;
                background: none
            }

    .wrap-search .address-w {
        width: 38%
    }

        .wrap-search .address-w .item .change {
            position: absolute;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1.25' y='0.5' width='29' height='29' rx='14.5' fill='white'/%3e%3cpath d='M7.80172 13.8187C7.69678 13.5654 7.75478 13.2738 7.94862 13.08L11.033 9.99563C11.2978 9.73079 11.727 9.73079 11.9918 9.99563C12.2565 10.2603 12.2565 10.6896 11.9918 10.9543L10.0647 12.8813H23.072C23.4464 12.8813 23.75 13.1848 23.75 13.5593C23.75 13.9338 23.4464 14.2373 23.072 14.2373H8.42803C8.15381 14.2373 7.90666 14.072 7.80172 13.8187ZM23.072 15.7627H8.42797C8.05356 15.7627 7.75 16.0662 7.75 16.4407C7.75 16.8152 8.05356 17.1187 8.42797 17.1187H21.4353L19.5082 19.0457C19.2435 19.3104 19.2434 19.7397 19.5082 20.0044C19.6406 20.1368 19.814 20.203 19.9876 20.203C20.161 20.203 20.3346 20.1368 20.467 20.0044L23.5514 16.92C23.7452 16.7262 23.8032 16.4346 23.6983 16.1813C23.5933 15.928 23.3462 15.7627 23.072 15.7627Z' fill='%23698096'/%3e%3crect x='1.25' y='0.5' width='29' height='29' rx='14.5' stroke='%23E3EBF3'/%3e%3c/svg%3e");
            width: 30px;
            height: 30px;
            right: -15px;
            top: 50%;
            margin-top: -15px;
            z-index: 2;
            border: 0;
            outline: 0;
            cursor: pointer;
            border-radius: 50%
        }

    .wrap-search .date-w {
        width: 34%;
        float: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 8px
    }

        .wrap-search .date-w .t-check-in, .wrap-search .date-w .t-check-out {
            width: 100%;
            border: 0 !important;
            padding: 0;
            font-weight: bold;
            color: #00264D;
            font-size: 14px;
            background: none;
            height: 22px
        }

            .wrap-search .date-w .t-check-in .t-dates, .wrap-search .date-w .t-check-out .t-dates {
                padding: 0;
                height: 22px
            }

            .wrap-search .date-w .t-check-in .t-date-info-title, .wrap-search .date-w .t-check-out .t-date-info-title {
                margin-bottom: 0;
                position: static;
                color: #00264D;
                font-weight: bold
            }

        .wrap-search .date-w .t-datepicker-day {
            top: 35px
        }

        .wrap-search .date-w .t-arrow-top {
            display: none !important
        }

    .wrap-search .guest-w {
        width: 28%;
        width: calc(28% - 76px);
        padding-left: 8px
    }

        .wrap-search .guest-w .item {
            width: 100%
        }

    .wrap-search .btn-search {
        width: 76px;
        padding: 0 10px;
        margin-left: 8px
    }

        .wrap-search .btn-search svg {
            width: 20px;
            height: 20px
        }

    .wrap-search .full-item {
        padding-right: 8px
    }

        .wrap-search .full-item .item {
            width: 100%
        }

    .wrap-search .form-search .input_search {
        border: 0 !important;
        padding: 0;
        background: none;
        height: 22px
    }

    .wrap-search .form-search .select2-container .select2-selection--single {
        border: 0 !important;
        padding: 0;
        background: none;
        height: 22px;
        padding-top: 3px
    }

        .wrap-search .form-search .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 1.2;
            padding: 0
        }

            .wrap-search .form-search .select2-container .select2-selection--single .select2-selection__rendered .icon-svg {
                display: none
            }

            .wrap-search .form-search .select2-container .select2-selection--single .select2-selection__rendered .address-name, .wrap-search .form-search .select2-container .select2-selection--single .select2-selection__rendered .address-code {
                display: inline-block
            }

        .wrap-search .form-search .select2-container .select2-selection--single .select2-selection__arrow {
            display: none
        }

    .wrap-search .list-address {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
        border-radius: 10px;
        padding: 10px;
        width: 350px;
        left: 0;
        top: 80px;
        z-index: 4
    }

        .wrap-search .list-address ul {
            margin-bottom: 0;
            max-height: 360px;
            overflow-y: auto
        }

            .wrap-search .list-address ul::-webkit-scrollbar {
                width: 5px
            }

            .wrap-search .list-address ul::-webkit-scrollbar-thumb {
                background-color: #ccc;
                width: 5px;
                border-radius: 10px
            }

            .wrap-search .list-address ul li {
                position: relative;
                color: #698096;
                padding: 10px 20px 10px 55px;
                cursor: pointer;
                -webkit-transition: 0.3s all;
                transition: 0.3s all
            }

                .wrap-search .list-address ul li svg {
                    position: absolute;
                    left: 24px;
                    top: 24px
                }

                .wrap-search .list-address ul li .name {
                    font-weight: bold;
                    color: #00264D
                }

                .wrap-search .list-address ul li:last-child {
                    margin-bottom: 0
                }

                .wrap-search .list-address ul li:hover {
                    background: rgba(241,245,249,0.7)
                }

    .wrap-search .tab-menu {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 24px;
        width: 100%
    }

        .wrap-search .tab-menu a {
            color: #00264D;
            font-weight: 500;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 20px
        }

            .wrap-search .tab-menu a svg {
                width: 20px;
                height: 20px;
                margin-right: 8px
            }

            .wrap-search .tab-menu a.active {
                color: var(--orange);
                font-weight: bold
            }

            .wrap-search .tab-menu a:hover {
                color: var(--orange)
            }

    .wrap-search .flexbox {
        position: relative
    }

    .wrap-search .fillter-location {
        position: static
    }

        .wrap-search .fillter-location .list-address {
            width: 100%;
            top: 100px;
            padding-top: 0;
            -webkit-transition: 0.3s all;
            transition: 0.3s all;
            opacity: 0;
            visibility: hidden
        }

            .wrap-search .fillter-location .list-address.open {
                visibility: visible;
                opacity: 1;
                top: 75px
            }

            .wrap-search .fillter-location .list-address .header {
                background: #FF5B00;
                padding: 5px 15px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 15px;
                border-radius: 10px 10px 0 0
            }

                .wrap-search .fillter-location .list-address .header .title {
                    font-size: 14px;
                    color: #fff;
                    margin-bottom: 0;
                    font-weight: bold
                }

                .wrap-search .fillter-location .list-address .header .close {
                    color: #fff;
                    font-family: -webkit-body;
                    opacity: 1
                }

            .wrap-search .fillter-location .list-address .box-search {
                padding: 0 45px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 10px;
                margin-bottom: 15px
            }

                .wrap-search .fillter-location .list-address .box-search .title {
                    font-size: 14px;
                    text-transform: uppercase;
                    font-weight: bold;
                    width: 80px;
                    margin-top: 8px
                }

                .wrap-search .fillter-location .list-address .box-search .form-search {
                    width: 70%
                }

                    .wrap-search .fillter-location .list-address .box-search .form-search .input_search {
                        border: 1px solid #E4E4EB !important;
                        height: 35px;
                        padding: 0 12px
                    }

                    .wrap-search .fillter-location .list-address .box-search .form-search .suggest-search {
                        background: #FFFFFF;
                        box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
                        border-radius: 6px;
                        position: absolute;
                        z-index: 2;
                        width: 100%;
                        padding: 8px 0
                    }

                        .wrap-search .fillter-location .list-address .box-search .form-search .suggest-search ul {
                            max-height: 100%
                        }

                            .wrap-search .fillter-location .list-address .box-search .form-search .suggest-search ul li {
                                padding: 4px 10px;
                                color: #222;
                                -webkit-transition: none;
                                transition: none;
                                border-radius: 3px;
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -webkit-align-items: center;
                                -ms-flex-align: center;
                                align-items: center;
                                -webkit-box-pack: justify;
                                -webkit-justify-content: space-between;
                                -ms-flex-pack: justify;
                                justify-content: space-between
                            }

                                .wrap-search .fillter-location .list-address .box-search .form-search .suggest-search ul li:hover {
                                    background: #FF5B00;
                                    color: #fff
                                }

                .wrap-search .fillter-location .list-address .box-search .btn-default {
                    color: #fff;
                    height: 35px;
                    line-height: 35px
                }

            .wrap-search .fillter-location .list-address .list-city ul {
                max-height: 100%
            }

                .wrap-search .fillter-location .list-address .list-city ul .lbl {
                    padding: 5px 10px;
                    color: #FF5B00;
                    text-transform: uppercase;
                    font-weight: bold
                }

                .wrap-search .fillter-location .list-address .list-city ul li {
                    padding: 4px 10px;
                    color: #222;
                    -webkit-transition: none;
                    transition: none;
                    border-radius: 3px
                }

                    .wrap-search .fillter-location .list-address .list-city ul li:hover {
                        background: #FF5B00;
                        color: #fff
                    }

@media (max-width: 992px) {
    .wrap-search .fillter-location .list-address .list-city {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        max-height: 360px;
        overflow-y: auto
    }
}

@media (max-width: 600px) {
    .wrap-search .fillter-location .list-address .list-city {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .wrap-search .fillter-location .list-address .box-search {
        padding: 0 10px
    }

        .wrap-search .fillter-location .list-address .box-search .title {
            display: none
        }

        .wrap-search .fillter-location .list-address .box-search .form-search {
            width: 100%
        }

        .wrap-search .fillter-location .list-address .box-search .btn-default {
            min-width: 70px;
            padding: 0 10px
        }
}

.wrap-search.block {
    display: block
}

@media (min-width: 992px) {
    .wrap-search.sticky {
        position: -webkit-sticky;
        position: sticky;
        z-index: 99;
        border-radius: 0 0 10px 10px;
        box-shadow: 0px 4px 34px rgba(0,0,0,0.15)
    }

        .wrap-search.sticky .list-address, .wrap-search.sticky .info-passenger {
            top: 55px
        }

        .wrap-search.sticky .item .wrap .icon {
            display: none
        }

        .wrap-search.sticky .item .text {
            font-size: 13px
        }

            .wrap-search.sticky .item .text svg {
                display: inline-block;
                margin-right: 5px
            }
}

.wrap-search.no-sticky {
    box-shadow: none;
    position: static
}

    .wrap-search.no-sticky .item .wrap {
        padding: 4px 10px;
        border: 0 !important
    }

        .wrap-search.no-sticky .item .wrap .icon {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 5px
        }

    .wrap-search.no-sticky .item .text {
        font-size: 14px;
        padding-right: 15px;
        position: relative
    }

        .wrap-search.no-sticky .item .text::before {
            content: "";
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.76953 0.655593C5.47656 0.655593 5.23633 0.761062 5.00781 1.0013L0.666015 5.43098C0.490234 5.60677 0.402344 5.82356 0.402344 6.08137C0.402344 6.597 0.824219 7.01887 1.33398 7.01887C1.5918 7.01887 1.83203 6.91341 2.01953 6.72005L5.76367 2.85872L9.51367 6.72005C9.70703 6.91341 9.94141 7.01887 10.2051 7.01887C10.7207 7.01887 11.1367 6.597 11.1367 6.08137C11.1367 5.82356 11.0488 5.60677 10.873 5.43098L6.53125 1.0013C6.29687 0.755203 6.05664 0.655593 5.76953 0.655593Z' fill='%2300264D'/%3e%3c/svg%3e");
            background-position: right;
            width: 12px;
            height: 8px;
            position: absolute;
            right: 0px;
            top: 6px;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .wrap-search.no-sticky .info-passenger {
        top: 60px
    }

.wrap-search.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.wrap-search__v2 {
    padding: 24px;
    margin-top: -50px;
    margin-bottom: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .wrap-search__v2 .flexbox {
        width: 100%
    }

    .wrap-search__v2.sticky {
        position: static
    }

    .wrap-search__v2 .max-w {
        min-width: 360px
    }

@media (max-width: 991px) {
    .wrap-search__v2 {
        margin-top: 0
    }
}

@media (max-width: 1025px) {
    .wrap-search {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .wrap-search .list-address {
            width: calc(100vw - 60px);
            top: 70px
        }

            .wrap-search .list-address ul li {
                padding: 7px 10px 7px 35px
            }

                .wrap-search .list-address ul li svg {
                    left: 10px
                }

        .wrap-search .info-passenger {
            width: 100%;
            padding: 15px;
            top: 70px
        }

            .wrap-search .info-passenger .col-6 {
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

                .wrap-search .info-passenger .col-6.line-left {
                    display: none
                }

        .wrap-search .address-w, .wrap-search .date-w {
            width: 50%;
            margin-bottom: 10px
        }

        .wrap-search .date-w {
            padding-right: 0
        }

            .wrap-search .date-w .item:last-child {
                padding-right: 0
            }

        .wrap-search .guest-w {
            width: 50%
        }

    .wrap-search__v2 {
        padding-bottom: 10px
    }

        .wrap-search__v2.nowrap {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .wrap-search__v2 .max-w {
            min-width: 33.33%
        }

        .wrap-search__v2 .full-item {
            padding-right: 0;
            width: 33.33%;
            margin-bottom: 10px
        }

        .wrap-search__v2 .flexbox {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .wrap-search__v2 .btn-default {
            margin-bottom: 0
        }

        .wrap-search__v2 .list-address {
            width: 100%
        }
}

@media (max-width: 991px) {
    .wrap-search {
        padding: 15px
    }

        .wrap-search .address-w, .wrap-search .date-w {
            width: 100%;
            max-width: 100%;
            padding-left: 0
        }

            .wrap-search .address-w .item:last-child, .wrap-search .date-w .item:last-child {
                padding-right: 0
            }

        .wrap-search .guest-w {
            width: calc(100% - 60px);
            padding-left: 0
        }

        .wrap-search .btn-search {
            width: 50px
        }

        .wrap-search .flexbox {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .wrap-search .tab-menu a {
            margin: 0 10px
        }

            .wrap-search .tab-menu a svg {
                width: 16px;
                height: 16px;
                margin-right: 4px
            }

        .wrap-search.no-sticky .item {
            width: 100% !important;
            margin-bottom: 15px;
            padding-right: 0
        }
}

@media (max-width: 767px) {
    .wrap-search__v2 .max-w {
        min-width: 50%
    }

    .wrap-search__v2 .full-item {
        width: 50%
    }

        .wrap-search__v2 .full-item:nth-child(2n) .item {
            padding-right: 0
        }

    .wrap-search__v2 .list-address {
        width: calc(100vw - 60px)
    }
}

@media (max-width: 576px) {
    .wrap-search .tab-menu {
        margin-bottom: 5px
    }

        .wrap-search .tab-menu a {
            margin: 0px 6px 8px 6px
        }

    .wrap-search .item .wrap {
        padding: 8px 8px
    }

    .wrap-search .item .text {
        white-space: nowrap
    }
}

@media (max-width: 380px) {
    .wrap-search .item .wrap {
        font-size: 13px
    }

    .wrap-search .item .text .form-control {
        font-size: 13px
    }
}

.building-grid .address-w .item, .building-grid .guest-w .item {
    width: 100%
}

.building-grid .date-w {
    position: relative
}

    .building-grid .date-w .note {
        position: absolute;
        border: 1px solid #E3EBF3;
        border-radius: 47px;
        background: #FFFFFF;
        font-weight: 500;
        color: #698096;
        line-height: 29px;
        padding: 0 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        top: 50%;
        left: 50%;
        z-index: 1;
        margin: -16px 0 0 -30px
    }

        .building-grid .date-w .note svg {
            width: 13px;
            height: 13px;
            margin-left: 5px
        }

@media (max-width: 1280px) {
    .building-grid .date-w {
        width: 40%
    }
}

@media (max-width: 1025px) {
    .building-grid .address-w {
        width: 40%
    }

    .building-grid .date-w {
        width: 60%
    }
}

@media (max-width: 991px) {
    .building-grid .address-w {
        width: 100%;
        padding-right: 0
    }

    .building-grid .date-w {
        width: 100%
    }
}

.select-address-custom {
    width: 300px !important;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
    border-radius: 10px !important;
    padding: 15px;
    bottom: -20px !important;
    left: -15px !important
}

.trip-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.trip-info__left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 53%;
    padding-right: 16px
}

.trip-info__right {
    width: 47%;
    padding-left: 16px
}

    .trip-info__right .detail-trip {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .trip-info__right p {
        color: #698096;
        margin-bottom: 0
    }

    .trip-info__right .name {
        width: 150px
    }

        .trip-info__right .name .logo {
            margin-bottom: 2px
        }

            .trip-info__right .name .logo img {
                width: 35px
            }

        .trip-info__right .name .hang {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 4px
        }

    .trip-info__right .time-flight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .trip-info__right .time-flight .time {
            font-weight: bold;
            font-size: 18px
        }

        .trip-info__right .time-flight .add {
            background: #fff;
            border-radius: 10px;
            line-height: 26px;
            padding: 0 4px;
            color: #698096;
            display: inline-block
        }

        .trip-info__right .time-flight .flight {
            margin: 4px 24px 0 24px
        }

            .trip-info__right .time-flight .flight img {
                margin-bottom: 10px
            }

    .trip-info__right .edit {
        background: #FFFFFF;
        border-radius: 10px;
        color: #1254FF;
        font-weight: 500;
        line-height: 33px;
        height: 33px;
        padding: 0 16px
    }

    .trip-info__right .time-flight__v2 {
        display: block;
        text-align: left;
        position: relative
    }

        .trip-info__right .time-flight__v2::before {
            content: "";
            background: #B7CCD9;
            width: 1px;
            position: absolute;
            top: 40px;
            bottom: 60px;
            left: 130px
        }

        .trip-info__right .time-flight__v2 .first-time, .trip-info__right .time-flight__v2 .last-time {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100% !important
        }

            .trip-info__right .time-flight__v2 .first-time .time, .trip-info__right .time-flight__v2 .last-time .time {
                width: 80px;
                font-weight: 400;
                text-align: left
            }

            .trip-info__right .time-flight__v2 .first-time .detail, .trip-info__right .time-flight__v2 .last-time .detail {
                width: 70%;
                width: calc(100% - 80px)
            }

                .trip-info__right .time-flight__v2 .first-time .detail .title-add, .trip-info__right .time-flight__v2 .last-time .detail .title-add {
                    font-weight: bold;
                    color: #000;
                    margin-bottom: 10px
                }

                    .trip-info__right .time-flight__v2 .first-time .detail .title-add svg, .trip-info__right .time-flight__v2 .last-time .detail .title-add svg {
                        color: #1254FF;
                        margin-right: 4px
                    }

                .trip-info__right .time-flight__v2 .first-time .detail .service, .trip-info__right .time-flight__v2 .last-time .detail .service {
                    margin-bottom: 0;
                    padding-left: 2rem
                }

                    .trip-info__right .time-flight__v2 .first-time .detail .service li, .trip-info__right .time-flight__v2 .last-time .detail .service li {
                        margin-bottom: 16px;
                        color: #698096;
                        position: relative;
                        padding-left: 28px
                    }

                        .trip-info__right .time-flight__v2 .first-time .detail .service li svg, .trip-info__right .time-flight__v2 .last-time .detail .service li svg {
                            position: absolute;
                            left: 0;
                            top: 2px
                        }

        .trip-info__right .time-flight__v2 .flight {
            position: absolute;
            font-weight: 400;
            top: 50%;
            margin-top: -20px
        }

.trip-info .lbl {
    margin-right: 12px;
    background: #00A86B;
    border-radius: 66px;
    padding: 0 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-top: 2px;
    width: 70px;
    text-align: center;
    font-weight: bold
}

    .trip-info .lbl.red {
        background: #FF5247
    }

.trip-info .info {
    width: calc(100% - 82px)
}

    .trip-info .info .name {
        font-size: 22px
    }

    .trip-info .info .date {
        color: #698096
    }

    .trip-info .info ul {
        margin-bottom: 0
    }

        .trip-info .info ul li {
            color: #698096
        }

            .trip-info .info ul li a {
                color: #698096
            }

.trip-info .line-left {
    border-left: 1px solid #B7CCD9
}

.trip-info .btn-default {
    background: #F6A500;
    border-radius: 10px;
    border: 0;
    line-height: 26px;
    height: 26px;
    padding: 0 10px;
    font-weight: 400
}

.trip-info.min {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px
}

    .trip-info.min .trip-info__left {
        width: 100%;
        padding-right: 0;
        border-bottom: 1px solid #E3EBF3;
        padding-bottom: 8px;
        margin-bottom: 8px
    }

    .trip-info.min .trip-info__right {
        width: 100%;
        padding-left: 0
    }

        .trip-info.min .trip-info__right .detail-trip {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: normal;
            -webkit-justify-content: normal;
            -ms-flex-pack: normal;
            justify-content: normal
        }

        .trip-info.min .trip-info__right .name {
            width: 180px;
            position: relative;
            padding-left: 42px;
            font-size: 12px
        }

            .trip-info.min .trip-info__right .name .logo {
                position: absolute;
                left: 0
            }

            .trip-info.min .trip-info__right .name .hang {
                font-size: 14px;
                margin-bottom: 0
            }

        .trip-info.min .trip-info__right .option {
            border-left: 1px solid #B7CCD9;
            padding-left: 10px;
            color: #698096;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .trip-info.min .trip-info__right .option .tag {
                background: #E6F7FF;
                border-radius: 4px;
                color: #1254FF;
                font-size: 12px;
                font-weight: bold;
                margin-right: 6px;
                line-height: 22px;
                padding: 0px 4px;
                text-transform: uppercase
            }

            .trip-info.min .trip-info__right .option.no-line {
                border-left: 0
            }

        .trip-info.min .trip-info__right .time-flight {
            width: 100%;
            padding-left: 42px;
            margin-top: 10px
        }

            .trip-info.min .trip-info__right .time-flight .first-time, .trip-info.min .trip-info__right .time-flight .last-time {
                width: 30%
            }

            .trip-info.min .trip-info__right .time-flight .first-time {
                text-align: left
            }

            .trip-info.min .trip-info__right .time-flight .last-time {
                text-align: right
            }

            .trip-info.min .trip-info__right .time-flight .flight {
                width: 40%;
                margin: 4px 10px 0 10px;
                text-align: center
            }

            .trip-info.min .trip-info__right .time-flight .add {
                font-size: 12px;
                line-height: 1
            }

@media (max-width: 576px) {
    .trip-info.min .trip-info__right .time-flight {
        padding-left: 0 !important
    }
}

.trip-info.min .lbl {
    margin-top: 0;
    font-size: 12px;
    height: 24px;
    width: 60px;
    margin-right: 8px
}

.trip-info.min .info {
    width: calc(100% - 68px)
}

    .trip-info.min .info .name {
        font-size: 14px;
        font-weight: bold
    }

@media (max-width: 991px) {
    .trip-info.min {
        margin-bottom: 15px
    }

        .trip-info.min .col-md-5, .trip-info.min .col-md-7 {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        .trip-info.min .col-md-5 {
            margin-top: 10px
        }
}

@media (max-width: 576px) {
    .trip-info.min .trip-info__right .time-flight .first-time, .trip-info.min .trip-info__right .time-flight .last-time {
        width: 35%
    }

    .trip-info.min .trip-info__right .time-flight .flight {
        width: 30%;
        margin: 0
    }
}

.trip-info__v2 .info {
    width: 100% !important
}

@media (max-width: 1280px) {
    .trip-info .info .name {
        font-size: 20px
    }
}

@media (max-width: 1025px) {
    .trip-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trip-info__left {
        width: 100%;
        padding-right: 0
    }

    .trip-info__right {
        width: 100%;
        padding-left: 0;
        border-left: 0 !important;
        margin-top: 5px
    }
}

@media (max-width: 768px) {
    .trip-info .info .name {
        font-size: 16px
    }
}

@media (max-width: 600px) {
    .trip-info .lbl {
        margin-top: 0
    }

    .trip-info .info .name {
        font-size: 14px
    }

    .trip-info__left {
        border-bottom: 1px solid #E3EBF3;
        padding-bottom: 10px
    }

    .trip-info__right .detail-trip {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trip-info__right .name {
        font-size: 12px;
        width: 100%;
        margin-bottom: 10px
    }
}

.col-300 {
    width: 270px;
    margin-bottom: 24px
}

@media (max-width: 991px) {
    .col-300 {
        width: 100%
    }
}

.col-main {
    width: 869px;
    width: calc(100% - 300px);
    margin-bottom: 24px;
    margin-left: 30px
}

@media (max-width: 991px) {
    .col-main {
        width: 100%;
        margin-left: 0
    }
}

.slide-date {
    position: relative;
    margin-bottom: 4px
}

    .slide-date .swiper-container {
        padding-right: 20px
    }

        .slide-date .swiper-container::before {
            content: "";
            background: -webkit-linear-gradient(top, #F1F5F9 0%, rgba(241,245,249,0) 100%);
            background: linear-gradient(180deg, #F1F5F9 0%, rgba(241,245,249,0) 100%);
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            width: 62px;
            height: 46px;
            position: absolute;
            top: 10px;
            right: -11px;
            z-index: 2
        }

    .slide-date .item {
        border: 2px solid #E3EBF3;
        border-radius: 10px;
        background: #FFFFFF;
        padding: 8px 7px;
        color: #698096;
        cursor: pointer
    }

        .slide-date .item .date {
            font-weight: bold;
            color: #00264D;
            margin-bottom: 4px;
            font-size: 14px
        }

        .slide-date .item.active {
            border: 1.5px solid #1254FF
        }

    .slide-date .swiper-button-disabled {
        display: none
    }

    .slide-date .swiper-button-prev, .slide-date .swiper-button-next {
        border: 1px solid #E3EBF3;
        z-index: 4;
        -webkit-filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1));
        filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1))
    }

.filter-time-date {
    margin-bottom: 4px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
    position: relative
}

    .filter-time-date .chon-hang {
        width: 140px;
        border: 1px solid #E3EBF3;
        border-radius: 4px;
        background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.50016 6.16668C4.16683 6.16668 3.8335 6.03335 3.6335 5.76668L0.833496 2.36668C0.500163 1.90001 0.433496 1.36668 0.633496 0.900013C0.833496 0.433346 1.2335 0.166679 1.70016 0.166679H7.30016C7.76683 0.166679 8.16683 0.433346 8.36683 0.900013C8.56683 1.36668 8.50016 1.96668 8.16683 2.36668L5.36683 5.76668C5.16683 6.03335 4.8335 6.16668 4.50016 6.16668Z' fill='%23B7CCD9'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 7px top 11px;
        color: #8C9FB1;
        text-transform: uppercase;
        padding: 4px 15px 4px 10px
    }

    .filter-time-date .departure-time {
        margin-left: 55px
    }

    .filter-time-date .landing-time {
        margin-left: 95px
    }

    .filter-time-date .flight-price {
        margin-left: 110px
    }

    .filter-time-date .sort-select {
        background: #fff;
        color: #8C9FB1;
        text-transform: uppercase;
        border-radius: 4px;
        padding: 4px 15px 4px 0;
        margin-right: 1px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.50081 3.70834C5.27165 3.70834 5.04248 3.8 4.90498 3.98334L2.97998 6.32084C2.75081 6.64167 2.70498 7.00834 2.84248 7.32917C2.97998 7.65 3.25498 7.83334 3.57581 7.83334H7.42581C7.74665 7.83334 8.02165 7.65 8.15915 7.32917C8.29665 7.00834 8.25081 6.59584 8.02165 6.32084L6.09665 3.98334C5.95915 3.8 5.72998 3.70834 5.50081 3.70834Z' fill='%23B7CCD9'/%3e%3cpath d='M5.50081 13.2917C5.27165 13.2917 5.04248 13.2 4.90498 13.0167L2.97998 10.6792C2.75081 10.3583 2.70498 9.99168 2.84248 9.67085C2.97998 9.35001 3.25498 9.16668 3.57581 9.16668H7.42581C7.74665 9.16668 8.02165 9.35001 8.15915 9.67085C8.29665 9.99168 8.25081 10.4042 8.02165 10.6792L6.09665 13.0167C5.95915 13.2 5.72998 13.2917 5.50081 13.2917Z' fill='%23B7CCD9'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0px top 6px
    }

        .filter-time-date .sort-select.active {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='17' viewBox='0 0 12 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.00081 3.70834C5.77165 3.70834 5.54248 3.8 5.40498 3.98334L3.47998 6.32084C3.25081 6.64167 3.20498 7.00834 3.34248 7.32917C3.47998 7.65 3.75498 7.83334 4.07581 7.83334H7.92581C8.24665 7.83334 8.52165 7.65 8.65915 7.32917C8.79665 7.00834 8.75081 6.59584 8.52165 6.32084L6.59665 3.98334C6.45915 3.8 6.22998 3.70834 6.00081 3.70834Z' fill='%23698096'/%3e%3cpath d='M6.00081 13.2917C5.77165 13.2917 5.54248 13.2 5.40498 13.0167L3.47998 10.6792C3.25081 10.3583 3.20498 9.99168 3.34248 9.67085C3.47998 9.35001 3.75498 9.16668 4.07581 9.16668H7.92581C8.24665 9.16668 8.52165 9.35001 8.65915 9.67085C8.79665 9.99168 8.75081 10.4042 8.52165 10.6792L6.59665 13.0167C6.45915 13.2 6.22998 13.2917 6.00081 13.2917Z' fill='%23B7CCD9'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 0px top 6px
        }

    .filter-time-date .btn-filter {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 15C3.86319 15 0.5 11.6368 0.5 7.50002C0.5 3.3632 3.86319 1.52588e-05 8 1.52588e-05C12.1368 1.52588e-05 15.5 3.3632 15.5 7.50002C15.5 11.6368 12.1368 15 8 15ZM7.21054 11.4474H8.78946C8.89359 11.4481 8.99683 11.4282 9.09324 11.3889C9.18965 11.3495 9.27733 11.2915 9.35121 11.2181C9.42509 11.1447 9.48373 11.0574 9.52375 10.9613C9.56376 10.8651 9.58436 10.762 9.58436 10.6579C9.58436 10.5538 9.56376 10.4507 9.52375 10.3545C9.48373 10.2584 9.42509 10.1711 9.35121 10.0977C9.27733 10.0244 9.18965 9.96632 9.09324 9.92697C8.99683 9.88761 8.89359 9.86772 8.78946 9.86843H7.21054C7.10641 9.86772 7.00317 9.88761 6.90676 9.92697C6.81035 9.96632 6.72268 10.0244 6.64879 10.0977C6.57491 10.1711 6.51627 10.2584 6.47625 10.3545C6.43624 10.4507 6.41564 10.5538 6.41564 10.6579C6.41564 10.762 6.43624 10.8651 6.47625 10.9613C6.51627 11.0574 6.57491 11.1447 6.64879 11.2181C6.72268 11.2915 6.81035 11.3495 6.90676 11.3889C7.00317 11.4282 7.10641 11.4481 7.21054 11.4474ZM6.02633 8.28947H9.97367C10.0773 8.28947 10.18 8.26905 10.2758 8.22938C10.3716 8.18971 10.4586 8.13156 10.5319 8.05825C10.6052 7.98494 10.6634 7.89791 10.703 7.80213C10.7427 7.70635 10.7631 7.60369 10.7631 7.50002C10.7631 7.39634 10.7427 7.29368 10.703 7.1979C10.6634 7.10212 10.6052 7.01509 10.5319 6.94178C10.4586 6.86847 10.3716 6.81032 10.2758 6.77065C10.18 6.73097 10.0773 6.71056 9.97367 6.71056H6.02633C5.81695 6.71056 5.61615 6.79373 5.4681 6.94178C5.32005 7.08983 5.23687 7.29064 5.23687 7.50002C5.23687 7.70939 5.32005 7.91019 5.4681 8.05825C5.61615 8.2063 5.81695 8.28947 6.02633 8.28947ZM11.1579 3.55264H4.84212C4.73799 3.55193 4.63475 3.57182 4.53834 3.61118C4.44193 3.65053 4.35426 3.70857 4.28037 3.78195C4.20649 3.85533 4.14785 3.94261 4.10784 4.03874C4.06782 4.13488 4.04722 4.23799 4.04722 4.34212C4.04722 4.44625 4.06782 4.54936 4.10784 4.64549C4.14785 4.74163 4.20649 4.82891 4.28037 4.90229C4.35426 4.97567 4.44193 5.03371 4.53834 5.07306C4.63475 5.11242 4.73799 5.13231 4.84212 5.1316H11.1579C11.262 5.13231 11.3653 5.11242 11.4617 5.07306C11.5581 5.03371 11.6457 4.97567 11.7196 4.90229C11.7935 4.82891 11.8521 4.74163 11.8922 4.64549C11.9322 4.54936 11.9528 4.44625 11.9528 4.34212C11.9528 4.23799 11.9322 4.13488 11.8922 4.03874C11.8521 3.94261 11.7935 3.85533 11.7196 3.78195C11.6457 3.70857 11.5581 3.65053 11.4617 3.61118C11.3653 3.57182 11.262 3.55193 11.1579 3.55264Z' fill='%238C9FB1'/%3e%3c/svg%3e");
        width: 16px;
        height: 15px;
        display: inline-block;
        margin-left: 20px
    }

    .filter-time-date .btn-view {
        position: absolute;
        right: 10px
    }

        .filter-time-date .btn-view .lbl {
            position: relative;
            padding-right: 15px
        }

            .filter-time-date .btn-view .lbl::before {
                content: "";
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.93603 7.30372C6.10693 7.30372 6.26416 7.23536 6.38721 7.10548L11.6919 1.69141C11.8081 1.56837 11.8696 1.41798 11.8696 1.24024C11.8696 0.891609 11.603 0.618172 11.2476 0.618172C11.0767 0.618172 10.9194 0.686531 10.8032 0.795906L5.93603 5.77247L1.06885 0.795906C0.952637 0.68653 0.802246 0.618171 0.624512 0.618171C0.269043 0.618171 0.00244128 0.891609 0.00244126 1.24024C0.00244126 1.41798 0.0639647 1.56837 0.187012 1.69141L5.48486 7.10548C5.61475 7.23536 5.76514 7.30372 5.93603 7.30372Z' fill='%2300264D'/%3e%3c/svg%3e");
                width: 12px;
                height: 8px;
                position: absolute;
                right: 0;
                top: 12px
            }

            .filter-time-date .btn-view .lbl .title {
                display: block;
                color: #8C9FB1;
                font-size: 11px
            }

            .filter-time-date .btn-view .lbl .name {
                font-size: 12px
            }

        .filter-time-date .btn-view .list {
            position: absolute;
            background: #FFFFFF;
            box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
            border-radius: 10px;
            padding: 10px 15px;
            font-size: 14px;
            width: 280px;
            right: -10px;
            top: 40px;
            z-index: 2
        }

@media (max-width: 1025px) {
    .filter-time-date {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .filter-time-date .lbl {
            width: 90px
        }

        .filter-time-date .chon-hang {
            width: 160px
        }

        .filter-time-date .departure-time {
            margin-left: 20px
        }

        .filter-time-date .flight-price, .filter-time-date .btn-view {
            display: none
        }

        .filter-time-date .btn-filter {
            margin-left: 10px
        }
}

@media (max-width: 767px) {
    .filter-time-date {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .filter-time-date .lbl {
            width: 100px;
            display: inline-block
        }

        .filter-time-date .chon-hang {
            width: 100%;
            margin-bottom: 10px !important
        }

        .filter-time-date .departure-time {
            margin: 0;
            width: 50%;
            background-position: left 110px top 6px
        }

        .filter-time-date .landing-time {
            margin: 0;
            width: 50%;
            text-align: right
        }

        .filter-time-date .flight-price {
            margin: 0;
            width: 50%;
            display: block;
            background-position: left 30px top 6px
        }

        .filter-time-date .btn-view {
            display: block;
            width: 50%;
            position: relative
        }

            .filter-time-date .btn-view .lbl {
                width: 100%
            }

        .filter-time-date .btn-filter {
            margin: 0px 0 0 10px;
            vertical-align: middle
        }
}

.list-flight-information .item {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 12px 24px;
    margin-bottom: 16px
}

    .list-flight-information .item p {
        color: #698096;
        margin-bottom: 0
    }

    .list-flight-information .item .flight-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .list-flight-information .item .flight-top .name {
            width: 150px
        }

            .list-flight-information .item .flight-top .name .logo {
                margin-bottom: 2px
            }

                .list-flight-information .item .flight-top .name .logo img {
                    width: 45px
                }

            .list-flight-information .item .flight-top .name .hang {
                font-weight: bold;
                font-size: 16px;
                margin-bottom: 4px
            }

        .list-flight-information .item .flight-top .time-flight {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .list-flight-information .item .flight-top .time-flight .time {
                font-weight: bold;
                font-size: 22px
            }

            .list-flight-information .item .flight-top .time-flight .add {
                background: #F1F5F9;
                border-radius: 10px;
                line-height: 26px;
                padding: 0 4px;
                color: #698096;
                display: inline-block
            }

            .list-flight-information .item .flight-top .time-flight .flight {
                margin: 4px 24px 0 24px
            }

                .list-flight-information .item .flight-top .time-flight .flight img {
                    margin-bottom: 10px
                }

        .list-flight-information .item .flight-top .right-flight {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end;
            width: 240px !important;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .list-flight-information .item .flight-top .right-flight .button {
                margin-left: 15px
            }

                .list-flight-information .item .flight-top .right-flight .button .slogan {
                    background: #F1F5F9;
                    border: 1px solid #B7CCD9;
                    border-radius: 6px;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 2px 5px;
                    margin-bottom: 5px
                }

                    .list-flight-information .item .flight-top .right-flight .button .slogan img {
                        width: 20px;
                        margin-right: 6px
                    }

                .list-flight-information .item .flight-top .right-flight .button .btn-default {
                    width: 100%
                }

        .list-flight-information .item .flight-top .price .price-old {
            text-decoration: line-through
        }

        .list-flight-information .item .flight-top .price .price-new {
            color: #FF5B00;
            font-size: 16px;
            font-weight: bold
        }

    .list-flight-information .item .flight-bottom {
        border-top: 1px solid #F1F5F9;
        padding-top: 12px;
        margin-top: 12px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .list-flight-information .item .flight-bottom .option {
            color: #698096;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .list-flight-information .item .flight-bottom .option .tag {
                background: #E6F7FF;
                border-radius: 4px;
                color: #1254FF;
                font-size: 12px;
                font-weight: bold;
                margin-right: 6px;
                line-height: 22px;
                padding: 0px 4px;
                text-transform: uppercase
            }

        .list-flight-information .item .flight-bottom .notifi {
            background: #F1F5F9;
            border-radius: 67px;
            color: #698096;
            padding: 0 8px;
            line-height: 26px;
            -webkit-transition: 0.2s all;
            transition: 0.2s all
        }

            .list-flight-information .item .flight-bottom .notifi svg {
                margin-right: 6px
            }

            .list-flight-information .item .flight-bottom .notifi[aria-expanded="true"] {
                background: #698096;
                color: #FFFFFF
            }

    .list-flight-information .item:last-child {
        margin-bottom: 0
    }

    .list-flight-information .item .detail-flight {
        width: 100%;
        border: 1.5px solid #E3EBF3;
        border-radius: 10px;
        padding: 24px;
        margin-top: 16px
    }

        .list-flight-information .item .detail-flight .time-flight .first-time, .list-flight-information .item .detail-flight .time-flight .last-time {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex
        }

            .list-flight-information .item .detail-flight .time-flight .first-time .flight-date, .list-flight-information .item .detail-flight .time-flight .last-time .flight-date {
                width: 70px
            }

            .list-flight-information .item .detail-flight .time-flight .first-time .time, .list-flight-information .item .detail-flight .time-flight .last-time .time {
                font-weight: bold;
                font-size: 18px
            }

            .list-flight-information .item .detail-flight .time-flight .first-time .add, .list-flight-information .item .detail-flight .time-flight .last-time .add {
                font-size: 12px;
                color: #698096;
                background: #F1F5F9;
                border-radius: 10px;
                padding: 0 4px;
                line-height: 24px;
                display: inline-block
            }

            .list-flight-information .item .detail-flight .time-flight .first-time .departure, .list-flight-information .item .detail-flight .time-flight .last-time .departure {
                border-left: 1px solid #E3EBF3;
                padding-left: 16px;
                margin-left: 16px;
                padding-top: 2px
            }

                .list-flight-information .item .detail-flight .time-flight .first-time .departure .txt_16, .list-flight-information .item .detail-flight .time-flight .last-time .departure .txt_16 {
                    margin-bottom: 2px
                }

        .list-flight-information .item .detail-flight .time-flight .flight {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 4px 0
        }

            .list-flight-information .item .detail-flight .time-flight .flight .flight-time {
                width: 70px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center
            }

                .list-flight-information .item .detail-flight .time-flight .flight .flight-time img {
                    margin-right: 4px
                }

            .list-flight-information .item .detail-flight .time-flight .flight .name {
                margin-left: 16px;
                padding-left: 16px
            }

                .list-flight-information .item .detail-flight .time-flight .flight .name .logo {
                    margin-bottom: 2px
                }

                    .list-flight-information .item .detail-flight .time-flight .flight .name .logo img {
                        width: 35px
                    }

                .list-flight-information .item .detail-flight .time-flight .flight .name .hang {
                    font-weight: bold;
                    margin-bottom: 2px
                }

                .list-flight-information .item .detail-flight .time-flight .flight .name .code {
                    font-size: 12px
                }

        .list-flight-information .item .detail-flight .service {
            margin-bottom: 0
        }

            .list-flight-information .item .detail-flight .service li {
                margin-bottom: 16px;
                color: #698096;
                position: relative;
                padding-left: 28px
            }

                .list-flight-information .item .detail-flight .service li svg {
                    position: absolute;
                    left: 0;
                    top: 2px
                }

.list-flight-information .item__v2 {
    margin-bottom: 4px
}

    .list-flight-information .item__v2 .wrap {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .list-flight-information .item__v2 .wrap .hang-bay {
            color: #698096;
            width: 100px
        }

            .list-flight-information .item__v2 .wrap .hang-bay .logo {
                margin-bottom: 2px
            }

                .list-flight-information .item__v2 .wrap .hang-bay .logo img {
                    height: 24px
                }

        .list-flight-information .item__v2 .wrap .code-flight {
            width: 70px;
            font-weight: bold;
            color: #698096;
            padding-left: 22px;
            margin-left: 10px;
            text-transform: uppercase;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2876 0.725817L13.2747 0.712801C12.6111 0.0817427 11.2859 1.20251 11.2859 1.20251L8.87986 3.09672L6.34696 2.64781C6.71236 2.11812 6.82243 1.59229 6.57882 1.34867C6.26329 1.03315 5.47438 1.31049 4.81679 1.96808C4.70178 2.08309 4.59871 2.20213 4.5081 2.32192L2.56326 1.97724L1.26781 3.08105L6.54857 5.50418L3.16308 9.5949L1.05451 9.19959L0.520508 9.73283L4.26771 13.4799L4.80089 12.946L4.40557 10.8374L8.49633 7.45187L10.9195 12.7326L12.0233 11.4371L11.6786 9.49231C11.7984 9.40169 11.9174 9.29867 12.0325 9.18362C12.6901 8.52603 12.9674 7.73715 12.6519 7.42166C12.4082 7.17801 11.8824 7.28812 11.3527 7.65348L10.9038 5.12062L12.798 2.71458C12.798 2.71462 13.9188 1.38938 13.2876 0.725817Z' fill='%23698096'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: 0
        }

        .list-flight-information .item__v2 .wrap .time-flight {
            font-weight: bold;
            margin-left: 10px;
            font-size: 18px;
            width: 60px
        }

        .list-flight-information .item__v2 .wrap .transit {
            margin-left: 10px;
            color: #698096;
            width: 155px;
            text-align: center
        }

        .list-flight-information .item__v2 .wrap .notifi {
            color: #1254FF;
            margin-left: 10px
        }

        .list-flight-information .item__v2 .wrap .price-new {
            color: #FF5B00;
            font-size: 18px;
            font-weight: bold;
            margin-left: 10px;
            width: 115px
        }

        .list-flight-information .item__v2 .wrap .btn-default {
            margin-left: 10px
        }

@media (max-width: 1025px) {
    .list-flight-information .item__v2 {
        padding: 12px 12px 6px 12px
    }

        .list-flight-information .item__v2 .wrap {
            -webkit-box-pack: start;
            -webkit-justify-content: start;
            -ms-flex-pack: start;
            justify-content: start
        }

            .list-flight-information .item__v2 .wrap .hang-bay {
                width: 120px;
                margin-bottom: 5px
            }

            .list-flight-information .item__v2 .wrap .code-flight, .list-flight-information .item__v2 .wrap .time-flight, .list-flight-information .item__v2 .wrap .transit, .list-flight-information .item__v2 .wrap .notifi {
                margin-left: 0;
                margin-right: 15px;
                margin-bottom: 6px
            }

            .list-flight-information .item__v2 .wrap .price-new {
                margin-left: 0;
                margin-bottom: 6px
            }

            .list-flight-information .item__v2 .wrap .btn-default {
                margin-bottom: 6px
            }
}

@media (max-width: 767px) {
    .list-flight-information .item__v2 .wrap {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .list-flight-information .item__v2 .wrap .code-flight, .list-flight-information .item__v2 .wrap .time-flight, .list-flight-information .item__v2 .wrap .transit, .list-flight-information .item__v2 .wrap .notifi {
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 6px
        }

        .list-flight-information .item__v2 .wrap .hang-bay {
            width: 140px
        }

        .list-flight-information .item__v2 .wrap .time-flight {
            width: 23%
        }

            .list-flight-information .item__v2 .wrap .time-flight.end {
                text-align: right
            }

        .list-flight-information .item__v2 .wrap .transit {
            width: 54%;
            padding: 0 10px;
            text-align: center
        }

        .list-flight-information .item__v2 .wrap .code-flight {
            width: calc(100% - 140px);
            margin-right: 0
        }
}

@media (max-width: 767px) {
    .list-flight-information .item {
        padding: 12px
    }

        .list-flight-information .item .flight-top {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .list-flight-information .item .flight-top .right-flight {
                width: 100% !important;
                margin-top: 10px
            }

                .list-flight-information .item .flight-top .right-flight .button {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex
                }

                    .list-flight-information .item .flight-top .right-flight .button .slogan {
                        margin: 0 5px 0 0
                    }

                    .list-flight-information .item .flight-top .right-flight .button .btn-default {
                        width: 80px;
                        padding: 0 15px
                    }

        .list-flight-information .item .detail-flight {
            padding: 15px
        }

            .list-flight-information .item .detail-flight .col-5 {
                margin-bottom: 15px
            }

            .list-flight-information .item .detail-flight .col-5, .list-flight-information .item .detail-flight .col-7 {
                -webkit-box-flex: 0;
                -webkit-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .list-flight-information .item .detail-flight .line-left {
                border-left: 0
            }
}

.list-article .article-itemt {
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

    .list-article .article-itemt .article-thumb {
        margin-bottom: 0
    }

    .list-article .article-itemt .article-content {
        padding: 16px
    }

.list-article .swiper-button-prev, .list-article .swiper-button-next {
    opacity: 1;
    cursor: pointer;
    box-shadow: 0px 4px 23px rgba(0,38,77,0.1)
}

    .list-article .swiper-button-prev:hover, .list-article .swiper-button-next:hover {
        background: #FF6536
    }

        .list-article .swiper-button-prev:hover svg, .list-article .swiper-button-next:hover svg {
            color: #fff
        }

.list-article .swiper-button-prev {
    left: 0px
}

.list-article .swiper-button-next {
    right: 0px
}

.list-article.small .article-itemt {
    background: none
}

    .list-article.small .article-itemt .article-thumb {
        margin-bottom: 6px
    }

    .list-article.small .article-itemt .article-content {
        padding: 0
    }

        .list-article.small .article-itemt .article-content .title_new {
            font-size: 14px
        }

.list-article__v2 .article-itemt .article-thumb {
    width: 290px
}

.list-article__v2 .article-itemt .article-content {
    width: calc(100% - 290px);
    padding-left: 24px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

    .list-article__v2 .article-itemt .article-content .title_new {
        font-size: 16px
    }

@media (max-width: 1025px) {
    .list-article__v2 .article-itemt .article-thumb {
        width: 100%;
        margin-bottom: 15px !important
    }

    .list-article__v2 .article-itemt .article-content {
        width: 100%;
        padding-left: 0
    }
}

@media (max-width: 575px) {
    .list-article__v2 .article-itemt .price.text-right {
        text-align: left !important
    }
}

@media (max-width: 991px) {
    .list-article.grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 420px) {
    .list-article.grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

.bg-white .list-article .article-itemt {
    -webkit-filter: drop-shadow(0px 4px 34px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 4px 34px rgba(0,0,0,0.15))
}

.header-fillter {
    border-bottom: 2px solid #F1F5F9;
    margin-bottom: 16px;
    padding-bottom: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .header-fillter .clear {
        color: #F73B2F;
        font-weight: bold
    }

.session-list .item {
    background: #F1F5F9;
    border: 1.5px solid #E3EBF3;
    border-radius: 10px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    margin-bottom: 8px;
    color: #00264D
}

    .session-list .item .text svg {
        width: 24px;
        height: 24px;
        margin-right: 8px
    }

    .session-list .item .time {
        color: #698096
    }

    .session-list .item.active, .session-list .item:hover {
        background: #FFFFFF;
        border: 1.5px solid #1254FF
    }

.info-passenger {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 16px;
    width: 700px;
    right: 0;
    top: 80px;
    z-index: 5
}

    .info-passenger .sl_giohang .input-group-prepend button {
        background: #F1F5F9 !important
    }

    .info-passenger.full {
        width: 100%
    }

    .info-passenger .list-stt .flex-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px
    }

        .info-passenger .list-stt .flex-item:last-child {
            margin-bottom: 0
        }

        .info-passenger .list-stt .flex-item .left {
            width: calc(100% - 80px);
            padding-right: 10px
        }

        .info-passenger .list-stt .flex-item .sl_giohang {
            min-width: 80px;
            padding-left: 0;
            text-align: right;
            -webkit-box-pack: end;
            -webkit-justify-content: end;
            -ms-flex-pack: end;
            justify-content: end
        }

        .info-passenger .list-stt .flex-item.border-top {
            padding-top: 15px
        }

.check-list_item {
    width: 100%;
    background: #F1F5F9;
    border: 1.5px solid #E3EBF3;
    border-radius: 10px;
    padding: 16px 30px 16px 16px;
    position: relative;
    cursor: pointer;
    margin-bottom: 8px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all
}

    .check-list_item.active {
        background: #FFFFFF;
        border: 1.5px solid #1254FF
    }

        .check-list_item.active::after {
            content: "";
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.69629 14.5371C11.5107 14.5371 14.6689 11.3721 14.6689 7.56445C14.6689 3.75 11.5039 0.591797 7.68945 0.591797C3.88184 0.591797 0.723633 3.75 0.723633 7.56445C0.723633 11.3721 3.88867 14.5371 7.69629 14.5371ZM6.93066 10.9072C6.69824 10.9072 6.50684 10.8115 6.3291 10.5723L4.61328 8.4668C4.51074 8.33008 4.44922 8.17969 4.44922 8.02246C4.44922 7.71484 4.68848 7.46191 4.99609 7.46191C5.19434 7.46191 5.34473 7.52344 5.51562 7.74902L6.90332 9.54004L9.82227 4.85059C9.95215 4.64551 10.1299 4.53613 10.3076 4.53613C10.6084 4.53613 10.8887 4.74121 10.8887 5.0625C10.8887 5.21289 10.7998 5.37012 10.7178 5.51367L7.50488 10.5723C7.36133 10.7979 7.16309 10.9072 6.93066 10.9072Z' fill='%231890FF'/%3e%3c/svg%3e");
            width: 15px;
            height: 15px;
            position: absolute;
            right: 16px;
            top: 16px
        }

    .check-list_item:hover {
        border: 1.5px solid #B7CCD9
    }

.step-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 12px 24px;
    border-bottom: 1px solid #E3EBF3
}

    .step-menu .step {
        color: #698096;
        font-weight: 500;
        margin-right: 16px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .step-menu .step::after {
            font-family: 'iconfont';
            content: '\ea36';
            margin: 0 0 0 16px;
            color: #B7CCD9
        }

        .step-menu .step:last-child {
            margin-right: 0
        }

            .step-menu .step:last-child::after {
                display: none
            }

        .step-menu .step svg {
            display: none;
            width: 14px;
            height: 14px
        }

        .step-menu .step .number {
            border: 1px solid #B7CCD9;
            background: #FFFFFF;
            font-weight: bold;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 8px
        }

        .step-menu .step.active {
            color: #1890FF
        }

            .step-menu .step.active .number {
                background: #E6F7FF;
                border: 1px solid #BAE7FF;
                color: #1890FF
            }

        .step-menu .step.success::after {
            color: #1254FF
        }

        .step-menu .step.success .number {
            font-size: 0;
            border: 1px solid #1890FF;
            background: #1890FF;
            color: #fff
        }

            .step-menu .step.success .number svg {
                display: inline-block
            }

@media (max-width: 768px) {
    .step-menu {
        padding: 10px 20px;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .step-menu::-webkit-scrollbar {
            display: none
        }

        .step-menu .step {
            margin-right: 8px
        }

            .step-menu .step::after {
                margin: 0 0 0 6px
            }
}

@media (max-width: 768px) {
    .step-menu {
        display: block
    }

        .step-menu .step {
            margin-right: 0;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(51,51,51,0.15)
        }

            .step-menu .step::after {
                float: right;
                display: none
            }

            .step-menu .step .number {
                min-width: 32px
            }
}

.flying-utility .item {
    cursor: pointer;
    border: 1px solid #E3EBF3;
    border-radius: 10px;
    background: #F1F5F9;
    padding: 16px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    color: #00264D;
    position: relative;
    margin-bottom: 12px
}

    .flying-utility .item:hover, .flying-utility .item.active {
        border: 1px solid #1254FF;
        background: #fff
    }

    .flying-utility .item img {
        position: absolute;
        left: 20px
    }

    .flying-utility .item .content {
        padding-left: 60px;
        padding-right: 40px
    }

    .flying-utility .item .add {
        position: absolute;
        right: 20px;
        color: #1254FF;
        top: 24px;
        margin-top: -10px
    }

        .flying-utility .item .add svg {
            width: 20px;
            height: 19px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.85449 18.9443C14.9521 18.9443 19.1357 14.752 19.1357 9.6543C19.1357 4.56543 14.9434 0.373047 9.85449 0.373047C4.75684 0.373047 0.573242 4.56543 0.573242 9.6543C0.573242 14.752 4.76562 18.9443 9.85449 18.9443ZM5.54785 9.6543C5.54785 9.05664 5.97852 8.61719 6.56738 8.61719H8.81738V6.36719C8.81738 5.77832 9.25684 5.33887 9.85449 5.33887C10.4521 5.33887 10.8916 5.77832 10.8916 6.36719V8.61719H13.1504C13.7305 8.61719 14.1699 9.05664 14.1699 9.6543C14.1699 10.252 13.7305 10.6914 13.1504 10.6914H10.8916V12.9414C10.8916 13.5303 10.4521 13.9609 9.85449 13.9609C9.25684 13.9609 8.81738 13.5303 8.81738 12.9414V10.6914H6.56738C5.97852 10.6914 5.54785 10.252 5.54785 9.6543Z' fill='%231254FF'/%3e%3c/svg%3e");
            background-size: contain
        }

            .flying-utility .item .add svg use {
                display: none
            }

    .flying-utility .item p {
        margin-bottom: 0
    }

    .flying-utility .item.active .add svg {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.85449 18.9443C14.9521 18.9443 19.1357 14.752 19.1357 9.6543C19.1357 4.56543 14.9434 0.373047 9.85449 0.373047C4.75684 0.373047 0.573242 4.56543 0.573242 9.6543C0.573242 14.752 4.76562 18.9443 9.85449 18.9443ZM6.55859 10.709C5.94336 10.709 5.48633 10.2871 5.48633 9.67188C5.48633 9.05664 5.92578 8.63477 6.55859 8.63477H13.1592C13.792 8.63477 14.2227 9.05664 14.2227 9.67188C14.2227 10.2871 13.7832 10.709 13.1592 10.709H6.55859Z' fill='%231254FF'/%3e%3c/svg%3e")
    }

@media (max-width: 991px) {
    .flying-utility .item .content {
        padding-right: 0
    }
}

.clock-hot {
    position: relative
}

    .clock-hot img {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0;
        top: 0
    }

    .clock-hot svg {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0;
        top: 0
    }

    .clock-hot .content {
        padding-right: 40px
    }

.list-bank {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .list-bank li {
        cursor: pointer;
        border: 1px solid #E3EBF3;
        border-radius: 8px;
        background: #F1F5F9;
        padding: 12px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
        text-align: center;
        color: #698096;
        position: relative;
        width: 30%;
        width: calc(33.33% - 6px)
    }

        .list-bank li img {
            margin-bottom: 5px;
            height: 40px
        }

        .list-bank li span {
            display: block
        }

        .list-bank li:hover {
            background: #E3EBF3
        }

        .list-bank li.active {
            border: 1px solid #1254FF;
            background: #fff
        }

            .list-bank li.active::after {
                content: '';
                width: 15px;
                height: 15px;
                display: block;
                position: absolute;
                top: 5px;
                left: 5px;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.3457 14.7646C11.1602 14.7646 14.3184 11.5996 14.3184 7.79199C14.3184 3.97754 11.1533 0.819336 7.33887 0.819336C3.53125 0.819336 0.373047 3.97754 0.373047 7.79199C0.373047 11.5996 3.53809 14.7646 7.3457 14.7646ZM6.58008 11.1348C6.34766 11.1348 6.15625 11.0391 5.97852 10.7998L4.2627 8.69434C4.16016 8.55762 4.09863 8.40723 4.09863 8.25C4.09863 7.94238 4.33789 7.68945 4.64551 7.68945C4.84375 7.68945 4.99414 7.75098 5.16504 7.97656L6.55273 9.76758L9.47168 5.07812C9.60156 4.87305 9.7793 4.76367 9.95703 4.76367C10.2578 4.76367 10.5381 4.96875 10.5381 5.29004C10.5381 5.44043 10.4492 5.59766 10.3672 5.74121L7.1543 10.7998C7.01074 11.0254 6.8125 11.1348 6.58008 11.1348Z' fill='%231254FF'/%3e%3c/svg%3e");
                background-repeat: no-repeat;
                z-index: 8
            }

.menu-bank li {
    cursor: pointer;
    border: 1px solid #E3EBF3;
    border-radius: 10px;
    background: #F1F5F9;
    padding: 15px 30px 15px 15px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    color: #00264D;
    position: relative;
    margin-bottom: 8px
}

    .menu-bank li::after {
        font-family: 'iconfont';
        content: '\ea36';
        color: #698096;
        position: absolute;
        right: 15px;
        top: 16px
    }

    .menu-bank li img {
        margin-right: 10px;
        float: left
    }

    .menu-bank li .content {
        overflow: hidden
    }

    .menu-bank li .note {
        background: #fff;
        color: #698096;
        font-size: 12px;
        border-radius: 6px;
        padding: 4px 8px;
        margin-top: 4px;
        display: inline-block
    }

    .menu-bank li:hover {
        background: #E3EBF3
    }

    .menu-bank li.active {
        border: 1px solid #1254FF;
        background: #fff
    }

        .menu-bank li:hover::after, .menu-bank li.active::after {
            color: #1254FF
        }

.detail-order-code__head {
    background: #F1F5F9;
    border-radius: 10px;
    padding: 24px
}

    .detail-order-code__head .space-between {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

        .detail-order-code__head .space-between div {
            margin-right: 20px
        }

        .detail-order-code__head .space-between .back-saving img {
            margin: 0 10px
        }

@media (max-width: 991px) {
    .detail-order-code__head {
        padding: 15px
    }

        .detail-order-code__head .space-between img {
            display: none
        }

        .detail-order-code__head .space-between > div {
            width: 100%;
            margin-right: 0
        }
}

@media (max-width: 767px) {
    .detail-order-code__centen .btn-default[style="padding: 0 60px"] {
        width: 100%;
        margin: 10px 0 0 0 !important
    }
}

.list-trip .trip-info {
    background: #FFFFFF;
    border: 1px solid #E3EBF3;
    border-radius: 70px;
    padding: 8px;
    color: #698096;
    cursor: pointer
}

    .list-trip .trip-info.active {
        background: #F1F5F9;
        color: #00264D
    }

.list-trip.grid__2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px
}

    .list-trip.grid__2 .trip-info {
        width: 100%
    }

@media (max-width: 576px) {
    .list-trip.grid__2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.empty-meal {
    text-align: center
}

    .empty-meal svg {
        width: 44px;
        height: 44px
    }

.row-of-seats {
    height: 100%;
    background: #F1F5F9
}

    .row-of-seats .scroll-height {
        max-height: 430px;
        overflow-y: scroll;
        padding-right: 10px;
        margin-right: -10px
    }

        .row-of-seats .scroll-height::-webkit-scrollbar {
            width: 5px
        }

        .row-of-seats .scroll-height::-webkit-scrollbar-thumb {
            background-color: #ccc;
            width: 5px;
            border-radius: 10px
        }

    .row-of-seats .bg-white {
        padding: 20px 0;
        max-width: 290px;
        margin: 0 auto;
        height: 100%;
        box-shadow: 0px 4px 34px rgba(0,0,0,0.15)
    }

    .row-of-seats .flex {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
        row-gap: 4px;
        margin-bottom: 4px
    }

    .row-of-seats .chair {
        border-radius: 4px;
        width: 28px;
        height: 28px;
        cursor: pointer
    }

    .row-of-seats .rows {
        width: 20px;
        height: 28px;
        line-height: 26px;
        color: #698096;
        text-align: center
    }

    .row-of-seats .gray {
        background: #B7CCD9
    }

    .row-of-seats .blue {
        background: #BAE7FF
    }

    .row-of-seats .blue-bold {
        background: #1254FF
    }

.info-bank li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .info-bank li:nth-child(2n+1) {
        background: #F1F5F9
    }

    .info-bank li > div {
        width: 50%;
        font-size: 16px;
        padding: 10px 13px
    }

.note-popup ul li {
    position: relative;
    margin-bottom: 15px
}

.nav-tabs-login {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: -30px
}

    .nav-tabs-login .nav-item {
        width: 50%;
        text-align: center
    }

        .nav-tabs-login .nav-item a {
            color: #8C9FB1;
            font-size: 22px;
            font-weight: bold;
            padding: 0.5rem 1.5rem;
            border-bottom: 2px solid #E3EBF3
        }

            .nav-tabs-login .nav-item a.active {
                color: #00264D;
                border-bottom: 2px solid #FF5B00
            }

@media (max-width: 576px) {
    .nav-tabs-login {
        margin-bottom: 20px
    }

        .nav-tabs-login .nav-item a {
            font-size: 16px;
            padding-top: 30px
        }
}

.tab-menu-folder {
    background: #fff
}

    .tab-menu-folder a {
        color: #698096;
        margin-right: 16px;
        line-height: 40px;
        display: inline-block
    }

        .tab-menu-folder a:last-child {
            margin-right: 0
        }

        .tab-menu-folder a.active {
            color: var(--orange);
            font-weight: bold;
            border-bottom: 1px solid var(--orange)
        }

@media (max-width: 600px) {
    .tab-menu-folder {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .tab-menu-folder::-webkit-scrollbar {
            display: none
        }
}

.item-info-flight .trip-info.min .col-md-7 {
    padding-right: 150px
}

    .item-info-flight .trip-info.min .col-md-7 .flex.align-center {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .item-info-flight .trip-info.min .col-md-7 .flex.align-center svg {
            min-width: 16px
        }

@media (max-width: 991px) {
    .item-info-flight .trip-info.min .col-md-7 {
        padding-right: 15px
    }
}

.item-info-flight .trip-info.min .trip-info__right .time-flight {
    padding-left: 0;
    text-align: left;
    margin-top: 0
}

.item-info-flight .trip-info.min .last-time {
    text-align: right
}

.item-info-flight .trip-info.min .name {
    font-size: 14px;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .item-info-flight .trip-info.min .name .logo {
        width: 50px;
        margin-right: 5px
    }

        .item-info-flight .trip-info.min .name .logo img {
            width: 100%
        }

.item-info-flight .trip-info.min .price-all {
    text-align: right
}

    .item-info-flight .trip-info.min .price-all .status {
        background: #F1F5F9;
        border: 1px solid #B7CCD9;
        border-radius: 6px;
        font-size: 12px;
        display: inline-block;
        line-height: 24px;
        padding: 0 8px;
        color: #698096
    }

        .item-info-flight .trip-info.min .price-all .status.cancel {
            background: #F73B2F;
            border: 1px solid #F73B2F;
            color: #fff
        }

        .item-info-flight .trip-info.min .price-all .status.pending {
            background: #FF5B00;
            border: 1px solid #FF5B00;
            color: #fff
        }

        .item-info-flight .trip-info.min .price-all .status.success {
            background: #00A86B;
            border: 1px solid #00A86B;
            color: #fff
        }

.item-info-flight .trip-info.min:last-child {
    margin-bottom: 0
}

.detail-order-flight .layout {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

    .detail-order-flight .layout .detail-order-flight__left {
        padding-right: 40px
    }

    .detail-order-flight .layout .detail-order-flight__right {
        padding-left: 40px;
        border-left: 1px solid rgba(107,119,154,0.15)
    }

.detail-order-flight .trip-info {
    width: 100%
}

.detail-order-flight .trip-info__right .name {
    width: 100% !important
}

.detail-order-flight .trip-info__right .time-flight .first-time {
    text-align: left
}

.detail-order-flight .trip-info__right .time-flight .last-time {
    text-align: right
}

@media (max-width: 1025px) {
    .detail-order-flight .layout .detail-order-flight__left {
        padding-right: 20px
    }

    .detail-order-flight .layout .detail-order-flight__right {
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .detail-order-flight .layout {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

        .detail-order-flight .layout \ .detail-order-flight__left {
            padding-right: 0
        }

        .detail-order-flight .layout .detail-order-flight__right {
            padding-left: 0;
            border-left: 0
        }

            .detail-order-flight .layout .detail-order-flight__right .col-md-9.text-right {
                text-align: left !important
            }
}

.section-buid-top {
    padding: 20px 0 90px 0;
    position: relative
}

    .section-buid-top::before {
        content: "";
        background: -webkit-linear-gradient(top, #070BA0 0%, #6B6FFE 100%);
        background: linear-gradient(180deg, #070BA0 0%, #6B6FFE 100%);
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        -ms-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

@media (max-width: 991px) {
    .section-buid-top {
        padding: 20px 0
    }
}

.slide-banner {
    position: relative
}

    .slide-banner .swiper-slide {
        width: 33.33%;
        margin-right: 12px
    }

    .slide-banner .thumb_img {
        border-radius: 10px;
        padding-bottom: 52%
    }

    .slide-banner .swiper-button-prev, .slide-banner .swiper-button-next {
        height: 70px;
        line-height: 70px;
        margin-top: -35px;
        box-shadow: 0px 4px 23px 0px rgba(0,38,77,0.1);
        display: block
    }

    .slide-banner .swiper-button-prev {
        left: -10px
    }

    .slide-banner .swiper-button-next {
        right: -10px
    }

    .slide-banner .swiper-pagination {
        top: 25px;
        right: 20px
    }

        .slide-banner .swiper-pagination .swiper-pagination-bullet {
            margin: 0 2px;
            width: 6px;
            height: 6px;
            background: #D9D9D9
        }

        .slide-banner .swiper-pagination .swiper-pagination-bullet-active {
            background: #00264D
        }

.box-service-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .box-service-main a {
        padding: 0 50px;
        text-align: center
    }

        .box-service-main a .title {
            font-size: 14px;
            font-weight: bold;
            margin-top: 15px
        }

    .box-service-main .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        padding: 0 15px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33.33%
    }

        .box-service-main .item .thumb-icon {
            width: 72px
        }

        .box-service-main .item .content {
            width: calc(100% - 72px);
            padding-left: 20px
        }

@media (max-width: 991px) {
    .box-service-main a {
        padding: 0 20px
    }

    .box-service-main .item {
        display: block;
        text-align: center;
        padding: 0 10px
    }

        .box-service-main .item .thumb-icon {
            width: 60px;
            display: block;
            margin: 0 auto
        }

        .box-service-main .item .content {
            width: 100%;
            padding-left: 0;
            margin-top: 15px
        }

            .box-service-main .item .content .name {
                font-size: 14px !important;
                margin-bottom: 0
            }

            .box-service-main .item .content .gray {
                display: none
            }
}

@media (max-width: 576px) {
    .box-service-main a {
        padding: 0 10px
    }
}

.list-flight .item, .list-flight .swiper-slide {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 16px
}

    .list-flight .item .name, .list-flight .swiper-slide .name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(107,119,154,0.15)
    }

        .list-flight .item .name .logo img, .list-flight .swiper-slide .name .logo img {
            height: 32px
        }

        .list-flight .item .name .hang, .list-flight .swiper-slide .name .hang {
            color: #698096;
            margin-left: 8px
        }

    .list-flight .item .time-flight, .list-flight .swiper-slide .time-flight {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 10px
    }

        .list-flight .item .time-flight .flight, .list-flight .swiper-slide .time-flight .flight {
            margin: 0 8px;
            width: 86px;
            position: relative;
            background: url(images/graphics/fly-to.png);
            background-size: cover;
            height: 18px
        }

            .list-flight .item .time-flight .flight img, .list-flight .swiper-slide .time-flight .flight img {
                display: none
            }

        .list-flight .item .time-flight .time, .list-flight .swiper-slide .time-flight .time {
            white-space: nowrap
        }

    .list-flight .item .gray.mb24, .list-flight .swiper-slide .gray.mb24 {
        border-bottom: 1px solid rgba(107,119,154,0.15);
        margin-bottom: 10px !important;
        padding-bottom: 10px
    }

    .list-flight .item .flex-price, .list-flight .swiper-slide .flex-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .list-flight .item .flex-price .new, .list-flight .swiper-slide .flex-price .new {
            font-weight: 700;
            font-size: 18px;
            color: #FF5B00
        }

.list-flight .swiper-button-prev, .list-flight .swiper-button-next {
    height: 70px;
    line-height: 70px;
    margin-top: -35px;
    opacity: 1;
    cursor: pointer;
    -webkit-filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1));
    filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1))
}

    .list-flight .swiper-button-prev:hover, .list-flight .swiper-button-next:hover {
        background: #FF6536
    }

        .list-flight .swiper-button-prev:hover svg, .list-flight .swiper-button-next:hover svg {
            color: #fff
        }

.list-flight .swiper-button-prev {
    left: -10px
}

.list-flight .swiper-button-next {
    right: -10px
}

.list-flight.slide-flight {
    position: relative
}

    .list-flight.slide-flight::before {
        content: "";
        background: -webkit-linear-gradient(top, #F1F5F9 0%, rgba(241,245,249,0) 100%);
        background: linear-gradient(180deg, #F1F5F9 0%, rgba(241,245,249,0) 100%);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        width: 266px;
        height: 50px;
        right: -115px;
        z-index: 2;
        bottom: 90px
    }

    .list-flight.slide-flight .swiper-container {
        padding-right: 150px
    }

@media (max-width: 1025px) {
    .list-flight.grid__3 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .list-flight.grid__3 {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 576px) {
    .list-flight.slide-flight .swiper-container {
        padding-right: 80px
    }
}

.flex-detail-order {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .flex-detail-order .item {
        border-right: 1px solid #E3EBF3;
        padding-right: 24px;
        margin-right: 24px
    }

        .flex-detail-order .item:last-child {
            border-right: 0;
            padding-right: 0;
            margin-right: 0
        }

@media (max-width: 991px) {
    .flex-detail-order {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -10px
    }

        .flex-detail-order .item {
            padding-right: 15px;
            margin-right: 15px;
            margin-bottom: 10px;
            border-right: 0
        }

            .flex-detail-order .item:first-child {
                border-right: 1px solid #E3EBF3
            }
}

.box-favorite-destination .grid {
    padding-left: 45px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px
}

.box-favorite-destination .item {
    position: relative;
    overflow: hidden
}

    .box-favorite-destination .item .thumb_img {
        border-radius: 20px
    }

    .box-favorite-destination .item::before {
        content: "";
        background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);
        opacity: 0.7;
        border-radius: 20px 20px 0px 0px;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        -ms-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        position: absolute;
        height: 28%;
        width: 100%;
        bottom: 0;
        z-index: 1
    }

    .box-favorite-destination .item .tag {
        position: absolute;
        z-index: 1;
        left: 12px;
        top: 12px;
        background: #FFFFFF;
        color: #00264D;
        border-radius: 10px;
        padding: 0 8px;
        height: 33px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .box-favorite-destination .item .tag svg {
            margin-right: 4px;
            width: 8px;
            height: 13px;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.99991 0.889893C1.88304 0.889893 0.159912 2.61302 0.159912 4.72989C0.159912 8.11708 3.67085 12.1568 3.81991 12.3274C3.86585 12.3799 3.93054 12.4099 3.99991 12.4099C4.07397 12.4052 4.13397 12.3799 4.17991 12.3274C4.32897 12.154 7.83991 8.04489 7.83991 4.72989C7.83991 2.61302 6.11679 0.889893 3.99991 0.889893ZM3.99991 3.52989C4.79491 3.52989 5.43991 4.17489 5.43991 4.96989C5.43991 5.76489 4.79491 6.40989 3.99991 6.40989C3.20491 6.40989 2.55991 5.76489 2.55991 4.96989C2.55991 4.17489 3.20491 3.52989 3.99991 3.52989Z' fill='%2300264D'/%3e%3c/svg%3e")
        }

            .box-favorite-destination .item .tag svg use {
                display: none
            }

    .box-favorite-destination .item.column2 {
        -ms-grid-row: span 2;
        grid-row: span 2;
        -ms-grid-column: span 2;
        grid-column: span 2
    }

@media (max-width: 991px) {
    .box-favorite-destination .grid {
        padding-left: 0;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .box-favorite-destination .item.column2 {
        -ms-grid-row: span 1;
        grid-row: span 1;
        -ms-grid-column: span 1;
        grid-column: span 1
    }
}

@media (max-width: 576px) {
    .box-favorite-destination .grid {
        padding-left: 0;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.box-address .item {
    background: #fff;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px
}

    .box-address .item .start, .box-address .item .end {
        font-weight: bold;
        padding-left: 22px;
        position: relative
    }

        .box-address .item .start::before, .box-address .item .end::before {
            content: "";
            position: absolute;
            left: 0;
            top: 4px
        }

    .box-address .item .des {
        font-weight: 400
    }

    .box-address .item .start {
        padding-bottom: 14px
    }

        .box-address .item .start::before {
            border: 1.5px solid #698096;
            border-radius: 50%;
            width: 14px;
            height: 14px
        }

        .box-address .item .start::after {
            content: "";
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='12' viewBox='0 0 4 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='2' cy='2' r='2' transform='rotate(90 2 2)' fill='%23D9D9D9'/%3e%3ccircle cx='2' cy='10' r='2' transform='rotate(90 2 10)' fill='%23D9D9D9'/%3e%3c/svg%3e");
            background-size: contain;
            position: absolute;
            width: 4px;
            height: 12px;
            left: 5px;
            top: 22px
        }

    .box-address .item .end::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2051_51027)'%3e%3cpath d='M7.99992 4C7.4725 4 6.95693 4.1564 6.5184 4.44941C6.07987 4.74243 5.73807 5.15891 5.53624 5.64618C5.33441 6.13345 5.2816 6.66962 5.38449 7.18691C5.48739 7.70419 5.74136 8.17935 6.1143 8.55229C6.48724 8.92523 6.9624 9.1792 7.47968 9.28209C7.99696 9.38499 8.53314 9.33218 9.02041 9.13035C9.50768 8.92851 9.92416 8.58672 10.2172 8.14819C10.5102 7.70966 10.6666 7.19408 10.6666 6.66667C10.6666 5.95942 10.3856 5.28115 9.88554 4.78105C9.38544 4.28095 8.70716 4 7.99992 4ZM7.99992 8C7.73621 8 7.47843 7.9218 7.25916 7.77529C7.03989 7.62878 6.869 7.42055 6.76808 7.17691C6.66716 6.93328 6.64076 6.66519 6.69221 6.40655C6.74365 6.14791 6.87064 5.91033 7.05711 5.72386C7.24358 5.53739 7.48116 5.4104 7.7398 5.35895C7.99844 5.30751 8.26653 5.33391 8.51016 5.43483C8.7538 5.53574 8.96204 5.70664 9.10855 5.92591C9.25505 6.14517 9.33325 6.40296 9.33325 6.66667C9.33325 7.02029 9.19278 7.35943 8.94273 7.60948C8.69268 7.85952 8.35354 8 7.99992 8Z' fill='%23698096'/%3e%3cpath d='M7.99996 16C7.43859 16.0029 6.8847 15.8712 6.38467 15.616C5.88464 15.3608 5.45303 14.9896 5.12596 14.5333C2.5853 11.0287 1.29663 8.39399 1.29663 6.70199C1.29663 4.92416 2.00287 3.21914 3.25999 1.96202C4.51711 0.704899 6.22213 -0.00134277 7.99996 -0.00134277C9.7778 -0.00134277 11.4828 0.704899 12.7399 1.96202C13.9971 3.21914 14.7033 4.92416 14.7033 6.70199C14.7033 8.39399 13.4146 11.0287 10.874 14.5333C10.5469 14.9896 10.1153 15.3608 9.61525 15.616C9.11522 15.8712 8.56133 16.0029 7.99996 16ZM7.99996 1.45399C6.60824 1.45558 5.27398 2.00914 4.28988 2.99324C3.30578 3.97734 2.75222 5.3116 2.75063 6.70332C2.75063 8.04333 4.01263 10.5213 6.3033 13.6807C6.49776 13.9485 6.75288 14.1665 7.04777 14.3168C7.34267 14.4672 7.66897 14.5455 7.99996 14.5455C8.33096 14.5455 8.65726 14.4672 8.95216 14.3168C9.24705 14.1665 9.50217 13.9485 9.69663 13.6807C11.9873 10.5213 13.2493 8.04333 13.2493 6.70332C13.2477 5.3116 12.6941 3.97734 11.71 2.99324C10.726 2.00914 9.39169 1.45558 7.99996 1.45399Z' fill='%23698096'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2051_51027'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        width: 16px;
        height: 16px
    }

@media (max-width: 991px) {
    .box-address.grid__4 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .box-address.grid__4 {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

.slide-doitac .swiper-button-prev, .slide-doitac .swiper-button-next {
    height: 70px;
    line-height: 70px;
    margin-top: -35px;
    opacity: 1;
    cursor: pointer;
    -webkit-filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1));
    filter: drop-shadow(0px 4px 23px rgba(0,38,77,0.1))
}

    .slide-doitac .swiper-button-prev:hover, .slide-doitac .swiper-button-next:hover {
        background: #FF6536
    }

        .slide-doitac .swiper-button-prev:hover svg, .slide-doitac .swiper-button-next:hover svg {
            color: #fff
        }

.slide-doitac .swiper-button-prev {
    left: -10px
}

.slide-doitac .swiper-button-next {
    right: -10px
}

.slide-doitac .logo {
    background: #fff;
    height: 88px;
    width: 100%;
    position: relative;
    border-radius: 10px;
    display: block
}

    .slide-doitac .logo img {
        max-height: 95%;
        max-width: 95%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

.banner-detail {
    padding-bottom: 33%;
    height: 0;
    position: relative
}

    .banner-detail::after {
        content: "";
        background: -webkit-linear-gradient(top, #000 33.3%, rgba(0,0,0,0) 100%);
        background: linear-gradient(180deg, #000 33.3%, rgba(0,0,0,0) 100%);
        opacity: 0.6;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        -ms-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        position: absolute;
        width: 100%;
        height: 70%;
        bottom: 0
    }

    .banner-detail .img-banner {
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .banner-detail .logo {
        margin-top: 16px
    }

    .banner-detail .container {
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1
    }

    .banner-detail .content {
        position: absolute;
        bottom: 84px;
        color: #fff;
        max-width: 590px
    }

        .banner-detail .content .title {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 12px
        }

        .banner-detail .content .btn-default {
            background: none;
            border: 1px solid #fff
        }

@media (max-width: 1025px) {
    .banner-detail .content .title {
        font-size: 24px
    }
}

@media (max-width: 767px) {
    .banner-detail {
        padding-bottom: 0;
        height: 200px
    }

        .banner-detail .logo {
            margin-top: 10px;
            margin-bottom: 10px
        }

        .banner-detail .content {
            position: static
        }

            .banner-detail .content .title {
                font-size: 20px
            }

            .banner-detail .content .txt_16 {
                font-size: 14px !important
            }
}

.lightgallery.grid, .lightgallery .grid {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    row-gap: 4px
}

.lightgallery .item {
    position: relative;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

    .lightgallery .item .number-img {
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: rgba(0,0,0,0.3);
        color: #fff;
        font-size: 18px;
        font-weight: 400
    }

        .lightgallery .item .number-img svg {
            margin-left: 4px
        }

    .lightgallery .item .breadcrumb {
        position: absolute;
        margin: 0;
        left: 10px;
        top: 10px;
        z-index: 1
    }

        .lightgallery .item .breadcrumb .breadcrumb-item a {
            color: #F1F5F9
        }

        .lightgallery .item .breadcrumb .breadcrumb-item.active {
            color: #F1F5F9
        }

        .lightgallery .item .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            border-top: 1px solid #F1F5F9;
            border-right: 1px solid #F1F5F9
        }

    .lightgallery .item .des {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 40px 24px 24px 24px;
        font-size: 16px;
        color: #fff;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: end;
        -ms-flex-line-pack: end;
        align-content: end
    }

        .lightgallery .item .des * {
            width: 100%
        }

        .lightgallery .item .des .address {
            font-size: 26px;
            position: relative;
            z-index: 1
        }

        .lightgallery .item .des p {
            position: relative;
            z-index: 1;
            margin-bottom: 0
        }

        .lightgallery .item .des::before {
            content: "";
            background: -webkit-linear-gradient(79deg, #113F83 4.47%, rgba(0,0,0,0) 86.47%, rgba(27,115,178,0) 86.47%);
            background: linear-gradient(11deg, #113F83 4.47%, rgba(0,0,0,0) 86.47%, rgba(27,115,178,0) 86.47%);
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0
        }

@media (max-width: 767px) {
    .lightgallery {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }
}

.modal-open .select2-container {
    z-index: 1051
}

.select2-container .select2-selection__rendered .color-green {
    display: none
}

.box-404 {
    text-align: center;
    max-width: 350px;
    margin: 40px auto
}

.item-change-price {
    background: #F1F5F9;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    font-size: 16px;
    margin-bottom: 8px
}

    .item-change-price .change {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9265 5.33107L6.92419 0.760721C6.85271 0.695666 6.74625 0.676874 6.65178 0.711238C6.55832 0.746976 6.49782 0.830372 6.49782 0.922917V3.4429H0.249924C0.11197 3.44292 0 3.54554 0 3.672V7.33745C0 7.46391 0.11197 7.56655 0.249924 7.56655H6.49785V10.0769C6.49785 10.1695 6.55883 10.2528 6.65229 10.2886C6.68329 10.3005 6.71576 10.306 6.74777 10.306C6.81274 10.306 6.87673 10.2826 6.92471 10.2391L11.927 5.65546C11.974 5.6124 12 5.5542 12 5.49327C12 5.43233 11.9735 5.37415 11.9265 5.33107Z' fill='%231254FF'/%3e%3c/svg%3e");
        margin: 0 8px;
        display: inline-block;
        width: 12px;
        height: 11px
    }

.box-vote .items {
    width: 50%
}

    .box-vote .items:last-child {
        padding-left: 20px
    }

.box-vote .count-vote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .box-vote .count-vote .number-vote {
        width: 106px
    }

        .box-vote .count-vote .number-vote .txt_32 {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            font-weight: bold;
            line-height: 1.2;
            padding-top: 20px
        }

            .box-vote .count-vote .number-vote .txt_32 .note {
                display: block;
                font-size: 14px;
                font-weight: 400
            }

    .box-vote .count-vote .note-vote {
        width: 80%;
        width: calc(100% - 106px);
        padding-left: 16px
    }

        .box-vote .count-vote .note-vote ul {
            margin-bottom: 0
        }

            .box-vote .count-vote .note-vote ul li {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 2px
            }

                .box-vote .count-vote .note-vote ul li div:first-child {
                    width: 28%;
                    padding-right: 10px
                }

                .box-vote .count-vote .note-vote ul li div:last-child {
                    width: 12%;
                    padding-left: 10px
                }

                .box-vote .count-vote .note-vote ul li .bar {
                    width: 60%;
                    background: #F1F5F9;
                    border-radius: 18px;
                    height: 6px;
                    position: relative
                }

                    .box-vote .count-vote .note-vote ul li .bar .percent {
                        height: 100%;
                        display: inline-block;
                        position: absolute;
                        background: #8C9FB1;
                        border-radius: 18px;
                        -webkit-transition: width 1s ease-in-out, visibility 1s linear;
                        transition: width 1s ease-in-out, visibility 1s linear
                    }

                        .box-vote .count-vote .note-vote ul li .bar .percent.default {
                            width: 0 !important
                        }

        .box-vote .count-vote .note-vote .grid {
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
            row-gap: 0px
        }

        .box-vote .count-vote .note-vote.orange ul li .bar .percent {
            background: #FF5B00
        }

.box-vote .slide-customer {
    height: 100%;
    background: #F1F5F9;
    border-radius: 10px;
    padding: 16px 16px 40px 16px
}

    .box-vote .slide-customer .customer-item {
        padding: 0
    }

    .box-vote .slide-customer .view {
        line-height: 28px;
        color: #1254FF;
        font-size: 12px;
        font-weight: 500;
        margin: 0 6px
    }

    .box-vote .slide-customer .swiper-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        position: absolute;
        bottom: 15px;
        right: 16px
    }

        .box-vote .slide-customer .swiper-control .swiper-button-prev {
            padding-right: 2px
        }

        .box-vote .slide-customer .swiper-control .swiper-button-prev, .box-vote .slide-customer .swiper-control .swiper-button-next {
            position: static;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            line-height: 25px;
            display: block;
            opacity: 1 !important;
            margin: 0
        }

            .box-vote .slide-customer .swiper-control .swiper-button-prev svg, .box-vote .slide-customer .swiper-control .swiper-button-next svg {
                width: 11px;
                height: 11px;
                color: #698096
            }

            .box-vote .slide-customer .swiper-control .swiper-button-prev:hover, .box-vote .slide-customer .swiper-control .swiper-button-next:hover {
                background: #8C9FB1
            }

                .box-vote .slide-customer .swiper-control .swiper-button-prev:hover svg, .box-vote .slide-customer .swiper-control .swiper-button-next:hover svg {
                    color: #fff
                }

.box-vote[class*="col-"] .count-vote {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .box-vote[class*="col-"] .count-vote .number-vote {
        width: 100%;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #698096
    }

        .box-vote[class*="col-"] .count-vote .number-vote .point {
            border-radius: 4px;
            background: #FFEFD7;
            font-weight: bold;
            color: #F6A500;
            font-size: 24px;
            padding: 3px 5px;
            margin-right: 8px
        }

    .box-vote[class*="col-"] .count-vote .note-vote {
        width: 100%;
        padding-left: 0;
        font-size: 12px
    }

        .box-vote[class*="col-"] .count-vote .note-vote ul li div:first-child {
            width: 70px;
            font-weight: bold
        }

@media (max-width: 1280px) {
    .box-vote .count-vote {
        -ms-grid-column: span 2;
        grid-column: span 2
    }
}

@media (max-width: 1280px) {
    .box-vote .grid__3 {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .box-vote .count-vote {
        -ms-grid-column: span 1;
        grid-column: span 1
    }
}

@media (max-width: 991px) {
    .box-vote .items {
        width: 100%
    }

        .box-vote .items:last-child {
            padding-left: 0;
            margin-top: 20px
        }
}

.customer-item {
    background: #F1F5F9;
    border-radius: 10px;
    padding: 16px 30px 16px 16px;
    position: relative
}

    .customer-item::before {
        content: "";
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.28299 10.43C3.78801 11.675 3.00802 12.905 1.96552 14.09C1.63552 14.465 1.59052 15.005 1.86051 15.425C2.07053 15.755 2.4155 15.935 2.7905 15.935C2.89551 15.935 3.00052 15.9275 3.10553 15.89C5.31049 15.245 10.463 12.9575 10.6055 5.62245C10.658 2.79498 8.58803 0.364989 5.89551 0.0874892C4.40302 -0.0625183 2.91803 0.424952 1.81551 1.41496C0.71303 2.41247 0.0830078 3.83749 0.0830078 5.32247C0.0830078 7.79747 1.83803 9.96498 4.28299 10.43Z' fill='%23B7CCD9'/%3e%3cpath d='M17.138 0.0874892C15.653 -0.0625183 14.168 0.424952 13.0656 1.41496C11.963 2.41247 11.333 3.83749 11.333 5.32247C11.333 7.79747 13.088 9.96497 15.533 10.43C15.038 11.675 14.258 12.905 13.2155 14.09C12.8855 14.465 12.8405 15.005 13.1106 15.425C13.3205 15.755 13.6655 15.9349 14.0405 15.9349C14.1455 15.9349 14.2505 15.9275 14.3555 15.8899C16.5605 15.245 21.713 12.9575 21.8555 5.62244V5.51748C21.8555 2.73497 19.808 0.364989 17.138 0.0874892V0.0874892Z' fill='%23B7CCD9'/%3e%3c/svg%3e");
        width: 22px;
        height: 16px;
        position: absolute;
        right: 20px
    }

.gallery-min {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

    .gallery-min .item {
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

        .gallery-min .item .number-img {
            position: absolute;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: rgba(0,0,0,0.3);
            color: #fff;
            font-size: 12px;
            font-weight: 400
        }

            .gallery-min .item .number-img svg {
                margin-left: 4px
            }

.item-combo-ve {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0
}

.item-combo-ve__left {
    width: 60%;
    padding-right: 20px
}

.item-combo-ve__right {
    text-align: right;
    width: 40%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

    .item-combo-ve__right .flex-button {
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin-top: 8px
    }

        .item-combo-ve__right .flex-button .btn-default {
            margin-left: 8px
        }

@media (max-width: 991px) {
    .item-combo-ve .btn-default {
        font-size: 13px;
        padding: 0 7px;
        margin-left: 4px
    }
}

@media (max-width: 767px) {
    .item-combo-ve__left {
        width: 100%;
        padding-right: 0
    }

    .item-combo-ve__right {
        width: 100%
    }
}

.note-des {
    background: #F4F6F8;
    border-radius: 50px;
    padding: 8px 8px 8px 37px;
    position: relative
}

    .note-des img, .note-des svg {
        position: absolute;
        left: 16px;
        top: 11px
    }

.detail_tin {
    font-size: 16px
}

    .detail_tin .embed_video {
        text-align: center;
        margin-bottom: 15px
    }

        .detail_tin .embed_video iframe {
            max-width: 100%
        }

    .detail_tin .Images {
        text-align: center
    }

        .detail_tin .Images img {
            margin: 0 auto;
            display: block
        }

        .detail_tin .Images span {
            display: block;
            margin: 10px 0;
            color: #666;
            font-size: 14px
        }

    .detail_tin table th, .detail_tin table td {
        padding: 10px
    }

.list-service .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #698096
}

    .list-service .item svg, .list-service .item img {
        margin-right: 5px
    }

.list-question .question {
    color: #1254FF;
    margin-bottom: 3px
}

.list-question .answer {
    background: #F1F5F9;
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 3px
}

.li-icon {
    margin-bottom: 0
}

    .li-icon li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 6px
    }

        .li-icon li > svg, .li-icon li > img {
            position: absolute;
            left: 0;
            top: 2px;
            color: #698096
        }

        .li-icon li:last-child {
            margin-bottom: 0
        }

.jss-slide {
    top: 100%;
    margin-top: -5px;
    border: 1px solid #E2E8F0;
    opacity: 0;
    z-index: 1000;
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 8px
}

    .jss-slide.open {
        opacity: 1
    }

.jss-slide__left {
    width: 410px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.jss-slide__right {
    width: calc(100% - 410px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.jss-slide .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 12px;
    font-size: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    line-height: 21px;
    border-radius: 8px;
    margin-bottom: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #EDF2F7
}

    .jss-slide .head .btn {
        background: none;
        outline: 0;
        border: 0;
        box-shadow: none;
        color: var(--orange)
    }

.jss-slide .lbl {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.jss-slide .history li {
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 50px 10px 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-bottom: 1px solid #EDF2F7;
    border-radius: 8px;
    position: relative
}

    .jss-slide .history li .btn-default {
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: #f1f3f5;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 8px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 10px
    }

    .jss-slide .history li .name {
        font-weight: 600
    }

    .jss-slide .history li .color-gray {
        color: #718096
    }

    .jss-slide .history li .key {
        color: var(--orange);
        font-weight: bold
    }

    .jss-slide .history li .jss1149 {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        right: 0;
        font-size: 13px;
        color: #718096;
        top: 50%;
        margin-top: -10px
    }

    .jss-slide .history li:hover {
        background: #EDF2F7
    }

.jss-slide .list {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr)
}

    .jss-slide .list .itemt {
        gap: 6px;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 4px 8px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

        .jss-slide .list .itemt .thumb_img {
            border-radius: 50%
        }

        .jss-slide .list .itemt h3 {
            font-size: 14px;
            margin: 0
        }

        .jss-slide .list .itemt:hover {
            background: #EDF2F7
        }

.jss-slide .jss1152 {
    width: 100%;
    height: 80%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    color: #A0AEC0;
    font-size: 16px
}

@media (max-width: 1480px) {
    .jss-slide .list {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1280px) {
    .jss-slide {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .jss-slide .list {
            -ms-grid-columns: (1fr)[4];
            grid-template-columns: repeat(4, 1fr)
        }
}

@media (max-width: 414px) {
    .jss-slide__left {
        width: 100%;
        padding: 16px
    }

    .jss-slide__right {
        width: 100%;
        padding: 16px
    }

    .jss-slide .list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

.suggest-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.calendar-custom {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 24px
}

    .calendar-custom .item {
        text-align: center
    }

    .calendar-custom .head {
        margin-bottom: 10px
    }

        .calendar-custom .head .month {
            font-size: 16px;
            font-weight: bold
        }

        .calendar-custom .head .note {
            display: inline-block;
            background: #F1F5F9;
            border-radius: 37px;
            color: #698096;
            padding: 1px 6px
        }

    .calendar-custom .table-responsive .table {
        margin-bottom: 0
    }

        .calendar-custom .table-responsive .table th, .calendar-custom .table-responsive .table td {
            text-align: center;
            border-top: 0;
            padding: 6px 5px;
            font-size: 14px;
            cursor: pointer
        }

        .calendar-custom .table-responsive .table th {
            font-weight: bold;
            color: #00264D;
            border-bottom: 0
        }

            .calendar-custom .table-responsive .table th:last-child, .calendar-custom .table-responsive .table th:nth-last-child(2) {
                color: #F73B2F
            }

        .calendar-custom .table-responsive .table td .price {
            color: #698096;
            font-size: 12px
        }

        .calendar-custom .table-responsive .table td .min {
            color: #00A86B;
            font-weight: bold
        }

        .calendar-custom .table-responsive .table td .max {
            color: #F73B2F;
            font-weight: bold
        }

    .calendar-custom .swiper-slide-active::before, .calendar-custom .swiper-slide-next::before {
        content: "";
        background: #E3EBF3;
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        right: -18px
    }

@media (max-width: 991px) {
    .calendar-custom {
        padding: 10px
    }
}

.box-tuyen-daily {
    background: #E3EAEF url(images/graphics/bg-lienhe.png) right;
    padding: 35px 60px;
    border-radius: 20px 20px 0px 0px
}

    .box-tuyen-daily ul li {
        margin-bottom: 10px;
        font-size: 16px;
        position: relative;
        padding-left: 28px
    }

        .box-tuyen-daily ul li::before {
            content: "";
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3440_64663)'%3e%3cpath d='M14.0641 5.08499C14.3991 4.38541 14.3516 3.53789 13.7766 2.96285L13.5372 2.72346C12.9621 2.14842 12.0918 2.05693 11.415 2.43594C10.9387 2.70269 9.93072 2.14803 9.8561 1.78877C9.69939 1.03427 8.97126 0.5 8.16336 0.5L7.752 0.520896C6.80602 0.56896 6.06368 1.34998 6.06368 2.29718C6.096 2.708 5.392 3.012 4.98307 2.74474C4.28125 2.04291 3.14336 2.04291 2.44154 2.74474L2.2447 2.94157C1.64288 3.54342 1.57296 4.45642 1.98758 5.1592C2.272 5.64131 1.99466 6.49466 1.52739 6.60954C0.677152 6.81859 0 7.444 0 8.36554V8.66304C0 9.47917 0.594496 10.0881 1.33402 10.3504C2.10131 10.6226 2.0408 11.7482 1.96214 11.883C1.56083 12.5711 1.65501 13.4687 2.24474 14.0584L2.44157 14.2553C3.02832 14.842 3.90464 14.9104 4.60662 14.5438C5.10934 14.2813 6.04803 14.772 6.12589 15.1732C6.27677 15.9505 7.03107 16.5 7.8609 16.5H8.11696C8.93046 16.5 9.61926 15.9661 9.85207 15.2296C10.0043 14.7479 10.7414 14.26 11.4746 14.5684C12.1721 14.8619 13.0312 14.7825 13.5763 14.2374L13.7553 14.0584C14.4571 13.3566 14.4571 12.2187 13.7553 11.5169C13.44 11.2307 13.8454 10.4413 14.2028 10.4363C15.1954 10.4363 16 9.63168 16 8.63914V8.33146C16 7.50499 15.4514 6.76784 14.6792 6.59814C14.16 6.484 13.896 5.436 14.0641 5.08499Z' fill='%2345C9A5'/%3e%3cpath d='M6.60008 10.9426L4.51461 8.85709C4.26466 8.60714 4.26466 8.20192 4.51461 7.952C4.76456 7.70205 5.16978 7.70205 5.4197 7.952L7.05263 9.58493L10.5801 6.05744C10.8301 5.80749 11.2353 5.80749 11.4852 6.05744C11.7351 6.30739 11.7352 6.71261 11.4852 6.96253L7.5052 10.9426C7.24258 11.1667 6.77327 11.1347 6.60008 10.9426Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3440_64663'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
            position: absolute;
            left: 0;
            top: 4px;
            width: 16px;
            height: 17px
        }

@media (max-width: 767px) {
    .box-tuyen-daily {
        background: #E3EAEF url(images/graphics/mbg-lienhe.png) top;
        background-size: cover;
        border-radius: 10px 10px 0px 0px;
        padding: 100px 16px 16px 16px
    }
}

.chinh-sach-support {
    background: #FFFFFF;
    border-radius: 0px 0px 20px 20px;
    padding: 25px
}

    .chinh-sach-support .grid {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        row-gap: 25px
    }

    .chinh-sach-support .item {
        text-align: center
    }

        .chinh-sach-support .item .thumb_3x2 {
            padding-bottom: 48%;
            border-radius: 19px;
            margin-bottom: 20px
        }

        .chinh-sach-support .item .title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 4px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            .chinh-sach-support .item .title img {
                margin-right: 3px
            }

            .chinh-sach-support .item .title.vip {
                color: #FE6A01
            }

        .chinh-sach-support .item .des {
            color: #698096;
            font-size: 16px;
            margin-bottom: 10px
        }

@media (max-width: 991px) {
    .chinh-sach-support .grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 24px
    }

    .chinh-sach-support .item .thumb_3x2 {
        margin-bottom: 10px;
        border-radius: 10px
    }

    .chinh-sach-support .item .title {
        font-size: 18px
    }

    .chinh-sach-support .item .des {
        font-size: 14px
    }
}

.collapse-bg-gray .item {
    background: #F1F5F9;
    border-radius: 10px;
    padding: 16px 24px;
    margin-bottom: 8px
}

    .collapse-bg-gray .item .head-title {
        border-bottom: 0;
        margin-bottom: 0
    }

    .collapse-bg-gray .item .icon-collapse {
        width: 100%;
        padding-right: 30px;
        position: relative
    }

        .collapse-bg-gray .item .icon-collapse[aria-expanded="true"] {
            color: #1254FF;
            font-weight: bold;
            margin-bottom: 10px
        }

        .collapse-bg-gray .item .icon-collapse:hover {
            color: #1254FF
        }

    .collapse-bg-gray .item .icon-svg {
        position: absolute;
        right: 0;
        top: 50%;
        margin: 0;
        margin-top: -6px
    }

.page-404 {
    max-width: 500px;
    margin: 30px auto;
    text-align: center
}

.check-list-pro {
    margin-bottom: 0
}

    .check-list-pro li {
        position: relative;
        padding-right: 180px;
        border-bottom: 1px solid #dee2e6;
        margin-bottom: 15px;
        padding-bottom: 12px
    }

        .check-list-pro li .confir_res {
            position: absolute;
            right: 0;
            top: 0
        }

        .check-list-pro li .row {
            padding-right: 60px;
            line-height: 1.2
        }

        .check-list-pro li .list-button {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding-right: 60px
        }

            .check-list-pro li .list-button .btn-default {
                padding: 0 10px;
                width: 100%;
                margin: 0 5px
            }

        .check-list-pro li:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

@media (max-width: 1025px) {
    .check-list-pro li {
        padding-right: 0
    }

        .check-list-pro li .bold.mb15 {
            padding-right: 70px
        }

        .check-list-pro li .list-button, .check-list-pro li .row {
            padding-right: 0
        }
}

@media (max-width: 600px) {
    .check-list-pro li .list-button {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .check-list-pro li .list-button .btn-default {
            margin-bottom: 10px;
            line-height: 30px
        }
}

.banner-tour {
    position: relative
}

    .banner-tour .slide-banner-tour {
        position: relative
    }

    .banner-tour .swiper-slide {
        padding-bottom: 31%;
        height: 0;
        position: relative
    }

    .banner-tour .img-banner {
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .banner-tour .container {
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1
    }

    .banner-tour .content {
        margin-top: 80px;
        color: #fff;
        width: 590px
    }

        .banner-tour .content .title {
            font-size: 40px;
            font-weight: bold;
            margin-bottom: 12px;
            text-shadow: 1px 1px #000
        }

    .banner-tour .swiper-button-prev, .banner-tour .swiper-button-next {
        background: none;
        display: block;
        margin-top: -30px
    }

        .banner-tour .swiper-button-prev svg, .banner-tour .swiper-button-next svg {
            color: #F1F5F9;
            width: 15px;
            height: 20px
        }

    .banner-tour .swiper-button-prev {
        left: 20px
    }

    .banner-tour .swiper-button-next {
        right: 20px
    }

    .banner-tour .swiper-pagination {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 80px
    }

        .banner-tour .swiper-pagination .swiper-pagination-bullet {
            border-radius: 30px;
            opacity: 0.3;
            background: #D9D9D9;
            width: 40px;
            height: 4px;
            margin: 0 2px
        }

        .banner-tour .swiper-pagination .swiper-pagination-bullet-active {
            opacity: 1
        }

    .banner-tour .tab-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: end;
        -ms-flex-align: end;
        align-items: end
    }

        .banner-tour .tab-menu a {
            border-radius: 10px 10px 0px 0px;
            background: #F4F6F8;
            color: #8C9FB1;
            padding: 0 12px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 40px
        }

            .banner-tour .tab-menu a svg {
                margin: 0 8px 0 0
            }

            .banner-tour .tab-menu a.active {
                background: #fff;
                color: #00264D;
                height: 48px;
                font-weight: 600
            }

    .banner-tour .wrap-search {
        display: block;
        border-radius: 0 10px 10px 10px
    }

        .banner-tour .wrap-search .tab-menu {
            margin: 0
        }

        .banner-tour .wrap-search .address-w {
            width: 100%;
            padding-right: 0;
            margin-bottom: 0
        }

        .banner-tour .wrap-search .btn-default {
            min-width: 76px
        }

    .banner-tour .confir_res {
        color: #fff
    }

        .banner-tour .confir_res.circle input:checked ~ .checkmark {
            border: 5px solid #FF5B00
        }

@media (max-width: 1280px) {
    .banner-tour .content {
        margin-top: 40px
    }

        .banner-tour .content .title {
            font-size: 30px
        }
}

@media (max-width: 1025px) {
    .banner-tour .content {
        margin-top: 30px
    }

        .banner-tour .content .title {
            font-size: 24px
        }

    .banner-tour .swiper-slide {
        padding-bottom: 0;
        height: 320px
    }

    .banner-tour .swiper-pagination {
        bottom: 20px
    }
}

@media (max-width: 991px) {
    .banner-tour .wrap-search .flexbox {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (max-width: 600px) {
    .banner-tour {
        background: #F1F5F9;
        padding-bottom: 10px
    }

        .banner-tour .swiper-slide {
            height: 150px
        }

        .banner-tour .container {
            position: relative
        }

        .banner-tour .content {
            margin-top: 20px;
            color: #222;
            max-width: 100%
        }

            .banner-tour .content .title {
                font-size: 20px;
                text-shadow: none
            }

        .banner-tour .wrap-search .address-w {
            padding-right: 7px
        }

        .banner-tour .wrap-search .btn-search {
            min-width: 45px
        }

        .banner-tour .swiper-pagination {
            bottom: 10px
        }

        .banner-tour .confir_res {
            color: #00264D
        }
}

.relative-mt80 {
    position: relative;
    margin-top: -80px;
    z-index: 2
}

@media (max-width: 1025px) {
    .relative-mt80 {
        margin-top: 0
    }
}

.list-tour .item {
    position: relative
}

    .list-tour .item::before {
        content: "";
        background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);
        opacity: 0.7;
        border-radius: 10px 10px 0px 0px;
        -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
        -ms-transform: matrix(1, 0, 0, -1, 0, 0);
        transform: matrix(1, 0, 0, -1, 0, 0);
        position: absolute;
        height: 28%;
        width: 100%;
        bottom: 0;
        z-index: 1
    }

    .list-tour .item .des {
        position: absolute;
        font-size: 16px;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        z-index: 1;
        padding: 10px
    }

.list-tour .thumb_5x4 {
    padding-bottom: 80%
}

.list-tour.slide .swiper-slide {
    width: 25%;
    margin-right: 12px
}

@media (max-width: 991px) {
    .list-tour.grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 600px) {
    .list-tour.grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.lich-trinh-tour .item {
    position: relative;
    padding-left: 34px
}

    .lich-trinh-tour .item::before {
        content: "";
        border-left: 1px dashed #B7CCD9;
        position: absolute;
        top: 10px;
        bottom: 0;
        left: 10px
    }

    .lich-trinh-tour .item::after {
        content: "";
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.5' cy='8' r='4' fill='%23D9D9D9'/%3e%3ccircle cx='8.5' cy='8' r='8' fill='%23F1F5F9'/%3e%3ccircle cx='8.5' cy='8' r='4' fill='%231254FF'/%3e%3c/svg%3e");
        width: 17px;
        height: 16px;
        position: absolute;
        top: 6px;
        left: 2px
    }

    .lich-trinh-tour .item:last-child::before {
        display: none
    }

    .lich-trinh-tour .item .head-title {
        display: block
    }

        .lich-trinh-tour .item .head-title .icon-collapse {
            position: relative;
            font-size: 18px;
            font-weight: bold;
            padding-right: 25px;
            display: block
        }

            .lich-trinh-tour .item .head-title .icon-collapse svg {
                position: absolute;
                right: 0;
                top: 8px
            }

    .lich-trinh-tour .item .collapse {
        padding-bottom: 40px
    }

.tab-banggia {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

    .tab-banggia li {
        color: #698096;
        border-radius: 4px;
        padding: 4px 16px;
        background: #F1F5F9;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%
    }

        .tab-banggia li a {
            color: #698096
        }

        .tab-banggia li.active {
            background: #070BA0;
            color: #fff
        }

            .tab-banggia li.active a {
                color: #fff
            }

.tb-banggia {
    border-radius: 10px 10px 0px 0px;
    width: 100%
}

    .tb-banggia th {
        color: #698096;
        font-size: 14px;
        font-weight: 400;
        line-height: 150%;
        background: #F1F5F9;
        text-align: center
    }

        .tb-banggia th br {
            display: none
        }

@media (max-width: 600px) {
    .tb-banggia th {
        font-weight: bold;
        font-size: 12px;
        text-align: center !important
    }

        .tb-banggia th br {
            display: block
        }
}

.tb-banggia tbody tr:not(:first-child) {
    border-top: 1px solid #E3EBF3
}

.tb-banggia td {
    text-align: center;
    color: #00264D;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.tb-banggia th, .tb-banggia td {
    padding: 8px 12px
}

@media (max-width: 600px) {
    .tb-banggia th, .tb-banggia td {
        padding: 8px 5px;
        font-size: 13px
    }
}

.tb-banggia th:first-child, .tb-banggia td:first-child {
    text-align: left
}

.tb-banggia th:last-child, .tb-banggia td:last-child {
    text-align: right
}

.tb-banggia .hang-bay {
    color: #698096;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

    .tb-banggia .hang-bay img {
        display: block;
        margin: auto;
        height: 25px;
        -o-object-fit: contain;
        object-fit: contain
    }

@media (max-width: 600px) {
    .tb-banggia .hang-bay span {
        display: none
    }
}

.tb-banggia .price {
    color: #00A86B;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%
}

.tb-banggia .btn {
    border-radius: 10px;
    background: #FFE9DD;
    padding: 8px 24px;
    color: #FF5B00;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 600px) {
    .tb-banggia .btn {
        padding: 8px
    }
}

.text_line {
    font-size: 18px;
    color: #242424;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 10px;
    margin: 0 0 10px 0
}

    .text_line.margin {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .text_line svg {
        width: 18px;
        height: 18px;
        color: var(--yellow);
        vertical-align: top;
        margin-right: 5px
    }

.bg_changer_pass {
    background: #fff url(images/graphics/bg-change.png) no-repeat right;
    padding-bottom: 50px;
    min-height: 380px
}

.bg_notifi1 {
    border-radius: 6px;
    border: 1px solid #FFAA00;
    background: #FCF8EF;
    padding: 15px 20px;
    color: #DFAF5A;
    line-height: 1.5
}

.bg_notifi2 {
    border-radius: 6px;
    border: 1px solid #37A07F;
    background: #ECFFF8;
    padding: 15px 20px;
    color: #236852;
    line-height: 1.5
}

.bg_notifi3 {
    border-radius: 6px;
    border: 1px solid #DE0028;
    background: #FFF7F8;
    padding: 15px 20px;
    color: #DE0028;
    line-height: 1.5
}

.title_form {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.form_default .icon-visible svg {
    fill: var(--green1);
    position: absolute;
    top: 11px;
    left: 10px
}

.form_default .icon-visible .form-control {
    padding-left: 35px
}

.form_default .form-control {
    padding: 10px
}

.form_default .form-group {
    margin-bottom: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .form_default .form-group.block {
        display: block
    }

    .form_default .form-group .lbl {
        width: 150px;
        margin-top: 12px
    }

    .form_default .form-group .wrap-input {
        width: calc(100% - 150px)
    }

    .form_default .form-group.male .lbl {
        margin-top: 0
    }

    .form_default .form-group.male .radio-inline {
        margin-right: 15px
    }

        .form_default .form-group.male .radio-inline input {
            margin-right: 4px
        }

    .form_default .form-group.year .wrap-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form_default .form-group.year .item {
        width: 130px
    }

    .form_default .form-group.control_btn .wrap-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form_default .form-group.control_btn .btn {
        border-radius: 10px;
        padding: 0px 40px
    }

.form_default .control_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .form_default .control_btn .btn {
        height: 42px;
        line-height: 42px
    }

    .form_default .control_btn .cancel {
        width: 30%
    }

    .form_default .control_btn .confirm {
        width: 67%;
        margin-left: 3%;
        color: #fff
    }

.form_default .control_btn2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .form_default .control_btn2 .btn {
        margin: 0 15px
    }

.form_default .confir_res {
    font-weight: 300;
    color: #666
}

.login-popup {
    max-width: 900px
}

    .login-popup .content_poup {
        padding: 0
    }

    .login-popup .tien_ich {
        width: 304px;
        background: #236852 url(images/graphics/map.png);
        padding: 20px 35px;
        background-size: cover;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .login-popup .tien_ich ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .login-popup .tien_ich li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            color: #fff;
            font-weight: 300;
            margin: 20px 0
        }

            .login-popup .tien_ich li h4 {
                font-weight: 500;
                margin-bottom: 0;
                font-size: 15px
            }

            .login-popup .tien_ich li svg {
                width: 30px;
                height: 30px;
                fill: #fff;
                margin-right: 20px
            }

            .login-popup .tien_ich li:last-child {
                margin-bottom: 0
            }

    .login-popup .form {
        width: 653px;
        width: calc(100% - 304px);
        padding: 30px 50px 30px 50px
    }

        .login-popup .form .tab {
            text-align: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: -30px -50px 35px -50px;
            border-bottom: 1px solid #eaeaea
        }

            .login-popup .form .tab .login {
                text-align: right;
                position: relative
            }

                .login-popup .form .tab .login::before {
                    content: "";
                    background: #eaeaea;
                    width: 1px;
                    bottom: -1px;
                    position: absolute;
                    right: -30px;
                    top: 0
                }

            .login-popup .form .tab .resign {
                text-align: left
            }

            .login-popup .form .tab a {
                font-size: 18px;
                font-weight: 500;
                color: #666;
                display: inline-block;
                padding: 20px 10px 14px 10px;
                position: relative;
                margin: 0 30px
            }

                .login-popup .form .tab a.active {
                    color: var(--green1);
                    border-bottom: 2px solid var(--green2)
                }

        .login-popup .form .icon-visible .form-control {
            padding-left: 40px
        }

        .login-popup .form .icon-visible svg {
            fill: var(--green1);
            position: absolute;
            top: 10px;
            left: 10px
        }

        .login-popup .form .btn {
            width: 100%;
            margin-top: 20px;
            height: 42px
        }

        .login-popup .form .form-group__button .btn {
            width: auto;
            border-radius: 0 10px 10px 0;
            margin: 0;
            height: 40px
        }

        .login-popup .form .login-social {
            margin-top: 25px
        }

            .login-popup .form .login-social .center {
                position: relative;
                font-weight: 300;
                color: #666;
                font-size: 14px;
                margin-bottom: 25px
            }

                .login-popup .form .login-social .center:before {
                    content: "";
                    background: #eee;
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    top: 10px;
                    left: 0
                }

                .login-popup .form .login-social .center span {
                    position: relative;
                    background: #fff;
                    padding: 0 10px
                }

            .login-popup .form .login-social .flex {
                margin: 0 -15px
            }

                .login-popup .form .login-social .flex a {
                    width: 50%;
                    display: inline-block;
                    padding: 0 15px
                }

                    .login-popup .form .login-social .flex a img {
                        width: 100%
                    }

@media (max-width: 576px) {
    .login-popup .form {
        padding: 15px;
        width: 100%
    }

        .login-popup .form .tab {
            margin: -15px -15px 34px -15px;
            background: #236852
        }

            .login-popup .form .tab a {
                color: #fff;
                font-size: 16px;
                margin: 0 15px
            }

                .login-popup .form .tab a.active {
                    color: var(--yellow);
                    border-bottom: 2px solid var(--yellow)
                }

        .login-popup .form .login-social .flex a {
            width: 100%;
            margin-bottom: 15px;
            text-align: center
        }

            .login-popup .form .login-social .flex a img {
                max-width: 250px
            }

    .login-popup .tien_ich {
        display: none;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

.hidden-pc {
    display: none
}

@media (max-width: 1366px) {
    .mb80 {
        margin-bottom: 60px
    }
}

@media (max-width: 1200px) {
    .overflow {
        overflow: hidden
    }

    .title-cate {
        font-size: 26px
    }
}

@media (max-width: 991px) {
    .overlay {
        display: none
    }

    .box_stream {
        width: 100%;
        padding-right: 0
    }

    .box_300 {
        width: 100%;
        display: none
    }

    .title-cate {
        font-size: 22px;
        margin-bottom: 15px !important
    }

        .title-cate.txt_32 {
            font-size: 22px !important
        }

        .title-cate.mb40 {
            margin-bottom: 15px !important
        }

    .mb80 {
        margin-bottom: 40px !important
    }

    .mb60 {
        margin-bottom: 30px !important
    }

    .mb40 {
        margin-bottom: 20px !important
    }

    .mb30 {
        margin-bottom: 20px
    }

    .mt60 {
        margin-top: 30px !important
    }

    .padding_40 {
        padding: 20px 0
    }

    .line-bottom.mb40 {
        margin-bottom: 20px !important
    }

    .container.mt20 {
        margin-top: 0 !important
    }
}

@media (max-width: 767px) {
    .grid-form {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 16px
    }

        .grid-form .grid__2 {
            -ms-grid-columns: (1fr)[1];
            grid-template-columns: repeat(1, 1fr);
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
            row-gap: 16px
        }
}

@media (max-width: 576px) {
    .off-line-mb {
        border-left: 0
    }

    .hidden-mb {
        display: none
    }

    .hidden-pc {
        display: block
    }

    .btn-dk .txt_20 {
        width: 100%;
        margin: 0 auto 10px !important;
        text-align: center
    }

    .detail_tin .title-detail {
        font-size: 20px
    }

    .detail_tin .price-all .all {
        font-size: 24px
    }

    .grid-form {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .col-md-3.text-right {
        text-align: left !important
    }

    .btn-default[style="padding: 0 60px;"] {
        width: 100%;
        margin: 0 0 10px 0 !important
    }

    .popup-success .txt_24.mb0 {
        margin-right: 8px
    }

    .popup-success .note-text.ml-2 {
        margin-left: 0 !important
    }

    .item-info-flight {
        position: relative;
        padding-bottom: 100px;
        background: #fff
    }

        .item-info-flight .trip-info.min .col-md-5 {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            position: static;
            margin-top: 0
        }

        .item-info-flight .trip-info.min .col-md-7 {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -ms-flex-order: 2;
            order: 2;
            position: static
        }

        .item-info-flight .trip-info.min .price-all {
            position: absolute;
            bottom: 15px;
            right: 15px
        }
}

@media (max-width: 375px) {
    .title-cate {
        font-size: 20px
    }
}

/*# sourceMappingURL=maps/style.css.map */