/* section settings
/* -------------------------------------------------- */
section,#subheader{
-webkit-background-size: 100% !important;
-moz-background-size: 100% !important;
-o-background-size: 100% !important;
background-size: 100% !important;
}

/* all section  */
#section-gallery{background:#fff; width:101%;}
#section-intro{background:url(../images/background/bg-4.jpg); overflow:hidden;}
#section-intro-2{background:url(../images-slider/oasis-barbershop-barber-tools.jpg); overflow:hidden;}
#section-welcome{background:url(../images/background/bg-9.jpg); overflow:hidden;}
#section-why-choose-us{background:url(../images/background/bg-8.jpg) top fixed;}
#section-testimonial{ background:url(../images/background/bg-3.jpg); background-size:cover;}
#section-top-reason{background:#3d3d47;}
#section-services{ background:url(../images/background/bg-1.jpg) top fixed;}
#view-all-projects, #call-to-action{padding:60px 0 60px 0;}
#section-offer{background:#eee;}
#section-hero-2{background:url(../images/background/bg-10.jpg); overflow:hidden;}
#section-hero-3{background:url(../images/background/bg-11.jpg); overflow:hidden;}
#section-hero-5{background:url(../images/background/bg-12.jpg); overflow:hidden;}

/* section with side background image */
#explore-1,#explore-2,#explore-4{background:#eee;}
#explore-1.side-bg .background-image {background:url(../images/background/bg-side-2.jpg) top;}
#explore-2.side-bg .background-image {background:url(../images/background/bg-side-1.jpg) top;}
#explore-3.side-bg .background-image {background:url(../images/background/bg-side-1.jpg) top;}
#explore-4.side-bg .background-image {background:url(../images/background/bg-side-4.jpg) top;}
#explore-5{background:#50094d;}
#explore-5.side-bg .background-image {background:url(../images/background/bg-side-9.jpg) top;}
#explore-6.side-bg .background-image {background:url(../images/background/bg-side-10.jpg) top;}


/* background settings for file index-coming-soon-1html */
#bg-coming-soon-page{background:url(../images/background/bg-5.jpg) center fixed; position:fixed; min-height:100%; width:100%;}

.visionary-youth {background-image: url(../images/background/visionary-youth.svg)!important; background-size: cover!important;}

@media only screen and (max-width: 992px) {.visionary-youth {background-position-x: left!important;}}

.meet-the-squad #subheader{
      min-height:100%;
      background:linear-gradient(0deg, rgba(51, 51, 51, 0.62), rgba(51, 51, 51, 0)), url(../images/background/bg-gallery.jpg);
      background-size:cover;
}

.page-services #subheader{
      min-height:100%;
      background:linear-gradient(0deg, rgba(51, 51, 51, 0.62), rgba(51, 51, 51, 0)), url(../images/background/bg-services-c.jpg);
      background-size:cover;
}

.community-initiatives #subheader{
      min-height:100%;
      background:linear-gradient(0deg, rgba(51, 51, 51, 0.62), rgba(51, 51, 51, 0)), url(../images/background/bg-community-initiatives-2.jpg);
      background-size:cover;
}

.error-404 #subheader{
      min-height:100%;
      background:linear-gradient(0deg, rgba(51, 51, 51, 0.62), rgba(51, 51, 51, 0)), url(../images/background/error-404-header.jpg);
      background-size:cover;
}

.gallery #subheader{
      min-height:100%;
      background:linear-gradient(0deg, rgba(51, 51, 51, 0.62), rgba(51, 51, 51, 0)), url(../images/background/bg-gallery-page.jpg);
      background-size:cover;
}

.page-gallery #subheader{background-image:url(../images/background/bg-gallery.jpg);}
.page-blog #subheader{background-image:url(../images/background/subheader-7.jpg);}
.page-shop #subheader{background-image:url(../images/background/subheader-4.jpg);}

.page-contact #subheader{background-image:url(../images/background/bg-contact.jpg);}
.page-service-details #subheader{background-image:url(../images/background/subheader-6.jpg);}
.page-booking #subheader{background-image:url(../images/background/subheader-3.jpg);}


/* subheader side background for services details page */
#services-hair.side-bg .background-image {background:url(../images/background/bg-side-1.jpg) top;}
#services-makeup.side-bg .background-image {background:url(../images/background/bg-side-4.jpg) top;}
#services-facial.side-bg .background-image {background:url(../images/background/bg-side-5.jpg) top;}
#services-massage.side-bg .background-image {background:url(../images/background/bg-side-6.jpg) top;}
#services-nail.side-bg .background-image {background:url(../images/background/bg-side-7.jpg) top;}
#services-waxing.side-bg .background-image {background:url(../images/background/bg-side-8.jpg) top;}


/* media query */
@media only screen and (max-width: 992px) {
section,#subheader{
-webkit-background-size:cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
}

	/* -------------------------------------------------- 
	book now
	/* -------------------------------------------------- */	

    .booksy-widget-container-default .booksy-widget-button {
    background: url('https://gravitatewebdesign.com/images/book-now.jpg') no-repeat center!important;
    height: 49px!important;
    background-color: black!important;
    border-radius: 10px!important; 
    border: 3px solid white!important; 
    }

    .booksy-widget-container-default .booksy-widget-button:hover {
    background: url('https://gravitatewebdesign.com/images/book-now-hover.jpg') no-repeat center!important;
    }

    .booksy-widget-container-default .booksy-widget-button:after {
    font-size: 26px!important;
    }

    .booksy-text {
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: white;
      margin: auto;
      padding: 9px 0px;
    }    

@media only screen and (max-width: 480px) {
.modal .modal-body {
    max-height: auto;
    overflow-y: auto;
    vertical-align: middle;
}
}