/*header*/

#sp-header, #sp-header.header-sticky { padding: 0; z-index: 999; }

#sp-header.header-sticky { background: #fff !important; }

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { line-height: 80px; }

.sp-megamenu-parent > li > a { height: 80px; }

nav.sp-megamenu-wrapper { padding-top: 0; }


.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li:hover > a { color: #de0000 !important; }

.sp-megamenu-parent > li> a { color: #000 !important; text-transform: uppercase; }

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before { top: 0; background-color: #de0000; }

/*end header*/

/*offcanvas*/

#offcanvas-toggler > .fa { color: #000; transition: 0.5s; }

#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active { color: #de0000; }

.offcanvas-menu { background-color: #fff; border-left: 4px solid #de0000; }

.close-offcanvas { background: transparent; color: #000; }

.close-offcanvas:hover { background: transparent; color: #de0000; }

.offcanvas-menu .sp-module ul >li >a:before { font-family: FontAwesome; content: "\f105"; margin-right: 10px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { color: #1a1a1a; padding: 10px 20px; letter-spacing: 1px; font-weight: 500; font-size: 14px; }

.offcanvas-menu .offcanvas-inner { padding: 50px 20px 0; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: rgba(0,0,0,0.1) !important; color: #de0000;
}

/*end of offcanvas*/


/*body*/

body { line-height: 1.5; letter-spacing: 0.5px; }

@media (max-width: 767px) {
  h3.sppb-addon-title { font-size: 26px; }
}

#sp-main-body { padding: 80px 0; }

.sp-page-title { background-position: center center; padding: 100px 0; text-align: center; position: relative; }

.sp-page-title:before {
    content: "";
    position: absolute;
    background: url(/images/0_Ezeee/home/slide-pattern.png) no-repeat scroll center center / cover;
    width: 100%;
    height: 80px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
}

.sp-page-title .sp-page-title-sub-heading { max-width: 100%; letter-spacing: 3px; color: #de0000; margin-top: 5px; }

.sp-page-title .sp-page-title-heading { letter-spacing: 2px; font-weight: 500; color: #000; }

@media (max-width: 768px) {
  .sp-page-title .sp-page-title-heading { font-size: 12px; margin-bottom: 10px; }
}

#whatsapp { right: 90px !important; }

#sp-cta {
    position: relative;
}

#sp-cta:before {
    content: "";
    position: absolute;
    background: url(/images/0_Ezeee/cta-pattern.png) no-repeat scroll center center / cover;
    width: 100%;
    height: 80px;
    top: -5px;
}
  
/*end of body*/


/*bottom*/

#sp-bottom { padding: 30px 0 !important; background: #fff; font-size: 14px; }

#sp-bottom .container-inner .row { align-items: center; }

#sp-bottom .sp-module { margin-bottom: 0; }

#sp-bottom2 { text-align: right; }

#sp-bottom img { width: 140px; }

#sp-bottom .sp-module .sp-module-title { display: none; }

#sp-bottom .sp-module ul > li { display: inline-block; margin: 0 12px; }

#sp-bottom .sp-module ul >li >a { font-weight: 500; padding: 3px 0; color: #6d6d6d; }

#sp-bottom .sp-module a:hover, #sp-bottom .sp-module a:focus { color:#000; }

#sp-bottom .sp-module ul >li >a:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px; }

@media (max-width: 991px) {
  #sp-bottom .sppb-text-left, #sp-bottom .sppb-addon-text-block { text-align: center; }
  #sp-bottom1 { margin-bottom: 15px; }
  #sp-bottom2 { text-align: center; }
}

/*end of bottom*/


/*footer*/

#sp-footer { background: #fff; padding: 0; border-bottom: 10px solid #b93234; text-align: center; }

#sp-footer .container-inner { padding: 15px 0; border-top: 1px solid #ccc; }

#sp-footer .sp-copyright { color: #6d6d6d; font-weight: 500; }

#sp-footer a { color: #000; }

#sp-footer a:hover, #sp-footer a:focus { color: #b93234; }

/*end of footer*/



