/*jssor slider loading skin spin css ===============slide===================*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css */
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.div1{/*position:relative*/;margin:0 auto;top:0px;left:0px;width:980px;height:590px;overflow:hidden;visibility:hidden;}
.div11{position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:590px;overflow:hidden;visibility:hidden;}
.div1-1{
  position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7); 
}
.div1-1-img{
  margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
}
.div1-2{
  cursor:default;position:relative;top:0px;left:0px;width:980px;height:490px;overflow:hidden;
}
.div1-3{
  position:absolute;left:0px;bottom:0px;width:980px;height:100px;background-color:#000;
}
/*end =============== slide ====================*/

.sidebar-gallery{
  text-align: center;
  padding-top: 14px;
  font-weight: bold;
}

.padding50-0{
  padding: 50px 0px;
}

.padding20-0{
  padding: 50px 0px;
}

.padding50-0 p{
  font-size: 1.1em; padding: 20px 0px;
}
.paddingleft-25{
  padding-left: 25px;
}
.paddingleft-25 li{
  line-height: 35px;
}
.booking{
    border: 1px solid #565656;
    background: #565656;
    color: #fff;
    /*padding: 10px 0px;*/
    padding: 0px 0px;
    border-radius: 3px;
}
.booking-active{
  color: #fff;
}
.booking-1{
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    /*padding: 15px 46px 15px 28px;*/
    padding: 15px 35px 15px 28px;
    position: relative;
    line-height: 20px;
    /*line-height: 0px;*/
    transition: color 300ms;
    -moz-transition: color 300ms;
    -o-transition: color 300ms;
    -webkit-transition: color 300ms;
}

/*nút tăng giảm*/
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px
    ;min-width: 35px;
    text-align: center;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background: #565656;
    }
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    background: #565656;
}

.minus:hover{
    background-color: #D4C7C7 !important;
}
.plus:hover{
    background-color: #D4C7C7 !important;
}



/*Prevent text selection*/

.rise-down-{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.so{  
    border: 0;
    width: 2%;
}
nput::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*input:disabled{
    background-color:white;
}*/

/* kết thúc nút tăng giảm*/

/*bỏ bóng mờ*/
.carousel-control.right{
  background-image: none;
}.carousel-control.left{
  background-image: none;
}
/*bỏ bóng mờ*/

/*scroll menu*/
.menu-fixed{
    /*position: fixed;*/
    margin-top: -33px;
    z-index: 9999;
    width: 100%;
}
.logo{
    width: 45%;
    position: relative;
    top: -13px;
    left: 30px;
}
/*scroll menu*/

/*slide room home*/
.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}
/*slide room home*/

/*validation search*/
.validation-search{
  
}
.validation-search tbody tr{
  
}
/*.validation-search tr td{
  padding: 0px 17px;
}*/
.padd017{
  padding: 0px 17px;
}
.padd012{
  padding: 0px 12px;
}
.paddL0{
  padding-left: 0px;
}
/*validation search*/

.roomm{
  font-weight: 500; color: #58b313;
}
.roomm-total{
  font-size: 17px; color: #58b313;
}

.heightbanner{
  height: 600px;
}
.hewi_img{
  height: 600px; width: 100%;
}
.img-roomty{
  height: auto;
  width: 100%;
}

.heddshow{
  display: block;
}

.roomty-bottom{
/*  position: absolute; 
  bottom: 10px; width: 79%;
  background: #565656;
  padding: 5px 5px;
  color: #fff;
  opacity: 0.8;*/
    position: relative;
    bottom: 36px;
    width: inherit;
    background: #565656;
    padding: 19px 5px;
    line-height: 3px;
    color: #fff;
    opacity: 0.8;
}
.roomty-bottom > .name{
  float: left;
}
.roomty-bottom > .price{
  float: right;
}

.lang{
  line-height: 40px; float: left; position: relative; top: 15px; margin-bottom: 20px;
  display: none;
}
.lang > .a1{
float: left;
padding-right: 10px;
}
.lang > .a2{
  float: left;

}
.menu-top{
  background: #474B4F; padding: 5px 0px;
}
.menutop-left{
  width: 59%; float: left; text-align: left;
}

.menutop-left > span{
  color: #dad6d6;
}
.menutop-left > span span{
  color: #dad6d6;
  font-size: 14px;
  font-family: Arial;
}

.menutop-right{
  width: 39%; float: right; text-align: right;
}
.menutop-right span{    
  color: #dad6d6;
}
.menutop-right span span{    
  color: #dad6d6;
  font-size: 14px;
  font-family: Arial;
}

@media (max-width: 1366px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
  .img-roomty{
    height: 200px;
    width: 100%;

  }
  .room-home{
    padding: 10px 40px;
    position: relative;
  }
  .heightbanner{
    height: 600px;
  }
  .hewi_img{
    height: 600px; width: 100%;
  }
}
@media (max-width: 1280px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
  .img-roomty{
  height: 200px;
  width: 100%;
}
  .room-home{
    padding: 10px 40px;
    position: relative;
  }
  .heightbanner{
    height: 600px;
  }
  .hewi_img{
    height: 600px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 1080px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
  .heightbanner{
    height: 400px;
  }
  .room-home{
    padding: 10px 40px;
    position: relative;
  }
  .hewi_img{
    height: 400px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 991px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 400px;
  }
  .hewi_img{
    height: 400px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 800px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 400px;
  }
  .hewi_img{
    height: 400px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 768px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 400px;
  }
  .hewi_img{
    height: 400px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 767px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .menu-fixed {
    margin-top: -33px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 300px;
  }
  .hewi_img{
    height: 300px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 640px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    margin-top: 0px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 300px;
  }
  .hewi_img{
    height: 300px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 480px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    margin-top: 0px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 300px;
  }
  .hewi_img{
    height: 300px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 414px) {
  .logo {
    width: 45%;
    position: relative;
    top: -15px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    margin-top: 0px;
    /*position: fixed;*/
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 200px;
  }
  .hewi_img{
    height: 200px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 384px) {
  .logo {
    width: 45%;
    position: relative;
    top: -65px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    /*position: fixed;*/
    margin-top: 0px;
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 200px;
  }
  .hewi_img{
    height: 200px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 375px) {
  .logo {
    width: 45%;
    position: relative;
    top: -65px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    /*position: fixed;*/
    margin-top: 0px;
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 200px;
  }
  .hewi_img{
    height: 200px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}
@media (max-width: 320px) {
  .logo {
    width: 45%;
    position: relative;
    top: -65px;
    left: 0px;
}
  .lang{
    display: block;
  }
  .menu-top{
    display: none;
  }
  .menu-fixed {
    /*position: fixed;*/
    margin-top: 0px;
    z-index: 9999;
    width: 100%;
  }
    .navbar-default .navbar-nav > li > a{
        color: #333;
    }
  .heddshow{
  display: none;
}
  .heightbanner{
    height: 200px;
  }
  .hewi_img{
    height: 200px; width: 100%;
  }
  .validation-search{
    display: none;
  }
}