@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Syncopate:wght@400;700&display=swap');

body{
    font-family: "Open Sans", sans-serif;
}
h1{
    font-family: "Syncopate", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
}
h2{
    font-family: "Syncopate", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:0;
}

h3{
    color: #743B24;
    font-family: "Syncopate", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:0;
}

h3,h4,h5,h6{
    font-family: "Syncopate", sans-serif;
}
p{
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/*a{*/
/*    font-family: "Syncopate", sans-serif;*/
/*}*/
hr{
    border-top-color:#D2C3B3 !important;
}


/*services*/
#bookingform > div:nth-child(1) > div.col-md-9 > div > h4 > div{
    display:none !important;
}
.step-guide ul .active {
    color: #1F100A !important;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}
.booking-option-header{
    color:  #743B24 !important;
    font-family: "Syncopate", sans-serif;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase;
}
.review-area .price{
    color:#743B24 !important;
    font-family: "Syncopate", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
#button-22321 > span, #button-22321 > span > i.fa.fa-circle.fa-stack-2x,#button-22321 > span > i.fa.fa-flash.fa-stack-1x.flash ,.fa-check.green, #button-22323 > span{
    display:none !important;
}
.selected-services{
    color:#743B24 !important;
    font-family: "Syncopate", sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase !important;
}
div.booking-date-range > span, .analytical-cost{
    color: #1F100A !important;
    font-family: "Open Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.review-area{
    border-radius: 5px !important;
    border: 1px solid  #D2C3B3 !important;
}
/*more filter*/
#bookingform > div:nth-child(2) > div.col-md-9{
    display:none !important;
}
.result-item{
    background: var(--fffdfc-page-background, #FFFDFC);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    border: none !important;
    border-radius: 0px;
    margin-bottom: 18px;
    padding-left: 10px;
    padding-bottom: 0px !important;
    font-family: inherit;
    padding-top: 10px;
}
.service-group{
    color: rgba(31, 16, 10, 0.60) !important;
    font-family: "Open Sans" !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.service-name{
    color:  #743B24 !important;
    font-family: "Syncopate", sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important; 
    line-height: normal;
    text-transform: uppercase;
}
.secondary-button{
    border-radius: 0px !important;
    background: transparent !important;
    border:1px solid rgba(116, 59, 36, 1) !important;
    padding: 10px 20px !important;
    color:rgba(116, 59, 36, 1) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.btn-primary{
    border-radius: 0px !important;
    background: var(--dark-red, rgba(116, 59, 36, 1)) !important;
    border:1px solid rgba(116, 59, 36, 1) !important;
    padding: 10px 20px !important;
    color: rgba(255, 253, 252, 1) !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.booking-option-header{
    font-size:40px !important;
}
.btn-slot:enabled, .extra-filter-modal button, .btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    border-radius: 0px !important;
    background: var(--dark-red, #A73511) !important;
    border:1px solid #A73511 !important;
    padding: 10px 20px !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.timeCell {
    color: var(--black-60, rgba(0, 0, 0, 0.60)) !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    padding: 9px 34px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(216, 128, 11, 0.30) !important;
    box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.25) !important;
    background: rgba(238,238,238,0.31) !important;
    margin-left: 1px;
    margin-bottom: 3px;
    margin-right: 2px !important;
    text-align: center;
}
.selected-period{
    background-color: #a735112b;
    border-radius: 0 !important;
}
#slots .ui-selected, #slots .selectable-selected{
    background:rgba(216, 128, 11, 0.30) !important;
    border:1px solid rgba(216, 128, 11, 0.30) !important;
    color:rgba(0, 0, 0, 0.60) !important;
}
.date-spots-calendar-header{
    color: rgba(84, 89, 100, 0.60) !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
.date-spots-calendar-header>.fa{
    color: rgba(84, 89, 100, 0.60) !important;
    margin-right:7px !important;
}
.date-spots-rate-group{
    color: rgba(0, 0, 0, 0.80) !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
#slots .price{
    color: #004703 !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.total-price-modal.padd10b, .padd10t.size12.text-center.no-charge{
    display:none !important;
}
.service-prices .service-total, .total-price .clean-price, .total-cost, .currency{
    color: var(--743-b-24-titles, #743B24) !important;
    font-family: "Syncopate", sans-serif;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase !important;
}
.no-charge-now{
    display:none !important;
}
.choose-calendar-period{
    background:transparent !important;
    color:  #1F100A !important; 
    font-family: "Open Sans";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.service-attributes .list-inline li{
    color:#1F100A !important;
    font-family: "Open Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.booking-area img{
    border-radius:0 !important;
}
.service .gray-back{
    background:  #FFFDFC;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    padding:50px 35px !important;
    border-radius:0 !important;
}
.calendar-period{
    padding: 7px 21px !important;
    background: none !important;
    border: 1px solid rgba(84, 89, 100, 0.35) !important;
    color: #000 !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    margin-bottom: 30px;
}
.calendar .day-cell a, .calendar-single .day-cell a{
    color: #A73511 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    background-color:transparent !important;
    border:none !important;
}
.select-dates{
    background:transparent !important;
}
.day-cell-title{
    color: var(--dark-red, #A73511) !important;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
#app > div.container-fluid.service > div:nth-child(2) > div:nth-child(1) > div.col-md-4.gray-back > div:nth-child(4) > div{
    color: #A73511 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
.calendar-single .col-cell {
    color: rgba(167, 53, 17, 0.40) !important;
}
.service-title{
    color: #743B24 !important;
    font-family: "Open Sans";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: uppercase;
}
.service-excludes-header > h4, .service-includes-header > h4, .service-extra-header > h4{
    color: #101521 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}

/*related services*/
#app > div.container-fluid.service > div:nth-child(2) > div.row.related > div > h3{
    font-size:20px !important;
}
.owl-carousel .owl-item img {
    max-height: max-content !important;
    position: relative;
    width: 100% !important;
}
div.slide-subtitle.strong-bold{
    color: rgba(31, 16, 10, 0.60) !important;
    font-family: "Open Sans";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-transform: uppercase;
}
/*services*/
/*booking*/
#search-form > div:nth-child(1) > div.col-md-9 > div > h4 > div{
    display:none!important;
}
.calendar-icon{
    color:rgba(116, 59, 36, 1) !important;
}
.input-group-addon:first-child{
    background: transparent !important;
    border-bottom: 0.8px solid #743B24 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius:0 !important;
}
input[type="text"]:not(.flatpickr-calendar input), .form-control, .select2-selection  {
    width: 100%;
    min-height: 50px;
    background: transparent !important;
    border-bottom: 0.8px solid #743B24 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius:0 !important;
}
.fa-arrow-circle-right{
    display:none !important;
}

/*photos*/

.photos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  /*padding: 0;*/
}

.photos  > div{
  display: block;
  float: left;
  flex: 0 0 auto;
}


@media screen and (min-width: 1024px) {
  .photos  > div {
    width: calc(100%/5);
    height: calc(100%/5);
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .photos > div{
    width: calc(100%/4);
    height: calc(100%/4);
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .photos > div{
    width: calc(100%/3);
    height: calc(100%/3);
  }
}

@media screen and (min-width: 321px) and (max-width: 480px) {
  .photos > div {
    width: calc(100%/2);
    height: calc(100%/2);
  }
}

@media screen  and (max-width: 320px) {
  .photos > div {
    width: 100%;
    height: 100%;
  }
}

@media(min-width:578px){
    /*line*/
.after:after{
    content: "";
    position: absolute;
    left: 25%;
    bottom: 76px;
    height: 5.5em;
    border-right: 1px solid rgba(210, 195, 179, 1);
}
.after2:after{
    content: "";
    position: absolute;
    left: 40%;
    bottom: 76px;
    height: 5.5em;
    border-right: 1px solid rgba(210, 195, 179, 1);
}
.after3:after{
    content: "";
    position: absolute;
    left: 59%;
    bottom: 76px;
    height: 5.5em;
    border-right: 1px solid rgba(210, 195, 179, 1);
}
.after4:after{
    content: "";
    position: absolute;
    left: 76%;
    bottom: 76px;
    height: 5.5em;
    border-right: 1px solid rgba(210, 195, 179, 1);
}
/*line*/
}
@media(max-width:576px){
    .padd2{
        padding:19px 50px !important;
    }
    .fl{
        display:block !important;
        text-align:center !important;
    }
    h1{
        font-size:40px !important;
    }
    .after,.after2,.after3,.after4{
        margin-bottom:30px;
    }
    /*line*/
.after:after{
    content: "";
    position: absolute;
    left: 113px;
    top: 80px;
    height: 8.5em;
    border-right: 1px solid rgba(210, 195, 179, 1)!important;
    transform: rotate(90deg);
}
.after2:after{
    content: "";
    position: absolute;
    left: 245px;
    top: 80px;
    height: 8.5em;
    border-right: 1px solid rgba(210, 195, 179, 1)!important;
    transform: rotate(90deg);
}
.after3:after{
    content: "";
    position: absolute;
    left: 113px;
    top: 230px;
    height: 8.5em;
    border-right: 1px solid rgba(210, 195, 179, 1)!important;
    transform: rotate(90deg);
}
.after4:after{
    content: "";
    position: absolute;
    left: 245px;
    top: 230px;
    height: 8.5em;
    border-right: 1px solid rgba(210, 195, 179, 1)!important;
    transform: rotate(90deg);
}
/*line*/
}


.white>a{
    background: #FFFDFC !important;
    border: 2px solid #743B24 !important;
    padding: 10px 12px;
    text-transform:uppercase !important;
    color: #743B24;
    font-family: "Syncopate", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0 !important;
    border-radius:0 !important;
}
.is-btn-ghost1{
    padding: 10px 12px !important;
    font-family: "Syncopate", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    letter-spacing: 0 !important;
    border-radius:0 !important;
}
.book-button{
    text-transform:uppercase !important;
}
.is-btn-ghost2, .btn-rengine, .book-button, #payment-button-2 {
    background:  #743B24 !important;
    border-color:#743B24 !important;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 10px 12px !important;
    color: #FFFDFC !important;
    font-family: "Syncopate", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: 0 !important;
    border-radius:0 !important;
}
.is-btn-ghost2:hover, .btn-rengine:hover{
    background: #1F100A;
}

.form-control {
	border: 0.8px solid #743B24;
	border-radius:0 !important;
}

.rendered-form .form-group>label {
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 15px !important;
	line-height: 20px !important;
	color: #000000 !important;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
	border: 1px solid #743B24 !important;
}

.send-btn {
    background:  #743B24;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.10);
    padding: 10px 12px;
    color: #FFFDFC;
    font-family: "Syncopate", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0 !important;
    border-radius:0 !important;
}

.send-btn:hover {
    background: #1F100A;
}
.navbar-nav>li>a{
    color:  #743B24 !important;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background:transparent !important;
}

.footer-text, .footer-text>a{
    color: #1F100A;
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}