:root {
  --colors--accent: #ffed00;
  --colors--red: #e50303;
  --colors--size--h4-32px: 2rem;
  --colors--size--large-20px: 1.25rem;
  --colors--size--h3-40px: 2.5rem;
  --colors--size--h5-30px: 1.875rem;
  --colors--size--h6-34px: 1.5rem;
  --colors--size--medium-18px: 1.125rem;
  --colors--size--regular-16px: 1rem;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.heading-h1 {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h2 {
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h3 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h4 {
  flex: none;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h5 {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-h6 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-size-large {
  font-size: 1.25rem;
}

.text-size-small {
  font-size: .875rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.navbar-logo-left {
  z-index: 999;
  background-color: #053253;
  position: static;
  inset: 0% 0% auto;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 95%;
  max-width: 1400px;
  margin-bottom: 0;
  padding: 0;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  text-transform: uppercase;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--colors--accent);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.button-primary {
  background-color: var(--colors--red);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  background-color: var(--colors--accent);
  color: var(--colors--red);
}

.button-primary:active {
  background-color: #43464d;
}

.body {
  background-color: #073253;
  font-family: Proza Libre, sans-serif;
}

.div-block {
  color: #efc41a;
  text-align: center;
  background-color: #f0473a;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-span {
  color: #fff;
}

.swiper {
  width: calc(98% - 100px);
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto !important;
}

.vertical-center-space-between {
  color: #000;
  text-align: center;
  background-color: #fff;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.prezent-belka {
  color: #fff;
  background-color: #2aaadd;
  flex: 0 auto;
  width: 100%;
  padding: 20px;
}

.image-prezent {
  width: auto;
}

.prezent-przesylka {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #d11800;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  font-weight: 700;
  display: block;
}

.div-block-6 {
  text-transform: uppercase;
}

.flex-vertical-center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-vertical-center.padding-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.space-large-20 {
  width: 100%;
  min-height: 20px;
}

.section-prezenty {
  background-image: url('../images/t2-bg-prezenty_1t2-bg-prezenty.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
}

.wrap-inner {
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.swiper-arrow-prev {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 50% auto 0% 0%;
}

.div-block-8 {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-co-tydzien {
  background-color: #d0e3f6;
}

.space-xxlarge-100px {
  width: 100%;
  min-height: 100px;
}

.div-block-9 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #d11800;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  max-width: 75px;
}

.slider-co-tydzien {
  width: 70%;
  position: relative;
}

.swiper-arrow-next {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 50% 0 0% auto;
}

.div-block-10 {
  width: 30%;
}

.div-block-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-arrow-prev-2 {
  width: 32px;
  height: 50px;
  position: absolute;
  inset: 50% auto 0% 0%;
}

.swiper-arrow-next-2 {
  width: 32px;
  height: 50px;
  position: absolute;
  inset: 50% 0 0% auto;
}

.slider-nr-3 {
  width: 100%;
  position: relative;
}

.swiper-arrow-prev-3 {
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: 50% auto 0% 0%;
}

.swiper-arrow-next-3 {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 50% 0 0% auto;
}

.code-embed {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-13 {
  color: #fff;
  background-color: #f48200;
}

.div-block-14 {
  background-color: #fc6b0d;
  padding: 16px;
}

.div-block-15 {
  padding: 16px;
}

.div-block-13-copy {
  color: #fff;
  background-color: #036f9b;
}

.div-block-14-copy {
  background-color: #fc6b0d;
  padding: 16px;
}

.niebieski-header {
  background-color: #6099d0;
  padding: 16px;
}

.niebieski {
  color: #fff;
  background-color: #5688b8;
}

.granatowy {
  color: #fff;
  background-color: #036f9b;
}

.granatowy-header {
  background-color: #10365b;
  padding: 16px;
}

.grid-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.link-block-2 {
  border-radius: 0;
  padding: 2px;
  text-decoration: none;
  display: flex;
}

.div-block-86 {
  padding: 2px;
}

.text-span-28 {
  color: #fc0;
}

.font-size-22 {
  margin-bottom: 0;
  font-size: clamp(18px, 1.4vw, 22px);
  font-style: normal;
  line-height: 1.3em;
}

.text-span-25 {
  font-weight: 400;
}

.img-krk-6 {
  width: 8vw;
}

.text-block-14 {
  font-family: Lato, sans-serif;
  font-size: clamp(20px, 1.55vw, 24px);
  font-weight: 700;
}

.div-block-82 {
  text-align: left;
  background-color: #e7f4f6;
  border: 5px solid #955a8e;
  padding: 3px;
}

.elispe-punktor {
  padding-top: 5px;
}

.image-15 {
  width: 5vw;
}

.div-block-85 {
  color: #e7f4f6;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 30px;
  font-weight: 700;
  display: flex;
}

.list-punktor {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-84 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.img-krok-5 {
  width: 6vw;
}

.font-sieze-38 {
  color: #fff;
  text-align: center;
  font-size: clamp(22px, 1.9vw, 38px);
  font-weight: 700;
  line-height: 1.2em;
}

.section-4 {
  color: #fff;
  background-color: #0000;
  max-width: 126%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 60px;
}

.font-size-20 {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.2;
}

.font-size-20.center {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.text-span-26 {
  font-weight: 400;
}

.div-block-87 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.container-m {
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-88 {
  text-align: center;
  text-transform: uppercase;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  font-style: italic;
  font-weight: 700;
}

.div-block-83 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8% 15%;
  font-style: italic;
  font-weight: 700;
  display: flex;
}

.font-size-30 {
  padding-left: 0;
  padding-right: 0;
  font-size: clamp(16px, 1.65vw, 30px);
  font-style: normal;
  line-height: 1.2em;
}

.text-span-24 {
  font-weight: 400;
}

.div-block-89 {
  text-align: center;
}

.font-size-24-2 {
  text-align: left;
  font-size: clamp(20px, 1.55vw, 24px);
  font-weight: 700;
  line-height: 1.2em;
  display: flex;
}

.grid-12 {
  grid-template-rows: auto;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-27 {
  font-style: normal;
  font-weight: 400;
}

.prenumerata-krok {
  color: #492f5d;
  background-color: #e7f4f6;
  border: 2px #955a8e;
  height: 100%;
  padding: 16px;
}

.fon-size-40 {
  font-size: clamp(30px, 4vw, 40px);
}

.div-block-11 {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-top: 16px;
  display: flex;
}

.div-block-50 {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  background-color: #fc0;
  border-radius: 0;
  padding: 16px 24px;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-faq01_answer {
  overflow: hidden;
}

.div-block-24 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer {
  color: #fff;
}

.div-block-23 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #dddaed;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq-list {
  color: #dcdaed;
  width: 95%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: none;
}

.uui-faq01_question {
  color: #fff;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.div-block-22 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.accordion-icon_horizontal-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.text-span-12, .link-4 {
  color: #000;
}

.faq-header {
  color: #dcdaed;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.prenumerata-under-kroki {
  text-align: center;
  text-transform: uppercase;
  border-radius: 12px;
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 10px;
  font-weight: 700;
  line-height: 1.1em;
  display: none;
}

.uui-text-size-medium-2 {
  color: #fff;
  letter-spacing: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.bold-text {
  color: #000;
}

.text-block-18 {
  text-align: center;
  width: 95%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  font-size: 20px;
}

.footer-link {
  color: #fff;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.uui-faq01_list {
  width: 95%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.accordion-icon_component {
  color: #000;
  border: 2px solid #98a2b3;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.faq-content {
  opacity: 1;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  line-height: 1.3em;
  display: none;
}

.div-block-90 {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-weight: 700;
  display: none;
}

.text-span-11 {
  color: #fe9000;
}

.section-5 {
  background-color: #0000;
}

.logo-hachette {
  width: 100%;
  max-width: 180px;
}

.faq-minus {
  width: auto;
  display: none;
}

.uui-faq01_accordion {
  border-bottom: 1px solid #ffffff45;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.uui-faq01_accordion.last-item {
  border-bottom-color: #0000;
}

.div-block-91 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.faq-plus {
  width: auto;
}

.font-sieze-36 {
  text-transform: uppercase;
  font-size: clamp(18px, 1.75vw, 36px);
  line-height: 1.2em;
}

.uui-faq01_icon-wrapper {
  color: #7f56d9;
}

.faq-item {
  border: 1px #492f5d;
  border-bottom: 1px solid #ffffff4f;
  margin-bottom: 10px;
  padding-bottom: 7px;
  display: block;
}

.heading-2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.uui-faq01_heading {
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
}

.nav-btn-zamow {
  color: #000;
  text-transform: uppercase;
  background-color: #fc0;
  border: 1px #fcf3d7;
  border-radius: 0;
  margin-left: 26px;
  padding: 10px 15px;
  font-size: 20px;
}

.accordion-icon_vertical-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

.terms {
  z-index: 999;
  background-color: #0009;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-18 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 20px;
  width: 95%;
  max-width: 600px;
  height: 90vh;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}

.div-block-20 {
  border-bottom: 1px solid #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-16 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.text-block-17 {
  text-align: center;
}

.div-block-19 {
  height: calc(100% - 150px);
  padding: 10px;
  overflow: auto;
}

.div-block-21 {
  border-top: 1px solid #000;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.button-2 {
  color: #fff;
  background-color: #000;
  margin-top: 7px;
}

.belka-cta {
  z-index: 9999;
  background-color: #073253;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 68px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.button-3 {
  background-color: var(--colors--red);
  color: #fff;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 6px;
  padding: 12px 18px;
  font-size: clamp(18px, 1.75vw, 36px);
  font-weight: 700;
}

.paragraph-15 {
  color: #000;
  text-align: center;
  font-weight: 700;
}

.button-primary-copy {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #d11800;
  border-radius: 6px;
  padding: 12px 25px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-copy:hover {
  color: #e84e41;
  background-color: #efc41a;
}

.button-primary-copy:active {
  background-color: #43464d;
}

.image-16 {
  display: none;
}

.image-18 {
  max-width: 300px;
}

.div-block-92 {
  z-index: 999;
  width: 100%;
  position: fixed;
}

.section-6 {
  background-color: #fff6d0;
}

.image-19 {
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
}

.image-20 {
  max-width: 1250%;
}

.div-block-93 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.vertical-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-align-center {
  text-align: center;
}

.space-xlarge {
  width: 100%;
  min-height: 5rem;
}

.text-bold {
  font-weight: 700;
}

.heading-h1-2 {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

.sg-border {
  border: 1px solid #000;
}

.heading-h5-2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.space-8 {
  width: 100%;
  height: .5rem;
}

.space-large {
  width: 100%;
  min-height: 3.5rem;
}

.text-size-small-14 {
  font-size: .875rem;
}

.text-size-large-20 {
  color: #fff;
  flex: none;
  font-size: 1.5rem;
  font-weight: 500;
}

.text-align-right {
  text-align: right;
}

.space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.space-80 {
  width: 100%;
  height: 5rem;
}

.space-100 {
  width: 100%;
  height: 6.25rem;
}

.space-medium {
  width: 100%;
  min-height: 2.5rem;
}

.space-xxxlarge {
  width: 100%;
  min-height: 10rem;
}

.text-size-medium-18 {
  font-size: 1.125rem;
}

.heading-h2-2 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.space-60 {
  width: 100%;
  height: 3.75rem;
}

.space-150 {
  width: 100%;
  height: 9.5rem;
}

.sg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #141414;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  max-width: 1400px;
  margin: 60px auto;
  padding: 20px;
  display: grid;
}

.space-xxlarge {
  width: 100%;
  min-height: 6.25rem;
}

.heading-h4-2 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.secondary-button {
  color: #fff;
  background-color: #003cff;
  border: 1px solid #060f9e;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.secondary-button:hover {
  color: #00f7ff;
  background-color: #19109e;
  border-color: #050229;
}

.heading-h6-2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.space-24 {
  width: 100%;
  height: 1.5rem;
}

.flex-center-center {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-row-center {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.space-xxxsmall {
  width: 100%;
  min-height: .25rem;
}

.heading-h3-2 {
  text-align: left;
  flex: none;
  font-size: 3rem;
  line-height: 1.2;
}

.primary-button {
  color: #fff;
  text-transform: uppercase;
  background-color: #d60000;
  border: 1px solid #d60000;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-button:hover {
  background-color: #000;
}

.space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.vertical-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dp-button-row-right {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.space-small {
  width: 100%;
  min-height: 1.25rem;
}

.text-align-left {
  text-align: left;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #056182;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  background-color: var(--colors--accent);
  color: var(--colors--red);
}

.button-primary-2:active {
  background-color: #43464d;
}

.section-7 {
  background-image: linear-gradient(#fff6d0 57%, #063e66 81%);
}

.paragraph-16 {
  color: #053253;
  font-size: var(--colors--size--h4-32px);
  text-align: center;
}

.text-span-29 {
  font-weight: 700;
}

.text-span-30 {
  text-decoration: line-through;
}

.text-span-31 {
  font-size: var(--colors--size--large-20px);
}

.div-block-94 {
  position: relative;
}

.image-21 {
  max-width: 220px;
  position: absolute;
  inset: 0% 7% auto auto;
}

.grid-13 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.paragraph-17 {
  color: #fff9c7;
  font-size: var(--colors--size--h4-32px);
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}

.text-span-32 {
  color: #eee41d;
}

.div-block-95 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-22 {
  max-width: 175px;
}

.section-8 {
  background-image: linear-gradient(#083a5e, #004f88);
}

.image-23 {
  max-width: 1088px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-96 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-3 {
  color: #fff;
  font-size: var(--colors--size--h3-40px);
  text-align: center;
  text-transform: uppercase;
}

.heading-3.asdf {
  width: 100%;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-18 {
  color: #fff;
  text-align: center;
}

.div-block-97 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-98 {
  color: #fff;
  position: relative;
}

.text-block-19 {
  font-size: var(--colors--size--h4-32px);
}

.paragraph-19 {
  font-size: var(--colors--size--large-20px);
}

.text-block-20 {
  color: #ffffff26;
  text-align: center;
  font-size: 400px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: 0%;
}

.section-9 {
  background-image: linear-gradient(#083c60, #1e1e1e);
}

.image-24 {
  max-width: 1250px;
}

.div-block-99 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bold-text-2, .bold-text-3 {
  color: #fff;
}

.text-span-33 {
  color: var(--colors--accent);
}

.text-block-21 {
  text-align: center;
  text-transform: uppercase;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

@media screen and (min-width: 1280px) {
  .prenumerata-under-kroki {
    flex-flow: column;
  }
}

@media screen and (min-width: 1440px) {
  .img-krk-6, .image-15, .img-krok-5 {
    width: auto;
  }
}

@media screen and (min-width: 1920px) {
  .div-block-82 {
    padding: 4px;
  }

  .div-block-83 {
    padding-top: 6%;
    padding-bottom: 6%;
  }

  .prenumerata-under-kroki {
    max-width: 900px;
    font-size: 32px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --colors--accent: #ffed00;
    --colors--red: #e50303;
    --colors--size--h4-32px: 2rem;
    --colors--size--large-20px: 1.25rem;
    --colors--size--h3-40px: 2.25rem;
    --colors--size--h5-30px: 1.875rem;
    --colors--size--h6-34px: 1.5rem;
    --colors--size--medium-18px: 1.125rem;
    --colors--size--regular-16px: 1rem;
  }

  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 3.25rem;
  }

  h3 {
    font-size: 2.75rem;
  }

  h6 {
    font-size: 1.25rem;
  }

  .heading-h1 {
    font-size: 4.6rem;
  }

  .heading-h2 {
    font-size: 3.25rem;
  }

  .heading-h3 {
    font-size: 2.75rem;
  }

  .heading-h6 {
    font-size: 1.25rem;
  }

  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #2aaadd;
    border-radius: 50px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding: 10px 5px;
    display: block;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #2aaadd;
  }

  .section-prezenty {
    padding-top: 60px;
  }

  .space-xxlarge-100px {
    min-height: 70px;
  }

  .space-xlarge {
    min-height: 3.5rem;
  }

  .space-large {
    min-height: 2.5rem;
  }

  .space-medium {
    min-height: 1.75rem;
  }

  .space-xxxlarge {
    min-height: 7.5rem;
  }

  .space-xxlarge {
    min-height: 4.5rem;
  }

  .space-xsmall {
    min-height: .75rem;
  }

  .space-small {
    min-height: 1rem;
  }

  .grid-13 {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  body {
    --colors--accent: #ffed00;
    --colors--red: #e50303;
    --colors--size--h4-32px: 1.5rem;
    --colors--size--large-20px: 1.125rem;
    --colors--size--h3-40px: 2rem;
    --colors--size--h5-30px: 1.5px;
    --colors--size--h6-34px: 1.5rem;
    --colors--size--medium-18px: 1rem;
    --colors--size--regular-16px: 1rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  h5 {
    font-size: 1.5rem;
  }

  .heading-h1 {
    font-size: 2.5rem;
  }

  .heading-h2 {
    font-size: 2.25rem;
  }

  .heading-h3 {
    font-size: 2rem;
  }

  .heading-h4 {
    font-size: 1.75rem;
  }

  .heading-h5 {
    font-size: 1.5rem;
  }

  .heading-h6 {
    font-size: 1.25rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .navbar-logo-left {
    position: fixed;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    background-color: #073253;
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .menu-button.w--open {
    background-color: #073253;
  }

  .section-prezenty {
    padding-top: 30px;
  }

  .space-xxlarge-100px {
    min-height: 50px;
  }

  .div-block-9 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image {
    display: none;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .grid-2 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .image-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .image-16 {
    display: block;
  }

  .image-17 {
    display: none;
  }

  .icon {
    color: #fff;
  }

  .space-xlarge {
    min-height: 2.5rem;
  }

  .space-large {
    min-height: 1.75rem;
  }

  .space-xxsmall {
    min-height: .25rem;
  }

  .space-100 {
    height: 3rem;
  }

  .space-medium {
    min-height: 1.25rem;
  }

  .space-xxxlarge {
    min-height: 5rem;
  }

  .space-150 {
    height: 8rem;
  }

  .space-xxlarge {
    min-height: 3rem;
  }

  .secondary-button {
    flex: 0 auto;
    width: 100%;
  }

  .button-row-center {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .primary-button {
    flex: 0 auto;
    width: 100%;
  }

  .space-xsmall {
    min-height: .5rem;
  }

  .space-small {
    min-height: .75rem;
  }

  .grid-13 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-97 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .img-krk-6, .image-15 {
    width: auto;
  }

  .div-block-85 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-84 {
    margin-top: 0;
    position: static;
  }

  .img-krok-5 {
    width: auto;
  }

  .font-sieze-38 {
    text-align: center;
  }

  .div-block-83 {
    padding-top: 0%;
  }

  .font-size-24-2 {
    font-size: clamp(18px, 1.55vw, 24px);
  }

  .grid-12 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding-top: 8%;
  }

  .grid-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-23 {
    justify-content: flex-start;
    align-items: center;
  }

  .faq-list {
    padding: 20px 10px;
  }

  .div-block-22 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .paragraph-14 {
    text-align: center;
  }

  .faq-header {
    line-height: 1.3em;
  }

  .prenumerata-under-kroki {
    width: auto;
    max-width: 90%;
    margin-top: 6%;
    font-size: 6vw;
  }

  .text-block-18 {
    font-size: 16px;
  }

  .logo-hachette {
    width: 100%;
  }

  .heading-2 {
    line-height: 1.2em;
  }

  .nav-btn-zamow {
    text-align: center;
    width: 90%;
    margin-bottom: 20px;
  }

  .text-block-17 {
    font-size: 14px;
  }

  .div-block-19 {
    height: calc(100% - 180px);
  }

  .image-16 {
    margin-top: 45px;
  }

  .image-18 {
    max-width: 300px;
  }

  .space-100 {
    height: 3rem;
  }

  .space-150 {
    height: 4rem;
  }

  .secondary-button {
    flex: 0 auto;
  }

  .space-24 {
    height: 1rem;
  }

  .primary-button {
    flex: 0 auto;
  }

  .div-block-94 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 350px;
    display: flex;
  }

  .image-21 {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .grid-13 {
    grid-template-columns: 1fr;
  }

  .div-block-95 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
}

#w-node-_368fe85f-4935-57bc-13fc-7e156196f86b-f758b4f7, #w-node-_8868f204-7e95-5373-442d-68792a4c5651-f758b4f7, #w-node-_528f69f7-0264-f8ba-3319-7b947b44f9d4-f758b4f7, #w-node-_528f69f7-0264-f8ba-3319-7b947b44f9d6-f758b4f7, #w-node-_76085559-5fcf-795f-d10a-f3cab1f5e069-f758b4f7, #w-node-_76085559-5fcf-795f-d10a-f3cab1f5e06b-f758b4f7, #w-node-_305ab16c-1238-d119-6838-25c27ccf8a54-f758b4f7, #w-node-_305ab16c-1238-d119-6838-25c27ccf8a56-f758b4f7, #w-node-cb0e1b6b-00ed-f328-8970-7dcef678a56e-f758b4f7, #w-node-cb0e1b6b-00ed-f328-8970-7dcef678a570-f758b4f7 {
  place-self: center;
}