.contactSlider {
    display: flex;
    overflow: hidden;
}

.contactSlider-slide {
    flex-shrink: 0;
    width: 100%;
    height: unset;
    position: relative;
    background: center center /cover;
    display: flex;
    align-items: center;

}

.contactSlider-bg img {
    display: block;
    filter: grayscale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contactSlider-bg:after {
    content: "";
    position: absolute;
    opacity: 0.7;
    inset: 0;
    background: linear-gradient(45deg, rgba(53, 53, 53, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.contactSlider-bg {
    position: absolute;
    inset: 0;
}

.contactSlider-content {
    aspect-ratio: 1920/631;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 2;
    color: #fff;
}

.contactSlider-content .container {
    height: 100%;
}

.contactSlider-inner {
    display: flex;
    align-items: start;
    justify-content: end;
    height: 100%;
    flex-direction: column;
    padding: var(--space-40) 0;
}

.contactSlider-section {
    position: relative;
}

.contactSlider-arrows {
    position: absolute;
    bottom: var(--space-40);
    right: max(calc(((1920px - 1720px + 2 * var(--container-padding)) / 2)), calc(var(--container-padding)));
    color: #fff;
    display: flex;
    align-items: center;
    gap: var(--space-25);

}

.contactSlider-inner .text {
    font-size: var(--font-80);
    font-style: normal;
    font-weight: 275;
    line-height: 1.375em; /* 137.5% */
    letter-spacing: 4px;
    text-transform: uppercase;
}

.contactSlider-line2 {
    margin-left: calc(var(--space-60) * 4);
}

.contact-content-section {
    background: url("../images/contact-bg.webp") no-repeat center / cover;
    padding: var(--space-50) 0 calc(var(--space-60) + 5px);
}

.contact-content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: var(--space-60);
}

.contact-left {
    width: 35%;
}

.contact-form-div {
    max-width: 950px;
    width: 60%;
}

.contact-content-title {
    color: #FFF;
    font-size: calc(var(--font-24) + 2px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.7308em; /* 173.077% */
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: calc(var(--space-25) + 5px);
}

.contact-content-text {
    color: #FFF;
    font-size: var(--font-16);
    font-style: normal;
    font-weight: 400;
    line-height: 2.25em; /* 225% */
    margin-bottom: calc(var(--space-25) + 5px);
}

.contact-content-last-item {
    margin-bottom: 0;
}

/*FORMULARZ*/
.form .form-element-name {
    color: #FFF;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.form-control, .form .form-control {
    border-radius: 5px;
    color: #000;
    text-align: justify;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-group {
    margin-bottom: calc(var(--space-25) - 5px);
}

.captcha-image {
    display: flex;
    justify-content: center;
    align-items: start;
}

.form-element-option-text {
    color: #FFF;
    text-align: justify;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6923em; /* 169.231% */
}

.contact-form-button-wrapper {
    margin-top: var(--space-50);
}

.contact-section-title {
    color: #000;
    text-align: center;
    font-size: calc(var(--font-24) + 2px);
    font-style: normal;
    font-weight: 600;
    line-height: 3.76em; /* 375.641% */
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: calc(var(--space-25) - 5px);
}

.contact-faq-section {
    padding-bottom: var(--space-60);
    padding-top: calc(var(--space-25) - 5px);
    background: #f8f8f8;
}

.contact-faq-section .toggle-bottom {
    background: #fcfcfc;
}

.contact-faq-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: var(--space-25);
}

.contact-faq-section .toggle-item.active .toggle-top {
    background: #323232;
}

.contact-faq-text {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25em;
}

.contact-faq-title {
    font-weight: 700;
}

.contact-faq-item {
    display: flex;
    flex-direction: column;
}


@media screen and (min-width: 1140px) {
    a.contact-faq-text:hover {
        text-decoration: underline;
    }
}

.contact-map iframe {
    display: block;
    border-radius: 15px;
    width: 100% !important;
    min-height: 604px;
    height: 100% !important;
}

.contact-map {
    margin-bottom: var(--space-60);
}

.news-view-content {
    display: flex;
    gap: var(--space-50);
    margin-bottom: var(--space-40);
}

.news-view-img {
    position: relative;
    width: 60%;
    max-width: 810px;
    aspect-ratio: 810/540;
}

.news-view-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
    border-radius: 15px;
}

.news-view-text {
    width: 40%;
}

.news-view-img .item-photo-slide-inside {
    height: 100%;
}


.news-view-text .text h1,
.news-view-text .text h2,
.news-view-text .text h3,
.news-view-text .text h4,
.news-view-text .text h5,
.news-view-text .text h6 {
    color: #000;
    font-size: var(--font-20);
    font-style: normal;
    font-weight: 300;
    line-height: 1.5em; /* 150% */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.news-view-bottom-text {
    margin-top: var(--space-40);
    margin-bottom: var(--space-50);
}

.news-view-bottom-text li::before {
    content: '';
    background: var(--color-primary);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 15px;
    margin-bottom: 1px;
}

.return-btn {
    display: flex;
    justify-content: center;
}

.return-btn-margin {
    margin: var(--space-60) 0;
}

.category-view-wrapper {
    display: flex;
    gap: calc(var(--space-40) + var(--space-50));
}

.category-view-left {
    width: 26%;
    max-width: 360px;
    margin-bottom: var(--space-60);
}

.shop-product-list .alert{
    width: 100%;
}
.shop-product-list {
    display: flex;
    margin: calc((var(--space-25) + -8px) * -1);
    margin-bottom: calc(var(--space-25) + 13px);
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
}

.category-view-right {
    width: calc(74% - var(--space-50) + var(--space-40));
}

.shop-product-box {
    padding: calc(var(--space-25) - 8px);
    width: 33.33%;
    height: unset;
}

.btn-default {
    transition: all 0.3s;
}

.product-image {
    margin-bottom: 10px;
}

@media screen and (min-width: 1140px) {
    .product-container:hover {
        box-shadow: 3px 6px 22.3px 0 rgba(0, 0, 0, 0.15);
        cursor: pointer;
    }

    .shop-product-box:hover .btn-border-black {
        background: var(--color-primary);
        color: #fff;
        border-color: transparent;
    }
}

.product-container {
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #FFF;
    transition: all 0.3s;
    padding: calc(var(--space-25));
    padding-bottom: calc(var(--space-25) + 5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 100%;
}

.product-title {
    color: #000;
    text-align: center;
    font-size: calc(var(--font-20) - 2px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.3333em; /* 333.333% */
    letter-spacing: 0.05em;
    margin-bottom: calc(var(--space-25) + 5px);
    text-transform: uppercase;
}

.product-text .text {
    color: #000;
    text-align: center;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 2em; /* 200% */
    margin-bottom: calc(var(--space-40) - 5px);
}

.none-hover {
    pointer-events: none;
}

.product-manufacturer {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.product-actions {
    margin-top: auto;
}


.category-view-title {
    color: #000;
    font-size: var(--font-30);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: var(--space-60) 0 var(--space-50);
}

.category-view-description {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25em; /* 225% */
    margin-bottom: calc(var(--space-60) + 5px);
}

.aside-list > li > .menu-group > a {
    padding: 20px 15px;
    min-height: 60px;
    gap: 10px;
    transition: all 0.3s;
}

.aside-list > li:last-of-type > .menu-group > a {
    padding: 20px 15px;
    min-height: 60px;
    gap: 10px;
}

.aside-list > li {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.aside-list > li:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.aside-list > li.active > .menu-group a {
    font-weight: 600;
}

@media screen and (min-width: 1140px) {
    .aside-list > li > .menu-group:hover {
        background: var(--color-primary);
        color: #fff;
        border-radius: 5px;
        border-color: transparent;
    }

    .aside-list .menu-group:hover a {
        color: #fff;
    }
    .aside-list li li a:hover {
        color: #000 !important;
        -webkit-text-stroke-color: currentColor;
        text-decoration: underline;
    }
    .aside-list li:not(.slided):hover + li {
        border-color: transparent;
    }

    .aside-list li:hover {
        border-color: transparent;
    }
}
.aside-list li li a{
    transition: all 300ms;
    -webkit-text-stroke: 0.55px transparent;
}
.aside-list .menu-group > a {
    flex-grow: 1;
    display: flex;
    align-items: center;
    transition: all .3s;
    color: #000;
    font-size: 15px;
}

.aside-list li:not(.active) > ul {
    display: none;
}

.aside-title {
    color: #000;
    font-size: var(--font-30);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: block;
    margin: var(--space-60) 0;
}

.btn-aside-toggle {
    display: none;
}

.aside-list > li > .menu-group > .icon {
    width: 50px;
}

.aside-list .menu-group > .icon {
    flex-shrink: 0;
    transition: all .3s;
    cursor: pointer;
}

.aside-list .menu-group {
    display: flex;
    transition: 0.4s;
}

li.slided {
    border-color: transparent;
}

li.slided > .menu-group {
    background: var(--color-primary);
    border-radius: 5px;
    color: #fff;
}

li.slided > .menu-group a {
    color: #fff;
}

.aside-list > li > ul > li > .menu-group {
    padding: 0 var(--space-25);
}

.aside-list > li > ul{
    padding: 10px 0;
    background: #f4f4f4;

}
.aside-list > li > ul > li > .menu-group > a {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4em; /* 240% */
}

.aside-list > li > ul > li > .menu-group > a::before {
    content: '';
    background: var(--color-primary);
    width: 7px;
    margin-right: 20px;
    height: 7px;
    border-radius: 2px;
    display: inline-block;
}

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

.modal-dialog .row .col-xs-12.col-lg-12:has(.btn.btn-primary.pull-right[type="submit"]) {
display: flex;
    justify-content: center;
}