@font-face{
    font-family:BR;
    src:url(../fonts/BR1.otf)
}
@font-face{
    font-family:PF;
    src:url(../fonts/PF.ttf)
}
@font-face{
    font-family:NT;
    src:url(../fonts/NT.otf)
}
@font-face{
    font-family:TM;
    src:url(../fonts/TM.ttf)
}
*{
    font-family:NT,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
body{
    font-family:'EB Garamond',serif;
    font-weight:500
}
.container-fluid{
    padding-left:0!important;
    padding-right:0!important
}
.bar1,.bar2,.bar3{
    width:40px;
    height:3px;
    background-color:#2e251f;
    margin:8px 0;
    transition:.2s
}
.navbar-toggler .change:focus{
    outline:0
}
.navbar-toggler:focus{
    outline:0
}
.change .bar1{
    -webkit-transform:translateY(14px) rotate(135deg);
    transform:translateY(14px) rotate(135deg)
}
 .faqservice{
     background-color: #323d3e;
}
.faqimg{
    width: 100%;
    
}
 .accordion-single {
     border-bottom: 0px solid #efefef;
     margin-top: 10px;
}
 .accordion-single-item{
     background-color: #2A3435;
     color: #E0DACA;
     margin-bottom: 14px;
}
 .accordion-single-title {
     border-top: 0px solid #efefef;
     padding: 20px;
     cursor: pointer;
     position: relative;
     font-size: 20px;
     margin: 0;
}
 .displayFlexwraph2{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
/*.accordion-single-title::after{
     content: "";
     position: absolute;
     top: 25px;
     right: 25px;
     width: 0;
     height: 0;
     border: 8px solid transparent;
     border-top-color: #666;
     transition: transform .2s ease;
}
 */
 .accordion-single-content {
     max-height: 0;
     overflow: hidden;
     transition: max-height .3s ease-in-out;
}
 .accordion-single-content{
     padding: 0 20px;
}
 .accordion-single-item.is-open .accordion-single-content {
     max-height: fit-content;
     padding: 20px;
}
 .accordion-single-item.is-open h2 img {
     transform: rotate(180deg);
}
 #myTable {
     width:100%;
     table-layout: fixed;
     border-collapse:collapse;
}
 th{
     text-align:left;
}
 .change .bar2{
    transform:scale(0)
}
.change .bar3{
    -webkit-transform:translateY(-8px) rotate(-135deg);
    transform:translateY(-8px) rotate(-135deg)
}
.modal{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:100px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:#000
}
.modal-content{
    position:relative;
    background-color:#fefefe;
    margin:auto;
    padding:0;
    width:90%;
    max-width:1200px
}
.close{
    color:#fff;
    position:absolute;
    top:10px;
    right:25px;
    font-size:35px;
    font-weight:700
}
.close:focus,.close:hover{
    color:#999;
    text-decoration:none;
    cursor:pointer
}
.footanchor{
    text-decoration:none;
    color:#e0daca
}
a.footanchor:hover{
    color:grey!important
}
.mySlides{
    display:none
}
.next,.prev{
    cursor:pointer;
    position:absolute;
    top:50%;
    width:auto;
    padding:16px;
    margin-top:-50px;
    color:#fff;
    font-weight:700;
    font-size:20px;
    transition:.6s ease;
    border-radius:0 3px 3px 0;
    user-select:none;
    -webkit-user-select:none
}
.next{
    right:0;
    border-radius:3px 0 0 3px
}
.caption-container{
    text-align:center;
    background-color:#000;
    padding:2px 16px;
    color:#fff
}
.demo{
    opacity:.6
}
.active,.demo:hover{
    opacity:1
}
.overlay{
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-color:#000;
    background-color:rgba(0,0,0,.9);
    overflow-x:hidden;
    transition:.5s;
    opacity:0
}
.overlay.show{
    opacity:1!important
}
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active:hover{
    filter:contrast(.6) brightness(120%)
}
.row{
    margin-left:0!important;
    margin-right:0!important
}
.navcontainer{
    height:80px
}
.navstyle{
    width:100%;
    height:80px;
    background-color:#323d3e;
    padding-left:21%!important
}
a{
    color:#e0daca;
    font-size:1rem
}
.txt{
    color:#737373!important;
    text-decoration:underline
}
.img1{
    padding-top:2%
}
.elginimgh{
    padding-bottom:2%;
    background-color:#323d3e;
    margin-top:5%
}
.elginimg{
    padding-bottom:2%;
    background-color:#323d3e;
    margin-top:5%
}
.carousel-item{
    background:#323d3e
}
.carousel-indicators li{
    width:5px!important;
    height:5px!important;
    border-radius:50%!important
}
.pic{
    width:100%
}
.parallax{
    height:118vh;
    width:76%;
    margin-right:10%;
    margin-left:10%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:inherit
}
.parallaxbk{
    height:118vh;
    width:76%;
    margin-right:10%;
    margin-left:10%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:inherit
}
.button1{
    border:1px solid #000!important;
    border-radius:50%!important;
    padding-top:1%!important
}
.fix-me{
    position:fixed;
    top:400px
}
.elginDetail{
    background:#323d3e;
    font-size:20px;
    color:#e0daca;
    padding-left:25%;
    padding-right:19%
}
.elginimg2{
    background-color:#323d3e;
    padding-top:1.2rem
}
.pad5{
    margin-top:.5%
}
.roomimages{
    background:#323d3e;
    padding-left:6%;
    padding-right:6%;
    padding-top:2%
}
.img2{
    width:107%;
    padding-bottom:8%
}
.ourservice{
    background:#323d3e;
    font-size:1.2rem;
    color:#e0daca;
    text-align:center
}
.os{
    margin-bottom:0;
    margin-top:5%;
    text-align:center;
    font-size:25px
}
.os1{
    text-align:center;
    font-size:20px;
    padding-left:20%;
    padding-right:16%
}
.reservationform{
    background:#e0daca;
    font-size:1.2rem
}
.lp{
    padding-left:25%;
    padding-right:25%;
    margin-bottom:10%
}
input{
    width:100%!important;
    font-size:14px!important
}
.if1{
    border:1px;
    height:5vh;
    padding:1%;
    margin-bottom:1%
}
.ta1{
    height:25vh;
    margin-bottom:1%;
    padding-left:1%;
    padding-bottom:20%;
    border:1px
}
.btn1{
    width:100%;
    color:#fff;
    background-color:#1a1a1a;
    height:7vh;
    font-size:18px;
}
#map{
    height:500px;
    width:100%
}
.ourroom{
    margin-top:-40rem;
    margin-bottom:8rem;
    overflow:auto;
    background:0 0;
    display:inline-block
}
.ourroom1{
    padding-left: 15px;
    padding-right: 15px;
    display:INLINE-BLOCK;
    font-size:18px;
    color:#323d3e;
    OPACITY:80%;
    BACKGROUND:beige;
    font-family:unset;
    font-weight:500;
    PADDING-TOP:2%;
    width:40%;
    margin-bottom:10%;
    height:auto
}
.ourroom2{
    background:beige;
    display:inline-block;
    width:83%;
    margin-left:5%;
    margin-right:5%;
    text-align:center;
    padding:5%;
    opacity:85%;
    color:#465E52;
    position:absolute;
    font-family:-webkit-body;
    font-weight:700;
    right:2%;
    transform:translateY(40px)
}
.ourroom4{
    display:INLINE-BLOCK;
    font-size:.7rem;
    color:#323d3e;
    OPACITY:70%;
    BACKGROUND:#fff;
    PADDING-TOP:3%;
    padding-bottom:10%
}
.preclass{
    position:absolute;
    left:40%;
    top:50%;
    transform:translate(-50%,-50%)
}
.set{
    bottom:0;
    position:absolute;
    left:30%;
    z-index:1
}
.sidenav{
    height:153px;
    width:74px;
    position:fixed;
    z-index:1;
    top:35%;
    right:0;
    background-color:#e0daca;
    overflow-x:hidden;
    padding-top:0
}
.sidenav a{
    padding:20px 20px 13px 23px;
    text-decoration:none;
    font-size:25px;
    color:#818181;
    display:block
}
.sidenav a:hover{
    color:#f1f1f1
}
.allservice{
    background:#323d3e;
    color:#e0daca;
    font-size:.8rem;
    text-align:center
}
.houserul{
    background:#323d3e;
    color:#e0daca;
    font-size:18px;
    text-align:center
}
.dfoh{
    background:#323d3e;
    color:#e0daca;
    font-size:25px
}
.instalike{
    width:10%;
    height:auto
}
.instalike1{
    width:10%;
    height:auto
}
.img-responsive{
    height:100%;
    width:100%;
    object-fit:cover
}
.img-responsive:hover{
    opacity:.4
}
.mtimages{
    margin-top:-2.5%
}
.ttdaelmobview{
    margin-bottom:8%
}
.clcc{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:12px;
    visibility:hidden;
    width:85%
}
.igclass{
    padding-left:13.5%!important;
    padding-right:13.5%!important;
    background:#323d3e
}
.igimgpad{
    padding-left:0!important;
    padding-right:0!important
}
#instafeed .igimgpad:hover{
    transition:.2s;
    color:#fff
}
#instafeed .igimgpad:hover .clcc{
    visibility:visible!important
}
.arrow{
    position:fixed;
    width:10%;
    bottom:15px;
    right:15px;
    opacity:.6
}
.imgheight{
    width:auto;
    height:40px
}
.pad{
    padding-left:1%!important;
    padding-right:1%!important
}
.padcls{
    padding-left:2rem!important;
    padding-right:2rem!important
}
@media (min-width:365px) and (max-width:551px){
    .elginimgh{
        margin-top:17%
    }
}
@media (min-width:1023px) and (max-width:1176px){
    .elginimgh{
        margin-top:7%
    }
}
@media (min-width:320px) and (max-width:366px){
    .elginimgh{
        margin-top:21%
    }
}
@media (min-width:648px) and (max-width:828px){
    .elginimgh{
        margin-top:8%
    }
}
@media (max-width:648px) and (min-width:551px){
    .elginimgh{
        margin-top:11%
    }
}
@media (min-width:830px) and (max-width:999px){
    .elginimgh{
        margin-top:7%
    }
}
@media (min-width:767px) and (max-width:346px){
    .elginimgh{
        margin-top:8%
    }
}
@media (min-width:320px) and (max-width:1023px){
    .navstyle{
        padding-left:2%!important
    }
    .ttdaelmobview{
        margin-bottom:5%
    }
    .igclass{
        padding-left:5%!important;
        padding-right:5%!important;
        background:#323d3e
    }
    .mtourroom3{
        margin-top:-7%
    }
    .mtimages{
        margin-top:-12.5%
    }
    .clspad{
        margin-top:-4%
    }
    .pic{
        width:100%!important;
        margin-left:0;
        margin-right:0
    }
    .elginimg2{
        width:100%;
        padding-top:0
    }
    .padcls{
        padding-left:0!important;
        padding-right:0!important
    }
    .img2{
        padding-top:2%
    }
    .elginDetail{
        font-size:14px!important;
        padding-left:0;
        padding-right:0
    }
    .ourroom1{
        padding-left: 8px;
        padding-right: 8px;
        display:INLINE-BLOCK;
        font-size:.7rem;
        color:#323d3e;
        OPACITY:80%;
        BACKGROUND:beige;
        PADDING-TOP:3%;
        padding-bottom:10%
    }
    .roomimages{
        padding-left:0!important;
        padding-right:6%!important
    }
    .ta1{
        height:25vh;
        padding-left:1%;
        padding-bottom:14%;
        margin-bottom:4%;
        border:1px
    }
    .if1{
        border:1px;
        height:7vh;
        padding:2%;
        margin-bottom:3%
    }
    .lp{
        padding-left:0;
        padding-right:0;
        margin-top:3%
    }
    .allservice{
        font-size:12px
    }
    .os{
        font-size:22px
    }
    .os1{
        font-size:16px;
        padding-left:0;
        padding-right:0
    }
    .mp{
        margin-top:-15%
    }
    .mt{
        margin-top:8%;
        margin-bottom:-8%
    }
    .houseanim{
        opacity:100 !important;
    }
    .houseanim.animated{
        opacity:1
    }
    .houseanim2{
        animation-delay:.3s
    }
    .houseanim3{
        animation-delay:.6s
    }
    .houseanim4{
        animation-delay:.9s
    }
    .houseanim5{
        animation-delay:1.2s
    }
    .houseanim6{
        animation-delay:1.5s
    }
    .houseanim7{
        animation-delay:1.8s
    }
    .houseanim8{
        animation-delay:2.1s
    }
    .houseanim9{
        animation-delay:2.4s
    }
    .houseanim10{
        animation-delay:2.7s
    }
    .serviceanim{
        opacity:100 !important;
    }
    .serviceanim.animated{
        opacity:1
    }
    .serviceanim2{
        animation-delay:.3s
    }
    .serviceanim3{
        animation-delay:.6s
    }
    .serviceanim4{
        animation-delay:.9s
    }
    .serviceanim5{
        animation-delay:1.2s
    }
    .serviceanim6{
        animation-delay:1.5s
    }
    .serviceanim7{
        animation-delay:1.8s
    }
    .serviceanim8{
        animation-delay:2.1s
    }
    .serviceanim9{
        animation-delay:2.4s
    }
    .thingsanim{
        opacity:100 !important;
    }
    .thingsanim.animated{
        opacity:1
    }
    .thingsanim2{
        animation-delay:.3s
    }
    .thingsanim3{
        animation-delay:.6s
    }
    .thingsanim4{
        animation-delay:.9s
    }
    .thingsanim5{
        animation-delay:1.2s
    }
    .thingsanim6{
        animation-delay:1.5s
    }
    .thingsanim7{
        animation-delay:1.8s
    }
}
@media (min-width:2560px){
    .navbar{
        zoom:1.7
    }
    .navpad{
        padding-left:4%!important
    }
    .elginDetail4k{
        zoom:2.5
    }
    .sidenav{
        zoom:2
    }
    .ourservice{
        zoom:1.5
    }
    .allservice{
        zoom:2.2
    }
    .mtpad{
        margin-top:-2%
    }
    .preclass{
        zoom:1.8
    }
    .elginimg2{
        zoom:1.5
    }
    .map4k{
        zoom:2
    }
    .reservationform{
        zoom:2
    }
    input{
        height:4vh!important
    }
    .ta1{
        height:8vh!important
    }
    .btn1{
        height:4vh!important
    }
    .img1{
        zoom:2
    }
}
@media (min-width:768px) and (max-width:1023px){
    .fontt{
        font-size:17px!important
    }
}
@media (min-width:1024px) and (max-width:1439px){
    .fontt{
        font-size:24px!important
    }
}
@media (min-width:320px) and (max-width:374px){
    .diffmobview{
        font-size:1rem
    }
    .ourroom{
        margin-top:-120%
    }
    .ourroom4{
        width:80%;
        zoom:1.1
    }
    .faqimg{
        width: 100%;
    }
    .accordion-single {
        margin-top: 40px;
   }
}
@media (min-width:375px) and (max-width:424px){
    .diffmobview{
        font-size:1.2rem
    }
    .ourroom4{
        width:70%;
        zoom:1.1
    }
    .ourroom{
        margin-top:-100%
    }
    .faqimg{
        width: 100%;
       
    }
    .accordion-single {
        margin-top: 40px;
   }
}
@media (min-width:425px) and (max-width:767px){
    .diffmobview{
        font-size:1.4rem
    }
    .ourroom4{
        width:70%;
        zoom:1.1
    }
    .ourroom{
        margin-top:-90%
    }
    .faqimg{
        width: 100%;
       
    }
    .accordion-single {
        margin-top: 40px;
   }
}
@media (min-width:768px) and (max-width:1023px){
    .diffmobview{
        font-size:2.6rem
    }
    .faqimg{
        width: 100%;
       
    }
    .accordion-single {
        margin-top: 40px;
   }
    .tabmar{
        margin-bottom:6%!important
    }
    .elginimg2{
        height:100%
    }
    .ourroom4{
        width:80%;
        zoom:2
    }
    .pad5{
        margin-top:2.5%
    }
}
@media (min-width:1024px){
    .fonttcolour{
        color:#e0daca
    }
}