@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;800&display=swap');
@font-face {
font-family: Saol Display;
src: url(SaolDisplay-Regular.otf);
}
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    display: none;
    z-index: 99999999999;
  }
.removeRow {
    background: #9A6052 !important;
}
.removeRow td, .removeRow .action_btn {
    color: #fff !important;
}
.removeRow td span {
    color: #fff !important;
}
            .d-flex.text-center {
                justify-content: center;
            }
             .d-flex.text-center .image_span {
                position: relative;
                top: 30px;
                display: none;
            }
             .d-flex.text-center .lower_extra {
                font-size: .8em;
            }
            @media screen and (max-width:950px){
            .d-flex.text-center .image_span {
                position: relative;
                top: 5px;
            }
            .d-flex.text-center {
              margin-top: 100px;
            }
                 .d-flex.text-center .image_span img {
            width: 40px;
            height: auto;
            }
            .d-flex.text-center .lower_extra {
                font-size: .65em;
            }
            }
  .inner_loader {
    position: relative;
    width: 100%;
    height: 80vh;
    background: rgba(255,255,255,.8);
    display: none;
  }
  .inner_loader .load {
    position:absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
    .loader .load {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
   .inner_loader .load img {
        width: 50px;
    height: auto;
  }
    .loader .load img{
    width: 50px;
    height: auto;
  }
body{
    margin: 0;
    padding: 0;
}
.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero .hero_box_inner {
     position: relative;
    width: 100%;
    height: 100vh;
    /*background-position: bottom center;*/
    background-repeat: no-repeat;
    background-size: cover;
}
.hero .toggle-btn {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    z-index: 999999;
    margin-top: 30px;
}
.hero .toggle-btn:hover span.two {
    width: 35px;
}
.hero .toggle-btn  span.one {
    position: absolute;
    width: 35px;
    height: 1px;
    background: #fff;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.hero .toggle-btn span.two {
    position: absolute;
    width: 20px;
    height: 1px;
    background: #fff;
    margin-top: 7px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.hero .toggle-btn span.three {
    position: absolute;
    width: 35px;
    height: 1px;
    background: #fff;
    margin-top: 14px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.hero .icon.closeIcon .one {
    transform:rotate(-45deg);
    top:10px;
}
.hero .icon.closeIcon .two {
    transform:rotate(45deg);
    width: 35px !important;
}
.hero .icon.closeIcon .three {
display: none;
}

/* .top_nav {
    padding: 15px 0;
} */
.top_nav .toggle-btn {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    z-index: 999999;
    margin-top: 20px;
}
.top_nav .toggle-btn:hover span.two {
    width: 35px;
}
.top_nav .toggle-btn  span.one {
    position: absolute;
    width: 35px;
    height: 1px;
    background: #000;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.top_nav .toggle-btn span.two {
    position: absolute;
    width: 20px;
    height: 1px;
    background: #000;
    margin-top: 7px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.top_nav .toggle-btn span.three {
    position: absolute;
    width: 35px;
    height: 1px;
    background: #000;
    margin-top: 14px;
    transition: all cubic-bezier(0.26,0.1,0.27,1.55) 0.55s;
}
.top_nav .icon.closeIcon .one {
    transform:rotate(-45deg);
    top:10px;
}
.top_nav .icon.closeIcon .two {
    transform:rotate(45deg);
    width: 35px !important;
}
.top_nav .icon.closeIcon .three {
display: none;
}

.top_nav .book_now {
    margin-top: 15px;
  }
  .top_nav .book_now a{
      border: 1px solid #000;
      text-decoration: none;
      color: #000;
      border-radius: 0;
      font-family: 'Poppins', sans-serif;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 400;
      background: transparent;
    transition:  all .5s ease-in-out;
  }
  .top_nav .book_now a:hover{
    color: #fff;
    background: #000;
}
.hero .book_now_btn a.btn {
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    background: transparent;
  transition:  all .5s ease-in-out;
}
.hero .book_now_btn a.btn:hover {
    color: #000;
   background: #fff;
}
  .top_nav .close_btn i {
    font-size: 2em;
  }
  .top_nav .top_hero_nav {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0,.1);
}
.hero .hero_nav {
    position: absolute;
    top: 5px;
    left: 0;
}

.hero .top_hero_nav {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255,.1);
}
.hero .book_now {
  margin-top: 20px;
}

.hero .dropdown.drop_action {
    margin-top:20px;
    margin-right: 20px;
}
.hero .dropdown.drop_action .drop_action_btn {
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 25px;
}
.hero .dropdown.drop_action .drop_action_btn  i{
    transition: all .2s ease-in-out;
}
.hero .dropdown.drop_action .drop_action_btn .icon_rotate {
    transform: rotate(180deg);
    
}
.hero .dropdown.drop_action .dropdown-item  {
    padding: .7rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #333;
}
.hero .dropdown.drop_action .dropdown-menu  {
    padding: .8rem 0;
    border-radius: 0;
}

.hero .dropdown.drop_action .dropdown-item.social-icons a  {
    font-size: 20px;
    text-decoration: none;
    color: #333;
    margin-right: 15px;
}
.hero .dropdown.drop_action .dropdown-item:last-child  {
    border-bottom: none;
}


.top_nav .contact_nav .dropdown.drop_action {
    margin-top:20px;
    margin-right: 20px;
}
.top_nav .contact_nav .dropdown.drop_action .drop_action_btn {
    text-decoration: none;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 25px;
}
.top_nav .contact_nav .dropdown.drop_action .drop_action_btn  i{
    transition: all .2s ease-in-out;
}
.top_nav .contact_nav .dropdown.drop_action .drop_action_btn .icon_rotate {
    transform: rotate(180deg);
    
}
.top_nav .contact_nav .dropdown.drop_action .dropdown-item  {
    padding: .7rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #333;
}
.top_nav .contact_nav .dropdown.drop_action .dropdown-menu  {
    padding: .8rem 0;
    border-radius: 0;
    box-shadow: 0px 15px 20px 1px rgba(0, 0, 0,.1);
}

.top_nav .contact_nav .dropdown.drop_action .dropdown-item.social-icons a  {
    font-size: 20px;
    text-decoration: none;
    color: #333;
    margin-right: 15px;
}
.top_nav .contact_nav .dropdown.drop_action .dropdown-item:last-child  {
    border-bottom: none;
}



.hero .book_now.book_now_btn .book-btn{
    position: relative;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    /* min-width: 200px; */
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    background: none;
    transition: 0.5s all ease-in-out 0s;
    padding: 10px 25px;
    cursor: pointer;
}
.hero .book_now.book_now_btn .book-btn:hover{
  background: #fff;
  color: #000;
}

.hero .hero_text .img_box {
     position: absolute;
    top: 50px;
    left: 50px;
}
.hero .hero_text .img_box1 {
     position: absolute;
    top: 50px;
    right: 50px;
        display: none;
}
.hero .hero_text {
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    text-align: center;
}
.hero .hero_text h1 {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 100;
    font-style: italic;
}
.hero .hero_text h2 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 1.2em;
    text-transform: uppercase;
}

.hero .hero_text.zone_b {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    width: 40%;
    text-align: left;
}
.hero .hero_text.zone_b h1 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 6em;
    font-style: normal;
  text-transform: capitalize;
}
.hero .hero_text.zone_b h2 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 3.5em;
    line-height: 1;
      text-transform: capitalize;
    margin-bottom: 0;
}
.hero .hero_text p {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 50px;
    line-height: 24px;
}
.hero.about-hero .hero_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}
.hero.about-hero .hero_text h1 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 4em;
    text-transform: uppercase;
        font-style: normal;
}

.hero.room-suite-hero .hero_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}
.hero.room-suite-hero .hero_text h1 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 4em;
    text-transform: uppercase;
        font-style: normal;
}

.hero.serv_hero .hero_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}
.hero.serv_hero .hero_text h1 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 4em;
    text-transform: uppercase;
        font-style: normal;
}


.about_landing {
    width: 100%;
    height: auto;
    padding: 50px 0;
    margin-top: 50px;
    background: #fff;
    position: relative;
}
.about_landing .heading_text {
    padding-left:70px;
}
.about_landing .heading_text h3 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 4em;
    margin-bottom: 0;
    line-height: 1;
}
.about_landing .heading_text h1 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 5em;
    margin-bottom: 0;
    line-height: 1;
}
.about_landing .col_box_right {
    width: 100%;
    height: 90vh;
    background: rgba(154, 96, 82,.1);
    position: relative;
}
.about_landing .carousel-box {
      width: 80%;
    height: 60vh;
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_landing .text-box ul {
    margin: 0;
    padding: 0;
}
.about_landing .text-box  ul li{
color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 25px;
}
.about_landing .text-box  ul li i{
font-weight: 800;
    
}
    
.about_landing .col_box_right .col_box_inner {
    width: 100%;
    height: 60vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_landing .text-box {
    padding: 20px 70px;
    margin-top: 50px;
}
.about_landing .text-box p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
}
.about_landing  a {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
.about_landing  a::after {
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    background: #9A6052;
}
.vid_tour {
    width: 100%;
    height: auto;
    padding: 50px 0px;
    position: relative;
}
.vid_tour .vid_col {
    padding: 20px;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    border: 1px solid rgba(154, 96, 82,.1);
}
.vid_tour .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.vid_tour .play_btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rooms_landing {
    padding: 50px 0;
    width: 100%;
    height: auto;
}
/* .rooms_landing .heading {
    padding: 0 70px;
} */
.rooms_landing .heading h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 4em;
}
.rooms_landing .heading p{
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-right: 70px;
}
.rooms_landing .heading .explore_btn  {
    margin-top: 40px;
}
.rooms_landing .heading .explore_btn a {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none
}
.rooms_landing .heading .explore_btn a::after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #9A6052;
}

.rooms_landing  a.mobile_view {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none
}
.rooms_landing  a.mobile_view::after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #9A6052;
}

.rooms_landing .room_img_swipe {
    /* margin-top: 50px; */
    /* border: 1px solid #333; */
}
.rooms_landing .room_img_swipe .swiper-container {
   /* padding: 180px 0px; */
   padding-bottom: 150px;
   padding-top: 100px;
   position: relative;
 }
 .rooms_landing .room_img_swipe.about_gallery .swiper-container {
    /* padding: 180px 0px; */
    padding-bottom: 100px;
    padding-top: 100px;
  }
  .rooms_landing .room_img_swipe .swiper-slide {
   width: 450px;
   height: 350px;
   box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
   padding: 20px;
}
.rooms_landing .room_img_swipe .swiper-slide .slide_text h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    margin-bottom: 15px;
 }
 
.rooms_landing .room_img_swipe .swiper-slide .slide_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 }
 
  .rooms_landing .room_img_swipe.about_gallery .swiper-container .swiper-slide .text-box{
   margin-top: 20px;
  }
  .rooms_landing .room_img_swipe.about_gallery .swiper-container .swiper-slide .text-box h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
  }

 .rooms_landing .room_img_swipe .swiper-slide .slide_text .view_room{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s all ease-in-out 0s;
    background: #9A6052;
    border: 1px solid #9A6052;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    padding: 6px 20px;
    margin: 0 5px;
 }
 .rooms_landing .room_img_swipe .swiper-slide .slide_text .direct_book{
    color: #9A6052;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s all ease-in-out 0s;
    background: none;
    border: 1px solid #9A6052;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    padding: 6px 20px;
    margin: 0 5px;
 }
 .rooms_landing .room_img_swipe .swiper-slide .slide_text .direct_book::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #9A6052;
    transition: 0.5s all  ease-in-out 0s;
}
.rooms_landing .room_img_swipe .swiper-slide .slide_text .btn-1:hover{
    color: #fff;
}
.rooms_landing .room_img_swipe .swiper-slide .slide_text .btn-1::before{
    height: 0;
}
.rooms_landing .room_img_swipe .swiper-slide .slide_text .btn-1:hover::before{
    top: unset;
    bottom: 0;
    height: 100%;
}
 /* .rooms_landing .room_img_swipe .swiper-slide .slide_text a::after{
    content: "";
    width: 30px;
    height: 2px;
    background: #9A6052;
    display: block;
    transition: all .5s ease-in-out;
 } */
 /* .rooms_landing .room_img_swipe .swiper-slide .slide_text a:hover{
    background: #9A6052;
    color: #fff;
 }  */
 .slide_text {
     margin-top: 30px;
 }


 .swiper-line {
    /* content: ""; */
    width: 5px;
    height: 1px ;
    background: #9A6052;
    display: block;   
    opacity: .3;
    transition: all 1s ease-in-out;
}
.swiper-line {
 position: absolute;
 bottom: 15px;
 left: 40px;
}
 .rooms_landing .room_img_swipe .swiper-container .swiper-button-next {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00IC43NTVsMTQuMzc0IDExLjI0NS0xNC4zNzQgMTEuMjE5LjYxOS43ODEgMTUuMzgxLTEyLTE1LjM5MS0xMi0uNjA5Ljc1NXoiLz48L3N2Zz4=') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 320px;
}
.rooms_landing .room_img_swipe .swiper-container .swiper-button-prev {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMCAuNzU1bC0xNC4zNzQgMTEuMjQ1IDE0LjM3NCAxMS4yMTktLjYxOS43ODEtMTUuMzgxLTEyIDE1LjM5MS0xMiAuNjA5Ljc1NXoiLz48L3N2Zz4=') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 10px;
    /* right: 80px; */
}
.interlude {
    padding: 50px 0;
}
.interlude .inter_img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
}
.interlude1 {
    padding: 50px 0;
}
.interlude1 .inter_img {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
}


.eat_drink {
    padding: 50px 15px;
}
/* .eat_drink {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px; 
} */
.eat_drink .header h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 4em;
}
.eat_drink .header p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-right: 60px;
}
.eat_drink  .rest_img .item_img .rest_img_box {
    width: 100%;
    height: 350px;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    padding: 20px;
}
.eat_drink  .rest_img .item_img .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
}
.eat_drink  .rest_img .item_img .text-box {
   margin-top: 10px;
}
.eat_drink  .rest_img .text-box h2 {
    /* margin-top: 20px; */
    margin-bottom: 0;
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
}

.rest_img .swiper-container {
   padding-bottom: 150px;
   padding-top: 100px;
   position: relative;
 }

  .rest_img .swiper-slide {
   width: 450px;
   height: 350px;
   box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
   padding: 20px;
}
.rest_img .swiper-slide .text-box h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    margin-bottom: 15px;
 }
 .rest_img .swiper-slide .text-box {
    margin-top: 25px;
 }
 
.rest_img .swiper-slide .slide_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .rest_img .swiper-container .swiper-button-next {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik00IC43NTVsMTQuMzc0IDExLjI0NS0xNC4zNzQgMTEuMjE5LjYxOS43ODEgMTUuMzgxLTEyLTE1LjM5MS0xMi0uNjA5Ljc1NXoiLz48L3N2Zz4=') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 320px;
}
.rest_img .swiper-container .swiper-button-prev {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMCAuNzU1bC0xNC4zNzQgMTEuMjQ1IDE0LjM3NCAxMS4yMTktLjYxOS43ODEtMTUuMzgxLTEyIDE1LjM5MS0xMiAuNjA5Ljc1NXoiLz48L3N2Zz4=') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 10px;
    /* right: 80px; */
}
 
 
.serv {
    padding: 50px 0;
}
.serv .header h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 4em;
}
.serv .header p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding-right: 60px;
}
.serv .item-box {
    padding: 30px 20px;
}
.serv .item-box .inner_item_box_1 {
    width: 100%;
    height: 250px;
    background: #9A6052;
    position: relative;
}
.serv .item-box .inner_item_box_2 {
    width: 100%;
    height: 250px;
    background: #E1CFCB;
    border: 1px solid #E1CFCB;
    position: relative;
}
.serv .item-box .inner_item_box_3 {
    width: 100%;
    height: 250px;
    background: #fff;
    border: 1px solid #E1CFCB;
    position: relative;
}
.serv .item-box .text-box {
    position: absolute;
    width: 90%;
    height: auto;
    padding: 30px 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.serv .item-box .text-box .title_num {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 0;
}
.serv .item-box .text-box .title {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 3em;
    text-transform: uppercase;
} 
.serv .item-box .text-box .body_text {
    color: #9A6052;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}
.serv .item-box .text-box i {
    color: #000;
    font-size: 5em;
}
.footer {
    padding: 50px 15px;
    background: #f2f2f2;
}
.footer .text-box h2 a{
    color: #333;
    font-family: 'Saol Display', serif;
    font-size: 2.5em;
    text-decoration: none;
}

.footer .text-box h2 i{
  font-size: .5em;
}
.footer .text-box p {
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

/**********About page*********/
.about_top {
    padding: 50px 0;
}
.about_top .img_bg {
    width: 100%;
    height: 80vh;
    background: #F8F4F3;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
    padding: 70px;
}
.about_top .img_bg .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
}
.about_top .text-box {
    padding: 40px 80px;
}
.about_top .text-box h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 4em;
    line-height: 70px;
    margin-bottom: 40px;
}
.about_top .text-box p {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 25px;
}

.about_top .text-box ol li {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    padding: 5px 0;
}

/**************Rooms & Suite**********/
.rm_suite {
    width: 100%;
    height: auto;
    padding: 0px 0;
}
.rm_suite .rm_img {
    width: 100%;
    height: 450px;
    background: #fff;
    /* box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1); */
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
padding: 15px;
margin-bottom: 50px;
}
.rm_suite .rm_img .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
}
.rm_suite .room_div {
    margin: 100px 0;
}
.rm_suite .text-box {
    padding: 20px 20px;
    margin-top: 30px;
}
.rm_suite .text-box h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
}
.rm_suite .text-box h5 {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.rm_suite .text-box .body_text {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}
.rm_suite .text-box p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}
.rm_suite .text-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.rm_suite .text-box ul li {
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.rm_suite .text-box .price {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.rm_suite .text-box .icon-pack  {
 margin: 5px 0;
}
.rm_suite .text-box .icon-pack p {
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
   text-transform: uppercase;
}
.rm_suite .text-box .icon-pack i {
    color: #666;
    font-size: 2em;
}
.rm_suite .text-box .book_btn {
    background: #9A6052;
    color: #fff;
    border: 2px solid #9A6052;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
   text-transform: uppercase;
   line-height: 2;
   border-radius: 0;
   padding: 7px 30px;
   transition: all .5s ease-in-out;
}
.rm_suite .text-box .book_btn:hover {
    background: #fff;
    color: #9A6052;
}
.room_div .row {
    margin-bottom: 15px;
}
/*******Contact us **********/
.contact_hero {
    padding: 50px 0;
}
.contact_hero .img_bg {
    width: 100%;
    height: 80vh;
    background: #F8F4F3;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.contact_hero .img_bg .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; 
}
.contact_hero .text-box {
    padding: 10px 80px;
}
.contact_hero .text-box h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 3.5em;
    text-transform: uppercase;
}
.contact_hero .text-box p{
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    /* padding: 10px 50px; */
}
.contact_hero .contact_info_box {
    padding: 30px 30px;
    background: #E7D9D5;
    margin-top: 50px;
    margin-left: -30px;
}
.contact_hero .contact_info_box p {
    color: #555454;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
}
.contact_hero .contact_info_box p a{
    color: #555454;
    text-decoration: none;
}
.contact_hero .contact_info_box .contact_social_pack a {
    color: #555454;
    text-decoration: none;
    margin-right: 40px;
    font-size: 20px;
}
.contact_box {
    padding: 50px 0;
}
.contact_box .form-box {

}
.contact_box .form-box h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 3em;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.contact_box .form-box p {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}
.contact_box .form-box .form_input {
    border: 1px solid rgba(154, 96, 82,.5);
    border-radius: 0;
    padding: 30px 20px;
    font-family: 'Poppins', sans-serif;
}
.contact_box .form-box .form_input::placeholder {
 font-family: 'Poppins', sans-serif;
 font-size: 13px;
}
.contact_box .form-box .form_text {
    border: 1px solid rgba(154, 96, 82,.5);
    border-radius: 0;
    padding: 10px 20px;
    font-family: 'Poppins', sans-serif;
}
.contact_box .form-box .form_text::placeholder {
    font-family: 'Poppins', sans-serif;
   }
.contact_box .form-box .submit_btn {
    background: #9A6052;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 40px;
    border-radius: 0;
    transition: all .5s ease-in-out;
    border: 2px solid #9A6052;
}
.contact_box .form-box .submit_btn:hover {
    background: #fff;
    color: #9A6052;
}

/*********Navigation **********/
.nav_dropdown {
width: 100%;
height: 100vh;
background: #fff;
position: absolute;
top: -100%;
left: 0%;
transition: all .5s ease-in-out;
z-index: 9999999;
}
.nav_dropdown .nav_items {
    margin-top: 30px;
}
.nav_dropdown .nav_items p a {
   text-decoration: none;
   color: #000;
}
.nav_dropdown .nav_items .num {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 20px;
}

.nav_dropdown .nav_items .nav_link {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 3em;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.nav_dropdown .nav_footer .social_pack a {
    color: #9A6052;
    text-decoration: none;
    margin-right: 40px;
    font-size: 25px;
}
.nav_dropdown .nav_footer {
    margin-top: 30px;
    /* position: absolute;
    bottom: 50px; */
}
.nav_dropdown .nav_footer .text-box a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.nav_dropdown .nav_footer .social_pack a {
    color: #666;
    text-decoration: none;
    font-size: 20px;
}
/************Booking Div********/
.booking_div {
    width: 100%;
    height: 100vh;
    background: #f2f2f2;
    position: absolute;
    top: -100%;
    left: 0%;
    transition: all .5s ease-in-out;
    z-index: 99999999;
}
.booking_div .book_left_pane {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: linear-gradient( to left, rgba(154, 96, 82,.98), rgba(154, 96, 82,.98)), url('../img/pattern.png') ;
    position: relative;
}
.booking_div .book_left_pane .logo-box {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.booking_div .book_left_pane .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.booking_div .book_left_pane .footer-text{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.booking_div .book_left_pane .center-text h2 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    text-transform: uppercase;
}
.booking_div .book_left_pane .footer-text p a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}
.booking_div .book_left_pane .footer-text p{
    margin-bottom: 5px;
}
.booking_div .book_left_pane .footer-text .book_social_pack a{
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 25px;
}
.booking_div .book_right_pane {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background: linear-gradient( to left, rgba(255, 255, 255,.99), rgba(255, 255, 255,.99)),
     url('../img/pattern.png') ;
}

.booking_div .book_right_pane .close_div {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.booking_div .book_right_pane .close_div p{
   margin-bottom: 0;
   font-size: 30px;
}
.booking_div .book_right_pane .center_div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
}
.booking_div .book_right_pane .center_div .inner-box{
    text-align: center;
}
.booking_div .book_right_pane .center_div .inner-box h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.booking_div .book_right_pane .center_div .inner-box .book_info_input {
    color: #888;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    width: 150px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #9A6052;
}
/* .booking_div .book_right_pane .center_div .inner-box .book_submit_btn {
    color: #000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #000;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: #fff;
    font-weight: 600;
}
.booking_div .book_right_pane .center_div .inner-box .book_submit_btn:hover {
    color: #fff;
    background: #000;
} */

.booking_div .book_right_pane .center_div .inner-box .available_btn{
    color: #9A6052;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s all ease-in-out 0s;
    background: none;
    border: 1px solid #9A6052;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    margin-top: 40px;
 }
 .booking_div .book_right_pane .center_div .inner-box .available_btn:hover{
    background: #9A6052;
    color: #fff;
 }
 /* .booking_div .book_right_pane .center_div .inner-box .available_btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #9A6052;
    transition: 0.5s all  ease-in-out 0s;
}
.booking_div .book_right_pane .center_div .inner-box .btn-1:hover{
    color: #fff;
}
.booking_div .book_right_pane .center_div .inner-box .btn-1::before{
    height: 0;
}
.booking_div .book_right_pane .center_div .inner-box .btn-1:hover::before{
    top: unset;
    bottom: 0;
    height: 100%;
} */

.booking_div .book_right_pane .center_div .inner-box .book_submit_btni {
    color: #9A6052;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #9A6052;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: #fff;
    font-weight: 600;
}
.booking_div .book_right_pane .center_div .inner-box .book_submit_btni:hover {
    color: #fff;
    background: #9A6052;
}

.pick_date .book_right_pane .center_div .inner-box .book_submit_btnii {
    color: #9A6052;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #9A6052;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: #fff;
    font-weight: 600;
}
.pick_date .book_right_pane .center_div .inner-box .book_submit_btnii:hover {
    color: #fff;
    background: #9A6052;
}

.booking_div .book_right_pane .footer_div{
    position: absolute;
    bottom: 20px;
    right: 50px;
}
.booking_div .book_right_pane .footer_div .social_pack a {
   text-decoration: none;
   color: #888;
   font-size: 20px;
   margin: 0 15px;
}



.pick_date {
    width: 100%;
    height: 100vh;
    background: #f2f2f2;
    /* background: #fff; */
    position: absolute;
    top: 0%;
    left: 0%;
    transition: all .5s ease-in-out;
    z-index: 99999999;
}
.pick_date .book_left_pane {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: linear-gradient( to left, rgba(154, 96, 82,.98), rgba(154, 96, 82,.98)), url('../img/pattern.png') ;
    position: relative;
}
.pick_date .book_left_pane .logo-box {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pick_date .book_left_pane .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pick_date .book_left_pane .footer-text{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pick_date .book_left_pane .center-text h2 {
    color: #fff;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    text-transform: uppercase;
}
.pick_date .book_left_pane .footer-text p a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}
.pick_date .book_left_pane .footer-text p{
    margin-bottom: 5px;
}
.pick_date .book_left_pane .footer-text .book_social_pack a{
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 25px;
}
.pick_date .book_right_pane {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background: linear-gradient( to left, rgba(255, 255, 255,.99), rgba(255, 255, 255,.99)),
     url('../img/pattern.png') ;
}

.pick_date .book_right_pane .close_div {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.pick_date .book_right_pane .close_div a{
   margin-bottom: 0;
   font-size: 30px;
   text-decoration: none;
   color: #000;
}
.pick_date .book_right_pane .center_div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
}
.pick_date .book_right_pane .center_div .inner-box{
    text-align: center;
}
.pick_date .book_right_pane .center_div .inner-box h2{
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pick_date .book_right_pane .center_div .inner-box .book_info_input {
    color: #888;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    width: 150px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #9A6052;
}
.pick_date .book_right_pane .center_div .inner-box .book_submit_btn {
    color: #000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #000;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: #fff;
    font-weight: 600;
}
.pick_date .book_right_pane .center_div .inner-box .book_submit_btn:hover {
    color: #fff;
    background: #000;
}

.pick_date .book_right_pane .center_div .inner-box .book_submit_btni {
    color: #000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #000;
    text-transform: uppercase;
    border-radius: 0;
    margin-top: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    background: #fff;
    font-weight: 600;
}
.pick_date .book_right_pane .center_div .inner-box .book_submit_btni:hover {
    color: #fff;
    background: #000;
}

.pick_date .book_right_pane .footer_div{
    position: absolute;
    bottom: 20px;
    right: 50px;
}
.pick_date .book_right_pane .footer_div .social_pack a {
   text-decoration: none;
   color: #888;
   font-size: 20px;
   margin: 0 15px;
}
/********BOoking*********/
.booking_details_container {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.booking_details_container .book_item_detials {

}
.booking_details_container .book_item_detials .box-info h2 {
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 1.5em;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.booking_details_container .book_item_detials .box-info span {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.booking_details_container .book_item_detials .box-info p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
}
.booking_details_container .show-room {
    margin-top: 50px;
}

.booking_details_container .show-room  .room-img  {
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
padding: 20px;
}

.booking_details_container .show-room  .room-img .img {
    width: 100%;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.booking_details_container .show-room .room-img  {
    margin-bottom: 50px;
}
.booking_details_container .show-room .text-box {
    padding: 15px 30px;
    /* margin-bottom: 10px; */
    /* border-bottom: 1px solid rgba(0,0,0,.1); */
}
.booking_details_container .show-room .text-box h2{
margin-bottom: 0;
color: #000;
font-family: 'Saol Display', serif;
font-size: 2.5em
}
.booking_details_container .show-room .grand_total {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
}
.booking_details_container .show-room .text-box h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.booking_details_container .show-room .text-box .desc{
    color: #aeaeae;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 5px;
}
.booking_details_container .show-room .text-box p{
    color: #aeaeae;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin-bottom: 5px;
}
.booking_details_container .show-room .text-box .price{
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.booking_details_container .show-room .text-box ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.booking_details_container .show-room .text-box ul li{
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.booking_details_container .submit_booking_details {
    background: #9A6052;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
}
.show-room  {
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}
.user_info {
    margin-top: 50px;
    margin-bottom: 50px;
    /* border-bottom: 1px solid rgba(154, 96, 82,.2); */
}

.user_info  .room_img .img {
    width: 100%;
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.user_info .room_img  {
    margin-bottom: 30px;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
padding: 20px;
}
.user_info .text-box {
    margin-bottom: 30px;
    padding: 15px 30px;
}
.user_info .text-box h2 {
    margin-bottom: 0;
    color: #000;
    font-family: 'Saol Display', serif;
    font-size: 3.5em;
}
.user_info .text-box h4 {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.user_info .text-box .desc {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
}
.user_info .text-box p {
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
}
.user_info .text-box ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.user_info .text-box li{
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.user_info .text-box .price{
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.user_info .text-box .grand_total {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
}
.guest_data_form {
    margin-top: 50px;
    margin-bottom: 50px;
}
.guest_data_form #echo_msg {
    color: #000;
font-family: 'Saol Display', serif;
font-size: 2em;
text-transform: capitalize;
margin-bottom: 30px;
transition: all .5s ease-in-out;
}
.guest_data_form #echo_msg::after {
 content: "";
 width: 55px;
 height: 2px;
 background: #9A6052;
 display: block;
 margin-left: 3px;
}
.guest_data_form #echo_msg p {
    color: #9A6052;
}
.guest_data_form  .form_input {
    border: 1px solid rgba(154, 96, 82,.5);
    border-radius: 0;
    padding: 30px 20px;
    font-family: 'Poppins', sans-serif;
} 
.guest_data_form  .form_input::placeholder {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
} 
.guest_data_form label {
    font-family: 'Poppins', sans-serif;
    color: #aeaeae;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.guest_data_form .submit_user_info {
    background: #9A6052;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 50px;
    border-radius: 0;
    transition: all .5s ease-in-out;
    border: 2px solid #9A6052;
}
.guest_data_form  .form_select {
    border: 1px solid rgba(154, 96, 82,.5);
    border-radius: 0;
    padding: 0px 20px;
    font-family: 'Poppins', sans-serif;
    height: 61px;
} 
/**********SUccess page *********/
.success_page {
    width: 100%;
    height: 100vh;
    background: #f2f2f2;
}
.success_page .success_box {
    padding: 20px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 30px 40px 0 rgba(0, 0, 0, 0.1);
    margin-top: 50px;
}
.success_page .success_box .header-text h2 {
    margin-bottom: 30px;
    color: #00b35a;
    font-family: 'Poppins', sans-serif;
    font-size: 2em;
    font-weight: 600;
}
.success_page .success_box .header-text i {
    color: #00b35a;
    font-size: 3.5em;
    margin-bottom: 30px;
}
.success_page .success_box .header-text p {
    font-family: 'Poppins', sans-serif;
    color: #888;
    font-size: 14px;
    font-weight: 400;
}
.success_page .success_box .pay_info {
    margin-top: 50px;
}
.success_page .success_box .pay_info  .text-box p{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* padding-bottom: 18px; */
    padding: 15px 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
 }
 .success_page .success_box .pay_info  .text-box p:last-child{
    border-bottom: none;
 }
 .success_page .success_box .pay_info  .text-box p.table_head{
    color: #888;
 }
 .success_page .success_box .pay_info  .text-box p.amount{
    color: #000;
    font-size: 14px;
    font-weight: 600;
 }
 .success_page .success_box .home_btn a {
     text-decoration: none;
     color: #fff;
     font-family: 'Poppins', sans-serif;
     font-size: 13px;
     background: #00b35a;
 }
 .mobile_view {
     display: none;
 }
 /*********Mobile Reponsive***********/
 @media screen and (max-width:950px){
     /*********Home Page**********/
     .mobile_view {
         display: block;
     }
     .desk_view{
         display: none;
     }
     /* .booking_div {
         display: none;
     } */
     .booking_div .book_left_pane {
         display: none;
     }
       .nav_dropdown {
        top: -1000px;
    }
        .booking_div  {
        top: -1000px;
        }
     .booking_div .book_right_pane {

}
 .inner_loader .load img {
   width: 40px;
   height: auto;
  }
    .loader .load img {
       width: 40px;
   height: auto;
  }
     .booking_div .book_right_pane .center_div .inner-box {
        margin-bottom: 30px;
    }
    .booking_div .book_right_pane .center_div .inner-box h2 {
        font-size: 1em;
        margin-bottom: 10px;
    }
    .booking_div .book_right_pane .center_div .inner-box .book_info_input {
      width: 100%;
      border: 1px solid rgba(154, 96, 82,.3);
      padding: 15px;
    }
    .booking_div .book_right_pane .center_div .inner-box .book_submit_btn {
        margin-top: 0px;
    }
    .booking_div .book_right_pane .center_div .inner-box .book_submit_btni {
        margin-top: 0px;
    }
     .drop_action {
         display: none;
     }
     .hero .book_now_btn a.btn {
         padding: 5px 7px;
        font-size: 10px;
    }
     .hero .top_hero_nav {
        padding: 15px 0px;
        padding-top: 15px;
        padding-bottom: 0;
    }
    .hero .book_now.book_now_btn .book-btn {
        padding: 3px 5px;
        font-size: 9px;
    }
    .hero .book_now {
        margin-top: 6px;
    }
    .hero .toggle-btn {
        margin-top: 15px;
    }
    .hero .hero_text {
        top:15%;
        width: 90%;
    }
 
    .hero .top_hero_nav .logo img{
        width: 350px !important;
        height: auto;
        display: inline-block;
    }
    .hero .hero_text h1 {
        font-size: 1em;
    }
       .about-hero .hero_text {
         top:50%;
        width: 90%;
    }
      .hero.about-hero .hero_text h1 {
        font-size: 2em;
        font-family: 'Saol Display', serif;
        font-style: normal;
    }
    .room-suite-hero .hero_text {
         top:50%;
        width: 90%;
    }
       .hero.room-suite-hero .hero_text h1{
        font-size: 2em;
        font-family: 'Saol Display', serif;
        font-style: normal;
    }
    .serv_hero .hero_text {
          top:50%;
        width: 90%;
    }
     .serv_hero .hero_text h1 {
       font-size: 2em;
        font-family: 'Saol Display', serif;
        font-style: normal;
    }
    .hero .hero_text h2 {
    font-size: .7em;
}
    .hero .hero_text .img_box {
    position: absolute;
    top: 10px;
    left: 10px;
    }
/*    .hero .hero_text {*/
/*    position: absolute;*/
/*    top: 60%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/
    .hero .hero_text .img_box1 {
    position: absolute;
    top: 10px;
    right: 0px;
    display: none;
    }
    .hero .hero_text .img_box img {
    width: 60px;
    height: auto;
    }
    .hero .hero_text .img_box1 img {
    width: 60px;
    height: auto;
    }
.hero .hero_nav {
    position: absolute;
    top: 0;
    left: 0;
}
        .hero {
        background-position: center center;
        height: 60vh;
        }
        .hero .hero_box_inner {
        height: 60vh;
        }
    .top_nav .toggle-btn {
        margin-top: 5px;
    }
    .top_nav .book_now {
        margin-top: 10px;
    }
    .top_nav .book_now a {
        font-size: 10px;
        padding: 5px 7px;
    }
    .top_nav .top_hero_nav {
        padding: 10px 5px;
    }
  
    .nav_dropdown .nav_items .nav_link {
        font-size: 2em;
        margin-bottom: 15px;
    }
    .nav_dropdown .nav_footer .social_pack.text-box {
        float: none !important;
        text-align: center;
    }
    .nav_dropdown .nav_footer .social_pack a {
        padding: 30px 40px;
        margin-right: 0px;
    }
    .nav_dropdown {
        border-bottom: 1px solid #000;
    }
    .nav_dropdown .nav_items .num {
        font-size: 13px;
        margin-right: 10px;
    }
    .about_landing {
        padding: 20px 0;
        margin-top: 0px;
    }
    .about_landing .heading_text {
        padding-left: 10px;
    }
    .about_landing .text-box p {
        color: #666;
        line-height: 22px;
    }
    .about_landing .heading_text h3 {
        font-size: 2em;
    }
    .about_landing .heading_text h1 {
        font-size: 3em;
    }
    .about_landing .text-box {
        padding: 20px 10px;
        margin-top: 0px;
        padding-bottom:0;
    }
    .about_landing .col_box_right {
        height: 45vh;
        display: none;
    }
    /*.about_landing .col_box_right .col_box_inner {*/
    /*    width: 100%;*/
    /*    height: 40vh;*/
    /*}*/
    .about_landing .carousel-box {
      width: 90%;
    height: 40vh;
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about_landing .col_box_right .col_box_inner {
    width: 100%;
    height: 40vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .vid_tour {
        padding: 20px 0px;
    }
    .rooms_landing {
        padding: 20px 0;
    }
    .rooms_landing .heading {
        padding: 0px 15px;
    }
    .rooms_landing .heading h2 {
        font-size: 3em;
    }
    .rooms_landing .heading p {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        line-height: 22px;
        padding-right: 0px;
    }
    .rooms_landing .heading .explore_btn {
        margin-top: 0px;
        float: none !important;
    }
    .rooms_landing .room_img_swipe .swiper-container {
        padding-bottom: 120px;
        padding-top: 0px;
        position: relative;
    }
    .rooms_landing .room_img_swipe .swiper-slide {
 width: 320px;
        height: 230px;
        padding: 10px;
        margin-left: 0px !important;
    }
    .slide_text {
        margin-top: 15px;
    }
    .rooms_landing .room_img_swipe .swiper-slide .slide_text h2 {
        font-size: 1em;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-top: 5px;
    }
    .rooms_landing .room_img_swipe .swiper-container .swiper-button-next {
         /*background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMS44ODMgMTJsLTcuNTI3IDYuMjM1LjY0NC43NjUgOS03LjUyMS05LTcuNDc5LS42NDUuNzY0IDcuNTI5IDYuMjM2aC0yMS44ODR2MWgyMS44ODN6Ii8+PC9zdmc+') !important;*/
        left: auto;
        right: 0;
        bottom: 1%
    }
    .rooms_landing .room_img_swipe .swiper-container .swiper-button-prev {
         /*background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjExNyAxMmw3LjUyNyA2LjIzNS0uNjQ0Ljc2NS05LTcuNTIxIDktNy40NzkuNjQ1Ljc2NC03LjUyOSA2LjIzNmgyMS44ODR2MWgtMjEuODgzeiIvPjwvc3ZnPg==') !important;*/
        bottom: 1%;
        left: 20px;
    }
    .rooms_landing .room_img_swipe .swiper-line {
        position: absolute;
        bottom: 9%;
        left: 10%;
    }
     .mobile_explore_btn {
    margin-top: 5px;
    margin-left: 20px;
}
    /* .swiper-line {
       width: 280px;
    } */
    .rooms_landing .room_img_swipe .swiper-slide .slide_text .direct_book {
        font-size: 10px; 
        padding: 5px 10px;
    }
    .interlude {
        padding: 40px 0;
    }
    .interlude .inter_img {
        height: 30vh;
    }
    .eat_drink {
        padding: 20px 15px;
    }
    .eat_drink .header h2 {
        font-size: 2.5em;
    }
    .eat_drink .header p {
        color: #666;
        font-size: 12px;
        padding-right: 0px;
        line-height: 22px;
    }
    .eat_drink .rest_img .item_img .rest_img_box {
        width: 100%;
        height: 250px;
        padding: 10px;
    }
    .eat_drink .rest_img .text-box h2 {
        font-size: 1.2em;
    }
    .eat_drink .rest_img .text-box  {
        margin-bottom: 20px;
    }
    .interlude1 {
        padding: 20px 0;
    }
    .serv {
    padding: 20px 0;
    }
    .serv .header h2 {
        font-size: 3em;
    }
    .serv .header p {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        padding-right: 0px;
    }    
    .interlude1 .inter_img {
        height: 30vh;
    }
    .footer {
        padding: 20px 15px;
        background: #f2f2f2;
    }
    .footer .text-box h2 a {
        font-size: 1.5em;
    }
    .serv .icon_pack {
        display: none;
    }
    .serv .item-box .inner_item_box_1 {
        width: 100%;
        height: 120px;
        border-bottom: 1px solid rgba(225, 207, 203,.3);
    }
    .serv .item-box .inner_item_box_2 {
        width: 100%;
        height: 120px;
        border-bottom: 1px solid rgba(154, 96, 82,.3);
    }
    .serv .item-box .text-box .body_text {
        font-size: 10px;
    }
    .serv .item-box .text-box .title {
        font-size: 1em;;
    }
    
     .explore_slider .swiper-container {
        padding-bottom: 100px;
        padding-top: 20px;
        position: relative;
    }
    .explore_slider .text-box h2 {
        font-family: 'Saol Display', serif;
        font-size: 1.2em;
        text-transform: capitalize;
        color: #000;
    }
    .explore_slider .swiper-slide {
        width: 320px;
        height: 230px;
        padding: 10px;
        /*margin-right: 5px !important;*/
        margin-left: 10px !important;
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    }
    .explore_slider .swiper-slide .slide_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 }
.explore_slider .swiper-line {
    /* content: ""; */
    width: 5px;
    height: 1px ;
    background: #9A6052;
    display: block;   
    opacity: .3;
    transition: all 1s ease-in-out;
}
.explore_slider .swiper-line {
 position: absolute;
        bottom: 9.5%;
        left: 12%;
}
 .explore_slider .swiper-container .swiper-button-next {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMS44ODMgMTJsLTcuNTI3IDYuMjM1LjY0NC43NjUgOS03LjUyMS05LTcuNDc5LS42NDUuNzY0IDcuNTI5IDYuMjM2aC0yMS44ODR2MWgyMS44ODN6Ii8+PC9zdmc+') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: 1.5%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 320px;
}
.explore_slider .swiper-container .swiper-button-prev {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjExNyAxMmw3LjUyNyA2LjIzNS0uNjQ0Ljc2NS05LTcuNTIxIDktNy40NzkuNjQ1Ljc2NC03LjUyOSA2LjIzNmgyMS44ODR2MWgtMjEuODgzeiIvPjwvc3ZnPg==') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: 1.5%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 10px;
    /* right: 80px; */
}

.rest_img .text-box {
    margin-top: 20px;
}
.rest_img .swiper-container {
        padding-bottom: 80px;
        padding-top: 20px;
        position: relative;
    }
    .rest_img .swiper-slide {
        width: 320px;
        height: 230px;
        padding: 10px;
        /*margin-right: 5px !important;*/
        margin-left: 10px !important;
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    }
    .rest_img .swiper-slide .slide_img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 }
.rest_img .swiper-line {
    /* content: ""; */
    width: 5px;
    height: 1px ;
    background: #9A6052;
    display: block;   
    opacity: .3;
    transition: all 1s ease-in-out;
}
.rest_img .swiper-line {
 position: absolute;
        bottom: 6.6%;
        left: 12%;
}
 .rest_img .swiper-container .swiper-button-next {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMS44ODMgMTJsLTcuNTI3IDYuMjM1LjY0NC43NjUgOS03LjUyMS05LTcuNDc5LS42NDUuNzY0IDcuNTI5IDYuMjM2aC0yMS44ODR2MWgyMS44ODN6Ii8+PC9zdmc+') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 320px;
}
.rest_img .swiper-container .swiper-button-prev {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjExNyAxMmw3LjUyNyA2LjIzNS0uNjQ0Ljc2NS05LTcuNTIxIDktNy40NzkuNjQ1Ljc2NC03LjUyOSA2LjIzNmgyMS44ODR2MWgtMjEuODgzeiIvPjwvc3ZnPg==') !important;
    background-size: 20px 35px;
    background-position: center;
    background-repeat: no-repeat !important;
    position: absolute;
    top: auto;
	bottom: -2%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    left: 10px;
    /* right: 80px; */
}


    /**********About page**********/
    .hero.about-hero {
        background-position: center center;
        width: 100%;
        height: 50vh;
    }
    .about_top {
        padding: 0px 0;
    }
    .about_top .img_bg {
        height: 40vh;
        padding: 20px;
    }
    .about_top .text-box {
        padding: 20px 10px;
    }

    .about_top .text-box h2 {
        font-size: 3em;
        line-height: 45px;
        margin-bottom: 25px;
    }
    .about_top .text-box p {
        color: #666;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 22px;
    }
    .rooms_landing .room_img_swipe.about_gallery .swiper-container {
        /* padding: 180px 0px; */
        padding-bottom: 90px;
        padding-top: 0px;
    }
    .rooms_landing .room_img_swipe.about_gallery .swiper-container .swiper-slide .text-box h2 {
        font-size: 1.2em;
    }

    /*********Rooms & Suite*********/
    .hero.room-suite-hero {
        width: 100%;
        height: 50vh;
    }
    .rm_suite {
        padding: 0px 0;
    }
    .rm_suite .room_div {
        margin: 20px 0;
    }
    .rm_suite .rm_img {
        width: 100%;
        height: 40vh;
        padding: 10px;
        margin-top: 20px;
    }
    .rm_suite .text-box {
        padding: 10px 10px;
    }
    .rm_suite .text-box h2 {
        font-size: 1.5em;
    }
    .rm_suite .text-box h5 {
        font-size: 13px;
    }
    .rm_suite .text-box .body_text {
        color: #666;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
    }
    .rm_suite .text-box .icon-pack {
        margin: 0px 0;
    }
    .rm_suite .text-box .icon-pack i {
        font-size: 2em;
    }
    .rm_suite .text-box .icon-pack p {
        font-size: 11px;
    }
    .room_div .row {
        margin-bottom: 10px;
    }

    /**************Services**********/
    .serv_hero {
        width: 100%;
        height: 60vh;
    }
    .hero .hero_text p {
        font-size: 11px;
        padding: 0px 0px;
        line-height: 22px;
    }
   .mobile_view .about_top .text-box h2 {
        margin-bottom: 10px;
    }
    .about_top .text-box p {
        margin-bottom: 0px;
    }

    /*********Contact********/
    .contact_hero {
        padding: 0px 0;
    }
     .top_nav .contact_nav .toggle-btn {
        margin-top: 15px;
    }
    .top_hero_nav.contact_nav {
        padding-bottom: 0px;
    }
    .contact_hero .img_bg {
        width: 100%;
        height: 50vh;
    }
    .contact_hero .text-box {
        padding: 30px 0px;
    }
    .contact_hero .text-box h2 {
        font-size: 2em;
        margin-bottom: 0;
    }
    .contact_hero .contact_info_box {
        padding: 30px 30px;
        background: #E7D9D5;
        margin-top: 0px;
        margin-left: 0px;
    }
    .contact_box {
        padding: 20px 0;
    }
    .contact_box .form-box h2 {
        font-size: 2em;
        margin-bottom: 10px;
    }
    .contact_box .form-box .form_input {
        padding: 25px 10px;
    }
    .contact_box .form-box .form_text {
        padding: 10px 10px;
    }
    .contact_box .form-box .form_text::placeholder {
       font-size: 13px;
    }

    /*********Success page***********/
    .success_page .success_box {
        padding: 30px 20px;
        background: #fff;
        border-radius: 5px;
        margin-top: 20px;
    }
    .success_page .success_box .header-text h2 {
        margin-bottom: 20px;
        font-size: 1.2em;
    }
    .success_page .success_box .header-text i {
        font-size: 3em;
        margin-bottom: 20px;
    }
    .success_page .success_box .header-text p {
        font-size: 12px;
        font-weight: 400;
    }
    .success_page .success_box .pay_info {
        margin-top: 30px;
    }
    .success_page .success_box .pay_info  .text-box p{
        padding: 15px 0;
        font-size: 11px;
     }
     .success_page .success_box .home_btn  {
        margin-top: 30px;
    }
    /*************BOoking **********/
    .booking_details_container .book_item_detials .box-info h2 {
        font-size: .9em;
        margin-bottom: 5px;
    }
    .booking_details_container .book_item_detials .box-info span {
        color: #aeaeae;
        font-family: 'Poppins', sans-serif;
        font-size: 11px;
    }
    .booking_details_container .show-room {
        margin-top: 10px;
    }
    .booking_details_container .show-room .room-img {
        margin-bottom: 10px;
        padding: 10px;
    }
    .booking_details_container .show-room .room-img .img {
        width: 100%;
        height: 250px;
    }
    .booking_details_container .show-room .text-box {
        padding: 15px 0px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .booking_details_container .show-room .text-box h2 {
        font-size: 1.5em;
        margin-bottom: 5px;
    }
    .booking_details_container .show-room .text-box .desc {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .booking_details_container .show-room .grand_total {
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-size: 1.2em;
        font-weight: 800;
    }
    .booking_details_container .show-room .text-box ul li {
        letter-spacing: 1px;
    }
    .booking_details_container .book_item_detials .box-info p {
        color: #aeaeae;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
    }
    .booking_details_container .form-group {
        margin-bottom: 0;
    }
    .booking_details_container {
        padding: 30px 15px;
    }
    .booking_details_container .show-room .text-box h4 {
        font-size: 13px;
    }
    .user_info {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .user_info .room_img {
        margin-bottom: 20px;
        padding: 10px;
    }
    .user_info .room_img .img {
        width: 100%;
        height: 250px;
    }
    .user_info .text-box {
        margin-bottom: 10px;
        padding: 15px 0px;
    }
    .user_info .text-box h2 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
    .user_info .text-box h4 {
        font-size: 13px;
    }
    .user_info .text-box .desc {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .user_info .text-box li {
        letter-spacing: 1px;
    }
    .guest_data_form {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .guest_data_form #echo_msg {
        font-size: 1.2em;
    }
    .guest_data_form #echo_msg::after {
        width: 35px;
        height: 1px;
    }
    .guest_data_form .form_input {
        padding: 20px 10px;
    }
    .guest_data_form .form_select {
        padding: 0px 10px;
        height: 45px;
    }
    .guest_data_form .submit_user_info {
        font-size: 12px;
        padding: 10px 30px;
    }
    .pick_date .book_left_pane {
        display: none;
    }
    .pick_date .book_right_pane .center_div .inner-box {
        margin-bottom: 30px;
    }
    .pick_date .book_right_pane .center_div .inner-box h2 {
        font-size: 1em;
        margin-bottom: 10px;
    }
    .pick_date .book_right_pane .center_div .inner-box .book_info_input {
      width: 100%;
      border: 1px solid rgba(154, 96, 82,.3);
      padding: 15px;
    }
    .pick_date .book_right_pane .center_div .inner-box .book_submit_btnii {
        margin-top: 0px;
    }
 }

 /**************Admin Dahboard ************/
 .admin_dashboard {
     width: 100%;
     height: 100vh;
     background: #FBF9F8;
 }
 .admin_dashboard .left_pane {
     width: 100%;
     height: 100vh;
     background: #fff;
     position: relative;
 }
 .admin_dashboard .left_pane .logo_box {
     padding: 10px 10px;
     border-bottom: 1px solid rgba(154, 96, 82,.2);
 }
 .admin_dashboard .left_pane  .nav_items {
     padding: 15px 0;
 }
 .admin_dashboard .left_pane  .nav_items ul{
    padding: 0;
    margin: 0;
    list-style: 0;
}
.admin_dashboard .left_pane  .nav_items ul li{
    list-style: 0;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(154, 96, 82,.2);
}
.admin_dashboard .left_pane  .nav_items ul li a{
    font-size: 13px;
    color: rgba(154, 96, 82, .6);
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 600;
}
.admin_dashboard .left_pane  .nav_items ul li a i{
    font-size: 15px;
    margin-right: 15px;
}
.admin_dashboard .left_pane  .nav_items ul li.active{
    background: #FAF7F6;
    border-right: 5px solid #9A6052;
}
.admin_dashboard .left_pane  .nav_items ul li.active a{
    color: #9A6052;
}
.admin_dashboard .left_pane .logout_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
}
.admin_dashboard .left_pane .logout_btn a{
    font-size: 14px;
    color:#000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 600;
}
.admin_dashboard .right_pane .nav-bar .navbar {
    background: #fff;
    padding: 5px 20px;
}
.admin_dashboard .right_pane .nav-bar .navbar .navbar-brand {
    font-size: 1.5em;
    color:#000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 800;
}
.admin_dashboard .right_pane .nav-bar .navbar .nav-item.img {
    width: 30px;
    height: 30px;
    margin-top: 9px;
}
.admin_dashboard .right_pane .nav-bar .navbar .nav-item.img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.admin_dashboard .right_pane .nav-bar .navbar .nav-item {
    margin: 5px 5px;
}
.admin_dashboard .right_pane .nav-bar .navbar .nav-item .nav-link {
    font-size: 13px;
    color:#000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 400;
}
.admin_dashboard .right_pane .nav-bar .notification a i{
    font-size: 20px;
    margin-right: 10px;
    position: relative;
}
.admin_dashboard .right_pane .nav-bar .notification a i span.notification-badge{
    position: absolute;
    top: 0px;
    right: -3px;
    width: 7px;
    height: 7px;
    background: #dc3545;
    border-radius: 50%;
}
.admin_dashboard .right_pane .navbar .dropdown.user_profile .dropdown-menu{
min-width: 9rem;
box-shadow: 0px 20px 20px 0 rgba(0, 0, 0, 0.1);
}
.admin_dashboard .right_pane .navbar .dropdown.user_profile .dropdown-menu .dropdown-item{
    font-size: 13px;
    color:#000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 400;
    }
.admin_dashboard .right_pane .box-container {
    margin-top: 20px;
    padding: 20px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    width: 100%;
    height: 85vh;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0,.1) #f6f6f6;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}

.admin_dashboard .right_pane .box-container::-webkit-scrollbar {
    width: 6px;
    background-color: #ddd;
    } 
    .admin_dashboard .right_pane .box-container::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .admin_dashboard .right_pane .box-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #ddd;
    border-radius: 50px;
    }
.admin_dashboard .right_pane .box-container .action_btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.admin_dashboard .right_pane .box-container .action_btn ul li{
    display: inline-block;
    margin: 0 10px;
}
.admin_dashboard .right_pane .box-container .my-tab-box .nav-mobile-role a {
    text-decoration: none;
    color: #9A6052;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
}
.admin_dashboard .right_pane .box-container .my-tab-box .nav-mobile-role a.active::after {
    /* border-bottom: 1px solid #9A6052; */
    content: "";
    width: 40px;
    height: 2px;
    background: #9A6052;
    display: block;
}

.admin_dashboard .right_pane .box-container .add_user_btn {
    background: #9A6052;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 12px;
}

.admin_dashboard .right_pane .box-container .my-tab-box .header_action .search_booking{
    border-radius: 20px;
    border: 1px solid rgb(154, 96, 82,.5);
    font-family: 'Poppins', sans-serif;
    padding: 15px 25px;
}
.admin_dashboard .right_pane .box-container .my-tab-box .header_action .search_booking::placeholder{
    font-size: 14px;
}
.search_ref, .search_users, .search_not{
    border-radius: 20px;
    border: 1px solid rgb(154, 96, 82,.5);
    font-family: 'Poppins', sans-serif;
    padding: 15px 25px;
}
.search_ref::placeholder{
    font-size: 14px;
}
.search_users::placeholder{
    font-size: 14px;
}



.search_rooms{
    border-radius: 20px;
    border: 1px solid rgb(154, 96, 82,.5);
    font-family: 'Poppins', sans-serif;
    padding: 15px 25px;
}
.search_rooms::placeholder{
    font-size: 14px;
}


.admin_dashboard .right_pane .box-container .my-tab-box .header_action .trash_btn{
    font-size: 14px;
    color: #333;
    cursor:pointer;
}
.trash_btn {
    cursor: pointer;
}
.admin_dashboard .right_pane .box-container .my-tab-box .header_action .book_sort{
    border: 1px solid rgba(154, 96, 82,.6);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive {
    margin-top: 15px;
    width: 100%;
    height: 60vh;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0,.1) #f6f6f6;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive.payment_ref {
    margin-top: 15px;
    width: 100%;
    height: 75vh;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0,.1) #f6f6f6;
    scrollbar-width: thin;
    scroll-behavior: smooth;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive::-webkit-scrollbar {
    width: 6px;
    background-color: #ddd;
    } 
    .admin_dashboard .right_pane .box-container .my-tab-box .table-responsive::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .admin_dashboard .right_pane .box-container .my-tab-box .table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #ddd;
    border-radius: 50px;
    }
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive .table tr th {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0,.1);
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
}
.admin_dashboard .right_pane .box-container .delete_book_details {
    /* color: #aeaeae; */
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive .table tr td {
    /* background: #fff; */
    border-top: 1px solid rgba(0, 0, 0,.1);
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #444;
    font-weight: 400;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive .table tr td.img_td {
    width: 80px;
    height: 80px;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive .table tr td.img_td img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin_dashboard .right_pane .box-container .my-tab-box .table-responsive .table tr td .dropdown-item{
    cursor: pointer;
    font-size: 12px;
}
.admin_dashboard .right_pane .box-container .my-tab-box  .action_btn {
    padding: 0;
    background: transparent;
 
}
#view_booking_details .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#view_booking_details .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    margin-bottom: 20px;
    padding: 15px 20px;
}
#view_booking_details .box .heading h2{
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    color: #9A6052;
    font-weight: 800;
}
#view_booking_details .box p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}
#view_booking_details .box span{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}

#add_user_modal .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#add_user_modal .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    margin-bottom: 20px;
    padding: 15px 20px;
}
#add_user_modal .box .heading h2{
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    color: #9A6052;
    font-weight: 800;
}
#add_user_modal .box p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}
#add_user_modal .box span{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}
#add_user_modal .box label{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}

#add_user_modal .box input{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}


#add_user_modal  .add_user_action {
    background: #9A6052;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
}

#edit_user_modal .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#edit_user_modal .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    margin-bottom: 20px;
    padding: 15px 20px;
}
#edit_user_modal .box .heading h2{
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    color: #9A6052;
    font-weight: 800;
}
#edit_user_modal .box p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}
#edit_user_modal .box span{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}
#edit_user_modal .box label{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}

#edit_user_modal .box input{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}


#edit_user_modal  .edit_user_action {
    background: #9A6052;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
}



#edit_booking_details .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#edit_booking_details .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    margin-bottom: 20px;
    padding: 15px 20px;
}
#edit_booking_details .box .heading h2{
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    color: #9A6052;
    font-weight: 800;
}
#edit_booking_details .box p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}
#edit_booking_details .box span{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}
#edit_booking_details .box .cost_details {
    font-family: 'Poppins', sans-serif;
    font-size: .9em;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}
#edit_booking_details .box .cost_details .total_cost {
    font-family: 'Poppins', sans-serif;
    font-size: .9em;
    color: #000;
    font-weight: 600;
    display: none;
    transition: all .5s ease-in-out;
}
#edit_booking_details .box input{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#edit_booking_details .box select{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}

#edit_booking_details .box .update_booking_details {
    background: #9A6052;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 15px 15px;
}
#assign_user .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#assign_user .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1); */
    margin-bottom: 20px;
    padding: 15px 20px;
}
#assign_user .box .guest_details  {
    margin-top: 50px;
}
#assign_user .box .guest_details p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 12px;
    padding: 12px 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
#assign_user .box .guest_details p.table_head {
    color: #888;
}
#assign_user .box p.msg_bdy {
    font-family: 'Poppins', sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
#assign_user .box p.msg_bdy span{
    color: #000;
    font-weight: 600;
}
#assign_user .box p.hello {
    margin-bottom: 15px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 600;
}
#assign_user .assign_action_btn {
    background: #9A6052;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#assign_user .close_modal {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}



#unassign_user .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#unassign_user .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1); */
    margin-bottom: 20px;
    padding: 15px 20px;
}
#unassign_user .box .guest_details  {
    margin-top: 50px;
}
#unassign_user .box .guest_details p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 12px;
    padding: 12px 0;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
#unassign_user .box .guest_details p.table_head {
    color: #888;
}
#unassign_user .box p.msg_bdy {
    font-family: 'Poppins', sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}
#unassign_user .box p.msg_bdy span{
    color: #000;
    font-weight: 600;
}
#unassign_user .box p.hello {
    margin-bottom: 15px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 600;
}
#unassign_user .unassign_action_btn {
    background: #9A6052;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#unassign_user .close_modal {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#edit_room_modal .modal-body  .inputWrapper {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    margin-top: 30px;
}
#edit_room_modal .modal-body .inputWrapper .edit_project-img-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #aeaeae;
    padding: 3px;
    margin-bottom: 0;
}
#edit_room_modal .modal-body .inputWrapper .edit_project-img-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#edit_room_modal .modal-body .fileInput {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    /*This makes the button huge so that it can be clicked on*/
    font-size:50px;
}
#edit_room_modal .modal-body .hidden {
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
#edit_room_modal .modal-body  .replace-btn {
    font-family: 'Poppins', sans-serif;
    font-size: .8em;
    font-weight: 400;
    color: rgb(59, 57, 199);
    text-decoration: none;
    cursor: pointer;

}


#edit_room_modal .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    color: #9A6052;
    font-weight: 800;
}
#edit_room_modal .box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0,.1);
    margin-bottom: 20px;
    padding: 15px 20px;
}

#edit_room_modal .box p{
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}
#edit_room_modal .box span{
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
    font-weight: 400;
}
#edit_room_modal .box input{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#edit_room_modal .box textarea{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#edit_room_modal .update_room_details {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#delete_room_record .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#delete_room_record .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#delete_room_record .delete_action_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#delete_room_record .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#delete_user_modal .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#delete_user_modal .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#delete_user_modal .delete_user_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#delete_user_modal .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#newroom .innerContent {
    margin-top: 10px;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
#newroom .innerContent input {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#newroom .innerContent .features_box {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 3px 0;
    cursor: pointer;
}
#newroom .innerContent .room_f_btn {
    text-decoration: none;
    color: #555;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
}
#newroom .innerContent textarea {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#newroom .innerContent label {
    font-family: 'Poppins', sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #aeaeae;
font-weight: 400;
}
#newroom .innerContent .data_submit {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#newbooking .innerContent {
    margin-top: 10px;
    padding: 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
#newbooking .innerContent input {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#newbooking .innerContent select {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    border-radius: 0;
}
#newbooking .innerContent label {
    font-family: 'Poppins', sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #aeaeae;
font-weight: 400;
}
#newbooking .innerContent .add_booking {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#newbooking .heading h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}
#newbooking .heading p {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #aa444e;
    font-weight: 600;
}


#delete_booking_record .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#delete_booking_record .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#delete_booking_record .delete_booking_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#delete_booking_record .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#multi_delete_booking_record .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#multi_delete_booking_record .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#multi_delete_booking_record .multi_delete_booking_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#multi_delete_booking_record .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#multi_delete_room_record .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#multi_delete_room_record .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#multi_delete_room_record .multi_delete_action_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#multi_delete_room_record .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}



#multi_delete_user_record .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#multi_delete_user_record .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#multi_delete_user_record .multi_delete_user_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#multi_delete_user_record .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}


#enable_room .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#enable_room .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#enable_room .enable_action_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#enable_room .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}

#disable_room .modal-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    color: #9A6052;
    font-weight: 800;
}
#disable_room .box p{
    font-family: 'Poppins', sans-serif;
    /* margin-bottom: 0; */
    font-weight: 400;
    font-size: 12px;
}
#disable_room .disable_action_btn {
    background: #9A6052;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
#disable_room .close_btn {
    background: transparent;
    color: #9A6052;
    border: 2px solid #9A6052;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 15px;
    border-radius: 0;
}
  .features_box.active_input {
           border: 1px solid blue !important;
       }
       .close_btn {
           cursor:pointer;
       }
         .edit_features_box.edit_active_input {
           border: 1px solid blue !important;
       }
.edit_features_box {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 3px 0;
    cursor: pointer;
}
.edit_features_box .room_f_btn {
    text-decoration: none;
    color: #555;
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
}
.add_room_features {
    color: #333;
    margin-bottom: 10px;
      font-family: 'Poppins', sans-serif;
      text-transform: uppercase;
      font-size: 11px;
      cursor: pointer;
} 
.toggle_room_features {
    display: none;
    transition: all .5s ease-in-out;
}
.toggle_room_features.active {
    display: block;
}
    .alert_box {
            padding: 20px 20px ;
            background: #9A6052;;
            position: fixed;
            top: 40px;
            right: -50%;
            width: 30%;
            border-radius: 5px;
            transition: all .2s ease-in-out;
            z-index: 99999;
        }
        .alert_box.active {
            right: 20px;
        }
         .alert_box.active p{
            color: #fff;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            margin-bottom: 0;
            text-transform: capitalize;
        }
          .alert_box p{
            color: #fff;
            font-family: 'Poppins', sans-serif;
            font-size: 14px;
            margin-bottom: 0;
            text-transform: capitalize;
        }
        .alert_box .alert_close_btn {
            position: absolute;
            top: 2px;
            right: 2px;
            width: 30px;
            height: 30px;
            cursor: pointer;
        }
            .alert_box .alert_close_btn i {
            color: #fff;
            font-size: 20px;
        }
        @media screen and (max-width:950px){
               .alert_box {
            padding: 15px 15px ;
            top: 40px;
            right: -100%;
            width: 90%;
            border-radius: 5px;
        }
        .alert_box.active {
            right: 15px;
        }
         .alert_box.active p{
            font-size: 12px;
        }
          .alert_box p{
            font-size: 12px;
        }
          .alert_box .alert_close_btn {
            position: absolute;
            top: 2px;
            right: 0px;
        }
            .alert_box .alert_close_btn i {
            color: #fff;
            font-size: 15px;
        }
        }
          .password-group {
    position: relative;
}
    .password-group .pass-view {
    position: absolute;
    right: 30px;
    top: 40px;   
}
.password-group .pass-view i {
   color: #888;
   cursor: pointer;
}
.password-group .pass-view i.active::before {
    content: "\f070";
    color: #333;
 }
.notification_box.items_notifications_box {
padding: 15px 0;
}
.notification_box.items_notifications_box  .inner_box {
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 5px 5px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 5px 10px;
}
.notification_box.items_notifications_box .inner_box p {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #555;
    margin-bottom: 0;
}
   .notification_box.items_notifications_box  .inner_box span {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #777;
    margin-bottom: 0;
    font-style: italic;
}

       #hero_carousel {
        width: 100%;
        height: 100vh;
        position: relative;
    }
        #hero_carousel .carousel-item {
        width: 100%;
        height: 100vh;
    }
        #hero_carousel .carousel-item .car_img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
    }
        .about_zoneb {
        padding: 100px 0px;
        width: 100%;
        height: auto;
        background: #fff;
        }
            .about_zoneb .text_box {
        padding: 20px 70px;
        margin-top: 50px;
        }
        .about_zoneb .text_box h1 {
        color: #000;
        font-family: 'Saol Display', serif;
        font-size: 4em;
        margin-bottom: 0;
        line-height: 1;
        }
        .about_zoneb .text_box p {
        color: #666;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 15px;
        line-height: 25px;
        }
            .about_zoneb .text_box a {
            color: #333;
            font-family: 'Poppins', sans-serif;
            font-size: 11px;
            font-weight: 400;
            text-transform: uppercase;
            text-decoration: none;
            }
            .about_zoneb .text_box a::after {
            content: "";
            display: block;
            width: 55px;
            height: 1px;
            background: #9A6052;
            }
        .about_zoneb .col_box_right {
        width: 100%;
        height: 90vh;
        background: rgba(154, 96, 82,.1);
        position: relative;
        }
        .about_zoneb .carousel-box {
        width: 80%;
        height: 60vh;
        position: absolute;
        z-index: 999999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        }
             
        .about_zoneb .col_box_right .col_box_inner {
        width: 100%;
        height: 60vh;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        }
        .rooms_zoneb {
              padding: 100px 0px;
        width: 100%;
        height: auto;
        }
         .rooms_zoneb .col_box_right {
        width: 100%;
        height: 100vh;
        background: rgba(154, 96, 82,.1);
        position: relative;
            margin-bottom: 50px;
        }
        .rooms_zoneb .carousel-box {
        width: 100%;
        height: 100vh;
        position: absolute;
        z-index: 999999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        }
             
        .rooms_zoneb .col_box_right .col_box_inner {
        width: 100%;
        height: 100vh;
        background-repeat: no-repeat;
        background-size: cover;
        }
       .rooms_zoneb .text_col  {
          background: linear-gradient( to left, rgba(154, 96, 82,.98), rgba(154, 96, 82,.98)), url('../img/pattern.png');
           position: relative;
           width: 100%;
           height: 100vh;
       }
        .rooms_zoneb .text_col .text_box  {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           width: 100%;
           text-align: center;
       }
        .rooms_zoneb .text_col .text_box  h1{
            color: #fff;
            font-family: 'Saol Display', serif;
            font-size: 3em;
            margin-bottom: 10px
            line-height: 1;
       }

         .rooms_zoneb .text_col .text_box p {
            color: #fff;
            font-family: 'Saol Display', serif;
            font-size: 1.2em;
            font-style: italic;
        }
            .rooms_zoneb .text_col .text_box p.price {
            font-size: 1.8em;
            font-style: normal;
            margin-bottom: 5px;
        }
        .rooms_zoneb .text_col .text_box p span{
        margin: 0 10px;
        }
        .rooms_zoneb .text_col .text_box a {
        background: #fff;
        color: #9A6052;
        border: 2px solid #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 2;
        border-radius: 0;
        padding: 10px 30px;
        transition: all .5s ease-in-out;
        text-decoration: none;
        }
              .interlude_zoneb {
            width: 100%;
            height: auto;
            padding: 0;
        }
        .interlude_zoneb .img_container {
            width: 100%;
            height: 90vh;
            position: relative;
            background-image: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.4)), url('../img/abb-11.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }
        .interlude_zoneb .img_container .inner_text_box{
            width: 70%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        .interlude_zoneb .img_container .inner_text_box h2{
            color: #fff;
            font-family: 'Saol Display', serif;
            font-size: 4em;
            line-height: 1;
        }
        .interlude_zoneb .img_container .inner_text_box h1 {
            color: #fff;
            font-family: 'Saol Display', serif;
            font-size: 6em;
            line-height: 1;
        }
        .interlude_zoneb .img_container .inner_text_box a {
        background: #fff;
        color: #9A6052;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        border: 1px solid #fff;
        padding: 15px 35px;
        border-radius: 0;
        }
        @media screen and (max-width:950px){
               #hero_carousel {
        width: 100%;
        height: 50vh;
        position: relative;
    }
        #hero_carousel .carousel-item {
        width: 100%;
        height: 50vh;
    }
        #hero_carousel .carousel-item .car_img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
    }
            .hero .hero_text.zone_b {
            top: 50%;
            left: 45%;
            width: 70%;
            }
            .hero .hero_text.zone_b h2 {
            font-size: 1.5em;
            }
            .hero .hero_text.zone_b h1 {
            font-size: 4em;
            }
            .hero .hero_box_inner {
            height: 50vh;
            }
            .hero.zoneb {
            height: 50vh;
            }
            .about_zoneb {
  padding: 0px 0px;
}
.about_zoneb .col_box_right {
  height: 50vh;
}
.about_zoneb .carousel-box {
  width: 90%;
  height: 45vh;
}
.about_zoneb .col_box_right .col_box_inner {
  height: 45vh;
}
.about_zoneb .text_box {
  padding: 10px;
  margin-top: 30px;
}
.about_zoneb .text_box h1 {
  font-size: 2.5em;
  margin-bottom: 15px;
}
.rooms_zoneb {
  padding: 30px 0px;
}
.rooms_zoneb .text_col {
  height: 30vh;
}
.rooms_zoneb .text_col .text_box h1 {
  font-size: 2em;
  margin-bottom: 15px;
}
.rooms_zoneb .text_col .text_box p {
  font-size: .9em;
}
.rooms_zoneb .text_col .text_box p.price {
font-size: 1.2em;
margin-bottom: 10px;
}
.rooms_zoneb .text_col .text_box p span{
  margin: 0 5px;
}
.rooms_zoneb .col_box_right {
  height: 50vh;
    margin-bottom: 70px;
}
.rooms_zoneb .col_box_right .col_box_inner {
    height: 50vh;
}
.rooms_zoneb .carousel-box {
  width: 100%;
  height: 50vh;

}
    
    .interlude_zoneb .img_container {
    width: 100%;
    height: 60vh;
    }
    .interlude_zoneb .img_container .inner_text_box{
    width: 80%;
    }
    .interlude_zoneb .img_container .inner_text_box h2{
    font-size: 2em;
    line-height: 1;
    }
    .interlude_zoneb .img_container .inner_text_box h1 {
    font-size: 2.5em;
    line-height: 1;
    }
    .interlude_zoneb .img_container .inner_text_box a {
    font-size: 13px;
    padding: 10px 25px;
    }
    }