@font-face {
    font-family: 'KoHo-Regular';
    src: url('../fonts/KoHo-Regular/KoHo-Regular.eot');
    src: url('../fonts/KoHo-Regular/KoHo-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KoHo-Regular/KoHo-Regular.svg#KoHo-Regular') format('svg'),
         url('../fonts/KoHo-Regular/KoHo-Regular.ttf') format('truetype'),
         url('../fonts/KoHo-Regular/KoHo-Regular.woff') format('woff'),
         url('../fonts/KoHo-Regular/KoHo-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KoHo-Regular';
    src: url('../fonts/KoHo-Medium/KoHo-Medium.eot');
    src: url('../fonts/KoHo-Medium/KoHo-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KoHo-Medium/KoHo-Medium.svg#KoHo-Medium') format('svg'),
         url('../fonts/KoHo-Medium/KoHo-Medium.ttf') format('truetype'),
         url('../fonts/KoHo-Medium/KoHo-Medium.woff') format('woff'),
         url('../fonts/KoHo-Medium/KoHo-Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'KoHo-Regular';
    src: url('../fonts/KoHo-Bold/KoHo-Bold.eot');
    src: url('../fonts/KoHo-Bold/KoHo-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KoHo-Bold/KoHo-Bold.svg#KoHo-Bold') format('svg'),
         url('../fonts/KoHo-Bold/KoHo-Bold.ttf') format('truetype'),
         url('../fonts/KoHo-Bold/KoHo-Bold.woff') format('woff'),
         url('../fonts/KoHo-Bold/KoHo-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'KoHo-Regular';
    src: url('../fonts/KoHo-SemiBold/KoHo-SemiBold.eot');
    src: url('../fonts/KoHo-SemiBold/KoHo-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KoHo-SemiBold/KoHo-SemiBold.svg#KoHo-SemiBold') format('svg'),
         url('../fonts/KoHo-SemiBold/KoHo-SemiBold.ttf') format('truetype'),
         url('../fonts/KoHo-SemiBold/KoHo-SemiBold.woff') format('woff'),
         url('../fonts/KoHo-SemiBold/KoHo-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}   
/* ------------------- */
@font-face {
    font-family: 'Jambono-Medium';
    src: url('../fonts/Jambono-Medium/Jambono-Medium.eot');
    src: url('../fonts/Jambono-Medium/Jambono-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Jambono-Medium/Jambono-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'JambonoVNMedium';
    src: url('../fonts/Jambono-Medium/JambonoVNMedium.svg#JambonoVNMedium') format('svg'),
         url('../fonts/Jambono-Medium/JambonoVNMedium.ttf') format('truetype'),
         url('../fonts/Jambono-Medium/JambonoVNMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JambonoLight';
    src: url('../fonts/jambonolight/JambonoLight.svg#JambonoLight') format('svg'),
         url('../fonts/jambonolight/JambonoLight.ttf') format('truetype'),
         url('../fonts/jambonolight/JambonoLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'jambonolight';
    src: url('../fonts/jambonolight/jambonolight.eot');
    src: url('../fonts/jambonolight/jambonolight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jambonolight/jambonolight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
  
  
  
html, body{font-family: 'KoHo-Regular'; font-size: 16px;    background: #fff; color: #6D6E71; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px;}
.max-md{max-width: 1225px; margin-left: auto; margin-right: auto;}
.max-lg{max-width: 1005px; margin-left: auto; margin-right: auto;}
a{text-decoration: none;}
/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
a:hover, a:focus{border-color: rgba(255, 255, 255, 0); outline: none;text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
img{max-width: 100%;}
ul{margin: 0px;}
.btn.focus, .btn:focus{outline: 0; box-shadow: none;}

/* CORE */
[class*="col-"], [class*="container-"]{padding-left: 15px; padding-right: 15px;}
.row{margin-left: -15px; margin-right: -15px;}

/* CUSTOM */
.wrapper-default { max-width: 1920px; margin: auto;  overflow: hidden; background: url(../images/bg/bg-full-3-1.jpg) no-repeat top center; background-size: 100% 100%;min-height: 100vh;    position: relative; background-position-y: 512px;}

.title-page{margin-bottom: 32px;}
.title-page .desc{font-size: 16px; color: #000; margin-top: 35px;}
.title-page h3 { color: #000000; margin: 0px;  font-weight: 600; font-size: 24px;}
.title-page .float-right a{color: #d13434;}
.title-page .float-right a:hover{color: #c81c1c; text-decoration: underline;}

.title-box{margin-bottom: 30px;}
.title-box h3{font-weight: bold; margin: 0px; font-size: 24px; font-weight: bold}

.breadcrumb-page .banner img{width: 100%;}
@media(max-width: 992px){
    .wrapper-default{background: #fff;}
}
@media(max-width: 767px){
    .title-sec{    margin-bottom: 15px!important;}
    .max-w{padding-left: 5px; padding-right: 5px;}
}

/* ----------- PRELOADER -------------------------------------- */
.preloader { width: 100%; height: 100%; top: 0; position: fixed; z-index: 99999; background: #fff; }
.lds-ripple{display:inline-block;width:64px;height:64px;position:absolute;top:calc(50% - 3.5px);left:calc(50% - 3.5px)}.lds-ripple .lds-pos{position:absolute;border:2px solid #2962FF;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.1,.5,1) infinite}.lds-ripple .lds-pos:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:0}5%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}

/* ----------- TO TOP -------------------------------------- */
/* .to-top { position: fixed; bottom: 50px; right: 44px; width: auto; height: auto; z-index: 116; cursor: pointer; display: none; -webkit-transform: translate3d(0,0,0); border-radius: 50%; }
.to-top img{max-height: 42px;}
@media(max-width: 1360px){
    .social-list{padding-right: 50px;}
    .to-top{position: absolute; cursor: pointer; right: 0; top: -8px; width: 50px; text-align: right;}
    .to-top img{height: 36px;}
    .social-list{}
}
@media(max-width: 992px){
    .social-list {padding-top: 10px;}
    .social-list .item{margin-left: 0px!important; margin-right: 10px!important;}
    .to-top{right: 10px; top: 10px;}
} */
/* BOX SLICK */
.box-slick{position: relative;}
.box-slick .box-arrows-slick{}
.box-slick .box-arrows-slick img{    height: 13px;}
.box-slick .box-arrows-slick .slick-arrows{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.box-slick .box-arrows-slick .prev { left: -15px; }
.box-slick .box-arrows-slick .next{ right: -15px;}
.slick-slide:focus{    border-color: rgba(255, 255, 255, 0);outline: none;}
.box-slick .slick-nav{}
.box-slick .slick-nav a#prev-slick{position: absolute; bottom: 30px; z-index: 3; right: 164px;}
.box-slick .slick-nav a#next-slick{position: absolute; bottom: 30px; z-index: 3; right: 143px;}
.box-slick .slick-nav a img{max-height: 17px;}
.box-slick .slick-nav::after{width: 95px; height: 1px; position: absolute; content: ""; background: rgba(255, 255, 255, 0.7607843137254902); right: 186px; bottom: 38px;}
@media(max-width: 1100px){
    .box-slick {
        margin: 0px auto 0px;
    }
}
/* ----------- HEADER -------------------------------------- */
.header-main-top{background: #fff; min-height: 75px; padding-top: 10px;}
.header-default{position: relative; }
.h-logo img{max-width: 265px;}
.header-top-bg { position: relative; background: #f7f5ee; line-height: 34px; color: #d48f43; font-size: 13px; font-weight: 600; }
.nav-holder nav li a { text-transform: uppercase;     color: #707070; font-weight: bold; font-size: 20px;}
.nav-holder nav{float: none;}
.nav-holder{vertical-align: top; float: left; }
/* .H MENU */
.h-menu {float: right;}
.main-menu nav>ul{padding-left: 0px; padding-right: 0px;}
.main-menu nav>ul>li { position: relative; z-index: 0;}
.main-menu nav>ul>li:hover>a, .main-menu nav>ul>li.active>a{color: #Ffff; }
.h-right { position: absolute; top: 17px; right: 0; }
.h-right a.close-form{background: url(../images/icon/cancel-music.svg)no-repeat center center; background-size: 15px 15px;font-size: 0px;}
/* Effect 17: move up fade out, push border */
.cl-effect-17 a { color: #131313; text-shadow: none; padding: 10px 0; position: relative; position: relative; }
nav.cl-effect-17 ul>li>a{position: relative;z-index: 2;}
nav.cl-effect-17 ul>li.active a, nav.cl-effect-17 ul>li:hover a, nav.cl-effect-17 ul>li a:hover, nav.cl-effect-17 ul>li.current a{color: #ed1e25!important;}

/* HEADER-TOP */
.header-top a { color: #d48f43; }
.header-top .support .icon { position: absolute; top: 0; right: 0; }
.header-top .support img { height: 16px; vertical-align: sub; width: 16px; }
.header-top .support .list-inline-custom .list-inline-item{    padding-right: 30px;}

/* BOX-ACC-RIGHT */
.box-acc-right a.link-logout{display: inline-block; background: #fff; color: #fff; text-align: center; min-width: 72px; border-radius: 7px; line-height: 31px; margin-left: 26px;}
@media(max-width: 1150px){
    .header-top-bg{padding-bottom: 5px;}
    .header-top-bg:after{    position: static;}
    .header-top .social-right{position: static; display: block!important; width: 100%;}
}
@media(max-width: 1150px){
    .header-top .social-right .form-search-box{    min-width: 220px;}
}
@media only screen and (max-width: 1064px){
    .cl-effect-17 a::after{right: 0; left: auto; top: 8px;}
    .header-default{    text-align: left;}
}
@media(max-width: 1000px){
    header{min-height: inherit;}
    .box-acc-right.d-inline-block { display: block!important; float: none!important; border-top: 1px solid #d8d8d8; }
}
@media(max-width: 1065px){
    .h-logo img{max-width: 137px; display: block; margin: auto;}
    .header-main-top{min-height: initial; padding: 12px 10px;}
}
@media(max-width: 992px){
    /* .header-main-top{position: static;} */
}
/* ----------- DEFAULT -------------------------------------- */
.link-yellow{background: linear-gradient(12.84deg, #F9A51A 7.5%, #FBB612 28.46%, #FFDD00 90.29%); border-radius: 8px; text-align: center; padding: 0; line-height: 38px; color: #333333; padding-left: 20px; padding-right: 20px;font-weight: 600; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;font-family: 'Jambono-Medium';}
.link-yellow:hover, .link-yellow.active{color: #333333; background: linear-gradient(12.84deg, #FFDD00 7.5%, #FBB612 28.46%, #F9A51A 90.29%);}

.title-section{position: relative; margin-bottom: 70px;}
.title-section h2{font-size: 48px; color: #333333; font-weight: bold; position: relative;}
.title-section h2::before{position: absolute; content: ""; width: 184px; height: 10px; background: #EC2029; left: 0; bottom: -20px;}

#more {display: none; margin-bottom: 25px;}

.btn-line-icon{min-width: 168px; height: 48px; border: 1px solid #C50000; border-radius: 5px; font-family: 'jambono-medium'; font-weight: bold; color: #EC2029!important; text-align: center; padding: 0; line-height: 48px; padding-left: 15px; padding-right: 15px;}
.btn-line-icon .icon{display: inline-block; margin-right: 5px;}
.btn-line-icon .icon img{    max-height: 18px;}
.btn-line-icon:hover, .btn-line-icon.active{background: hwb(357deg 13% 7% / 16%); color: #EC2029;}
@media(max-width: 992px){
    .title-section{text-align: center; margin-bottom: 40px;}
    .title-section h2{font-size: 32px;}
    .title-section h2::before{width: 104px; height: 8px; left: 0; right: 0; margin: auto;}
}
@media(max-width: 600px){
    .link-yellow{font-size: 14px;}
}
/* ----------- SECTION / HOME -------------------------------------- */
.banner-main{}
.banner-main img{width: 100%;}

/* ----------- SECTION / CHEAP -------------------------------------- */
.item-cheap{min-height: 480px; background: #FFFFFF; border-radius: 8px; padding: 15px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item-cheap .banner{border-radius: 8px; overflow: hidden; margin-bottom: 15px;}
.item-cheap .banner img{width: 100%; height: 196px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}
.item-cheap:hover .banner img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} 
.item-cheap .content .title-sm{font-size: 22px; color: #1A1A1A; font-weight: bold;}
.item-cheap .content-price{text-align: right; margin-bottom: 5px;}
.item-cheap .content-price .price{color: #C00000; font-size: 22px; font-weight: bold;}
.item-cheap:hover{    background: #f1f1f1;}
.list-item-cheap .item-cheap{margin-bottom: 45px;}
.row.list-item-cheap{margin-right: -12px; margin-left: -12px;}
.row.list-item-cheap [class*="col-"]{padding-left: 12px; padding-right: 12px;}

.item-cheap-2{min-height: 200px; background: #FFFFFF;color: #fff; border-radius: 8px; padding: 15px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-size: 100% auto!important; overflow: hidden;}
.item-cheap-2 .content {background:#14141433}
.item-cheap-2 .content .title-sm{font-size: 22px; color: #fff; font-weight: bold;}
.item-cheap-2:hover{background-size: 120% auto!important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.item-cheap-2 .price{color: #fff; font-size: 22px; font-weight: bold;}
.item-cheap-2:hover{    background: #f1f1f1;}
.item-cheap-2{margin-bottom: 40px;}

.marg-box-12{margin-right: -12px; margin-left: -12px;}
.marg-box-12 .padd-12{padding-left: 12px; padding-right: 12px;}

/* @media(max-width: 600px){
    .item-cheap{position: relative;}
    .sec-cheap .item-cheap{ margin-bottom: 10px; font-size: 14px; position: relative; border: 1px solid #D1D3D4; border-radius: 5px; min-height: 178px;}
    .sec-cheap .item-cheap .banner{display: none;}
    .item-cheap .content{margin-bottom: 15px;}
    .item-cheap .content .title-sm{font-size: 16px;}
    .item-cheap .content .title-sm span{color: #D9D9D9; font-size: 14px; font-weight: 400;}
    .item-cheap .text-way{display: none;}
    .item-cheap .text-way.d-none{display: block!important;color: #333333;}
    .item-cheap .text-price span{display: none;text-transform: capitalize;}
    .item-cheap .content-price{position: absolute; right: 15px; top: 40px;}
    .item-cheap .content-price .price{color: #333333; font-size: 16px;}
    .item-cheap .content-price .time-status{color: #A7A7A7;}
    .item-cheap .content .time-departure{    color: #333333;}
} */
@media(min-width: 601px){
    .link-bottom{display: none;}
}
@media(max-width: 600px){
    .sec-cheap{margin-bottom: 50px;}
    .row.list-item-cheap{margin-left: -5px; margin-right: -5px;}
    .row.list-item-cheap [class*="col-"]{padding-left: 5px; padding-right: 5px;}
    .list-item-cheap .item-cheap{min-height: inherit;}
    .item-cheap{ margin-bottom: 15px;   padding: 0; min-height: inherit;}
    .list-item-cheap .item-cheap{margin-bottom: 15px;}
    .item-cheap .banner{margin-bottom: 3px;}
    .item-cheap .banner img{height: 148px;}
    .item-cheap .content{padding: 5px;}
    .item-cheap .content .title-sm{font-size: 13px;}
    .item-cheap .content .time-departure{font-size: 12px; margin-bottom: 5px;}
    .item-cheap .content-price .text-price{font-size: 12px;}
    .item-cheap .content-price .price{font-size: 14px;}
    .item-cheap .content-price .time-status{display: none;}
    .item-cheap .content-price .text-way{display: none;}
    .link-bottom{display: block;}

}
/* ----------- SECTION / location -------------------------------------- */
.block-location{min-height: 810px; background: #FFFFFF; border-radius: 5px; margin-bottom: 35px;}
.block-location .title{height: 50px; background: linear-gradient(60.29deg, #F9A51A -4.93%, #FBB612 18.27%, #FFDD00 71.59%); border-radius: 5px 5px 0px 0px;color: #333333; font-weight: bold; font-size: 22px; padding: 10px 5px 5px 25px;}
.block-location .title a{color: #333333;}
.block-location .title .icon{display: none;}
.block-location .list{padding: 25px 5px 5px 25px;}
.block-location .list a{position: relative; display: block; color: #333333; padding-left: 25px; margin-bottom: 5px;font-size: 22px;}
.block-location .list a::before{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/icon/arrow-right-sm.svg)no-repeat center center; width: 20px; height: 20px; left: 0;}
.block-location .list a:hover{color: #ed1e25;}
@media(max-width: 992px){
    .sec-location{margin-bottom: 55px;}
    .block-location{min-height: inherit; margin-bottom: 15px;}
    .block-location .title{border-radius: 5px;}
    .block-location .title a.link-location{position: relative; padding-left: 35px;}
    .block-location .title .icon{display: block; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0;}
    .block-location .list{display: none;border: 1px solid #D1D3D4; border-radius: 5px; margin-top: 5px;}
}
/* ----------- SECTION / WEATHER -------------------------------------- */
.sec-weather{margin-bottom: 80px;}
.sec-weather .content-bottom{color: #000000;}
.list-weather{margin-bottom: 5px;}
.item-weather{min-height: 234px; background: #FFF4D7; border-radius: 5px; width: 160px;overflow: hidden;margin-bottom: 20px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item-weather:hover{background: #fce7b2;}
.item-weather .icon{height: 100px; background: #0469FF; padding: 15px 5px 5px;}
.item-weather .icon img{max-height: 55px; display: block; margin: auto;}
.item-weather .content{padding: 15px 5px 5px;}
.item-weather .content .day{font-size: 14px;}
.item-weather .content .status{font-weight: bold; color: #333333;}
.item-weather .content .temperature{font-size: 22px; color: #C00000; font-weight: bold; margin-bottom: 5px;}
.item-weather .content .temperature span{position: relative; font-size: 14px; top: -8px;}
.item-weather .content .time{font-size: 14px;}
.filter-weather{max-width: 330px; margin-bottom: 45px;}
@media(max-width: 1160px){
    .item-weather{width: inherit; min-width: 120px;}
}
@media(max-width: 992px){
    .sec-weather{margin-bottom: 45px;}
    .list-weather{display: block!important; margin-bottom: 15px;}
    .item-weather{height: 100px; min-height: inherit; position: relative; margin-bottom: 8px; border-radius: 8px; overflow: hidden;}
    .item-weather .icon{width: 145px; position: absolute; left: 0; top: 0; height: 100px;}
    .item-weather .icon img{}
    .item-weather .content{padding-left: 145px;padding-top: 25px; text-align: center;}
    .item-weather .content .content-left-mb{display: inline-block; vertical-align: top; width: 49%; padding-top: 6px;}
    .item-weather .content .content-right-mb{display: inline-block; vertical-align: top; width: 49%;}
    .sec-weather .content-bottom{text-align: center; margin-top: 8px;}
}
@media(max-width: 600px){
    .filter-weather{width: 100%; max-width: inherit; margin-bottom: 15px;}
}
/* ----------- SECTION / ACHIEVEMENTS -------------------------------------- */
.list-item-achievements .item-achievements{margin-bottom: 45px;}
.item-achievements{}
.item-achievements .title{font-family: 'Jambono-Medium'; color: #EC2029; font-size: 36px;}
.item-achievements .desc{font-size: 18px;}

.sec-achievements{}
.sec-achievements .logo-top{margin-bottom: 55px;}
.sec-achievements .logo-top img{max-width: 375px; display: block; margin: auto;}
.sec-achievements .logo-bottom{margin-bottom: 55px;}
.sec-achievements .logo-bottom img{max-width: 395px; display: block; margin: auto;}
@media(max-width: 992px){
    .list-item-achievements{flex-wrap: wrap; justify-content: center!important;}
    .list-item-achievements .item-achievements{  margin-bottom: 13px;  width: 33.33333333%;}
    .list-item-achievements .item-achievements img{max-height: 18px;}
    .sec-achievements .logo-top{margin-bottom: 23px;}
    .sec-achievements .logo-top img{max-width: 160px;}
    .sec-achievements .logo-bottom img{max-width: 120px;}
    .item-achievements .title{font-size: 18px;}
    .item-achievements .desc{font-size: 12px;}
}

/* ----------- SECTION / handbook -------------------------------------- */
.sec-handbook{margin-bottom: 60px;}
.block-handbook{position: relative;}
.block-handbook .slider__counter{color: #000000; font-size: 24px; font-weight: 600; top: -114px; right: 50px; position: absolute;}
.block-handbook .slick-nav-promotion a{margin-left: 50px;}
.item-handbook{min-height: 321px; background: #fff; margin-bottom: 24px; border-radius: 10px; overflow: hidden; position: relative;}
.item-handbook .banner{border-radius: 10px; overflow: hidden;}
.item-handbook .banner img{height: 200px; width: 100%; display: block; margin: auto;}
.item-handbook .content{padding: 15px;}
.item-handbook .content .title{font-size: 20px; font-weight: bold; color: #1A1A1A; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.item-handbook:hover{background: #f1f1f1;}
.item-handbook a.link-view-more{   font-weight: 600; color: #6D6E71; position: absolute; right: 15px; bottom: 15px;}
.item-handbook a.link-view-more img{display: inline-block; }
.item-handbook a.link-view-more:hover{color: #e22127;}
.item-handbook .content .title:hover{color: #e22127;}
.slick-mb{display: none;}
.sec-handbook .item-slick-sm .row{margin-left: -12px; margin-right: -12px;}
.sec-handbook .item-slick-sm .row [class*="col-"]{padding-left: 12px; padding-right: 12px;}
@media(max-width: 600px){
    .slick-handbook{display: none!important;}
    .slick-nav-promotion{display: none;}
    .sec-promotion .slick-nav-promotion{display: none;}
    .slick-mb{display: block; padding-left: 7.5px;}
    .slick-mb .slick-list{padding: 0 10% 0 0!important;}
    .slick-mb [class*="col-"]{padding-left: 7.5px; padding-right: 7.5px;}
    .slick-mb .slick-dots li button{width: 14px; height: 14px; background: #D1D3D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
    .slick-mb .slick-dots li.slick-active button{background: #EC2029!important; height: 24px!important; width: 24px!important;}
    .slick-mb .slick-dots{bottom: -24px;}
    .item-handbook a.link-view-more{display: none;}

}
/* ----------- SECTION / discover -------------------------------------- */
.block-discover{margin-bottom: 45px;}
.item-discover{background: #fff; display: flex; border-bottom: 1px solid #D5DBE1; color: #A7A7A7; font-size: 14px;min-height: 90px; padding-top: 12px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item-discover:hover, .item-discover.active{background: #eee;}
.item-discover .destination{width: 20%; padding-left: 15px;    padding-top: 10px;}
.item-discover .departure{width: 20%;    padding-top: 10px;}
.item-discover .time{width: 20%;    padding-top: 10px;}
.item-discover .way{width: 20%;    padding-top: 10px;}
.item-discover .price{width: 20%;}
.item-discover .text-bold{font-size: 16px; color: #333333;}

.title-item-discover{background: #fff; display: flex; border-bottom: 1px solid #D5DBE1;background: #F9F9F9; min-height: 50px; font-weight: bold; padding-top: 12px;}
.title-item-discover .destination{width: 20%; padding-left: 15px;}
.title-item-discover .departure{width: 20%;}
.title-item-discover .time{width: 20%;}
.title-item-discover .way{width: 20%;}
.title-item-discover .price{width: 20%;}
.title-item-discover .text-bold{font-size: 16px;}

.text-bold{font-weight: bold;}

.sec-discover .link-bottom{margin-bottom: 45px;}
.sec-discover .content-bottom{margin-bottom: 45px; color: #000000;}
@media(min-width: 601px){
    .item-discover .link-yellow{display: none!important;}
}
@media(max-width: 600px){
    .title-item-discover{display: none;}
    .item-discover{display: block; position: relative;border: 1px solid #D1D3D4; border-radius: 5px;padding: 15px;margin-bottom: 10px;    min-height: 178px;}
    .item-discover .destination{width: 100%; padding-left: 0; padding-top: 0;}
    .item-discover .departure{width: 100%; padding-top: 0;}
    .item-discover .departure .symbol{display: inline-block;}
    .item-discover .departure .text-bold{display: inline-block;}
    .item-discover .destination .symbol{display: inline-block;}
    .item-discover .destination .text-bold{display: inline-block;}
    .item-discover .time{width: 100%; padding-top: 0;}
    .item-discover .time .text-bold{display: inline-block; font-weight: 400;}
    .item-discover .time .text{display: none;}
    .item-discover .way{width: 100%; padding-top: 0; margin-bottom: 15px;font-size: 14px;}
    .item-discover .way .text-bold{display: inline-block;font-weight: 400; font-size: 14px;}
    .item-discover .way .text{display: inline-block;color: #333333;}
    .item-discover .price{width: 100%; padding-top: 0;position: absolute; right: 15px; top: 45px; text-align: right;font-size: 14px;}
    .item-discover .link-yellow{display: block!important;}
}
/* ----------- SECTION / BENEFIT -------------------------------------- */
.sec-benefit{margin-bottom: 60px;}
.item-benefit{height: 427px; background: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 35px; padding: 50px 30px 10px; overflow: hidden; margin-bottom: 20px;}
.item-benefit .icon{height: 110px;}
.item-benefit .icon img{max-height: 60px; display: block; margin: auto;}
.item-benefit .content .title{font-size: 36px; color: #333333; font-weight: bold; margin-bottom: 25px;}
.item-benefit:hover .content .title{    color: #e22127;}
.item-benefit .content .desc{font-size: 22px;}
.list-item-benefit.slick-benefit{margin-left: -12px; margin-right: -12px;}
.list-item-benefit.slick-benefit [class*="col-"]{padding-left: 12px; padding-right: 12px;}
@media (max-width: 992px){
    .item-benefit{height: 275px; padding: 30px 45px 10px;}
    .item-benefit .icon{height: 80px;}
    .item-benefit .icon img{max-height: 48px;}
    .item-benefit .content .title{font-size: 22px; margin-bottom: 20px;}
    .item-benefit .content .desc{font-size: 16px; color: #858C94;}
}
@media (max-width: 600px){
    .sec-benefit .slick-benefit{padding-left: 7.5px;}
    .sec-benefit .slick-benefit [class*="col-"]{padding-left: 7.5px; padding-right: 7.5px;}
    .sec-benefit .slick-list{padding:0 10% 0 0!important;}

    .sec-benefit{}
    .sec-benefit .slick-dots li button{width: 14px; height: 14px; background: #D1D3D4; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
    .sec-benefit .slick-dots li.slick-active button{background: #EC2029!important; height: 24px!important; width: 24px!important;}
    .sec-benefit .slick-dots{bottom: -24px;}

}

/* ----------- SECTION / ARTICLES -------------------------------------- */
.block-articles{padding: 80px; background: url(../images/bg/bg-articles.png)no-repeat center bottom;    background-size: 100% 100%;}
.block-articles .max-w-articles{max-width: 715px; margin: auto;}
.block-articles h2{font-size: 32px; font-weight: bold; color: #1A1A1A; margin-bottom: 30px;}
@media(max-width: 992px){
    .block-articles{padding: 0 0px 15px; margin-bottom: 45px;}
}
/* ----------- SECTION / promotion -------------------------------------- */
.block-item-promotion{margin-left: -15px; margin-right: -15px;}
.block-item-promotion .item-promotion{padding-left: 15px; padding-right: 15px; border-radius: 5px; overflow: hidden;}
.item-promotion img{border-radius: 5px; }
.slick-promotion{width: calc(100vw - 1225px + 100vw); margin-bottom: 70px;}
.slick-promotion{margin-bottom: 70px;}
.sec-promotion .slick-promotion .slick-list{padding:0 8% 0 0 !important;}
/* .sec-promotion .slick-promotion img{width: 100%;} */
.slick-nav-promotion{position: absolute; right: 0; top:10px;}
.slick-nav-promotion a{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;opacity: 0.4; margin-left: 10px;}
.slick-nav-promotion a:hover{opacity: 1;}
.slick-nav-promotion a img{height: 45px; border-radius: 100%; width: 45px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slick-nav-promotion a:hover img{background: #fff;}
@media(max-width: 1224px){
    .slick-promotion{width: initial;}
}
@media(max-width: 601px){
    .slick-promotion{width: initial; padding-left: 7.5px;}
    .sec-promotion .slick-promotion .slick-list{    padding: 0 10% 0 0!important;}
    .sec-promotion .item-promotion img{width: 100%; border-radius: 5px;}
    .block-item-promotion .item-promotion{padding-left: 7.5px; padding-right: 7.5px;}
}
/* ----------- SECTION / introduce -------------------------------------- */
.sec-introduce{margin-bottom: 50px;}
.sec-introduce .title-section{margin-bottom: 45px;}
.sec-introduce .title-section img{display: inline-block;}
.sec-introduce .title-section .badge-price{display: inline-block;min-width: 185px;height: 50px;background: #D13F3F;color: #fff;border-radius: 10px;text-align: center;vertical-align: text-bottom;font-size: 24px;font-weight: bold;padding-top: 7px; padding-left: 10px; padding-right: 10px;}
.sec-introduce .title-section .badge-price span{font-size: 16px; position: relative; top: -10px;}
.sec-introduce .title-section img{display: inline-block; max-height: 70px; vertical-align: bottom;}
.sec-introduce .title-section h1{display: inline; margin-right: 15px;font-size: 48px; color: #333333; font-weight: bold; position: relative;}
.sec-introduce .title-section h1::before{display: none;}
.sec-introduce .item-cheap{margin-bottom: 20px;}
.row.slick-introduce{margin-left: -12px; margin-right: -12px;}
.row.slick-introduce [class*="col-"]{padding-left: 12px; padding-right: 12px;}
@media(max-width: 600px){
    
    .sec-introduce .title-section img{display: none;}
    .sec-introduce .title-section h1{display: inline!important; margin-right: 15px;    line-height: 50px;    font-size: 32px;}
    .sec-introduce .title-section .badge-price{display: inline!important; vertical-align: unset; padding-top: 5px; padding-bottom: 5px;}
    .sec-introduce .slick-introduce{padding-left: 7.5px;}
    .sec-introduce .slick-introduce [class*="col-"]{padding-left: 7.5px; padding-right: 7.5px;}
    .sec-introduce .slick-list{padding:0 10% 0 0 !important;}
}
/* ----------- SECTION / SUBSCRIBE -------------------------------------- */
.block-subscribe{background: url(../images/bg/red.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff;position: relative; top: 0; right: 0;position: relative; min-height: 280px; border-radius: 10px; overflow: hidden;     padding: 50px 75px; margin-bottom: 45px;}
.block-subscribe::after{position: absolute; content: ""; width: 100%; height: 100%; background: url(../images/bg/e-news-2.png) no-repeat top right; top: 0; right: 0;}
.block-subscribe .content{max-width: 700px; position: relative;z-index: 1;} 
.block-subscribe .content h3{font-size: 36px; font-weight: bold; margin-bottom: 25px;}
.block-subscribe .content .desc{margin-bottom: 20px; max-width: 440px;}
.form-subscribe{position: relative; max-width: 430px;}
.form-subscribe .form-control{height: 52px; border-radius: 10px; border: 0;}
.form-subscribe .btn{height: 52px; border-radius: 10px; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; border: 0; min-width: 150px; font-family: 'Jambono-Medium';}
.form-subscribe .btn:hover{}
@media(max-width: 992px){
    .block-subscribe{text-align: center;}
    .block-subscribe .content{max-width: inherit;}
    .block-subscribe .content .desc{max-width: inherit;}
    .form-subscribe{max-width: inherit;}
}
@media(max-width: 767px){
    .block-subscribe{padding: 25px 15px 45px;}
    .form-subscribe .form-control{margin-bottom: 8px;}
    .form-subscribe .btn{position: static; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(0%); width: 100%;}
    .block-subscribe::after{background: url(../images/bg/e-news-mb.png) no-repeat bottom right;}
    .sec-subscribe .container-fluid{padding-left: 0; padding-right: 0;}
}
/* ----------- FORM -------------------------------------- */
.block-select{position: relative; margin-bottom: 45px;}
.block-select .icon{position: absolute;content: "";top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 15px;}
.block-select .icon img{max-width: 20px;}
.block-select select.form-control{padding-left: 50px; font-size: 18px;}
select.form-control{ -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/icon/arrow-down.svg)no-repeat right #fff; background-size: 12px 12px; background-position-x: calc(100% - 12px);height: 50px; border: 1px solid #DCDCDC; border-radius: 5px; }
@media(max-width: 992px){
    .select.form-control{border-radius: 8px;}
    .block-select{margin-bottom: 10px;}
}
/* ----------- footer -------------------------------------- */
footer{padding-bottom: 25px;}
.bg-right-bottom{position: absolute; right: 0; bottom: 0;}
.bg-right-bottom{}
footer .link-top{margin-bottom: 30px;}
.item-footer-block{color: #333333; font-size: 14px; font-weight: 600;}
.item-footer-block .title{margin-bottom: 13px;}
.item-footer-block .title-icon{position: relative; font-family: 'Jambono-Medium'; color: #000; padding-left: 40px; min-height: 25px; margin-bottom: 8px;}
.item-footer-block .title-icon .icon{position: absolute; left: 0; top: 0;}
.item-footer-block .title-icon .icon img{max-height: 25px;}
.item-footer-block .desc{margin-bottom: 10px;}
.item-footer-block .content-icon-right{position: relative; padding-right: 30px; max-width: 180px;}
.item-footer-block .content-icon-right .icon{position: absolute; right: 0; top: 0;}
.item-footer-block .content-icon-right .icon img{max-width: 22px;}

.footer-info{color: #6D6E71; font-weight: initial; margin-bottom: 10px; font-size: 12px;}
.footer-info .title{margin-bottom: 0;}

.list-social{margin-bottom: 15px;}
.list-social img{max-width: 22px; max-height: 30px;}

.item-footer-block .list-logo{}
.item-footer-block .list-logo a{display: inline-block; margin-right: 15px;}
.item-footer-block .list-logo img{max-height: 30px;}

.item-footer-block .list-app a{display: inline-block; margin-right: 15px;}
.item-footer-block .list-app img{max-height: 30px;}
@media(max-width: 992px){
    .bg-right-bottom img{max-width: 125px;}
}
@media(max-width: 767px){
    .footer-conpany .footer-info{display: inline-block; margin-right: 20px; font-size: 10px;}
    .footer-conpany .list-certificate{display: inline-block; vertical-align: top;}
    .item-footer-block .desc{font-size: 12px;}
    .list-logo{text-align: center;}
}

/* SEC-BOOKING */
.sec-booking{}
.sec-booking .mb{display: none;}
@media(max-width: 600px){
    .bg-booking{position: static!important; margin-bottom: 24px;}
    .bg-booking .container-fluid{padding: 0;}
    .sec-booking .dk{display: none!important;}
    .sec-booking .mb{display: block!important; margin: auto; width: 100%;}
}


/* MODAL-BOOKING */
.modal-booking{}
.modal-booking .modal-body{padding: 40px;}
.modal-booking .modal-lg{max-width: 642px;}
.modal-booking .btn-close{background: transparent; padding: 0; opacity: 1; position: absolute; top: 22px; right: 22px;}
.modal-booking h3.title-modal{font-size: 24px; color: #1A1A1A; margin-bottom: 30px;}
.modal-booking .jss826::before{position: static; display: none;}
.modal-booking .form__field{color: #000; margin-top: 0;}
.form__field{}
#select-passenger-mb{top: 302px; left: 0; display: none;}
.modal-booking input.icon-select-custom{-moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/icon/arrow-down.svg)no-repeat right #fff; background-size: 12px 12px; background-position-x: calc(100% - 12px);     background-position-y: 0;}
/* ----------- SECTION / BOOKING -------------------------------------- */
.jss678 { margin: 0 auto; position: relative; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); }
.jss684 { z-index: 1200; position: relative; }
.jss686 { display: flex; padding-top: 5px; }
.jss687 { float: left; width: 90%; display: flex; z-index: 1000; margin-left: 20px; justify-content: space-between; }
.jss687 div { color: white; cursor: pointer; display: flex; flex-wrap: nowrap; font-size: 18px;  font-weight: bold; } 
.jss685 { background: #ffffff; }
.jss690 { display: flex; padding: 16.5px 15px; flex-direction: row; }
.jss710 { display: flex; align-items: center; }

.MuiFormGroup-root { display: flex; flex-wrap: wrap; flex-direction: column; }
.jss711 { display: flex; z-index: 10; flex-direction: row; }
.jss711 .link-checkradio{margin-right: 25px; font-family: 'Jambono-Medium';}
.jss711 .link-checkradio a{    color: #000;}
.jss711 .link-checkradio a:hover{color: #da2128;}
.jss714 { margin-right: 10px!important; }
.MuiFormControlLabel-root { cursor: pointer; display: inline-flex; align-items: center; margin-left: -11px; margin-right: 16px; vertical-align: middle; -webkit-tap-highlight-color: transparent;     font-family: 'Jambono-Medium';}
.jss716 { margin-left: 0; margin-right: 0; }
@media(max-width: 992px){
    .jss711 .link-checkradio{display: none;}
}

/* checkbox */
.MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 50%; }
.jss728 { padding: 9px!important; border-radius: 100%!important; }
.jss716 > span { opacity: 0.48;  }
.jss716 span.Mui-checked { opacity: 1; }
.jss716 span:first-child { color: #000000; width: 24px; height: 24px; margin-right: 3px; }
.MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }
.jss684 span { text-transform: none; }
.jss716 span:first-child { color: #000000; width: 24px; height: 24px; margin-right: 3px; }
.jss731 { top: 0; left: 0; width: 100%; cursor: inherit; height: 100%; margin: 0; opacity: 0; padding: 0; z-index: 1; position: absolute; }
.jss741 { display: flex; position: relative; }
.MuiSvgIcon-root { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.jss716 svg:first-child { color: black; }

.jss742 { left: 0; position: absolute; transform: scale(0); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; }
.jss716 svg:last-child { color: red; }
.jss741.jss743 .jss742 { transform: scale(1); transition: transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; }

.MuiTouchRipple-root { top: 0; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; position: absolute; border-radius: inherit; pointer-events: none; }
.jss716 span:last-child { color: #000000; font-size: 14px; line-height: 18px; }

.MuiTypography-root { margin: 0; }
.jss716 span.Mui-checked + span { opacity: 1; }


.jss753 { margin-right: 10px; }


.jss691{}
.jss691 select.form-control{-moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/booking/3-3.svg)no-repeat right #fff; background-size: 10px 10px; background-position-x: calc(100% - 3px); border: 1px solid #DCDCDC; border-radius: 5px; font-family: 'Jambono-Medium'; height: 24px; padding: 0px 15px 0 6px; font-size: 14px; min-width: 60px;}
.jss692 { color: black; display: flex; font-size: 14px; text-align: center; align-items: center; font-weight: bold; }
.jss693 { cursor: not-allowed; }


.jss695 { display: flex; padding: 0px 22px 15px; flex-direction: row; justify-content: space-between; }
.jss695 >div:nth-child(1) { width: 80%; display: flex; flex-direction: column; }
.jss696 { width: 100%; display: flex; padding: 2px 0px; position: relative; flex-direction: row; justify-content: space-between; }
.jss699 { width: 100%; border: 1px solid #9E9E9E; height: 100%; display: flex; overflow: hidden; background: #ffffff; border-radius: 5px; }
.jss696 > div { height: 48px; }


.jss756 { position: relative; }
.jss699 > div:first-child { flex: 4; }
.jss756 > svg { top: 50%; left: 14px; z-index: 1; position: absolute; transform: translateY(-50%); }
.jss699 > div > svg { width: 20px; }

.MuiFormControl-root { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; }
.MuiFormControl-fullWidth { width: 100%; }
.jss758 { height: 48px; }

.MuiFormLabel-root { color: #ffffff; padding: 0; font-size: 8px;  font-weight: 500; line-height: 1; }
.MuiInputLabel-root { display: block; transform-origin: top left; }
.MuiInputLabel-formControl { top: 0; left: 0; position: absolute; transform: translate(0, 24px) scale(1); }
.MuiInputLabel-shrink { transform: translate(0, 1.5px) scale(0.75); transform-origin: top left; }
.MuiInputLabel-animated { transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; }
.MuiInputLabel-outlined { z-index: 1; transform: translate(14px, 20px) scale(1); pointer-events: none; }
.jss760{    font-weight: 600;}
.jss758 > label { top: 14.4px; left: 34px; color: #333333; font-size: 18px; line-height: 1.05; }

.MuiInputLabel-outlined.MuiInputLabel-shrink { transform: translate(14px, -6px) scale(0.75); }
.jss759.jss760 { font-size: 12px; transform: translate(13px, -9px); }

.MuiInputBase-root { color: #333333; cursor: text; display: inline-flex; position: relative; font-size: 1rem; box-sizing: border-box; align-items: center;  line-height: 1.1875em; }
.MuiInputBase-fullWidth { width: 100%; }
.MuiOutlinedInput-root { position: relative; border-radius: 4px; }
.jss758 > div { height: inherit; padding: 0 !important; }

.MuiInputBase-input { font: inherit; color: currentColor; width: 100%; border: 0; height: 1.1875em; margin: 0; display: block; padding: 6px 0 7px; min-width: 0; background: none; box-sizing: content-box; animation-name: MuiInputBase-keyframes-auto-fill-cancel; -webkit-tap-highlight-color: transparent; }
.MuiOutlinedInput-input { padding: 18.5px 14px; }

.jss824 { top: -5px; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; position: absolute; transition: padding-left 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; border-style: solid; border-width: 1px; border-radius: inherit; pointer-events: none; }
.MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
.jss758 fieldset { border: 0; }

.jss825 { padding: 0; text-align: left; transition: width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; line-height: 11px; }
.jss684 span { text-transform: none; }

.jss826 { flex: 2; display: flex; outline: none; padding: 5px 7px; background: #ffffff; align-items: center; border-left: 1px solid #D1D3D4; flex-direction: row; justify-content: start; position: relative; border: 0;}
.jss826::before{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 1px; background: #9E9E9E; left: 0; }
.jss699 > div:last-child { flex: 2; }
.jss827 { display: flex; margin-left: 10px; flex-direction: column; }


.MuiTypography-root { margin: 0; }
.MuiTypography-h6 { font-size: 12px;  font-weight: 500; line-height: 1.6; }
.MuiTypography-colorTextPrimary { color: #333333; }  
.jss337 { font-weight: 500; }  
.jss827 > p:first-child { margin-bottom: 2px; }  

.MuiTypography-h4 { font-size: 16px;  line-height: 1.17; }
.MuiTypography-colorTextPrimary { color: #333333; }
.jss335 { font-weight: 600; }

.jss707 { display: flex; margin-top: 15px; flex-direction: row; justify-content: start; } 
.MuiFormControl-root { border: 0; margin: 0; display: inline-flex; padding: 0; position: relative; min-width: 0; flex-direction: column; vertical-align: top; }
.jss965 { width: 100%; }
.jss707 >div:nth-child(1) { width: 332px; border: 1px solid #9E9E9E; height: 48px; padding: 1px; border-radius: 5px; }


.jss969 { color: #333333; cursor: pointer; z-index: 1; font-size: 12px; transform: scale(1); margin-top: 7px; font-weight: 600; margin-left: 49px; }
.jss965 > div { width: 100%; }
.MuiInputAdornment-root { height: 0.01em; display: flex; max-height: 2em; align-items: center; }
.MuiInputAdornment-positionEnd { margin-left: 8px; }
.jss970 >div:first-child { z-index: 1; position: absolute; margin-left: 18px; }
.jss971 { color: #333333; padding: 0 18px 0 48px; position: relative; font-size: 16px; font-weight: 600; }
.jss965 input { margin-top: 15px; }

.jss970 >div:last-child { left: 90%; z-index: 1; position: absolute; margin-left: 0; }
.jss970 >div:last-child >* { left: 100%; position: absolute; margin-right: 14px; }

.jss707 >div:nth-child(2) { width: 332px; border: 1px solid #9E9E9E; height: 48px; padding: 1px; margin-left: 20px; border-radius: 5px; }



.jss760 { font-size: 20px; transform: translate(14px, 0px); font-weight: 600; }
.jss758 > div > input { color: #333333; padding: 0 !important; font-size: 17px; margin-top: 14px; text-align: left; font-weight: 600; line-height: 17.9px; margin-left: 48px; text-overflow: ellipsis; }

.jss703 { display: flex; align-items: center; margin-left: 10px; }
.MuiCheckbox-root { color: #ffffff; }
.jss703 .MuiCheckbox-root { color: #DA2128; }
.MuiTypography-h3 { font-size: 18px;  line-height: 1.04; }
.MuiTypography-colorTextSecondary { color: #ffffff; }
.jss703 .MuiTypography-h3 { color: #333333; }

.jss700 { margin-left: 20px; }
.jss695 >div:nth-child(2) { display: flex; flex-direction: column; justify-content: flex-end; }

.MuiButton-root { color: #333333; padding: 6px 16px; font-size: 0.875rem; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;  font-weight: 500; line-height: 1.75; border-radius: 4px; text-transform: uppercase; }
.MuiButton-contained { color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); background-color: #e0e0e0;height: 39px; padding: 0px 15px; min-width: 127px; background: linear-gradient(26.73deg, #F9A51A 13.7%, #FBB612 29.8%, #FFDD00 66.81%); border-radius: 10px!important; text-transform: inherit;    min-height: 39px;    min-width: 200px; }
.jss700 > button { color: #000000; width: fit-content; height: 48px; font-size: 16px; background: linear-gradient(26.73deg, #F9A51A 13.7%, #FBB612 29.8%, #FFDD00 66.81%);     font-family: 'Jambono-Medium'; border-radius: 10px; padding-left: 20px; padding-right: 20px;}
.MuiButton-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.jss706 { display: flex; }

.jss517 { float: left; width: 90%; display: flex; z-index: 1000; margin-left: 20px; justify-content: space-between; }

.MuiInputBase-input:focus { outline: 0; }
@media(min-width: 993px){
    .icon-change-mb{display: none;}
}
@media(max-width: 992px){
    
    .jss678{background: linear-gradient(352.52deg, #D91A21 53.08%, #6F0000 206.46%);}
    .jss686{display: none;}
    .jss685{background: transparent; color: #fff;}
    .jss716 svg:first-child{color: #fff;}
    .jss716 svg:last-child{color: #FFF200;}
    .jss716 span:last-child{color: #fff;}
    .jss691{border: 0; position: absolute; right: 0;}
    .jss692{color: #fff;}
    .jss690{position: relative; padding-top: 32px;}

    /*  */
    .jss695{display: block; padding-bottom: 32px;}
    .jss695 >div:nth-child(1){display: block; width: 100%;}
    .jss696{display: block;}
    
    /*  */
    .jss707{display: block;}
    .jss707 >div:nth-child(1){background: #fff; border: 0; width: 100%; margin-bottom: 15px;}
    .jss707 >div:nth-child(2){background: #fff; border: 0; margin: 0; width: 100%;}

    /*  */
    .jss699{margin-bottom: 0; border: 0;}
    .jss697.icon-change, .icon-change{display: none;}
    .icon-change-mb{display: block;}
    .jss697.icon-change-mb{position: absolute; left: -40px; top: 43px;}
    
    /*  */
    .jss699{border: 0;}
    .jss703{margin-left: 0px; margin-bottom: 20px; margin-top: 15px;}
    .jss703 .MuiCheckbox-root{color: #ffffff;}
    .jss695 >div:nth-child(2){margin-left: 0;}
    .jss703 .MuiTypography-h3{color: #fff;}
    .jss700 > button{width: 100%;}

    .jss696 .jss699:first-child{margin-bottom: 15px;}

    .modal-booking .jss678{background: transparent;}
    .modal-booking .modal-body{padding: 40px 15px 15px;}

    .jss758 > label{font-size: 15px;}
}




/* ------- show jss2607 - drop data ----- */
.jss2607 { top: 60px; z-index: 1500; overflow: hidden; position: absolute; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); border-radius: 5px; }
.jss1160 { margin: 10px; display: flex; overflow: hidden; flex-direction: column; }
.jss1161 { width: 342px; position: absolute; max-height: 400px; }
.jss2607 > div { margin: 0; position: relative; }
.jss2607 >div:nth-child(1) { background: #ffffff; }
.jss3814 { flex: 1; overflow-x: hidden; overflow-y: auto; border-radius: 5px; -ms-overflow-y: auto; }
.MuiPaper-root { color: #333333; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #ffffff; }
.MuiPaper-rounded { border-radius: 4px; }
.MuiPaper-elevation1 { box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%); }
.MuiExpansionPanel-root { position: relative; transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiExpansionPanel-rounded { border-radius: 0; }
.jss3816 { padding: 0px 10px; }
.jss3817 { padding-left: 15px; }
.MuiExpansionPanel-root.Mui-expanded { margin: 16px 0; }
.MuiExpansionPanel-rounded:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.jss3816.jss3818 { margin: auto; }
.MuiExpansionPanel-root.Mui-expanded:first-child { margin-top: 0; }
.MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiExpansionPanelSummary-root { display: flex; padding: 0 24px 0 24px; min-height: 48px; transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.jss3988 { height: 48px; padding: 0 5px 0 5px; }
.MuiExpansionPanelSummary-root.Mui-expanded { min-height: 64px; }
.jss3988.jss3986 { margin: auto; min-height: 48px; }
.MuiExpansionPanelSummary-content { margin: 12px 0; display: flex; flex-grow: 1; transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }.MuiExpansionPanelSummary-content.Mui-expanded { margin: 20px 0 10px; }
.MuiTypography-root { margin: 0; }
.MuiTypography-body1 { font-size: 8px;  font-weight: 500; line-height: 1.5; }
.MuiTypography-colorTextPrimary { color: #333333; }
.jss3983 { color: #000; font-size: 16px; font-weight: bold; line-height: 102.5%; text-transform: none; }
.jss4000 { margin-left: 5px; }
.jss3983 { color: #000; font-size: 16px; font-weight: bold; line-height: 102.5%; text-transform: none; }
.MuiIconButton-edgeEnd { margin-right: -12px; }
.MuiExpansionPanelSummary-expandIcon { transform: rotate(0deg); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiExpansionPanelSummary-expandIcon.Mui-expanded { transform: rotate(180deg); }

.MuiCollapse-container { height: 0; overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiCollapse-entered { height: auto; overflow: visible; }
.MuiCollapse-wrapper { display: flex; }
.MuiCollapse-wrapperInner { width: 100%; }
.MuiExpansionPanelDetails-root { display: flex; padding: 8px 24px 8px; }
.jss3989 { display: flex; flex-wrap: wrap; overflow-x: hidden; overflow-y: hidden; padding-left: 0; border-bottom: 0.5px solid #D1D3D4; padding-right: 0; padding-bottom: 10px; }
.jss3992 { width: 100%; display: flex; justify-content: space-between; }
.jss3993 { cursor: pointer; display: flex; padding: 5px 6px; font-size: 13px; max-width: 155px; min-width: 120px; align-items: center; font-weight: 500; border-radius: 6px; background-color: #F1F1F1; }
.jss3994 { display: -webkit-box; overflow: hidden; text-align: center; white-space: nowrap; padding-right: 5px; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.jss3995 { padding: 4px; }

.jss3996 { width: 9px; height: 9px; }



/* ---- */
.jss4152 { padding: 0px 10px; }
.jss4153 { padding-left: 15px; }
.jss4152.jss4154 { margin: auto; }


.scrollCustom { flex: 1; overflow-x: hidden; overflow-y: auto; border-radius: 5px; -ms-overflow-y: auto; }

.MuiBox-root{cursor: pointer; margin: 5px; display: flex; min-height: fit-content; flex-direction: column;}


.MuiExpansionPanelDetails-root{display: flex; flex-wrap: wrap; overflow-x: hidden; overflow-y: hidden; padding-left: 0; border-bottom: 0.5px solid #D1D3D4; padding-right: 0; padding-bottom: 10px;padding: 8px 24px 24px;}
.jss3740{ width: 100%; display: flex; justify-content: space-between;}
.jss3741{cursor: pointer; display: flex; padding: 5px 6px; font-size: 13px; max-width: 155px; min-width: 120px; align-items: center; font-weight: 500; border-radius: 6px; background-color: #F1F1F1;}
.jss3742 { display: -webkit-box; overflow: hidden; text-align: center; white-space: nowrap; padding-right: 5px; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.MuiTypography-root.jss3731{color: #000; font-size: 16px; font-weight: bold; line-height: 102.5%; text-transform: none;}
.MuiBox-root.jss3748{color: #000; font-size: 16px; font-weight: bold; line-height: 102.5%; text-transform: none; padding: 0 0 0 5px;}

.jss3731{color: #000; font-size: 16px; font-weight: bold; line-height: 102.5%; text-transform: none;}

.jss3738{display: flex; padding-left: 0; padding-right: 15px; flex-direction: column;font-size: 14px; overflow-y: hidden; font-weight: 500; margin-right: 0;}
.MuiBox-root{cursor: pointer; margin: 5px 0; display: flex; min-height: fit-content; flex-direction: column;}
.jss3750 { display: flex; justify-content: space-between; }
.jss3751 { color: #333; font-size: 20px; line-height: 26px; }
.jss3752 { color: #333; font-size: 20px; font-weight: bold; line-height: 26px; }

.Mui-expanded.jss3732{    padding: 0px 10px;    padding-left: 15px;    margin: auto;}


/* SELECT-DEPARTURE */
#select-departure{display: none;}
#select-departure-2{display: none;}
#select-departure{}


/* .jss2320 */
.jss2320{z-index: 1500; overflow: hidden; position: absolute; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); border-radius: 5px;}

/* user */
.jss2320 { top: 60px; z-index: 1500; overflow: hidden; position: absolute; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); border-radius: 5px; }
.jss2320 > div { margin: 0; position: relative; }
.jss180 >div:nth-child(1) { width: 332px; padding: 0; background: #ffffff; border-radius: 5px; }
.jss2987{text-align: right;margin: 0; padding: 10px 15px 0px 15px;}
.jss3001{color: #0980EE; cursor: pointer;margin-right: 4px; text-decoration: none !important;}
.MuiTypography-h5 { font-size: 14px;  line-height: 1.33; margin: 0;}
.jss412 { color: #208AEC; }
.jss2987 span { margin-right: 4px; text-decoration: none !important; }

.jss3006 { display: flex; align-items: center; justify-content: space-between; }
.jss3007 { display: flex; align-items: flex-end; margin-bottom: 16px; }
.jss3008 { width: 34px; display: flex; margin-right: 5px; justify-content: center; }
.jss2988 { width: 30px; height: 30px; }
.jss2989 { font-size: 14px; font-weight: bold; padding-left: 0 !important; margin-bottom: 0;     color: #000000;}
.jss180 p:first-of-type { margin: 0; padding: 10px 15px 0px 15px; }

.jss3005 { padding: 10px; }

.jss3016 { display: flex; }
.MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.jss2991 { width: 26px; border: 1px solid #D1D3D4; height: 26px; background: transparent !important; box-shadow: none; min-height: 26px; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0; font-size: 0.875rem; min-width: 0; box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%); box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;  font-weight: 500; line-height: 1.75; border-radius: 50%; text-transform: uppercase; background-color: #e0e0e0; }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }

.jss2993 { transform: translateY(-7px); }
.jss2991 svg { color: #6D6E71; }

.MuiTypography-h2 { font-size: 20px;  line-height: 1; }
.MuiTypography-colorPrimary { color: #EC2029; }
.jss416 { font-weight: 600; }
.jss2992 { width: 8px; margin: 5px 13px; font-size: 14px; text-align: center; }

.jss2991{width: 26px; border: 1px solid #D1D3D4; height: 26px; background: transparent !important; box-shadow: none; min-height: 26px;}


.MuiInputBase-root { color: #333333; cursor: text; display: inline-flex; position: relative; font-size: 1rem; box-sizing: border-box; align-items: center;  line-height: 1.1875em; }
.jss2473 { height: 48px; border-radius: 10px; background-color: #ffffff; }
.jss2998 { color: #000000; width: 100%; border: 1px solid #F1F1F1; padding: 0 10px; background: #F1F1F1; border-radius: 8px; }

#select-passenger{display: none;}


/* .jss3212 */
.jss2320 { top: 60px; z-index: 1500; overflow: hidden; position: absolute; box-shadow: 0px 4px 20px rgb(0 0 0 / 15%); border-radius: 5px; }
.jss2320 > div { margin: 0; position: relative; }
.jss181 >div:nth-child(1) { width: 650px; padding: 0; background: #ffffff; border-radius: 5px; }
.jss3212 { width: 100%; display: flex; padding-top: 15px; border-bottom: 1px solid #F1F1F1; justify-content: flex-end; }

.jss3222 { display: flex; align-items: center; }
.MuiFormGroup-row { flex-direction: row; }
.jss3223 { margin-right: 10px; }

.jss558 { padding: 9px; }
.MuiRadio-colorPrimary.Mui-checked { color: #EC2029; }
.jss561 { top: 0; left: 0; width: 100%; cursor: inherit; height: 100%; margin: 0; opacity: 0; padding: 0; z-index: 1; position: absolute; }
.jss571 { display: flex; position: relative; }

.jss572 { left: 0; position: absolute; transform: scale(0); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; }
.jss571.jss573 .jss572 { transform: scale(1); transition: transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms; }


.jss1119 { padding: 10px 0px; }
.rdrCalendarWrapper { box-sizing: border-box; background: #fff; display: inline-flex; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.rdrDateRangeWrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.rdrCalendarWrapper { color: #000; font-size: 12px; }
.jss1119 .rdrDateRangeWrapper, .jss1119 .rdrMonth, .jss1119 .rdrCalendarWrapper { width: 100%; }
.jss1121 .rdrDateRangeWrapper, .jss1121 .rdrMonth, .jss1121 .rdrCalendarWrapper { margin-top: 20px; }
.rdrMonthAndYearWrapper { box-sizing: inherit; display: flex; justify-content: space-between; }
.rdrMonthAndYearWrapper { align-items: center; height: 60px; padding-top: 10px; }
.jss1121 .rdrMonthAndYearWrapper { height: 0; display: flex; margin-bottom: -40px; }

.rdrNextPrevButton { box-sizing: inherit; cursor: pointer; outline: none; }
.rdrNextPrevButton { display: block; width: 24px; height: 24px; margin: 0 0.833em; padding: 0; border: 0; border-radius: 5px; background: #eff2f7; }
.jss1121 .rdrMonthAndYearWrapper button { background: #ffffff; }
.rdrNextPrevButton i { display: block; width: 0; height: 0; padding: 0; text-align: center; border-style: solid; margin: auto; }
.rdrNextPrevButton i, .rdrPprevButton i { -webkit-transform: translate(-3px); transform: translate(-3px); }
.rdrPprevButton i { border-width: 4px 6px 4px 4px; border-color: transparent #34495e transparent transparent; }
.rdrMonthAndYearPickers { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; }
.rdrMonthAndYearPickers { font-weight: 600; }
.jss1121 .rdrMonthAndYearWrapper span { display: none; }
.rdrNextButton i { margin: 0 0 0 7px; border-width: 4px 4px 4px 6px; border-color: transparent transparent transparent #34495e; -webkit-transform: translate(3px); transform: translate(3px); }

.rdrMonths { display: flex; }
.rdrMonth { padding: 0 0.833em 1.666em; }
.jss1119 .rdrDateRangeWrapper, .jss1119 .rdrMonth, .jss1119 .rdrCalendarWrapper { width: 100%; }
.jss1119 .rdrMonth { height: auto !important; padding-bottom: 0; }
.jss1121 .rdrDateRangeWrapper, .jss1121 .rdrMonth, .jss1121 .rdrCalendarWrapper { margin-top: 20px; }
.jss1119 .rdrMonthName { font-size: 16px;  line-height: 1.17; padding-left: 7px; text-transform: capitalize;     padding: 0.833em;}
.jss1121 .rdrMonthName { color: #333333 !important; text-align: center; font-weight: bold; }

.rdrWeekDays { display: flex; }
.jss1119 .rdrWeekDays { padding: 10px 0px; }

.rdrWeekDay { flex-basis: 14.28571%; box-sizing: inherit; text-align: center;     color: #849095;}
.jss1119 .rdrWeekDay { font-size: 14px;  line-height: 1.33; text-transform: capitalize; }
.jss1121 .rdrWeekDays >span { font-weight: bold; }
.rdrDays { display: flex; flex-wrap: wrap; }

.rdrDay { box-sizing: inherit; width: 14.28571%; position: relative; font: inherit; cursor: pointer; }
.rdrDayDisabled { cursor: not-allowed; }
.rdrDay { background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0; line-height: 3em; height: 3em; text-align: center; color: #1d2429; }
.rdrDayDisabled { background-color: #f8f8f8; }
.jss1119 .rdrDayDisabled { opacity: 0.5 !important; }
.jss1119 .rdrDay { border: none !important; display: block; transform: scale(1.01); margin-bottom: 7px; }

.rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge { pointer-events: none; }
.rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge { background: currentColor; position: absolute; top: 5px; left: 0; right: 0; bottom: 5px; }
.rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange { border-top-left-radius: 1.042em; border-bottom-left-radius: 1.042em; left: 2px; }
.rdrDayDisabled .rdrDayEndPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrStartEdge { -webkit-filter: grayscale(100%) opacity(60%); filter: grayscale(100%) opacity(60%); }
.jss1119 .rdrDay * { border: none !important; }
.jss1119 .rdrDay .rdrInRange { top: 0; left: 0; right: 0; bottom: 0; height: 36px; background: #E4E4E4; }
.jss1120 .rdrDay .rdrInRange { background: transparent; }


.rdrDayNumber { display: block; position: relative; }
.rdrDayNumber { outline: 0; font-weight: 300; position: absolute; left: 0; right: 0; top: 0; bottom: 0; top: 5px; bottom: 5px; display: flex; align-items: center; justify-content: center; }
.jss1119 .rdrDay * { border: none !important; }
.jss1119 .rdrDay .rdrStartEdge, .jss1119 .rdrDay .rdrDayNumber, .jss1119 .rdrDay .rdrEndEdge, .jss1119 .rdrDay .rdrSelected { top: 0; left: 0; right: 0; width: 36px; bottom: 0; height: 36px; }
.jss1119 .rdrDay .rdrDayNumber { left: 50%; z-index: 5; transform: translateX(-50%); }

.jss1119 .rdrDay * { border: none !important; }
.jss1119 .rdrDay .rdrDayNumber span { font-weight: 600; }
.jss1119 .rdrDay .rdrInRange + .rdrDayNumber span, .jss1119 .rdrDay .rdrInRange + span + .rdrDayNumber span { color: #2B2B2B !important; }

#select-calendar, #select-calendar-2{display: none;}

@media(max-width: 992px){
    #select-departure{top: 132px!important; left: 22px!important;}
    #select-calendar{top: 132px!important; left: 22px!important;}
    #select-departure-2{top: 195px!important; left: 22px!important;}
    #select-calendar-2{top: 195px!important; left: 22px!important;}
    #select-passenger{top: 260px!important; left: 22px!important;}

}



.jss1909.jss1910 { font-size: 12px; transform: translate(13px, -9px); }
.MuiIconButton-colorSecondary:hover { background-color: rgba(251, 182, 18, 0.08); }

/* ---------- */
.custom-checkbox .form-check-input{width: 20px; height: 20px; border: 1px solid #9E9E9E; border-radius: 3px!important;}
.custom-checkbox .form-check-label{line-height: 28px;  color: #333333;}
.custom-checkbox .form-check-input:checked[type=checkbox]{background: url(../images/booking/3-1.svg)no-repeat #da2128 center center; outline: none; border-color: #da2128;background-size: 12px 12px;}

.custom-radio{margin-right: 25px; font-family: 'Jambono-Medium';opacity: 1; color: #000;}
.form-check-input[type="radio"]{color: #000000; width: 15px; height: 15px; opacity: .8; border: 2px solid hsl(0deg 0% 0% / 80%);}
.form-check-input:checked[type=radio]{background: url(../images/booking/3-2.svg)no-repeat #fff center center; outline: none; border-color: #000000; opacity: 1; background-size: 7px 7px;}


.form__group { position: relative;     padding-left: 50px!important; } 
.form__field { font-family: inherit; width: 100%; border: 0; outline: 0; color: #fff; padding: 7px 0; background: transparent; transition: border-color 0.2s;margin-left: 0; margin-top: 22px; border: 0; z-index: 1; position: relative;} 
.form__field::placeholder { color: transparent; }
.form__field:placeholder-shown ~ .form__label { font-size: 16px; cursor: text; top: 10px; left: 50px; color: #333333; } 
.form__label { position: absolute; top: 0; display: block; transition: 0.2s; color: #333333; left: 50px;     font-size: 12px;}
.form__field:focus { border-image-slice: 1; } 
.form__field:focus ~ .form__label { color: #333333; position: absolute; top: 0; display: block; transition: 0.2s; font-size: 12px;} 
/* reset input */
.form__field:required, .form__field:invalid { box-shadow: none; }
@media(max-width: 992px){
    .custom-radio{color: #fff;}
    .form-check-input[type="radio"]{border-color: #fff; background: transparent; opacity: 1;}
    .form-check-input:checked[type=radio]{background: url(../images/booking/3-5.svg)no-repeat #da2128 center center; outline: none; border-color: #fff; opacity: 1; background-size: 7px 7px; }
    .jss691 select.form-control{-moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/booking/3-6.svg)no-repeat right transparent; background-size: 10px 10px; background-position-x: calc(100% - 3px); border: 0px solid #DCDCDC; border-radius: 5px; font-family: 'Jambono-Medium'; height: 24px; padding: 0px 15px 0 6px; font-size: 14px; min-width: 60px; color: #fff;}
    .jss690{padding-left: 22px; padding-right: 22px;}
    .jss691{right: 22px;}
    .custom-checkbox .form-check-label{color: #fff; font-weight: 600;}
    .custom-checkbox .form-check-input:checked[type=checkbox]{    border-color: #fff;}

    .jss181 >div:nth-child(1){width: 346px;}
    .rdrMonths{display: block;}


    .block-calendar-custom .custom-radio{color: #000;}
    .block-calendar-custom .form-check-input[type="radio"]{color: #000000; width: 15px; height: 15px; border: 2px solid hsl(0deg 0% 0% / 80%);}
    .block-calendar-custom .form-check-input:checked[type=radio]{background: url(../images/booking/3-2.svg)no-repeat #fff center center; outline: none; border-color: #000000; opacity: 1; background-size: 7px 7px;}

    #select-calendar-2-mb{    left: 0!important;    }
}


/* -------------- */
.block-language{    padding-top: 7px;}
.block-language .dropdown-toggle{border: 1px solid #D1D3D4; padding: 5px 25px 5px 10px; position: relative;}
.block-language .icon{display: inline-block; margin-right: 5px; border-radius: 3px; overflow: hidden; vertical-align: top;}
.block-language .icon img{    height: 22px; border-radius: 3px;}
.block-language .dropdown-toggle::after{background: url(../images/booking/3-3.svg)no-repeat right #fff; background-size: 10px 10px; background-position-x: calc(100% - 3px);position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 5px;}
@media(max-width: 992px){
    .block-language .dropdown-toggle span{display: none;}
    .block-language .dropdown-toggle{padding: 0 25px 0 0; border: 1px solid #d80027; border-radius: 0; height: 24px;}
    .block-language .icon{    border-radius: 0;}
    .block-language .icon img{vertical-align: top; border-radius: 0;}
    .block-language .dropdown-toggle::after{    right: 9px;}
}


/*  */
.daterangepicker td.active, .daterangepicker td.active:hover{background: linear-gradient(352.52deg, #D91A21 53.08%, #6F0000 206.46%);}
.daterangepicker td.start-date.end-date{border-radius: 100%; height: 36px!important; border: 0; width: 36px!important;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{height: 36px;    border-radius: 100%;}

.daterangepicker .drp-buttons .btn-primary{background: linear-gradient(352.52deg, #D91A21 53.08%, #6F0000 206.46%);}

.control-date-custom, .control-date-custom-modal{padding: 0; border: 0; font-size: 16px; font-weight: 600;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{border: 0; font-size: 14px;}

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

@media(max-width: 1400px){
    .modal.show .modal-dialog{margin-top: 5px;}
}
@media(max-width: 767px){
    .daterangepicker{position: fixed; z-index: 9999; top: 0!important; left: 0; width: 100%; }
    .daterangepicker .drp-calendar.left{margin: auto; padding-top: 75px; padding-bottom: 65px;}
}


.sec-map-route{margin-bottom: 35px;}
.sec-map-route .banner-main{background: #fff; position: relative; border-radius: 10px; overflow: hidden; padding: 15px;}
.sec-map-route .banner-main img{width: 100%; border-radius: 10px;}
@media(max-width: 767px){
    .sec-map-route .banner-main{padding: 0;     border: 1px solid #d1d3d4;}
}

/* BLOCK-FILTER-TICKET */
.block-filter-ticket{margin-bottom: 20px;}
.block-filter-ticket .text{font-weight: bold; font-size: 24px; color: #000; display: inline-block; line-height: 50px; margin-right: 40px;}
.block-filter-ticket .list-ticket-logo{display: inline-block; vertical-align: top;}
.block-filter-ticket .list-ticket-logo .item{display: inline-block; margin-right: 12px;}
.block-filter-ticket .list-ticket-logo .item img{height: 50px;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; border: 1px solid transparent;   border-radius: 10px;}
.block-filter-ticket .list-ticket-logo .item:hover img, .block-filter-ticket .nav-tabs .nav-link.active .item img{border: 1px solid #EC2029;border-radius: 10px;}

/* TABS */
.block-filter-ticket{}
.block-filter-ticket .nav-tabs{border: 0;font-family: 'Jambono-Medium';}
.block-filter-ticket .nav-tabs .nav-link{padding: 0; background: #fff; border: 0; box-shadow: none; margin-top:10px   ; min-width: 150px;
    border: 0;
    color: #000;
    height: 48px;
    padding: 1px;
    border-radius: 5px;
    margin-left:10px}
.block-filter-ticket .nav-tabs .nav-item.show .nav-link, .block-filter-ticket .nav-tabs .nav-link:hover{background:#fff; border:  1px solid #CF0000; box-shadow: none ;outline: none; font-weight: bold;}
.block-filter-ticket .nav-tabs .nav-item.show .nav-link, .block-filter-ticket .nav-tabs .nav-link.active{background:linear-gradient(12.84deg, #F9A51A 7.5%, #FBB612 28.46%, #FFDD00 90.29%); border: 1px solid #CF0000; box-shadow: none ;outline: none; font-weight: bold;}

@media(max-width: 767px){
    .block-filter-ticket .text{text-align: center; display: block;}
    .block-filter-ticket .list-ticket-logo{text-align: center;}
    .block-filter-ticket .list-ticket-logo .item{margin-bottom: 10px; margin-left: 5px; margin-right: 5px;}
    .block-filter-ticket .list-ticket-logo .item a img{border: 1px solid #D1D3D4;}
}

/* SEC-LOCATION */
.sec-location{margin-bottom: 85px;}
.sec-location .title-section{background: linear-gradient(357.02deg, #CF0000 -23.04%, #BF0000 15.44%, #FF0000 111.28%);  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px 5px 0px 0px; color: #fff; padding: 10px 15px 10px; min-height: 58px; text-align: center; margin-bottom: 0;}
.sec-location .title-section .icon{display: inline; vertical-align: super; margin-right: 10px;}
.sec-location .title-section .icon img{max-height: 20px;}
.sec-location .title-section h2{color: #fff; font-size: 32px; display: inline;}
.sec-location .title-section h2::before{display: none;}

/* .BLOCK-LOCATION-MAIN */
@media(min-width: 992px){
    .block-location-main .content-main .col-lg-2{flex: 0 0 auto; width: 20%;}
}
.block-location-main{}
.block-location-main .content-main{padding: 20px 45px; background: #fff;}
.block-location-main .block-location{min-height: inherit;}
.block-location-main .block-location .title{background: transparent; padding: 0; font-size: 24px;}
.block-location-main .block-location .list{padding: 0;}
.block-location-main .block-location .list a{font-size: 16px;}

.link-view-more-red{position: relative; color: #EC2029!important; padding-left: 32px; }
.link-view-more-red .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0;}
.link-view-more-red .icon img{    height: 20px; vertical-align: sub;}
.link-view-more-red .icon img.min{display: none;}
.link-view-more-red .t-compact{display: none;}
.link-view-more-red.active .t-compact{display: block;}
.link-view-more-red.active .t-viewmore{display: none;}
.link-view-more-red.active .icon img.min{display: block;}
.link-view-more-red.active .icon img.plug{display: none;}
.block-location .list a.link-view-more-red::before{display: none;}

.collapse .block-location-sm{}
.collapse .block-location-sm .list a{display: inline-block!important; margin-right: 20px;     min-width: 150px;}
.collapse .block-location-sm .list a{position: relative; display: inline-block; color: #333333; padding-left: 25px; margin-bottom: 5px;    font-size: 16px;}
.collapse .block-location-sm .list a:hover{color: #EC2029!important; }
.collapse .block-location-sm .list a::before{ position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/icon/arrow-right-sm.svg)no-repeat center center; width: 20px; height: 20px; left: 0; }
.block-location .title a .icon img{  width: 30px; height: 30px;  vertical-align: sub;}
.block-location .title a .icon img.min{display: none;}
.block-location .title a.active .icon img.min{display: block;}
.block-location .title a.active .icon img.plus{display: none;}
@media(max-width: 992px){
    .block-location-main .block-location .title{height: inherit;}
    .sec-location .title-section{    box-shadow: none;}
    .sec-location .title-section h2{font-size: 24px;}
    .block-location-main .content-main{    border: 1px solid #D1D3D4;   border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  padding: 15px;}
    .block-location-main .block-location .list{padding: 15px; margin-top: 0;}

    .collapse .block-location-sm .list{display: block;border: 0; padding: 0;}
}



/* HEADER-MAIN-TOP */
.header-main-top{position: fixed; z-index: 5; width: 100%; }
/* SEC-HOME */
.sec-home{}

/* .block-language .dropdown-toggle{background: #fff;     border: 1px solid #fff;} */

@media(min-width: 992px){
    .sec-home .slick-slide{height: 650px;}
    .sec-home .slick-slide img{width: 100%; height: 100%;     object-fit: cover;}
}
@media(max-width: 600px){
    .header-main-top{    position: static;}
    /* .block-language .dropdown-toggle{border: 1px solid #D1D3D4;} */
}   


/* ------------------------------------------------------------------ */
/* MAIN */
.list-price-calendar{text-align: right; font-family: 'JambonoLight';}
.price-bold{font-weight: bold;}


.bg-price{width: 100%; cursor: pointer; height: 80px; display: flex; padding: 5px; align-items: flex-end; flex-shrink: 0; border-radius: 5px; flex-direction: column; padding-bottom: 3px; justify-content: space-between; background-color: #ffffff;}
.price-calendar.custom-good .bg-price{
    width: 100%; cursor: pointer; height: 80px; display: flex; padding: 5px; align-items: flex-end; flex-shrink: 0; border-radius: 5px; flex-direction: column; padding-bottom: 3px; justify-content: space-between; background-color: #ffffff;
    background: linear-gradient(68.2deg, #459B02 -15.27%, #AAFA6B 113.22%);
}
.price-calendar.custom-choose .bg-price{
    opacity: 1; background: rgba(236, 32, 41, 0.2);
}

.price-bold{color: #fff; display: block; font-size: 22px; margin-top: -4px; }
.jss2447{margin: 0; font-size: 16px; text-align: right; font-weight: 500; color: #fff;}
.empty{cursor: default; opacity: 0.35;}
.empty .jss2447{color: #939598!important;}
.jss2447{color: #939598; margin: 0; font-size: 16px; text-align: right; font-weight: 500;}

/* GIÁ TRẮNG */
.jss2439.empty .jss2447{}

/* GIÁ XANH */
.jss2439 .jss2447{color: #fff;}
.price-bold{font-family: 'Jambono-Medium';}

/* giá đỏ */
.jss2450{opacity: 1; background: rgba(236, 32, 41, 0.2);}
.jss2450 .price-bold{ font-family: 'Jambono-Medium';   color: #333333!important;}
.jss2450 .price-sm{color: #333333!important;}
.jss2450 .jss2447{color: #333333!important;}

.MuiBox-root.jss4864{text-align: right;}

/* SLICK */
/* .slick-list{text-align: center;} */
.slick-list{ padding:0 0% 0 0 !important;     width: 100%;}
.jss1784{text-align: center;}
.slick-cheapestticket-main{margin-bottom: 20px;}
.slick-cheapestticket-main .slick-track { top: 0; left: 0;display: flex; align-items: center;     margin: 0;}
.slick-cheapestticket-main .slick-slide { display: flex !important; min-height: 95px; align-items: center; justify-content: center; min-width: 152px;}
.slick-cheapestticket-main .slick-center { width: 122px !important; padding: 0px 20px; background-size: cover; background-image: url(../images/icon/2-1.png); background-repeat: no-repeat; background-position: center center; min-width: 152px;}

.img-flight-empty{display: block; margin: auto;}


.MuiBox-root.jss4218 .MuiTypography-colorTextPrimary{font-size: 14px;}
/* LEFT */
button.jss1790{top: 49%; left: -0.85em; filter: drop-shadow(0px 7px 14px rgba(0, 0, 0, 0.14)); position: absolute; transform: translateY(-50%);border: 0; cursor: pointer; outline: 0; padding: 0; background: transparent; width: 27px; height: 27px; }
button.jss1790 .jss1792 { width: 1.8em; height: 1.8em;display: flex; padding: 5px; background: #ffffff; align-items: center; justify-content: center;font-size: 15px; border-radius: 50%; }
button.jss1790 .jss1792 > svg { width: 0.9em; height: 0.9em; }

/* RIGHT */
button.jss1789{top: 49%; right: -0.85em; filter: drop-shadow(0px 7px 14px rgba(0, 0, 0, 0.14)); position: absolute; transform: translateY(-50%);border: 0; cursor: pointer; outline: 0; padding: 0; background: transparent; width: 27px; height: 27px; z-index: 5;}
button.jss1789 .jss1792 { width: 1.8em; height: 1.8em;display: flex; padding: 5px; background: #ffffff; align-items: center; justify-content: center;font-size: 15px; border-radius: 50%; }
button.jss1789 .jss1792 > svg { width: 0.9em; height: 0.9em; }




.jss4183 span:first-child { font-size: 18px; font-family: 'Jambono-Medium'; line-height: 1.04; }
.jss4218 span:first-child { font-size: 18px; font-family: 'Jambono-Medium'; line-height: 1.04; }


/* MODAL */
.modal{z-index: 9999;}
.modal-cheapestticket .btn-close{position: absolute; top: 10px; right: 10px; z-index: 10;}

/* BLOCK-PRICE-CALENDAR-MODAL */
.list-name-date-top{display: flex; background: #F1F1F1;}
.list-name-date-top .name-date{width: 14.285714285714286%; padding: 18px 0px; text-align: center;}
.block-price-calendar-modal{overflow: hidden; position: relative; box-shadow: 0px 4px 21px rgb(0 0 0 / 15%); border-radius: 5px;}
.price-calendar .time-calendar{display: none; text-align: center;  padding: 10px; text-align: center; flex-direction: column; justify-content: center;}
.price-calendar .time-calendar .date{color: #333333; font-size: 20px; font-weight: 600;}
.price-calendar .time-calendar .day{color: #000000; font-size: 14px; text-transform: capitalize;}
@media(min-width: 601px){
    .list-price-calendar{display: flex; flex-wrap: wrap; background: #ffffff;}
}

/* CALENDAR */
.price-calendar{width: 14.285714285714286%; border: 1px solid #F2F2F2; padding: 4px 7px;}
.price-date{margin: 0;}
.price-calendar .price-sm{color: #fff; display: block; font-size: 15px; margin-top: -4px;}
.text-price-none{display: none; font-family: 'jambonolight';}

/* CUSTOM GOOD */
.price-calendar.custom-good .price-date{color: #fff;}

/* CUSTOM BASIC */
.price-calendar.custom-basic .price-bold{color: #333333;}
.price-calendar.custom-basic .price-sm{color: #333333;}

/* CUSTOM BASIC */
.price-calendar.custom-choose{}
.price-calendar.custom-choose .price-date{color: #000;}
.price-calendar.custom-choose .price-bold{color: #000;}
.price-calendar.custom-choose .price-sm{color: #000;}
.price-calendar.custom-choose .bg-price { opacity: 1; background: rgba(236, 32, 41, 0.2); }

@media(max-width: 600px){
    .price-calendar.custom-basic .bg-price{    background: #F1F1F1;}
    .price-calendar.custom-good .bg-price{height: inherit;}
    .price-calendar{padding: 0;     max-height: 127px;}
    .price-calendar .bg-price{border-radius: 0!important; height: inherit;}
    .price-calendar .MuiBox-root{margin: 0;}
    .price-calendar.custom-empty{display: none;}
    .price-calendar{width: 90px; box-shadow: 0px 1px 2px rgb(0 0 0 / 15%); flex-shrink: 0; margin-right: 15px; background-color: #ffffff;}
    .price-calendar .price-date{display: none;}
    .price-calendar .time-calendar{display: flex;}
    .text-price-none{display: inline-block;     font-size: 12px;}
    .price-bold{font-size: 16px;}
    .price-calendar .price-sm{font-size: 12px;}

    .list-price-calendar{display: flex; padding-bottom: 30px; scroll-behavior: smooth; overflow-x: scroll; scroll-margin: 0px 30px; margin: 0px a5px; position: relative;}
    .block-price-calendar-modal{    box-shadow: none;}
    .list-name-date-top{display: none;}

    /* SLICK */
    .slick-cheapestticket-main .slick-slide{min-width: 105px; font-size: 12px;     width: initial!important;    }
    .slick-cheapestticket-main .slick-center{min-width: 105px; background-image: url(../images/icon/2-1.png); background-size: 100% auto;}
    .slick-cheapestticket-main .MuiBox-root.jss4218 .MuiTypography-colorTextPrimary{font-size: 10px;}

    .jss4218 span:first-child{font-size: 14px;}
}

/* width */ 
.list-price-calendar::-webkit-scrollbar { width: 200px !important; height: 5px !important; } 
/* Track */ 
.list-price-calendar::-webkit-scrollbar-track { background: #a0a0a0; border-radius: 10px !important; margin: 0 30px; } 
/* Handle */ 
.list-price-calendar::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f9a51a 0%, #fedc00 100%); border-radius: 10px !important; }

.wrap_widget_block-cheeps-detail .block-filter-tabs-ticket button.nav-link, .wrap_widget_block-cheeps-detail .block-filter-ticket .nav-tabs .nav-link.active{
    border: none !important;
    background: none !important;
    padding: 0 !important;
}