.booking-bar {
    background: #600f0f;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 54%;
    margin: auto;
    padding-top: 14px;
}


.chitietroom .booking-bar{
     width: 100%;
}
.booking-bar input[type="date"] {
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  width: 220px;
}

.booking-bar button {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  transition: 0.3s;
}

.booking-bar button:hover {
  background: #fff;
  color: #600f0f;
}
.booking-bar a {
    color: white;
}
.booking-bar a:hover {
    color: #600f0f;
}
section.listphong {
    padding: 30px;
}
.shb-results h2 {
    margin: 29px 0;
    text-transform: uppercase;
    font-size: 19px;
}
li.tungroom {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid gray;
    padding-bottom: 30px;
    margin-left: 0 !important;
    justify-content: space-between;
}
.imgphong {
    width: 30%;
}
.ttroom {
    width: 68%;
}
.giap {
    font-size: 17px;
    color: #600f0f;
    margin-bottom: 15px;
}
button.xacnhanphong {
    background: #912428;
    margin-top: 20px;
    color: white;
    text-transform: uppercase;
}
section.datp2 {
    margin-top: -40px!important;
}
article#baiviet figure {
    text-align: center;
}
span.page-numbers.current, a.page-numbers {
    margin: 1px;
    text-align: center;
    display: inline-block;
    padding: 6px 10px;
}
span.page-numbers.current {
    background: #921309;
    color: white;
    border: 1px solid #921309;
}
a.page-numbers {
    border: 1px solid;
    box-sizing: border-box;
}
@keyframes light-left {
0%{left:-5%;opacity:0}
50%{left:50%;opacity:1}
100%{left:105%;opacity:0}
}
@keyframes light-right {
0%{right:-5%;opacity:0}
50%{right:50%;opacity:1}
100%{right:105%;opacity:0}
}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}
.hotline-phone-ring-wrap-zl{position:fixed;bottom:90px;left:0;z-index:999999}

.text-hotline{color:#fff;font-size:20px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-zl{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;right:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:90px;height:90px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-zl{width:90px;height:90px;top:0;right:0;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid #0182ca;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-circle-fill-zl{width:65px;height:65px;top:12px;right:12px;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:25px;left:25px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-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%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle-zl{background-color:#0182ca;width:40px;height:40px;top:25px;right:25px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-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%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}
.hotline-bar{position:absolute;background:#3578e5;height:45px;width:185px;line-height:45px;border-radius:3px;padding:0 50px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:50px!important;left:52px;bottom:31px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:700;text-indent:32px;letter-spacing:1px;display:block;line-height:45px;font-family:Arial}
.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}

.hotline-phone-ring-wrap-whatsapp{position:fixed;bottom:180px;left:0;z-index:999999}
.hotline-phone-ring-wrap-whatsapp .hotline-phone-ring-circle{background-color:#30b945; border-color: #30b945}
.hotline-phone-ring-wrap-whatsapp .hotline-phone-ring-circle-fill{background-color:#30b945;}
.hotline-phone-ring-wrap-whatsapp .hotline-phone-ring-img-circle{background-color:#04c241;}

@-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:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-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)}
}

h2.cthome {
    text-align: center;
    color: white;
    text-transform: uppercase;
    margin-bottom: 70px;
}

@media(max-width:576px){
    h2.cthome {
        margin: -20px 0 40px 0;
    }
    .booking-bar {
    width: 100%;
    padding: 20px 10px 10px 10px;
    display:block;
    text-align: center;
    }
    .booking-bar input[type="date"] {
    width: 111px;
    }
    .booking-bar button {
    padding: 2px 10px;
    }
}