@charset "UTF-8";
:root{
    --color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;
    --color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;
    --color-gray:#6c757d;--color-main:#126eb7;--color-nhan:#f9a61d;
}
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial.eot');
    src: url('../fonts/Arial.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial.woff2') format('woff2'),
        url('../fonts/Arial.woff') format('woff'),
        url('../fonts/Arial.ttf') format('truetype'),
        url('../fonts/Arial.svg#Arial') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Arial-Bold';
    src: url('../fonts/Arial-Bold.eot');
    src: url('../fonts/Arial-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-Bold.woff2') format('woff2'),
        url('../fonts/Arial-Bold.woff') format('woff'),
        url('../fonts/Arial-Bold.ttf') format('truetype'),
        url('../fonts/Arial-Bold.svg#Arial-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{padding:0;margin:10px 0;font-family: 'Arial-Bold';}
h1 { font-size: 19px}
h2 { font-size: 18px}
h3 { font-size: 17px}
h4 { font-size: 16px}
b, strong {font-family: 'Arial-Bold';}
*{margin:0;padding:0}
input, button,.trans,a,.btn_lienhedattour{-webkit-transition:all.30s ease-in-out;-moz-transition:all.30s ease-in-out;-ms-transition:all.30s ease-in-out;-o-transition:all.30s ease-in-out;transition:all.30s ease-in-out}
textarea:focus, input:focus,.slick-initialized .slick-slide, button{outline: none !important; }
.clear{clear:both}
.clearfix::after{content:"";clear:both;display:table}
body{font-family:"Arial",sans-serif;font-size:16px;line-height:1.5}
a{text-decoration:none}
a:focus{outline:none;color:#2563eb;text-decoration:none}
ul{list-style:none;padding:0;margin:0}
.hotline-tab{display: none}

p{margin-bottom:6px}
.slick-slide img{display:inline-block!important}
a[href^="tel"]{color:#2563eb;text-decoration:none}
.text-align-center{text-align:center!important}
.menu_top{display:none}
.fixwidth{max-width:1080px;margin:auto}
.fixpage{max-width:1080px;margin:auto}
.maincontent{width:1366px;margin:auto;max-width:1366px;overflow:hidden}
.maincontent img{max-width:100%}
a{text-decoration:none!important}
.wrap{text-align:center}
#sub_img_detail{margin-top:10px}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
body::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
body::-webkit-scrollbar-thumb{background-color:#999}
#wrapper{overflow-x:hidden}
img{max-width:100%;height:auto!important}
a,input,textarea{outline:none;padding:0}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.w-clear:after{display:block;content:"";clear:both}
.hidden{display:none}
.none{display:none}
.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden}
.wrap-main,.wrap-content{max-width:1080px;margin:0 auto;padding:0 0 40px}
.wrap-home{max-width:100%;padding:0}
.wrap-content{margin:auto}
.title-main{margin:1.5rem 0;text-align:center}
.title-main span{text-transform:uppercase;color:#333;font-size:28px;font-family:'RobotoCondensedBold'}
.time-main{margin-bottom:.75rem;color:#999}
.time-main i{vertical-align:top;margin:3px 7px 0 0}
.time-main span{vertical-align:top;display:inline-block}
.social{list-style:none;padding:0;margin:0}
.social li{display:inline-block;vertical-align:top}
.social li:last-child{margin-right:0}
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff}
.prev-carousel{left:0}
.next-carousel{right:0}
.pagetitle{border-bottom:1px solid #ddd;text-transform:uppercase;font-family:'RobotoBold';font-weight:700;font-size:22px;margin-bottom:25px}
.header_left{width:20%}
.boxmenu_middle{max-width:100%;width:70%;font-family:'UTM HelvetIns';color:#fff;font-size:30px}
.frm_timkiem{position:relative;width:100%;padding:10px;padding-top:15px}
.frm_timkiem button{top:0;background:none;outline:none;border:none;right:10px;color:#fff;padding:5px 10px;position:absolute;z-index:999;top:15px;background-color:#d80101}
.frm_timkiem button span{margin-right:10px}
.frm_timkiem i{color:#fff}
.frm_timkiem .input{text-indent:10px;outline:none;transition:all ease .5s;border-radius:5px;padding:5px 0;padding-right:20px;border:0;width:100%;z-index:99;color:#333;background:#fff;font-size:14px;border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5}
.frm_timkiem .input::-webkit-input-placeholder{color:#c8c8c8}
.frm_timkiem .input::-moz-placeholder{color:#c8c8c8}
.frm_timkiem .input:-ms-input-placeholder{color:#c8c8c8}
.frm_timkiem .input:-moz-placeholder{color:#c8c8c8}
.diachi-top{padding-left:20px;line-height:30px;color:#fff}
.slogan{padding-left:20px;line-height:30px;color:#fff}
.header-top{}
.header{padding:0;background:#fff}
.phone{font-family:'UTM HelvetIns';padding-left:20px;font-size:23px;font-weight:100;color:#d80101;line-height:35px;position:relative}
.header_logo{position:relative;z-index:10000;display:block}
.header_logo img{transition:all .3s;max-height:100%}
.boxmenu_right{}
.icon-head .icon-img{padding-right:8px}
.icon-head .icon-info{line-height:1.2;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,3px 3px 5px #000;font-family:'UTMAvoBold'}
.icon-head .icon-info div:nth-child(1){color:#383838;font-size:14px}
.icon-head .icon-info div:nth-child(2){color:#e60707;font-size:20px}
.header_banner{display:block}
.header-height{}
#menu_top{background:#fff;position:relative;z-index:99;padding:12px 0}
.menu{position:relative;gap:40px}
.catagory{width:270px;position:relative}
.catagory-title{width:100%;position:relative;text-align:center;font-size:15px;background:#246a34;color:#fff;font-family:'Roboto Slab',serif;font-weight:500;line-height:50px;cursor:pointer}
.catagory-list__fix{display:none;position:absolute;left:0;top:100%;width:100%;overflow-y:scroll;background:#fff;max-height:394px}
.catagory-list__fix::-webkit-scrollbar{width:0;height:5px}
.catagory-list__fix::-webkit-scrollbar-button{width:0;height:0}
.catagory-list__fix::-webkit-scrollbar-track{background-color:#c3c3c3}
.catagory-list__fix::-webkit-scrollbar-track-piece{background-color:#fff}
.catagory-list__fix::-webkit-scrollbar-thumb{height:50px;background-color:#c3c3c3;border-radius:3px}
.catagory-list__fix::-webkit-scrollbar-corner{background-color:#fff}
.catagory-list__fix::-webkit-resizer{background-color:#666}
.catagory-list__fix>ul{}
.catagory-list__fix>ul>li{position:relative;padding:0 10px}
.catagory-list__fix>ul>li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:40px;line-height:39px;color:#191919;font-size:15px;border-bottom:1px dashed #BFBFBF;font-family:'RobotoRegular'}
.menu ul.menu_cap_cha{margin:0;justify-content:space-between;position:relative;width:100%;margin-top:16px}
.menu ul.menu_cap_cha li{transition:all ease-in-out .2s;position:relative}
.menu ul.menu_cap_cha li.active{}
.trangchu{}
.menu ul.menu_cap_cha li.first-li{position:initial!important}
.menu ul.menu_cap_cha li.menulicha:last-child{padding-right:0;float:right}
.menu ul.menu_cap_cha li.menulicha>a{font-family: 'Arial-Bold';color:var(--color-main);font-size:17px;text-decoration:none;display:block;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.5px}
.menu ul.menu_cap_cha li.menulicha{position:relative}
.menu ul.menu_cap_cha li.menulicha::before{content:"";position:absolute;left:0;bottom:0;right:0;width:0;height:2px;border-bottom:2px solid var(--color-main);transition:all .2s}
.menu ul.menu_cap_cha li.menulicha:hover::before,.menu ul.menu_cap_cha li.menulicha.active::before{width:100%;transition:.2s}
.none_boder_r{border-right:0!important}
.no_bg{background-image:none!important}
.menu_cap_cha .desk-hide{display:none}
.menu_cap_con{position:absolute;display:none;transition:all ease .5s;left:0;top:100%;background:#00c;z-index:99}
.menu_cap_con li{padding:0!important}
.menu_cap_con li a{display:block;width:100%;min-width:220px;font-size:15px;font-family:'RobotoRegular';float:none!important;transition:all ease .2s;line-height:initial!important;padding:12px 10px!important;position:relative;border-bottom:1px solid rgba(255,255,255,0.5);margin:0;color:#fff!important}
.menu_cap_con li:last-child a{border-bottom:none}
.fixed .menu_cap_con li,.tail_menu .menu_cap_con li{background:#00c!important}
.menu_cap_con li:hover{background:red!important}
.menu_cap_cha li:hover .menu_cap_con{display:block}
.menu_cap_con li:hover .menu_cap_2{display:block}
.menu_cap_2{position:absolute;left:100%;top:0;display:none;background:#00acee}
.menu ul.menu_cap_cha li.menulicha.spkhac .menu_cap_2{position:absolute;right:100%;left:auto;top:0}
.menu_cap_2 li:hover .menu_cap_3{display:block}
.menu_cap_3{position:absolute;left:100%;top:0;display:none;background:#00acee}
.menu_cap_3 li:hover .menu_cap_4{display:block}
.menu_cap_4{position:absolute;left:100%;top:0;display:none}
.menu_cap_cha .thicong_list{width:720px}
.menu_cap_cha .thicong_list:after{clear:both;content:'';display:block}
.menu_cap_cha .thicong_list li{width:50%;float:left}
.menu_cap_cha .thicong_list li a{padding-left:5px!important;padding-right:5px!important}
.mota_tintuc{    
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
#search button{position:absolute;top:7px;right:10px;border:none;width:13px;height:19px;background:none;outline:none}
.fixed{position:fixed!important;width:100%;max-width:100%;top:0!important;z-index:999;-webkit-animation:fadeInDown 1.3s ease backwards;-moz-animation:fadeInDown 1.3s ease backwards;-o-animation:fadeInDown 1.3s ease backwards;-ms-animation:fadeInDown 1.3s ease backwards;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=0,Color=#000000)";-moz-box-shadow:0 1px 8px -1px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 8px -1px rgba(0,0,0,0.3);box-shadow:0 1px 8px -1px rgba(0,0,0,0.3);filter:progid: DXImageTransform.Microsoft.Shadow(Strength=8,Direction=135,Color=#000)}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.wrap_slider{    border-top: 2px solid #2079bc;    border-bottom: 2px solid #2079bc;    position: relative;}
.item_slider{position:relative}
.item_slider img{position:relative;width:100%}
.slider_info{position:absolute;top:0;left:0;bottom:0;z-index:2;display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;opacity:0;justify-content:space-between}
.slider_info--text{width:50%;margin:auto}
.item_slider .thumb::before{display:none;content:"";position:absolute;top:30%;left:0;bottom:0;width:450px;background:-moz-linear-gradient(left,#fff -10%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,#fff -10%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff -10%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff -10%,rgba(255,255,255,0) 100%);background:linear-gradient(left,#fff -10%,rgba(255,255,255,0) 100%);text-align:center;z-index:1}
#slider .owl-item.active .item_slider .slider_info,#slider_mb .owl-item.active .item_slider .slider_info{opacity:1;-webkit-animation:fadeInRight 1s ease backwards;-moz-animation:fadeInRight 1s ease backwards;-o-animation:fadeInRight 1s ease backwards;-ms-animation:fadeInRight 1s ease backwards;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}
#slider .owl-item.active .owl-lazy,#slider_mb .owl-item.active .owl-lazy{opacity:1}
@keyframes fadeInRight {
from{opacity:0;transform:translate3d(0%,-20%,0)}
to{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
.thumb{background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;position:relative}
.slider_info__name{color:#fff;font-size:65px;font-family:'RobotoCondensedBold';padding-bottom:10px;text-align:center}
.button-more{display:inline-block;vertical-align:top;color:#010101;position:relative;z-index:2;background:#fff;border:none!important;font-family:"RobotoRegular";padding:12px 30px;font-size:14px;letter-spacing:1px;margin-left:4px;transition:all .3s ease;-webkit-transition:all .3s ease}
.button-more:hover{color:#fff;background:#1a9edc}
.btn-main:after,.btn-main:before{content:"";position:absolute;bottom:-4px;left:-4px;top:0;right:0;border:solid 1px #1a9edc;z-index:-1}
.btn-main:after{right:-4px;top:-4px;bottom:0;left:0;z-index:-2}
.slider_info__desc{font-size:18px;font-family:'RobotoMedium';color:#fff;text-align:center}
.slider_info1{position:absolute;left:50%;bottom:10%;background:rgba(259,148,41,0.8);z-index:2;padding:15px 30px;-moz-transform:rotate(0deg) scale(1,1) skewX(-26deg) skewY(0deg) translate(-50%,0);-webkit-transform:rotate(0deg) scale(1,1) skew(-26deg,0deg) translate(-50%,0);-o-transform:rotate(0deg) scale(1,1) skew(-26deg,0deg) translate(-50%,0);-ms-transform:rotate(0deg) scale(1,1) skew(-26deg,0deg) translate(-50%,0);transform:rotate(0deg) scale(1,1) skew(-26deg,0deg) translate(-50%,0)}
.slider_info__name1{color:#fff;font-size:30px;font-family:'RobotoRegular';text-align:center;white-space:nowrap;-moz-transform:rotate(0deg) scale(1,1) skewX(26deg) skewY(0deg) translate(0,0);-webkit-transform:rotate(0deg) scale(1,1) skew(26deg,0deg) translate(0,0);-o-transform:rotate(0deg) scale(1,1) skew(26deg,0deg) translate(0,0);-ms-transform:rotate(0deg) scale(1,1) skew(26deg,0deg) translate(0,0);transform:rotate(0deg) scale(1,1) skew(26deg,0deg) translate(0,0)}
.catagory-list{width:270px;overflow-y:scroll;background:#fff;max-height:394px}
.catagory-list::-webkit-scrollbar{width:0;height:5px}
.catagory-list::-webkit-scrollbar-button{width:0;height:0}
.catagory-list::-webkit-scrollbar-track{background-color:#c3c3c3}
.catagory-list::-webkit-scrollbar-track-piece{background-color:#fff}
.catagory-list::-webkit-scrollbar-thumb{height:50px;background-color:#c3c3c3;border-radius:3px}
.catagory-list::-webkit-scrollbar-corner{background-color:#fff}
}
.catagory-list::-webkit-resizer{background-color:#666}
.catagory-list>ul{}
.catagory-list>ul>li{padding:0 10px;position:relative}
.catagory-list>ul>li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:40px;line-height:39px;border-bottom:1px dashed #BFBFBF;color:#191919;font-size:15px;font-family:'RobotoRegular'}
.catagory-list>ul>li>ul,.catagory-list__fix>ul>li>ul{display:none}
.catagory-list>ul>li>ul>li>a,.catagory-list__fix>ul>li>ul>li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:28px;position:relative;height:38px;line-height:38px;color:#191919;font-size:15px;font-family:'RobotoRegular';margin-right:20px}
.catagory-list>ul>li>ul>li:hover>a,.catagory-list__fix>ul>li>ul>li:hover>a{color:red}
.slideshow{position:relative;width:100%}
.slideshow a{display:block;cursor:pointer}
.slideshow a img{width:100%}
.slideshow:hover .control-slideshow{opacity:.3}
.slideshow .control-slideshow:hover{opacity:.8}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0;background-color:#000;border-radius:3px}
.control-slideshow i{color:#fff}
.prev-slideshow{left:20px;padding-right:3px}
.next-slideshow{right:20px;padding-left:3px}
.row-flex-xs{display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -25px}
.breadCrumbs{background-color:#eee;margin-bottom:25px;margin-top:25px}
.breadCrumbs .wrap-content{padding:.75rem 10px;max-width:1200px}
.breadCrumbs .wrap-content .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0}
.breadCrumbs .wrap-content .breadcrumb-item a{color:var(--color-black)}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color:var(--color-gray)}
.wrap_gioithieu{}
.wrap_gioithieu .fixwidth{padding:60px 0;border-bottom:1px dashed #000}
.gt_noidung{text-align:center;color:#191919;line-height:1.5;font-size:17px}
.xemgt{display:block;width:118px;margin-top:20px;background:#060;color:#fff;height:35px;text-align:center;line-height:35px;font-family:'Roboto Slab',serif;margin:auto;border-radius:5px}
.xemgt:hover{color:#ff0}
.wrap_thicong{padding:50px 0}
.title{font-size:16px;color:var(--color-main);text-transform:uppercase;font-family: 'Arial-Bold';    padding-bottom: 5px;border-bottom:1.6px solid var(--color-main);margin-bottom:12px}
.title a{ color: inherit}
.title2{font-size:18px;color:var(--color-main);text-transform:uppercase;font-family: 'Arial-Bold';margin-bottom:12px}
.wrap_qc{padding-top:50px}
.background-dv{padding:60px 0}
.paging_ajax{text-align:center;margin-top:20px}
.paging_ajax a{display:inline-block;border:1px solid #ddd;border-radius:3px;padding:3px 5px;margin:0 3px;min-width:30px;text-align:center;cursor:pointer}
.paging_ajax a:hover,.paging_ajax a.current{background:#4f4f4f;color:#fff}
.wrap_product{padding-bottom:50px}
.wrap_product_index{padding-top:50px}
.toppd0{padding-top:0}
.loadkhung_product{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}
.loadkhung_product1{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}
.boxproduct_item{}
.boxproduct_item .boxproduct_img{padding:5px;border:1px solid #ddd;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#000000)";-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 3px 0 rgba(0,0,0,0.1);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#000000)}
.boxproduct_item .boxproduct_img span{display:block;overflow:hidden;position:relative;background:#fff}
.boxproduct_item .boxproduct_img img{width:100%;transform:scale(1);transition:all .5s;height:200px!important}
.boxproduct_item:hover .boxproduct_img img{transform:scale(1.1)}
.boxproduct_item .boxproduct_info{text-align:center}
.boxproduct_item .boxproduct_name{margin-top:10px;position:relative}
.boxproduct_item .boxproduct_name a{transition:all .5s;color:#000;text-transform:uppercase;font-size:15px;font-family:'RobotoMedium';display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.boxproduct_item:hover .boxproduct_name a{color:red}
.boxproduct_item .boxproduct_price{color:#545151;line-height:1.6;font-size:15px;font-family:'RobotoRegular'}
.boxproduct_item .boxproduct_price span{color:red}
.boxproduct_item .boxproduct_mota{color:#545151;line-height:1.6;font-size:15px;font-family:'RobotoRegular';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item_dv{width:100%;padding:10px 0;display:block}
.item_dv .pic-news{max-width:100px;margin:auto;margin-bottom:20px}
.item_dv .pic-news img{width:100%;transform:scale(1.0);transition:all .5s}
.item_dv:hover .pic-news img{width:100%;transform:scale(1.05);transition:all .5s}
.item_dv .info-news{text-align:center}
.item_dv .name-news a{color:#fff600;font-size:16px;display:block;line-height:normal;margin-bottom:5px;font-family:'RobotoMedium'}
.item_dv .desc-news{color:#fff;margin-top:5px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.title-video{font-family:'Roboto Slab',serif;font-size:29px;background:url(../images/img-data/line.png) no-repeat bottom center;padding-bottom:15px;color:#db261b;margin-bottom:30px;text-align:center}
.name_sp_1{text-align:center;position:relative;margin-bottom:4%;margin-top:4%}
.name_sp_1:first-child{text-align:center;position:relative;margin-bottom:4%;margin-top:0}
.name_sp_1:before{position:absolute;content:'';width:100%;height:1px;background:#d80101;left:0;top:calc(50% - 0.5px);z-index:1}
.name_sp_1 span{background:#d80101;color:#fff;display:inline-block;position:relative;z-index:9;padding:7px 70px;text-transform:uppercase;font-size:18px;line-height:28px;font-family:'UTM HelvetIns'}
.name_sp_1 span:before{position:absolute;content:'';width:6px;height:6px;background:#fff;border-radius:50%;top:calc(50% - 3px);left:3px}
.name_sp_1 span:after{position:absolute;content:'';width:6px;height:6px;background:#fff;border-radius:50%;top:calc(50% - 3px);right:3px}
.title_thongtin{text-align:center;font-size:25px;text-transform:uppercase;font-family: 'Arial-Bold';margin:5% 0}
.sp1{color:#005e82;background:#cfeffc;padding:8px}
.loadkhung_video{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px}
.tailvideo_item1{position:relative;margin-bottom:12px}
.tailvideo_item1 .name-video{text-align:center}
.tailvideo_item1 .name-video a{width:100%;color:#000;font-size:16px;font-weight:700;transition:all .3s}
.tailvideo_item1:hover .name-video a{color:red}
.tailvideo_item1 .pic-video{display:block;width:100%;position:relative;overflow:hidden}
.tailvideo_item1 .pic-video:before{content:'';background:url(../images/img-data/play.png) no-repeat;background-size:100% 100%;width:45px;height:45px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9}
.tailvideo_item1 .pic-video img{display:block;width:100%;transform:scale(1.0);transition:all .4s}
.tailvideo_item1:hover .pic-video img{transform:scale(1.1)}
.pagination-home{margin-top:30px}
.pagination{flex-wrap:wrap; display: inline-block; margin-top: 20px;}
.news-item-box{padding:40px 0;background:#f2f2f2}
.flex-news{display:flex;flex-wrap:wrap;margin:0 -15px}
.news-item{width:50%;padding:10px 15px}
.news-item__centent{padding:10px;background:#fff;display:flex}
.news-item__img{display:block;overflow:hidden;width:200px;float:left}
.news-item__img img{transition:all ease .3s}
.news-item__item:hover .news-item__img img{transform:scale(1.04)}
.news-item__item{background:#fff}
.news-item__info{width:calc(100% - 200px);padding-left:15px}
.news-item__name a{text-transform:uppercase;color:#000;font-family:'RobotoCondensedBold';font-size:16px}
.news-item__ngaytao{color:#c00;font-size:15px;font-family:'RobotoCondensedRegular'}
.main_news{font-size:24px;font-family:'Muli-Bold';margin-bottom:20px}
.wrap_bottom{padding:50px 0}
.left_bottom{background-color:#fff;width:50%;position:relative;min-height:305px}
.right_bottom{width:50%;background-color:#fff}
.title-bottom{color:#000;font-family:'UTM-HelvetIns';font-size:30px;margin-bottom:20px;position:relative;padding-bottom:5px;background:url(../images/img-data/line.png) no-repeat left bottom}
.title-bottom::before{content:'';background:#c5c5c5;position:absolute;right:0;bottom:0;width:calc(100% - 85px);height:1px}
.rows{margin:0 -15px}
.simply-scroll-list li{padding:10px 20px}
.news_bt{width:100%;padding:15px;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=7,Direction=0,Color=#000000)";-moz-box-shadow:0 0 7px -1px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 7px -1px rgba(0,0,0,0.3);box-shadow:0 0 7px -1px rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=7,Direction=135,Color=#000000)}
.news_bt .pic-news{float:right;width:30%}
.news_bt .pic-news img{width:100%;border-bottom-right-radius:30px}
.news_bt .info-news{float:left!important;width:100%}
.news_bt .pic_chinhsach{float:left}
.news_bt .name-news a{color:#000;font-size:16px;display:block;line-height:normal;margin-bottom:5px;font-weight:700}
.news_bt_thongtin{border-radius:0;background-color:#fff}
.news_bt .name-news:hover a{color:var(--color-red)}
.news_bt .desc-news{color:#fff;margin-top:5px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.slider-nav{margin-bottom:20px}
.slick-slide .item_kh_img{max-width:195px;margin:auto;transform:scale(0.6);transition:all .5s;border-radius:50%}
.slick-slide .item_kh_img img{border-radius:50%}
.slick-current .item_kh_img{transform:scale(1)}
.item_kh_info{text-align:center}
.item_kh_info .mota_kh{font-size:13px;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item_kh_info .name_kh{font-size:15px;font-family:'RobotoMedium';color:#000;text-align:center}
.item_kh_info .diachi_kh{font-size:15px;font-family:'RobotoMedium';color:#000;text-align:center}
.item_kh_info i{font-size:24px;display:block;margin:15px 0;color:#c00;text-align:center}
.name_cophan{padding-top:2%;position:relative;width:35%;margin:auto;font-family:'UTM HelvetIns'}
.name_cophan .fa-quote-left{position:absolute;top:50%;left:0;font-size:10px}
.from_left_bottom{width:65%;margin:auto}
.name_cophan .fa-quote-right{position:absolute;top:50%;right:0;font-size:10px}
.cophan{height:100px;text-align:center;color:#fff;font-size:26px;text-transform:uppercase}
.from_slogan{display:flex;margin-bottom:7%;color:#fff;font-style:italic}
.roll_news{width:100%;position:relative;height:340px;overflow:hidden}
.title_bottom{position:relative;color:red;font-size:24px;font-family:'UTM HelvetIns';padding-bottom:8px;margin-bottom:20px;margin-top:20px}
.title_bottom:before{content:'';position:absolute;width:80px;height:2px;background:#d9d9d9;bottom:5px;left:0}
.title_bottom:after{content:'';position:absolute;width:120px;height:1px;background:#d9d9d9;bottom:0;left:0}
.tailvideo_item_owl{display:block;position:relative;width:100%;margin:auto;margin-bottom:20px;padding-bottom:56%;overflow:hidden}
.tailvideo_item_owl:before{content:'';position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../images/img-data/play.png) no-repeat;background-size:100% 100%}
.socialpage{color:#fff}
.socialpage a{color:#fff}
.socialpage .socialpage-name a{font-size:16px;color:#fff}
.socialpage-img{width:55px}
.socialpage-name{width:calc(100% - 55px);padding-left:15px}
.socialpage-btn{background:#e3a90d;color:#fff;display:inline-block;padding:5px 20px;border-radius:5px;margin-top:15px}
.mota_socialpage{margin-top:10px}
.wrap_socialpage{padding:60px 0;background:#030}
.boxfooter_container{color:#fff;position:relative;padding-top:30px;font-size:15px;background:#126eb7}

.boxfooter_left{width:32%;position:relative;z-index:1}
.boxfooter_middle{width:18%}
.boxfooter_middle1{width:26%}
.boxfooter_right{width:22%}
.ft0icon{width:40px}
.ft0icon_info{width:calc(100% - 40px);padding-left:10px}
.bottom-contact1 iframe{display:block;width:100%;height:500px}
.validation-newsletter{display:flex}
.validation-newsletter input{width:calc(100% - 40px);padding:5px 60px 5px 15px;font-style:italic;width:100%;outline:none;color:#bcc0c4;background-color:#565f66;border:none}
.validation-newsletter button{height:40px;width:40px;background-color:#fbcd13;border:none}
.boxfooter_bottom{padding:15px;text-align:center;font-size:14px;margin-top:20px;border-top:1px solid var(--color-nhan)}
.boxfooter_bottom .fixwidth{padding:0}
.wrap_left_detail{width:270px;float:left}
.title-left-detail{background:#d90000;text-align:center;font-size:18px;font-family:'RobotoMedium';padding:8px 10px;color:#fff}
.catagory-list-detail{width:270px;border:1px solid #ddd;background:#fff}
.catagory-list-detail>ul{}
.catagory-list-detail>ul>li{padding:0 10px;position:relative}
.catagory-list-detail>ul>li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:40px;line-height:39px;border-bottom:1px dashed #BFBFBF;color:#191919;font-size:15px;font-family:'RobotoRegular'}
.catagory-list-detail>ul>li:last-child>a{border-bottom:none}
.catagory-list-detail>ul>li>ul{display:none}
.catagory-list-detail>ul>li>ul>li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:28px;position:relative;height:38px;line-height:38px;color:#191919;font-size:15px;font-family:'RobotoRegular';margin-right:20px}
.catagory-list-detail>ul>li>ul>li:hover>a{color:red}
.wrap_right_detail{width:calc(100% - 300px);float:right}
.mota_page_product{margin-bottom:20px;padding:10px 20px;border:1px solid #ebebeb}
.mota_page_product .main_news{margin-bottom:10px}
.noidung_page_product{margin-top:20px}
.pro_catagory{margin-bottom:20px;display:flex;flex-wrap:wrap}
.pro_catagory div{width:calc((100% / 6) - 6px);margin:5px 3px}
.pro_catagory div a{display:block;color:#666;line-height:1.3;border:1px solid #e1e1e1;border-radius:2px 2px;padding:8px 10px;text-align:center;font-size:13px;-webkit-transition:all .4s ease;transition:all .4s ease}
.pro_catagory div a:hover{border:1px solid red}
.border-top-0{border-top:none}
.muangay1{display:inline-block;background:#82ae46;border:1px solid #82ae46;color:#fff;padding:6px 8px;width:100%;max-width:140px;border-radius:4px;transition:all .4s;text-align:center;font-size:16px}
.muangay1:hover{background:#fff;color:#82ae46}
.muangay2{display:inline-block;background:red;border:1px solid red;color:#fff!important;padding:6px 8px;width:100%;max-width:140px;border-radius:4px;transition:all .4s;text-align:center;font-size:16px;cursor:pointer}
.muangay2:hover{background:#cd0d15;border:1px solid #cd0d15;color:#ff0!important}
.mota_page{margin-bottom:20px}
.noidung_page{margin-top:20px}
.grid-pro-detail{margin-bottom:50px}
.left-pro-detail{position:relative;float:left;width:49%;text-align:center;margin-right:2%;background:#fff}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px}
.right-pro-detail{width:49%;float:right}
.gallery-thumb-pro{position:relative;margin-top:10px}
.owl-thumb-pro{padding:0 40px}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0!important;padding-bottom:0!important}
.title-pro-detail{text-transform:capitalize;font-size:24px;display:block;font-weight:700}
.social-plugin-pro-detail{margin-bottom:5px;margin-top:0!important}
.desc-pro-detail{margin-top:.6rem}
.attr-pro-detail{list-style:none;padding:0}
.attr-pro-detail li{padding:4px 0}
.attr-label-pro-detail{margin:0 5px 0 0;min-width:95px;display:inline-block}
.attr-label-pro-detail.d-block{display:block;margin:0 0 5px}
.attr-content-pro-detail{display:inline-block;margin-bottom:0}
.price-new-pro-detail{font-weight:700;font-size:17px;color:var(--color-red)}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px}
.color-pro-detail{display:inline-block;vertical-align:top;position:relative;width:35px;height:30px;margin:0 0 3px;border:1px solid transparent}
.size-pro-detail{border:1px solid #ccc;padding:3px 10px 4px;display:inline-block;position:relative}
.size-pro-detail.active,.color-pro-detail.active{border-color:#e5101d;color:#e5101d}
.color-pro-detail.active:before,.size-pro-detail.active:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto;z-index:1;background-image:url(../images/check-cart.png);background-repeat:no-repeat;background-position:bottom right}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0;top:0;left:0}
.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center}
.quantity-pro-detail button{line-height:25px;padding:0;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #ccc}
.quantity-pro-detail button.quantity-plus-pro-detail{border-left:0}
.quantity-pro-detail button.quantity-minus-pro-detail{border-right:0}
.quantity-pro-detail input{height:30px;border:1px solid #ccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px}
.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start}
.cart-pro-detail a{width:auto;text-align:center;color:#fff;padding:8px 15px;text-transform:uppercase;border-radius:3px}
.cart-pro-detail a.addnow{margin-right:10px;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d)}
.cart-pro-detail a.buynow{background-color:var(--color-green)}
.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green)}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}
.tags-pro-detail{margin:1rem 0 2rem}
.tags-pro-detail a{float:left;font-size:12px;color:#fff;padding:5px 10px 7px;margin-right:5px;margin-bottom:5px;background-color:var(--color-red);border-radius:3px}
.tags-pro-detail a:hover{background-color:var(--color-medium-red)}
.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0 0}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0}
.tabs-pro-detail .content-tabs-pro-detail{display:none}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block}
.tabs-pro-detail{margin-top:20px}
.header_left_mobile{display:none}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,

            ".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,

            ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333;cursor:pointer;font-family: 'Arial-Bold'}
.box-readmore ul li a:hover{color:#767676}
.news{width:49%;float:left;margin-bottom:25px;display:block}
.news:nth-child(2n){float:right}
.news:nth-child(2n+1){clear:both}
.news .pic-news{float:left;margin-right:4%;width:36%}
.news .pic-news img{width:100%}
.news .info-news{float:left;width:60%}
.news .name-news a{color:#333;font-size:16px;display:block;line-height:normal;margin-bottom:5px;font-weight:700}
.news .name-news:hover a{color:var(--color-red)}
.news .time-news{color:var(--color-gray);margin-bottom:.25rem}
.news .desc-news{color:#333;margin-top:5px;line-height:22px}
.share{padding:17px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.othernews b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:square}
.list-news-other li{margin-bottom:2px}
.list-news-other li a{text-transform:none;color:#333}
.list-news-other li a:hover{color:var(--color-red)}
.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}
.top-contact .article-contact{width:48%}
.form-contact{width:47%}
.input-contact{position:relative;margin-bottom:15px}
.input-contact input,.input-contact textarea{width:100%;padding:0;outline:none;font-size:16px}
.input-contact input{text-indent:10px}
.input-contact textarea{resize:none;height:150px;padding:10px}
.input-contact .custom-file-label::after{content:attr(title)}
.bottom-contact{position:relative;height:500px}
.bottom-contact iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.pagination-home .pagination .page-item .page-link{color:#555;font-size:.875rem}
.pagination-home .pagination .page-item.active .page-link{color:#fff;background-color:#555;border-color:#555}
.pagination-ajax{text-align:center;margin-top:20px}
.pagination-ajax .pagination{justify-content:center!important}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0 2px 3px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px;border-radius:2px}
.pagination-ajax a.current,.pagination-ajax a:hover{background:var(--color-red);color:#fff;border-color:var(--color-red)}
.modal-custom .modal-footer{padding:.5rem}
.modal-custom .modal-footer .btn{font-size:14px}
#popup .modal-body{padding:0}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
coccocgrammar{display:none}
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:30px;right:15px;display:none;z-index:10;cursor:pointer}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.transition{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.scale-img{overflow:hidden;display:block}
.scale-img img{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.scale-img:hover>img{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
div.menu_mobi,div.menu_mobi_add{display:none}
.menu_mobi_add .menulicha i{position:absolute;right:0;top:0;padding:12px 16px}
.menu_right{width:80%}
.langue_menu{gap:17px}
.langue_menu img{position:relative;top:-2px;height:14px!important;object-fit:cover}
.langue_menu a{display:inline-block;position:relative;color:var(--color-main);font-family: 'Arial-Bold';}
.langue_menu a:first-child::before{content:"";position:absolute;right:-10px;top:4px;height:60%;width:2px;border-right:2px solid var(--color-main)}
.navs_service{justify-content:space-between;border-radius:12px 12px 0 0;background:#1579c6a6;overflow:hidden;position:relative}
.navs_service>li{width:25%;text-align:center}
.navs_service .nav-link{text-transform: uppercase; border:none;outline:none;color:#fff;font-family: 'Arial-Bold';background-color:transparent;display:block;width:100%;padding:0 8px;height:53px;line-height:53px;border-radius:0;font-size:16px}
.nav-pills.navs_service .nav-link.active,.nav-pills.navs_service .show>.nav-link{background-color:#f9a61c}
.tags_service{position:relative;margin-top:-53px;z-index:99}
.content1 .row{margin-left:-8px;margin-right:-8px}
.form_vemaybay input,.form_vemaybay select,.form_info_ks input{height:34px;border-radius:0; border: 1px solid #ccc; width: 100%}
.box_form{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px}
.box_form .input-contact{margin-bottom:0}
.box_form .input-contact:first-child{grid-column-start:1;grid-column-end:2}
.box_form .input-contact:nth-child(2){grid-column-start:2;grid-column-end:3}
.box_form .input-contact:nth-child(3){grid-column-start:3;grid-column-end:5}

.box_form .personal .box-p{
    width: 33.3%;
    float: left;
}

.form_vemaybay .select_box_loaive,.select_box_hanhkhach,.select_box_khoihanh,.select_box_diemden,.select_box_loaiphong,.select_box_ngay,.select_box_thang{position:relative;border:1px solid #ced4da;height:45px;cursor:pointer}
.form_vemaybay .select_box_loaive::before,.select_box_hanhkhach::before,.select_box_diemden::before,.select_box_khoihanh::before,.select_box_loaiphong::before,.select_box_ngay::before,.select_box_thang::before{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;height:45px;background:url(../images/down-arrow.png) center center;background-size:16px;background-repeat:no-repeat}
.select_box_ngay::before,.select_box_thang::before{background:url(../images/down.png) center center;background-size:16px;background-repeat:no-repeat}
.form_vemaybay button.btn_submit{
    background: #f9a51c url(../images/airplane-flying.png) 20px center no-repeat;
    background-size: 19px;
    color: #fff;
    text-transform: uppercase;
    margin: 25px 0px 25px;
    height: 45px;
    cursor: pointer;
    font-family: 'Arial-Bold';
    border-radius: 10px;
    padding: 10px 30px 7px 50px;
    border: none !important;
}
.form_vemaybay button.btn_submit:hover,.box_form_tour .btn_submit:hover{background-color: #0f6fb7}

.ui-selectmenu-icon{      
    background-image: url(../images/down-arrow.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 15px;
    margin-top: 3px;
}
.ui-selectmenu-button.ui-button{color: #414042; background: #fff !important; width: 100% !important}
.ui-widget.ui-widget-content {border: 1px solid #c7c8ca; padding-bottom: 0px !important;}
.service_form .ui-button{border: 1px solid #c7c8ca;    padding: 7px 10px; min-height: 34px;}

.txt-b{display: block; text-align: left; color: #414042; font-family: 'Arial';}
.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {padding:6px 10px;font-size: 16px;    margin: 0px !important;    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none !important;
    background: #0f6fb7 !important;
    color: #ffffff !important;
}
.ui-datepicker{z-index: 99999999  !important;}

#checkin,#checkout,.calenda{background:url(../images/calendar.png) 96% center no-repeat!important;    padding: 0px 10px;background-size:20px!important;border:1px solid #c7c8ca;height:34px;width:100%;max-width:100%}
.calenda{max-width: 100% !important;}

.hasDatepicker{max-width: 160px;}


.select_box_hanhkhach{ position: relative;  border: 1px solid #ced4da;  height: 34px; cursor: pointer;}
.select_box_hanhkhach::before{content:"";position:absolute;right:10px;top:50%; transform:translateY(-50%) ;width:18px;height:18px;background:url(../images/down-arrow.png) center center;background-size:contain;background-repeat:no-repeat}

.form-control{border: 1px solid #c7c8ca;    height: 34px;}



#ngaydi,#ngayve{position:relative}
#ngaydi::placeholder,#ngayve::placeholder{position:absolute;right:0;top:0;width:40px;height:45px;background:url(../images/calendar.png) center center;background-size:20px;background-repeat:no-repeat;opacity:.6}
.items_service{display:grid;grid-template-columns:repeat(6,1fr);gap:50px;width:100%;background:#b8d4e9;padding:20px}
.item_service{text-align:center}
.content_service{padding-top:16px;color:var(--color-main);display:inline-block;line-height:20px;}
.content_service.active{border-bottom:2px solid var(--color-main)}
.img_service{min-height:75px}
.items_service a {
    color: #0f6fb7;
    font-family: 'Arial-Bold';
    text-transform: uppercase;
    padding-top: 77px;
    display: block;
    text-align: center;
    position: relative;
}
    .items_service .content_service:after {
        content: '';
        position: absolute;
        width: 0%;
        transform: scaleX(0%);
        height: 1px;
        bottom: -3px;
        left: 0;
        background-color: #1270b8;
        transition: transform 0.3s ease-out;
    }
    .items_service .content_service{position: relative;}
    .items_service .s-active .content_service:after, .items_service a:hover .content_service:after {
        transform: scaleX(100%);
        width: 100%;
    }
.b-vemaybay a:before{
        content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:30px;
        background: url("../images/ico-ve-may-bay.png") center center no-repeat ; background-size: contain; width: 103px; height: 34px;

    }
    .b-vemaybay a:hover:before,.b-vemaybay.s-active a:before{background-image: url("../images/ico-ve-may-bay-act.png")}
    
    .b-hotel a:before{
        content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 5px;
        background: url("../images/ico-khach-san.png") center center no-repeat ; background-size: contain;     width: 57px;  height: 75px;
    }
    .b-hotel a:hover:before,.b-hotel.s-active  a:before{background-image: url("../images/ico-khach-san-act.png")}
    
    .b-thuexe a:before{
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 22px;
        background: url(../images/ico-thue-xe.png) center center no-repeat;
        background-size: contain;
        width: 81px;
        height: 53px;
    }
    .b-thuexe a:hover:before,.b-thuexe.s-active  a:before{background-image: url("../images/ico-thue-xe-act.png")}
    
    .b-visa a:before{
        content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:20px;
        background: url("../images/ico-dich-vu-visa.png") center center no-repeat ; background-size: contain; width: 67px; height: 59px;
    }
    .b-visa a:hover:before,.b-visa.s-active  a:before{background-image: url("../images/ico-dich-vu-visa-act.png")}
    
    .b-service-o a:before{
        content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 10px;
        background: url("../images/ico-dich-vu-khac.png") center center no-repeat ; background-size: contain; width: 79px; height: 69px;
    }
    .b-service-o a:hover:before,.b-service-o.s-active  a:before{background-image: url("../images/ico-dich-vu-khac-act.png")}
   
    .b-dinhcu  a:before{
        content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 8px;
        background: url("../images/ico-dinh-cu.png") center center no-repeat ; background-size: contain; width: 72px; height: 72px;
    }
    .b-dinhcu a:hover:before,.b-dinhcu.s-active  a:before{background-image: url("../images/ico-dinh-cu-act.png")}
   
    .bt-slide .owl-nav span{display: none;}
    .bt-slide .owl-theme .owl-nav{margin-top: 0px;}
        .bt-slide .owl-prev {
            background: url(../images/ico-previous.svg) center center no-repeat !important;
            background-size: 14px !important;
            width: 31px;
            height: 55px;
            left: -35px  !important;
            position: absolute;
            top: 50%; border-radius: 0px !important;
            transform: translateY(-50%);
            margin: 0px !important;
        }
        .bt-slide .owl-next {
            background: url(../images/ico-next.svg) center center no-repeat !important;
            background-size: 14px !important;
            width: 31px;
            height: 55px;
            right: -35px  !important;
            position: absolute;
            top: 50%;border-radius: 0px !important;
            transform: translateY(-50%);
            margin: 0px !important;
        }


.footer-col-1 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.footer-col-2{
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
}
.footer-col-3 {
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
}
    .boxfooter_container  li{position: relative; padding-left: 20px;}
        .vmb:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-vmb.png) center center no-repeat; width: 13px; height: 13px; background-size: contain;
        }
        .addr:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-home.svg) center center no-repeat; width: 15px; height: 15px; background-size: contain;
        }
        .v-service:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-v-service.png) center center no-repeat; width: 13px; height: 13px; background-size: contain;
        }
        .email-f:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-email.svg) center center no-repeat; width: 14px; height: 14px; background-size: contain;
        }

        .hotline:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-tel.png) center center no-repeat; width: 15px; height: 12px; background-size: contain;
        }
        .phone_f:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-phone-2.png) center center no-repeat; width: 13px; height: 13px; background-size: contain;
        }
        .time_f:before{
            position: absolute; left: 0px; top: 3px; content: '';
            background: url(../images/ico-time.png) center center no-repeat; width: 13px; height: 12px; background-size: contain;
        }


        .phonering-alo-ph-img-circle{width: 29px; height: 31px;top:11px;left:17px;position:absolute;background:url(../images/icon-phone.svg) no-repeat 0 center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;background-size:contain}
    
        .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 3s infinite ease-in-out!important;animation:phonering-alo-circle-img-anim .3s infinite ease-in-out!important}
        .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important}
        .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle{background-color:#00aff2}
        .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{background-color:#6a0032}
        .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{background-color:#015643}
        .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{background-color:#ccc}
        .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{background-color:#75eb50}
        @-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
        @-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
        @-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}


 .info_people_bay #sect-choose-button{width: 125px !important;  display: block; padding-left: 10px; padding-right: 10px;    height: 35px !important;}
     .info_people_bay #sect-choose-button .ui-selectmenu-text {line-height: 21px;}

     .info_hanhly_bay label{display: block;}
     .info_success .ui-selectmenu-button.ui-button {  padding-right: 7px;}

 .note-room{color: #ff0000}    


.form_khachsan button.search_hotel,.search_hotel,.btn_submit.btn-ico-mail{
    background: #f9a51c url(../images/ico-search.png) 20px 14px no-repeat;
    background-size: 23px;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0px 10px;
    height: 45px;
    cursor: pointer;
    font-family: 'Arial-Bold';
    border-radius: 10px;
    padding: 10px 10px 7px 20px;
    border: none !important;
}
.btn_submit.btn-ico-mail{background-image:url(../images/ico-search.png) !important}
.form_khachsan button.search_hotel:hover{background-color: var(--color-main);}
.btn_submit.btn-ico-mail:hover{background-color: var(--color-main) !important;}

.infor_ks_dat .txt-b{font-family: 'Arial-Bold';color: #414042; font-size: 15px;}

.main-over{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .slide-al-hotel,.info-hotel{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .info-hotel{padding-left: 20px;    }

    .slide-al-hotel .owl-carousel{border:1px solid #0f6fb7;}

    .slide-al-hotel.bt-slide .owl-prev {background: url(../images/ico-prev-2.svg) center center no-repeat !important;   background-size: 20px !important;
    width: 30px; height: 30px;  background-color: rgb(255 255 255 / 80%) !important;   left: 15px !important;}
    .slide-al-hotel.bt-slide .owl-next {background: url(../images/ico-next-2.svg) center center no-repeat !important;   background-size: 20px !important;
    width: 30px; height: 30px;  background-color: rgb(255 255 255 / 80%) !important;   right: 15px !important;}

.item-tiennghi{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    max-width: 800px;
}

    .item-tiennghi li{position: relative; padding-left: 20px; color: #414042}
        .item-tiennghi li:before{ position: absolute; left: 0px; content: ''; top: 5px;
            background: url(../images/check1.png) center center no-repeat !important;   background-size: 13px !important;  width: 13px; height: 13px;        }

.box_form_xe .calenda{width: 100%;    max-width: 100%;}

.d-right{    justify-items: end;  display: grid;}

    .box_form_xe .btn-ico-mail{margin-top: 0px !important; max-width: 250px;}


.box-tuvanvisa .btn_submit, .box_form_tour .btn_submit{margin-bottom: 20px;    padding: 10px 30px 7px 60px;}


.box-ab-comp{
    color: #ff0000; font-size: 18px; padding: 15px 0px 15px 35px;
}

.list-khuyenmai .ngatytao_tintuc{padding: 5px 0px;}
    .list-khuyenmai .readmore_tintuc a{font-family: 'Arial'; padding: 4px 20px; display: inline-block; margin-top: 10px;}
        .list-khuyenmai .readmore_tintuc a:hover{background:var(--color-nhan);}

  .list-khuyenmai .item_tintuc:last-child {  border-bottom: 1px solid #999;padding-bottom: 10px;}      
.detal-post{ padding: 10px 0 20px;}
.t-post{color: #414042;font-family: 'Arial-Bold'; font-size: 16px; margin-top: 15px}
.data-p{color: #0f6fb7; margin: 10px 0px;}

.body-p p,.body-p div, .body-p img{margin-bottom: 20px;}
    .body-p img{text-align: center; margin: 0px auto 20px; display: block;}

    .body-p h2,.body-p h3,.body-p h4,.body-p h5,.body-p h6{font-size: 16px;    color: #414042; margin-bottom: 20px;}













.arrow_prev,.arrow_next{position:absolute;width:30px;height:30px;top:calc(50% - 15px);display:flex;align-items:center;justify-content:center;font-size:28px}
.arrow_prev{left:-30px}
.arrow_next{right:-30px}
.select_people_vemaybay{position:absolute;right:0;width:50%;top:0;z-index:9;display:none}
.select_people_vemaybay.active{display:block}
.nguoilon_vemaybay,.treem_vemaybay,.embe_vemaybay{display:flex;align-items:center;justify-content:space-between;height:45px;border:1px solid #33333364;padding:0 8px;background:#fff}
.select_people_vemaybay button{width:20px;height:20px;    line-height: 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;    background: #fff;}
.select_people_vemaybay button:focus{outline:none}
.select_people_vemaybay button.arrow_minus{border:2px solid var(--color-main)!important;color:var(--color-main);align-items: end;}
.select_people_vemaybay button.arrow_plus{border:2px solid var(--color-nhan)!important;color:var(--color-nhan)}
.items_diemden{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.img_diemden{border-radius:10px;border:2px solid var(--color-nhan)}
    .img_diemden img{height:180px!important;object-fit:cover}

    .scale-img:hover img{
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .item_diemden .t_dden a{text-align:left;padding-top:5px; color: #414042; font-size: 16px;font-family: 'Arial';}
        .item_diemden .t_dden a:hover,.title_tintuc a:hover{color:var(--color-main)}
.diemden .readmore{text-align:right;margin-top:20px}
.diemden .readmore a{padding:5px 16px;border-radius:20px;background:var(--color-nhan);color:#fff;font-family: 'Arial-Bold';}
.item_tintuc{display:flex;gap:20px}
.img_tintuc{width:25%;border-radius:12px;border:2px solid var(--color-nhan)}
.img_tintuc img{height:180px!important;object-fit:cover;width:100%}
.content_tintuc{width:75%;display:flex;flex-direction:column;justify-content:space-between}
.title_tintuc a{color:#414042;font-family: 'Arial-Bold'; font-size: 16px;padding: 5px 0px;}
.ngatytao_tintuc{color:#00acee}
.readmore_tintuc{text-align:right}
.readmore_tintuc a{padding:5px 16px;border-radius:20px;background:var(--color-main);color:#fff;font-family: 'Arial-Bold';}
.item_tintuc{padding-bottom:10px;}
.item_tintuc:not(:last-child){border-bottom:1px solid #999}
.item_tintuc:not(:first-child){padding-top:10px}
.img_cn img{border:2px solid var(--color-nhan);height:370px!important;object-fit:cover}
.mota_cn{margin-top:8px;text-align:center;    color: #414042;}

.item-tt{display: flex;align-items: center;    height: 90px;    padding-left: 0.5rem !important;    padding-right: 0.5rem !important;}
    .img_thanhtoan {margin: auto; text-align: center}
.content_intro{color:var(--color-main)}
.items_mxh{display:flex;gap:10px;    margin-top: 10px;}
.item_mxh{border:1px solid #fff;border-radius:10px;overflow:hidden}
.item_mxh img{background:#fff}
.menu_mobile_right,.form_vemaybay_mobile{display:none}
.img_intro_mobile,.hotro{display:none}
.form_info input{height:40px;border-radius:0;}
.title_result{text-align:center;padding:10px;background:var(--color-main);color:#fff}
.result {padding-top: 10px;}
.calender_result{display:grid;grid-template-columns:repeat(5,1fr)}
.item_calender{background:var(--color-nhan);color:#fff;text-align:center;padding:6px;    display: grid;  place-items: center;}
    .item_calender span{display: block;}
.item_calender.active{background:var(--color-main)}
.item_result_detail{display:flex;gap:0;align-items:center;justify-content:space-between;padding:10px;border:1px solid #d1d3d4}
.item_result_detail:not(:last-child){border-bottom:unset}
.time_fly{font-family: 'Arial-Bold';}
.price_fly{font-family: 'Arial-Bold';color:#10559a}
.code_fly,.time_fly{color: #000;}
.option_fly{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #727376}
.select_fly input{padding:5px 12px;border-radius:10px;color:#fff;background:var(--color-main);    border: 0px !important;  box-shadow: none;  outline: none !important;}
    .select_fly input:hover{background: var(--color-nhan);}
.ghichu_fly{color: #ff0000; font-size: 15px;}
.ghichu_fly i{color:#000;    font-size: 19px;}
.grid_info_success{display:grid;justify-content:space-between;grid-template-columns:auto auto auto auto;gap:30px}
.box_info_success{padding:20px;border:1px solid #d1d1d1}
.info_people_bay,.box_info_people_user{display:flex;align-items:center;gap:20px; margin-bottom: 10px}
.select_sex,.select_hanhly{height:35px;border:1px solid #ced4da;line-height:35px;text-align:center;min-width:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5px}
.select_sex i,.select_hanhly i{padding:5px;border:1px solid #ced4da}
.info_people_bay input{height:35px;border-radius:0;min-width:350px}
.info_people_lienhe input{min-width:unset;height:35px;border-radius:0}
.info_people_lienhe .input-people{width:30%}
.info_people_lienhe .input-people:first-child{width:10%}
.select_hanhly{}
.info_hanhly_bay{display:flex;width:calc(45% + 2px);gap:20px}
.input_contact{display:flex;align-items:center;gap:8px}
.input_contact input[type="checkbox"]{height:20px;width:20px;border-radius:0!important;border:1px solid #ced4da;appearance:none;-webkit-appearance:none;outline:none}
.input_contact input:checked{background:var(--color-main) url(../images/check.png) center center;background-size:auto}
.input_contact textarea{margin-left:28px;border-radius:0}
.btn_option{display:flex;align-items:center;justify-content:space-between}
.btn_chonlaichuyen,.btn_datvemaybay{padding:10px 20px;border-radius:12px;color:#fff;text-align:center;min-width:220px}
.btn_chonlaichuyen{background:#126eb7;font-family: 'Arial-Bold'; text-transform: uppercase; border:none !important; }
    .btn_chonlaichuyen:hover{background:var(--color-nhan);color: #fff;}
.btn_datvemaybay{background:var(--color-nhan);font-family: 'Arial-Bold';text-transform: uppercase; border:none !important;}
    .btn_datvemaybay:hover{background:#126eb7; color: #fff;}
.btn_option{margin-top:20px}
.form_khachsan button{padding:9px 25px;border-radius:8px;background:var(--color-nhan);color:#fff;font-weight:500;outline:none;border:none;text-transform:uppercase;display:block;width:100%;position:relative}
.form_khachsan button i{color:red;position:absolute;left:12px;top:10px;font-size:20px}
.items_khachsan_hot{display:flex;flex-wrap:wrap;gap:12px}
.items_khachsan_hot a{padding-right:20px; color: #414042; margin-bottom: 7px; display: inline-block;}

.box_result_ks{display:flex;gap:12px}
.box_list_ks{width:70%}
.box_filter_ks{width:30%}
.rs_item_ks{display:flex;gap:12px;padding:15px;border:1px solid #7c7c7c}
.rs_img_ks{width:26%}
    .rs_img_ks img{
        height: 180px !important;
        object-fit: cover;
        width: 100%;
    }
.rsks_content_ks{width:74%}
.rsks_tieude{line-height: 20px;    margin-top: -5px;}
.rsks_tieude a{font-family: 'Arial-Bold';color:var(--color-main); font-size: 16px;}
.rsks_flex{display:flex;justify-content:space-between}
.rsks_diachi{font-size:14px;color:#414042;line-height:20px; margin: 10px 0px 0px;}
.rsks_rating .fa, .rating_intro_ks .fa{color: #f9a51c}
.rsks_price{font-size:24px;font-family: 'Arial-Bold';color:#f9a51c;    line-height: 24px;width: 116px;text-align: right;}
.rsks_loaiphong{font-family: 'Arial-Bold';color:#f9a51c; font-size: 15px; margin-bottom: 5px;}
.rsks_mota{font-size:15px;color:var(--color-main); line-height: 17px;}
.rsks_btn_datphong .btn_datphong{padding:6px 16px;border-radius:40px;background:var(--color-main);color:#fff;font-family: 'Arial-Bold'; font-size: 15px;    border: 0px !important;}
    .rsks_btn_datphong .btn_datphong:hover{background-color: #f9a51c;}
.pagingation div{width:30px;height:30px;border:1px solid #9f9f9f;display:flex;align-items:center;justify-content:center;font-family: 'Arial-Bold';}
.pagingation{display:inline-block;align-items:center;justify-content:center;}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}
.current-pa{background:var(--color-main);color:#fff}


.wpage{margin:25px auto 15px;text-align:center}
    .wpage .pagination-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.wpage li{display:inline-block;}
.wpage li a{color:#656567;font-family: 'Arial-Bold';text-align:center;padding:6px 13px;border:1px solid #656567;background:#fff;font-size:15px}
.wpage li.active a,.wpage li:hover a{color:#fff!important;border:1px solid #0f70b7;background:#0f70b7}
.wpage li a.first-page{background:#fff url(../images/previous-page.svg) center center no-repeat;background-size:20px}
.wpage li a:hover.first-page{background:#18aad0 url(../images/previous-page-w.svg) center center no-repeat;background-size:20px}
.wpage li a.last-page{background:#fff url(../images/next-page.svg) center center no-repeat;background-size:20px}
.wpage li a:hover.last-page{background:#18aad0 url(../images/next-page-w.svg) center center no-repeat;background-size:20px}


.box_filter_ks{padding:15px;border:1px solid #7c7c7c;    font-size: 15px;  color: #414042;}
    .box_filter_ks .title2 {font-family: 'Arial-Bold';  font-size: 15px;  color: #126eb7;  text-transform: uppercase;  margin-bottom: 12px;}
    .box_filter_ks .form-control{font-size: 15px;  color: #414042;outline: 0px !important}
.form_find_hotel  {display:flex;align-items:center}
.input-search_ks input{border:none;border-radius:0;border-bottom:1px solid #b0b0b0;padding-left:0;    box-shadow: none !important;    margin-right: 10px;}
.box_search_price_day{margin-top:16px}
.box_search_price_day input{border:none;border-radius:0;border-bottom:1px solid #b0b0b0;padding-left:0;padding-bottom:0}


.t-sub-fil{font-family: 'Arial-Bold';  font-size: 15px;  color: #414042;margin-bottom: 5px;}

.box_filter_ks .search_hotel{width:calc(100% - 20px); margin-left:10px; margin-top:15px; }

.item_visa .calenda {border: 0px; outline: none; padding: 0px;}

/*------------------------*/
body.ui-slider-active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.box_price {
  --primary: #275efe;
  --headline: #3F4656;
  --text: #99A3BA;
  width: 100%;
  max-width: 312px;
  padding: 36px 32px 48px 32px;
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 1px 4px rgba(18, 22, 33, 0.12);
}

.slider_price {
  --primary: #275efe;
  --handle: #fff;
  --handle-active: #becfff;
  --handle-hover: #e9efff;
  --handle-border: 2px solid var(--primary);
  --line: #cdd9ed;
  --line-active: var(--primary);
  height: 23px;
  width: 100%;
  position: relative;
  pointer-events: none;
}
.slider_price .ui-slider-handle {
  --y: 0;
  --background: var(--handle);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 23px;
  height: 23px;
  transform: translateX(-50%);
  position: absolute;
  outline: none;
  display: block;
  pointer-events: auto;
}
.slider_price .ui-slider-handle div {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    transition: background 0.4s ease;
    transform: translateY(calc(var(--y)* 1px));
    border: none;
    background: #0f6fb7;
}
.slider_price .ui-slider-handle:hover {
  --background: var(--handle-hover);
}
.slider_price .ui-slider-handle:active {
  --background: var(--handle-active);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.slider_price svg {
  --stroke: var(--line);
  display: block;
  height: 83px;
}
.slider_price svg path {
  fill: none;
  stroke: #0f6fb7;
  stroke-width: 1;
}
.slider_price .active, .slider_price > svg {
  position: absolute;
  top: -37px;
  height: 83px;
}
.slider_price > svg {
  left: 0;
  width: 100%;
}
.slider_price .active {
  position: absolute;
  overflow: hidden;
  left: calc(var(--l) * 1px);
  right: calc(var(--r) * 1px);
}
.slider_price .active svg {
  --stroke: var(--line-active);
  position: relative;
  left: calc(var(--l) * -1px);
  right: calc(var(--r) * -1px);
}
.slider_price .active svg path {
  stroke-width: 2;
}
.box_search_price_day .ui-widget.ui-widget-content {
    border: none; border-radius: 0px;    margin-top: 15px;
}
.box_search_price_day .ui-widget-header,.box_search_price_day .ui-slider .ui-slider-handle{background: transparent;}
.box_search_price_day .ui-slider-handle{border: none !important}

.box_search_price_day .values span {
    display: block;
    border-bottom: 1px solid #bcbec0;
}

.for-price{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
.for-price .values{width: 100%}
.box_search_price_day .ui-slider-horizontal .ui-slider-handle {margin-left: 0em;}



.group_check{display:flex;align-items:center;gap:12px;margin:4px 0}
.group_check input{width:16px;height:16px; margin-right: 6px}
.box_search_check_ks{margin-top:16px}
.group_check label{margin-bottom:0;}
.group_check span img{padding-right:4px}
.btn_search_filter_ks{padding:9px 25px;border-radius:8px;background:var(--color-nhan);color:#fff;font-weight:500;outline:none;border:none;text-transform:uppercase;display:block;width:90%;margin:0 auto;position:relative;margin-top:16px}
.btn_search_filter_ks i{color:red;position:absolute;left:12px;top:10px;font-size:20px}
.fix_contact{position:absolute;right:0;top:40px; left:0;display:flex;flex-direction:column;gap:20px;z-index:1;width:1080px;margin:0 auto;align-items:flex-end}
.fix_contact a{border-radius:10px;display:inline-block;overflow:hidden}
.box_form_info_ks textarea,.box_form_xe textarea,.box_form_tour textarea{border-radius:0;height:90px;border:1px solid #ced4da}
.box_btn_submit_info_ks{display:flex;justify-content:space-between}
.box_btn_submit_info_ks button{padding:10px 50px;border-radius:12px;outline:none;border:none;color:#fff;font-family: 'Arial-Bold'; text-transform: uppercase;}
.box_btn_submit_info_ks .btn_chonlai,.box_btn_submit_info_ks .btn_submit:hover{background:var(--color-main)}
.box_btn_submit_info_ks .btn_submit, .box_btn_submit_info_ks .btn_chonlai:hover{background:var(--color-nhan)}

.title_group{display:flex;gap:20px;font-size:16px;font-family: 'Arial-Bold'; padding-bottom: 3px; color:var(--color-main);text-transform:uppercase;border-bottom:1.6px solid var(--color-main);margin-bottom:12px}
    .title_group a{cursor: pointer; position: relative;}
        .title_group a:after{position: absolute; content: ''; left: 0px; bottom: -7px; width: 100%; height: 3px; background:var(--color-main);}
.title_group .active{position: relative;}
    .title_group .inactive:after{display: none;}   
.show_result_detail_ks{display:flex;gap:.8px;background:#b9b9b9}
.show_result_detail_ks:not(:first-child){border:1px solid #b9b9b9;border-top:none}
.show_result_detail_ks>div:first-child{width:25%}
.show_result_detail_ks>div:nth-child(2){width:35%}
.show_result_detail_ks>div:nth-child(3),.show_result_detail_ks>div:nth-child(4){width:20%}
.title_detail_ks{text-align:center;color:#fff;padding:14px 5px;background:var(--color-main)}
.show_result_detail_ks>div:not(.title_detail_ks){background:#fff;padding:10px 16px}
.img_result_detail_ks{text-align:center}
    .img_result_detail_ks img{    object-fit: cover; height: 150px; width: 100%;}
.img_result_detail_ks div{margin-bottom:6px}
.dichvu_result_detail_ks{display:flex;flex-direction:column;justify-content:space-between}
.view-room,.view-room a{text-align:center;color:var(--color-main);line-height:18px}
.dichvu_result_detail_ks div:first-child p{margin-bottom:0}
.gia_result_detail_ks{position:relative;text-align:center}
    .price_room{font-family: 'Arial-Bold'; color: #414042; line-height: 18px;}
.gia_result_detail_ks div:nth-child(2){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); color: #0f6fb7; width: 100%}
.btn_booking {
    background: #126eb7;
    font-family: 'Arial-Bold';
    padding: 10px 30px;
    border-radius: 12px;
    outline: none;
    border: none;
    color: #fff;
    text-transform: uppercase;
}
.datphong_result_detail_ks{    display: grid;  align-items: center;    justify-items: center;}
.datphong_result_detail_ks a{padding:6px 50px;border-radius:12px;outline:none;border:none;color:#fff;font-family: 'Arial-Bold';background:var(--color-main)}
.img_ks_intro img{width:100%}
.img_ks_intro{border:2px solid var(--color-main)}
.title_intro_ks{font-family: 'Arial-Bold';color:var(--color-main);position:relative}
.pre_intro_ks,.next_intro_ks{width:25px;height:25px;background:#ffffff76;position:absolute;top:calc(50% - 12px);color:var(--color-main);border:1px solid var(--color-main);display:flex;align-items:center;justify-content:center}
.pre_intro_ks{left:20px}
.next_intro_ks{right:20px}
.lopphu{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);z-index:99999}
.modal_detail_ks{background:#fff;z-index:99999;max-width: 800px}
.box_content_modal{height:500px;overflow-y:scroll}
.title_modal_detail_ks{color:#fff;font-size:17px;text-transform:uppercase;background:var(--color-main);padding:10px;display:flex;align-items:center;justify-content:space-between}
.title_modal_detail_ks i{font-size:25px}
.t-pop-hotel{font-family: 'Arial-Bold';}
.modal_detail_ks .close{    color: #fff;  font-weight: normal;   opacity: 1;}
.content_modal .item-tiennghi{    grid-template-columns: repeat(1, 1fr);  max-width: 100%;}

.box_content_modal{padding:16px}
.title_modal{font-family: 'Arial-Bold';border-bottom:1px solid #939598;margin-bottom:10px}
.box_modal_img{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.box_content_modal .title3{text-transform: uppercase;}
.color_main{color:var(--color-main)}
.box_info_customer_ks{display:flex;flex-wrap:wrap}
.box_info_customer_ks .item{margin-bottom: 5px;width:25%}


.detail_phong_ks .img-booking-l{
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.detail_phong_ks .des-booking{
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%; padding-left: 20px;
}

.detail_phong_ks .row{margin-left: 0px; margin-right: 0px;}
.img-booking-l img{    border: 1px solid #0f6fb7;}

.des-booking .title_intro_ks{font-size: 16px; margin-bottom: 20px;}

.modal_detail_thanhtoan .title3{font-family: 'Arial-Bold';color:var(--color-main); margin-top: 20px;}
    .modal_detail_thanhtoan .btn_submit a{color: #fff;font-family: 'Arial-Bold';    padding-left: 20px;}

.title3{font-family: 'Arial-Bold';color:var(--color-main)}
.box_thanhtoan{display:flex;gap:40px;align-items:flex-start}
.items_thanhtoan{width:60%}
.result_detail_total{width:40%;padding:12px;border:1px solid #a9a9a9;margin-top:38px}
.item_thanhtoan{display:flex;gap:10px;width:100%;align-items:center;margin-bottom:8px}
.item_thanhtoan input[type="checkbox"]{width:15px;height:20px}
.box_thanhtoan{padding:12px 20px;border:1px solid #a9a9a9}
.box_thanhtoan:not(.first){border-top:none}
.item_thanhtoan label{margin-bottom:0;display:block;width:20%;text-align:right}
.item_thanhtoan input{width:80%}
.item_thanhtoan input,.item_thanhtoan select{height:40px;border-radius:0;padding:4px 10px}
.item_thanhtoan select{width:20%}
.select_box_ngay,.select_box_thang{width:20%;display:flex;align-items:center;padding:4px 10px}
.items_thanhtoan button{padding:10px 30px;border-radius:12px;font-family: 'Arial-Bold';background:var(--color-nhan);color:#fff;font-family: 'Arial-Bold';display:block;margin:0 0 0 auto;border:none;outline:none}
.box_qr_momo strong{color:#a50164}
.box_qr_momo{display:flex;gap:55px;align-items:flex-start}
.close_modal{position:absolute;right:10px;top:10px;font-size:25px;color:var(--color-main);    cursor: pointer;    line-height: 25px;}
.modal_detail_thanhtoan{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:1080px;height:500px;background:#fff;z-index:999999}
.modal_detail_popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:668px;height:auto;background:#fff;z-index:999999}
.modal_detail_thanhtoan .box_content_modal{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:unset;text-align:center}
.modal_detail_thanhtoan .btn_submit{padding:9px 25px;border-radius:8px;background:var(--color-nhan);color:#fff;font-weight:500;outline:none;border:none;text-transform:uppercase;display:block;min-width:250px;position:relative}
.modal_detail_thanhtoan .btn_submit i{color:red;position:absolute;left:12px;top:10px;font-size:20px}
.box_form_xe button{padding:9px 25px;border-radius:8px;background:var(--color-nhan);color:#fff;font-weight:500;outline:none;border:none;text-transform:uppercase;display:block;width:80%!important;position:relative}
.box_form_xe button i{color:red;position:absolute;left:12px;top:10px;font-size:20px}
.luuy{color:red;font-family: 'Arial-Bold'}
.item_xe{padding:20px;border:2px solid #f9a51c}
.title_xe{font-family: 'Arial-Bold';color:#0f6fb7;margin:7px 0;text-align:center}
.des_xe{text-align:center}
.items_xe{display:grid;grid-template-areas:'. xe1 xe1 xe2 xe2 .' 'xe3 xe3 xe4 xe4 xe5 xe5';gap:20px}
.item_xe:first-child{grid-area:xe1}
.item_xe:nth-child(2){grid-area:xe2}
.item_xe:nth-child(3){grid-area:xe3}
.item_xe:nth-child(4){grid-area:xe4}
.item_xe:nth-child(5){grid-area:xe5}
.grid_mice{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.item_dvtg,.item_qt,.item_vs{border:1px solid var(--color-nhan)}
.item_qt,.item_vs{height:100%}
.img_dvtg,.img_qt{border-bottom:1px solid var(--color-nhan)}
.img_qt img{width:100%;height:170px!important;object-fit:cover}
.img_vs img{width:100%;height:268px!important;object-fit:cover}
.title_dvtg{padding:20px 30px;color:var(--color-main);text-align:center}
.title_qt{color:var(--color-main);font-family: 'Arial-Bold';text-align:center;margin-bottom:7px;font-size:16px}
.content_qt{padding:10px 15px 20px;font-size:15px}
.des_qt>div{display:flex;align-items:flex-start;gap:8px}
.des_qt>div img{position:relative;top:4px}
.btn_lienhedattour{padding:11px 52px;border-radius:8px; margin-bottom: 20px; cursor: pointer; background:var(--color-nhan) url(../images/ico-search.png) 20px 14px no-repeat;color:#fff;font-weight:500;outline:none;border:none;text-transform:uppercase;display:block;width:100%;position:relative;width:fit-content;margin:0 auto}
    .btn_lienhedattour:hover{background-color:var(--color-main) }
.btn_lienhedattour i,.btn_dichvu i{color:red;position:absolute;left:12px;top:10px;font-size:20px}
.btn_dichvu{position:relative}
.content_dichvu{padding:10px 5px;background:var(--color-main);color:#fff;font-family: 'Arial-Bold';text-align:center;border-top: 1px solid var(--color-nhan); font-size: 16px;}
    .content_dichvu a{color: #fff; display: block;}
    .content_dichvu a:hover{color: var(--color-nhan);}
.item_dichvu{border:1px solid var(--color-nhan);height:100%}
.img_dichvu img{height:165px!important;width:100%;object-fit:cover}

.content_vs {padding: 20px;}
    .content_vs .title_vs{line-height: 24px; margin-bottom: 7px; margin-top: 5px;}
    .content_vs .title_vs a{color: #0f6fb7; font-size: 24px;font-family: 'Arial-Bold'; margin-top: 10px;}
    .des_vs{font-size: 14px;}
    .des_vs ul,.des_qt ul,.check-list{padding-top: 7px; padding-left: 23px;}
        .des_vs li,.des_qt li,.check-list li{position: relative; margin-bottom: 5px;}
            .des_vs li:before,.des_qt li:before,.check-list li:before{content: ''; position: absolute; left: -25px; top: 5px; width: 16px; height: 15px; background-size: contain;
                background: url(../images/ico-check.png) left center no-repeat;}

.content_duhoc{text-align: center; color: #0f6fb7; padding: 10px 10px;font-family: 'Arial-Bold'; font-size: 16px;}
.img_duhoc img{border: 1px solid #0f6fb7;    height: 145px !important;  object-fit: cover;  width: 100%;}

.list-it{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.box-tuvanvisa .input-contact textarea{height: 77px;}



.hide{
    display: none;
}
.header_search .header_search_dropdown .search_title {
    font-size: 13px;
    line-height: 1.75rem;
    font-weight: 600;
    border-radius: 10px;
    margin: 4px 10px;
}
.header_search .dropdown_scrollbar{
    margin-top: -1px;
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 100%;
}
.header_search .header_search_dropdown {
    border: 1px solid #ccc;
}
.header_search .header_search_dropdown ul {
    list-style: none;
}
.header_search .header_search_dropdown ul li {
    border-top: 1px solid #e2e2e2;
}
.header_search .header_search_dropdown ul li:hover{
    background: #e0e0e0;
}
.header_search .header_search_dropdown ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
    border-radius: 8px;
    padding-left: 6px;
}
.header_search .header_search_dropdown ul .fa {
    margin-right: 11px;
    font-size: 22px;
    color: #898989;
}
.header_search .header_search_dropdown ul .list-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 500;
    color: #2d2d2d;
}
.header_search .header_search_dropdown ul .list-name span {
    font-size: 12px;
    color: #8d8d8d;
    display: block;
}

@media(max-width:1199px) {
.menu ul.menu_cap_cha li.menulicha>a{font-size:15px;padding:0 10px}
.boxmenu_middle{width:60%!important}
}
@media screen and (min-width:992px) and (max-width:1199px)
{
    .header_left_mobile { display: block;}

    .hotro, .hotro a {font-size: 20px; color: #fff}
    .hotro p{margin-bottom: 0px;        font-size: 22px;}
    .hotline-mb{font-family: 'Arial-Bold';        line-height: 29px;}
        .hotline-mb a {font-size: 27px;}
    .icon_menu_mobi{background: url(../images/ico-menu.svg) center center no-repeat; width: 35px; height: 35px; background-size: 35px;}
     .icon_menu_mobi .fa-bars,.langue_menu a:first-child::before{display: none}

    .langue_menu{gap:15px;padding-top: 6px;margin-right: 15px;} 
        .langue_menu img {
            top: 0px;
            height: 29px !important;
            width: 49px;
        }

    .modal_detail_ks {  width: calc(100% - 20px);}    

    .detail_phong_ks .row{margin-left: 0px !important; margin-right: 0px !important;}

    .items_thanhtoan { width: 75%;}

    .box_thanhtoan {  gap: 30px;}


}

@media(max-width:1024px) {
.fix_contact{display:none}
.content1 .row{margin-left:-5px;margin-right:-5px}

.hotro{display:block;color:#fff;text-align:center}
.hotro div:nth-child(2){font-size:17px;font-family: 'Arial-Bold';line-height:17px}
.menu_mobile_right{display:flex;align-items:center;gap:8px}
.header-top{padding:8px 0;background:var(--color-main)}
.header_logo img{filter:brightness(0) invert(1)}
.topleft ul li:first-child a{padding-left:10px}
.slider_info__name1{font-size:25px}
.slider_info1{padding:12px 20px}
.wrap-main,.wrap-content{width:97%}
.fixwidth{width:97%}
.header-height{display:none}
.topleft ul li a:hover,.topleft ul li a.active{color:red}
.topleft .d-flex{display:none!important}
.menu_mobi_add ul li ul{width:100%}
.menu_mobi_add ul li ul li a{padding-left:20px}
.menu_mobi_add ul li ul li ul li a{padding-left:30px}
.menu_mobi_add ul li ul li ul li ul li a{padding-left:40px}
div.menu_mobi_add{background:var(--color-main);display:block;position:fixed;left:-100%;top:0;z-index:99999;color:#fff;height:100vh;overflow:auto;line-height:1.5;padding-top:40px;padding-bottom:20px;width:85%;min-width:140px;max-width:440px;transition:.5s}
div.menu_mobi_active{left:0;transition:.5s}
.close_menu{position:absolute;top:5px;right:7px;font-size:20px;background:#000;width:35px;text-align:center;line-height:35px;cursor:pointer}
div.menu_mobi_add ul{list-style:none}
.icon_menu_mobi{font-size:18px;text-decoration:none;display:block;cursor:pointer;display:block;cursor:pointer;margin-bottom:0}
.menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
a.home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px;display:none}
.close_menu{position:absolute;top:5px;right:7px;font-size:26px;background:#000;width:44px;text-align:center;line-height:44px;cursor:pointer}
div.menu_mobi_add ul li a,div.menu_mobi_add ul li span{text-decoration:none;color:#fff;font-family: 'Arial-Bold';display:block;border-bottom:1px solid #fff;padding:12px 40px 12px 10px;font-size:16px;position:relative}
.menu ul.menu_cap_cha{display:none!important}
div.menu_mobi{display:block;color:#fff;font-size:18px;text-decoration:none;cursor:pointer;display:block;width:35px;height:30px;line-height:30px;cursor:pointer;text-align:center}
.diachi-top{display:none}
.loadkhung_product1{grid-template-columns:repeat(4,1fr);grid-gap:15px}
.vert .simply-scroll-clip{height:423px!important}
.pro_catagory div{width:calc((100% / 5) - 6px)}
.catagory-list{display:none}
.wrap_slider{max-width:100%!important;width:100%}
.slideshow{padding:0;width:100%}
.boxfooter_right,.boxfooter_middle,.boxfooter_middle1,.boxfooter_left{width:50%}
.boxfooter_left,.boxfooter_middle{margin-bottom:20px}
.loadkhung_product{grid-gap:20px}
.wrap_gioithieu{margin-top:0}
}
@media(max-width:1000px) {
.header .fixwidth{flex-wrap:wrap}
.loadkhung_product{grid-gap:15px}
.loadkhung_product1{grid-template-columns:repeat(3,1fr);grid-gap:15px}
.left-content{display:none}
.right-content{width:100%}
.news{width:100%;float:none!important}
.mota_page_product{padding:10px}
.noidung_page_product{padding:10px}
.main_news{font-size:20px}
.breadCrumbs .wrap-content{padding:.75rem 0}
.wrap_left_detail{display:none}
.wrap_right_detail{width:100%}
.toolbar{display:block}
.scrollToTop{bottom:60px}
}
@media screen and (max-width:991px) {
    .modal_detail_ks {  width: calc(100% - 20px);} 
    .detail_phong_ks .row{margin-left: 0px !important; margin-right: 0px !important;}
    .items_thanhtoan,.result_detail_total {  width: 100%;}
    .box_thanhtoan {display: block;    padding: 12px 10px;}

    .box_form_xe .form-control{width: 100%;}
    #sect-choose-button{padding-left: 12px; padding-right: 12px;}

}

@media screen and (min-width:768px) and (max-width:979px){
    .hotro, .hotro a {font-size: 20px; color: #fff}
    .hotro p{margin-bottom: 0px;        font-size: 22px;}
    .hotline-mb{font-family: 'Arial-Bold';        line-height: 29px;}
        .hotline-mb a {font-size: 27px;}
    .icon_menu_mobi{background: url(../images/ico-menu.svg) center center no-repeat; width: 35px; height: 35px; background-size: 35px;}
     .icon_menu_mobi .fa-bars,.langue_menu a:first-child::before{display: none}

    .langue_menu{gap:15px;padding-top: 6px;margin-right: 15px;} 
        .langue_menu img {
            top: 0px;
            height: 29px !important;
            width: 49px;
        }

    .service_form .btn-sect, .service_form .ui-selectmenu-button,.service_form .calenda{width: 70% !important;    }    

    #checkin, #checkout{background-position: 98% center !important}

    .form_vemaybay button.btn_submit{margin-bottom: 0px}


    .items_diemden{grid-template-columns:repeat(2,1fr)}
        .img_diemden img {  height: 220px !important;  width: 100%;}

    .img_tintuc { width: 39%;}    
        .img_tintuc img {    height: 190px !important;    }

    .mota_tintuc{    
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 70px;
    }    


    .result-col-1,.result-col-2{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .result-col-2,.ghichu_fly{margin-top: 20px}

    .info_people_lienhe .input-people:first-child { width: 16%;}

    .info_hanhly_bay {width: calc(70% + 2px);}

    .wrap-hotel .tags_service{display: block;}

    .wrap-hotel .form_vemaybay_mobile{display: none}
    .wrap-hotel .item-ht{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .rs_item_ks {gap: 7px;}    

    .btn_booking {padding: 8px 10px;font-size: 15px;}
    .show_result_detail_ks>div:nth-child(2) { width: 33%;}
    .show_result_detail_ks>div:not(.title_detail_ks) { padding: 10px 10px; font-size: 15px;}
    .show_result_detail_ks>div:nth-child(4) { width: 22%;}
    .img_result_detail_ks img { height: 130px !important;}


    .item-tiennghi{max-width: 100%;    }

    .modal_detail_ks {  width: calc(100% - 20px);} 

    .box_info_customer_ks .item:first-child, .box_info_customer_ks .item:nth-child(2) {  width: 45%;}

    .box_info_customer_ks .item.time-pay{width: 100%;}

    .detail_phong_ks .img-booking-l { -ms-flex: 0 0 40%;  flex: 0 0 40%;   max-width: 40%;}
    .detail_phong_ks .des-booking { -ms-flex: 0 0 60%;  flex: 0 0 60%;  max-width: 60%;}

    .img-booking-l img {  object-fit: cover;  height: 233px !important;  width: 100%;}
    .detail_phong_ks .row{margin-left: 0px !important; margin-right: 0px !important;}

    .modal_detail_thanhtoan {width: calc(100% - 20px);}
    .items_thanhtoan,.result_detail_total {  width: 100%;}
    .box_thanhtoan {display: block;}


    .items_xe {gap: 16px;}


    .box-dattour .nguoithamgia {-ms-flex: 0 0 28.666667%;    flex: 0 0 28.666667%;    max-width: 28.666667%;}
    .box-dattour .chiphi  {-ms-flex: 0 0 38%;    flex: 0 0 38%;    max-width: 38%;}

    .box-service,.i-quytrinh,.i-visakhac  {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .item-serv {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .list-it {gap: 10px;    }
    .content_duhoc {padding: 7px 10px;    font-size: 15px;}
    .img_duhoc img {height: 115px !important;}

    .list-khuyenmai .readmore_tintuc a {    background: #0f6fb7;      border-radius: 20px;       color: #fff;    }



}

@media(max-width:769px) {
    .wrap_slider{
        margin-top: 60px;
    }
    #menu_topp{
        position: fixed;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 50px;
    }
    .header_search .dropdown_scrollbar{
        position: absolute;
        margin-top: -1px;
    }
    .box_form .input-contact input, .box_form .input-contact select{
        width: 100%;
    }
.items_mxh{justify-content:space-evenly}
.logo_footer{text-align:center}
.img_intro_mobile{display:block;float:left;width:40%}
.img_cn{text-align:center}
.readmore_tintuc{margin-top:8px}
.readmore_tintuc a{background:transparent;color:var(--color-main);border-bottom:1px solid var(--color-main);padding:0;font-family: 'Arial'; border-radius: 0px;}
.img_tintuc img{height:100%!important}

.none_769{display:none}
.khuhoi,.motchieu{width:50%;text-align:center;padding:6px 2px}
.khuhoi{color:#fff;background:var(--color-main)}
.motchieu{border:1px solid #eee}
.select_box_loaive{display:none}
.items_diemden{grid-template-columns:repeat(2,1fr)}
.box_form{grid-template-columns:repeat(1,1fr)}
.box_form>div{grid-column-start:unset!important;grid-column-end:unset!important;grid-row-start:unset!important}
.box_form .input-contact{justify-content:space-between;align-items:center}
.form_vemaybay .select_box_loaive,.select_box_hanhkhach,.select_box_khoihanh,.select_box_diemden,.form_vemaybay input,.form_vemaybay select{width:70%}
.list_service{padding-top:16px}
.tags_service{display:none}
.form_vemaybay_mobile{display:block}
.items_service{grid-template-columns:repeat(3,1fr);position:relative;background:transparent;padding:0;gap:0}
.item_service{background:#b8d4e9;padding:10px;margin-bottom:10px}
.header{display:none}
.header_left_mobile{display:block!important}
.header_logo img{transition:all .3s;max-height:75px}
.header_logo{}
.loadkhung_product1{grid-template-columns:repeat(2,1fr);grid-gap:15px}
.loadkhung_product{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}
.pro_catagory div{width:calc((100% / 4) - 6px)}
.top-contact{flex-wrap:wrap}
.left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px}
.wrap_about .fixwidth{flex-wrap:wrap}
.wrap_bottom .fixwidth{flex-wrap:wrap}
.left_bottom{width:100%;margin-bottom:30px}
.right_bottom{width:100%}
.slider_info__name1{font-size:20px}
.slider_info1{padding:8px 15px}
.gt_left{min-height:350px;width:100%;margin-bottom:15px}
.gt_right{width:100%;padding-left:0}
.footer_name{font-size:35px}
.loadkhung_video{grid-template-columns:repeat(2,1fr);grid-gap:15px}
}
@media(max-width:767px) {
.icon-head .icon-img{padding-right:8px;width:55px}
.icon-head .icon-info div:nth-child(2){color:#e60707;font-size:18px}
.header_logo img{max-height:65px}
.hotro, .hotro a {font-size: 20px; color: #fff}
    .hotro p{margin-bottom: 0px;        font-size: 22px;}
    .hotline-mb{font-family: 'Arial-Bold';        line-height: 29px;}
        .hotline-mb a {font-size: 27px;}
    .icon_menu_mobi{background: url(../images/ico-menu.svg) center center no-repeat; width: 35px; height: 35px; background-size: 35px;}
     .icon_menu_mobi .fa-bars,.langue_menu a:first-child::before{display: none}

    .langue_menu{gap:15px;padding-top: 6px;margin-right: 15px;} 
        .langue_menu img {
            top: 0px;
            height: 29px !important;
            width: 49px;
        }

    .service_form .btn-sect, .service_form .ui-selectmenu-button,.service_form .calenda{width: 70% !important;    }    

    #checkin, #checkout{background-position: 98% center !important}

    .form_vemaybay button.btn_submit{margin-bottom: 0px}


    .items_diemden{grid-template-columns:repeat(2,1fr)}
        .img_diemden img {  height: 220px !important;  width: 100%;}

    .img_tintuc { width: 39%;}    
        .img_tintuc img {    height: 190px !important;    }

    .mota_tintuc{    
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 70px;
    }    

    .item-tt {
        -ms-flex: 0 0 16.66666666666667%;
        flex: 0 0 16.66666666666667%;
        max-width: 16.66666666666667%;
    }    

    .img_intro {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
    .content_intro {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .result-col-2,.ghichu_fly{margin-top: 20px}

    .info_hanhly_bay {width: calc(70% + 2px);}
    .info_people_bay input {min-width: 260px;}


    .info_people_lienhe .input-people:first-child {  width: 18%;}

    .grid_info_success {gap: 10px;}

    .info_success_ve_di{min-width: 94px;}


    .wrap-hotel .tags_service { margin-top: -2px; display: block;}
        .wrap-hotel .navs_service {background: #0f6fb7;  position: relative;  overflow-y: hidden !important;   overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;  white-space: nowrap;   scrollbar-width: none;  margin-left: -2%;  margin-right: -2%;    display: grid;
        border-radius: 0px 0px 0 0;     grid-template-columns: repeat(4, 1fr);        gap: 0px 0px;
    }
        .wrap-hotel .navs_service>li {  width: auto;  text-align: center;  display: inline-block;}

    .wrap-hotel .form_vemaybay_mobile{display: none;}

    .show_result_detail_ks>div:not(.title_detail_ks) {  padding: 10px 5px;}

    .btn_booking {padding: 8px 10px;font-size: 15px;}

    .modal_detail_ks {
        top: 10px;
        transform: translateY(0px);
        transform: translateX(-50%);
    }

    .box_info_customer_ks .item,.box_info_customer_ks .item:first-child, .box_info_customer_ks .item:nth-child(2),.box_info_customer_ks .item:nth-child(2n){width: 50%;}
    .time-pay,.code-booking{width: 100% !important;}

        .modal_detail_thanhtoan {
            width: calc(100% - 20px);
            height: auto !important;
            position: fixed;
        }
        .modal_detail_thanhtoan .box_content_modal {  height: auto;}
    .modal_detail_thanhtoan .box_content_modal img{max-width: 80px;}

    .box-service,.i-quytrinh,.i-visakhac  {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .item-serv {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .list-it {gap: 30px;    grid-template-columns: repeat(3, 1fr);}
    .content_duhoc {padding: 7px 10px;}
    .img_duhoc img {height: 145px  !important;}

    .list-khuyenmai .readmore_tintuc a {background: #0f6fb7;  border-radius: 20px;   color: #fff;}























}
@media(max-width:700px) {
.icon-head .icon-info div:nth-child(2){font-size:16px}
.header_logo img{max-height:44px}
.pro_catagory div{width:calc((100% / 3) - 6px)}
.email{display:none}
.boxproduct_item .boxproduct_name a{transition:all .5s;color:#333}
.left_dv{display:none}
.right_dv{width:100%;min-height:400px}
}
@media screen and (max-width: 480px) and (orientation : portrait) {
    .hotro{display: none;}
    .hotro p {font-size: 16px;   }
        .hotline-mb a {   font-size: 19px;  }
    .langue_menu img {
        height: 21px !important;
        width: 33px;
    }    
    .icon_menu_mobi {
        width: 29px;
        height: 29px;
        background-size: 29px;
    }
    .langue_menu { margin-right: 10px; padding-top: 0px;   }

    .content_service {font-size: 15px;    padding-top:20px;}

    .b-vemaybay a:before {top: 27px;width: 93px;  height: 37px;}
    .items_service a {padding-top: 67px;}
    .b-visa a:before {top: 16px;width: 62px;   height: 55px;}
    .b-service-o a:before {top: 13px;width: 69px;  height: 63px;}
    .b-dinhcu a:before {top: 9px;width: 65px;  height: 65px;}


    .service_form .btn-sect, .service_form .ui-selectmenu-button, .service_form .calenda,
    .form_vemaybay .select_box_loaive, .select_box_hanhkhach, .select_box_khoihanh, .select_box_diemden,.choose-box {
        width: 70% !important;
    }
    .box_form {gap: 12px 20px;}
    .bt-slide .owl-prev {left: auto  !important; margin-left: -30px;    top:auto;  transform: none; position:relative;  }
    .bt-slide .owl-next {right:auto !important; margin-right: -30px;    top:auto;  transform: none;  position:relative;   }

    .img_diemden img {height: 170px !important;    } 

    .title_tintuc{line-height: 20px;}
    .img_tintuc {  width:45%;}
    .content_tintuc { width: 55%;}
        .content_tintuc .mota_tintuc{display: none;}
    .img_tintuc img { height: 150px !important;}

    .item-tt {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .img_intro,.content_intro {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .content_intro {margin-top: 15px;}

    .footer-col-1, .footer-col-2, .footer-col-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .items_mxh {  justify-content: left;    }

    .t_dden { line-height: 17px;        margin-top: 5px;}
    .item_diemden .t_dden a {padding-left: 0px;}

    .hotline-tab{display: block;display: block;      position: fixed;      bottom: 0px;     background: var(--color-main);    width: 100%;
        color: #fff;text-align: left;font-size: 22px;padding: 7px 5px 7px 56px;     z-index: 999;}
        .hotline-tab a{font-size: 25px;font-family: 'Arial-Bold'; color: #fff}

      

    .code_fly,.time_fly,.price_fly{font-size: 14px;}    
    .select_fly input { padding: 4px 8px; border-radius: 7px;   font-size: 14px;}
    .logo_fly img{max-width: 70px;}
    .grid_info_success {gap: 10px;grid-template-columns: repeat(2, 1fr);    }
    .info_people_bay, .box_info_people_user,.info_hanhly_bay { display: grid;  gap: 10px; margin-bottom: 10px;}

    .info_hanhly_bay .w-50 { width: 100% !important;}
    .info_hanhly_bay {   width: 100%}

    .boxfooter_container {padding-bottom: 50px;}    

    .info_people_lienhe .input-people:first-child,.info_people_lienhe .input-people { width: 100%;}

    .btn_chonlaichuyen{min-width: auto;}
    .btn_datvemaybay{min-width: 140px;}

    .box_info_success { padding: 20px 15px;}

    .note-room{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wrap-hotel .navs_service {    display: block;     grid-template-columns: none;    }

    .wrap-hotel .navs_service .nav-link {    padding: 0px 15px; height: 45px;  line-height: 46px;  border-radius: 0;    font-size: 15px;   }

    .box_list_ks,.box_filter_ks,.rs_img_ks,.rsks_content_ks{width: 100%;}
    .box_result_ks,.rs_item_ks { display: block;}

    .rsks_content_ks{margin-top: 15px;}


    .gia_result_detail_ks div:nth-child(2) {  position: relative;  left: auto;  top: auto; transform: none;  line-height: 21px;   font-size: 15px;        margin-top: 20px;}
    .show_result_detail_ks {gap: 1px;}
    .btn_booking {
        padding: 8px 6px;
        font-size: 14px;
        white-space: normal;
        line-height: 17px;
    }
    .show_result_detail_ks {font-size: 15px;}
    .show_result_detail_ks>div:nth-child(3), .show_result_detail_ks>div:nth-child(4) {  width: 22%;}

    .box_btn_submit_info_ks button { padding: 10px 40px;}


    .slide-al-hotel, .info-hotel,.detail_phong_ks .img-booking-l,.detail_phong_ks .des-booking,.i-visakhac{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .slide-al-hotel.bt-slide .owl-prev,.slide-al-hotel.bt-slide .owl-next {
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
        }    
         .overview_hotel .info-hotel{padding-left: 0px; margin-top: 20px;}

    .item-tiennghi {grid-template-columns: repeat(1, 1fr);max-width: 100%;    gap: 4px;}     

    .box_info_customer_ks .item{width: 100% !important;}

    .detail_phong_ks .des-booking{margin-top: 15px; padding-left: 0px;}

    .box_btn_submit_info_ks {margin-top: 10px;}

    .modal_detail_thanhtoan {padding: 40px 0px;    }
    .box_qr_momo {gap: 25px;}
    .qr-pay-c img{max-width: 150px;}


    .items_xe {display: block;}
        .items_xe .item_xe{margin-bottom: 10px;}

    .box_form_xe .d-right{margin-top: 15px;    justify-items: center;}

    .txt-b {margin-bottom: 0px;  margin-top: 5px; width: 200px}

    .title_dvtg {padding: 20px 15px;}

    .title_qt {line-height: 20px;}

    .item-serv {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .box-ab-comp {padding: 15px 0px 15px 15px;}

    .img_dichvu img {height: 145px !important;}
    .item_dichvu {background: var(--color-main);}

    .list-it {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .content_duhoc {font-size: 15px;}
    .img_duhoc img {   height: 125px !important;    }

    .body-p p, .body-p div, .body-p img,.body-p h2, .body-p h3, .body-p h4, .body-p h5, .body-p h6 {  margin-bottom: 15px;}





















}    
@media screen and (max-width:375px) {
    .item_service {padding: 10px 5px;}
    .content_service {font-size: 14px;}

    .img_diemden img {   height: 160px !important;    }

    .hotline-tab {font-size: 20px;        padding: 7px 5px 7px 50px;}
    .phonering-alo-ph-img-circle { width: 26px;  height: 28px;left: 14px;}

    .item_calender{font-size: 15px;        line-height: 19px;}

    .wrap-hotel .item-ht{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wrap-hotel .input-contact { margin-bottom: 5px;}

    .show_result_detail_ks {font-size: 15px;}
    .show_result_detail_ks>div:nth-child(3), .show_result_detail_ks>div:nth-child(4) {  width: 22%;}
    .show_result_detail_ks {font-size: 14px;}

}
@media screen and (max-width:365px) {
    .hotline-tab {  font-size: 18px;    padding: 7px 5px 7px 50px;    }








}
@media screen and (max-width:330px) {
    .hotline-tab a {  font-size: 21px;   }
    .phonering-alo-ph-img-circle {
        width: 25px;
        height: 28px;
        left: 14px;
        top: 8px;
    }
    .hotline-tab { font-size: 16px;  padding: 7px 5px 7px 48px;    }







}



@media(max-width:440px) {
.loadkhung_video{grid-template-columns:repeat(1,1fr);grid-gap:15px}
.footer_name{font-size:32px}
.header_left{width:23%}
.boxmenu_middle{width:75%}
.boxmenu_right{display:none!important}
.loadkhung_product,.loadkhung_product1{grid-gap:12px}
.boxfooter_container .fixwidth{flex-wrap:wrap}
.slider_info__name1{font-size:15px}
.slider_info1{padding:5px 8px}
.boxfooter_left{width:100%;margin-bottom:30px;padding-right:0}
.boxfooter_middle{width:100%;margin-bottom:30px;padding-right:0}
.boxfooter_middle1{width:100%;margin-bottom:30px;padding-right:0}
.boxfooter_right{width:100%}
.news .pic-news,.news .info-news{display:block;width:100%;float:none;text-align:center;margin:0}
.news .info-news{margin-top:15px}
.news_bt .info-news{margin-top:0;text-align:left}
.top-contact .form-contact .button-contact .file-contact span b{max-width:105px}
}
@media(max-width:369px) {
.cart-pro-detail{flex-wrap:wrap}
.cart-pro-detail a{width:100%;text-align:center;margin:0!important;font-size:12px}
.cart-pro-detail a:first-child{margin-bottom:5px!important}
.cart-pro-detail a i{display:none}
}
div.danhmuc{border-bottom:none}
div.danhmuc{border:1px solid #d6d6d6;margin-bottom:15px}
div.tieude{color:#fff;text-align:center;font-size:18px;line-height:28px;background:#D80101;padding:10px;text-transform:uppercase;font-family:'UTM HelvetIns';position:relative}
div#danhmuc ul li a{color:#454545;text-decoration:none;font-size:14px;transition:.4s;display:block;border-bottom:1px solid #DDD;padding:9px 5px 9px 23px;background:url(/assets/images/muiten.png) 11px 15px no-repeat}
.tit_dknt{text-align:center;color:#fff;font-size:16px;margin-bottom:30px}
.tit_dknt p{color:#ff0101;text-transform:uppercase;font-size:30px;line-height:40px;font-family:'UTM HelvetIns';margin-bottom:10px;background:url(/assets/images/tit1.png) no-repeat center bottom;padding-bottom:20px}
.tit_ft{font-size:15px;font-family: 'Arial-Bold';margin-bottom:10px;margin-top:20px}
.box_cs p{margin-bottom:5px}
.box_cs p a{color:#fff;transition:all .6s}
.box_cs p i{margin-right:10px}
.box_cs p a:hover{padding-left:10px;color:red}
.copyright{color:#fff}
.copyright:hover{color:orange!important}
.code_qr{margin-left:3px;padding:2px 4px;border-radius:3px;background:#008cff;color:#fff!important;font-size:11px;height:20px}
.show_code_qr{position:relative}
.show_code_qr img{}
.rank_danhgia li{padding:8px 15px;border-radius:5px;background:rgba(128,128,128,0.281);margin-right:5px;cursor:pointer}
.rank_danhgia li i{color:gray}
.rank_danhgia li:last-child{color:#fff;background:var(--color-main)}
.send_danhgia i{color:#fff!important}
.show_rating small{color:#535252}
.show_rating i{color:#febb0d}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999999}
.spinner{position:absolute;left:50%;top:50%;width:50px;height:30px;text-align:center;font-size:10px;margin-left:-25px}
.spinner>div{background-color:#bc0000;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.4)}
20%{-webkit-transform:scaleY(1.0)}
}
@keyframes stretchdelay {
0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}
20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}
.zalo-share-button{width:120px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#0058D9;border-radius:4px;gap:10px;cursor:pointer;transition:all .3s linear}
.zalo-share-button:hover{transform:translateY(-3px);opacity:.7}
.rating_total{margin-bottom:10px}
.img_rating{position:relative;display:inline-block}
.img_rating .color_rating{position:absolute;left:0;bottom:0;height:95%;background:#ea9a23;z-index:-1}
.img_rating .gray_rating{position:absolute;left:0;bottom:0;height:95%;width:100%;background:gray;z-index:-2}
.image-center{
    text-align: center;
}

/*update*/
figure {
    width: auto;
    margin: 0 0 1rem;
    display: inline-block;
}
figcaption {
    width: auto;
    padding: 6px 8px;
    background: #ddd;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    text-align: center;
}

input[type='text'].required,
input[type='password'].required,
input[type='email'].required,
input[type='number'].required,
input[type='search'].required,
input[type='tel'].required,
input[type='time'].required,
input[type='url'].required,
input[type='url'].required,
textarea.required,
select.required,
label.required {
    background-image: url(../images/required.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.srhfull{
    width: 100%;
    position: relative;
}
.srhfull .header_search_dropdown .search_title {
    font-size: 13px;
    line-height: 1.75rem;
    font-weight: 600;
    border-radius: 10px;
    margin: 4px 10px;
}
.srhfull .dropdown_scrollbar{
    margin-top: -1px;
    position: absolute;
    z-index: 3;
    background: #fff;
    width: 100%;
}
.srhfull .header_search_dropdown {
    border: 1px solid #ccc;
}
.srhfull .header_search_dropdown ul {
    list-style: none;
}
.srhfull .header_search_dropdown ul li {
    border-bottom: 1px solid #e2e2e2;
}
.srhfull .header_search_dropdown ul li:hover{
    background: #e0e0e0;
}
.srhfull .header_search_dropdown ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
    border-radius: 8px;
    padding-left: 6px;
}
.srhfull .header_search_dropdown ul .fa {
    margin-right: 9px;
    font-size: 19px;
    color: #898989;
}
.srhfull .header_search_dropdown ul .list-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 13px;
    font-weight: 500;
    color: #2d2d2d;
}
.srhfull .header_search_dropdown ul .list-name span {
    font-size: 12px;
    color: #8d8d8d;
    display: block;
}
#timeoutsess{
    display: none;
}
.dropdown .dropdown-menu a{
    color: #000;
}
.show-submenu .dropdown-menu{
    display: block;
}
.dropdown .dropdown-menu{
    padding: 6px 10px;
    margin-top: 2px;
    border-radius: 0;
    min-width: 12rem !important;
}
.dropdown .dropdown-menu li{
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.dropdown .dropdown-menu li:last-child{
    border-bottom: none;
}



/*
 * Plugin style
 */
.numberstyle-qty {
    position: relative;
    overflow: hidden;
}

.numberstyle-qty input,
.numberstyle-qty .qty-btn {
    position: relative;
    display: block;
    float: left;
    height: 34px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 34px;
    border: 1px solid #ccc;
}

.numberstyle-qty .qty-btn {
    width: 34px;
    font-size: 18px;
    cursor: pointer;
    user-select: none;
}

.numberstyle-qty .qty-btn.disabled {
    cursor: default;
}

.numberstyle-qty input {
    width: 50px !important;
    border-left: 0;
    border-right: 0;
    font-size: 18px;
    font-weight: 700;
    z-index: 1;
}

.numberstyle-qty input:focus {
    outline: 0;
    box-shadow: 0px;
}

.numberstyle-qty input[type=number]::-webkit-inner-spin-button,
.numberstyle-qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.numberstyle-qty input[type=number] {
    -moz-appearance: textfield;
}



.form_khachsan input {
    background: transparent;
    cursor: pointer;
}

.input-group-symbol {
    position: absolute;
    font-size: 18px;
    color: #6f6e6e;
    left: 5px;
    bottom: 6px;
}

.input-group-icon {
    position: relative;
}

.input-icon {
    font-size: 24px;
    color: #808080;
    position: absolute;
    line-height: 28px;
    right: 0;
    top: 0;
    width: 28px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.input-icon::before {
    display: block;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.input--style-1 {
    width: 100%;
    padding: 0;
    outline: none;
    border: none;
    font-size: 16px;
    height: 34px;
    font-weight: 400;
    line-height: 1.5;
}

.input--style-1::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #808080;
}

.input--style-1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #808080;
    opacity: 1;
}

.input--style-1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #808080;
    opacity: 1;
}

.input--style-1:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #808080;
}

.input--style-1:-ms-input-placeholder {
    /* Microsoft Edge */
    color: #808080;
}



.radio-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
}

.quantity > input {
    -webkit-appearance: none;
    border: none;
    width: 55px;
    text-align: center;
    font-size: 18px;
    color: #555;
    font-weight: 700;
}
.yearold {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
}

.yearold > select {
    width: 120px;
    text-align: center;
    font-size: 18px;
    color: #555;
    font-weight: 700;
}

.minus,
.plus {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    border: 2px solid #ccc;
    font-size: 24px;
    color: #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.minus:hover,
.plus:hover {
    background: #ccc;
    color: #fff;
}

.list-room {
    list-style: none;
    max-height: 324px;
    overflow-y: auto;
    padding-right: 20px;
}

.list-room__item {
    margin-bottom: 10px;
}

.list-room__footer {
    padding-top: 22px;
    border-top: 1px solid #e5e5e5;
}

.list-room__name {
    margin-bottom: 6px;
    display: block;
    font-weight: 700;
    color: #999;
    border-bottom: 2px dotted #ccc;
}

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

.list-person .list-person__item:last-child {
    margin-bottom: 0;
}

.list-person__item {
    margin-bottom: 8px;
}

.list-person__item::after {
    content: "";
    clear: both;
    display: table;
}

.list-person__item .name {
    color: #555;
    font-weight: 700;
    display: inline-block;
    margin-top: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#btn-add-room {
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#btn-add-room:hover {
    text-decoration: underline;
}

.dropdown-select {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -webkit-calc(100% + 2px);
    top: -moz-calc(100% + 2px);
    top: calc(100% + 2px);
    background: #fff;
    z-index: 999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 45px;
    padding-right: 25px;
}
@media (max-width: 768px) {
    .dropdown-select{
        padding: 10px 12px;
    }
}
.dropdown-select.show {
    display: block;
}

.open .input-icon::before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* ==========================================================================
   #SELECT2
   ========================================================================== */
.select--no-search .select2-search {
    display: none !important;
}

.input-user-room {
    position: relative;
    padding: 0px 26px;
    padding-bottom: 3px;
    padding-right: 20px;
    height: 34px;
    border: 1px solid #ccc;
}
.gray-form .row{
    color: #2196f3;
    font-size: 20px;
}
.gray-form .message_alert{
    color: #f00;
    text-align: center;
}
.gray-form .sub-title-type{
    color: #2196f3;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}