@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;900&display=swap');

body {
    font-family: 'Mulish', sans-serif;
}

/* hides meta*/
#hidden_meta {
    display: none;
}

/* align to top */
#sb-main-container {
    top: 0px;
    position: absolute;
    width: 100%;
}

/* changes height of banner */
#main-buttons {
    height: 500px
}

/* top buttons */

#buttons_table {
   display: table; 
   margin: auto;
   padding-bottom: 30px;
}

#buttons_row {
   display: table-row;
}

.buttons_cell {
   display: table-cell;
   padding: 0 2%;
}

/* booknow button on bottom */
.booknowbottom {
   text-align: center;
}

/* adjusts button position */
#main-buttons .wrapper .inner .bar {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 10%;
}

/* button formatting */
#main-buttons .wrapper .inner .bar .btn, .is-widget #main .btn.book {
    background: #fff;
    font-family: 'Mulish', sans-serif;
    border-radius: 50px;
    border: solid 2px #ec5d3d;
    font-weight: 600;
    
    display: none;
}

#main-buttons .wrapper .inner .bar .btn a {
   color: #ec5d3d!important;
}

/* hides about header */
.title-main {
   display: none;
}


/* hides gallery */
#sb_gallery {
  display: none;
}

/* hides footer */
#footer {
   display: none;
}

/* widens main container */
.classic-row {
   max-width: 90%;
}

/* narrows top container */
#worryfree {
   padding: 0 20%;
}

#introtext {
   max-width: 750px;
   margin: auto;
}

/* defines reviews table */
#reviews_container {
   display: none;
}

#reviewtable {
   display: table; 
   padding: 50px 0 100px 0;
   margin: auto;
}

#reviewrow {
   display: table-row;
}

.reviewcell {
   display: table-cell;
   padding: 0 2%;
}

#review1 {
   background-color: #6cb8ab;
   padding: 60px;
   color: #fff
}

#review2 {
   background-color: #ee534f;
   padding: 60px;
   color: #fff
}

#review3 {
   background-color: #fee25b;
   padding: 60px;
}

.reviewpic {
   border-radius: 50%;
   border: 10px solid #fff;
}

h4.reviewbody {
   padding-top: 10px;
}

h2.reviewname {
   font-weight: 900;
}


/* defines values table */ 
#content-view #about-us .txt * {
     width: auto!important;
}

#valuestable {
   display: table;
   padding: 60px 0;
   margin: auto;
}

.valuescell {
   display: table-cell;
   padding-top: 0 4%;
   padding-bottom: 0 4%;
   padding-left: 0 4%;
   padding-right: 0 4%;
}

.valuesrow {
   display: table-row;
}

h3.values {
   color: #939598;
}

/* defines vid table */ 
#vidtable {
   display: table;
   padding-top: 20px 0;
   padding-bottom: 60px 0;
   padding-left: 60px 0;
   padding-right: 60px 0;
   margin: auto;
}

.vidcell {
   display: table-cell;
   padding-top: 0;
   padding-bottom: 30px;
   padding-left: 10px;
   padding-right: 10px;
}

.vidrow {
   display: table-row;
}


/* defines photo segment on homepage*/
#bwf {
   height: 600px;
   overflow: hidden;
   margin-left: -5%;
   margin-right: -5%;

   background-image: url(https://activklean.secure.simplybook.me/uploads/activklean/image_files/original/44083f7043b1ccf589705df373eee928.jpg);
   background-position: center;
   background-size: cover;

   box-shadow: inset 0 0 0 2000px rgba(0,0,0,.3); /* adds shadow for readability */
}

#getquote {
   max-width: 650px;
   color: #ffffff;
   position: relative;
   top: 20%;
   margin: auto;
   padding: 25px;
}

#getquote h2 {
   font-size: 36px;
   line-height: 1.3;
}

#getquote .btn {
    background: #f1f2f2;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    border-radius: 30px;
    min-width: 260px;
    font-size: 20px;
    border: 2px solid #ec5d3d;
}

#getquote .btn a {   
   color: #ec5d3d;
}

#bottomimage {
   height: 600px;
   overflow: hidden;
   margin-left: -5%;
   margin-right: -5%;

   background-image: url(https://activklean.secure.simplybook.me/uploads/activklean/image_files/original/6d96bb72194a13d201f1fa29d6f6adf7.jpg);
   background-position: center;
   background-size: cover;
}

/* resizes book button on photo segment */
#bwf img {
   padding: 0 30%;
}

/* defines footer */
#sitefooter {
   display: block;
   background-color: #6cb8ab;
   height: auto;

    font-size: 14px;
    font-family: 'Mulish', sans-serif;
    color: #fff;
}

#sitefooter_out {
   display: block;
   background-color: #6cb8ab;
   height: auto;
    margin-left: -20%;
    margin-right: -20%;
    bottom: 0px;

    font-size: 14px;
    font-family: 'Mulish', sans-serif;
    color: #fff;
}

#content-view {
   padding-bottom: 0px;
}

#content-view #about-us .txt #sitefooter {
   margin-left: -5%;
   margin-right: -5%;
}

.section-pd {
   padding-bottom: 0px;
   margin-bottom: -200px;
}

#about-us .section {
   margin-bottom: 0px;
} 

/* formats footer content */
#contactus {
   display: block;
   float: left;
}

#footertable {
   display: table;
   margin: auto
}

#footertable_out {
   display: table;
   width: 100%;
   margin: auto
}

#content-view #about-us .txt #footertable {
   width: 100%!important;
}

.footerrow {
   display: table-row;
}

.footerrow_out {
   display: table-row;
}

.footercell-1 {
   display: table-cell;
   padding: 20px 3%;
   text-align: right;
}

.footercell-2 {
   display: table-cell;
   padding: 20px 3%;
   text-align: left;
   max-width: 300px;
}

.footercell-1_out {
   display: table-cell;
   padding: 20px 3%;
   text-align: right;
}

.footercell-2_out {
   display: table-cell;
   padding: 20px 3%;
   text-align: left;
   max-width: 300px;
}

.contacticons_out {
   height: 20px;
   padding-right: 5px;
}

#content-view #about-us .txt img.contacticons {
   height: 20px;
      padding-right: 5px;
}


/* about page */
#about_us {
   text-align: center;
   max-width: 85%;
   margin: auto;
   padding-bottom: 100px;
}

h4.about_us_body {
   line-height: 1.5;
    text-align: justify;
}

h1 {
   font-family: 'Mulish', sans-serif;
   font-weight: 900;
   font-size: 60px;
   color: #6cb8ab;
}

h2 {
    font-size: 30px;
    font-family: 'Mulish', sans-serif;
}

h3 {
   font-size: 24px;
   font-family: 'Mulish', sans-serif;
   font-weight: 300;
}

h4 {
   font-family: 'Mulish', sans-serif;
   font-weight: 300;
   font-size: 18px;
   line-height: 1.5;
}

/* faqs */
#faqs {
   text-align: left;
   padding-bottom: 100px;
}

h4.faqs {
   line-height: 1.5;
   margin: 0;
}

h3.faqs {
   line-height: 1.5;
   margin: 0;
}

img.faqs {
   float: left;
   padding-right: 30px;
}

td.faqs {
   border: 1px solid #6cb8ab;
   padding: 10px;
}

.faqbox {
   padding-bottom: 50px;
}

/* faq accordion */

.faq_accordion {
   max-width: 1000px;
   margin: auto;
}

.faqline {
   border-bottom: 1px solid #6cb8ab;
   padding-bottom: 20px;
}

h3.faqh3 {
   line-height: 1.4;
}

.faq_accordion_label {
   display: block;
   color: #6cb8ab;
   cursor: pointer;
   position: relative;
   transition: background 0.1s;
   padding-right: 70px;
}

.faq_accordion_label:hover {
   color: #3c3c3c;
}

.faq_accordion_label::after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 20px;
   width: 12px;
   height: 6px;
   background-image: url('data:image/svg+xml;utf8,<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 100,0 50,50" style="fill:%236cb8ab99;" /></svg>');
   background-size: contain;
   transition: transform 0.4s;
}

.faq_accordion_content {
   display: none;
}

.faq_accordion_input {
   display: none;
}

.faq_accordion_input:checked ~ .faq_accordion_content {
   display: block; 
   padding-left: 28px;
   padding-top: 5px;
}

/* services page */
.servicelist_table {
   display: table;
   margin: auto;
   max-width: 1000px;
}

.servicelist_row {
   display: table-row;
   padding-bottom: 50px;
}

.servicelist_cellleft {
   display: table-cell;
   width: 250px;
   padding: 20px;
}

.servicelist_cellright {
   display: table-cell;
   text-align: left;
   vertical-align: top;
}

.servicelist_label {
   text-transform: uppercase;
   color: #6cb8ab;
}

.service_ast {
   text-align: left;
   color: #959595;
}


/* cleaning coach page */
#cleaningcoach {
   padding-bottom: 100px;
   text-align: center;
}

.mainvid {
    padding: 30px;
    background-image: url(https://activklean.secure.simplybook.me/uploads/activklean/image_files/original/30f3726d5b97f1746f4ad37635dd727f.jpg);
    background-position: center;
    background-size: cover;
    max-width: 750px;
    margin: auto;
    box-shadow: 0 8px 6px -6px black;
}

.mainvidtext {
   text-align: left;
   max-width: 750px;
   margin: auto;
   line-height: 1.5;
   padding-top: 20px;
   padding-bottom: 40px;
}

h2.mainvidtext {
   color: #6cb8ab;
}

/* service menu */

.tab.tab-col .cap.short {
   font-family: 'Mulish', sans-serif;
   color: #6cb8ab;
} 

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .btn-bar, #sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .btn-bar .btn {
   font-family: 'Mulish', sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd>* {
   font-family: 'Mulish', sans-serif;
}

#sb_booking_content .tab .btn.select a, #sb_time_classes_service_container .btn.select a, #sb-timeline #steps #steps-content #sb_booking_content .provider-item .btn.select a, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .full-info .btn a, .package-content .tab.tab-col .excerpt-info .btn-bar .btn.select a {
    text-transform: uppercase;
    background-color: #f1f2f2;
    border-radius: 30px;
    border: 2px solid #6cb8ab;
}

#sb_booking_content .tab .btn.select a, #sb_time_classes_service_container .btn.select a, #sb-timeline #steps #steps-content #sb_booking_content .provider-item .btn.select a, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .full-info .btn a, .package-content .tab.tab-col .excerpt-info .btn-bar .btn.select a {
    color: #6cb8ab !important;
    font-weight: 600;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .full-info .btn, #sb-timeline #steps #steps-content #sb_booking_content .provider-item .btn.select, .tab.tab-col .excerpt-info .btn-bar .btn.select {
   border: 0px;
}

#sb-timeline #steps-nav li.passed+li:not(.passed) a .content .title-small, #sb-timeline #steps-nav li.passed a .content .title-small, #sb-timeline #steps-nav li:first-child a .content .title-small {
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    font-size: 30pt;
    font-weight: 900;
}

#sb-timeline #steps-nav li .content .title-small {
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    font-size: 30pt;
    font-weight: 900;
}

body #sb_booking_content #sb_datetime_step_container.step-content.datetime-step .col-sm-12 .col-md-12.col-md-9 .inline-datepicker-wrapper #sb_dateview_container.section .section-pd {
   margin-bottom: 0px;
   padding: 10px;
   font-family: 'Mulish', sans-serif;
   font-weight: 900;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-center {
   font-family: 'Mulish', sans-serif;
   font-weight: 900;
   text-transform: uppercase;
}

#sb-timeline #steps-nav li.filled.passed .content .title-sub {
    margin-bottom: 10px;
    margin-top: -5px;
}

#sb-timeline #steps #steps-content #sb_booking_content #sb_next_date .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_next_month .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_prev_date .txt, #sb-timeline #steps #steps-content #sb_booking_content #sb_prev_month .txt {
   text-transform: uppercase;
   letter-spacing: normal;
}

#sb-timeline #steps #sb_back_button a, #sb_back_to_bookings .back-to-services, .invoice-pay-page .to-invoices-list, .wrap-client-info-view .back-button {
   text-transform: uppercase;
   letter-spacing: normal;
}

.txt-center #sb_datepicker .btn {
   font-weight: 900;
}

#header .nav-wrapper #sb_menu .nav li a {
   font-family: 'Mulish', sans-serif;
   font-weight: 900;
}

/* intake forms formatting */
.left-side #sb_additional_fields .form-group .custom-checkbox {
   float: right; 
   margin-right: 14px;
   margin-left: 0px !important;
}

.current-booking-info .cap.mg {
   font-family: 'Mulish', sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
   text-transform: uppercase;
   color: #fff;
}

.booking-confirmed.booking-item .section-pd {
   margin-bottom: 0px;
}

#sb_bookings_list+.clearfix+a.btn.btn-default {
   margin-bottom: 100px;
   text-transform: uppercase;
   color: #fff;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side #sb_additional_fields_container label.control-label {
   width: 90%;
}

/* quote calculator */

#quotecalc {
     text-align: center;
}

/* centers content on confirmation page */
#booking-result-view #sb_bookings_list>div .booking-item {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

/* fixes font on confirmation page */
#booking-result-view #booking-result-tabs .tabs-container .tab-link a {
   font-family: 'Mulish', sans-serif;
}

/* enlarges confirmation message */
.alert-info {
   font-size: 24px;
   line-height: 1.3;
}

/* resize service listings */
#sb-timeline #steps #steps-content #sb_booking_content .item, .package-content>div .package-item {
   max-width: 33.33%;
   margin-left: auto;
   margin-right: auto;
}

/*fit service listings images */

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .excerpt-info .preloader {
   min-height: 290px;
}

.tab.tab-col .excerpt-info .preloader .img.user img {
   object-fit: cover;
}

/* nav underline */
#header .nav-wrapper #sb_menu .nav li a:after {
   height: 0px;
}

/* mobile breakpoint */

@media only screen and (max-width: 1024px) {

#main-buttons .wrapper .inner .bar {
   bottom: 5%;
}
}

@media only screen and (max-width: 1000px)  {

.reviewcell {
   display: block;
}

#reviewtable {
   padding-bottom: 30px;
   max-width: 80%;
}


}

@media only screen and (max-width: 600px) {

.classic-row {
   max-width:100%;
}

#worryfree {
   padding: 0;
}

.valuestable {
   margin: auto;
}

.valuescell {
   display: block;
   padding: 30px 0 !important;
}

.vidtable {
   margin: auto;
}

.vidcell {
   display: block;
   padding: 30px 0;
}

#bwf img {
   padding: 0 15%;
}

h1 {
   font-size: 30pt;
}

#getquote {
   top: 5%;
}
}


@media only screen and (max-width: 1080px) {

.footercell-1 {
   display:block;
   text-align: center;
}

.footercell-2 {
   display:block;
   text-align: center;
   margin: auto;
}

.footercell-1_out {
   display:block;
   text-align: center;
}

.footercell-2_out {
   display:block;
   text-align: center;   
   margin: auto;
}

}


@media only screen and (max-width: 767px) {

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
   margin-bottom: 20px;
}

#sb-timeline #steps #steps-content #sb_booking_content .item, .package-content>div .package-item {
   max-width: 500px;
   margin-left: auto;
   margin-right: auto;
}

.tab.tab-col .excerpt-info .preloader .img.user img {
   object-fit: cover;
}

.servicelist_cellleft {
   display: block;
   margin: auto;
    width: 100%;
    padding: 20px;
}

.servicelist_cellright {
   display: block;
   padding: 0 30px;
}


}

/* Facebook Pixel */
#booking-result-view .booking-item.booking-confirmed { 
   background-image: url("https://www.facebook.com/tr?id=773079356849784&ev=PageView&noscript=1"); 
}