/*================= BEGIN: style ==================*/
.div_input{
  position: relative;
}
.div_input label.error{
  font-size: 10px;
  color: #f60000;
  text-transform: none;
}
.page-not-found{
  padding: 150px 0px;
}
.page-not-found a{
  color: #23527c;
}
.page-not-found span{
  line-height: 35px;
}
.ui-datepicker table thead tr th{
  padding: 1em 0em;
}
.wrapTop{
  margin-bottom: 50px;
}
.disabled{
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .5 !important;
}
/* .txt-split {
  padding-top: 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 90px;
  font-weight: 600;
} */
.boxFilter .form-control,
.quantity input.ipt-qua,
.quantity .group-button button i{
  color: #999999 !important;
}
.form_book_main .input-group.date input,
.form_book_in .input-group.date input{
  font-size: 14px;
}
.socialLinks a:hover,
.socialLinks a:hover *{
  color: #fff !important;
}
.vnt-lang{
  line-height: 1;
}
.boxTitle,
.menuCates > .title,
.contentWrap .main-des,
.contentWrap .title-page,
.txt-split.vfonts,
.vnt-main-top .caption,
.menuNav > ul > li a,
.footer-menu li a,
.copyright{
  font-family: "Barlow Condensed", sans-serif !important;
}
.button-w.v2:hover{
  background-color: #fff;
  color: #e7b54a !important;
}
.row-input input,
.row-input select{
  padding: 10px 10px !important;
}
.vnt-news .topContent .link{
  display: inline-block;
}
.vnt-news .topContent .link:hover a{
  color: #e7b54a; 
  opacity: .8;
}
.mainFoot .title{
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.addressFoot .info p{
  display: flex;
  align-items: center;
}
/*================= END: style ==================*/

/*================= BEGIN: main ==================*/
.itemRoomAll{
  margin-bottom: 20px;
}
.jquery-modal.blocker.current{
  z-index: 999998;
  background-color: rgba(0,0,0,0.8);
  padding: 30px;
}
#popupmain.modal{
  width: auto;
  padding: 0px;
  z-index: 9999;
  overflow: unset;
  background: transparent;
  webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0px #000;
  -moz-box-shadow: 0 0 0px #000;
  -o-box-shadow: 0 0 0px #000;
  -ms-box-shadow: 0 0 0px #000;
  box-shadow: 0 0 0px #000;
}
#popupmain.modal .modal a.close-modal{
  font-size: 0px;
}
.jquery-modal .modal{
  max-width: 550px;
}
/* .boxProduct .slideshow .slick-current{
  opacity: 1 !important;
} */
/*================= END: main ==================*/

/*================= BEGIN: contact ==================*/
.form-contact label.error{
  font-size: 10px;
  text-transform: unset;
  color: #f60000;
}
.form-contact .form-group{
  position: relative;
}
#ext_maps iframe{
  width: 100%;
}
/*================= END: contact ==================*/

/*================= BEGIN: news ==================*/

/*================= END: news ==================*/

/*================= BEGIN: hotel ==================*/
#mypopup-compareRoom .row-info .caption:empty{
  display: none;
}
/*================= END: hotel ==================*/

/*================= BEGIN: restaurent ==================*/
.sliderBtn .slick-arrow{
  font-size: 0px;
}
/*================= END: restaurent ==================*/

/*================= BEGIN: service ==================*/
.news .caption .link a ~ a{
  padding-left: 0px;
  margin-left: 0px;
  border-left: 0px solid #FFFFFF;
}
.news .caption .link a:first-child{
  padding-right: 15px;
  margin-right: 15px;
  border-right: 0px solid #FFFFFF;
}
.bottomContent .wrapper:empty{
  display: none;
}
/*================= END: service ==================*/

/*================= BEGIN: product ==================*/

/*================= END: product ==================*/

/*================= BEGIN: cart ==================*/

/*================= END: cart ==================*/

/* https://stephanwagner.me/only-css-loading-spinner */
.loadOverlay{
  position: relative;
}
.loadOverlay:before{
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 30%;
  width: 80px;
  height: 80px;
  margin-top: -30px;
  /* margin-left: -10px; */
  border-radius: 50%;
  border-top: 2px solid #e7bb51;
  border-right: 2px solid transparent;
  animation: spinner .6s linear infinite;
  z-index: 99;
}
.loadOverlay:after{
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: rgba(0, 0, 0, .1);
}
.loadOverlay.loadContact:before{
  left: 45%;
}
.loadOverlay.loadCenter:before{
  left: 50%;
}
@-webkit-keyframes spinner {
  to {transform: rotate(360deg);}
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}

/* comment */
.comment_reply{
  margin-bottom: 15px;
}
.comment_reply .reply-com{
  margin-bottom: 10px;
}
.comment_reply .fl{
  width: 50%;
}
.comment_reply textarea.form-control{
     resize: vertical;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100px;
}
.comment_reply input.form-control{
  height: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.comment_reply button.btn{
  height: auto;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 7px 20px;
  text-transform: uppercase;
  background: #67635c;
  border: 0;
  margin-right: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.comment_reply button.btn:hover {
    background: #8d5c00;
}
/* comment */

/*================= BEGIN: Heading ==================*/
/* .desc a{
  color: #0000ff;
}
.desc h1{
  display: block;
  font-size: 28px;
  font-weight: bold;
}
.desc h2{
  display: block;
  font-size: 24px;
  font-weight: bold;
}
.desc h3{
  display: block;
  font-size: 22px;
  font-weight: bold;
}
.desc h4{
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.desc h5{
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.desc h6{
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.desc pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
  background-color: transparent;
  border: 0px solid #ccc;
}
.desc ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.desc ul ul {
  padding-inline-start: 0px;
}
.desc .ilist ul{
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
} */
.desc li:before{
  color: #013a25;
  margin-right: 10px;
}
/*================= END: Heading ==================*/

/* box_redirect */
/* https://www.w3schools.com/howto/howto_css_loader.asp */

/********************* CSS for box_redirect ****************************/
#box_redirect{border: 2px solid #e7bb51;width: 50%;margin:0px auto;}
#box_redirect p { line-height:18px;}
#box_redirect .top {background: #e7bb51;border-bottom:0px solid #5C5C5C;color:#FFFFFF;font-size: 14px;font-weight:bold;text-transform:uppercase;/* height:22px; */padding: 10px;text-align:left;}
#box_redirect .fontMess {color: #e7bb51;font-size: 14px;font-weight:bold;text-align:center;padding: 15px 5px;}
#box_redirect .mess { background:#383838; color:#FFFFFF;text-align:center}
#box_redirect .bottom {background: #e7bb51;color: #fff;text-align:center;padding:5px;font-size:12px;}

/********************* CSS for boxMess ****************************/
#boxMess{  border:1px solid #F08200;padding:2px 5px; background:#FCF5CD }
#boxMess  h4.mess { background:url(../images/icon/icon_mess.gif) no-repeat left; padding:2px 30px; color:#FF0000; font-weight:bold; font-size:12px;}
#boxMess  h4.err { background:url(../images/icon/icon_warning.gif) no-repeat left; padding:6px 30px; color:#FF0000; font-weight:bold;}
#boxMess .font_err { color:#e7bb51;}

#box_redirect{
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 999;
}
#box_redirect .icon-loa{
  max-width: 25px;
}
#box_redirect .font_err{
  padding: 10px;
}
/* end box_redirect */

/*================= BEGIN: cart finished ==================*/
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #f7921e;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*================= END: cart finished ==================*/

/*================= BEGIN: 404 ==================*/
.error404-banner{
  background: #205388;
  margin: 50px 0px;
  padding: 50px 0px;
  position: relative;
  text-align: center;
}
.error404-banner-top {
   
}
.error404-banner-content {
   
}
.error404-banner-content-item {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: bottom;
  white-space: normal;
  color: #fff;
  font-size: 20px;
  margin-left: 20px;
}
.error404-banner-content-item h1{
  line-height: 35px;
}
/*================= END: 404 ==================*/

.noItem{
  text-align: center;
  background: url(../images/nothing-found.png);
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  padding: 13px 13px;
  font-size: 18px;
  width: 100%;
}

/* <===== vnt-menu-fixed =====> */
#vnt-menu-fixed {
    position: fixed;
    right: 10px;
    bottom: 10%;
    z-index: 6;
}
#vnt-menu-fixed > ul > li {
    position: relative;
    margin-bottom: 6px;
}
#vnt-menu-fixed > ul > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#vnt-menu-fixed > ul > li > span {
    position: absolute;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0px;
    font-weight: 600;
    right: 100%;
    margin-right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #013a25;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 0;
}
#vnt-menu-fixed > ul > li > span > span {
    color: #fff;
}
#vnt-menu-fixed > ul > li:hover > span {
    width: auto;
    overflow: visible;
    padding: 9px 20px;
}
#vnt-menu-fixed > ul > li > span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: solid 5px #e7b54a;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    display: none;
}
#vnt-menu-fixed > ul > li.fforder > span {
    border-radius: 25px;
    margin-right: 0;
    right: 5px;
}
#vnt-menu-fixed > ul > li.fforder > a {
    position: relative;
    z-index: 2;
}
#vnt-menu-fixed > ul > li.fforder:hover > span {
    padding-right: 100px;
}
#vnt-menu-fixed > ul > li:hover > span:before {
    display: block;
}
#vnt-menu-fixed > ul > li.fforder > span::before {
    display: none;
}
#vnt-menu-fixed > ul > li > a {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #e7b54a;
    border-radius: 100%;
    color: #fff;
    font-size: 15px;
    margin-left: auto;
}
#vnt-menu-fixed > ul > li.fxphone > a {
    background-color: #e7b54a;
}
#vnt-menu-fixed > ul > li.fxmess > a {
    background-color: #e7b54a;
}
#vnt-menu-fixed > ul > li.fxzalo > a {
    background-color: #e7b54a;
}
#vnt-menu-fixed > ul > li.fxtop > a {
    background-color: #f1f1f1;
    color: #013a25;
}
#vnt-menu-fixed > ul > li > a > img {
    max-height: 22px;
    max-width: 22px;
}
#vnt-menu-fixed > ul > li.fforder > a > img {
    max-width: 18px;
    max-height: auto;
}
#vnt-menu-fixed > ul > li > a span {
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
}
#vnt-menu-fixed > ul > li > a span.fa-concierge-bell {
    font-size: 20px;
}
#vnt-menu-fixed > ul > li > a span.fa-concierge-bell::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#vnt-menu-fixed > ul > li > a {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    /* animation-name: tada; */
}
@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
#vnt-menu-fixed a {
    color: #fff;
}
#vnt-menu-fixed ul li.cart > a {
    flex-direction: column;
    position: relative;
    color: #fff;
    background-color: #013a25;
}
#vnt-menu-fixed ul li.cart > a .sl {
    position: absolute;
    top: -5px;
    right: -2px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    background-color: #013a25;
}
#vnt-menu-fixed ul li.cart > a .icon-cart {
    font-size: 22px;
}
#vnt-menu-fixed > ul > li.cart > a > img {
    max-height: 20px;
    max-width: 20px;
}
/*===============*/
#vnt-menu-fixed ul li.go_top a i {
    -webkit-animation: bouncezz 1.2s 500ms infinite;
    -o-animation: bouncezz 1.2s 500ms infinite;
    animation: bouncezz 1.2s 500ms infinite;
}
a.go_top{
  background-color: #f1f1f1;
  z-index: 999998 !important;
}
a.go_top:before{
  color: #013a25;
  font-size: 1.5em;
}
@keyframes bouncezz {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0%);
    }
    40% {
        transform: translateY(-35%);
    }
    60% {
        transform: translateY(-25%);
    }
}
@-webkit-keyframes bouncezz {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0%);
    }
    40% {
        -webkit-transform: translateY(-35%);
    }
    60% {
        -webkit-transform: translateY(-25%);
    }
}
@-moz-keyframes bouncezz {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0%);
    }
    40% {
        -moz-transform: translateY(-35%);
    }
    60% {
        -moz-transform: translateY(-25%);
    }
}
@-o-keyframes bouncezz {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0%);
    }
    40% {
        -o-transform: translateY(-35%);
    }
    60% {
        -o-transform: translateY(-25%);
    }
}
/*================*/
#vnt-menu-fixed ul li.social .popup {
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #333333;
    overflow: hidden;
    width: 0;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#vnt-menu-fixed ul li.social:hover .popup {
    width: 204px;
}
#vnt-menu-fixed ul li.social .popup ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
#vnt-menu-fixed ul li.social .popup ul li {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}
#vnt-menu-fixed ul li.social .popup ul li:last-child {
    border-right: none;
}
#vnt-menu-fixed ul li.social .popup ul li a {
    display: block;
}
#vnt-menu-fixed ul li.social .popup ul li a i {
    position: relative;
    width: 40px;
    height: 40px;

    line-height: 21px;
    color: #ffffff;
}
#vnt-menu-fixed ul li.social .popup ul li a i:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#vnt-menu-fixed ul li.social .popup ul li a:hover i.fa-facebook {
    background: #1877f2;
}
#vnt-menu-fixed ul li.social .popup ul li a:hover i.fa-instagram {
    background: #ae4a7c;
}
#vnt-menu-fixed ul li.social .popup ul li a:hover i.fa-youtube {
    background: #ff0000;
}
#vnt-menu-fixed ul li.social .popup ul li a:hover i.fa-twitter {
    background: #00abf0;
}
#vnt-menu-fixed ul li.social .popup ul li a:hover i.fa-pinterest {
    background: #cb2027;
}
#vnt-menu-fixed > ul > li.fxproduct {
    margin-bottom: 20px;
}
#vnt-menu-fixed > ul > li.fxproduct a {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-color: #013a25;
    text-align: center;
}
#vnt-menu-fixed > ul > li.fxproduct a:hover {
    background-color: #013a25;
}
#vnt-menu-fixed > ul > li.fxproduct a .fa {
    font-size: 18px;
    line-height: 27px;
    margin-right: 8px;
}
#vnt-menu-fixed > ul > li.fxproduct a .num {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
#vnt-menu-fixed > ul > li.fxproduct a .txt {
    display: block;
    font-size: 12px;
    line-height: 18px;
}
#vnt-menu-fixed > ul > li > span {
    margin-right: 0px;
    background: transparent;
}
#vnt-menu-fixed > ul > li:hover > span.viewshow {
    min-width: 300px;
    padding: 0px;
}
#vnt-menu-fixed > ul > li > span:before {
    left: 97%;
}

/* <==== support-hotline ====> */
.support-hotline{
    position: fixed;
    z-index: 22;
    pointer-events: auto;
    cursor: pointer;
}
.support-hotline .div_title span.icon{
    width: 35px;
    height: 35px;
    position: relative;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.support-hotline .div_title span.icon img{
    max-width: 20px;
    max-height: 20px;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
}
.support-hotline .div_title span.icon i{
    font-size: 18px;
    line-height: 38px;
}
.support-hotline .div_title span.icon span{
    font-size: 10px;
    display: block;
}
.support-hotline ul li{
    position: relative;
}
.support-hotline ul li:last-child{
    margin-bottom: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.support-hotline ul li > a{
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    align-content: center;
    justify-content: center;

}
.support-hotline ul li.zaloFx a i{
    font-size: 14px;
}
@keyframes bouncez {
    0%, 20%, 50%, 80%, 100% {transform: translate(-50%,-50%);}
    40% {transform: translate(-50%,-60%);}
    60% {transform: translate(-50%,-55%);}
}
@-webkit-keyframes bouncez {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translate(-50%,-50%);}
    40% {-webkit-transform: translate(-50%,-60%);}
    60% {-webkit-transform: translate(-50%,-55%);}
}
@-moz-keyframes bouncez {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translate(-50%,-50%);}
    40% {-moz-transform: translate(-50%,-60%);}
    60% {-moz-transform: translate(-50%,-55%);}
}
@-o-keyframes bouncez {
    0%, 20%, 50%, 80%, 100% {-o-transform: translate(-50%,-50%);}
    40% {-o-transform: translate(-50%,-60%);}
    60% {-o-transform: translate(-50%,55%);}
}
.support-hotline ul li.facebookFx a{
    background-color: #597acb; 
}
.support-hotline ul li.youtubeFx a{
    background-color: #ee3f00;
}
.support-hotline ul li.backFx a i{
    line-height: 30px;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.support-hotline{
    left: 0;
    bottom: 0;
    right: 0;
}
.support-hotline ul{
    align-items: center;
    align-content: center;  
}
.support-hotline ul li{
    text-align: center;
}
.support-hotline ul li > a{
    color: #333333;
    font-size: 13px;
    line-height: 21px;
}
.support-hotline ul li.backFx a{
    padding-left: 5px;
}
.support-hotline ul li.backFx a i{
    left: -12px;
    transform: translateY(-50%);
}
.support-hotline ul li a{
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}
.support-hotline ul li a img{
    margin-right: 8px;
    max-width: 20px;
}
.support-hotline .div_title span.icon{
    width: auto;
    height: auto;
    box-shadow: none;
}
.support-hotline ul li > a i{
    position: relative;
    transform: initial;
    left: initial;
    right: initial;
    margin-right: 8px;
    font-size: 16px;
}
@media (max-width: 991px) {
  .support-hotline ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #dd1d42;
    padding: 10px;
  }
}
/* <==== support-hotline ====> */

.divText .title {
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    font-weight: 700;
    padding: 20px 10px;
    background-color: #f3f3f3;
}
.divText {
    background: #ffffff !important;
    margin-right: 10px;
}
#vnt-menu-fixed .divText {
    -webkit-box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
    box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
}
.divText .item {
    border-top: 1px solid #e2e2e2;
    padding: 14px 25px;
    text-align: left;
}
.divText .item .tend {
    font-size: 14px;
    color: #474747;
    font-weight: 500;
    margin-bottom: 10px;
}
.divText .item .info {
    display: flex;
    align-items: center;
}
.divText .item .info .img {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 100%;
    /* background-color: #3b8be0; */
    margin-right: 10px;
}
.divText .item .info .img img {
    max-width: 20px;
    max-height: 20px;
}
.divText .item .info a {
    color: #dc161e !important;
    font-weight: 500;
}
.divText .item .info i {
    font-size: 16px;
    line-height: 28px;
    margin-right: 10px;
}
.support-hotline .divText .item {
    padding: 15px 10px;
}
.support-hotline ul li a {
    text-transform: initial;
}
#support-hotline > ul > li > span {
    position: absolute;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 0px;
    font-weight: 600;
    left: 0;
    bottom: 40px;
    background: #013a25;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 0;
    -webkit-box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
    box-shadow: -2px 5px 24px 0px rgba(66, 68, 90, 1);
}
#support-hotline > ul > li.fxchat.fxzalo > span {
    left: unset;
    right: 0px;
}
#support-hotline > ul > li > span.active {
    width: auto;
    overflow: visible;
}
#support-hotline .divText {
    margin-right: 0px;
}
#support-hotline > ul > li > span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 30px;
    bottom: -8px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    border-top: solid 8px #dd1d42;
    display: none;
}
#support-hotline > ul > li.fxchat.fxzalo > span:before {
    left: unset;
    right: 30px;
}
#support-hotline > ul > li > span.active:before {
    display: block;
}
/* <===== vnt-menu-fixed =====> */

/* <==== vrung ====> */
.vhrung {
    display: inline-block;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0deg) 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(0deg) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes quick-alo-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0deg) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0deg) scale(1.1) skew(1deg);
        opacity: .3
    }

    100% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0deg) scale(1.1) skew(1deg);
        opacity: .3
    }

    100% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0deg) scale(1.1) skew(1deg);
        opacity: .3
    }

    100% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .1
    }
}

@keyframes quick-alo-circle-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0deg) scale(1.1) skew(1deg);
        opacity: .3
    }

    100% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .1
    }
}
/* <==== vrung ====> */

@media (min-width: 991px){
  .support-content{
    position: absolute;
    top: initial;
    bottom: 0;
  }
  .support-hotline ul li {
    position: relative;
  }
  .support-content:before{
    top: unset;
    bottom: 10px;
  }
  .support-content.show{
    right: 60px;
  }
}

@media (max-width: 991px){
  .vnt-news .overflow-text.inner,
  .vnt-news .overflow-text.outer{
    max-width: inherit;
  }
  .boxProduct .slick-current .ani-img::before{
    display: none;
  }
  #vnt-menu-fixed{
    bottom: 15%;
  }
}

@media (max-width: 767px){
  .result_room .info-price{
    text-align: left;
  }
}

@media all and (max-width: 768px){
  
}

@media all and (max-width: 540px){
  .overflow-text.outer,
  .overflow-text.inner{
    right: -10%;
  }
  .form_book_in .input-group.date input{
    text-align: center;
  }
  .news .img {
    padding-top: 140%;
  }
  .news .caption .tend{
    font-size: 30px;
    line-height: 40px;
  }
  .tool-room{
    max-width: 180px;
  }
  .form_book_main select.form-control{
    background: #fff !important;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
  }
  .form_book_main .row-input::before {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='5' viewBox='0 0 10 5'><polygon points='0,0 10,0 5,5' style='fill: rgb(51, 51, 51)'></polygon></svg>") !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .8;
  }
}

@media all and (max-width: 375px){
  
}