@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li, ul {
    font-family: 'Manrope'  !important;
}
.hov1:hover, .hov1>i:hover{
    color:#1D1D1D !important;
}

@media(max-width:576px){
    .smaller{
        font-size: 36px !important;
        line-height: 36px !important;
    }
    .no-padd{
        padding:0 !important;
    }
    .red-box>h1{
        font-size:31px !important;
        line-height:31px !important;
    }
    .no-mar{
        margin-top:20px !important;
    }
   /* .red-box{
        max-width: 250px !important;
    }*/
}
.contact-form-module{
    margin-right:40px !important;
}
.about>div {
    position: absolute;
    background: rgba(243, 78, 58, 0.3);
    left: 16px;
    bottom:0;
    right: 0;
    top: 84px;
    width: 86%;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.about>div:hover{
    opacity:1;
}
.about2>div {
    position: absolute;
    background: rgba(243, 78, 58, 0.3);
    left: 16px;
    bottom:0;
    right: 0;
    top: 20px;
    width: 86%;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.about2>div:hover{
    opacity:1;
}


.overlay1:hover{
    background: rgba(243, 78, 58, 0.3);
    transition:all 0.2s ease-in-out;
}
.other-btn{
    position: absolute;
    bottom: -25px;
    left: 30px;
}

.nav-pills>li {
    float: left;
    padding: 0 8px;
}
.is-btn.is-pills-btn.active{
    background: #F34E3A !important;
    border: 1px dashed #FBFBFB !important;
    border-radius:0 !important;
    padding: 16px !important;
    font-style: normal;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 17px !important;
letter-spacing:0 !important;
}
.is-btn.is-pills-btn{
    border: 1px dashed #F34E3A !important;
    border-radius:0 !important;
    padding: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing:0 !important;
    
}
/*service page*/
.calendar-icon{
    display:none !important;
}
#app > div.container.services > div > div > div > div> div{
    margin-top: 40px;
}
.owl-carousel .owl-next {
    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:#000 !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: #000 !important;
    
}
.service-description>span{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #000 !important;
}
.col-xs-12.calendar-period.text-center{
    border: 1px solid #000 !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    color:#000!important;
}
.service-title{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    color:#000 !important; 
}
.slide-subtitle.strong-bold{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #000 !important;
}
.calendar .day-cell a, .calendar-single .day-cell a{
    background:transparent !important;
    border:none!important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #000 !important;
}
.service .gray-back{
    background: #FBFBFB !important;
    border-radius: 5px !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-style: normal;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 38px;
    color: #000 !important;
}
.service-cost-day{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #000!important;
}
.price{
    color: #000 !important;
}
.currency, .service-total, .total-price-modal{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    color: #000 !important;
}
.row.result-item{
    background-color: #Fff !important;
    border: 2px dashed #F34E3A !important;
}
.calendar-period, .choose-calendar-period{
    background:#fff !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: #000!important;
}

.service-group{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: rgba(0, 0, 0, 0.6) !important;
}
.service-name{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #000000 !important;
}
.btn.btn-rengine.orphan{
    margin-top: 26px;
    background: #F34E3A !important;
    border: 1px dashed #FBFBFB !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}
.book-button, .btn.btn-default.btn-slot {
    background: #F34E3A !important;
    border: 1px dashed #FBFBFB !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #fff !important;
    padding: 16px !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}
.book-button:hover, .btn.btn-rengine.orphan:hover, .btn.btn-default.btn-slot:hover{
    background: rgba(243, 78, 58, 0.3) !important;
    border: none !important;
    color: #F34E3A!important;
    text-decoration:none !important;
}

/*blog*/

.post-description>p{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 183.1%;
    color: #2C3E50 !important;
}
#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > h2{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px;
    color: #2C3E50 !important;
}
#ordering-app > main > div > div > div.container-43 > div > h4{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 22px;
    line-height: 30px;
    color: #424148 !important;
}
/*end of blog*/


.is-btn-ghost2{
    padding:16px !important;
    background: #F34E3A;
    border: 1px dashed #FBFBFB !important;
    color: #FBFBFB;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 19px;
    padding: 16px;
    letter-spacing:1px !important;
}
.is-btn-ghost1{
    padding:16px !important;
    letter-spacing:1px !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 19px;
    color: #FBFBFB;
    border: 1px dashed #FBFBFB !important;
    padding: 16px;
     text-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px !important;
}
.is-btn-ghost1:hover, .is-btn-ghost2:hover{
    background: rgba(243, 78, 58, 0.3);
    color:#F34E3A;
    border:0 !important;
}

.justify-between {
    align-items: center;
    justify-content: space-between;
}
.rendered-form .form-control:focus {
    outline: 0;
    border-bottom:2px solid #424148!important;
    border-radius:0px !important;
    box-shadow:none !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
}
.send-btn{
    padding:16px !important;
    margin-top:50px !important;
    border-radius:0 !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #FBFBFB !important;
    letter-spacing:1px !important;
    background: #F34E3A;
    border: 1px dashed #FBFBFB;
}


.red-btn>a{
    margin-right:5px!important;
    padding:16px !important;
    border-radius:0 !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    letter-spacing:1px !important;
    color: white !important;
    background: #9390c6 !important;
    border: 1px #9390c6 !important;
}
.form-control{
    background: #E8E8E8 !important;
    border: none !important;
    border-radius:0 !important;
}
.form-group>label{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}
/*.navbar-nav>li{
    padding: 14px 30px;
}*/
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: black;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    text-transform:none;
}
.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #fff;
}

.footer{
    background-color: rgb(150, 147, 200) !important;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.owl-stage > div > div> a> div> span{
 
    display:none;
 
}
.post-container > div > a > div > span{
   display:none;
}
.post-info > div > h6{
    display:none;
}

.menu:hover{
    border-bottom: 2px solid #9390c6 !important;
}

.send-btn, .red-btn>a, a.is-btn.is-btn-ghost2, .is-btn.is-btn-primary, .btn.is-btn-primary, .book-button, .btn.btn-default.btn-slot, .service-book a, .button, .action-container a, .success-container a, .secondary-button, .step-container button{
    color: white !important;
    background: #9390c6 !important;
    border: 1px solid white !important;
}

.send-btn:hover, .red-btn>a:hover, a.is-btn.is-btn-ghost2:hover, .is-btn.is-btn-primary:hover, .btn.is-btn-primary:hover, .book-button:hover, .btn.btn-default.btn-slot:hover{
    background:rgba(150, 147, 200, 0.3)!important;
    border:1px solid rgba(150, 147, 200, 0.3)!important;
    color:black !important;
}

.service-book a:hover, .button:hover, .action-container a:hover, .success-container a:hover, .secondary-button:hover, .step-container button:hover{
    background:white!important;
    border:1px solid rgba(150, 147, 200)!important;
    color:black !important;
}