/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');



body{



    font-family: 'Inter', sans-serif;



    font-size: 15px;



    line-height: 22px;



}



.container-fluid {



  width: 100%;



  overflow: hidden;



}











.owl-prev{



    position: absolute;



    top: 50%;



    left: 0;



    transform: translateY(-50%);



    }



 .owl-next{







    position: absolute;



        



    top: 50%;



    right: 0;



        



    transform: translateY(-50%);



    }



    .slider-home  .owl-prev{



      left: 10px;



      width: 50px;



      height: 50px;



      border-radius: 0;



      line-height: 50px;



      background: none;



      border: 1px solid #eee;



      color: #fff;



      font-size: 18px;







    }



    .slider-home  .owl-next{



      width: 50px;



      height: 50px;



      border-radius: 0;



      line-height: 50px;



      background: none;



      border: 1px solid #eee;



      color: #fff;



      font-size: 18px;



      right: 10px;



    }



 .owl-nav >div{



  background-color: #fff;



  width: 40px;



  height: 40px;



  text-align: center;



  line-height: 40px;



  color: #333;



  font-size: 15px;



  border-radius: 50%;



  border: 1px solid #1e3d37;







  padding: 0;



    }



   



    img {



        -webkit-transition: all 0.7s ease;



        transition: all 0.7s ease;



    }



    .support-online {



        position: fixed;



        z-index: 999;



        left: 15px;



        bottom: 30px;



        top: auto !important



      }







      .support-online a {



        position: relative;



        margin: 20px 10px;



        text-align: left;



        width: 40px;



        height: 40px



      }







      .support-online i {



        width: 40px;



        height: 40px;



        background: #43a1f3;



        color: #fff;



        border-radius: 100%;



        font-size: 20px;



        text-align: center;



        line-height: 1.9;



        position: relative;



        z-index: 999



      }







      .support-online a {



        display: block



      }







      .support-online a span {



        border-radius: 2px;



        text-align: center;



        background: #fb2644;



        padding: 9px;



        display: none;



        width: 180px;



        margin-left: 10px;



        position: absolute;



        color: #ffffff;



        z-index: 999;



        top: 0px;



        left: 40px;



        transition: all 0.2s ease-in-out 0s;



        -moz-animation: headerAnimation 0.7s 1;



        -webkit-animation: headerAnimation 0.7s 1;



        -o-animation: headerAnimation 0.7s 1;



        animation: headerAnimation 0.7s 1



      }







      .support-online a:hover span {



        display: block



      }







      .support-online a span::before {



        content: "";



        width: 0;



        height: 0;



        border-style: solid;



        border-width: 10px 10px 10px 0;



        border-color: transparent #fb2644 transparent transparent;



        position: absolute;



        left: -10px;



        top: 10px



      }







      .kenit-alo-circle-fill {



        width: 60px;



        height: 60px;



        top: -10px;



        position: absolute;



        -webkit-transition: all 0.1s ease-in-out;



        -moz-transition: all 0.1s ease-in-out;



        -ms-transition: all 0.1s ease-in-out;



        -o-transition: all 0.1s ease-in-out;



        transition: all 0.1s ease-in-out;



        -webkit-border-radius: 100%;



        -moz-border-radius: 100%;



        border-radius: 100%;



        border: 2px solid transparent;



        -webkit-transition: all .1s;



        -moz-transition: all .1s;



        -o-transition: all .1s;



        transition: all .1s;



        background-color: rgba(0, 175, 242, 0.5);



        opacity: .75;



        right: -10px



      }







      .kenit-alo-circle {



        width: 50px;



        height: 50px;



        top: -5px;



        right: -5px;



        position: absolute;



        background-color: transparent;



        -webkit-border-radius: 100%;



        -moz-border-radius: 100%;



        border-radius: 100%;



        border: 2px solid rgba(30, 30, 30, 0.4);



        opacity: .1;



        border-color: #0089B9;



        opacity: .5



      }







      .support-online .btn-support {



        cursor: pointer



      }







      @-webkit-keyframes pulse {



        0% {



          -webkit-transform: scale(1.1);



          transform: scale(1.1)



        }







        50% {



          -webkit-transform: scale(0.8);



          transform: scale(0.8)



        }







        100% {



          -webkit-transform: scale(1.1);



          transform: scale(1.1)



        }



      }







      @keyframes pulse {



        0% {



          -webkit-transform: scale(1.1);



          -ms-transform: scale(1.1);



          transform: scale(1.1)



        }







        50% {



          -webkit-transform: scale(0.8);



          -ms-transform: scale(0.8);



          transform: scale(0.8)



        }







        100% {



          -webkit-transform: scale(1.1);



          -ms-transform: scale(1.1);



          transform: scale(1.1)



        }



      }



      /* #scrollUp {



        background: #fff;



        color: #333;



        border: 1px solid #333;



        bottom: 40px;



        right: 40px;



        border-radius: 100px;



        height: 47px;



        width: 47px;



        font-size: 18px;



        text-align: center;



        line-height: 45px;



        box-shadow: 0 0 15px 0px rgb(50 50 50 / 20%);



        transition: 0.3s;



        display: inline-block;



        position: fixed;



        bottom: 62px;



        right: 10px;



        cursor: pointer;



        z-index: 99999;



      }



      #scrollUp:hover {



        background-color: #333;



        color: #fff;



      } */











.hover-zoom:hover img{



  transform: scale(1.05);



}



.hover-zoom{



  overflow: hidden;



}















header .nav-item form input[type=text]{



  border: 1px solid #249045;



}



header .nav-item form input[type=text]::-webkit-input-placeholder { /* Edge */



  color:#249045;



}







header .nav-item form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */



  color: #249045;



}







header .nav-item form input[type=text]::placeholder {



  color: #249045;



}



.nav-click-language {



  display: none;



}



.Video-home iframe{



  height: 100vh!important;



    width: 100%!important;



}



.header-pc, .header-mobile{



  position: fixed;



  width: 100%;



  top: 0;



  left: 0;



  z-index: 99;



}



.room-banner-section {



  background-size: cover;



  background-position: center;



  background-repeat: no-repeat;



  padding: 200px 0;



  min-height: 100vh;



  position: relative;



  display: flex;



  align-items: center;



  background-attachment: fixed;



}







.room-banner-section::after {



  content: '';



  position: absolute;



  top: 2px;



  left: 0;



  width: 100%;



  height: 100%;



  background-image: url('../img/path-banner.png');



  background-size: 100% auto;



  background-position: bottom center;



  background-repeat: no-repeat;



  pointer-events: none;



}



.container-2 {



  width: 1200px;

  padding-bottom: 40px;



}



.font-2{



  font-family: 'UTMYenTu';



}































.about-us-section {







  background-repeat: no-repeat;



  background-image: url('../img/187.png');



  background-position: top center;



  background-size: 1920px auto;



  padding-top: 0 !important;



}







.about-us-section .service-detail-row .columns{



  min-height: 450px;



}











.service-detail-row.service-detail-row-3 .columns {



  align-items: initial;



}











.service-detail-row.service-detail-row-3 .columns .left .wrapper {



  position: static;



  width: 100%;



  height: auto;



  max-width: none;



}







.service-detail-row.service-detail-row-3 .columns .left .wrapper img {



  display: block;



  max-width: none;



  width: auto;



}







.service-detail-row.service-detail-row-3 .columns .right {



  background-color: transparent;



  display: block;



}







.service-detail-row.service-detail-row-3 .columns .right .wrapper {



  font-size: 16px;



  padding: 1rem 3rem;



}







.service-detail-row.service-detail-row-3:nth-child(odd) .columns .left .wrapper img {



  float: right;



}







.service-detail-row.service-detail-row-3:nth-child(even) .columns .left .wrapper img {



  float: left;



}







.service-detail-row.service-detail-row-3:nth-child(1) .columns .right .wrapper {



  margin-top: 160px;



}







.service-detail-row.service-detail-row-3:nth-child(2) .columns .left .wrapper img {



  margin-top: -200px;



  margin-left: 30px;



}







.service-detail-row.service-detail-row-3:nth-child(2) .columns .right .wrapper {



  margin-top: 0;



}







.service-detail-row.service-detail-row-3:nth-child(3) .columns .right .wrapper {



  margin-top: 160px;



}



#main{



  width: 100%;



  overflow: hidden;



}







/* .Video-home video{



  width: 100%;



  height: 100vh!important;



} */











@media only screen and (max-width: 375px) {



  .service-detail-row.service-detail-row-3 .columns .right .wrapper {



      padding: 15px 0 50px !important;



  }



}







@media only screen and (max-width: 1024px){



  .container-2 {



    width: 100%;

    padding-bottom: 20px;



}



}



@media only screen and (max-width: 768px) {



  .Video-home iframe{



    height: 500px!important;



  }



}



@media only screen and (max-width: 736px){



  .header-pc{



    position: static;



  }



  .Video-home iframe{



    height: 300px!important;



  }



  .room-banner-section{



    min-height: inherit;



  }



  .service-detail-row.service-detail-row-3:nth-child(1) .columns .right .wrapper{



    margin-top: 0;



  }



  .service-detail-row.service-detail-row-3:nth-child(2) .columns .left .wrapper img{



    margin-top: 0;



    margin-left: 0;



    width: 100%;



  }



  .service-detail-row.service-detail-row-3:nth-child(odd) .columns .left .wrapper img{



    width: 100%;



  }



  .service-detail-row.service-detail-row-3:nth-child(3) .columns .right .wrapper {



    margin-top: 20px;



}



.main-book-room .top-active .content-book-room .item .img{



  width: 100%!important;



}



.main-book-room .top-active .content-book-room .item .nav-img{



  width: 100%!important;



}



.banner-section img{



  min-height: 260px;



  object-fit: cover;



}



}







.zoomIn{







  width: 80px;







    height: 80px;







    border: 2px solid #db0005;







    border-radius: 100px;







    position: absolute;







    top: 50%;







    left: 50%;







    margin-top: -40px;







    margin-left: -40px;







    animation-name: zoomIn;







    animation-duration: 1s;







    animation-iteration-count: infinite;







    animation-timing-function: ease-out;







}







@keyframes zoomIn{







  0% {







    opacity: 0;







    transform: scale3d(.3,.3,.3);







  }







  50% {







    opacity: 1;







  }







}







.btn-call-footer{



  width: 110px;



  height: 110px;



  z-index: 1000;



  bottom: 0;



  cursor: pointer;



}







.pulse{







  width: 60px;







    height: 60px;







    background: #db000599;







    opacity: .75;







    border-radius: 100px;







    position: absolute;







    top: 50%;







    left: 50%;







    margin-top: -30px;







    margin-left: -30px;







    animation-name: pulse;







    animation-duration: .5s;







    animation-iteration-count: infinite;







    animation-direction: alternate;







    animation-timing-function: ease-in-out;







}







@keyframes pulse{







  0% {







    transform: scale3d(1,1,1);







  }







  50% {







    transform: scale3d(1.05,1.05,1.05);







  }







  100% {







    transform: scale3d(1,1,1);







  }







}







.tada{







  background: #db0005;







    border-radius: 100px;







    width: 40px;







    height: 40px;







    position: absolute;







    left: 50%;







    top: 50%;







    margin-top: -20px;







    margin-left: -20px;







    animation-name: tadaa;







    animation-duration: .5s;







    animation-iteration-count: infinite;







    animation-direction: alternate;







    display: flex;



    align-items: center;



    justify-content: center;







}







.tada i{



  color: #fff;



  font-size: 20px;



}







.btn-call-footer .text{



  top: 50%;



  transform: translateY(-50%);



  left: 45px;



  color: #fff;



  width: 220px;



  padding-left: 30px;



  border: 1px solid #fb0309;



  background: #fb0309;



  border-radius: 20px;



  z-index: -1;



}







.icon-service-room{



  padding-right: 5px;



}







.icon-service-room img{



  width: 25px;



  height: 25px;



  object-fit: cover;



}







/* .pro-des ul{



  display: flex;



  flex-wrap: wrap;



  list-style:inside;



} */



.nav-click-language{

  z-index: 9999;

}





.pro-content, .pro-des{



  transition-property: all;



  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);



  transition-duration: 500ms;



}







.pro-content.less-info, .pro-des.less-info ul{



  overflow: hidden;



  text-overflow: ellipsis;



  line-height: 22px;



  -webkit-line-clamp: 2;



  height: 44px;



  display: -webkit-box;



  -webkit-box-orient: vertical;



}







.pro-des ul li{



  display: inline-block;



  position: relative;



}







.pro-des ul li::before{



  content: '';



  position: absolute;



  left: 0;



  width: 6px;



  height: 6px;



  border-radius: 50%;



  background: #000;



  top: 50%;



  transform: translateY(-50%);



}







.pro-des ul li{



  padding: 0 5px 0 10px;



}



.main-contact .map iframe{



  width: 100%;



}



footer .item p, footer .item a{

  line-height: 1.5 !important;

}



footer .item p{

  padding-bottom: 13px;

}



footer .item a{

  color: #00b6b6;

}



.social-image-footer a{

  display: inline-flex;

  align-items: center;

}



.social-image-footer a img{

  margin-right: 5px;

}



.footer-content-book p:first-child, .logo-footer{

  padding-bottom: 12px;

}



.title-art-about{

  font-size: 60px;

}



.b24-widget-button-shadow{

    position: fixed;

    background: rgba(33,33,33,.3);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    visibility: hidden;

    z-index: 10100;

}



.b24-widget-button-position-bottom-right{

  right: 25px;

  bottom: 25px;

}



.b24-widget-button-inner-item{

  padding: 15px 14px;

}



.b24-widget-button-inner-item img{

  width: 38px;

  height: 38px;

  border-radius: 50%;

  object-fit: cover;

}

.main-menu-pr .main-logo img{
  max-height: 75px;
}



@media(max-width:767px){



  .title-art-about{

    font-size: 50px;

  }



}





@media(min-width:768px){



  .main-contact .map iframe{



    margin-top: 100px;



  }



}



.home-des-mobile{

  display: none;

}







@media(min-width:768px){







  .mdPt100{



    padding-top: 90px;



  }



}



.Video-home video{



  width: 100%;

  height: 100vh;

  object-fit: inherit;



}



@media(max-width:768px){



  .Video-home video{

    height: 50vh;

  }



  .home-des-mobile{



    display: block;



  }



}



@media(max-width:575px){



  .Video-home video{

    height: 30vh;

  }



  .about-us-section{

    background-image: url('../img/187.jpg');

  }



}