#header{
    background-color: #02355e;
    width: 100%;
    left: 0;
}
.hd-top{
    position: relative;
    z-index: 5000;
}
.logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.logo img{
    max-height: 110px;
}
.hd-info{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
}
.hd-info> a{
    position: relative;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 22px;
    transition: .2s;
}.hd-info> a:hover{
    color: #ff0;
}
.hd-info a.tuvan:before{
    content: url(images/timer.png);
    position: absolute;
    left: 0;
    top: 3px;
}
.hd-info a.datphong{
    padding-left: 26px;
}
.hd-info a.datphong:before{
    content: url(images/datban.png);
    position: absolute;
    left: 0;
    top: 1px;
}.hd-info >a+a{
    margin-left: 2em;
}
.mn-left{
    width: 40%;
}
.mn-right{
    width: 40%;
}
.loaiphong-bg{
    padding: 3em 0;
}
.idx-tit{
    margin-bottom: 30px;
}
.idx-tit h2{
    font-size: 18px;
    font-family: 'roboto';
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.idx-tit h2 a,.idx-tit h2 span{
    color: #000;
}
.idx-tit p{
    color: #755944;
    font-size: 36px;
    margin-bottom: 0.5em;
    line-height: 1;
}
.idx-tit p+p{
    font-size: 16px;
    color: #000;
    text-align: center;
    font-style: italic;
}
.idx-tit .desc{
    max-width: 760px;
    margin: 0 auto;
}
.product-grid{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3,1fr);
}
.pr-name{
    font-size: 18px;
    text-transform: uppercase;
}
.pr-desc{
    font-size: 14px;
}
.pr-box:hover .info{
    top: 0;
}
.pr-box .info>p{}
.pr-box .info>p span{}
.pr-box .info>p del{}
.pr-box .info>p strong{
    font-size: 18px;
}
.pr-box .btndatphong{
    font-size: 14px;
    color: #f6cc2d;
    display: inline-block;
    border-radius: 25px;
    border: 1px solid #f6cc2d;
    padding: 1em 2em;
    line-height: 1;
    margin-top: 1em;
    transition: .2s;
}.pr-box .btndatphong:hover{
    color: rgba(105, 52, 0, 1);
    background-color: #f6cc2d;
}
.formdatphong-bg{
    background: url(images/form-bg.png);
    background-size: cover;
    padding: 2em 0 4em;
}
.formdatphong-bg .tit{
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-transform: capitalize;
}
.formdatphong-bg .desc{
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-style: italic;
    margin-bottom: 1em;
}
.form-flex{
    /* display: flex; */
    /* justify-content: space-around; */
    /* align-items: flex-start; */
    /* flex-wrap: wrap; */
}
.form-flex .btn{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #f6cc2d;
    border-color: #f6cc2d;
    padding: 6px 2em;
    height: 34px;
}
.form-inner-flex{
    flex: 1;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
}
.about-bg{
    background: url(images/about-bg.png);
    background-size: cover;
    padding: 4em 0;
}
.about-bg .content{max-width: 600px;overflow: hidden;max-height: 210px;}
.about-bg .xemthem{
    display: inline-block;
    text-transform: uppercase;
    background: #572d03;
    padding: 1em 2em;
    line-height: 1;
    color: #ff0;
    font-size: 14px;
    margin-top: 2em;
    transition: .2s;
}.about-bg .xemthem:hover{color: #333;background: #f6cc2d;}
.tinnb-bg{
    padding: 4em 0;
}
.tinnb-main{
    margin: 0 -15px;
}
.tinnb-item{}
.tinnb-item a{
    display: block;
    margin: 0 auto;
    width: 95%;
    max-width: 380px;
}
.tinnb-item figure{}
.tinnb-item figure img{
    width: 100%;
}
.tinnb-item h5{
    text-align: center;
    font-size: 16px;
    color: #000;
    transition: .2s;
}.tinnb-item h5:hover{color:#f00}
.dichvu-bg{
    padding: 3em 0;
}
.dichvu-main{}
.dichvu-item{}
.dichvu-item a{
    display: block;
    background: #f4f4f4;
    text-align: center;
    transition: .2s;
}.dichvu-item a:hover{
    background:#e9e9e9
}
.dichvu-item figure{}
.dichvu-item figure img{
    width: 100%;
}
.dichvu-item .info{
    color: #000;
    padding: 20px 50px 50px;
}
.dichvu-item .info h4{
    text-transform: uppercase;
    font-size: 29px;
    margin: 0 0 15px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dichvu-item .desc{
    font-size: 15px;
    font-family: 'roboto';
    color: #575757;
    margin-bottom: 2em;
    height: 109px;
    overflow: hidden;
}
.dichvu-item .xemct{
    font-size: 15px;
    font-family: 'roboto';
    display: block;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 0.9em;
    line-height: 1;
    transition: .4s;
}
.dichvu-item .xemct:hover{color:#fff;background:#000}
.album-bg{
    padding: 4em 0;
}
.album-main{
}
.album-item{}
.album-item a{
    display: block;
    position: relative;
}
.album-item a figure{}
.album-item a figure img{
    width: 100%;
}
.album-item a h4{
    position: absolute;
    bottom: 2em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    transition: .3s;
}
.video-bg{}
.hoatdong-item{}
.hoatdong-item a{height: 29.5vw;display: flex;background-size: cover;align-items: center;justify-content: center;}
.hoatdong-item a:before{content:url(images/play.png)}
.codebando,.codebando iframe{
    height: 28.5vw;
    width: 100%;
    overflow: hidden;
}
.com-name{
    font-size: 36px;
    font-weight: 700;
    background: rgba(246,203,45,1);
    background: -moz-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,203,45,1)), color-stop(50%, rgba(255,230,140,1)), color-stop(100%, rgba(246,203,45,1)));
    background: -webkit-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -o-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: linear-gradient(to right, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cb2d', endColorstr='#f6cb2d', GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.com-field{
    font-size: 21px;
    background: rgba(246,203,45,1);
    background: -moz-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,203,45,1)), color-stop(50%, rgba(255,230,140,1)), color-stop(100%, rgba(246,203,45,1)));
    background: -webkit-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -o-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: linear-gradient(to right, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cb2d', endColorstr='#f6cb2d', GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ks3sao{
    font-size: 16px;
    font-weight: 700;
    margin-top: 2em;
    background: rgba(246,203,45,1);
    background: -moz-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,203,45,1)), color-stop(50%, rgba(255,230,140,1)), color-stop(100%, rgba(246,203,45,1)));
    background: -webkit-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -o-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: -ms-linear-gradient(left, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    background: linear-gradient(to right, rgba(246,203,45,1) 0%, rgba(255,230,140,1) 50%, rgba(246,203,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cb2d', endColorstr='#f6cb2d', GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    position: relative;
}
.ks3sao:before{content:url(images/ft-tit.png);position: absolute;left: 50%;top: -30px;transform: translateX(-50%);}
.ft-flex{
    display: flex;
    justify-content: center;
    margin: 2em 0 0.5em;
}
.ft-flex p{
    font-size: 14px;
    color: #fee382;
    font-family: 'roboto';
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.7em;
}.ft-flex p+p{
    margin-left: 2em;
}
.ft-diachi:before{
    content: url(images/ft-location.png);
    position: absolute;
    left: 0;
    top: 2px;
}
.ft-dienthoai:before{
    content: url(images/ft-hotline.png);
    position: absolute;
    left: 0;
    top: 2px;
}
.ft-dienthoai a{
    color: #fee382;
}
.ft-email:before{
    content: url(images/ft-email.png);
    position: absolute;
    left: 0;
    top: 2px;
}.ft-nav{
    background-color: #fde585; /* layer fill content */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHkxPSI1MCUiIHgyPSIxMDAlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1Y2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZlNjhjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVjYjJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */
    background-image: -moz-linear-gradient(left, #f5cb2d 0%, #ffe68c 49.88%, #f5cb2d 100%); /* gradient overlay */
    background-image: -o-linear-gradient(left, #f5cb2d 0%, #ffe68c 49.88%, #f5cb2d 100%); /* gradient overlay */
    background-image: -webkit-linear-gradient(left, #f5cb2d 0%, #ffe68c 49.88%, #f5cb2d 100%); /* gradient overlay */
    background-image: linear-gradient(left, #f5cb2d 0%, #ffe68c 49.88%, #f5cb2d 100%); /* gradient overlay */
    display: flex;
    justify-content: center;
}
.ft-nav a{
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 1.4em 0;
}.ft-nav a+a{
    margin-left: 2em;
}
.pr-box>a{
    display: block;
    border-bottom: 5px solid #f6cc2d;
    text-align: center;
    position: relative;
}
.pr-box h3{font-size: 18px;background-color: rgba(105, 52, 0, 0.5);color: #f6cc2d;margin: 0;padding: 1em;position: absolute;width: 100%;text-transform: uppercase;bottom: 0;}
.pr-box img{
    object-fit: cover;
    width: 100%;
    height: 19.5vw;
}
.pr-box:hover h3{display: none;}
.formdatphong-bg .form-control{
    border-radius: 0;
    font-family: 'roboto';
    /* width: 96%; */
}
.formdatphong-bg input.form-control{
}
.formdatphong-bg .form-group{
    margin: 0 15px;
    width: 100%;
}.formdatphong-bg .btn{ margin: 0 15px;}
.tienich-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tienich-content p{
    width: 49%;
    position: relative;
}.tienich-content p:before{content:"-";margin-right:4px}
.form-an{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}
.form-box{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.form-box .form-group{width: 49%}
.boxdat label{display: block;}
.cacphong{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cacphong-item{
    width: 32%;
    margin-bottom: 1em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#000)";/*IE 8*/
    -moz-box-shadow: 4px 0 6px -2px rgba(0,0,0,0.3), -4px 0 6px -2px rgba(0,0,0,0.3);/*FF 3.5+*/
    -webkit-box-shadow: 4px 0 6px -2px rgba(0,0,0,0.3), -4px 0 6px -2px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 4px 0 6px -2px rgba(0,0,0,0.3), -4px 0 6px -2px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#000); /*IE 5.5-7*/
}
.cacphong-item a{
    display: block;
}
.cacphong-item a figure{}
.cacphong-item a figure img{
    width: 100%;
}
.cacphong-item a h3{
    margin: 0;
    padding: 0.7em;
    color: #02355e;
}
.wap_box_new{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;}
.thuvien-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 15px;
}
.thuvien-item{}
.thuvien-item a{
    display: block;
    position: relative;
}
.thuvien-item img{
    position: relative;
    width: 100%;
    height: 15vw;
}
.thuvien-item section{
    align-items: center;
    justify-content: center;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.19);
}
.thuvien-item section i{
    font-size: 3rem;
    color: #fff;
}
.ngaydang{
    margin-top: 1em;
}
.boxdat * {font-family: arial;}.boxdat .btn{margin-bottom: 1em;}
.mxh a{display: block;}

#div_popup_info {position:fixed;right:10px;bottom:10px;width:190px;z-index: 560000;display:none;}
#div_popup_info .title_left {float:left;padding-left:5px;padding-top: 0;}
#div_popup_info .title_right {float:right;padding-right:5px;/* padding-top:7px; */}
#div_popup_info #last_booking {background-color:#efefef;/* height:60px; *//* text-align:center; */padding:10px;}
#div_popup_info #user_consider {background-color:#efefef;/* height:50px; */text-align:center;padding:10px;}

#div_popup_benefit {position:fixed;right:10px;bottom:10px;width:190px;display:none;z-index: 5600;}
#div_popup_benefit .title_left { float:left; padding-left:5px; padding-top:1px; color:#fff; }
#div_popup_benefit .title_right {float:right;padding-right:5px;/* padding-top:7px; */}
#div_popup_benefit #list_benefit { background-color:#efefef; text-align:center; padding:10px; }
#div_popup_benefit #list_benefit div { color:#000; text-align:left; }
.BGColor1 {
    background-color: #C5944C;
}
.h25 {
    height: 29px;
    line-height: 25px;
}
.pb10 {
    padding-bottom: 10px;
}
.fixed .nav-bg{
    padding-bottom: 7px;
}
.fixed .hd-info{
    height: unset;
}.fixed .logo img{
    max-height: 67px;
}