.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 12px;
    font-size: 18px;
    margin: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


   .visually-hidden {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }

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

.tags > li a {color: #CA070F;}

  
#intro-shops h3.sppb-addon-title {text-shadow: 0px 0px 3px rgba(0,0,0,0.9);} 


.sp-scroll-up {bottom: 88px; background: rgba(72, 67, 67, 0.67);}

.sppb-addon-video video, .shadow video {
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-only:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above  toolbar. */
}


.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #004080;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
  border-radius: 4px;
  transition: top 0.2s ease;
}
.skip-link:focus {top: 10px;}

.sppb-addon-title.sppb-feature-box-title > a:focus,
.sppb-addon-title.sppb-feature-box-title > a:hover,
.jbd-container .jitem-card .jitem-title > a:hover,
.jbd-container .jitem-card .jitem-img-wrap > a:hover, 
.jbd-container a:hover, .article-introtext p a:hover,
.sppb-addon.sppb-addon-text-block p a:hover {text-decoration: underline;}

.jbd-container .jitem-card {color: #636363;}

.jbd-container a:hover, .jbd-container a:visited {color: #9B0000;}


body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  margin-left: 3px;}


.view-wrapper #sp-main-body > .container {max-width: 1960px !Important;} 


h1, h2, h3, h4, h5 {text-rendering: optimizelegibility;}
#sp-main-body p, #sp-main-body span, #sp-main-body p a, #sp-bottom p, #sp-footer p, #sp-bottom2 li {text-rendering: optimizeSpeed;}

.opening__hours p {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
    line-height: 0px;
}

.opening__hours p span.small {
    margin-left: 18px;
    font-size: 16px;
    color: #fff;
    line-height: 0px;
}
a#open_socials,
.jbd-container .ribbon-open, .jbd-container .ribbon-close, 
.ribbon-open, .ribbon-close, .ribbon-closed {display: none; visibility: hidden;}

.djc_item_bg {border: 1px solid #ccc;}
.djc_item_bg:hover {border: 1px solid #555;}
#djcatalog .djc_item .djc_title h3,
#djcatalog .djc_item .djc_title h3 a {font-size: 24px;text-align: center;color: #333;}
#djcatalog .djc_atoz_list li a span:hover,
#djcatalog .djc_atoz_list li a:hover span,
#djcatalog .djc_item .djc_title h3 a:hover {color:#E61C23;}
.view-companies.layout-default .jbd-container #tabs ul.tab-list li:hover span, 
.view-companies.layout-default .jbd-container #tabs ul.tab-list li.active span {pointer-events: none;}
.view-companies .dir-listing-description img {border-radius: 5px;}
.view-companies .jbd-container #listing-style-2 .company-info-review {margin-bottom: 0;}


.jbd-container .dir-tab .dir-listing-description ul {
  list-style-type: disc !important; padding-bottom:20px;}


.button.btn.djc_filter_go_btn {border: 1px solid #333;color: #333;}
.button.btn.djc_filter_go_btn:hover,
.button.btn.djc_filter_go_btn:focus {border: 1px solid #333;background: #333;color: #fff;}

input[type="text"]:not(.form-control):hover, 
input[type="email"]:not(.form-control):hover, 
input[type="url"]:not(.form-control):hover, 
select:not(.form-control):hover
{border: 1px solid #333;}

.djc_image a img {
    text-align: center;
    margin: 0 auto;
}

#keywordSearch {
    max-width: 600px;
    margin: 0 auto !important;
}

.jbd-container .btn-success {
    color: #fff;
    background-color: #E72128;
    border-color: #E72128;
}

.jbd-container .btn-success:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.jbd-container .catalog-letters {
    font-size: 20px;
    color: #333;
}

.jbd-container .catalog-letters span {
    font-size: 20px;
    color: #333;
}

.jbd-container .catalog-letters span:hover {color:#E72128;}

.jbd-container .catalog-letters span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    visibility: hidden !important;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


.jbd-container .catalog-letters span:hover {text-decoration: underline; }

.jbd-container .catalog-letters span:hover:before {
  visibility: visible!important;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.jbd-container .catalog-letters span:focus {outline: 0; }

.jbd-container .catalog-letters span.active:before {
  text-decoration: none;
  visibility: visible!important;
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.catalog-letters span:nth-child(1),
.catalog-letters span:nth-child(2) {}


.view-catalog.itemid-118 .page-header {text-align: center;}

#search-path > .selected-criteria,
.jbd-container #search-path .selected-criteria {
    display: none;
    visibility: hidden;
}

.jbd-container #search-results .search-header {
    background: #fff;
    padding: 15px 15px 10px 15px;
    margin-bottom: 0;
}


#sp-main-body {padding: 70px 0;}
.view-companies #sp-main-body, .view-catalog #sp-main-body {padding: 50px 0;}
.view-search #sp-main-body {padding: 40px 0 40px 0 !important;}
.com-wrapper #sp-main-body {padding: 10px 0 40px 0;}
.com-jbusinessdirectory.view-catalog div.jbd-search-statistics,
.com-jbusinessdirectory.view-catalog .limit.float-end
{display:none !important; visibility: hidden;}

.jbd-container .catalog-letters span.letter-selected {
    font-weight: bolder;
    color: #E61E25;
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #E61E25;
    border-color: #E61E25;
}

.page-item .page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.page-link {color: #111;}


 

.pagination {
    justify-content: center;
    width: 320px;
    align-items: center;
    margin: 0 auto !important;
    justify-content: center;
    display: flex;
    text-align: center;
}

.jbd-container .place-card-info > .place-card-info-title, 
.jbd-container .place-card-info > .place-card-info-title a {
    text-align: center;
    font-weight: 500;
    color: #555;
    margin: 0 auto;
}
.jbd-container .place-card-info > .place-card-info-title a:hover,
.jbd-container .place-card-info > .place-card-info-title:hover
{color:#E72027;}

.rating-container.rating-sm.rating-animate.is-display-only {
    display: block;
    text-align: center;
}

.jbd-container .card {
  border: 1px solid rgba(0, 0, 0, 0.6);}

.jbd-container .card:hover {
  border: 1px solid rgba(0, 0, 0, 0.9);}


.jbd-container .place-card-body .card-hoverable {
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
    transform: scale(0);
  border: 1px solid rgba(0, 0, 0, 0.125);}

.article-list .article  {
    border: 1px solid rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.article-list .article:hover {box-shadow:0 50px 60px -20px rgba(0,0,0,0.15)}

#sp-right ul.categories-module li a {color:#333;}

#sp-right ul.categories-module li a:hover {color:#E51921;}

.ug-thumb-wrapper.ug-tile.ug-tile-clickable {
    box-shadow: none !important;
    border: 1px solid #eee;
}


#company-style-5-body > .row > .col-md-8 
{flex: 0 0 100%;max-width: 100%;}
#company-style-5-body > .row > .col-md-4
{display: none !important; visibility: hidden; max-width:0;}

.ug-thumb-wrapper.ug-tile.ug-tile-clickable:hover {
    box-shadow:0 50px 60px -20px rgba(0,0,0,0.15) !important;}


.jbd-container .place-card-info > .place-card-info-title a,
.jbd-container .place-card-info > .place-card-info-title {color:#555; font-size:20px}


.jbd-container .company-style-box {
  padding: 30px 30px 0 30px;}

.jbd-container div.company-style-5-header-image {
    background: white;
    box-shadow: none;
    padding: 25px 25px 15px 25px;
}

.jbd-container .company-style-5-header-info {
    font-weight: 600;
    text-shadow: none;
    color: #111 !important;
}

.jbd-container .company-style-5-header-info a, .jbd-container .company-style-5-header-info .bookmark i {
    color: #111;
}


.jbd-container .company-style-5-header-info .business-logo {
  border: 3px solid #ccc;}


.jbd-container #company-style-5-header i, .jbd-container #company-style-5-header .claimed {
    color: #333;
}

.com-jbusinessdirectory.view-catalog #sp-main-body {
    padding: 20px 0 50px 0;}


.jbd-container #search-path ul.category-breadcrumbs.category-breadcrumbs {
    margin: 5px 0 0 0;
}

.view-search.layout-default.task-none .hide-on-detail-view,
.task-showcompany .hide-on-detail-view {display: none; visibility: hidden;}

.view-search.layout-default.task-none .page-content #section-id-1624370012182,
.task-showcompany .page-content #section-id-1624370012182 
{padding: 85px 0 !important;}


.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {color: #E51921;}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover {color: #AA040B;text-decoration: underline;}


#sp-bottom {padding: 20px 0px;}
#sp-bottom2 .sppb-addon-optin-forms {padding: 0 !important;}
#sp-bottom2 .sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {padding: 0;}
#sp-bottom2 ul.menu, #sp-bottom2 ul.menu-child {list-style: none;}
#sp-bottom2 .menu-child {list-style: none;padding-left: 10px;}
.socials-network a {padding: 4px !important;font-size: 26px;width: auto;margin: 2px 2px 0 0;}


#sppb-addon-wrapper-1624171441208 .sppb-addon.sppb-addon-text-block p a {color: rgb(255, 95, 95) !important;}


.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {color: #E52229;}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, 
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler {right: auto;width: 99%;}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler::after,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, 
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {float: right;} 
.offcanvas-menu .offcanvas-inner {padding-top: 5px;}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {padding: 10px 30px 10px 10px;}
.offcanvas-menu.border-menu > .p-3.pt-4 {padding-top: 0.7rem !important;}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > a {opacity: 0.8;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:active,
.offcanvas-menu .offcanvas-inner ul.menu > li > a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li > a:hover {opacity: 1;}
.offcanvas-overlay {background: rgba(255, 255, 255, 0.75);}
.close-offcanvas .burger-icon > span {background-color: #B52704;}


 

.inactive-message-container {
  /* Basic element styling */
  padding: 10px 15px; border-radius: 10px;
  border: 3px solid #ff6666; /* Required for border-image to work */
  color: #111;
  background: #fff9e6;
  font-weight: bold;
  text-align: center;
}


@media (min-width:1400px) {
 .sppb-row-container {max-width:1320px}
}

@media (max-width:995px) {
#sp-header {height: 70px;}
#offcanvas-toggler {height: 70px;line-height: 70px;}
#sp-header .logo {height: 63px;}
  .offcanvas-menu .offcanvas-inner ul.menu > li ul li a {font-size: 16px;}
  .offcanvas-inner .fab {font-size: 21px;}
  .offcanvas-inner  .sp-contact-info li a {font-size: 16px;}
  .offcanvas-inner .current.active > a {color: #BB191E !important}
  
}

#sp-bottom2 ul.menu li a:hover {text-decoration: underline;}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a,
.offcanvas-menu .offcanvas-inner ul.menu > li {font-size: 16px;}

@media screen and (max-width:680px) {
  #sp-main-body {padding: 35px 0;}
  .article-list > .row > .row {padding-right: 0;}
  .opening__hours p {padding-top: 10px; font-size: 20px; word-break: normal;}
  .opening__hours p span.small {display: block; margin: 20px auto; line-height: 24px; font-size: 15px;}
  #sp-bottom2 ul.menu {padding-left:0px;}
  #sp-bottom2 ul.menu li {display: inline-block;padding: 5px 10px;text-align: center;}
  #sp-bottom1 {padding-left:5px; padding-right:5px;}
  .mobile-center,  .mobile-center p {text-align: center;}
  #main_bottom .mobile-center img {margin: 0 auto;}
  .com-wrapper .contentpane:not(.com-sppagebuilder) {padding: 10px;}
  #sp-bottom .sp-module {margin-bottom: 5px;}
  .article .tags.mb-4, .col-md-5.text-right > .dir-print {display: none;visibility: hidden;}
  .pagination-counter.text-muted.mb-4 {text-align: center;margin: 10px !important;}
  .article p {color: #333;}
  .article .article-introtext > p {margin-bottom:0;}
  .col-lg-4 .article .article-info {display: none;}
  .article-list .article {padding: 10px 20px;}
  .article-list .article .article-header h2 {margin: 0 0 1rem 0;line-height: 1.5rem;}
  #listing-style-2 .ui-tabs .ui-tabs-panel {padding: 0;}
  .jbd-container #company-info .company-image img {min-height: 240px;}
  .jbd-container #listing-style-2 .company-info-review,
  .jbd-container #listing-style-2 .listing-details,
  .company-info-container .align-items-end.pt-4 {display: none; margin:0;  
	position: absolute !important;width: 1px !important;
	height: 1px !important;padding: 0 !important;
	margin: -1px !important;overflow: hidden !important;
	clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important;}
  .company-info-container dt, .company-info-container dd {display: inline;}
  .view-companies #sp-main-body  {padding: 15px 0 30px 0;}
  .view-companies .dir-listing-description img {border-radius: 0px 0 5px 5px;}
  .jbd-container .dir-listing-description {line-height: 20px;font-size: 1.1em;}
  hr {margin-top: 10px;margin-bottom: 10px;}
  .jbd-container #company-info .company-image img {width: auto;display: block;margin: 0 auto;}
  .jbd-container .dir-listing-description ul, .dir-listing-description ul {padding-bottom: 15px;list-style-type: square !important;}
  .sp-page-builder .page-content #intro-shops {padding-top: 30px;padding-bottom: 20px;}
  .jbd-container .jitem-card .jitem-img-wrap > img { width: auto;margin: 0 auto;}
  .jbd-container .jbd-search-statistics {margin-bottom: 5px;}
  .jbd-container .list-grid-2 .jitem-body-content {padding: 7px;margin: 10px;}
  .article-details .article-header h2 {font-size: 1.75rem;line-height: 1; text-align: center;}
  .article-info > span.createdby {display: none;}
  .article-info > span + span::before {padding-right: 0.2rem;padding-left: 0.2rem; content: "|";}
  .view-article #sp-main-body {padding: 20px 0;}
  .article-details .article-full-image {margin-bottom: 1.1rem;}
  .article-details .article-ratings-social-share {padding: 5px 30%; border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;margin-bottom: 1rem;}
  .article-social-share .social-share-icon ul li a {font-size: 24px;border-radius: 10%;}
  .pager > li a {border: 1px solid #777; padding: 10px 25px;border-radius: 10px;}
  #intro-shops h3.sppb-addon-title {margin-bottom: 10px;}
  .hide-mobile {display: none;visibility: hidden;}
  
.jbd-container #tabs ul.tab-list li span {color: #555;padding: 5px 10px;font-size: 1rem;}
.dir-listing-description h3 {line-height: 1.1;text-align: center;}  
}



@media screen and (max-width: 560px) {
  .opening__hours > p > span.small {display: block !important;}
  #sp-bottom {padding: 20px 0px 0px 0 !important;}
  .view-article ul.tags.mb-4 {display: none;}
  .jbd-container #listing-style-2 .company-image {margin-bottom: 10px;}
}

@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 680px)
  and (-webkit-min-device-pixel-ratio: 1) {
  .opening__hours p {padding-top: 10px; font-size: 20px; word-break: normal;}
  .opening__hours p span.small {display: inline-block; margin: 15px auto; line-height: 24px; font-size: 15px;}
    #sp-bottom1 {padding-left:5px; padding-right:5px;}
  .com-wrapper .contentpane:not(.com-sppagebuilder) {padding: 10px;}
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 680px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .opening__hours p {padding-top: 10px; font-size: 20px;}
  .opening__hours p span.small {display: inline-block; margin: 15px auto; line-height: 24px;font-size: 15px;}
  .com-wrapper .contentpane:not(.com-sppagebuilder) {padding: 10px;}
  #sp-bottom1 {padding-left:5px; padding-right:5px;}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 820px)
  and (-webkit-min-device-pixel-ratio: 3) {
  .opening__hours p {padding-top: 10px; font-size: 20px;}
  .opening__hours p span.small {display: inline-block; margin: 15px auto; line-height: 24px;font-size: 15px;}
  .com-wrapper .contentpane:not(.com-sppagebuilder) {padding: 10px;}
  #sp-bottom1 {padding-left:5px; padding-right:5px;}
}


 
@media screen 
  and (device-width: 320px) 
  and (device-height: 680px) 
  and (-webkit-device-pixel-ratio: 4) {
  .opening__hours p {padding-top: 10px; font-size: 22px;}
  .opening__hours p span.small {display: block;margin: 30px auto; line-height: 24px;font-size: 15px;}
  .com-wrapper .contentpane:not(.com-sppagebuilder) {padding: 10px;}
  #sp-bottom1 {padding-left:5px; padding-right:5px;}

}



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