:root {
    
    /* Font sizes */
    --px50: 3.125rem;
    --px42: 2.625rem;
    --px36: 2.25rem;
    --px32: 2rem;
    --px24: 1.5rem;
    --px19: 1.1875rem;
    --px18: 1.125rem;
    --px16: 1rem;
    --px15: .9375rem;
    --px14: .875rem;
    --px13: .8125rem;
    --px12: .75rem;
    --px11: .6875rem;
    --px10: .625rem;
    --px9: .5625rem;
    --px8: .5rem;

    /* Colors */
    --color-light-gray: #DFDDDD;
    --color-medium-light-gray: #868e96;
    --color-medium-gray: #706E6E;
    --color-gray: #495057;
    --color-dark-gray: #333;
    --color-light-blue: #1B88ED;
    --color-light-red: #EA1548;
    --color-light-green: #1FBA79;
	--color-btn-primary: #313131; 
	--color-btn-secondary: #ebebeb; 
}

input::-webkit-input-placeholder,
input::placeholder {
    color: black !important;
}

.custom-control .custom-control-input ~ .custom-control-label::after {
    transition: unset !important;
}
/* Sections */
.preview_bar {
    display: none ;
}

* {
     font-family: 'Montserrat', sans-serif !important;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
    letter-spacing: 1.6px;
}

body {
    color: black;
}

.main {
    padding: 1rem 0;
}

/* Links */

a {
    color: black;
}

a:hover {
    color: var(--color-dark-gray);
}

a:focus {
    box-shadow: none;
    outline: none;
}

/* Buttons */

.btn { 
    font-weight: bold !important;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
    background: var(--color-btn-primary);
    border: 1px solid var(--color-btn-primary);
    color: white;
    text-transform: uppercase;
    padding: 0.875rem 2rem;
    font-size: var(--px12);
    letter-spacing: .15em;
    font-weight: bold;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    outline: none;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: black;
    border-color: black;
    color: white;
}

.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {
    background: var(--color-btn-secondary);
    border-color: var(--color-btn-secondary);
    color: var(--color-gray);
    text-transform: uppercase;
    padding: 0.875rem 2.5rem;
    font-weight: bold;

}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background: #f5f5f5;
    color: var(--color-gray);
    border-color: #f5f5f5;
}

.btn-cart {
    max-width: calc(75% - 1px);
    padding: .625rem .3rem;
    font-size: var(--px9);
    letter-spacing: 1px;
    height: 2.3125rem;
    line-height: 18px;
}

.btn-fav {
    max-width: calc(25% - 1px);
    border-radius: 0;
    background-color: transparent;
    border: 1px solid black;
    height: 2.3125rem;
}

.btn-fav:hover {
    background: black;
    color: white;
}

@media (max-width: 374px) {
    .btn-cart {
        padding: .75rem .1rem;
        font-size: var(--px8);
        line-height: 12px;
    }
    .row-prod-specifications .spinner {
        min-width: 3.5rem;
    }
    .row-prod-specifications .spinner input {
        max-width: 1.8rem;
    }
}

@media (max-width: 400px) {
    .row-add-to-cart .btn-primary {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 576px) {
    .btn-cart {
        max-width: 70%;
        padding: .625rem 1rem;
        font-size: var(--px10);

    }
    .btn-fav {
        max-width: 30%;
    }
}

@media (min-width: 768px) {
    .btn-cart {
        padding: .625rem .9rem;
    }
}

@media (min-width: 992px) {
    .btn-cart {
        padding: .625rem 1rem;
    }
}
/* Icons */

.icon-shopping-cart::before {
    content: "\ec07";
}

.header-middle-container .icon:hover {
    color: var(--color-medium-gray);
}


/* Header */

.header-middle-container {
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
}

.header-top {
    background: white;
    font-size:     .6875rem;
}

.header-top .header-top-link {
    color: black;
}

.header-search {
    margin: .5rem auto;
    width: 32%;
}

.header-search-form {
    width: 100%;
}

.form-control,
.form-control:focus {
    border: 1px solid var(--color-light-gray);
}

.form-control.header-search-input {
    background: white;
    border-color: var(--color-dark-gray);
    color: black;
    height: 2.5rem;
    max-width: 100%;
    min-width: 0;
    padding: .375rem .75rem .375rem  3.375rem ;
    border: 1px solid var(--color-light-gray);
    text-transform: uppercase;
    font-size: var(--px12);
    letter-spacing: .15em;
}

.form-control.header-search-input:focus {
    background: white;
}

.header-search-btn {
    background: white;
    border: 1px solid var(--color-light-gray);
    border-right: none;
    color: var(--color-light-gray);
    font-size: var(--px16);
    height: 40px;
    padding: 0 .75rem;
    position: absolute;
    left: 0;
    max-width: 3rem;
}

.header-search-btn:hover {
    color: var(--color-dark-gray);
}

.header-search-advanced {
    display: none;
}

[data-counter]::after {
    background-color: var(--color-light-blue);
    left:0;
;
}

.popper-popover-mega-menu {
    margin: 0;
}

.popper-popover-mega-menu .nav-link-active {
    background: none !important;
    box-shadow: none;
    max-width: 100%; 
    text-decoration: underline;
}

.popper-popover-mega-menu .header-menu-link {
    font-size: var(--px13);
    font-weight: 600;
}

.header-menu .popper[x-placement^="bottom"] {
    background: white;
    border: 1px solid var(--color-light-gray);
    margin-top: 0;
}

.mega-menu-col > .cat-parent {
    margin: 0;
}

.cat-parent {
    margin: 0;
    text-transform: uppercase;
}

.cat-item + .cat-parent {
    margin-top: .75rem;
}

.header-menu-item .nav-link {
    padding: 0;
    margin: .75rem .625rem;
}

.title-collapsible::before {
    right: 1.5rem;
}

.menu_default_page_catalog_deals .nav-link,
.menu_default_page_catalog_new .nav-link {
    position: relative;

}

.menu_default_page_catalog_deals a::after,
.menu_default_page_catalog_new a::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.menu_default_page_catalog_deals a::after {
    background-color: var(--color-light-red);
}

.menu_default_page_catalog_new a:after {
    background-color: var(--color-light-green);
}

.header-menu .header-menu-item .popper li a::after {
    content: '';
    display: none;
}


@media (min-width: 992px) {
    .header-logo {
        margin-right: 0;
    }

    .header-bottom {
        background: none;
        padding: 0;
    }
    .header-menu .header-menu > .navbar-nav {
        margin-left: -.875rem;
    }

    .header-menu .header-menu-item {
        margin-right: 1.5625rem;
    }

    .menu-arrow {
        border: 1px solid var(--color-light-gray);
        border-bottom: 0;
        border-right: 0;
        width: 10px;
        height: 10px;
        transform: rotate(45deg) translateY(1px);
        background-color: white;
    }

    .header-menu .header-menu-item > .header-menu-link {
        color: black;
        font-size: var(--px12);
        font-weight: bold;
        margin-right: 1.25rem;
        margin: .375rem 0 .625rem 0;
        transition: 150ms all ease-in-out;
        letter-spacing: .1em;
    }

    .header-menu .header-menu-item:hover > .header-menu-link {
        border-color: white;
    }

    .header-menu .header-menu-item.menu_expandable .header-menu-link::after {
        content: '';
        border-color: transparent currentcolor currentcolor transparent;
        border-style: solid;
        border-width: thin;
        content: "";
        margin-top: -.3rem;
        outline: 1px solid transparent;
        padding: .15em;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate(0, -50%);
        margin-left: .1875rem;

    }
}

/* Index */

.block-products-index {
    margin: 2rem 0;
}

.block-products-index.block-products-recommended {
    border-bottom: 1px solid #eee;
}

.block-products-index .title-primary {
    font-size: var(--px19);
    margin: .75rem 0 1rem;
    padding-bottom: 1rem;
    text-align: left;
}

/* Catalog */

.prod-box .prod-item,
.article-box .article-item {
    transition: box-shadow .5s;
    border: 1px solid transparent;
}

.prod-box .prod-item:hover,
.article-box .article-item:hover {
    border-color: var(--color-dark-gray);
}

.prod-box .prod-title,
.article-box .article-title {
    text-transform: uppercase;
    order: 2;
    font-size: var(--px13);
    font-weight: bold;
    margin-top: .625rem;
}

.prod-box .prod-title:hover,
.article-box .article-title:hover {
    text-decoration: none;
}

.prod-box .prod-price,
.prod-box .prod-price-with-taxes {
    color: black;
}

.prod-box .prod-price-old,
.prod-box .prod-price-old-with-taxes {
    color: var(--color-medium-gray);
}

.prod-box .row-prod-price-old + .row-prod-price .prod-price,
.prod-box .row-prod-price-old-with-taxes + .row-prod-price-with-taxes .prod-price-with-taxes {
    color: var(--color-dark-gray);
}

.prod-box .prod-cat {
    font-size: var(--px12);
    color: var(--color-medium-gray);
    ;
    order: 3;
    margin-top:0;
}

.prod-box .prod-desc,
.article-box .article-preview,
.prod-box .brand-desc {
    color: var(--color-dark-gray);
}

.prod-actions {
    order: 1;
}

.prod-prices {
    order: 4;
}


.pagination .page-link {
    background-color: white;
    border: 1px solid white;
    margin-left: 0;
    font-size: .8125rem;
}

.pagination .page-link:hover {
    background-color: white;
    border-color: white;
}

.pagination .page-item-mobile .page-link,
.pagination .page-item.active .page-link {
    background-color: white;
    border-color: #424242;
    font-weight: 700;
}

.pagination .page-item.disabled .page-link {
    border-color: white;
}

.title-secondary + .block-products-catalog {
    border-top: 1px solid #e9ecef;
    padding-top: .75rem;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: 100%;
}

@media (min-width: 992px) {
    .pagination .page-item.active .page-link {
        color: var(--color-light-blue);
    }
}

.v3-badge {
    padding: .2rem .375em;

}

.v3-badge .v3-badge-text {
    font-size: var(--px11);
    font-weight: bold;
}

.prod-body {
    flex-grow: 1 !important;
}


/* Buy */
.carousel-prod-list-container .title-primary,
.site-buy .title-primary:not(.title-buy),
.site-blog-post .title-primary:not(.title-blog) {
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
}

.row-prod-specifications.row-prod-price .prod-price,
.row-prod-specifications.row-prod-price-with-taxes .prod-price-with-taxes {
    color: var(--color-dark-gray);
    font-size: 1.125rem !important;
    font-weight: bold;
}

.row-prod-specifications.row-prod-price-old .prod-price-old,
.row-prod-specifications.row-prod-price-old-with-taxes .prod-price-old-with-taxes {
    color: var(--color-medium-gray);
    font-size: var(--px18);
}

.row-prod-specifications.row-prod-price-old + .row-prod-price .prod-price,
.row-prod-specifications.row-prod-price-old-with-taxes + .row-prod-price-with-taxes .prod-price-with-taxes {
    color: var(--color-dark-gray);
}

.row-prod-specifications .btn-cart-main {
    background-color: var(--color-btn-primary);
    border-color: var(--color-btn-primary);
    color: white;
}

.row-prod-specifications .btn-cart-main:hover {
    background-color: black;
    color: white;
    border-color: black;
}
@media (min-width: 992px) {
    .col-prod-info .row-prod-specifications select.form-control {
        height: 3rem;
        min-width: 22.25rem;
    }
}

.prod-prices .prod-price,
.prod-prices .prod-price-old {
    font-size: var(--px14);
}

.prod-prices .prod-price {
    font-weight: bold;
}

.buy-social-icons .buy-social-icon {
    color: black;
}

.footer-social-icons .footer-social-icon {
    background: none;
    color: black !important;
}
.footer-social-icons .footer-social-icon:hover {
    background: none !important;
    color: var(--color-light-blue) !important;
}

.footer-social-icons .icon-pinterest {
    background: transparent !important;
    color: black !important;
}

.footer-social-icons .icon-pinterest:hover {
    background: none !important;
    color: var(--color-light-blue) !important;
}

.nav-buy-wrap {
    background: white;
}

.nav-buy-sticky::before {
    border-bottom: 1px solid #d9d9d9;
}

.nav-buy .nav-link {
    border-bottom: 1px solid #d9d9d9;
    color: black;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-buy .nav-link:hover {
    color: black;
}

.nav-buy .nav-link.active {
    color: black;
    font-weight: bold;
}

@media (min-width: 992px) {
    .title-buy,
    .title-blog {
        font-size: var(--px24);
    }
}

/* Footer */

.footer-top {
    background-color: white;
    color: white;
}

.footer-top-newsletter {
    background-color: black;
}

.footer-top-newsletter .text-danger{
    max-width: calc(250px - 6px);
}

.footer-top-newsletter .text-danger div {
    margin-top: .5rem;
}

.footer-top-newsletter input {
    padding-top: .875rem;
    padding-bottom: .875rem;
}

.footer-top-newsletter .form-group {
    margin-bottom: 0;   
}

.footer-top form p {
    color: white;
}

.footer-top > :nth-child(2n+1),
.footer-top > :nth-child(2n+1) .gray-overlay::before {
    background: none;
}

.footer-top-row {
    border-top: 1px solid #d9d9d9;
}

.footer-top-recent-views {
    color: black;
}

.footer-top-recent-views .prod-box {
    margin-top: .5rem;
}

.filter-tag {
    border: 1px solid var(--color-dark-gray);
    border-radius: .01875rem;
    color: black;
}

.filter-tag:hover,
.filter-tag:focus {
    background-color: var(--color-dark-gray);
    color: white;
}

.btn-newsletter {
	background-color: var(--color-btn-primary);
	border-color: var(--color-btn-primary);
    color: white;
    min-width: min(175px, 14rem); 
    margin-top: 0;
}

.btn-newsletter:hover,
.btn-newsletter:not(:disabled):not(.disabled):active  {
    background: black;
    border-color: black;
    color:white;
}

.footer-box .btn-newsletter,
.footer-box .btn-newsletter:hover,
.footer-box .btn-newsletter:not(:disabled):not(.disabled):active  {
	border-color: #ebebeb;
}

.footer-top-brands {
    color: black;
}

.footer-top-brands .slick-dots {
    bottom: -45px
}

.footer-box form .row  {
    align-items: center;
}

.footer-box form .row div.col-lg input {
    border: 0;
}

.footer-top-newsletter .footer-box h3 {
    color: white;
    margin-bottom: 30px;
}

.footer-top-newsletter .row.flex-column .col-lg {
    width: 100%;   
}

.footer-middle a {
    color: black;
}
    

@media (min-width: 992px) {
    .footer-middle,
    .footer-bottom {
        background: white;
    }
    .footer-middle .gray {
        color: white;
    }
    .footer-middle-link {
        font-size: var(--px12);
    }
    .footer-middle-title {
        color: black !important;
        font-size: var(--px12);
        font-weight: 700;
    }
    .footer-middle-item .footer-middle-link {
        color: black !important;
        padding: .1875rem 0;
        font-size: var(--px11);
    }
    .footer-middle-item .footer-middle-link:hover {
        color: var(--color-medium-gray);
    }

    .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, .1);
        color: black;
    }
    .footer-bottom-link {
        color: black;
    }
    .footer-bottom-link:hover,
    .footer-bottom-link:focus {
        color: var(--color-dark-gray);
        text-decoration: none;
    }
    .footer-bottom-sides {
        padding-top: 1.5rem;
    }

    .footer-box form{
        display: grid;
        grid-template-columns: 30% 60%;
        grid-template-rows: 50% 50%;
    }
    .footer-box form .footer-box-title {
        grid-column-start: 1;
        grid-row-start: 1;
        grid-column-end: 1;
        grid-row-end: 3;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        height: 100%;
        text-align: left !important;
        padding: 0 30% 0 0;
    }

    .footer-box form .footer-box-title::before {
        font-family: feather !important;
        content:"\e91e";
        color: white;
        margin-bottom: 1rem;
        font-size: 1.375rem;
    }

    .footer-box form p {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-column-end: 2;
        grid-row-end: 1;
        margin-left: 2rem;
        text-align: left !important;
    }

    .footer-box form .row {
        grid-column-start: 2;
        grid-row-start: 2;
        grid-column-end: 2;
        grid-row-end: 2;
        margin-left: 2rem;
        justify-content: space-between;
    }

    .footer-box form .row div.col-lg {
        flex: 0 1 calc(100% / 3 - 10px);
        padding: 0;
        margin: 0;
    }

    .footer-box form .row div.col-lg input {
        min-width: auto;
        padding: .9375rem 1.0625rem;
        font-size: var(--px11);
        text-transform: uppercase;
    }

    .footer-top-newsletter .text-danger div {
        position: absolute;
        min-width: 300px;
    }

}
/* Promo */

[class^="promo-"] {
    border-radius: 0;
    }

/* Carousel    */

.slick-slider .slick-dots li,
.slick-slider .slick-dots button,
.slick-slider .slick-dots button::before{
    width: 1.875rem;
}

.slick-slider .slick-dots button::before {
    border-radius: 0 ;
    height: 3px;
    background-color: var(--color-light-gray);
}

.slick-slider .slick-arrow {
    border: none;
    background: none;
    color: black;
}

.slick-slider .slick-arrow::before {
    font-family: feather;
    color: black;
    font-size: var(--px32);
    text-indent: 0;
}


.slick-slider .slick-arrow.slick-next::before {
    content: "\e905";
}

.slick-slider .slick-arrow.slick-prev::before {
    content: "\e907";
}

.slick-slider .slick-disabled::before {
    background-image: none;
    color: var(--color-light-gray);
}

.gallery-buy .slick-slider .slick-arrow.slick-prev {
    display: flex !important;
}

@media (min-width: 992px) {

    .slick-slider .slick-arrow {
        left: 9.5rem;
        top: -30px;
        background-image: none;
        width:auto;
        height: 2.1875rem;
        display: flex;
        align-items: center;
        max-width: 2.1875rem;
    }

    .slick-slider .slick-arrow.slick-next {
        left: 11.5rem;
    }

    .slick-slider .slick-disabled::before {
        background-image: none;
        color: var(--color-light-gray);
    }

    .prod-list-similar.slick-slider .slick-arrow,
    .gallery-buy .slick-slider .slick-arrow {
        left: unset;
        top: 50%;
        border: none;
        background: none;
    }

    .prod-list-similar.slick-slider .slick-arrow.slick-next,
    .gallery-buy .slick-slider .slick-arrow.slick-next {
        right: 0;
    }

    .prod-list-similar img {
        height: 100%;
    }
}

/* Cookie bar */

.cookie-policy-box {
    background-color: black;
    color: white;
    border-color: black;
    z-index: 9999;
}

.cookie-policy-box .btn-primary {
    color: white;
    border-color: #ebebeb;
}

.cookie-policy-box .btn-primary:hover,
.cookie-policy-box .btn-primary:not(:disabled):not(.disabled):active  {
    background-color: black;
    color: white;
    border-color: #ebebeb;
}


.cookie-policy-box .cookie-policy-container a {
    color: white;
    text-decoration: underline;

}
.cookie-policy-box .cookie-policy-container a:hover {
    color: var(--color-light-gray);
}

/* modal newsletter scrollbar fix*/

.simplebar-scroll::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .simplebar-scroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }


  /* Product options */

  .col-prod-info .btn-fav {
      width: 3rem;
      height: 3rem;
      font-size: var(--px32);
      color: black;
  }

  .col-prod-info .btn-fav:hover {
    color: white;
}

.banner-newsletter  {
    min-height: 48px;
}

/* Spinner */

.spinner {
    min-width: 5rem;
}

.spinner .form-control {
    max-width: 3rem;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    height: 48px;
    font-weight: .625rem;
    font-weight: bold;
    color: black;
}

.spinner .spin-down,
.spinner .spin-up {
    width: unset;
    font-weight: bold;
    color: black;
}

.table-cart .spinner .form-control {
    height: 2rem;
}

/* Reviews */

.reviews-info .reviews-user {
    text-transform: uppercase;
    font-size: var(--px14);
}

.reviews-avatar {
    border-radius: 0;
}

.reviews-summary li{
    font-size: var(--px13);
}



.form-parsley .btn-primary {
    background-color: var(--color-btn-primary);
    border-color: var(--color-btn-primary);
    color: white;
}

.form-parsley .btn-primary:hover {
    background-color: black;
    color: white;
}

.form-parsley  button {
    width: 100%;
    margin-bottom: var(--px10);
}

.form-parsley .btn-secondary {
    font-size: var(--px12);
}

    .reviews-summary:last-child {
        margin-top: var(--px24) !important;
    }

@media (min-width: 768px) {
    .form-parsley button {
        width: auto;
    }
}

@media (min-width: 992px) {
    .reviews-info-wrap {
        display: flex;
    }

    .reviews-info {
        flex: 0 1 36%;
        max-width: 220px;
    }

    .reviews-text {
        flex: 1 1 auto;
    }
}

/* Filters */

.filter-block.filter-summaries .filter-title {
    font-size: 1.1em;
    letter-spacing: .15em;
}

.filter-block:not(.filter-summaries) .filter-title,
.mobile-filter-block .mobile-filter-title {
    font-size: var(--px13);
    position: relative;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.filter-block:not(.filter-summaries) .filter-title::after,
.mobile-filter-block .mobile-filter-title::after {
    content: '';
    width: 100%;
    border-bottom: 1px solid var(--color-light-gray);
    position: absolute;
    bottom: -2px;
    left: 0;
}

.custom-control.custom-checkbox .custom-control-input~.custom-control-label {
    margin-left: .625rem;
    font-size: var(--px12);
    font-weight: bold;
}

.custom-control.custom-checkbox .custom-control-input~.custom-control-label::before {
    width: 18px;
    height: 18px;
    margin-left: -.625rem;
    margin-top: -.125rem;
}

.custom-control .custom-control-input ~ .custom-control-label::after {
    transition: unset !important;
}

.custom-control.custom-checkbox .custom-control-input~.custom-control-label::after {
    background: none;
    width: .625rem;
    height: .625rem;
    background-color: black;
    margin-top: .125rem;
    margin-left: -.375rem;
}
.custom-control.custom-checkbox .custom-control-input~.custom-control-label:hover::after {
    color: red;
}
.mobile-filter-content.range-container {
    padding: 0 .3125rem;
}

.sidebar-box .filter-tag {
    background-color: transparent;
    font-weight: bold;
    font-size: var(--px12);
    letter-spacing: inherit;
}
.sidebar-box .filter-tag:hover {
    color: var(--color-dark-gray);
}

.filter-item {
    letter-spacing: .15em;
}
.filter-item:not(.filter-tag) .filter-del {
    margin-top: -.4375rem;
}

.custom-control-small, .filter-option {
    margin-bottom: .375rem;
}

/* Breadcrumbs */

.breadcrumb {
    text-transform: uppercase;
    font-weight: bold;
    font-size: var(--px10);
    color: black;
    letter-spacing: .15em;
}

ol.breadcrumb {
    overflow-y: hidden;
}

.breadcrumb-item.active {
    color: black;
    font-weight: 400;
}

.breadcrumb-scroll {
    background: none;
    border: none;
}

.breadcrumb-scroll::before {
    content: none;
}

.breadcrumb-scroll .breadcrumb-item a {
    color: black;
}

.breadcrumb-scroll .breadcrumb-item+.breadcrumb-item:not(:first-child)::before {
    content: "/";
    background: none;
    transform: rotate(0deg);
    display: inline-block;
    padding-right: .5rem;
    color: var(--color-medium-gray);
    position: relative;
}

/* Pagination */

@media (min-width: 992px) {
    .pagination .page-item.active .page-link {
        background-color: black;
        color: white;
    }
}

/* Newsletter Modal */


#banner_newsletter_container h1 {
    margin-bottom: .5em;
}

/* Cart preview */

.table-cart.table-cart-preview-menu td {
    font-size: var(--px13);
    font-weight: bold;
}

.popper-cart-preview .btn-primary {
    background-color: var(--color-btn-primary);
    border-color: var(--color-btn-primary);
    color: white;
}
.popper-cart-preview .btn-primary:hover,
.popper-cart-preview .btn-primary:not(:disabled):not(.disabled):active {
    background-color: black;
    color: white;
}

.fancy-footer .btn-primary {
    background-color: var(--color-btn-primary);
    border-color: var(--color-btn-primary);
    color: white;
}
.fancy-footer .btn-primary:hover,
.fancy-footer .btn-primary:not(:disabled):not(.disabled):active {
    background-color: black;
    color: white;
}

/* Header separation  */

@media(min-width: 992px) {
    .site-forgot .main,
    .site-info .main,
    .site-contact .main,
    .site-signup .main,
    .site-login .main {
        border-top:1px var(--color-light-gray) solid;
        padding-top: 2rem;
        margin-top: 1rem;
    }
}

/* Select */
select,
select option {
    font-size: var(--px12);
    font-weight: 600;
}


/* ====== Banners ======  */


/* ----- Common style ----- */

.banner-cell-predifined {
    padding-left: var(--px10);
    padding-right: var(--px10);
}

.banner-cell-predifined .banner-file-cta > a {
    background-color: var(--color-btn-primary);
    border-color: var(--color-btn-primary);
    color: white;
}

.banner-cell-predifined .banner-file-cta > a:hover,
.banner-cell-predifined .banner-file-cta > a:not(:disabled):not(.disabled):active  {
    background-color: black;
    border-color: black;
    color: white;
    outline: none;
}

.banner-cell-predifined-theme-dark .banner-file-cta > a {
    background-color: var(--color-btn-secondary);
    border-color: var(--color-btn-secondary);
    color: var(--color-gray);
}

.banner-cell-predifined-theme-dark .banner-file-cta > a:hover,
.banner-cell-predifined-theme-dark .banner-file-cta > a:not(:disabled):not(.disabled):active  {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: var(--color-gray);
}

.banner-cell-predifined > .banner-file-title,
.banner-cell-predifined > .banner-file-subtitle,
.banner-cell-predifined > .banner-file-cta a {
    text-transform: uppercase;
    font-size: var(--px10) !important;
}

.banner-cell-predifined > .banner-file-title {
    font-size: var(--px19) !important;
    font-weight: 700;
}

.banner-cell-predifined > .banner-file-subtitle {
    font-size: var(--px12) !important;
    font-weight: 700;
}

.banner-cell-predifined > .banner-file-cta {
    font-weight: 600;
}

/*  Multi banner  */

.banner-multi_banner .banner-cell-predifined .banner-file-title {
    font-size: var(--px24);
    line-height: var(--px32);
}

@media (min-width: 576px) {
    .banner-cell-predifined > .banner-file-title {
        font-size: var(--px32) !important;
        line-height: var(--px42) !important;
    }
}

@media (min-width: 768px) {
    .banner-cell-predifined > .banner-file-title {
        font-size: var(--px42) !important;
        line-height: var(--px50)!important;
    }
    
    .banner-icon-grid .banner-icon-cell {
        margin: 0;   
    }
}


/* Multi icon banner */

.banner-icon-cell .icon-title {
    font-size: var(--px11);
    text-transform: uppercase;
    letter-spacing: .15em;
}

.banner-icon-cell .icon-content {
    font-size: var(--px12);
}

.banner-icon-grid .banner-icon-cell .icon-img {
    max-width: 3rem !important;
}

.banner-icon-grid .banner-icon-cell {
    margin: .625rem 0;   
}
/*  Reset margins on small images */

@media (min-width: 576px) and (max-width: 991.98px) {
    .banner-multi_banner .banner-cell-predifined {
        margin: 10px !important;
    }
}

@media (max-width: 468px) {
    .banner-multi_banner .banner-cell-predifined {
        margin: 10px !important;
    }
}

/* XXS Screens fix  */

@media (max-width: 374px) {
    .banner-cell-predifined > .banner-file-title {
        font-size: var(--px14) !important;
    }

    .banner-cell-predifined .banner-file-cta a {
        padding: var(--px14);
    }
}