@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
    font-family: 'Roboto', sans-serif;
}
h1{
    font-family: 'EB Garamond', serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
}
p{
    font-family: 'Roboto', sans-serif;
    color: #716864;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a{
    font-family: 'Roboto', sans-serif;    
}

.is-btn.is-btn-ghost2.is-upper.headerbtn{
    color: #fff !important;
    background-color: #014b3a !important;
    border-color: #014b3a !important;
    border-style: solid !important;
    border-width: 2px !important;
}

.is-btn.is-btn-ghost2.is-upper.headerbtn:hover{
    background-color: #eff0ea !important;
    color: #014b3a !important;
}

.moba:hover, ul.nav.navbar-nav.navbar-right.flex.justify-between.items-center > li > a:hover{
    color: var(--gold, #836808) !important;
}

/**general**/
.no-auth{
    color: #F0EDE8 !important;
    font-family: 'Roboto', sans-serif; 
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.nav-pills>li{
    padding:0 12px !important;
}
.active.is-btn.is-pills-btn{
    font-family: 'Roboto', sans-serif; 
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    border-radius: 0px 20px !important;
    border: 1px solid #69766E !important;
}
.is-btn.is-pills-btn{
    padding:15px 30px !important;
    border-radius: 0px 20px !important;
    border: 1px solid #69766E !important;
    font-family: 'Roboto', sans-serif; 
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing:0 !important;
    
}
.is-btn-ghost1, .is-btn-ghost2{ 
    padding: 15px 30px !important; 
    font-family: 'Roboto', sans-serif; 
    font-size: 16px !important; 
    font-style: normal; 
    font-weight: 700 !important; 
    line-height: normal;  
    letter-spacing:0 !important;
    border-radius: 0px 20px !important;
    text-transform: none !important;
    
}
.navbar-nav>li>a{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #716864;
    
}

.navbackg{
    background-color: rgb(252, 252, 244) !important;
}

.footer-text, .footer-text>a{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #716864!important;
    
}
.nav-change .navbar{
    background-color: #FFFBF8 !important;
    background:#FFFBF8 !important;
}
#message-modal > div > div > div.modal-body > div > div > div{
    margin-left: 19% !important;
}
.is-wrapper .is-box .is-container {
    margin-top: 20px;
    margin-bottom: 20px;
}
.container-fluid {
    padding-top: 20px;
    padding-bottom: 0px;
}
#menu-swEm9vK > nav{
    background:#FFFBF8 !important;
}
.image{
    margin-top:10px;
}
/***end**/
ul.nav.navbar-nav.login-button-nav{
    display: flex !important;
    align-items: center !important;
}


ul.nav.navbar-nav.login-button-nav > li:nth-child(1) > a.signin.no-auth{
    padding-top: 5px !important;
    border-right: 1px solid #fff !important;
    height: 30px !important;
}

span.avatar{
    display: none !important;
}

a.dropdown-toggle{
    color: white !important;
}

/*login btn border**/



/*end login btn border**/


/*blog carousel*/

.owl-stage{
    justify-content: space-evenly !important;
}

.owl-stage-outer {
    width: 100% !important;
}

.owl-item{
    max-width: 305px !important;
    z-index:-1 !important;
}

.owl-item > .item{
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.08) !important;
    min-height: 350px !important;
    max-width: 305px !important;
    background: rgb(255, 255, 255) !important;
    border: 1px solid var(--pink-darj, #B18373) !important;
}

div.owl-item > div.slide-rows > a, div.owl-item > div.slide-rows > div.slide-subtitle.service-title > a{
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}


.owl-item > .item > div:nth-child(1){
    margin-bottom: 25px !important;
    align-self: center !important;
}

.owl-carousel .owl-item img {
    max-height: 240px !important;
}

.item > a > div, .item > div.flex{
    display: none !important;
}

.item > div:nth-child(4){
    text-align: left !important;
    margin-top: 20px !important;
}

.gray-backgound {
    padding: 5px 10px !important;
    background-color: transparent !important;
    border-radius: 20px !important;
    color: var(--grey, #716864) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    float: right !important;
}

.item a > h3{
    margin: 0px !important;
    padding: 0px 20px !important;
    color: var(--grey, #716864) !important;
    font-family: Roboto, sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}
/*blog carousel end*/


.lightbox .mySlides img{
    width: fit-content !important;
}

.lightbox .modal-content {
    background-color: transparent !important;
    margin-top: 150px !important;
}



/**carousel****/
.left.carousel-control{
    left:0px;
}
.right.carousel-control{
    right:0px;
}
.carousel-control.left, .carousel-control.right{
    background-image:none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
    font-size: 15px !important;
    color: #014B3A !important;
    text-shadow: none !important;
    opacity: 1;
    padding: 6px 14px;
    border-radius: 100px;
    background: #FCFCF4;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
}
/***end***/

/***service carousel ***/
div.owl-stage-outer > div > div > div > span > div.slide-subtitle{
    color: rgba(113, 104, 100, 0.70) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: none !important;
    padding-top: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: -10px !important;
}
.slide-rows {
    margin: 0 40px;
    background: #FCFCF4 !important;
}
div.slide-subtitle.service-title > div > span > p{
    color: rgba(113, 104, 100, 0.70) !important;
    font-family: 'EB Garamond', serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
div.slide-subtitle.service-title > a > strong{
    color:#836808 !important;
    font-family: 'EB Garamond', serif;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    
}
.owl-carousel .owl-item img {
    max-height: 100% !important;
    position: relative !important;
    width: 100% !important;
    margin-top: 0 !important;
    object-fit: cover !important;
    height: 100% !important;
}

.show-signin-modal.register.button.btn-primary, .button.btn-primary, .show-signin-modal.register.secondary-button, .btn.btn-rengine.btn-block{
    color: white !important;
    border-radius: 0px 20px !important;
    border: 1px solid #FFF !important;
    background: var(--dark-green, #014B3A) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.show-signin-modal.register.button.btn-primary:hover, .button.btn-primary:hover, .show-signin-modal.register.secondary-button:hover, .btn.btn-rengine.btn-block:hover{
    border: 1px solid #014B3A !important;
    background: transparent !important;
    color: #014B3A !important;
}

.padd10t.size12.text-center.no-charge{
    display: none !important;
}
/**end***/

/*service page*/
#bookingform > div:nth-child(1) > div.col-md-9 > div > span{
    display:none !important;
}
.owl-carousel .owl-next, .owl-carousel .owl-prev {
    background: transparent !important;
    border: none !important;
}
.calendar .start, .calendar-single .start{
    border-radius:10px !important;
}
.selected-period{
    background-color: rgba(177, 131, 115, 0.31) !important;
}
.col-md-4.service-includes-header>h4, #app > div.container-fluid.service > div > div.row.related > div > h3{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 23px !important;
    color: #4C4643 !important;
}
#app > div.container-fluid.service > div > div > div.col-md-8 > div > div > span > span:nth-child(2), .col-md-6.service-includes-description{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #4C4643 !important;
    
}
.col-xs-12.calendar-period.text-center{
    border: 1px solid #B18373 !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    color: #4C4643 !important;
}
.service-title{
    padding: 0 33px 40px 20px;
}

div.slide-subtitle.service-title > div.service-description{
    display: none !important;
}
/*.slide-subtitle.strong-bold{*/
/*    font-style: normal !important;*/
/*    font-weight: 400 !important;*/
/*    font-size: 16px !important;*/
/*    line-height: 19px !important;*/
/*    color: #4C4643 !important;*/
/*}*/
.calendar .day-cell a, .calendar-single .day-cell a{
    background:transparent !important;
    border:none!important;
    font-family: 'Roboto';
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #4C4643 !important;
}
.gray-back > .service-title{
     padding:0 !important;
 }
.service .gray-back{
    background: #FCFCF4 !important;
    border-radius: 0px !important;
    padding:20px !important;
}
.fa-calendar, .fa-arrow-circle-right{
    display:none !important;
}
.date-spots-calendar-header{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: rgba(84, 89, 100, 0.6) !important;
}
.booking-form{
    background: transparent !important;
    box-shadow: none !important;
}
.orphan, .date-spots-header.strong-bold{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    color: #4C4643 !important;
    margin-bottom: 30px !important;
}
.service-cost-day{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #4C4643 !important;
}
.price{
    color: #4C4643 !important;
}
.currency, .service-total, .total-price-modal{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    color: #4C4643 !important;
}
.row.result-item{
    background: #FCFCF4 !important;
    border: 1px solid #FCFCF4 !important;
    padding-bottom: 25px !important;
    border-radius:0 !important;
}
.calendar-period, .choose-calendar-period{
    background:#FCFCF4 !important;
}
.calendar{
    border:none !important;
}
#app > div.container.services > div > div > div > div > div > div > div.col-xs-12.choose-calendar-period > a{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    color: #4C4643 !important;
}

.service-group{
    color: #4C4643;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform:none !important;
}
.service-name{
    color: #4C4643;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.btn.btn-rengine.orphan{
    margin-top: 57px !important;
    background:transparent !important;
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #014B3A !important;
    padding:15px 20px !important;
    border-radius: 0px 20px !important;
    border: 1px solid var(--dark-green, #014B3A) !important; 
}
/*.book-button{*/
/*    top: 60px;*/
/*    position: relative;*/
/*}*/
.book-button, .btn.btn-default.btn-slot, .show-signin-modal.go-guest.secondary-button {
    border-radius: 0px 20px !important;
    border: 1px solid var(--dark-green, #014B3A) !important;
    background:transparent !important;
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #014B3A !important;
    padding:10px 20px !important;
}
.book-button:hover, .btn.btn-rengine.orphan:hover, .btn.btn-default.btn-slot:hover, .show-signin-modal.go-guest.secondary-button:hover{
    background: #014B3A !important;
    border: 1px solid #014B3A !important;
    color: #FFF !important;
}
#app > div.container.services > div:nth-child(2) > div > div > div:nth-child(3) > div{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-height: 150px !important;
}

div.service-prices{
    display: none !important;
}

div.col-md-10.col-xs-12.date-spots > div.row.padd20b.padd10t{
    display: none !important;
}

.total-price-modal.padd10b{
    display: none !important;
}


/*end of services*/
/*blog*/
.post-description>p{
    font-style: normal !important;
    font-weight: 400  !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #716864 !important;
}
#ordering-app > main > div > div > div.container-57 > div > h2{
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    color: #4C4643 !important;
    
}
#ordering-app > main > div > div > div.container-43 > div > h4{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #716864 !important;
    }
#post-search, .searchbar{
    background: transparent !important;
    border: 1px solid rgba(113, 104, 100, 0.6) !important;
    border-radius: 100px !important;
}
#ordering-app > div > div.container-fluid.flex-index-body > div.flex.lg-container-60 > div > div > div > div> a > h3{
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #4C4643 !important; 
}
#ordering-app > div > div.container-fluid.flex-index-body > div.flex.lg-container-60 > div > div > div > div > a > div{
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #4C4643 !important;
    margin-top: 20px;
}
#ordering-app > div > div.container-fluid.flex-index-body > div.flex.lg-container-60 > div > div > div > div > div > span{
    font-family: 'Roboto' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: rgba(76, 70, 67, 0.7) !important;
}
.post-container.flex{
    background: #E8E0D9 !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}
#ordering-app > div > div.container-fluid.flex-index-body > div.flex.lg-container-60 > div > div > div > hr{
    display:none !important;
}
    
/*end of blog*/


/*newsletter form*/
.rendered-form .form-control:focus {
    outline: 0;
    border: 2px solid #836808 !important;
    box-shadow: none !important;
}
.form-group .formbuilder-required {
    color: #716864 !important;
}
.form-group>label{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 22px !important; 
    letter-spacing: 0.02em !important;
    color: #716864 !important; 
}
.send-btn2{
    padding: 0 !important;
    color: #836808 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    margin: 0 !important;
    letter-spacing: 1 !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size:22px !important;
    
}

.send-btn3{
    border: 1px solid #836808 !important;
    background: transparent !important;
    color: #836808 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    padding: 15px 30px !important;
    border-radius: 0px 20px !important;
}

.send-btn3:hover{
    background: #836808 !important;
    color: #FFF !important;
}

.abspos{
    position: absolute;
    right: 110px;
    bottom: 29px;
}
.send-btn2:hover{
    background:transparent !important;
    border: none !important;
    color: #836808 !important;
}
.form-control{
    border: 2px solid #D3D3D3 !important;
    background:transparent !important;
    border-radius:0 !important;
}

.form-control:focus, .form-control:active{
    border: 2px solid #836808 !important;
}
.form-name{
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #716864;
}
.form-p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #B18373;
}
.send-btn{
    position:absolute;
    background:transparent !important;
    color:#B18373 !important;
    font-size:20px !important;
    right: 108px;
    bottom: 18px;
    border:0 !important;
}
.form-control.email-one{
    width:80%;
}
/*newsletter end*/


/*collapsing*/

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
       -o-transition: height .35s ease;
          transition: height .35s ease;
}

/*collapsing end*/

@media(max-width:576px){
    .no-padd2{
        padding:0 !important;
    }
    .one-price{
        margin-top: 20px !important;
        margin-bottom: 20px!important ;
        text-align:left !important
    }
    .offers{
        min-height:auto !important;
    }
    .no-padd{
        padding-top:0 !important;
    }
    .is-wrapper .is-box .is-container{
        padding:15px !important;
    }
    .no-marg{
        margin-top:0 !important;
    }
    .is-boxes .is-box {
        min-height: auto !important;
    }
    .is-container.container-fluid{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .no-bor{
        border:0 !important;
    }
    .less-padd{
        padding:30px 20px !important;
    }
    .social{
        text-align:left !important;
    }
    .form-control.email-one {
        width: 100% !important;
    }
    .send-btn{
        right: 30px !important;
        bottom: 15px !important;
    }
    .mobcolrev{
        flex-direction: column-reverse;
    }
    .mobmargtop{
        margin-top: 20px;
        margin-bottom: 0px !important;
    }
    .margtopresetmob{
        margin-top:0px !important;
    }
    .txtleft{
        text-align:left !important;
    }
    .nodispmob{
        display: none;
    }
    .abspos{
        right: 30px !important;
        bottom: 15px !important;
    }
    .login-button-nav{
        display:flex !important;
        float: right !important;
    }
    .panel-heading {
        padding: 15px 0px !important;
    }
    .h1mobile{
        padding: 9px 10px 9px 40px !important;
        font-size: 18px !important;
    }
    .mobfooterflex{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .mobtextcenter{
        text-align: center !important;
    }
    
    #app > div.container.services > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(3) > div{
    
    min-height: 80px !important;
}
}

@media(min-width:1024px){
    .nav.navbar-nav.navbar-right.flex.justify-between.items-center{
        margin-right: 50px !important;
    }
    
    .btn.btn-default.btn-slot{
        position: relative !important;
        top: 25px !important;
        left: -72px !important;
    }
}



.espabtn {
background:transparent;
}

.espabtn a {
background:transparent!important;
}



.tabimg {
padding: 6px;
}
.pull-tab {
z-index:999999999 !important;
color: rgb(94, 94, 94);
position: fixed;
right: 0px;
bottom:50px;
width: 500px;
height: auto;
background:#FFFFFF;
box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);
padding: 14px 15px 0px 15px;
border-radius: 3px;
transition: 0.3s all;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


@media(max-width: 768px) {
.pull-tab.tabbed {
right: -330px !important;
transition: 0.3s all;
}
.pull-tab {
right: 0px;
width: 330px;
}
.tabimg {
padding: 22px 0;
}
.pull-tab .tab {
margin-top: -16px!important;
padding:13px!important;
font-size:13px!important;
}
}

.pull-tab.tabbed {
right: -500px; transition: 0.3s all;
}

.pull-tab.untabbed {
right: 500px; transition: 0.3s all;
}
.pull-tab .tab {
cursor: pointer;
color: #0F3B61;
font-family: manrope, sans-serif !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);
position: absolute;
left: -70px;
top: 43%;
background: #fff;
text-align: center;
padding: 10px 7px;
text-transform: none;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
width: auto;
height: auto;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
margin-top: -15px;
}



.is-container.container-fluid-fluid {
z-index: 1!important;
}