* {

    text-decoration: none;

    list-style: none;

    box-sizing: border-box;

}



html {

    scroll-behavior: auto !important;

}



body {

    font-family: Arial, Helvetica, sans-serif;

    transition: 0.3s all;

}



body .offcanvas-body .navbar-nav li a {

    color: black !important;

}



body .offcanvas-body .navbar-nav li a:hover {

    color: #AD1E48 !important;

}



.ksl-sticky {

    position: relative;

}



/* .ksl-sticky .top-header{

    position: sticky;

    top: 0px;

    z-index: 999;

} */

.apartment-index-v2-nav nav.navbar {

    position: absolute;

    background: transparent;

    top: 55px;

    z-index: 99;

    right: 0px;

    width: 100%;

}



.ksl-sticky .apartment-index-v2-nav nav.navbar {

    background: #fff;

    /* box-shadow: 0px 1px 10px #00000036; */

    transition: 0.8s;

    margin-top: 2px;

}



.ksl-sticky .apartment-index-v2-nav nav.navbar ul li a {

    color: #000 !important;

}



.ksl-sticky .apartment-index-v2-nav nav.navbar ul li a.nav-link.active {

    color: #AD1E48 !important;

}



.ksl-sticky #ksl-header {

    position: sticky;

    top: 0;

    /* width: 100%; */

    z-index: 999;

    animation: header-down linear 0.8s;

    display: block;

}



@keyframes header-down {

    10% {

        transform: translateY(-100px);

    }



    90% {

        transform: translateY(0px);

    }

}



/* header css start here */

.navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: #AD1E48 !important;

}



.navbar-nav .nav-link {

    transition: 0.3s;

    text-transform: uppercase;

    font-family: Times New Roman, Times, serif;

    font-size: .775rem;

    font-weight: 400;

    letter-spacing: .15625rem;

    color: white !important;

}



.navbar-collapse .navbar-nav .nav-link:hover {

    color: #AD1E48 !important;

}



/* .navbar-nav li:last-child {

        margin-right: 10px;

    } */



.scroll-up {

    position: fixed;

    z-index: 99;

    top: 90%;

    right: 20px;

    transform: translateY(-90%);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



body {

    position: relative;

    overflow: overlay;

    padding: 0px !important;

}



a.scroll-up-btn {

    background: #AD1E48;

    padding: 3px;

    margin-top: 20px;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    width: 30px;

    height: 30px;

}





.top-header {

    background-color: white;

    border-bottom: 1px solid #d1d1d1;

}



/* .left-navbar-toggle .navbar-toggler-icon {

    filter: brightness(0) invert(1);

} */



.logo img {

    width: 100px;

}



.header-book-btn .book-btn.btn {

    color: black;

    border: solid 1px black;

    background: transparent;

    margin-right: 30px;

    transition: 0.3s;

    border-radius: 0;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 11px;

    display: flex;

    align-items: center;

    font-weight: 500;

}



.header-book-btn .book-btn.btn:hover {

    background: #ad1e48;

    border: solid 1px #ad1e48;

    color: white;

}



.hero-images .book-btn {

    display: inline-block;

    width: 200px;

    text-align: center;

    text-decoration: none;

    margin: 0 auto 40px auto;

    color: white;

    line-height: 1.3;

    transition: 0.3s all;

    align-self: center;

    /* background-color: black; */

    background-color: rgba(0, 0, 0, 0.6);

    text-transform: uppercase;

    padding: 15px 20px;

    border: solid 2px white;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

}



.header-book-btn .book-btn:hover {

    background-color: #ddb080;

}



.address-dropdown .dropdown-item:focus,

.address-dropdown .dropdown-item:hover {

    color: #AD1E48 !important;

    background: unset !important;

}



.top-header-address .dropdown:hover>.address-dropdown-inner .dropdown-menu {

    display: block;

}



.top-header-address .dropdown-toggle::after {

    margin-left: 20px !important;

}









a.whatsapp-icon,

.fixed-whatsapp-btn {

    background: #29a71a;

    color: #fff;

    width: 35px;

    height: 35px;

    border-radius: 3px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    /* margin-right: 0.75rem; */

}



.navbar-nav .address-dropdown {

    position: relative;

    border-radius: 0;

    padding: 15px;

    box-shadow: 0px 3px 6px rgba(0, 0, 0, 16%);

}



.navbar-nav .address-dropdown::before {

    content: "";

    position: absolute;

    border-bottom: 20px solid #fff;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    width: 10px;

    top: -10px;

    left: 50%;

    right: 0;

    transform: translateX(-50%);

}



.left-navbar-toggle {

    border: none !important;

}



.left-navbar-toggle:focus,

.left-navbar-toggle:focus-visible {

    box-shadow: none !important;

    border: none !important;

}



/* .top-header-address {

    border-left: 1px solid #757a80;

    padding-left: 10px; 

} */



.top-header-address ul.navbar-nav li a {

    padding: 15px 0px;

}



.address-dropdown li a {

    color: #000;

}



.address-dropdown .dropdown-item {

    padding: 8px 0px !important;

}



.logo {

    text-align: center;

}



header .top-header-left-column,

header .header-book-btn,

header .logo {

    width: 33.33%;

}



.header-book-btn {

    text-align: end;

}



.address-dropdown-inner {

    position: absolute;

    top: 35px;

}



.header-navigation-bar ul.navbar-nav li a {

    color: #000 !important;

}



.header-navigation-bar ul.navbar-nav li a:hover {

    color: #a78b6d;

}



.header-navigation-bar .navbar ul li {

    margin: 0 20px;

}



.address-dropdown li {

    border-bottom: 1px solid #ccc;

    margin: 0px;

}



.address-dropdown li:last-child {

    border-bottom: none;

}



/* header css end here */



/* header offcanvas css start here */

header .offcanvas {

    background-color: white;

    width: 300px !important;

    z-index: 999;

    /* height: 100vh; */

}



.offcanvas-backdrop {

    display: none;

}



.offcanvas .offcanvas-header img {

    width: 100px;

}



/* .offcanvas button.btn-close {

    filter: brightness(0) invert(1);

} */



.btn-close:focus,

.btn-close:focus-visible {

    box-shadow: none !important;

}



/* .is-mobile-address {

    display: none;

} */



/* header offcanvas css end here */



/* Footer css start here  */

footer {

    padding: 90px 0px 0px 0px;

    background: #F9F4F0;

}



footer .container {

    margin-bottom: 100px;

}



.footer-box {

    width: 25%;

}



.footer-box:nth-child(2) {

    width: 30%;

    padding-left: 50px;

}



.footer-box:nth-child(3) {

    width: 20%;

    padding-left: 15px;

}



.footer-box:nth-child(4) {

    width: 20.2%;

    padding-left: 18px;

}



footer .row {

    justify-content: space-between !important;

}



footer ul li {

    list-style: none;

}



footer ul li a {

    text-decoration: none;

    transition: 0.3s all;

    color: black;

}



.footer-email a,

footer p,

footer ul li a,

.copyright-row p {

    letter-spacing: .03125rem;

    font-size: .9375rem;

    line-height: 1.66;

}



footer ul li a:hover,

footer a:hover {

    color: #AD1E48;

}



.footer-social-icons a i {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}



footer h4 {

    font-size: 16px;

}



.footer-email a {

    color: black;

    text-decoration: none;

    font-weight: 500;

    word-break: break-word;

}







.footer-box:nth-child(1) p {

    width: 250px;



}



footer p {

    font-weight: 500;

    word-break: break-word;

    color: black;

}



.footer-email {

    margin-bottom: 25px;

}



footer ul li {

    margin-bottom: 10px;

}



.footer-social-icons a.footer-facebook-icon {

    background: #3b5998;

    color: #fff;

    margin-left: 0;

}



.footer-social-icons a.footer-twitter-icon {

    background: #41a1f2;

    color: #fff;

}



.footer-social-icons a.footer-whatsapp-icon {

    background: #67d449;

    color: #fff;

}



.footer-social-icons a.footer-youtube-icon {

    background: #ff0000;

    color: #fff;

}



.footer-social-icons a {

    border-radius: 50%;

    width: 30px;

    height: 30px;

    display: inline-block;

    text-align: center;

    padding: 2px;

    margin: 10px;

    text-decoration: none;



}



.footer-down-menus li {

    margin: 0px 30px;

}



.footer-down-menus li:first-child {

    margin-left: 0 !important;

}



.footer-box h4 {

    color: black;

    margin-bottom: 20px;

    font-family: 'Times New Roman', Times, serif;

    font-weight: 500;

    font-size: 1.125rem;

    text-transform: uppercase;

    letter-spacing: .15625rem;

}



.copyright-row {

    background: #F9F4F0;

}



.copyright-row p {

    font-weight: 500;

    color: black !important;

}



/* Footer css end here  */



/* hero section css start here  */



.hero-images img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.3s;

}



.hero-images h3,

.our-apartment-box a span {

    background-color: rgba(0, 0, 0, 0.6);

    display: inline-block;

    color: #fff;

    padding: 10px 20px;

    word-break: break-word;

    text-align: center;

    margin: auto;

    height: 100px;

    width: 85%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 500;

    font-family: 'Times New Roman', Times, serif;

    font-size: 1.5rem;

    letter-spacing: .3125rem;

    text-transform: uppercase;

    border: solid 2px white;

}



.top-header-address ul.navbar-nav li a {

    font-weight: 500;

    font-family: 'Times New Roman', Times, serif;

    font-size: .875rem;

    letter-spacing: .15625rem;

    text-transform: uppercase;

    color: black !important;

}



.hero-images {

    display: flex;

    flex-direction: column;

    position: relative;

    overflow: hidden;

    height: calc(100vh - 112px);

}



.hero-images .book-btn:hover {

    background: #ad1e48;

    border: solid 2px #ad1e48;

}



.hero-images img {

    transform: scale(1.1);

}



.hero-images:hover .hero-images-label {

    background: rgba(0, 0, 0, 0.3);

}



.hero-images-label {

    display: flex;

    flex-direction: column;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    width: 100%;

    transform: translateX(-50%);

    /* background: rgba(0, 0, 0, 0.4); */

    z-index: 9;

    transition: 0.3s;

}



/* hero section css end here  */



/* Deals Section css start here  */

/* section.deals {

        margin: 80px 0px;

    } */



.deal-info {

    padding-bottom: 20px !important;

    padding-left: 18px;

    padding-right: 18px;

}



.Common-heading span {

    height: 1px;

    display: inline-block;

    width: 31%;

    background: #707070;

    margin: 0px 20px;

}





h2.Common-heading,

.resort-about h3 {

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 500;

    color: #000;

    font-family: 'Times New Roman', Times, serif;

    font-size: 1.5rem;

    letter-spacing: .3125rem;

    text-transform: uppercase;

}



.room-slider-content h6 {

    font-weight: 500;

    color: #000;

    font-family: 'Times New Roman', Times, serif;

    font-size: 1.5rem;

    letter-spacing: .3125rem;

    text-transform: uppercase;

}



p.deal-discription {

    color: #131313;

}



.deals .card {

    width: 30%;

    padding: 0;

    border: none;

    border-radius: 0 !important;

}





.deal-image {

    overflow: hidden;

    max-height: 400px;
    max-width: 400px;

}



.deal-image img {

    width: 100%;

    height: 100%;

    border-radius: 0 !important;

    transition: 0.3s;

}



.deals .card:hover>.deal-image img {

    transform: scale(1.1);

}



.deals .card a {

    color: #000;

    transition: 0.3s all;

    text-decoration: none;

    text-align: center;

    display: block;

    border: solid 1px black;

    padding: 15px 20px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

}



.deals .card a:hover {

    color: white;

    background: #AD1E48;

    border: solid 1px #AD1E48;

}



.deals .card .card-body {

    padding: 40px 0px 0px 0px;

    box-shadow: 0px 4px 13px -6px #0000006b;

}



.apartment-deals-content h5,

.gallery-tabs .nav-tabs li .nav-link,

.Facilities-content h3,

.slider-content h3,

.contact-info h6,

.contact-form label,

.service-image-box p {

    font-family: 'Times New Roman', Times, serif;

    font-weight: 500;

    font-size: 1.125rem;

    text-transform: uppercase;

    letter-spacing: .15625rem;

}



.apartment-deals-content p,

.ksl-gallery p,

.Facilities-content p,

p.deal-discription,

.about-us p,

.contact p,

.contact address,

.contact a,

.contact-form input,

.contact-form textarea,

.resort-about-paragraph,

.resort-about-discription p,

.room-category input,

.quantity span,

.room-slider-content p {

    letter-spacing: .03125rem;

    font-size: .9375rem;

    line-height: 1.66;

}



.ksl-custom-navbar .navbar-nav .nav-item .nav-link {

    padding-right: 0;

    padding-left: 58px;



}



/* Deals Section css end here  */



.about-us p {

    color: #000;

    width: 80%;

    margin: auto;

    margin-bottom: 20px;

}



.about-us {

    padding-bottom: 110px;

}



.about-info {

    margin-top: 30px;

}





.check-avaibility-input input:focus {

    outline: none;

}



.check-avaibility-input label {

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 12px;

    width: 100%;

    text-transform: uppercase;

    letter-spacing: 5px;

}



.check-avaibility-input {

    text-align: start;

}



.banner-form {

    display: flex;

}



/*  hotspring resort css start here */

.Facilities-img img {
    width: 100%;
    object-fit: cover;
}



.Facilities-content {

    background: white;

    padding: 40px 30px;

}



.Facilities-content h3 {

    margin-bottom: 40px;

    color: #000;

}



.Facilities-content p {

    margin-bottom: 40px;

}



.Facilities-img {

    padding: 0;

}



.facilities-btn {

    background: white;

    color: black;

    margin-top: 20px;

    margin-bottom: 0;

    border: solid 1px black;

    transition: 0.3s;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

    padding: 15px 20px;

}



.facilities-btn:hover {

    background: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



.Facilities-row,

.Facilities-row-reverse {

    margin-bottom: 60px;

}









/*  hotspring resort css end here */





/*resort home page css start here */

.room-slide-box img {

    width: 100%;



}



.resort-home-deals-row {

    margin-top: 30px;

}



.home-page-swiper-slider .swiper-button-next::after,

.slick-next:before {

    content: "\f054" !important;

    color: #000 !important;

    font-family: 'FontAwesome';

    font-size: 30px;

    transition: 0.3s;

}



.home-page-swiper-slider .swiper-button-prev::after,

.slick-prev:before {

    content: "\f053" !important;

    color: #000 !important;

    font-family: 'FontAwesome';

    font-size: 30px;

    transition: 0.3s;

}



.home-page-swiper-slider .swiper-button-prev:hover::after,

.home-page-swiper-slider .swiper-button-next:hover::after,

.slick-prev:hover:before,

.slick-next:hover:before {

    color: #a78b6d !important;

}



.room-slide-box {

    position: relative;

}



.room-slider-content {

    background-color: #CFBCA8;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    padding: 30px;

    width: 50%;

}



.room-slider-content p {

    margin-top: 20px;

}



.room-slider-content a {

    text-align: center;

    background: white;

    color: black;

    text-decoration: none;

    margin-top: 10px;

    display: inline-block;

    transition: 0.3s !important;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

    padding: 15px 20px;

    border: solid 1px black;

}



.room-slider-content a:hover {

    background: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



.service-image-box img {

    width: 100%;

    margin-bottom: 20px;

}



a.amenties-btn {

    background: transparent;

    display: inline-block;

    text-align: center;

    color: black;

    text-decoration: none;

    transition: 0.3s;

    border: solid 1px black;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 60px;

    padding: 15px 20px;

}



a.amenties-btn:hover {

    background: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



/*resort home page css end here */



/* resort about page css start here */

.resort-about-box {

    display: flex;

    padding: 0px 20px;

    flex-wrap: wrap;

    /* margin-top: 50px; */

}



.resort-about-img {

    width: 20%;

    overflow: hidden;

    margin: 0px;

}



.resort-about-img img {

    width: 100%;

    transition: 0.3s;

}



.resort-about-img:hover>img {

    transform: scale(1.1);

}



section.resort-about {

    margin-bottom: 110px;

}



.resort-about h3 {

    margin-bottom: 30px;

}



.resort-about-paragraph {

    margin-bottom: 40px;

    color: #000;

}



.resort-about-discription {

    font-size: 16px;

    font-weight: 500;

    color: #000;

    margin: 70px auto 0 auto;

    width: 80%;

}



.resort-about-discription p {

    margin-bottom: 30px;

}



.resort-about-discription p:last-child {

    margin-bottom: 0 !important;

}



.quantity input {

    color: transparent;

    text-shadow: 0 0 0 #000;



}



.quantity input:focus {

    outline: none;

}



/* resort about page css end here */







/* hotspring room page css start here  */

.Hotspring-row {

    margin-bottom: 40px;

    box-shadow: 0px 3px 6px rgba(0, 0, 0, 16%);

    border: 0.3px rgba(0, 0, 0, 16%) solid;

}



.resort-about-paragraph {

    margin-bottom: 50px !important;

}



.hotspring-Room-slider .slick-slide img {

    display: block;

    height: 100%;

    width: 100%;

}



.hotspring-Room-slider .slick-list.draggable {

    height: 100%;

}



.hotspring-Room-slider .slick-list.draggable .slick-track {

    height: 100%;

}



.slick-dotted.slick-slider {

    margin-bottom: 0px !important;

}



.slider-content {

    padding: 40px 35px 30px;

    height: 100%;

}



.slider-content h3 {

    margin-bottom: 20px;

}



.room-category input {

    width: 40px;

    border: none;

    text-align: center;

    background: unset !important;

}



.room-category img {

    width: 20px;

}



.room-category input:focus {

    outline: none;

}



.room-category {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 80px;

}



.room-book-btn a {

    background: transparent;

    color: black;

    text-decoration: none;

    display: inline-block;

    text-align: center;

    transition: 0.3s;

    border: solid 1px black;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

    padding: 15px 20px;

}



.room-book-btn a:hover {

    background-color: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



.quantity span {

    margin-left: 20px;

    color: #000;

}



.hotspring-Room-slider .slick-prev {

    left: 5px !important;

    z-index: 99;

    background: #fff;

    border-radius: 50%;

    width: 25px;

    height: 25px;

}



.hotspring-Room-slider .slick-next {

    right: 5px !important;

    border-radius: 50%;

    background: #fff;

    width: 25px;

    height: 25px;

}



.hotspring-Room-slider .slick-next:before {

    font-size: 16px !important;

}



.hotspring-Room-slider .slick-prev:before {

    font-size: 16px !important;

}



.quantity-img-box {

    background: #ECECEC;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    padding: 7px;

}



.quantity {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 60%;

}



.quantity input::-webkit-outer-spin-button,

.quantity input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* hotspring room page css end here  */





a.ui-state-default.ui-state-active {

    border: 1px solid #a78b6d !important;

    background: #a78b6d !important;

    color: #fff !important;

}





.lb-details {

    display: none;

}



div#lightbox {

    display: flex;

    flex-direction: column-reverse;

}



/* offcanvas toggle menu css  */

.navbar-toggler-icon .top {

    width: 30px;

    display: inline-block;

    height: 2px;

    background: black;

    margin-bottom: 0;

    position: absolute;

    left: 0;

    top: 6px;

}



.navbar-toggler-icon .middle {

    width: 30px;

    display: inline-block;

    height: 2px;

    background: black;

    position: absolute;

    top: 14px;

    left: 0;

}



.navbar-toggler-icon .bottom {

    display: inline-block;

    width: 30px;

    height: 2px;

    background: black;

    position: absolute;

    top: 22px;

    left: 0;

}



.navbar-toggler-icon {

    background-image: none !important;

    position: relative;

}



/* gallery page css start  */



.gallery-heading span {

    width: 35% !important;

}



.ksl-gallery {

    padding-bottom: 110px;

}



.gallery-tabs ul li button:hover {

    border: none !important;

}



.gallery-tabs .nav-tabs.nav-item .nav-link:hover {

    box-shadow: none !important;

    border: none !important;

}



.gallery-tabs a img {

    width: 100%;

    height: 100%;

    transition: 0.3s;

    object-fit: cover;

}



.gallery-tabs-images div {

    width: 33.33%;

    max-width: calc(33.33% - 20px);

    margin: 10px;

}



.gallery-tabs-images div {

    overflow: hidden;

    height: 400px;

}



.gallery-tabs-images div:hover img {

    transform: scale(1.1);

}



.gallery-tabs .nav-tabs li .nav-link {

    position: relative;

    color: #000;

}



.gallery-tabs .nav-tabs li .nav-link::after {

    position: absolute;

    content: " ";

    background: #AD1E48;

    width: 0%;

    height: 1px;

    left: 0px;

    bottom: 0px;

    transition: 0.3s;

}



.gallery-tabs li.nav-item {

    margin: 0px 15px;

}



.gallery-tabs .nav-tabs li .nav-link.active {

    color: #AD1E48;

}



.gallery-tabs .nav-tabs li .nav-link.active::after {

    width: 100%;

}



.Resort-gallery-tabs .nav-tabs li .nav-link::after {

    background: #AD1E48 !important;

}





/* apartmen-index-v2-page-css-start--------------------------  */

/* apartmen-index-v2-banner-start  */

.apartment-index-v2-nav ul {

    /* width: 30% !important; */

    display: flex;

    justify-content: space-between;

    /* margin-right: 20px; */

}



.apartment-index-v2-banner {

    /*background: url(../images/Image-54.jpg) no-repeat;*/

    background-size: cover;

    background-position: center;

    height: calc(80vh - 0px);

    margin-bottom: 60px;

}



.apartment-index-v2-banner-info {

    transform: translateY(-50%);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

    z-index: 2;

}



.apartment-index-v2-banner-form {

    max-width: 86.25rem;

    width: 90%;

    margin: auto auto -60px auto;

    display: flex;

    justify-content: space-between;

    padding: 20px 55px;

    background: white;

    align-items: end;

    box-shadow: 0 0.0625rem 1.25rem 0 rgba(0, 0, 0, .1);

    padding-bottom: 36px;

}



.apartment-index-v2-banner-form a {

    background: transparent;

    text-decoration: none !important;

    color: black;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 12px;

    font-weight: 500;

    padding: 15px 15px;

    border: solid 1px black;

    transition: 0.5s;

}



.apartment-index-v2-banner-form a:hover {

    background: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



.apartment-index-v2-nav ul li a {

    color: white;

    transition: 0.3s;

}



.apartment-index-v2-nav ul li a:hover,

.apartment-index-v2-nav ul li a:focus {

    color: #a78b6d;

}



/* apartmen-index-v2-banner-end  */







/* apartment-deals-start  */

.apartment-deals-info{
    width: 100%;
}

.apartment-deals-content .card-title{
    height: 25px;
}

.apartment-deals-info .apartment-info-btn {

    background: transparent;

    color: black;

    text-decoration: none !important;

    display: block;

    text-align: center;

    border: solid 1px black;

    margin: 15px;

    transition: 0.3s;

    padding: 15px 20px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: .6875rem;

    font-weight: 600;

}



.apartment-deals-info .apartment-info-btn:hover {

    background: #AD1E48;

    color: white;

    border: solid 1px #AD1E48;

}



/* apartment-deals-end  */





/* our-apartment-start  */

.our-apartment {

    padding: 0px 0px 70px;

}



.our-apartment-boxes .our-apartment-box {

    width: 50%;

    max-width: calc(50% - 15px);

    height: 600px;

    position: relative;

    overflow: hidden;

    margin-bottom: 40px;

}



.our-apartment-box:hover img {

    transform: scale(1.1);

}



.our-apartment-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.3s;

}





.our-apartment-box a {

    text-decoration: none !important;

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 0;

}



.our-apartment-box a span {

    /* background-color: rgba(0, 0, 0, 0.6);

    color: #fff;

    padding: 0 10px;

    word-break: break-word;

    text-align: center;

    margin: auto;

    height: 100px;

    width: 85%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 500;

    font-family: 'Times New Roman', Times, serif;

    font-size: 1.5rem;

    letter-spacing: .3125rem;

    text-transform: uppercase;

    border: solid 2px white;*/

    line-height: 25px;

    font-size: 1.1rem;

    margin-bottom: 40px;

    width: max-content;

    max-width: 85%;

}



.apartment-index-v2-nav ul.navbar-nav li a {

    font-weight: 500;

}





.apartment-deals-content {

    padding: 0px 20px;

}



.apartment-index-v2-banner::before {

    content: "";

    position: absolute;

    background: #000;

    opacity: 0.3;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.resort-apartment-banner {

    /*background: url(../images/Mask-Group-71.jpg) no-repeat !important;*/
    /*background: url('') no-repeat !important;

    background-size: cover !important;*/

}
#apart-div{
    background-size: cover !important;
}



.apartment-index-v2-banner-info h1 {

    font-size: 60px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-top: auto;

    font-family: 'Times New Roman', Times, serif;

}



/* our-apartment-end  */



/* apartmen-index-v2-page-css-end--------------------------  */

.common-space-all-page {

    padding-top: 110px;

}



.Facilities.deals {

    padding-bottom: 50px !important;

}



.room-slider-sec {

    padding-top: 110px;

}



.deals-more-button button {

    background: #a78b6d;

    border: solid 2px #a78b6d !important;

    color: white;

    transition: 0.3s;

}



.deals-more-button button:hover {

    background: transparent;

    color: #a78b6d;

}



.deal-info-main {

    margin: 30px 0 60px;

}



.apart-deal {

    padding-top: 60px;

}



.contact-form select {

    -webkit-appearance: none;

    position: relative;

    overflow: overlay !important;

    background: url(../images/select-down.png) no-repeat !important;

    background-size: 5% 75% !important;

    background-position: 98% !important;

    width: 100%;

    color: #414142;

    letter-spacing: .03125rem;

    font-size: .9375rem;

    display: block;

    border-radius: 4px;

    outline: none;

    margin-top: 3px;

    padding: 10px;

    box-shadow: 0px 4px 6px 0px #c3bab1;

    border: 0;

}



.contact-us-select {

    background-color: #fff;

    border-radius: 4px;

}



.top-header-address .active {

    color: #a78b6d !important;

    background: transparent;

}



.top-header-address .act {

    font-size: 13px !important;

}



.lb-container .lb-image {

    border: none !important;

    width: 100% !important;

    object-fit: fill;

}



.lightbox {

    top: 50% !important;

    left: 50% !important;

    transform: translate(-50%, -50%);

    position: fixed;

}



.lb-outerContainer {

    width: 50% !important;

    max-width: 650px;

}



.lb-nav a.lb-prev {

    position: relative;

}



.lb-nav a.lb-prev::before {

    content: " ";

    position: absolute;

    background: url(../images/prev.png) no-repeat;

    background-size: cover;

}



.lb-nav a.lb-next {

    opacity: 100;

}



.lb-nav a.lb-next::before {

    content: " ";

    position: absolute;

    background: url(../images/next.png) no-repeat;

    background-size: cover;

}



.lb-nav a.lb-prev {

    opacity: 100;

}







.main-gallrey ul li {

    width: auto !important;

    margin: 0px 13px 8px 0px !important;

}



div#lightboxOverlay {

    width: 100% !important;

}





div#lightboxOverlay {

    width: 100% !important;

}



.lb-next,

.lb-prev {

    position: absolute;

}



.lb-outerContainer {

    position: static !important;

}



.lb-nav a.lb-prev {

    width: 20%;

    float: left;

}



.lb-dataContainer {

    z-index: 999;

    max-width: 650px;

    width: 50% !important;



}



.lb-nav a.lb-next {

    width: 20%;

    float: right;



}



.book-btn-wrap {

    position: relative;

    top: -70px;

}





.day-use {

    position: absolute;

    bottom: 0;

}



#view-date {

    background: transparent;

    padding: 0;

    border: 0;

    font-size: 11px;

    font-weight: 500;

    text-transform: uppercase;

    padding-bottom: 5px;

}



.banner-date-box-hide {

    display: none;

}



.date-box-show .banner-date-box-hide {

    display: block;

}



.date-box-show #view-date {

    display: none !important;

}



#view-date {

    display: flex !important;

    justify-content: space-between;

    width: 100%;

    align-items: center;

}



.banner-date-box {

    position: relative;

    border-bottom: 1.5px solid black;

    padding-bottom: 10px;

    margin-top: 7px;

}



#view-date i {

    font-size: 13px;

}



.banner-form span {

    font-size: 22px;

    border: solid 0.5px black;

    min-width: 40px;

    min-height: 40px;

    text-align: center;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

}



.banner-form input {

    pointer-events: none;

    min-width: 40px;

    width: 40px;

    text-align: center;

    border: 0;

    font-weight: 600;

}



.banner-date-box input {

    border: 0;

    font-weight: 500;

    font-size: 14px;

    width: 100%;

    z-index: 1;

    background: transparent;

}



.banner-date-box-input i {

    position: absolute;

    right: 0;

    top: 6px;

    font-size: 13px;

}



.daterangepicker {

    padding: 0 0 30px 0 !important;

    box-shadow: 0px 5px 10px #c0c0c0;

    border-radius: 0 !important;

    margin: auto !important;

    left: 0 !important;

    right: 0 !important;

    width: 1100px !important;

    margin-top: 20px !important;

}



.daterangepicker tbody td {

    padding: 5px 20px;

    font-size: 16px !important;

    font-weight: 600 !important;

    border: 1px solid #80808042 !important;

    border-collapse: collapse;

    width: 50px !important;

    height: 54px !important;

    font-size: 12px !important;

}



.daterangepicker .drp-calendar.left {

    padding-left: 150px !important;

    max-width: 100% !important;

}



.daterangepicker .drp-calendar.right {

    padding-right: 150px !important;

    max-width: 100% !important;

    float: right;

}



.daterangepicker::before,

.daterangepicker::after {

    display: none !important;

}



.daterangepicker thead th.month {

    padding-bottom: 20px !important;

    font-size: 1.5rem !important;

    letter-spacing: .25rem;

    font-family: 'Times New Roman', Times, serif;

    text-transform: uppercase;

}



.daterangepicker td.active:hover {

    background-color: #AD1E48 !important;

    border-radius: 0 !important;

}



.daterangepicker thead th {

    color: #000;

    font-size: .6875rem !important;

    font-weight: 400;

}



.daterangepicker .drp-buttons {

    border: 0 !important;

    padding-top: 30px !important;

}





.daterangepicker .drp-buttons .applyBtn {

    background-color: black !important;

    color: white !important;

    font-weight: 500 !important;

    border: solid 1px black !important;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 16px !important;

    padding: 15px 20px !important;

    transition: 0.5s;

    border-radius: 0;

}



.daterangepicker .drp-buttons .applyBtn:hover {

    background: transparent !important;

    color: black !important;





}





.drp-buttons .drp-selected {

    font-size: 20px !important;

}



.lb-disable-scrolling {

    overflow: hidden !important;

}



.add-guest-box h6 {

    margin-bottom: 0px !important;

    font-weight: 600;

    font-size: 14px;

}



.check-avaibility-input .add-guest-button,

.check-avaibility-input .add-room-button {

    border: 0;

    background: none;

    font-weight: 500;

}



.add-guest-box .add-guest-box-2 {

    border-top: 0.50px black solid;

}



.add-guest-box .add-guest-box-2 {

    margin-top: 8px;

    padding-top: 8px;

    border-top: 0.5px hsl(0deg 0% 0% / 30%) solid;

}



.disable {

    color: gray;

    border: solid 1px gray !important;

    pointer-events: none;

}



.check-avaibility-input input::placeholder {

    color: black;

}



.check-avaibility-input input,

.check-avaibility-input select,

.check-avaibility-input button {

    color: black !important;

}



.dealss .card-body {

    padding: 40px 0px 0px 0px;

    box-shadow: 0px 4px 13px -6px #0000006b;

    margin-bottom: 10px;

}



.dealss .card {

    border: none;

}



.service {

    padding: 110px 0px;

}



.service-image-box svg {

    width: 60px;

    fill: #4b4b4b;

    height: 60px;

}



.service-image-box {

    text-align: center;

}



.service-image-box p {

    margin-bottom: 0px !important;

    color: #4b4b4b;

}



.service .row {

    align-items: center;

}



.service .service-image-box:nth-child(4) svg,

.service .service-image-box:nth-child(5) svg,

.service .service-image-box:nth-child(6) svg {

    height: 50px;

    width: 50px;

}



.deals .deal-box {

    padding-bottom: 60px !important;

}



.fixed {

    position: sticky;

    top: 0;

    z-index: 999;

    box-shadow: 0px 3px 2px rgb(100 95 95 / 35%);

    animation: slideDown 0.35s ease-out;

}



header {

    display: inline;

}



.deal-info-main .row.justify-content-between {

    position: relative;

}



.loader.hidden {

    display: none;

}



.ksl-pg-section.hidden {

    display: none;

}



.ksl-deal-second.hidden {

    display: none;

}



span.ksl-adult-btn {

    margin-right: 5px;

}



.loader {

    border: 6px solid #f3f3f3;

    border-radius: 50%;

    border-top: 6px solid #313841;

    width: 40px;

    height: 40px;

    position: absolute;

    bottom: 14%;

    left: 0;

    right: 0;

    margin: auto;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



@keyframes slideDown {

    from {

        transform: translateY(-100%);

    }



    to {

        transform: translateY(0);

    }

}



.header-navigation-bar {

    box-shadow: 0px 1px 10px #00000036;

}





.home-page-swiper-slider.swiper {

    width: 100%;

    height: 100%;

    position: unset;

}



.home-page-swiper-slider .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

}



.home-page-swiper-slider .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-page-swiper-slider .swiper-button-prev {

    left: -30px;

}



.home-page-swiper-slider .swiper-button-next {

    right: -30px;

}



.home-page-swiper-slider .deal-image {

    width: 100%;

}



.swiper-container .container {

    position: relative;

}



.home-page-swiper-slider .card {

    padding: 3px;

}



.scroll-up-btn.hidden {

    opacity: 0;

}



.scroll-up-btn {

    transition: 0.5s;

}



/* all-info-css-start  */

.all-info-box {

    padding-bottom: 60px;

}



.all-info-box .row {

    padding-top: 40px;

}



.all-info-img img {

    width: 100%;

    object-fit: cover;

    transition: 0.3s;

}



.all-info-img {

    overflow: hidden;

}



.all-info-img img:hover {

    transform: scale(1.1);

}



.all-info-box h2.Common-heading span {

    width: 24%;

}



.all-info-box h2.Common-heading {

    text-align: center;

    justify-content: space-between;

}



.all-info-box h2.Common-heading span:first-child {

    margin-left: 0;

}



.all-info-box h2.Common-heading span:last-child {

    margin-right: 0;

}



.all-info-content {

    padding-left: 40px;

    padding-right: 20px;

}



.all-info-content p {

    margin-bottom: 0;

    color: #000;

    letter-spacing: .03125rem;

    font-size: .9375rem;

    line-height: 1.66;

}



/* all-info-css-end  */

.home-banner-back {

    background: url(../images/home-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    position: relative;

    height: 80vh;

    margin-bottom: 60px;

}



.home-banner-back::before {

    position: absolute;

    content: " ";

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    left: 0;

    top: 0;

}



.apartment-gallery-boxes div {

    width: 50%;

    max-width: calc(50% - 20px);

    position: relative;

    margin: 10px;

    height: 450px;

    overflow: hidden;

}



.apartment-gallery-boxes div img:hover {

    transform: scale(1.1);

    transition: 0.3s;

}



.apartment-gallery-boxes div p {

    position: absolute;

    bottom: 0;

    color: white;

    margin: 0;

    width: 100%;

    padding: 20px 0;

    text-align: center;

    background: #4d4845;

    font-weight: 600;

    font-size: 20px;

}



.all-info-box .container {

    max-width: 1180px;

}



.home-deals a {

    background: #a78b6d;

    color: white !important;

    text-decoration: none !important;

    display: block;

    text-align: center;

    padding: 15px 0;

    transition: 0.3s;

}



.home-deals a:hover {

    background: black;

}



.home-deals .deal-info {

    padding-bottom: 0 !important;

}



.hom-experience {

    padding-bottom: 0 !important;

}



.hom-experience .hom-experience-row {

    margin-top: 40px !important;

}



.hom-experience .row.Facilities-row {

    margin-bottom: 65px !important;

}



.home-deals .deal-info-main {

    margin: 40px 0 !important;

}





.hom-experience h2.Common-heading {

    text-align: center;

}



.home-map {

    padding-bottom: 110px;

}



.home-map .col-lg-6 {

    padding: 0;

}



.home-map-left-box {

    margin-right: 10px;

}



.home-map-view {

    padding-left: 10px;

}



.home-map-left-box {

    height: 550px;

    overflow: hidden;

}



.home-map-left-box h3 {

    font-family: 'Times New Roman', Times, serif;

}



.home-map-left-box img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    transition: 0.3s;

}



.home-map-left-box img:hover {

    transform: scale(1.1);

}



.home-map-view iframe {

    height: 550px;

    width: 100%;

}



.resort-home-images {

    padding: 0 0 110px 0 !important;

}



.resort-home-images .container {

    padding: 0;

}



.hotspring-about .resort-about-us-slider-for-destope {

    padding-bottom: 20px;

}



.resort_deal {

    padding-bottom: 110px;

}



.what-hide {

    z-index: 100;

}





.address-dropdown-inner .dropdown-menu.address-dropdown::before {

    border: 0;

}



.checkinout-sec {

    display: flex;

    justify-content: space-between;

    background: #dbd5cd;

    padding: 30px 30px;

    margin-bottom: 30px;

    width: 1100px;

}



.checkinout-sec strong {

    display: block;

    margin-top: 15px;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

}



.checkinout-sec div {

    width: 350px;

    text-align: center;

    padding: 15px;

    background: white;

    border: solid 3px black;

}



.ksl-checkin-date {

    margin-left: 140px;

}



.ksl-checkout-date {

    margin-right: 140px;

}



td.in-range.available {

    background-color: #ad1e488f !important;

}



td.start-date.available,

td.end-date.available {

    background-color: #AD1E48 !important;

    border-radius: 0 !important;

}



.deals {

    padding-bottom: 50px;

}



#resort-room .row.Hotspring-row:last-child {

    margin-bottom: 0;

}



#hotspring-room .row.Hotspring-row:last-child {

    margin-bottom: 0;

}



.ksl-gallery p {

    margin-top: 30px !important;

}



.contact h2 {

    margin-bottom: 30px !important;

}



.our-apartment h2 {

    margin-bottom: 0px !important;

}



.our-apartment-boxes {

    margin-top: 40px !important;

}



.hot-about h2 {

    margin-bottom: 40px !important;

}



.main_body_mobile_menu_2 {

    display: none;

}



.daterangepicker tbody td.off.ends {

    color: black;

}



/* body.hide * {

    overflow: hidden;

    z-index: 0;

} */



/* body.hide .offcanvas {

    z-index: 999999;

} */