@font-face {
    font-family: SFPro-Regular;
    src: url(../fonts/FontsFree-Net-SFProDisplay-Regular.ttf)
}

@font-face {
    font-family: SFPro-Bold;
    src: url(../fonts/FontsFree-Net-SFProDisplay-Bold.ttf)
}

.clearfix-112 {
    height: 112px;
    clear: both;
}

.modal {
    top: 50px;
}

.header.is-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 9999;
}

.header.is-active {
    box-shadow: 0 3px 5px #E6E8F0;
}

#login-button {
    background-color: #FB7446;
    font-size: 14px;
    color: #fff;
}

body {
    font-family: SFPro-Regular;
}

.navbar .navbar__brand img {
    height: 28px;
}

.navbar {
    padding: 0.2rem 0;
    margin-bottom: 0rem;
}

.navbar__nav__item>a {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 1rem 1rem !important;
    text-transform: uppercase;
}

.navbar__nav__item.active>a {
    font-weight: normal;
}

.navbar__nav__item>a .ic_menu {
    background: url(../images/ic_fly.png) no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.navbar__nav__item>a .ic_hotel {
    background-image: url(../images/ic_hotel.png);
}

.navbar__nav__item>a .ic_combo {
    background-image: url(../images/ic_cb.png);
}

.navbar__nav__item>a .ic_news {
    background-image: url(../images/ic_news.png);
}

.navbar__nav__item.active>a .ic_menu {
    background-image: url(../images/ic_fly1.png);
}

.navbar__nav__item.active>a .ic_hotel {
    background-image: url(../images/ic_hotel1.png);
}

.navbar__nav__item.active>a .ic_combo {
    background-image: url(../images/ic_cb1.png);
}

.navbar__nav__item.active>a .ic_news {
    background-image: url(../images/ic_news1.png);
}


.navbar__nav__item>a .ic_ticket {
    background-image: url(../images/ic_ticket_star.png);
}

.navbar__nav__item.active>a .ic_ticket {
    background-image: url(../images/ticket-star-active.png);
}

.navbar__nav__item:hover>a::before,
.navbar__nav__item.active>a::before {
    width: 50%;
    height: 8px;
    border-radius: 10px;
}

.navbar__helper .navbar__helper__group:not(:last-child) {
    border-right: 0;
}

.navbar__helper .navbar__helper__item {
    color: #FB7446;
    font: 18px 'SFPro-Bold';
    display: flex;
    align-items: center;
    padding-top: 3px;
    margin-right: 0;
}

.dropdown .dropdown__body {
    top: 50px;
}

.search-box {
    padding-bottom: 30px;
}

.tab-content .tab-pane {
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}

.airline div.brand>div.brand-info>span:nth-child(1) {
    width: auto;
}

.list_highlight .item {
    border: 1px solid #E4E7EB;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

.list_highlight .item .card-top {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #E4E7EB;
}

.list_highlight .item .card-top::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    bottom: -5px;
    left: -22px;
    border-right: 1px solid #E4E7EB;
}

.list_highlight .item .card-top::after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    bottom: -5px;
    right: -22px;
    border-left: 1px solid #E4E7EB;
}

.airline div.brand>div.brand-info>span:nth-child(1)::after {
    content: '\00b7';
    margin: 0 5px;
    font: 16px 'SFPro-Bold';
    line-height: 16px;
}

.airline .brand .brand-title,
.list_highlight .card-hotel.card-hotel--small .card-title {
    font-family: SFPro-Bold;
}

.card-hotel.card-hotel--shortcut .card-img .card-star {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.card-destination {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.card-destination::after {
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 84.17%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 10px;
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0;
}

.card-destination .card-name {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
    color: #fff;
}

.card-news .card-title {
    font-size: 14px;
    font-family: SFPro-Bold;
    color: #333333;
    overflow: hidden;
    height: 42px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.card.card-news:hover .card-title {
    color: #1484da;
}

.card.card-news .card-text {
    overflow: hidden;
    height: auto;
    max-height: 84px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.card.card-news:hover .card-text {
    color: #333333;
}

.card.card-news .button-text {
    font: 14px 'SFPro-Bold' !important;
    padding: 0;
}

.card.card-icon .card-title {
    font: 24px 'SFPro-Bold';
}

.card.card-icon img {
    height: auto;
}

.banner_download {
    position: relative;
}

.dl_app {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-right: 50px;
    top: 0;
    left: 0;
}

.total_result {
    font: 16px 'SFPro-Bold';
}

.dl_app>div:first-child {
    margin-right: 20px;
}

.dl_app>div>a:first-child {
    margin-bottom: 20px;
    display: block;
}


/* page ve-may-bay */


/* 
.ticket-chip .card-flight {
    pointer-events: all;
}

.ticket-chip .card-flight .card-content {
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e4e7eb;
    box-shadow: inset 0 0 0 1px #e4e7eb;
    -webkit-transition: border .3s ease-out;
    transition: border .3s ease-out;
    position: relative;
} */

.ticket-chip.col-result.is-result-expand .card-flight .card-header .card-left {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    justify-content: left;
    flex-direction: unset;
}

.ticket-chip .brand-title {
    font-size: 16px;
}

.ticket-chip .brand .brand-info {
    font-size: 14px;
}

.ticket-chip .card-flight .card-header .card-right>div:first-child {
    width: 50%;
    text-align: center;
}

.ticket-chip .text-description {
    font-size: 12px;
}

.ticket-chip .price.price-lg span:first-child {
    font-size: 20px;
    font-family: SFPro-Bold;
}

.ticket-chip .point {
    font-size: 14px;
}

.button-tag.button-tag-line {
    font-family: SFPro-Bold;
}

.ticket-chip .card-flight .card-bottom .button-tag {
    font-size: 14px;
}

.list-flight ul li a {
    color: #333333;
}

.list-flight ul li a:hover {
    color: #1484da;
}

.list-flight ul li:not(:last-child) {
    margin-bottom: 16px;
}

.btn-apply {
    padding: 7px 0;
    background-color: #2196F3;
    text-align: center;
    margin-bottom: 12px;
    border-radius: 4px;
}

.btn-apply button {
    color: #fff;
    font: 15px 'SFPro-Regular';
}

.btn-renew button {
    font: 15px 'SFPro-Regular';
    color: #666666;
}

.filter-tag-list label.checkbox {
    padding-left: 0;
}


/* hotel */

.highlight-hotel .card-hotel .card-price .card-price-new,
.highlight-hotel .card-hotel.card-hotel--small .card-title {
    font-size: 16px;
    font-family: SFPro-Bold;
}

.highlight-hotel .card-hotel .card-price .card-price-num {
    font-size: 14px;
}

.highlight-hotel .card-number {
    position: absolute;
    font-size: 14px;
    right: 15px;
    bottom: 15px;
    color: #fff;
}

.highlight-hotel .card-hotel.card-hotel--small .card-title {
    margin-top: 20px;
    overflow: hidden;
    height: 38px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.highlight-hotel .card-hotel.card-hotel--shortcut .card-img .card-bgd::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40.46%);
    border-radius: 5px;
    transform: rotate(180deg);
}

.highlight-hotel .card-hotel.card-hotel--shortcut .card-body {
    padding: 0;
    border: 0;
}
.heading-2, h2{
    font-size: 1.8rem;
}

.ticketFormSearch .inputText input {    
    border-right: 0px !important;
    border-radius: 5px 0px 0px 5px !important;
}
.ticketFormSearch .inputCity::after{
    content: "";
    width: 15px;
    height: 16px;
    position: absolute;
    left: -9px;
    top: 15px;
    background: url(../images/MapPin.png);
} 
.ticketFormSearch .inputCity select{
    border-left: 0px !important;  
    background: none !important;
    border-radius: 0px 5px 5px 0px !important;
}

.hidden{
    display: none;
}

.minitip_searchflight{
    position: absolute;
    top: -40px;
    display: none;
    background: #fff;
    padding: 5px 17px;
    border-radius: 4px;
    filter: drop-shadow(0 0 10px rgba(0,0,0,.08));
    font-size: 14px;
    color: #666;
    width: fit-content;
}
.minitip_searchflight::before{
    content: "";
    width: 0;
    height: 0; 
    border-left: 11px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
}
.searchFlight_label:hover .minitip_searchflight{
    display: block;
}
/** fix chi tiet chuyen bay*/
.journey-list{
    max-width: unset !important;    
    border-bottom: 1px dashed #E4E7EB;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.card-flight .journey-list:last-child{
    margin-bottom: 0px !important; 
    border-bottom: none;
}
.journey-list .journey-item{
    
    display: block;
    overflow: hidden;
}

.journey-list .journey-item .flightInfo{
    float: left;
}
.journey-list .journey-item .flightBrand{
    float: right; 
}