body {
   background-color: #e6e6e6;
}
ul#splide-brands-list li .thumbnail {
   padding: 0;
   border: 0;
}
.homecarousel {
    background-color: unset;
}
/* -----------------------------------------------------
   Header mid-section
   ----------------------------------------------------- */
#cb-header-mid {
    padding-top: 10px;
    padding-bottom: 10px;
}
#header-logo {
    display: flex;
    align-items: center;
}
#header-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}
.header-slogan {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
}
.header-contact-details {
    font-weight: 700;
}
.header-contact-details .header-phone,
.header-contact-details .header-email {
    margin-bottom: 4px;
    font-size: 14px;
    text-align: left;
}
.header-contact-details a {
    color: #000;
    text-decoration: none;
}
.header-contact-details a:hover {
    color: #1c3e8a;
}
.header-contact-details i {
    color: #e40520;
    width: 16px;
}
.header-phone-label {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 5px;
    color: #000;
}
.header-contact-details a.phone-pop {
   color:#e40520;
}
#header-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#header-right .header-basket {
    margin-bottom: 8px;
}
#header-right .header-search {
    width: 100%;
}
.header-phone {
    float: none;
    padding: 10px 40px 10px 0;
}

.btn-primary {
    background-color: #1c3e8a;
    border-color: #1c3e8a;
}
.btn-primary:hover {
    background-color: #e40520;
    border-color: #e40520;
}
.category-box, .grouped-category-box, .product-box, .image, .pdetails {
    border: 1px solid #ffffff;
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px 0 #1c3e8a;
    -moz-box-shadow: 1px 1px 5px 0 #1c3e8a;
    box-shadow: 1px 1px 5px 0 #1c3e8a;
    background-color: #FFFFFF;
}
.pdetails, .product-box .col-md-7.col-sm-7  {
    text-align: left;
}
#leftsidebar .panel-title a::after, #leftsidebar .panel-title .collapsed::after {
    color: #fff;
}
.main-heading {
    font-weight: bold;
}
.btn-group>.btn:first-child {
    background-color: #1c3e8a;
    color: #fff;
}
.layoutButtons .viewAsGridButton.modeset, .layoutButtons .viewAsListButton.modeset {
    background-color: #1c3e8a;
    border-color: #1c3e8a;
}
.layoutButtons .viewAsGridButton .fas, .viewAsListButton .fas {
    color: #ffffff;
}
.layoutButtons .viewAsGridButton, .viewAsListButton {
    background-color: #8ea9c3;
    border-color: #1c3e8a;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}

/* -----------------------------------------------------
   Top bar — background, links, icons (all devices)
   ----------------------------------------------------- */
.navbar-default {
    background-color: #1c3e8a;
    border-color: #1c3e8a;
}
.navbar-default .top-bar-links a,
.navbar-default .top-bar-links button,
.navbar-default .top-bar-social li a,
.navbar-default .navbar-logout,
.navbar-default .mobile-top-bar-wrapper a,
.navbar-default .mobile-top-bar-wrapper button,
.navbar-default .navbar-toggle {
    color: #fff;
}
.navbar-default .top-bar-links a i,
.navbar-default .top-bar-links button i,
.navbar-default .top-bar-social li a i,
.navbar-default .navbar-logout i,
.navbar-default .mobile-top-bar-wrapper a i,
.navbar-default .mobile-top-bar-wrapper button i,
.navbar-default .navbar-toggle i {
    color: #fff;
}
.navbar-default .top-bar-links a:hover,
.navbar-default .top-bar-links button:hover,
.navbar-default .top-bar-social li a:hover,
.navbar-default .navbar-logout:hover,
.navbar-default .mobile-top-bar-wrapper a:hover,
.navbar-default .mobile-top-bar-wrapper button:hover,
.navbar-default .navbar-toggle:hover {
    background-color: #000;
    color: #fff;
}

/* -----------------------------------------------------
   Megamenu — top-level items
   ----------------------------------------------------- */
.navbar.yamm .nav > li.level1 > a {
    background-color: #1c3e8a;
    color: #fff;
}
.navbar.yamm .nav > li.level1 > a:hover,
.navbar.yamm .nav > li.level1:hover > a,
.navbar.yamm .nav > li.level1.open > a {
    background-color: #000;
    color: #fff;
}

.buy-qty {
    max-width: 40px;
}

footer {
    background: #1c3e8a;
}

div#home-secondary-adds {
    margin-bottom: 50px;
}

.header-search .searchform .btn {
    background: #1c3e8a;
    border: 1px solid #1c3e8a !important;
}

/* -----------------------------------------------------
   Panels — all instances (sidebar, product, group)
   ----------------------------------------------------- */
.panel {
    border-color: #1c3e8a;
}
.panel-heading,
.panel-default > .panel-heading {
    background-color: #1c3e8a;
    border-color: #1c3e8a;
    color: #fff;
}
.panel-heading .panel-title,
.panel-heading .panel-title a,
.panel-heading a {
    color: #fff;
}
.panel-heading i {
    color: #fff;
}
.dec, .inc {
    background-color: #1c3e8a;
    border: 1px solid #1c3e8a;
    color: #fff;
}

/* -----------------------------------------------------
   Section headings — ruled title (e.g. Brands)
   ----------------------------------------------------- */
.featured-title {
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0 15px;
    padding: 0;
    font-size: 30px;
    background: none;
}
.featured-title::before,
.featured-title::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #e40520;
    margin: 0 15px;
}
.login-page-wrap {
    background: #fff;
    padding: 30px;
}

/* -----------------------------------------------------
   Base / all widths
   ----------------------------------------------------- */


/* -----------------------------------------------------
   xs — <768px (phones, stacked)
   ----------------------------------------------------- */
@media (max-width: 991px) {  
   #search .searchform .btn {
      background: #e40520;
      border: 1px solid #e40520 !important;
   }
   .drilldown .navback {
      background: #e40520;
   }
   .drilldown a.navback,
   .drilldown button.navback {
      color: #fff;
   }
   .drilldown a,
   .drilldown button {
      color: #fff;
      background: #1c3e8a;
   }
   #home-secondary-adds > div:nth-child(-n+2) {
      margin-bottom: 15px;
   }

}

/* -----------------------------------------------------
   sm — 768px–991px (tablets, portrait)
   ----------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

}

/* -----------------------------------------------------
   md — 992px–1199px (small desktops)
   ----------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* -----------------------------------------------------
   lg — ≥1200px (large desktops)
   ----------------------------------------------------- */
@media (min-width: 1200px) {

}
@media (min-width: 992px) {
    .menu-container {
        margin-top: 20px;
        background: #1c3e8a;
    }
    .yamm {
        margin-top: 0;
    }
}
.homecarousel {
    margin-top: 0;
}

/* Top Adverts bar */
.ta-bar {
    background: #f4f6fb;
    border-top: 1px solid #dde3f0;
    border-bottom: 3px solid #1c3e8a;
    padding: 0;
}
.ta-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 8px;
    color: #1a1a1a;
    text-decoration: none;
}
a.ta-item:hover {
    color: #1c3e8a;
    text-decoration: none;
}
a.ta-item:hover .ta-icon {
    color: #e40520;
}
.ta-icon {
    font-size: 28px;
    color: #1c3e8a;
    flex-shrink: 0;
    width: 32px;
    text-align: center;
}
.ta-text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.ta-title {
    font-weight: 700;
    font-size: 14px;
}
.ta-subtitle {
    font-size: 12px;
    color: #555;
}
@media (max-width: 767px) {
    .ta-bar .row {
        margin: 0;
    }
    .ta-item {
        padding: 12px 4px;
        gap: 8px;
    }
    .ta-icon {
        font-size: 22px;
    }
    .ta-title {
        font-size: 13px;
    }
}
.tp-rating-placeholder__label, .tp-rating-placeholder__count, .tp-rating-placeholder__logo {
    color: #ffffff!important;
}
.footer-left .reviews-rating {
    display: flex !important;
    justify-content: flex-start !important;
}