@charset "utf-8";

.acc22-icon{ color: #212529;
    font-size: 14px; width:100%;}
	
	.acc22-icon i{    color:#c05A46;
    font-size: 20px; width:100%; margin-bottom:10px; }
 .acc22 {
    align-items: center;
	line-height: 20px;
    color: #212529;
    font-size: 15px;
    padding: 15px;
    transition: .3s;
    justify-items: center;
    text-align: center;
    margin: auto; position:	relative; width:100%; margin:auto;
}
.acc22 span{font-weight:600; display:block; line-height:18px; padding :12px 0px;    font-size: 16px;}
.acc22:before {
    position: absolute;
       border-left: 1px solid rgb(3 56 3 / 14%);
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}
.acc22:first-child:before {
    position: absolute;
       border-left: 0px solid rgb(3 56 3 / 14%);
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}

.bgacco22 .button-glamp {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
    padding: 10px 30px;
background: #e5a93c;
    color: #1b3b2b;
    text-decoration: none;
    font-weight: 500;
   /* border-radius: 500px 200px;*/
    transition: all .4s ease;
}
.bgacco22  .button-glamp:hover {
    transform: translateY(-3px);
	 
    background: #c05A46;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .25);
}
.blockquote1 {
 
font-size: 20px;
    max-width: 600px;
    line-height: 32px;
    position: relative;
    margin: 0;
    padding: 35px 10px 30px 40px;
    color: rgb(33, 37, 41);
    font-weight: 400;
}
/*.blockquote1:after,*/
.blockquote1:before
 {
	position: absolute;
	color: #033803;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
}
/*
.blockquote1:before {
	content: '“';
	left: -5rem;
	top: -2rem;
}*/

.blockquote1:before {
    content: '“';
    left: 0 ;
   opacity: .5;
    top: 20px;
	font-size: 30px;
    font-family: 'FontAwesome';
}



:root{

    --green:#0F3B2E;

    --green-dark:#08291f;

    --gold:#C8A165;

    --white:#ffffff;

    --black:#111111;

}

 
/* =====================================================
SECTION
===================================================== */

.lux-gallery{

    padding:90px 0;

}


/* =====================================================
HEADING
===================================================== */

.lux-gallery .heading{

    margin:0 0 55px;

    text-align:center;

    font-family:'Playfair Display',serif;

    font-size:50px;

    line-height:1.2;

    color:var(--green);

}


.lux-gallery .heading::after{

    content:"";

    display:block;

    width:80px;

    height:3px;

    margin:20px auto 0;

    background:var(--gold);

}


/* =====================================================
MAIN WRAPPER
===================================================== */

.lux-gallery .gallery-wrapper{

    overflow:hidden;

   /*  background:#fff;

   border-radius:25px;*/

    box-shadow:
    0 25px 70px rgba(0,0,0,.13);

}


/* =====================================================
LEFT GALLERY
===================================================== */

.lux-gallery .gallery-left{

    position:relative;

}


/* =====================================================
MAIN SWIPER
===================================================== */

.lux-gallery .galleryMain{

    width:100%;

    height:auto;

    overflow:hidden;

}


.lux-gallery .galleryMain .swiper-slide{

    position:relative;

    overflow:hidden;

}


.lux-gallery .galleryMain .swiper-slide img{

    width:100%;

    height:auto;

   /* object-fit:cover;*/

}


/* =====================================================
KEN BURNS
===================================================== */

.lux-gallery .galleryMain
.swiper-slide-active
img{

    animation:
    kenburns 7s
    ease
    forwards;

}


@keyframes kenburns{

    0%{

        transform:scale(1);

    }

    100%{

        transform:scale(1.08);

    }

}


/* =====================================================
COUNTER
===================================================== */

.lux-gallery .counter{

    position:absolute;

    top:25px;

    left:25px;

    z-index:100;

    padding:9px 20px;

    border-radius:50px;

    color:#fff;

    background:
    rgba(0,0,0,.55);

    border:
    1px solid
    rgba(255,255,255,.2);

    font-size:13px;

    font-weight:600;

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

}


/* =====================================================
MAIN IMAGE UP/DOWN ARROWS
===================================================== */

.lux-gallery .image-prev{

    position:absolute;

    left:25px;

    z-index:200;

    width:54px;

    height:54px;

    padding:0;

    border:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(255,255,255,.96);

    color:var(--green);

    cursor:pointer;

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);

    transition:.3s;

}
.lux-gallery .image-next{

    position:absolute;

    right:25px;

    z-index:200;

    width:54px;

    height:54px;

    padding:0;

    border:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(255,255,255,.96);

    color:var(--green);

    cursor:pointer;

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);

    transition:.3s;

}


/* =====================================================
PREVIOUS IMAGE
UP
===================================================== */

.lux-gallery .image-prev{

    top:50%;

    transform:
   /* translateY(-65px);*/

}


/* =====================================================
NEXT IMAGE
DOWN
===================================================== */

.lux-gallery .image-next{

    top:50%;


    transform:
    /*translateY(10px);*/

}


/* =====================================================
MAIN ARROW ICON
===================================================== */

.lux-gallery .image-prev i,
.lux-gallery .image-next i{

    font-size:18px;

}


/* =====================================================
MAIN ARROW HOVER
===================================================== */

.lux-gallery .image-prev:hover,
.lux-gallery .image-next:hover{

    background:var(--gold);

    color:#fff;

}


.lux-gallery.image-prev:hover{

    transform:
    translateY(-65px)
    scale(1.08);

}


.lux-gallery.image-next:hover{

    transform:
    translateY(10px)
    scale(1.08);

}


/* =====================================================
ROOM INFORMATION
===================================================== */

.lux-gallery .room-info{

     position:relative;

    padding:55px 55px 20px 55px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    color: #1a1818;
/*
    background:
    linear-gradient(
        145deg,
        var(--green),
        var(--green-dark)
    );*/

}
.lux-gallery  .roo2 {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.9;
    width: 100%; text-align:center;
}

.lux-gallery .room-info > span{

    display:block;

    margin-bottom:15px;

    color:var(--gold);

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}


.lux-gallery .room-info h3{

    margin:0 0 20px;

   

    font-size:40px;

    line-height:1.2;

}


.lux-gallery .room-info p{

    margin:0 0 28px -26px;

    color:
    rgba(255,255,255,.82);

    font-size:15px;

    line-height:1.9; width:80%;

}


/* =====================================================
AMENITIES
===================================================== */

.lux-gallery .room-info ul{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:15px;

    margin:0 0 25px;

    padding:0;

    list-style:none;

}


.lux-gallery .room-info li{

    display:flex;

    align-items:center;

    color:#fff;

    font-size:14px; line-height:20px;

    transition:.3s;

}


.lux-gallery .room-info li:hover{

    transform:translateX(5px);

}


.lux-gallery .room-info li i{

    width:40px;

    height:40px;

    min-width:40px;

    margin-right:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:var(--gold);

    background:
    rgba(255,255,255,.10);

    transition:.3s;

}
.lux-gallery .room-info li .icon1 img{filter: brightness(0) saturate(100%) invert(78%) sepia(3%) saturate(6143%) hue-rotate(25deg) brightness(94%) contrast(65%);
/*
filter: brightness(0) saturate(100%) invert(57%) sepia(11%) saturate(2405%) hue-rotate(360deg) brightness(93%) contrast(92%); */max-width:22px; vertical-align:middle; line-height:40px ; text-align:center;}

.lux-gallery .room-info li:hover .icon1 {
    color: #fff;background: #e5a93c;
   /* background: var(--gold);*/
}
.lux-gallery .room-info li:hover .icon1 img{ /*filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(228deg) brightness(107%) contrast(101%);filter: invert(0%) sepia(100%) saturate(7437%) hue-rotate(327deg) brightness(114%) contrast(114%); */filter: none;}
.lux-gallery .room-info li .icon1{

    width:40px;

    height:40px;

    min-width:40px;

    margin-right:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:var(--gold);
    background: rgb(14 31 10 / 74%);
    /*background:
    rgba(255,255,255,.10);*/

    transition:.3s;

}
.lux-gallery .room-info li:hover i{

    color:#fff;
/*filter: invert(75%) sepia(57%) saturate(4224%) hue-rotate(11deg) brightness(99%) contrast(94%);*/
    background:var(--gold);

}


/* =====================================================
PRICE
===================================================== */

.lux-gallery .price-box{

    padding:17px 0;

    border-top:
    1px solid
    rgba(255,255,255,.15);

    border-bottom:
    1px solid
    rgba(255,255,255,.15);

}


.lux-gallery .price-box small{

    display:block;

    color:#aaa;

    font-size:11px;

    letter-spacing:1px;

    text-transform:uppercase;

}


.lux-gallery .price-box h2{

    margin:5px 0 0;

    color:#fff;

    font-size:34px;

}


.lux-gallery .price-box h2 span{

    color:var(--gold);

    font-size:14px;

}

.lux-gallery .price-box1{ position:absolute; width:30%; top:0; right:0; border-radius:0px 0px 300px  300px  ; background-color:#8a9a86; text-align:center;  
 
    padding:17px 0;

    border-top:
    1px solid
    rgba(255,255,255,.15);

    border-bottom:
    1px solid
    rgba(255,255,255,.15);

}




.lux-gallery .price-box small1{

    display:block;

    color:#aaa;

    font-size:11px;

    letter-spacing:1px;

    text-transform:uppercase;

}


.lux-gallery .price-box1 h2{

margin: 5px 0 0; */
    color: #fff;
    font-size: 34px;
    line-height: 30px;

}


.lux-gallery .price-box1 h2 span{
line-height: 20px;
    color:#1b3b2b;

    font-size:14px;

}


/* =====================================================
BOOK BUTTON
===================================================== */

.lux-gallery .book-btn1{

    width:100%;

    height:55px;

    margin-top:25px;

    display:flex;

    align-items:center;

    justify-content:center;

  /*  border-radius:500px 0px;*/

    /*background:var(--gold);*/
    background: #d6a508;
    color:#fff;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s;

}


.lux-gallery .book-btn1:hover{

    background:#fff;

    color:var(--green);

    transform:translateY(-3px);

}
.lux-gallery .book-btn2{

    width:100%;

    height:55px;

    margin-top:25px;

    display:flex;

    align-items:center;

    justify-content:center;

  /*  border-radius:500px 0px;*/

    /*background:var(--gold);*/

 
   background: #e5a93c;
    color:#1b3b2b;
    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s;

}


.lux-gallery .book-btn2:hover{
	background: #c05A46;
   /* background:#fff;*/

    color:#FFF;

    transform:translateY(-3px);

}


/* =====================================================
THUMBNAIL AREA
===================================================== */

  .thumbnail-area{

    position:relative;

    margin-top:25px;

    padding:
    0 15px
    15px;

}


/* =====================================================
THUMBNAIL SWIPER
===================================================== */

 .galleryThumb{

    width:100%;

    overflow:hidden;

}


  .galleryThumb
.swiper-wrapper{

    align-items:center;

}


  .galleryThumb
.swiper-slide{

    height:100px;

    overflow:hidden;

    cursor:pointer;

    border:
    3px solid
    transparent;

    border-radius:14px;

    opacity:.45;

    transition:
    opacity .35s ease,
    transform .35s ease,
    border-color .35s ease;

}


  .galleryThumb
.swiper-slide img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.35s;

}


/* =====================================================
ACTIVE THUMB
===================================================== */

  .galleryThumb
.swiper-slide-thumb-active{

    opacity:1;

    border-color:var(--gold);

    transform:
    translateY(-6px);

  /*  box-shadow:
    0 15px 35px
    rgba(0,0,0,.20);*/

}


 .galleryThumb
.swiper-slide-thumb-active img{

    transform:scale(1.06);

}


/* =====================================================
THUMB HOVER
===================================================== */

 .galleryThumb
.swiper-slide:hover{

    opacity:1;

}


/* =====================================================
THUMBNAIL ARROWS
HIDDEN BEFORE HOVER
===================================================== */

.thumbnail-area .thumb-prev,
.thumbnail-area .thumb-next{

    position:absolute;

    top:50%;

    z-index:100;

    width:48px;

    height:48px;

    padding:0;

    border:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--green);

    color:#fff;

    cursor:pointer;

    transform:
    translateY(-50%)
    scale(.7);

    opacity:0;

    visibility:hidden;

    box-shadow:
    0 10px 25px
    rgba(0,0,0,.25);

    transition:
    opacity .3s ease,
    visibility .3s ease,
    transform .3s ease,
    background .3s ease;

}


/* =====================================================
THUMB LEFT
===================================================== */

.thumbnail-area .thumb-prev{

    left:8px;

}


/* =====================================================
THUMB RIGHT
===================================================== */

.thumbnail-area .thumb-next{

    right:8px;

}


/* =====================================================
SHOW THUMB ARROWS ON HOVER
===================================================== */

  .thumbnail-area:hover
  .thumb-prev,
 .thumbnail-area:hover
 .thumb-next{

    opacity:1;

    visibility:visible;

    transform:
    translateY(-50%)
    scale(1);

}


/* =====================================================
THUMB ARROW HOVER
===================================================== */

  .thumbnail-area
  .thumb-prev:hover,
 .thumbnail-area
 .thumb-next:hover{

    background:var(--gold);

    transform:
    translateY(-50%)
    scale(1.1);

}


/* =====================================================
THUMB DISABLED
===================================================== */

 .thumbnail-area
  .thumb-prev.swiper-button-disabled,
 .thumbnail-area
   .thumb-next.swiper-button-disabled{

    opacity:.3;

    cursor:not-allowed;

}


/* =====================================================
THUMB ICON
===================================================== */

.thumbnail-area .thumb-prev i,
.thumbnail-area .thumb-next i{

    font-size:16px;

}


/* =====================================================
TABLET
===================================================== */

@media(max-width:991px){

    .lux-gallery .heading{

        font-size:42px;

    }


    .lux-gallery .galleryMain{

       /* height:450px;*/

    }


    .lux-gallery .galleryMain
    .swiper-slide
    img{

      /*  height:450px;*/

    }


   .lux-gallery  .room-info{

        height:auto;

        padding:40px;

    }


    .thumbnail-area{

        padding:
        0 60px
        15px;

    }


      .galleryThumb
    .swiper-slide{

        height:80px;

    }

}


/* =====================================================
MOBILE
===================================================== */

@media(max-width:767px){
.lux-gallery .room-info p{

    margin:0 0 28px 0px;
  width:70%;

}
.lux-gallery .price-box1 h2 {
    margin: 5px 0 0;
    font-size: 24px !important;
    line-height: 30px;
}
    .lux-gallery{

        padding:50px 0;

    }


    .lux-gallery .heading{

        font-size:30px;

        margin-bottom:30px;

    }


    .lux-gallery .galleryMain{

      /*  height:280px;*/

    }


    .lux-gallery .galleryMain
    .swiper-slide
    img{

       /* height:280px;*/

    }


    /* MAIN ARROWS */

    .lux-gallery .image-prev,
    .lux-gallery .image-next{

        right:12px;

        width:42px;

        height:42px;

    }


    .lux-gallery .image-prev{

        transform:
        translateY(-52px);

    }


    .lux-gallery .image-next{

        transform:
        translateY(10px);

    }


    .lux-gallery .image-prev:hover{

        transform:
        translateY(-52px)
        scale(1.05);

    }


    .lux-gallery .image-next:hover{

        transform:
        translateY(10px)
        scale(1.05);

    }


   .lux-gallery  .image-prev i,
    .lux-gallery .image-next i{

        font-size:14px;

    }


    .lux-gallery .counter{

        top:15px;

        left:15px;

        padding:7px 14px;

        font-size:11px;

    }


    /* ROOM */

    .lux-gallery .room-info{

        height:auto;

        padding:30px 25px;

    }


    .room-info h3{

        font-size:28px;

    }


    .lux-gallery .room-info p{

        font-size:14px;

    }


    .lux-gallery .room-info ul{

        grid-template-columns:1fr;

    }


    .lux-gallery .book-btn1{

        width:100%;

    }


    /* THUMBNAILS */

    .thumbnail-area{

        margin-top:15px;

        padding:
        0 50px
        10px;

    }


    .thumbnail-area .galleryThumb
    .swiper-slide{

        height:65px;

        border-width:2px;

        border-radius:8px;

    }


    /* MOBILE ALWAYS SHOW ARROWS */

    .thumbnail-area .thumb-prev,
     .thumbnail-area .thumb-next{

        width:38px;

        height:38px;

        opacity:1;

        visibility:visible;

        transform:
        translateY(-50%)
        scale(1);

    }


.thumbnail-area .thumb-prev{

        left:3px;

    }


 .thumbnail-area .thumb-next{

        right:3px;

    }


.thumbnail-area .thumb-prev i,
 .thumbnail-area .thumb-next i{

        font-size:13px;

    }

}


/* =====================================================
SMALL MOBILE
===================================================== */

@media(max-width:400px){

    .thumbnail-area  .galleryThumb
    .swiper-slide{

        height:58px;

    }

}


/* =====================================================
TOUCH
===================================================== */

.lux-gallery .galleryMain,
.lux-gallery .galleryThumb{

    touch-action:pan-y;

}