/*--------------------
	   page title
----------------------*/
.sp-page-title {
    padding-top: 250px;
    padding-bottom: 250px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
}

/*--------------------
	 breadcrumb
----------------------*/
ol.breadcrumb a, ol.breadcrumb span {
    color: #000!important; font-weight:500;
}

.sp-page-title .breadcrumb > li + li:before{color:#000;}

ol.breadcrumb {
    background: #ffffffb8!important;
    padding: 2px 20px!important;}

/*-----------------------------------------------------------------------
                                992 px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px){
h2.sp-page-title-heading {
    font-size: 50px!important;
    font-weight: 900!important;
    color: white;
    text-shadow: 0px 2px 4px black;
}}

/*-----------------------------------------------------------------------
                           992 px mobile
-------------------------------------------------------------------------*/
@media screen and (max-width:992px){
.sp-page-title {
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
}
h2.sp-page-title-heading {
    color: white;
    font-weight: 900!important;
    font-size: 30px!important;
    text-shadow: 0px 2px 4px black;
}}
#sp-header.header-sticky ~ section#sp-main-body, #sp-main-body {
    padding-top: 70px !important;
}
#sp-main-body {
    padding: 70px 0px !important;
}
@media(max-width:991px){
#sp-header.header-sticky ~ section#sp-main-body, #sp-main-body {
    padding-top: 50px !important;
}
  #sp-main-body {
    padding: 50px 0px !important;
}
}