.image-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}

#sp-header {background-image:url("background-01.jpg"); background-color:#6b6b6b; opacity: 0.9; height: 105px; }
#sp-header .logo { height: 90px; }
.sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 90px; }


/**  
#sp-top-bar {
    background: #0000FF !important;
}

ul.sp-contact-info li a {
    color: #002500 !important;
}

ul.sp-contact-info li a hover {
    color: #00f800 !important;
}

.fa-phone:before, .fa-envelope:before, .fa-mobile-phone:before, .fa-mobile:before {
  color: red !important;
} **/

.sp-megamenu-parent > li > a {font-size:15px;}
#sp-header .sp-megamenu-parent > li > a { font-weight: bold;} 
.sp-megamenu-parent > li > a{color:#FFF;}
.sp-megamenu-parent > li > a:hover {color:#DDDCDC;}

.sp-megamenu-parent > li.active > a {color:#ff3636;}
.sp-megamenu-parent > li.active > a:hover {color:#ff3636;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color:#ff3636; }

button.btn.btn-success {
    background:#ff3636;
}

/* -------------image hover custom style ---------------*/
.pageimage img:hover {
    
  opacity: 0.5;

}
.sppb-addon-feature img:hover {opacity: 0.5;}


/* ---------------Clients credential page logo sytle -------------------------*/

.logofigure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.logofigure img:hover {
 -webkit-transform: scale(1.3);
  transform: scale(1.3);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}


/* --------------------------------*/
      
.homelogo img {
            transition: filter .5s ease-in-out;
            -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
            filter: grayscale(0%); /* FF 35+ */
}

.homelogo img:hover {
            -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
            filter: grayscale(100%); /* FF 35+ */
}


/* -------------------------------*/

/* ---------- google map CSS ---------------*/

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    
}

/* ---------- end google map CSS ---------------*/