body{
    max-width: unset;
}

section .section-title {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 16px;
    line-height: normal;
}

section h1.section-title {
    font-size: calc(var(--font-48) + 8px);
}

section h2.section-title {
    font-size: calc(var(--font-36) + 4px);
}

section h3.section-title {
    font-size: calc(var(--font-24) - 2px);
}

section div.section-title {
    font-size: var(--font-30);
}

.mainpage section.bg-dark:has( + section.bg-dark) {
    margin-bottom: 0;
}

.mainpage section.bg-dark + section.bg-dark {
    margin-top: 0;
}

.mainpage section.bg-dark {
    padding: var(--space-50) 0;
    background-color: rgba(237, 237, 237, 0.3);
}

.mainpage section {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.mainpage #content section.bg-dark:last-child {
    margin-bottom: 0;
}

/*text image*/
.text-image {
    margin: calc(var(--space-50) * 2) 0;
}

.text-image-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--space-50) * 2);
}

.text-image-inner.reverse {
    flex-direction: row-reverse;
}

.text-image-inner .content .btn-wrapper {
    margin-top: var(--space-50);
}

.text-image-inner .content {
    width: 100%;
    max-width: 630px;
    display: flex;
    flex-direction: column;
}

.text-image-inner .photo {
    flex-shrink: 0;
}

.text-image-inner .photo img {
    max-width: 100%;
    display: block;
}

@media screen and (max-width: 1280px) {
    .text-image-inner .photo {
        width: 50%;
    }
}

@media screen and (max-width: 800px) {
    .text-image-inner .photo {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .text-image-inner .content {
        max-width: unset;
    }

    .text-image-inner {
        flex-direction: column-reverse !important;
    }
}

/* icons */
section.icons {
    background-color: var(--color-secondary);
    padding: var(--space-50) 0;
    color: #fff;
}

.icons-inner .icon-item .icon {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icons-inner .icon-item .caption {
    text-align: center;
}

.icons-inner .icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 190px;
    gap: var(--space-40);
    width: 25%;
}

.icons-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-40) 0;
}

@media screen and (max-width: 800px) {
    .icons-inner .icon-item {
        width: 50%;
        padding: 0 5px;
    }

    .icons-inner {
        justify-content: center;
    }
}

/* image */
section.image {
    margin: var(--space-50) 0;
}

section.image .image-inner img {
    display: block;
    max-width: 100%;
}

section.image .image-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*products-slider*/
section.product-list {
    margin: calc(var(--space-50) * 2) 0;
}

section.product-list .product-list-inner .slick-list,
section.product-list .product-list-inner .slick-track {
    display: flex;
}

section.product-list .product-list-inner .product-list-item {
    flex-shrink: 0;
    flex-grow: 1;
}

section.product-list .product-list-inner .product-list-item-inner {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

section.product-list .section-heading .slider-arrows > * {
    padding: 5px;
    display: flex;
    align-items: center;
}

section.product-list .section-heading .slider-arrows {
    display: flex;
    align-items: center;
    gap: var(--space-25);
}

section.product-list .section-heading .heading-actions {
    display: flex;
    align-items: center;
    gap: var(--space-25);
}

section.product-list .section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 0;
    padding-bottom: var(--space-40);
}

section.product-list .product-list-inner .slider-arrows .btn-arrow:first-child {
    transform: translateX(-50%);
    pointer-events: initial;
}


section.product-list .product-list-inner .slider-arrows .btn-arrow:last-child {
    transform: translateX(50%);
    pointer-events: initial;
}

section.product-list .slider-arrows .btn-arrow:hover svg > * {
    fill: var(--color-secondary);
}

section.product-list .slider-arrows .btn-arrow:hover {
    background-color: transparent;
}

section.product-list .slider-arrows .btn-arrow {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.product-list .product-list-inner .slider-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: min(calc(((1720px - 2 * var(--container-padding) - 100vw) / 4)), calc(-0.5 * var(--container-padding)));
    right: min(calc(((1720px - 2 * var(--container-padding) - 100vw) / 4)), calc(-0.5 * var(--container-padding)));
    justify-content: space-between;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}


section.reviews .container,
section.product-list .container {
    padding-left: 40px;
    padding-right: 40px;
}

section.product-list .product-list-inner {
    width: calc(100% + 30px);
    margin: -15px;
    position: relative;
}

section.product-list .product-list-inner .slider-wrapper {
    display: flex;
    overflow: hidden;
}

@media screen and (max-width: 800px) {
    section.product-list .section-heading {
        flex-direction: column;
    }
}

/*category*/
section.category {
    margin: calc(2 * var(--space-50)) 0;
}

section.category.tiles-4 .cat-list {
    display: grid;
    gap: calc(var(--space-25) + 10px);
    grid-template-columns: repeat(4, 1fr);
}

section.category.tiles-3 .cat-list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}

section.category.tiles-2 .cat-list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}

section.category .cat-item .stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

section.category .cat-item .stretched-link {
    margin-top: calc(var(--space-25) + 5px);
}

section.category .cat-item:hover .name {
    color: var(--color-secondary);
}

section.category .cat-item .name {
    font-weight: 700;
    font-size: var(--font-24);
    margin-bottom: 10px;
    transition: all 0.4s;
}

section.category .cat-item:hover img {
    box-shadow: 5px 5px 16px 2px rgba(0, 0, 0, 0.25);
}

section.category .cat-item img {
    margin-bottom: 20px;
    transition: all 0.4s;
    display: block;
    max-width: 100%;
}

section.category .cat-item {
    position: relative;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1139px) {
    section.category.tiles-4 .cat-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 639px) {
    section.category.tiles-4 .cat-list {
        grid-template-columns: repeat(1, 1fr);
    }

    section.category.tiles-3 .cat-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 639px) {
    section.category.tiles-2 .cat-list {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*logotypes*/
section.logotypes .section-title {
    flex-shrink: 0;
}

section.logotypes {
    height: unset;
    margin: calc(2 * var(--space-50)) 0;
}

section.logotypes .section-heading .heading-right {
    display: flex;
    align-items: center;
    gap: calc(var(--space-60) * 2);
}

section.logotypes .section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-bottom: var(--space-50);
    flex-direction: row;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    section.logotypes .section-heading .heading-right,
    section.logotypes .section-heading {
        flex-direction: column;
        gap: 10px;
    }
}

section.logotypes .section-items .logotype-item-inner:hover {
    filter: grayscale(0);
}

section.logotypes .section-items .logotype-item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    filter: grayscale(1);
    transition: all 0.4s;
}

section.logotypes .section-items .logotype-item img {
    display: block;
    max-width: 100%;
}

section.logotypes .slick-list,
section.logotypes .slick-track {
    display: flex;
    width: 100%;
}

section.logotypes .section-items .logotype-item {
    flex-shrink: 0;
    width: 16.66%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.logotypes .section-items {
    display: flex;
    align-items: center;
    overflow: hidden;
}


section.logotypes .section-heading .text {
    max-width: 620px;
}

section.logotypes .section-heading .slider-arrows > * {
    padding: 5px;
    display: flex;
    align-items: center;
}

section.logotypes .section-heading .slider-arrows {
    display: flex;
    align-items: center;
    gap: 16px
}

section.logotypes .slider-arrows .btn-arrow:hover svg > * {
    fill: var(--color-secondary);
}

section.logotypes .slider-arrows .btn-arrow:hover {
    background-color: transparent;
}

section.logotypes .slider-arrows .btn-arrow {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

section.logotypes .section-heading .heading-actions {
    display: flex;
    align-items: center;
    gap: var(--space-25);
}

section.logotypes .section-heading .slider-arrows > * {
    padding: 5px;
    display: flex;
    align-items: center;
}

section.news .section-heading .slider-arrows {
    display: flex;
    align-items: center;
    gap: 16px
}

section.news .slider-arrows .btn-arrow:hover svg > * {
    fill: var(--color-secondary);
}

section.news .slider-arrows .btn-arrow:hover {
    background-color: transparent;
}

section.news .slider-arrows .btn-arrow {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

section.news {
    margin: calc(2 * var(--space-50)) 0;
    width: unset;
}

section.news .section-heading .heading-actions {
    display: flex;
    align-items: center;
}


section.news .section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 0;
}

@media screen and (max-width: 560px) {
    section.news .section-heading {
        flex-direction: column;
    }
}

section.news .slider-wrapper {
    width: calc(100% + (2 * var(--space-40)));
    margin: 0 calc(var(--space-40) * -1);
    display: flex;
    overflow: hidden;
}

section.news .news-item .news-inner {
    border: none;
    display: flex;
    flex-direction: column;
}

section.news .news-item .news-info .news-date {
    padding: 15px 0;
    margin-bottom: 0;
}

section.news .news-item .news-content {
    width: 100%;
    padding: 0;
}

section.news .news-item .news-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

section.news .news-item .news-content-wrapper,
section.news .news-item .news-image {
    width: 100%;
    transition: all 0.4s;
}

section.news .news-inner:hover .news-image {
    box-shadow: 5px 5px 16px 2px rgba(0, 0, 0, 0.25);
}

section.news .news-item {
    padding: 0 var(--space-40);
    border: none;
    flex-shrink: 0;
    width: 33.33%;
}

section.text-title {
    margin: var(--space-50) 0;
}

/*Rewviews*/
section.reviews {
    background: rgba(237, 237, 237, 0.3);
    padding: var(--space-60) 0;
    margin: var(--space-50) 0;
}

section.reviews .section-heading {
    display: flex;
    flex-direction: row;
    padding: 0;
    justify-content: space-between;
    margin-bottom: var(--space-50);
}

section.reviews .google-opinion-box {
    display: flex;
    overflow: hidden;
}

/*section.reviews .google-opinion-box .slick-track*/
section.reviews .google-opinion-box .opinion-item {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: var(--space-40);
    flex-grow: 1;
}

section.reviews .slick-list,
section.reviews .slick-track {
    display: flex;
}

section.reviews .slick-slide {
    padding: 0 20px;
    display: flex !important;
    flex-direction: column;
    height: unset;
    flex-grow: 1;
}

section.reviews .slick-slide > div {
    flex-grow: 1;
    display: flex;
}

section.reviews .title-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}

section.reviews .opinion-logo img {
    mix-blend-mode: multiply;
}

section.reviews .slick-slide > div + div {
    margin-top: var(--space-40);
}

section.reviews .opinion-author-right .opinion-author-name {
    font-size: 20px;
    font-weight: 600;
}

section.reviews .opinion-author-right {
    display: flex;
    gap: var(--space-25);
    align-items: center;
    margin-bottom: 16px;
}

section.reviews .slider-wrapper .slider-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: min(calc(((1720px - 2 * var(--container-padding) - 100vw) / 4)), calc(-0.5 * var(--container-padding)));
    right: min(calc(((1720px - 2 * var(--container-padding) - 100vw) / 4)), calc(-0.5 * var(--container-padding)));
    justify-content: space-between;
    z-index: 2;
}

section.reviews .slider-arrows .btn-arrow:first-child {
    transform: translateX(-50%);
}

section.reviews .slider-arrows .btn-arrow:last-child {
    transform: translateX(50%);
}

section.reviews .slider-wrapper .btn-arrow:hover svg > * {
    fill: var(--color-secondary);
}

section.reviews .slider-wrapper .btn-arrow:hover {
    background-color: transparent;
}

section.reviews .slider-wrapper .btn-arrow {
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    pointer-events: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.reviews .slider-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}

section.reviews .slider-wrapper {
    position: relative;
}

section.reviews .opinion-item .text {
    margin-top: 16px;
}

section.reviews .opinion-avg-right {
    display: flex;
    gap: var(--space-25);
}

section.reviews .item-rating-star {
    color: #FFC81E;
}

@media screen and (max-width: 1139px) {
    section.reviews .slick-slide {
        padding: 0 10px;
    }
}

@media screen and (max-width: 420px) {
    section.reviews .opinion-author-right {
        flex-direction: column;
    }
}

/*ABoutUs*/
.aboutUs-inner .social:hover .social-icon {
    background-color: var(--color-secondary);
}

.aboutUs-inner .social-icon {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: transparent;
    /*color: #fff;*/
}

.aboutUs-inner .social-list > ul > li {
    padding: 9px;
}

.aboutUs-inner .middle img {
    display: block;
    max-width: 100%;
}

.aboutUs-inner .middle {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.aboutUs-inner .right .teaser-wrapper .text {
    color: #fff;
}

.aboutUs-inner .right .teaser-wrapper {
    background-color: var(--color-secondary);
    border-radius: var(--space-25);
    padding: var(--space-40);
    margin-bottom: 24px;
    margin-left: -50%;
    padding-left: 50%;
    position: relative;
}

.aboutUs-inner .section-title {
    font-size: var(--space-40);
}

.aboutUs-inner .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aboutUs-inner .right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: calc(var(--space-50) * 2);
}

.aboutUs-inner {
    display: flex;
}

@media screen and (max-width: 1366px) {
    .aboutUs-inner .middle {
        max-width: 500px;
    }
}

@media screen and (max-width: 1139px) {
    section.reviews .title-wrapper {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    section.reviews .section-heading {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .opinion-logo {
        display: none;
    }

    section.reviews .opinion-avg-right {
        flex-direction: column;
    }

    .aboutUs-inner .right .teaser-wrapper {
        margin-bottom: 18px;
    }

    .aboutUs-inner .right {
        gap: 0;
    }

    .aboutUs-inner .right,
    .aboutUs-inner .middle {
        order: 1;
        width: 50%;
    }

    .aboutUs-inner {
        flex-wrap: wrap;
    }

    .aboutUs-inner .left {
        order: 2;
        width: 100%;
    }

    .aboutUs-inner .section-title {
        /*margin-left: -100%;*/
    }
}

.header-bottom-right .langs-menu {
    margin-left: var(--space-50);
}

.header-right {
    flex-grow: 1;
}

.header-top-right {
    padding-top: 10px;
}

.header-bottom-right {
    display: flex;
    justify-content: space-between;
    padding-top: 0;
}

.lang-button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

#main-menu li a {
    font-size: 14px;
    text-transform: none;
}

#main-menu ul li:first-child {
    padding-left: 0;
}

#main-menu ul li {
    padding-left: var(--space-40);
}

.header {
    gap: calc(var(--space-40) * 2);
}

.header-top-right-inner > a:hover {
    color: var(--color-secondary);
}

.header-top-right-inner > a {
    font-size: 14px;
    transition: all 0.4s;
}

.logo {
    padding-left: 130px;
}

.header-top-right .btn-link .icon {
    width: 40px;
    height: 40px;
}

.btn-www {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 0 10px 0 0 !important;
}

.btn-favs .icon-wrapper,
.btn-dashboard .icon-wrapper {
    border-radius: 10px;
}

.header-delivery .btn {
    border-radius: 10px;
}

.header-delivery {
    border-radius: 10px;
}

.header-top-right-inner {
    display: flex;
    align-items: center;
    gap: var(--space-40);
}

.btn-register .icon {
    width: 24px;
    height: 16px;
    margin-right: 5px;
}

.btn-login {
    color: var(--color-secondary);
    background-color: #fff;
}

.btn-register:hover,
.btn-login:hover {
    color: #fff !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-login .icon {
    width: 14px;
    height: 16px;
    margin-right: 10px;
}

header.sticky .header-bottom-right-inner .top-box {
    top: calc(100% + 8px);
}

.header-bottom-right-inner .top-box {
    top: calc(100% + 19px);
}

.header-bottom-right-inner {
    display: flex;
    gap: 10px;
}

@media screen and (max-width: 1560px) {
    .header-top-right-inner {
        gap: var(--space-25);
    }

    .header {
        gap: var(--space-40)
    }

    #main-menu ul li {
        padding-left: var(--space-25);
    }
}

#content {
    padding-top: 191px;
}

@media screen and (max-width: 1440px) {
    .header-top-right-inner {
        flex-direction: column;
        gap: 5px;
    }

    .header-b2b .header-top-right-inner {
        flex-direction: row;
    }

    .header-b2b .mainsearch {
        width: 300px;
    }
}

@media screen and (max-width: 1366px) {
    .mainsearch {
        width: 280px;
    }

    .header.header-b2b {
        align-items: center;
    }
}

@media screen and (max-width: 1139px) {
    .rwd-only.b2b-login .icon {
        width: 18px;
        height: 20px;
        margin-right: 6px;
    }

    #content {
        padding-top: 89px;
    }

    .header-bottom-right-inner {
        align-items: center;
    }

    .mainsearch {
        width: 100%;
    }

    .mainsearch-search {
        margin-right: 0;
    }

    .logo {
        padding-left: 0;
    }

    .header-right {
        flex-grow: 0;
    }

    a.btn.btn-md.btn-secondary.btn-user.btn-register {
        display: none;
    }

    .rwdButton {
        margin-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .header-bottom-right .btn-link {
        padding: 8px 2px;
        margin-left: 6px;
    }

    .header-bottom-right .btn-link .caption {
        display: none;
    }
}

@media screen and (max-width: 639px) {
    .aboutUs-inner .right, .aboutUs-inner .middle {
        width: 100%;
    }

    .logo-min {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .basket-box-btn .caption {
        display: none;
    }
}

.header-bottom-right-inner .btn-md {
    border-radius: 6px;
}

.register-form-container .row h4 {
    font-weight: 900;
    margin: 10px 0;
}

.form-element-nip .btn-default:hover {
    background-color: #fff;
    color: #93bf1b;
    border-color: #93bf1b;
}

.form-element-nip .btn-default {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.text-code-area{
    margin: calc(2 * var(--space-50)) 0;
}

.product-list-section-heading{
    margin-bottom: var(--space-50);
}

.product-list-section-heading-title{
    font-size: 18px;
    margin-bottom: 10px;
}

.product-list-section-heading .section-title{
    font-size: calc(var(--font-36) + 4px);
}

.product-list-section-heading + .section-heading > h3.section-title{
    /*font-size: calc(var(--font-36) + 4px);*/
}

@media screen and (max-width: 1366px){
    section.product-list .product-list-inner {
        width: calc(100% + 20px);
        margin: -10px;
    }
}

@media screen and (max-width: 1139px){
    section.product-list .product-list-inner {
        width: calc(100% + 10px);
        margin: -5px;
    }
}