body { letter-spacing: 0.5px; }

/*header*/

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

#sp-header .logo { width: 300px; height: 80px; }

#sp-header { padding: 0 !important; }

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

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

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

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before { top: 0; left: 0; right: 0; margin: auto; bottom: unset; }

.sp-megamenu-parent > li.active > a:before { width: 100%; background-color: #eb3e45; }

.sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li:hover > span:before { width: 100%; background-color: #eb3e45; }

.sp-megamenu-parent > li { margin-left: 30px; }

.sp-megamenu-parent > li> a { text-transform: uppercase; padding: 0; }

/*end of header*/


/*offcanvas*/

#offcanvas-toggler { height: 80px; line-height: 80px; }

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

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

.offcanvas-menu { border-left: 4px solid #eb3e45; }

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

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

.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: #5a5a5a; padding: 10px 20px; letter-spacing: 0.5px; 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(255, 0, 0, 0.1) !important; color: #eb3e45;
}

/*end of offcanvas*/


/*page title*/

.sp-page-title .sp-page-title-heading { font-size: 42px; text-transform: uppercase; letter-spacing: 3px; color: #000; }

.sp-page-title { padding: 60px 0; }

.sp-page-title .breadcrumb { margin-top: 5px; }

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a { color: #858585; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; }

.sp-page-title .breadcrumb > .active { color: #000; }

@media (max-width: 767px) {
  .sp-page-title { padding: 40px 0; }
  .sp-page-title .sp-page-title-heading { font-size: 26px; letter-spacing: 2px; }
  .sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a { font-size: 10px; }
}


/*end of page title*/

/*bottom*/
#sp-bottom2 ul.menu li { display: inline-block; padding: 0 10px; }

#sp-bottom { padding: 35px 0; }

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

#sp-footer { text-align: center; background-image: linear-gradient( 145deg, #e65758, #771d32 ) !important; }

#sp-footer .container-inner{ padding: 15px 0; }

#sp-footer .sp-copyright { font-weight: 400; color: #fff; letter-spacing: 0.5px; }

#sp-bottom .sp-module ul.menu { float: right; margin-top: 10px; }

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

#sp-bottom .sp-module ul > li > a { color: #898989; }

#sp-bottom .sp-module ul > li > a:hover, #sp-bottom .sp-module ul > li > a:focus { color: #eb3e45; }

#sp-bottom .sp-module ul > li.active > a { color: #eb3e45; }


@media (max-width: 991px) {
  #sp-bottom1 .sppb-text-left { text-align: center; }
  #sp-bottom .sp-module ul.menu { float: none; margin-top: 20px; text-align: center; }
}

/*end of bottom*/


/*gallery*/

body.view-albums #sp-main-body,
body.view-album #sp-main-body { padding: 60px 0 100px; }

.speasyimagegallery-modal-wrapper { z-index: 9999; }

.speasyimagegallery-album-title { font-size: 14px; line-height: 1.3; }

.speasyimagegallery-album-meta > span { font-size: 12px; }

.speasyimagegallery-album:hover .speasyimagegallery-album-title { color: #eb3e45 !important; }

.speasyimagegallery-close:hover { color: #eb3e45; }

/*end of gallery*/