@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --font-family-c: "Exo 2", sans-serif;
    --primary-color: #2b323b;
    --primary-color-hover: color-mix(in srgb, var(--primary-color) 90%, white);
    --secondary-color-c: #e11e25;
    --secondary-color-hover: color-mix(in srgb, var(--secondary-color-c) 90%, white);
    --navbar-top-menu-background: #000;
    --converse-color: #2aa737;
    --converse-color-hover: color-mix(in srgb, var(--converse-color) 90%, white);
    --border-radius-c: 3px;
    --font-family-sans-serif: var(--font-family-c);
}



  @media (min-width: 1200px) {
    .wf-active body, .wf-active .font-family-base {
      font-family: var(--font-family-c)!important;
    } 
  }

/* logo */
.navbar-brand img[src*='.svg'] {
    height: 50px !important;
}
.hero-block-top.cat-has-image {
    background-size: 1px;
}
.af-category-text {
    color: #fff;
    font-size: 1.3em;
    position: relative;
    margin: 0 auto 0.5em;
}

.card-item.tile.custom-banner .custom-banner-header {
    font-family: var(--font-family-c);
}

.af-contact {
    padding: 55px 50px 60px 50px;
    margin-bottom: 30px;
    background-color: var(--secondary-color-c) !important;
    color: #fff !important;
}
.media-info {
    margin-bottom: 0px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: #fff !important;
}
.media-body {
    flex: 1;
}
.af-contact .vs-media .media-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    color: var(--secondary-color-c);
    margin-right: 15px;
}
.af-contact .vs-media {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 23px 0;
    padding: 0 0 24px 0;
    align-items: center;
    justify-content: center;
    display: flex;
}
.header-error-404 {
    color: var(--secondary-color-c);
    font-size: 85px;
    font-weight: 600;
}
.af-contact a {
    color: #fff !important;
}
.media-info {
    margin-bottom: 0px !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: #fff !important;
}
.subct .card-item {
	font-size: 16px;
border: 1px solid #d7d7d7 !important;
}

.hero-block-top {
    min-height: 450px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-block-top.cat-has-image:before {
    content: '';
    filter: blur(3px);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transform: scale(1.1);
}

.sub-error-desc {
    font-weight: 400;
    font-size: 17px;
}

.pd-availability {
    padding: 1rem 0rem !important;
    border: 0px solid #F0F0F0 !important;
    border-radius: 0;
}
.delivery-options .fa-truck {
    display: none;
}

.pd-prices-wrapper {
    margin-top: 15px;
    background-color: #efefef;
    padding: 25px !important;
    width: fit-content;
}
.cart-header .fa {
    font-size: 30px;
        color: #2aa737;
    margin-right: 8px;
}

a.cart-header {
    display: flex;
    text-decoration: none !important;
    align-items: center;
    background-color: rgba(42, 167, 55, 0.29);
    padding: 5px 12px;
    border-radius: 10px;
}
.cart-price {
    display: block;
    line-height: 1;
    font-size: 14px;
    text-align: left;
    color: #fff;
}
.badger {
    height: 14px;
    width: 22px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    padding: 3px 0px;
    display: flex;
    line-height: 1.2;
    align-items: center;
    color: #000;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 5px;
}
#snippet--weightAjax {
    flex: 1;
    display: flex;
    align-items: center;
}

.btn-tocart {
    min-width: 180px;
}

.pd-tocart-quantity-1 .Quantity .ui-spinner .form-control {

    width: 2.7rem;
}

.Quantity .ui-spinner, .p-i-quantity .ui-spinner {
    border-radius: var(--border-radius-c);
}

.Quantity .ui-spinner .ui-spinner-button:hover, .p-i-quantity .ui-spinner .ui-spinner-button:hover, .b.bg-white .ui-spinner-button {
    background-color: unset!important;
}

i.icon-plus {
  background-image: url('data:image/svg+xml,<svg fill="%23000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>plus</title><path d="M30 15.25h-13.25v-13.25c0-0.414-0.336-0.75-0.75-0.75s-0.75 0.336-0.75 0.75v0 13.25h-13.25c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h13.25v13.25c0 0.414 0.336 0.75 0.75 0.75s0.75-0.336 0.75-0.75v0-13.25h13.25c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0z"></path></g></svg>');
  }

 i.icon-minus {
  background-image: url('data:image/svg+xml,<svg fill="%23000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>minus</title><path d="M30 15.25h-28c-0.414 0-0.75 0.336-0.75 0.75s0.336 0.75 0.75 0.75v0h28c0.414 0 0.75-0.336 0.75-0.75s-0.336-0.75-0.75-0.75v0z"></path></g></svg>');
} 

.dp-delivery-img svg {
    height: 45px;
}

.product-top-photo .carousel-nav.carousel-next .fa {
    color: #fff;
    &:before {
        display: block!important;
    }
}

.carousel-nav.carousel-next .fa {
    color: #fff;
    &:before {
        display: block!important;
    }
}

.product-top-photo .carousel-nav.carousel-prev .fa {
    color: #fff;
    &:before {
        display: block!important;
        transform: scaleX(-1);
    }
}

.carousel-nav.carousel-prev .fa {
    color: #fff;
    &:before {
        display: block!important;
        transform: scaleX(-1);
    }
}

.p-i-labels .badge.lbl-1 {
    position: relative;
    animation: unset!important;
    width: auto;
    margin: unset!important;
        text-align: left !important;
    margin-bottom: 5px !important;
}

.product-top-photo .carousel-nav {
    border-radius: var(--border-radius-c)!important;
    background-color: var(--secondary-color-c)!important;
}
.carousel-nav {
    border-radius: var(--border-radius-c)!important;
    background-color: var(--secondary-color-c)!important;
}
.carousel-nav:hover {
    background-color: var(--secondary-color-hover)!important;
}
.nt-langs {
    display: none!important;
}

@media (max-width: 767.9px) {

    .navbar-brand > img {
        display: block!important;
    }
    .mobile-logo {
        display: none!important;
    }
}

.product-top-photo .carousel-nav.carousel-next .fa {
    top: unset;
    width: auto;
    height: auto;
    left: unset;
    background: unset;
}
.product-top-photo .carousel-nav.carousel-prev .fa {
    top: unset!important;
    width: auto!important;
    height: auto!important;
    right: unset!important;
    background: unset;

}

#timerPd > div .small {
    margin-left: 1px;
    font-size: 12px;
}

.page-product .last-chance-label {
    border-radius: var(--border-radius-c)!important;
    animation: unset!important;
        width: fit-content;
        column-gap: 35px;
}


.delivery-block .col-lg-15 > div .delivery-image {
        text-align: center;
    svg {
        height: 45px;
    }
}

.nav-tabs.tabs-order .nav-item {

    margin-top: 0;
}

.nav-tabs.tabs-order .nav-item.active .nav-link {
    border-top: 0px!important;
}

.summary-total-card .bg-default {
    background-color: #fff!important;
}

.addedToCartDialog .order-buttons {
    background-color: #fff !important;
 
}

.addedToCartDialog .btn-back-shopping {
    background: #fff;
}

.carousel-nav, .carousel:not(.product-top-photo):hover .carousel-nav {
    opacity: 1!important;
}

.op-img.active {
    border: 2px solid var(--secondary-color-c) !important;
}

div#pd-faq {
    background-color: #fff;
}

div#pd-faq h2 {
    font-weight: 600;
}

.manufacturer-box-custom {
    padding: 0;
    background-color: #fff !important;

}

.carousel-nav.carousel-next .fa {
    top: unset!important;
    width: auto!important;
    height: auto!important;
    left: unset!important;
    background: unset!important;
}
.carousel-nav.carousel-prev .fa {
    top: unset!important;
    width: auto!important;
    height: auto!important;
    right: unset!important;
    transform: scaleX(-1);
    background: unset!important;
}

.last-visit-hp a.carousel-nav, .accessories a.carousel-nav, #tabs-hp + .tabs-hp-content a.carousel-nav, .set a.carousel-nav, .sc-rcmnd a.carousel-nav, .sc-rcmnd-2 a.carousel-nav, .alternative a.carousel-nav {

    border-radius: var(--border-radius-c)!important;
    background-color: var(--secondary-color-c)!important;

}

@media (min-width: 992px) {
    #tabs-pdd .nav-link.active:after {
        background-color: var(--secondary-color-c)!important;
    }
}


#description h1, #description h2, #description h3, #description h4, #description h5, #description h6 {
    color: var(--secondary-color-c)!important;
}



@media (max-width: 1199.98px) {
    .p-i-header {
        text-align: left!important;
    }
    .p-i-labels-mobile > div {

    gap: 5px;
}
    #tabs-pdd .nav-item:not(:last-child) {
    margin-right: 15px;
}
#tabs-pdd .nav-link {
    font-size: 18px;
}
.p-i-tags {
    display: none;
}
.custom-select-wrapper .arrow, .pfv .fa-angle-up, .pfv .fa-angle-down {
    filter: contrast(0);
}.pfv .lgi-text .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-color: var(--secondary-color-c);
}

.pfv .MoreButton, .pfv .LessButton {
    color: var(--primary-color)!important;
}
    #banner_main_aside {
    width: 100%;
    margin-top: 15px;
}
.cover {
    min-height: 30vh;
}
}

@media (max-width: 991.98px) {



.bottom-menu > div {
    padding-left: 0px!important;
}
.bottom-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 35px;
}
    .bic-topoffer .nav .nav-link {

    font-size: 16px!important;

}
    .bic-topoffer .nav li:not(:last-child) {
        margin-right: 15px!important;
    }
    .navbar-md #menuCollapse .top-menu > li > a.nav-link {
    color: var(--primary-color)!important;   
}
    a.mobile-search {
    background-color: #dde4ee;
}
.carousel-dot:before {
    background: var(--secondary-color-c)!important;
        border-radius: var(--border-radius-c);
}
    .ftr-part-left .fa-phone, .mobile-contact .fa-phone, .ftr-part-left .fa-envelope-o, .mobile-search .fa-search, .mobile-user .fa-user {
        background: unset;
        width: auto;
        height: auto;

    }
    a.mobile-search .fa-search, .mobile-user .fa-user {
        filter: unset!important;
        color: var(--primary-color);
    }
    .mobile-contact .fa-phone, a.mobile-search .item-label {
        color: var(--primary-color)!important;
    }
    .ftr-part-left i.fa.fa-phone:before, .mobile-contact i.fa.fa-phone:before, .mobile-search .fa-search:before, .mobile-user .fa-user:before {
        display: block !important;
        font-size: 25px;
    }
    .ftr-part-left .fa-envelope-o:before {
        display: block!important;
        font-size: 25px;
    }
    .mobile-cart {
        background-color: var(--converse-color);
    }
    .navbar-brand img[src*='.svg'] {
        height: 35px !important;
    }
    .mobile-cart .nt-cart-ico .fa-shopping-cart {
        background: unset!important;
        font-size: 25px;
        width: auto;
        height: auto;
        &:before {
            display: block!important;
        }
    }
}

/* == SUBS == */

@media (min-width: 992px) {
    .ct-104 li .tm-sub-h {
        background-color: #fff!important;
    }
}
.subct .card-item .image-subct {
    display: none!important;
}

.subct .card-item {
    border-radius: var(--border-radius-c);

}

.subct .card-item:hover {
  border: 1px solid #d7d7d7 !important;
    box-shadow: -3px 0 0 0 var(--secondary-color-c);
}

.subct .card-item:hover a + a {
    color: var(--secondary-color-c)!important;
}

/* === LABELS === */

/* TOP HIT */
.lbl-11 {
    background-color: var(--secondary-color-hover)!important;
    color: #fff!important;
}

.lbl-7 {
    display: none!important;
}

.lbl-8 {
    background-color: #131c26 !important;
    color: #fff !important;
}

.badge.lbl-2 {
    color: #fff!important;
    background-color: #2aa737!important;
}

.badge.lbl {
    border-radius: var(--border-radius-c)!important;
    
}

.p-i-labels .badge:not(.lbl-1) {
    font-weight: 400!important;
    padding: 2px 12px !important;
}

.lbl-3.bg-warning {
    color: #00318d;
    background-color: #86b2ff;
}

.form-control, .btn {
    border-radius: var(--border-radius-c);
}

body {
    font-family: var(--font-family-c);
}

.bg-primary {
    background-color: var(--primary-color);
}

.user-cart {
   border: none!important;
       -webkit-box-shadow: 0.15rem 0.22rem 0.9rem rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0.15rem 0.22rem 0.9rem rgba(0, 0, 0, 0.15)!important;
}

.dropdown-menu .active, .dropdown-menu .active:hover, .dropdown-menu .active:focus {
    background-color: var(--secondary-color-c)!important;
}

.goto-cart {
    color: var(--primary-color)!important;
}

.goto-cart .fa {
    display: none!important;
}

.b.bg-white .nav-link.active, .b.bg-default .nav-link.active {
    color: var(--secondary-color-c) !important;
}

.btn-primary {
    background-color: var(--primary-color);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: var(--primary-color-hover);
}

.btn-converse {
    background-color: var(--converse-color)!important;
    border-color: var(--converse-color);
}
.btn-converse:hover, .btn-converse:focus {
    background-color: var(--converse-color-hover)!important;
}
.uc-goto .btn .fa-arrow-right {
    width: auto;
    height: auto;
    margin-left: 5px;
    background: unset!important;
    &:before {
        display: block!important;
        content: '\f07a';
    }
}

.active-line .active:before {
    background-color: var(--secondary-color-c)!important;
}

.uc-goto .btn.uc-btn {
   background-color: var(--converse-color);
    border-color: var(--converse-color); 


    padding: 7px 15px !important;
    font-size: 15px;
    justify-content: flex-end;
 
    border-radius: var(--border-radius-c);

    width: fit-content;

}

.uc-goto {
    justify-content: flex-end;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active .h1, .wf-active .h2, .wf-active .h3, .wf-active .h4, .wf-active .h5, .wf-active .h6 {
  font-family: var(--font-family-c)!important;
}
.text-c-secondary {
  color: var(--secondary-color-c)!important;
}
.btn-secondary {
    border-color: var(--secondary-color-c)!important;
    color: #fff;
    background-color: var(--secondary-color-c)!important;
}
.btn-secondary:hover {
    background-color: var(--secondary-color-hover);
}

@media (min-width: 1200px) {
  #banner_main {
      max-width: calc(65% - 16px);
      -ms-flex-preferred-size: calc(90% - 16px);
      flex-basis: calc(65% - 16px);
      width: 65%;
      margin-right: 16px;
  }
  #banner_main .cover, #banner_main_aside .cover {
    min-height: 40vh;
  }
}

.tt-footer.dd-i {
    background-color: var(--secondary-color-c);
}

.tt-footer.dd-i:hover {
    background-color: var(--secondary-color-hover)!important;
}

/* === HEADER === */

.header-main {
    z-index: 1000000;
}

.tt-menu::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 10px 10px var(--secondary-color-c);
  border: solid 3px transparent;
  border-radius: 50px; }

.top-menu-wrapper {
    background-color: #F6F6F6;
    z-index: 1000001;
}
ul.top-menu-list {
    display: flex!important;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px !important;
}
ul.top-menu-list li:not(:last-child) {
    border-right: 2px solid #fff !important;
}
ul.top-menu-list li {
    flex-basis: 16.6666%;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
ul.top-menu-list li .nav-link {
    color: #787878 !important;
    font-size: 12px;
    padding: 2px 0px;
    line-height: 24px;
    width: 100%;
}
ul.top-menu-list li .nav-link:hover {
    background-color: #d7d7d7;
}

.search-input {
    width: 420px!important;
    max-width: 100%!important;
}

.search-input .btn {
    margin: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.01em;
    padding: 5px 16px;
    color: #FFFFFF;
    background-color: var(--secondary-color-c)!important;
}

.search-input .btn span {
    display: none!important;
}
.search-input .btn .fa {
    margin-right: 0px!important;
}

.frmsearchForm-phrase::placeholder {
    font-size: 14px;
}

.navbar-md #menuCollapse .top-menu > li > a.nav-link {
    color: #fff;
}

.nd-mega .tm-text a:hover, .nd-mega .tm-text a.active,
.nd-mega .tm-sub-h:hover, .nd-mega .tm-sub-h.active {
    color: var(--secondary-color-c) !important;
}
.navbar-md #menuCollapse .top-menu > li > a.nav-link:after {
    display:  none;
}
.navbar-md #menuCollapse .top-menu > li > a.nav-link:hover {
        color:  var(--secondary-color-c)!important; 
}
.navbar-md #menuCollapse .top-menu > li.show > a.nav-link {
    
        color:  var(--secondary-color-c)!important; 
    
}
.navbar-md {
        background-color: var(--navbar-top-menu-background)!important;
}

.user-cart-btn .basket-total {
    color: #fff;
}

h1.line-after:after {
    display: none;
}

#filter aside {
    display: none;
}

.contact-header {
    flex-direction: row;
    text-align: left;
    justify-content: center;
gap: 10px;
    margin-left: 48px;
    align-items: center;
}
.contact-header .ContactModal .fa-comment-o {
    font-size: 20px;
}

.user-cart {
    width: 445px;
}
.UserCart:before {
    top: -15px;
    right: 1rem;
    border: 0.5rem solid transparent !important;
    border-bottom-color: #fff !important;
}
.user-cart-btn .baticker {
    background-color: #fff!important; 
    position: absolute;
    border-radius: 999px;
    top: -6px;
    color: var(--primary-color);
    right: 0px;
    font-size: 12px;
    border: 2px solid #fff!important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 25px;
    height: 25px;
    width: 25px;
    left: -10px;
    right: unset;
}
.contact-header .opening-hours {
    font-weight: 400;
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 0.01em;
    color: #fff;
}
.contact-header a {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.01em;
    color:  #fff;
    text-decoration: none;
}

.contact-header a:hover {
    color: var(--secondary-color-hover)!important;
}

.user-cart-btn .btn-clear .fa-shopping-cart {
    font-size: 31px;
    color: var(--converse-color);
    width: auto;
    height: auto;
    background-repeat: unset;
    background:  unset;
}



.user-cart-btn .btn-clear .fa-shopping-cart:before {
    display: block;
}

.b.bg-white.pfh-sorting .nav-link.active {
    color: var(--secondary-color-c)!important;
}

.accessories h2 {
    color: var(--primary-color);
}


/*=== HOMEPAGE == */

.bic-topoffer .nav .nav-link {
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    color: #B1B1B1;
    padding: 0px;
}

.bic-topoffer .nav li:not(:last-child) {
    margin-right: 64px;
}

.bic-topoffer .nav .nav-link.active, .b.bg-white.pfh-sorting .nav-link:hover {
    color: var(--secondary-color-c)!important;
}

/*=== FOOTER ===*/

.small-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.01em;
    color: #B1B1B1;
    margin-bottom: 24px;
}

.part-footer-left a {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {

    .subct .card-item {
        min-height: 58px!important;
    }
}