/* car */
.car-title{list-style: none;}
.car-title li{margin-bottom: 1.5rem;}
.car-title li a{display: block; padding: 0.5rem 1rem; border: 1px solid var(--main); border-radius: 5px; color: var(--main);}
.car-title li a.active{background-color: var(--main); color: var(--wite);}
.car-list{padding-top: calc(7px + 1.5rem); background: url(/theme/images/border.png) repeat-x top;}
/* car_book */
.carbk-txt{background-color: var(--main);}
.carbk-txt ul{list-style: none; padding: 1rem 0;}
.carbk-txt ul li{position: relative; padding-left: 1rem;}
.carbk-txt ul li+li{margin-top: 0.25rem;}
.carbk-txt ul li:before{content: '\f105'; position: absolute; top: 0; left: 0; font-family: "Font Awesome 6 Pro"; font-size: 12px; font-weight: 400; line-height: 21px;}
.carbk-txt ul li:nth-last-child(2){padding-left: 0;}
.carbk-txt ul li:nth-last-child(2):before{display: none;}
.carbk-form{border: 1px solid var(--main);}
.carbk-form .f-item span{font-weight: 700;}
.carbk-ticket{padding: 1.5rem; border: 1px solid var(--main); border-radius: 15px;}
.carbk-ticket+.carbk-ticket{margin-top: 1.5rem;}
.carbk-detail{background-color: var(--main);}
/* col_hotro */
.col{margin-bottom: 1.5rem; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%); border-top: 2px solid var(--main);}
.col-title{padding: 0 1rem; border-bottom: 1px solid var(--bord); font-size: 18px; font-weight: 500; line-height: 40px;}
.col-wrap{padding: 1rem;}
.col-wrap ul{list-style: none;}
.col-hotro li{min-height: 110px; padding-left: calc(80px + 1rem);}
.col-hotro li+li{margin-top: 1rem;}
.col-hotro li img{top: 0; left: 0;}
.col-hotro li a{font-weight: 700; transition: all 0.5s ease 0s;}
.col-hotro li a:hover{color: var(--main);}
.col-hotro li a i{width: 20px; text-align: center;}
.col-tour li+li{margin-top: 1rem;}
.col-tour li a{min-height: 84px; padding-left: calc(100px + 1rem);}
.col-tour li a img{top: 0; left: 0;}
.col-tour li a span:nth-child(2){display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.col-hotel li+li{margin-top: 1rem;}
.col-hotel li a{min-height: 77px; padding-left: calc(100px + 1rem);}
.col-hotel li a img.position-absolute{top: 0; left: 0;}
.col-hotel li a span:nth-child(2){display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
/* header_banner */
.banner{height: 500px; padding-top: 185px; background: no-repeat center / cover; color: #fff;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 0%);}
.breadcrumb{background-color: var(--main);}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{display: inline;}
.breadcrumb ul li+li:before{content: '/';}
.breadcrumb ul li a{color: var(--wite);}
/* header_menu */
header #menu{display: none;}
.menu{position: absolute; bottom: 0; right: 0.75rem; z-index: 10;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block;font-size: 16px; line-height: 40px; color: var(--text); transition: all 0.5s ease 0s;}
.menu ul li ul{position: absolute; top: 100%; min-width: 200px; opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu ul li ul li{margin-top: 0;}
.menu ul li ul li a{text-wrap: nowrap;border-bottom: 2px solid transparent;}
.menu ul li ul li a:hover{color: var(--wite);border-bottom: 2px solid var(--main);}
.menu ul li ul li ul{top: 0; left: 100%; padding-left: 0;}
.menu ul li ul li:hover ul{opacity: 1; pointer-events: auto;}
.menu > ul{display: flex; justify-content: center;}
.menu > ul > li{flex: 0 0 auto;margin-left: 25px!important;}
.menu > ul > li:first-child{margin-left: 0;}
.menu > ul > li+li{margin-left: 0;}
.menu > ul > li:hover > a,
.menu > ul > li.active > a{color: var(--wite);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
.mm-listitem__text i{display: none;}

.menu > ul > li > a{border-bottom: 2px solid transparent; color: #444;}
.menu > ul > li > a.arrow{padding-right: 13px; background: url(/components/header_menu/active.png) no-repeat center right;}
.menu > ul > li.active > a, .menu > ul > li:hover > a{border-bottom: 2px solid var(--main); color: #0b70c2;}
.menu > ul > li.active > a.arrow,.menu > ul > li:hover > a.arrow{padding-right: 13px; background: url(/components/header_menu/active2.png) no-repeat center right;}
.menu ul li ul li{float: none;}
.menu ul li ul li a{position: relative;padding-left: 17px; background: rgba(0,0,0,0.5); color: #fff;transition: all 0.25s ease 0s;}
.menu ul li ul li a:after{position: absolute;content: '';top: 14px; left: 5px; width: 5px; height: 10px; background: url(/components/header_menu/arrow.png) no-repeat;transition: all 0.25s ease 0s;}
.menu > ul > li > ul{padding-top: 5px;}
.menu > ul > li > ul > li:hover > a:after{left: 8px;transition: all 0.25s ease 0s;}
/* header_search */
.search{right: 0; bottom: calc(17px + 2rem); left: 0; z-index: 99991;}
.search .container{max-width: 960px;}
.search-wrap{background-color: rgb(255 255 255 / 50%);}
.search-wrap .f-item input[type=submit]{background: var(--main) url(/theme/images/search.png) no-repeat center left 50px; text-indent: 30px;}
@media all and (max-width: 576px){
	.search{bottom: calc(15px + 1rem);}
}
/* header_slide */
.slide{position: relative; background: url(/theme/images/border.png) repeat-x bottom; padding-bottom: 7px;}
.slide img{width: 100%; height: 100%; object-fit: cover;}
.slide-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 45.5%; overflow: hidden;}
.slide-video iframe{position: absolute; right: 0; width: 100%; height: 100%; transform: scale(1.25);}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; margin: auto;}
.slide .owl-nav button.owl-prev{left: 30px;}
.slide .owl-nav button.owl-next{right: 30px;}
.slide .owl-nav button i{display: block; font-size: 40px; color: #fff; transition: all 0.5s ease 0s;}
.slide .owl-nav button:hover i{color: var(--main);}
.slide .owl-dots{position: absolute; bottom: 1rem; left: 0; display: flex; justify-content: center; width: 100%;}
.slide .owl-dots button{flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(255 255 255 / 50%); box-shadow: 0 0 5px rgb(0 0 0 / 50%);}
.slide .owl-dots button+button{margin-left: 0.5rem;}
.slide .owl-dots button.active{background-color: var(--wite);}
@media all and (max-width: 576px){
    .slide-item{height: 360px;}
    .slide .owl-nav, .slide .owl-dots{display: none;}
}
/* home_banner */
.bntc{background: #eee;}
.bntc h2:before,
.bntc h2:before,
.bntc h2:before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 768px; width: 100%; height: 1px; margin: auto; background-color: var(--bord);}
.bntc h2 span{position: relative; padding: 0 1.5rem; background-color: #eee; color: var(--main);}
.bntc img{width: 80px;height: auto;}
.bntc .hotrohv{padding: 10px 0;}
.bntc .hotrohv:hover{background: var(--hover);border-radius: 15px;color: var(--wite);padding: 10px 0;}
/* home_camnang */
.cn-item{background-color: var(--wite); border: 3px solid var(--wite);}
.pv-item h3 a{color: var(--text); transition: all 0.5s ease 0s;}
/* home_danghot */
.dh{background: #f6f9fb url(/theme/images/border.png) repeat-x bottom;}
.dh h2:before,
.nb h2:before,
.ht h2:before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 768px; width: 100%; height: 1px; margin: auto; background-color: var(--bord);}
.dh h2 span{background-color: #f6f9fb;}
.nb h2 a,.nb1 h2 a,.ht h2 a{position: relative; padding: 0 1.5rem; background-color: #fff; color: var(--main);}
.dh h3{background-color: rgb(10 154 243 / 50%);}
.dh .i-hov:hover h3{padding: 0.75rem 0.5rem!important; background-color: rgb(10 154 243 / 75%)}
/* home_email */
.email{position:relative;margin-bottom:20px;padding-top:25px;max-width:350px;}
.email-title{margin-bottom:10px;text-align:center;font-weight:700;}
#email{display:flex;gap:10px;}
.email-item:last-child{flex:0 0 85px;}
.email-item input[type='text']{width:200px;height:40px;padding:0;border:none;border-radius:0;}
.email-item input[type='submit']{width:100%;height:40px;background:#e2201f;border:none;color:#fff;font-weight:600;cursor:pointer;padding: 0;border-radius:0;}
.email-item input[type='submit']:hover{background:#0b70c2;}
#email-registered{display:block;margin-top:5px;color:#ffce00;font-size:13px;}
#email-result{text-transform:uppercase;text-align:center;line-height:35px;color:#fff;background:#73ca4a;margin-top:10px;}
@media (max-width: 430px){
	.email-item input[type='text']{width:250px;}
}
/* home_gallery */
.gallery{padding-top: 20px;}
.gallery-title{margin-bottom: 5px;}
.gallery-title a{display: block; font-family: Roboto Condensed; font-size: 26px; font-weight: bold; text-transform: uppercase; text-align: center; color: #555;}
.gallery-prev{margin-bottom: 20px; font-size: 15px; text-align: center; color: #777;}
.gallery-item{position: relative; float: left; overflow: hidden;}
.gallery-item-2{margin-bottom: 30px; transition: all 0.25s ease 0s;}
.gallery-item-2:hover{box-shadow: 0 0 2px rgba(0,0,0,0.25); transform: translateY(-1px);}
.gallery-item img{transform: scale3d(1.05,1.05,1.05); transition: all 0.5s ease 0s;}
.gallery-item span, .gallery-item i{position: absolute; right: 0; bottom: 0; left: 0; display: block; margin: auto; text-align: center; color: #fff; opacity: 0; z-index: 1; transition: all 0.5s ease 0s;}
.gallery-item span{padding: 10px; background: rgba(0,0,0,0.5); font-size: 16px; transform: translateY(15px);}
.gallery-item i{top: 0; width: 40px; height: 40px; margin: auto; background: rgba(0,0,0,0.5); border-radius: 50%; font-size: 16px; line-height: 40px; transform: translateY(-5px);}
.gallery-item:hover img{transform: scale3d(1,1,1);}
.gallery-item:hover span, .gallery-item:hover i{transform: translateY(0); opacity: 1;}
@media (min-width:320px){
    .gallery-item{width: calc(100%/2);}
    .gallery-item-2{width: calc((100% - 10px)/2); margin-right: 10px;}
    .gallery-item-2:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .gallery-item{width: calc(100%/3);}
    .gallery-item-2{width: calc((100% - 20px)/2); margin-right: 20px;}
    .gallery-item-2:nth-child(2n){margin-right: 0;}
}
@media (min-width:970px){
    .gallery-item{width: calc(100%/6);}
    .gallery-item-2{width: calc((100% - 60px)/3);  margin-right: 30px;}
    .gallery-item-2:nth-child(2n){margin-right: 30px;}
    .gallery-item-2:nth-child(3n){margin-right: 0;}
}
/* home_vemaybay */
.vmb-title a{color: var(--main)!important;}
.vmb-item{border: 1px solid var(--bord);}
.vmb-item h3 a{color: var(--text);}
.vmb ul{list-style: none;}
.vmb ul li{border-bottom: 1px dashed var(--bord);}
.vmb ul li:last-child{border-bottom: none;}
.vmb ul li i.fa-plane{top: 0; right: 0; line-height: 21px; color: #ffcc29;}
.vmb ul li p{line-height: 25px;}
.vmb ul li p img{vertical-align: middle;}
.vmb ul li p b{top: 0; right: 0; bottom: 0; height: 25px; margin: auto;}
/* hotel */
.hotel{background-color: var(--grey);}
.hotel-title{margin-bottom: 1.5rem; border-bottom: 1px dashed var(--bord); font-size: 24px; font-weight: 700; line-height: 42px; color: var(--main);}
.hotel-item{background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.hotel-item:hover{box-shadow: 0 0 15px rgb(0 0 0 / 25%); transform: translatey(-1px);}
.hotel-img{flex: 0 0 auto; width: 270px;}
.hotel-img a img{width: 100%;}
.hotel-img a > span{top: -2px; left: 0.5rem; width: 60px; background-color: #f25a39; border-top: 2px solid var(--main);}
.hotel-img a > span:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background: url(/theme/images/sale.png);}
.hotel-txt{flex: 0 0 auto; width: calc(100% - 270px);}
.hotel-txt ul{list-style: none;}
.hotel-txt ul li{flex: 0 0 auto;}
.hotel-txt ul li+li{margin-left: 0.5rem; padding-left: 0.5rem; border-left: 1px solid var(--bord);}
.hotel-txt ul li i{font-size: 12px;}
.hotel-txt div.d-md-flex > div:nth-child(1){flex: 0 0 auto; width: calc(100% - 165px);}
.hotel-txt div.d-md-flex > div:nth-child(2){flex: 0 0 auto; width: 165px; border-left: 1px solid var(--bord);}
.hotel-price{border-bottom: 1px solid var(--bord);}
.hotel-more{background-color: var(--main);}
.hotel-more:hover{background-color: var(--hover);}
.hotel-more a{display: block; line-height: 35px; color: var(--wite);}
@media all and (max-width: 767px){
	.hotel-img{width: 100%;}
    .hotel-txt{width: 100%;}
    .hotel-txt div.d-md-flex > div:nth-child(1){width: 100%;}
    .hotel-txt div.d-md-flex > div:nth-child(2){width: 100%; border-left: none;}
    .hotel-price{border-bottom: none;}
}
/* hotel_booking */
.hotel_booking{}
.hotel_booking_left{box-sizing: border-box;background: white;box-shadow: rgba(0, 0, 0, .2) 0 0 1px;border: 2px solid #8f3132;padding: 20px;}
.hotel_booking_right{box-sizing: border-box;padding: 20px;background: #fff;box-shadow: rgba(0, 0, 0, .2) 0 0 2px;}
.hotel_booking_img{margin-bottom: 10px;max-height: 200px;text-align: center;overflow: hidden;}
.hotel_booking_img img{max-height: 100%;display: inline-block;}

.hotel_booking_left_item label{font-weight: bold;line-height: 28px;display: inline-block;}
.hotel_booking_left_item span{float: right;line-height: 28px;display: inline-block;}
.hotel_booking_left_item span.price{color: red;}
.hotel_booking_left_total{border-top: 1px dashed #e1e1e1;margin-top: 20px;padding-top: 10px;}
.hotel_booking_left_total label{float: left;display: inline-block;font-weight: bold;line-height: 28px;}
.hotel_booking_left_total span{color: red;font-weight: bold;font-size: 20px;text-align: center;float: right;line-height: 28px;}

.list-content{position: relative;}
.list-content li {list-style: none outside none;margin-bottom: 10px;}
.list-content li > .list-content-t{cursor: pointer;display: inline-block;width: 100%;background: #8f3132;padding: 8px 0;color: white;}
.list-content li.active > .list-content-t{background: #f25a39;}
.list-content li > .list-content-t input{display: none;}
.list-content li > .list-content-t i{margin: 0 10px 0;font-size: 15px;}
.list-content li .boxContent {display: none;border:1px solid #cccccc;border-top: 0;padding:10px; }
.list-content li .boxContent textarea{width: 98%;-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;}
.list-content li.active .boxContent {display: block;margin: 0 0 8px;}

@media (min-width: 767px){
    .hotel_booking_left{float: left;width: 330px;}
    .hotel_booking_right{float: right;width: calc(100% - 355px);}
}

/* lienhe */
.lh-info{line-height: 30px;}
.lh-info p{position: relative; padding-left: 70px;}
.lh-info b{position: absolute; top: 0; left: 0;}
/* news */
.news{background-color: var(--grey);}
.news-item{}
.news-item:hover{}
.news-img{flex: 0 0 auto; width: 270px; border-bottom: 5px solid var(--main);}
.news-img img{width: 100%; height: 100%; object-fit: cover;}
.news-txt{flex: 0 0 auto; width: calc(100% - 270px);}
.news-txt .home-button{width: 125px; margin: 0;}
.news-txt .home-button a{line-height: 35px;}
.news-line{height: 1px; background-color: var(--bord);}
@media all and (max-width: 767px){
	.news-img{width: 100%;}
    .news-txt{width: 100%;}
}
/* news_detail */
.news_post{box-shadow: rgba(0, 0, 0, .2) 0 0 2px;background-color: white;padding: 20px;}
/* tour */
.tour-item{box-shadow: 0 0 3px rgb(0 0 0 / 25%);}
.tour-img img{width: 100%;}
.tour-img a > span{top: -2px; left: 0.75rem; width: 60px; background-color: #f25a39; border-top: 2px solid var(--main);}
.tour-img a > span:after{content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background: url(/theme/images/sale.png);}
.tour-txt h3{min-height: 48px; overflow: hidden;}
.tour-txt p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.tour-more a{padding: 6px 0 3px; background-color: var(--hover);}
.tour-more a:hover{background-color: var(--main); color: var(--wite);}
.tour-more-2 a{padding: 4px 0 1px;}
.dhm-txt{border: 1px solid var(--bord); border-top: none; border-radius: 0 10px 10px 0;}
.dhm-txt h3 a{color: var(--text);}
.dhm-txt h3:hover a{color: var(--main);}
/* tour_booking */
.bk-info{background-color: var(--wite); border: 2px solid var(--main);}
.bk-info ul{list-style: none;}
.bk-info ul li{display: flex; justify-content: space-between; line-height: 30px;}
.bk-info ul li:nth-last-child(2){border-top: 1px solid var(--bord);}
.bk-info ul li span{flex: 0 0 auto;}
.bk-form ul{list-style: none;}
.bk-form ul li{margin-bottom: 1rem;}
.bk-form ul li label{display: block; padding: 0 1rem; background-color: var(--grey); line-height: 40px; cursor: pointer;}
.bk-form ul li label i{margin-right: 0.5rem;}
.bk-form ul li label input{display: none;}
.bk-form ul li .main-detail{display: none; padding: 1rem; border: 1px solid var(--bord); border-top: none;}

.bk-form ul li.active label{background-color: var(--main); color: var(--wite);}
.bk-form ul li.active .main-detail{display: block;}
/* tour_detail */
.tour-detail{background-color: var(--grey);}
.tour-carousel-item{height: 0; padding-top: 67%;}
.tour-carousel-item img{top: 0; left: 0; object-fit: cover;}
.tour-carousel-item-2{padding-top: 57%;}
.tour-nav{margin-top: 0.75rem;}
.tour-nav .tour-nav-item{border: 2px solid transparent; cursor: pointer;}
.tour-nav .tour-nav-item img{width: 100%; height: 100%; object-fit: cover;}
.tour-nav .slick-track{margin: 0;}
.tour-nav .slick-current .tour-nav-item{border: 2px solid var(--main)}
.tour-nav .slick-arrow{position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; margin: auto; background-color: var(--main);}
.tour-nav .slick-arrow i{text-align: center; line-height: 30px; color: var(--wite);}
.tour-nav .slick-prev{left: 0; border-radius: 0 5px 5px 0;}
.tour-nav .slick-next{right: 0; border-radius: 5px 0 0 5px;}
.tour-info{background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.tour-info ul{list-style: none; line-height: 30px;}
.tour-form .f-item input[type=submit]{width: 100%; padding: 0;}
.tour-content{margin-bottom: 1.5rem; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.tour-content > h2{padding: 0 1rem; background-color: var(--main); font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 40px; color: var(--wite);}
.tour-content > h2 i{margin-right: 0.5rem;}
.tour-content .main-detail{padding: 1rem;}
.tour-content-2 .main-detail ul{list-style: none; padding: 0;}
.tour-content-2 .main-detail ul li{flex: 0 0 auto;}
.tour-days-item+.tour-days-item{margin-top: 1rem;}
.tour-days-item .main-detail{padding-bottom: 0;}
.tour-days-name{border-bottom: 1px solid var(--bord);}
.tour-days-name h3:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: var(--hover);}
.tour-days-name span{position: absolute; top: 0; right: 0; font-weight: 700; line-height: 24px; color: var(--main); cursor: pointer;}
.tour-days-name span:nth-child(3){display: none;}
/* vemaybay */
.vemaybay_l{width: 48%;float: left;}
.vemaybay_r{float: right;}
.vemaybay_l .car_booking_item{width: 100%;}

.vemaybay_left{float: left;}

.ticketimg{
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    
    padding: 10px; background: #fff; border: 1px solid #8f3132;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    }
    
.air_detail{padding: 20px;background: #8f3132;color: white;line-height: 20px; 
-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
@media (min-width: 320px){
    .air_detail{margin-top: 19px;}
}
@media (min-width: 480px){
    .ticketimg{float: left; width: 28.2%; margin: 0 0.25% 1%;}
    .vemaybay_left{width: 100%;}
    .air_detail{margin-top: 0;}
}
@media (min-width: 580px){
    .ticketimg{width: 28.5%; margin: 0 0.5% 1%;}
}
@media (min-width: 767px){
    .ticketimg{width: 29.4%;}
}
@media (min-width: 970px){
    .ticketimg{float: none; width: auto; margin: 0 0 19px;}
    .vemaybay_left{width: 320px;}
}