@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Bodoni Moda, serif;
    src: url(../fonts/BodoniModa-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Bodoni Moda, serif;
    src: url(../fonts/BodoniModa-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Bodoni Moda, serif;
    src: url(../fonts/BodoniModa-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

html body #lp-prezentownik {
    font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    width: 100%;
    overflow: hidden
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik {
        max-width: 1920px
    }
}

html body #lp-prezentownik *,
html body #lp-prezentownik :before,
html body #lp-prezentownik :after {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

html body #lp-prezentownik b,
html body #lp-prezentownik strong {
    font-weight: bolder
}

html body #lp-prezentownik small {
    font-size: 80%
}

html body #lp-prezentownik button,
html body #lp-prezentownik input,
html body #lp-prezentownik optgroup,
html body #lp-prezentownik select,
html body #lp-prezentownik textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

html body #lp-prezentownik button,
html body #lp-prezentownik [type=button],
html body #lp-prezentownik [type=reset],
html body #lp-prezentownik [type=submit] {
    -moz-appearance: button;
    appearance: button;
    -webkit-appearance: button
}

html body #lp-prezentownik ::-webkit-inner-spin-button,
html body #lp-prezentownik ::-webkit-outer-spin-button {
    height: auto
}

html body #lp-prezentownik [type=search] {
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: textfield;
    outline-offset: -2px
}

html body #lp-prezentownik ::-webkit-search-decoration {
    -webkit-appearance: none
}

html body #lp-prezentownik ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

html body #lp-prezentownik h1,
html body #lp-prezentownik h2,
html body #lp-prezentownik h3,
html body #lp-prezentownik h4,
html body #lp-prezentownik h5,
html body #lp-prezentownik h6 {
    font-size: inherit;
    font-weight: inherit
}

html body #lp-prezentownik ol,
html body #lp-prezentownik ul,
html body #lp-prezentownik menu {
    list-style: none
}

html body #lp-prezentownik img,
html body #lp-prezentownik svg,
html body #lp-prezentownik video,
html body #lp-prezentownik canvas,
html body #lp-prezentownik audio,
html body #lp-prezentownik iframe,
html body #lp-prezentownik embed,
html body #lp-prezentownik object {
    display: block;
    vertical-align: middle
}

html body #lp-prezentownik img,
html body #lp-prezentownik video {
    max-width: 100%;
    height: auto
}

html body #lp-prezentownik .section--1 {
    width: 100%;
    margin-bottom: 32px
}

html body #lp-prezentownik .section--1 .section--1__container .section--1__container__video {
    max-height: 878px;
    max-width: 1920px
}

html body #lp-prezentownik .section--2 {
    width: 100%;
    max-width: 1345px;
    margin: 0 auto;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--2 {
        margin-top: 3.2rem
    }
}

@media (min-width: 112.5em) {
    html body #lp-prezentownik .section--2 .lp--row {
        justify-content: center
    }
}

html body #lp-prezentownik .section--2 .lp--row .lp--col-1-of-3 {
    text-align: center
}

html body #lp-prezentownik .section--2 .section--2__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 32px 0
}

html body #lp-prezentownik .section--2 .section--2__text--wrapper .section--2__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--2 .section--2__text--wrapper .section--2__text__header .section--2__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--2 .section--2__text--wrapper .section--2__text__text {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--2 .section--2__text--wrapper .section--2__text__text .section--2__text__bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--2 .lp--circle-box__container {
    margin: 0 auto;
    position: relative;
    width: 22rem;
    height: 22rem
}

@media (max-width: 75em) {
    html body #lp-prezentownik .section--2 .lp--circle-box__container {
        width: 18rem;
        height: 18rem;
        margin-top: 2.4rem
    }
}

html body #lp-prezentownik .section--2 .lp--circle-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center
}

html body #lp-prezentownik .section--2 .lp--circle-box__text {
    fill: #910f1b;
    font-family: Bodoni Moda, serif;
    font-weight: 500;
    transform-origin: 50% 50%
}

html body #lp-prezentownik .section--2 .lp--circle-box__image--container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 75em) {
    html body #lp-prezentownik .section--2 .lp--circle-box__image--container {
        width: 12rem;
        height: 12rem
    }
}

html body #lp-prezentownik .section--2 .lp--circle-box__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html body #lp-prezentownik .section--2 .lp-btn {
    margin: 1.2rem 0
}

@media (max-width: 75em) {
    html body #lp-prezentownik .section--2 .lp-btn {
        margin: -2.4rem
    }
}

html body #lp-prezentownik .section--3 {
    width: 100%;
    max-width: 192rem;
    margin-top: 9.6rem;
    position: relative
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 {
        margin-top: 3.2rem
    }
}

html body #lp-prezentownik .section--3 .lp--row {
    gap: 0;
    background-color: #910f1b;
    text-align: right
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .lp--row {
        text-align: center
    }
}

html body #lp-prezentownik .section--3 .lp--col-1-of-2:first-of-type {
    display: flex;
    justify-content: end;
    align-items: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .lp--col-1-of-2:first-of-type {
        justify-content: center
    }
}

html body #lp-prezentownik .section--3 .section--3__ribbon--wrapper {
    position: absolute;
    top: -14%;
    right: -12.8rem;
    bottom: 0;
    left: -7%
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__ribbon--wrapper {
        inset: -20% 0 0 -100%
    }
}

html body #lp-prezentownik .section--3 .section--3__ribbon--left {
    position: absolute;
    z-index: 1;
    inset: -14% 0 0 -10%;
    background-repeat: no-repeat;
    min-height: 220px;
    background-image: url(../images/kokardka11.png)
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__ribbon--left {
        top: 44%
    }
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--3 .section--3__ribbon--left {
        top: 36%;
        left: -80%
    }
}

html body #lp-prezentownik .section--3 .section--3__ribbon--right {
    position: absolute;
    right: 0;
    bottom: -11%;
    left: 0;
    margin: 0;
    z-index: 1;
    background-repeat: no-repeat;
    min-height: 220px;
    background-image: url(../images/kokardka22.png)
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__ribbon--right {
        display: none
    }
}

html body #lp-prezentownik .section--3 .section--3__col-wrapper {
    position: relative;
    width: 75%;
    max-width: 620px;
    display: inline-block;
    text-align: left;
    z-index: 2;
    min-height: 878px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__col-wrapper {
        width: 100%;
        min-height: 557px
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__col-wrapper {
        text-align: center
    }
}

html body #lp-prezentownik .section--3 .lp--col-1-of-2:nth-child(1) {
    z-index: 2;
    order: 1
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .lp--col-1-of-2:nth-child(1) {
        order: 2
    }
}

html body #lp-prezentownik .section--3 .lp--col-1-of-2:nth-child(2) {
    position: relative;
    order: 2
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .lp--col-1-of-2:nth-child(2) {
        order: 1
    }
}

html body #lp-prezentownik .section--3 .section--3__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: start;
    text-align: left;
    margin: 6.4rem 0 3.2rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--3 .section--3__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--3 .section--3__text--wrapper .section--3__text__header {
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--3 .section--3__text--wrapper .section--3__text__header .section--3__text__header--bold {
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--3 .section--3__text--wrapper .section--3__text__text {
    color: #fff;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--3 .section--3__image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 878px;
    background-image: url(../images/Homla_2825_1.webp)
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--3 .section--3__image {
        min-height: 557px
    }
}

html body #lp-prezentownik .section--4 {
    width: 100%;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 {
        margin-top: 3.2rem
    }
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--4 .lp--row {
        margin-bottom: 0
    }
}

@media (min-width: 112.5em) {
    html body #lp-prezentownik .section--4 .lp--row {
        gap: 0
    }
}

html body #lp-prezentownik .section--4 .lp--col-1-of-2:last-of-type {
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: left
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .lp--col-1-of-2:last-of-type {
        justify-content: center
    }
}

html body #lp-prezentownik .section--4 .section--4__col-wrapper {
    position: relative;
    width: 75%;
    max-width: 704px;
    display: inline-block;
    text-align: left;
    z-index: 2;
    min-height: 878px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .section--4__col-wrapper {
        width: 100%;
        min-height: 594px
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .section--4__col-wrapper {
        text-align: center
    }
}

html body #lp-prezentownik .section--4 .lp--col-1-of-2:nth-child(1) {
    order: 1
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .lp--col-1-of-2:nth-child(1) {
        margin-bottom: 0;
        order: 2
    }
}

html body #lp-prezentownik .section--4 .lp--col-1-of-2:nth-child(2) {
    order: 2
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .lp--col-1-of-2:nth-child(2) {
        order: 1
    }
}

html body #lp-prezentownik .section--4 .section--4__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: start;
    text-align: left;
    margin: 32px 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .section--4__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--4 .section--4__text--wrapper .section--4__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--4 .section--4__text--wrapper .section--4__text__header .section--4__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--4 .section--4__text--wrapper .section--4__text__text {
    color: #000;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--4 .section--4__image {
    background-image: url(../images/Homla_1672_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 878px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--4 .section--4__image {
        min-height: 594px
    }
}

html body #lp-prezentownik .section--5 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--5 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--5 .section--5__row-wrapper {
    width: 100%;
    max-width: 1345px;
    display: inline-block
}

html body #lp-prezentownik .section--5 .lp--row:nth-child(1) {
    order: 1;
    width: 100%;
    min-height: 612px
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--5 .lp--row:nth-child(1) {
        order: 2
    }
}

@media (min-width: 112.5em) {
    html body #lp-prezentownik .section--5 .lp--row:nth-child(1) {
        display: block
    }
}

html body #lp-prezentownik .section--5 .lp--row:nth-child(2) {
    order: 2;
    margin-top: 0
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--5 .lp--row:nth-child(2) {
        order: 1
    }
}

@media (min-width: 112.5em) {
    html body #lp-prezentownik .section--5 .lp--row:nth-child(2) {
        flex-direction: column;
        align-items: center
    }
}

html body #lp-prezentownik .section--5 .lp--col-1-of-2 {
    width: 50% !important;
    margin-right: 0 !important
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--5 .lp--col-1-of-2:nth-child(2) {
        display: none
    }
}

html body #lp-prezentownik .section--5 .section--5__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 32px 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--5 .section--5__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--5 .section--5__text--wrapper .section--5__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--5 .section--5__text--wrapper .section--5__text__header .section--5__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--5 .section--5__text--wrapper .section--5__text__text {
    color: #000;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--5 .section--5__image--1 {
    background-image: url(../images/IMG_0155v1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 80%;
    width: 100%;
    min-height: 612px
}

html body #lp-prezentownik .section--5 .section--5__image--2 {
    background-image: url(../images/IMG_0155v1.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 612px
}

html body #lp-prezentownik .section--6 {
    width: 100%;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--6 .lp--col-1-of-2:first-of-type {
    display: flex;
    justify-content: end;
    align-items: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .lp--col-1-of-2:first-of-type {
        justify-content: center
    }
}

html body #lp-prezentownik .section--6 .section--6__col-wrapper {
    position: relative;
    width: 75%;
    max-width: 620px;
    display: inline-block;
    text-align: left;
    z-index: 2;
    min-height: 878px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .section--6__col-wrapper {
        width: 100%;
        min-height: 594px
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .section--6__col-wrapper {
        text-align: center
    }
}

html body #lp-prezentownik .section--6 .lp--col-1-of-2:nth-child(1) {
    order: 1
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .lp--col-1-of-2:nth-child(1) {
        order: 2
    }
}

html body #lp-prezentownik .section--6 .lp--col-1-of-2:nth-child(2) {
    order: 2
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .lp--col-1-of-2:nth-child(2) {
        order: 1
    }
}

html body #lp-prezentownik .section--6 .section--6__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: start;
    text-align: left;
    margin: 32px 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .section--6__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--6 .section--6__text--wrapper .section--6__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--6 .section--6__text--wrapper .section--6__text__header .section--6__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--6 .section--6__text--wrapper .section--6__text__text {
    color: #000;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--6 .section--6__image {
    background-image: url(../images/Homla_2702_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 914px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--6 .section--6__image {
        min-height: 594px
    }
}

html body #lp-prezentownik .section--7 {
    width: 100%;
    background-color: #910f1b;
    text-align: center;
    position: relative;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--7 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--7 .section--7__ribbon--left {
    position: absolute;
    inset: -122px 0 0 -10%;
    margin: 0;
    z-index: 1;
    background-repeat: no-repeat;
    min-height: 220px;
    background-image: url(../images/kokardka11.png)
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--7 .section--7__ribbon--left {
        left: -100%;
        top: 38%
    }
}

html body #lp-prezentownik .section--7 .section--7__row-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1345px;
    z-index: 2
}

html body #lp-prezentownik .section--7 .section--7__image {
    background-image: url(../images/IMG_9287_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    width: 100%;
    min-height: 616px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--7 .section--7__image {
        min-height: 576px
    }
}

html body #lp-prezentownik .section--7 .section--7__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 6.4rem 0 3.2rem
}

html body #lp-prezentownik .section--7 .section--7__text--wrapper .section--7__text__header {
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--7 .section--7__text--wrapper .section--7__text__header .section--7__text__header--bold {
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--7 .section--7__text--wrapper .section--7__text__text {
    color: #fff;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--8 {
    width: 100%;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--8 .lp--col-1-of-2:first-of-type {
    display: flex;
    justify-content: end;
    align-items: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .lp--col-1-of-2:first-of-type {
        justify-content: center
    }
}

html body #lp-prezentownik .section--8 .section--8__ribbon--wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc((100% + 6.4rem)/2);
    margin: 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__ribbon--wrapper {
        left: 0
    }
}

html body #lp-prezentownik .section--8 .section--8__ribbon--right {
    position: absolute;
    right: 0;
    bottom: -11%;
    left: 0;
    margin: 0;
    z-index: 1;
    background-repeat: no-repeat;
    min-height: 220px;
    background-image: url(../images/kokardka22.png)
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__ribbon--right {
        display: none
    }
}

html body #lp-prezentownik .section--8 .section--8__col-wrapper {
    position: relative;
    width: 75%;
    max-width: 620px;
    display: inline-block;
    text-align: left;
    z-index: 2;
    min-height: 878px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__col-wrapper {
        width: 100%;
        min-height: 594px
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__col-wrapper {
        text-align: center
    }
}

html body #lp-prezentownik .section--8 .lp--col-1-of-2:nth-child(1) {
    order: 1
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .lp--col-1-of-2:nth-child(1) {
        order: 2
    }
}

html body #lp-prezentownik .section--8 .lp--col-1-of-2:nth-child(2) {
    position: relative;
    order: 2
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .lp--col-1-of-2:nth-child(2) {
        order: 1
    }
}

html body #lp-prezentownik .section--8 .section--8__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: start;
    text-align: left;
    margin: 32px 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--8 .section--8__text--wrapper .section--8__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--8 .section--8__text--wrapper .section--8__text__header .section--8__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--8 .section--8__text--wrapper .section--8__text__text {
    color: #000;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--8 .section--8__image {
    background-image: url(../images/CHRISTMAS46794_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 897px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--8 .section--8__image {
        min-height: 594px
    }
}

html body #lp-prezentownik .section--9 {
    width: 100%;
    text-align: center;
    margin-top: 9.6rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--9 .lp--row:nth-child(2) {
    margin-top: 3.2rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .lp--row:nth-child(2) {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--9 .swiper--7 {
    max-height: 699px;
    padding: 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .swiper--7 {
        max-height: 494px
    }
}

html body #lp-prezentownik .section--9 .section--9__image--1 {
    background-image: url(../images/IMG_8546.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 699px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .section--9__image--1 {
        min-height: 494px
    }
}

html body #lp-prezentownik .section--9 .section--9__image--2 {
    background-image: url(../images/Homla_1320_1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 699px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .section--9__image--2 {
        min-height: 494px
    }
}

html body #lp-prezentownik .section--9 .section--9__image--3 {
    background-image: url(../images/077_retusz.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 699px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .section--9__image--3 {
        min-height: 494px
    }
}

html body #lp-prezentownik .section--9 .swiper--8 {
    max-width: 1345px
}

html body #lp-prezentownik .section--9 .section--9__row-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 1345px
}

html body #lp-prezentownik .section--9 .section--9__text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 32px 0
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--9 .section--9__text--wrapper {
        align-items: center;
        text-align: center
    }
}

html body #lp-prezentownik .section--9 .section--9__text--wrapper .section--9__text__header {
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--9 .section--9__text--wrapper .section--9__text__header .section--9__text__header--bold {
    color: #000;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2.4rem, 2vw + 1.25rem, 3.6rem);
    font-family: Bodoni Moda, serif
}

html body #lp-prezentownik .section--9 .section--9__text--wrapper .section--9__text__text {
    color: #000;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--10 {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 6.4rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .section--10 {
        margin-top: 0
    }
}

html body #lp-prezentownik .section--10 .lp--row {
    margin-bottom: 0
}

@media (min-width: 112.5em) {
    html body #lp-prezentownik .section--10 .lp--row {
        flex-direction: column;
        align-items: center
    }
}

html body #lp-prezentownik .section--10:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #910f1b;
    z-index: 1
}

html body #lp-prezentownik .section--10 .section--10__ribbon--left {
    position: absolute;
    right: 0;
    bottom: -100px;
    left: -10%;
    margin: 0;
    z-index: 1;
    background-repeat: no-repeat;
    min-height: 220px;
    background-image: url(../images/kokardka11.png)
}

@media (max-width: 37.5em) {
    html body #lp-prezentownik .section--10 .section--10__ribbon--left {
        left: -100%
    }
}

html body #lp-prezentownik .section--10 .section--10__text--wrapper {
    position: relative;
    text-align: center;
    z-index: 2;
    margin-top: 3.2rem
}

@media (max-width: 75em) {
    html body #lp-prezentownik .section--10 .section--10__text--wrapper {
        margin-top: 6.4rem
    }
}

html body #lp-prezentownik .section--10 .section--10__text--wrapper .section--10__text__text {
    color: #fff;
    font-weight: 300;
    font-size: clamp(1.6rem, 1vw + 1rem, 2.4rem);
    font-family: Lato, sans-serif
}

html body #lp-prezentownik .section--10 .section--10__container {
    position: relative;
    z-index: 2
}

html body #lp-prezentownik .section--10 .section--10__container .section--10__container__video {
    margin: 0 auto;
    width: 100%;
    max-width: 1345px;
    min-height: 683px
}

html body #lp-prezentownik .section--10 .lp-btn {
    z-index: 2;
    position: relative
}

html body #lp-prezentownik .lp--row {
    max-width: 192rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .lp--row {
        display: flex;
        flex-direction: column
    }
}

html body #lp-prezentownik .lp--row:after {
    content: "";
    display: table;
    clear: both
}

html body #lp-prezentownik .lp--row .lp--col-1-of-2 {
    width: calc((100% - 6.4rem)/2);
    max-width: 960px;
    float: left
}

html body #lp-prezentownik .lp--row .lp--col-1-of-2:not(:last-child) {
    margin-right: 6.4rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .lp--row .lp--col-1-of-2:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .lp--row .lp--col-1-of-2 {
        width: 100% !important
    }
}

html body #lp-prezentownik .lp--row .lp--col-1-of-3 {
    width: calc((100% - 2 * 6.4rem) / 3);
    float: left
}

html body #lp-prezentownik .lp--row .lp--col-1-of-3:not(:last-child) {
    margin-right: 6.4rem
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .lp--row .lp--col-1-of-3:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .lp--row .lp--col-1-of-3 {
        width: 100% !important
    }
}

html body #lp-prezentownik .swiper {
    padding: 0 37px
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .swiper {
        padding: 0 19px
    }
}

html body #lp-prezentownik .swiper .swiper-button-prev {
    color: transparent;
    -webkit-tap-highlight-color: transparent;
    top: auto;
    bottom: 0;
    left: -12px;
    width: 24px;
    height: 24px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #d9d9d9
}

@media (min-width: 768px) {
    html body #lp-prezentownik .swiper .swiper-button-prev {
        left: -16px;
        width: 30px;
        height: 30px;
        border-top-width: 15px;
        border-bottom-width: 15px;
        border-right-width: 15px
    }
}

@media (min-width: 1025px) {
    html body #lp-prezentownik .swiper .swiper-button-prev {
        left: -20px;
        width: 38px;
        height: 38px;
        border-top-width: 19px;
        border-bottom-width: 19px;
        border-right-width: 19px
    }
}

html body #lp-prezentownik .swiper .swiper-button-prev.swiper-button-lock {
    display: flex
}

html body #lp-prezentownik .swiper .swiper-button-next {
    color: transparent;
    -webkit-tap-highlight-color: transparent;
    top: auto;
    bottom: 0;
    right: -12px;
    width: 24px;
    height: 24px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #d9d9d9
}

@media (min-width: 768px) {
    html body #lp-prezentownik .swiper .swiper-button-next {
        right: -16px;
        width: 30px;
        height: 30px;
        border-top-width: 15px;
        border-bottom-width: 15px;
        border-right-width: 15px
    }
}

@media (min-width: 1025px) {
    html body #lp-prezentownik .swiper .swiper-button-next {
        right: -20px;
        width: 38px;
        height: 38px;
        border-top-width: 19px;
        border-bottom-width: 19px;
        border-left-width: 19px
    }
}

html body #lp-prezentownik .swiper .swiper-button-next.swiper-button-lock {
    display: flex
}

html body #lp-prezentownik .bgvid {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 56.25em) {
    html body #lp-prezentownik .bgvid {
        aspect-ratio: 1/1
    }
}

html body #lp-prezentownik .lp-btn {
    display: inline-block;
    padding: 15px 30px;
    background-color: transparent;
    color: #000;
    font-family: Lato, sans-serif;
    font-size: clamp(1.6rem, 1vw + 1rem, 2rem);
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    border: none;
    margin: 3.2rem auto;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

html body #lp-prezentownik .lp-btn-black {
    border: 1.5px solid #000000
}

html body #lp-prezentownik .lp-btn-black:hover {
    background-color: #000;
    color: #fff
}

html body #lp-prezentownik .lp-btn-white {
    color: #fff;
    border: 1.5px solid #ffffff
}

html body #lp-prezentownik .lp-btn-white:hover {
    background-color: #fff;
    color: #000
}

html body #lp-prezentownik .lp-btn-arrow-red {
    color: #910f1b
}

html body #lp-prezentownik .lp-btn-arrow-red:hover {
    text-decoration: underline
}

html body #lp-prezentownik .lp-btn-arrow-white {
    color: #fff
}

html body #lp-prezentownik .lp-btn-arrow-white:hover {
    text-decoration: underline
}

html body #lp-prezentownik .lp-btn-arrow-black {
    color: #000
}

html body #lp-prezentownik .lp-btn-arrow-black:hover {
    text-decoration: underline
}

html body #lp-prezentownik .linebreak,
html body #lp-prezentownik .linebreak--mobile {
    display: inline-block
}

@media (min-width: 769px) {
    html body #lp-prezentownik .linebreak--mobile {
        display: none
    }
}

html body #lp-prezentownik .linebreak--desktop {
    display: none
}

@media (min-width: 769px) {
    html body #lp-prezentownik .linebreak--desktop {
        display: inline-block
    }
}