@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/*
 * 	Green theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

@keyframes preloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
body {
  font-family: "Poppins", sans-serif;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  font-size: 18rem;
  line-height: 120%; }
  body .icon-element {
    width: 20px !important;
    height: 20px !important; }
  body main {
    background: transparent; }
  body.violet-green-bg {
    background: linear-gradient(180deg, #d6ff1f 0%, #eaffb5 20%, #eaffb5cc 22%, #7a3cff1a 29%, #cba6ff 47%, #7a3cff 100%); }
    body.violet-green-bg .top-footer .bottom-nav li a {
      color: var(--secondary-title); }
    body.violet-green-bg .top-footer .wrapper {
      border-top: 1px solid #cabdee;
      padding-top: 40px; }
    body.violet-green-bg p, body.violet-green-bg a, body.violet-green-bg ul li, body.violet-green-bg ol li {
      color: var(--secondary-title); }
    body.violet-green-bg h1, body.violet-green-bg h2, body.violet-green-bg h3, body.violet-green-bg h4, body.violet-green-bg h5 {
      color: var(--element1-color); }
    body.violet-green-bg a:hover {
      color: var(--element1-color); }
  body.violet-bg {
    background-color: var(--element2-color); }
    body.violet-bg .table-responsive .table thead tr {
      background-color: var(--element1-color); }
    body.violet-bg .table-responsive .table td {
      color: var(--secondary-title);
      border: 1px solid var(--element1-color); }
    body.violet-bg .top-footer .bottom-nav li a {
      color: var(--secondary-title); }
    body.violet-bg .top-footer .wrapper {
      border-top: 1px solid #cabdee;
      padding-top: 40px; }
    body.violet-bg .mybg-element1 p, body.violet-bg .mybg-element1 a, body.violet-bg .mybg-element1 ul li, body.violet-bg .mybg-element1 ol li {
      color: var(--primary-text); }
    body.violet-bg .mybg-element1 h1, body.violet-bg .mybg-element1 h2, body.violet-bg .mybg-element1 h3, body.violet-bg .mybg-element1 h4, body.violet-bg .mybg-element1 h5 {
      color: var(--primary-text); }
    body.violet-bg .mybg-element1 a:hover {
      color: var(--primary-text); }
    body.violet-bg .gradient-bg.mybg-element1:after {
      background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, #cafd00 100%); }
    body.violet-bg .gradient-bg:after {
      background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, #6D37FF 100%); }
    body.violet-bg .btn-empty {
      color: var(--secondary-title) !important;
      border-color: var(--element1-color) !important; }
      body.violet-bg .btn-empty:hover {
        border-color: var(--element1-color) !important;
        color: var(--secondary-title) !important; }
    body.violet-bg .btn-primary {
      border-color: var(--element1-color) !important; }
      body.violet-bg .btn-primary:hover {
        border-color: var(--element1-color) !important; }
    body.violet-bg .btn-secondary {
      color: var(--secondary-title) !important;
      background-color: var(--dark-bg2) !important;
      border-color: var(--dark-bg2) !important; }
      body.violet-bg .btn-secondary:hover {
        color: var(--secondary-title) !important;
        background-color: var(--dark-bg2) !important;
        border-color: var(--dark-bg2) !important; }
    body.violet-bg p, body.violet-bg a, body.violet-bg ul li, body.violet-bg ol li {
      color: var(--secondary-title); }
    body.violet-bg h1, body.violet-bg h2, body.violet-bg h3, body.violet-bg h4, body.violet-bg h5 {
      color: var(--element1-color); }
    body.violet-bg a:hover {
      color: var(--element1-color); }
    body.violet-bg .form-group label {
      color: var(--secondary-title); }
    body.violet-bg .btn {
      color: var(--primary-text); }
  body.green-bg {
    background-color: var(--element1-color); }
    body.green-bg .mybg-element1 {
      background-color: var(--element2-color); }
    body.green-bg .gradient-bg:after {
      background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, #cafd00 100%); }
    body.green-bg .btn-primary {
      background-color: var(--element2-color) !important;
      color: var(--element1-color) !important;
      border-color: var(--element2-color); }
      body.green-bg .btn-primary:hover {
        border-color: var(--element2-color) !important;
        color: var(--element2-color) !important;
        background-color: var(--element1-color) !important; }
  body.white-bg {
    background-color: var(--primary-bg); }
    body.white-bg .gradient-bg:after {
      background: linear-gradient(180deg, rgba(235, 235, 235, 0) 0%, #fff 100%); }
  body header a:hover {
    text-decoration: none; }
  body section {
    overflow-x: hidden;
    overflow-y: hidden; }
  body.compensate-for-scrollbar {
    margin-right: auto !important; }
  body h1 {
    color: var(--primary-title);
    font-size: 40rem;
    margin-bottom: 20rem; }
  body h2 {
    color: var(--primary-title);
    font-size: 60rem;
    font-weight: 600;
    letter-spacing: -1.8rem;
    line-height: 1.3;
    margin-bottom: 40rem; }
  body h3 {
    color: var(--primary-title);
    font-size: 25rem;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600; }
  body h4 {
    color: var(--primary-title);
    font-size: 23rem;
    margin-top: 15px;
    margin-bottom: 5px; }
  body p {
    color: var(--primary-text);
    font-size: 15rem;
    margin-bottom: 20rem;
    line-height: 1.4; }
    body p.success-alert {
      color: var(--element1-color);
      font-weight: 700;
      font-size: 20rem;
      text-align: center; }
    body p.danger-alert {
      color: #FF4E00;
      font-weight: 700;
      font-size: 20rem;
      text-align: center; }
    body p.warning-alert {
      color: #ffd800;
      font-weight: 700;
      font-size: 20rem;
      text-align: center; }
  body a {
    color: var(--element1-color);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-size: 15rem;
    line-height: 1.4; }
    body a[href="#"] {
      cursor: default; }
    body a:hover {
      color: var(--anhor); }
  body main ul li {
    display: flex; }
    body main ul li:before {
      margin-top: 9px; }
  body ul {
    list-style: none;
    padding-left: 10rem;
    margin-bottom: 20rem; }
    body ul li {
      margin-bottom: 0;
      color: var(--primary-text);
      font-size: 15rem;
      white-space: normal;
      line-height: 1.4; }
      body ul li strong, body ul li span {
        display: contents; }
      body ul li a {
        font-size: 100%; }
      body ul li:before {
        content: " ";
        display: inline-block;
        min-width: 0;
        width: 8px;
        height: 8px;
        background-color: var(--element1-color);
        border-radius: 50%;
        margin-right: 15px; }
  body ol {
    padding-left: 30rem;
    margin-bottom: 20rem; }
    body ol li {
      line-height: 1.4;
      margin-bottom: 0;
      color: var(--primary-text);
      font-size: 15rem;
      white-space: normal; }
      body ol li a {
        font-size: 100%; }
  body figure {
    margin: 0;
    max-width: 100%;
    width: 100% !important; }
    body figure.image-style-align-center {
      display: flex;
      justify-content: center; }
    body figure.image-style-align-left {
      display: flex;
      justify-content: flex-start; }
    body figure.image-style-align-right {
      display: flex;
      justify-content: flex-end; }
  body .form-optons {
    padding-left: 40px !important; }
    body .form-optons.radio {
      padding-left: 33px !important; }
  body input[type="number"], body input[type="text"], body input[type="tel"], body input[type="email"], body input[type="password"], body input[type="datetime-local"], body input[type="date"], body select.form-control, body textarea {
    border: none;
    width: 100%;
    margin: 0;
    background-color: #fff;
    border-radius: 50px;
    font-size: 100%;
    font-weight: 600;
    padding: 14px 22px;
    border: 1px solid var(--element1-color); }
    body input[type="number"]:focus, body input[type="number"]:hover, body input[type="text"]:focus, body input[type="text"]:hover, body input[type="tel"]:focus, body input[type="tel"]:hover, body input[type="email"]:focus, body input[type="email"]:hover, body input[type="password"]:focus, body input[type="password"]:hover, body input[type="datetime-local"]:focus, body input[type="datetime-local"]:hover, body input[type="date"]:focus, body input[type="date"]:hover, body select.form-control:focus, body select.form-control:hover, body textarea:focus, body textarea:hover {
      color: var(--dark-bg2); }
    body input[type="number"]::placeholder, body input[type="text"]::placeholder, body input[type="tel"]::placeholder, body input[type="email"]::placeholder, body input[type="password"]::placeholder, body input[type="datetime-local"]::placeholder, body input[type="date"]::placeholder, body select.form-control::placeholder, body textarea::placeholder {
      color: var(--transparent-color3); }
  body .label-radio {
    width: calc(100% - 25px);
    cursor: pointer;
    padding-left: 25px !important;
    position: relative; }
    body .label-radio.active:after {
      background-color: var(--text-hover); }
    body .label-radio:before {
      width: 18px;
      height: 18px;
      background-color: #fff;
      border-radius: 50%;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      border: 1px solid var(--element2-color); }
    body .label-radio:after {
      width: 10px;
      height: 10px;
      background-color: #fff;
      border-radius: 50%;
      content: "";
      display: block;
      position: absolute;
      left: 4px;
      top: 4px; }
  body input.form-radio {
    width: 25px;
    height: 25px;
    cursor: pointer;
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute; }
  body .label-file {
    width: 100%; }
  body input[type="file"] {
    height: auto;
    background-color: transparent;
    border: none;
    white-space: normal; }
  body textarea.form-control {
    height: 150px;
    border: none;
    width: 100%;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    font-size: 18rem;
    color: var(--transparent-color3);
    font-weight: 600;
    padding-left: 20px;
    padding-top: 15px;
    border: 1px solid var(--element1-color); }
    body textarea.form-control:hover::placeholder, body textarea.form-control:focus::placeholder {
      color: var(--dark-bg2); }
    body textarea.form-control::placeholder {
      color: var(--transparent-color3);
      font-weight: 600; }
    body textarea.form-control:focus {
      border-color: var(--element1-color); }
  body textarea {
    height: 120px; }

.vimeo-video {
  height: 56.25vw;
  width: 100%;
  max-height: 100vh;
  position: relative; }
  .vimeo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh; }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center; }
  .pagination .button-nav {
    color: var(--primary-text);
    margin-left: 15px;
    margin-right: 15px; }
    .pagination .button-nav:hover {
      color: var(--primary-title); }
  .pagination .numbers {
    display: flex; }
    .pagination .numbers a {
      width: 30px;
      height: 38px;
      border: 1px solid var(--primary-text);
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 4px;
      margin-right: 4px;
      color: var(--primary-text); }
      .pagination .numbers a.active {
        background-color: var(--bg-hover); }
      .pagination .numbers a:hover:not(.active) {
        border-color: var(--bg-hover);
        background-color: var(--bg-hover);
        color: var(--primary-text); }
    .pagination .numbers span {
      align-self: flex-end; }

.container-block {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 760px;
  max-width: calc(100% - 70px); }
  .container-block .title {
    margin-bottom: 30px;
    display: flex;
    align-items: center; }
    .container-block .title h3 {
      font-size: 36rem;
      margin-top: 0;
      margin-bottom: 0; }
    .container-block .title .icon {
      min-width: 56px;
      width: 56px;
      height: 56px;
      margin-right: 15px; }
      .container-block .title .icon img {
        max-width: 100%;
        max-height: 100%; }
  .container-block.left {
    padding-right: 70px;
    margin-left: auto; }
  .container-block.right {
    padding-left: 70px; }

.reverse .container-block.left {
  margin-left: initial;
  padding-left: 70px;
  padding-right: 0; }
.reverse .container-block.right {
  margin-left: auto;
  padding-right: 70px;
  padding-left: 0; }

.mybg-element2.gwarancja:after {
  background-image: url("/img/gwarancja-200-limonka.svg"); }
.mybg-element2.gwarancja-14:after {
  background-image: url("/img/gwarancja-14-limonka.svg"); }

.violet-bg .gwarancja:after {
  background-image: url("/img/gwarancja-200-limonka.svg"); }
.violet-bg .gwarancja-14:after {
  background-image: url("/img/gwarancja-14-limonka.svg"); }
.violet-bg .gwarancja-200:before {
  background-image: url("/img/gwarancja-200-limonka.svg"); }

.gwarancja-14:after {
  background-image: url("/img/gwarancja-140orange.svg"); }

.gwarancja-200:before {
  display: block;
  height: 202px;
  width: 211px;
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 72%;
  right: calc(36vw - 540px);
  transform: rotate(-4deg);
  pointer-events: none;
  background-image: url("/img/gwarancja-200-orange.svg");
  z-index: 2; }

.gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
  top: 26%;
  right: calc(48vw - 611px); }
.gwarancja:after, .gwarancja-14:after {
  display: block;
  height: 202px;
  width: 202px;
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 45%;
  right: calc(50vw - 540px);
  transform: rotate(-4deg);
  pointer-events: none; }

.gwarancja:after {
  background-image: url("/img/gwarancja-200-orange.svg"); }

.section-disabled {
  pointer-events: none;
  opacity: 0.5; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }

html {
  font-size: 1px; }

nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.image-style-align-right {
  width: 50%;
  max-width: 50%;
  padding-left: 30px;
  float: right; }

.image-style-align-left {
  width: 50%;
  max-width: 50%;
  padding-right: 30px;
  float: left; }

.hidden-element {
  display: none; }

.dropdown-menu {
  min-width: unset; }

.dropdown-item {
  margin-bottom: 0; }

.form-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 25px;
  flex-wrap: wrap;
  flex-direction: column; }
  .form-group.payment-type {
    flex-direction: row; }
  .form-group label {
    color: var(--element2-color);
    width: 100%;
    margin-bottom: 5px;
    padding: 0 5px;
    font-size: 15rem;
    font-weight: 500; }
    .form-group label a {
      color: var(--element2-color);
      font-weight: 700; }
      .form-group label a:hover {
        color: var(--element2-color); }
    .form-group label .required {
      font-size: 120%;
      color: #dF0000; }

.fieldset {
  margin-bottom: 15px;
  margin-top: 35px; }
  .fieldset p {
    font-size: 20rem;
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--primary-text);
    font-weight: 500; }

input.form-control, select.form-control {
  height: 60px;
  font-size: 18rem;
  border-radius: 0px;
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  color: var(--primary-text); }
  input.form-control::placeholder, select.form-control::placeholder {
    color: rgba(var(--primary-text), 0.5); }
  input.form-control:focus, select.form-control:focus {
    border-color: var(--element1-color); }
input.input-image, select.input-image {
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 25px;
  padding-left: 50px; }

.checkbox-label {
  cursor: pointer;
  color: var(--primary-text);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0;
  text-transform: initial;
  display: flex;
  margin-bottom: 20px;
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s; }
  .checkbox-label input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 1px;
    height: 1px; }
  .checkbox-label .checkbox-styled {
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    border: 1px solid var(--element2-color);
    border-radius: 50%;
    position: relative;
    top: 2px; }
    .checkbox-label .checkbox-styled span {
      background-color: #ffffff;
      color: #ffffff;
      width: 10px;
      height: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 10px;
      color: transparent;
      border-radius: 50%; }
    .checkbox-label .checkbox-styled.checked span {
      background-color: var(--text-hover);
      color: var(--element2-color);
      color: transparent; }
  .checkbox-label:hover {
    color: var(--text-hover); }
  .checkbox-label .regulamin p {
    margin: 0;
    line-height: inherit; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.gradient-text {
  background: -webkit-linear-gradient(130deg, #755147 20%, #f1d3b3 39%, #b37f55 64%, #774f2f 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.gradient-bg:after {
  height: 53%;
  display: block;
  content: "";
  min-width: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  pointer-events: none;
  bottom: 0; }

.bg-color {
  background-image: url(/img/color-bg.webp);
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .bg-color .btn-primary {
    background-color: var(--element2-color) !important;
    color: var(--secondary-title) !important; }
    .bg-color .btn-primary:hover {
      background-color: var(--element2-color) !important;
      color: var(--secondary-title) !important;
      border-color: var(--element1-color) !important; }

.mybg-primary {
  background-color: var(--primary-bg); }

.mybg-secondary {
  background-color: var(--secondary-bg); }

.mybg-light {
  background-color: var(--light-bg); }

.mybg-light2 {
  background-color: var(--light-bg2); }

.mybg-dark {
  background-color: var(--dark-bg); }

.mybg-element1 {
  background-color: var(--element1-color); }

.mybg-element2 {
  background-color: var(--element2-color); }

.my-boxshadow {
  box-shadow: 0 0 10px 2px var(--transparent-color1); }

.bg-blur-dark {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-blur-light {
  background-color: rgba(255, 255, 255, 0.6); }

.violet-bg .text .file {
  background-image: url("/img/file-green.svg"); }

.text img, .text iframe, .text video {
  max-width: 100%;
  height: auto; }
.text .file {
  background-image: url("/img/file-violet.svg");
  padding-left: 30px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: left center; }
.text ol li {
  color: var(--primary-text);
  font-size: 15rem; }
.text ul {
  list-style: none;
  padding-left: 10rem; }
  .text ul li {
    display: flex;
    flex-wrap: wrap;
    color: var(--primary-text);
    font-size: 15rem;
    white-space: normal;
    line-height: initial;
    position: relative;
    padding-left: 15px; }
    .text ul li ul {
      width: 100%;
      padding-top: 10px;
      margin-bottom: 0; }
    .text ul li strong, .text ul li span {
      display: contents; }
    .text ul li:before {
      content: " ";
      display: inline-block;
      content: " ";
      display: inline-block;
      min-width: 0;
      width: 6px;
      height: 6px;
      background-color: var(--primary-text);
      border-radius: 50%;
      margin-right: 10px;
      position: absolute;
      left: 0; }
    .text ul li a {
      display: contents; }

.buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px; }
  .buttons.buttons-left {
    justify-content: flex-start; }
    .buttons.buttons-left .btn {
      margin-left: 0;
      margin-right: 50px; }
      .buttons.buttons-left .btn:last-child {
        margin-right: 0; }
  .buttons.buttons-right {
    justify-content: flex-end; }
    .buttons.buttons-right .btn {
      margin-left: 0;
      margin-right: 50px; }
      .buttons.buttons-right .btn:last-child {
        margin-right: 0; }
  .buttons .btn {
    margin: 15px 25px 0px 25px; }

.btn, .elementor-button {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  border-radius: 100px;
  font-family: "Poppins", sans-serif;
  font-size: 19rem;
  background-color: transparent;
  line-height: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: initial;
  padding: 5px 29px;
  min-height: 60px;
  min-width: 60px;
  font-weight: 800;
  line-height: 1.1; }
  .btn:hover, .elementor-button:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

.btn-buy {
  border-radius: 100px;
  border: none;
  background-color: var(--element1-color);
  color: var(--secondary-text);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: lowercase;
  padding: 5px 29px;
  font-weight: 500;
  font-size: 16px; }
  .btn-buy img {
    width: 25px;
    margin-right: 10px; }
  .btn-buy:hover {
    border-color: transparent !important;
    background-color: var(--element1-color) !important;
    color: var(--secondary-text) !important; }
  .btn-buy:active, .btn-buy:focus {
    border-color: transparent !important;
    background-color: var(--element1-color) !important;
    color: var(--secondary-text) !important; }

.btn-empty {
  border: 2px solid var(--element1-color);
  background-color: var(--primary-bg);
  color: var(--primary-text); }
  .btn-empty:hover {
    border: 2px solid var(--element1-color) !important;
    background-color: var(--primary-bg) !important;
    color: var(--primary-text) !important; }
  .btn-empty:active, .btn-empty:focus {
    border: 2px solid var(--element1-color) !important;
    background-color: var(--primary-bg) !important;
    color: var(--primary-text) !important; }

.btn-primary {
  border: 2px solid var(--element1-color);
  background-color: var(--element1-color);
  color: var(--primary-text); }
  .btn-primary:hover {
    border: 2px solid var(--element1-color) !important;
    background-color: var(--element2-color) !important;
    color: var(--secondary-title) !important; }
  .btn-primary:active, .btn-primary:focus {
    border: 2px solid var(--element1-color) !important;
    background-color: var(--element2-color) !important;
    color: var(--secondary-title) !important; }

.btn-secondary {
  border: 2px solid var(--element1-color);
  background-color: var(--element2-color);
  color: var(--secondary-title); }
  .btn-secondary:hover {
    border-color: var(--element1-color) !important;
    background-color: var(--element1-color) !important;
    color: var(--primary-text) !important; }
  .btn-secondary:active, .btn-secondary:focus {
    border-color: var(--element1-color) !important;
    background-color: var(--element1-color) !important;
    color: var(--primary-text) !important; }

.btn.btn-save {
  border: 2px solid #e6e6e6 !important;
  background-color: transparent !important;
  color: #636363 !important;
  padding: 15px 40px;
  border-radius: 15px;
  min-width: 100px;
  margin: 5px;
  transform: none !important; }
  .btn.btn-save.btn-green {
    border-color: #17ab3b !important; }
    .btn.btn-save.btn-green span {
      color: black !important; }
  .btn.btn-save span {
    color: #636363;
    transform: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    text-transform: initial !important; }
  .btn.btn-save:hover, .btn.btn-save:focus {
    border: 2px solid #cdcdcd !important;
    background-color: transparent !important;
    color: #4a4a4a !important;
    transform: none !important; }
    .btn.btn-save:hover span, .btn.btn-save:focus span {
      color: #4a4a4a !important; }
.btn.btn-accept {
  border: 2px solid #18ac3b !important;
  background-color: #18ac3b !important;
  color: white !important;
  padding: 15px 40px;
  border-radius: 15px;
  min-width: 100px;
  margin: 5px;
  transform: none !important; }
  .btn.btn-accept span {
    color: white;
    transform: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    text-transform: initial !important; }
  .btn.btn-accept:hover, .btn.btn-accept:focus {
    border: 2px solid #127f2c !important;
    background-color: #127f2c !important;
    color: white !important;
    transform: none !important; }
    .btn.btn-accept:hover span, .btn.btn-accept:focus span {
      color: white !important; }
.btn.btn-reject {
  border: 2px solid #dF0000 !important;
  background-color: transparent !important;
  color: #dF0000 !important;
  padding: 15px 40px;
  border-radius: 15px;
  min-width: 100px;
  margin: 5px;
  transform: none !important; }
  .btn.btn-reject span {
    color: #dF0000;
    transform: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    text-transform: initial !important; }
  .btn.btn-reject:hover, .btn.btn-reject:focus {
    border: 2px solid #ac0000 !important;
    background-color: transparent !important;
    color: #ac0000 !important;
    transform: none !important; }
    .btn.btn-reject:hover span, .btn.btn-reject:focus span {
      color: #ac0000 !important; }

button {
  transition: 0.3s;
  -webkit-transition: 0.3s; }

.btn-sound-off .sound-off {
  display: block; }
.btn-sound-off .sound-on {
  display: none; }

.btn-sound-on .sound-off {
  display: none; }
.btn-sound-on .sound-on {
  display: block; }

.media div {
  width: 100%; }

form {
  position: relative; }
  form .r-name {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: -1;
    z-index: -1; }

.table-responsive {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .table-responsive .table {
    width: 100%;
    margin-bottom: 50px; }
    .table-responsive .table thead {
      background-color: var(--primary-bg);
      color: var(--primary-text); }
      .table-responsive .table thead tr {
        background-color: var(--light-bg2); }
    .table-responsive .table thead, .table-responsive .table tbody {
      width: 100%; }
    .table-responsive .table tbody tr {
      background-color: rgba(var(--light-bg2), 0.4); }
    .table-responsive .table tr {
      width: 100%;
      padding: 0 25px; }
    .table-responsive .table th {
      padding: 10px 10px;
      font-size: 20rem;
      font-weight: 600;
      padding: 15px 20px;
      border: 1px solid var(--primary-text); }
    .table-responsive .table td {
      color: var(--primary-text);
      font-size: 18rem;
      padding: 15px 20px;
      border: 1px solid var(--primary-text); }

.mybg-element2 .table-responsive .table td {
  color: var(--secondary-title);
  border-color: var(--secondary-title); }

.my-tilt {
  transition: 0.3s;
  -webkit-transition: 0.3s; }
  .my-tilt:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }

.max-linie-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.max-linie-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.max-linie-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.max-linie-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.max-linie-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.animation-fadein-step-1,
.animation-fadein-step-2,
.animation-fadein-step-3 {
  opacity: 0;
  /* Elementy są początkowo niewidoczne */
  transition: 0.3s;
  /* Gładkie przejście w przypadku ręcznego ustawienia opacity */ }

.animation-group {
  overflow: hidden;
  position: relative; }

.animation-buttons {
  z-index: 5;
  position: absolute;
  top: calc(50% - 25px);
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  padding: 2px 30px; }
  .animation-buttons .btn-animate {
    width: 50px;
    height: 50px;
    border: 2px solid var(--dark-bg2);
    padding: 0;
    border-radius: 50%;
    pointer-events: auto;
    display: flex;
    flex-direction: column; }
    .animation-buttons .btn-animate .line {
      background-color: var(--dark-bg2);
      border-radius: 10px;
      position: relative;
      transition: 0.3s;
      -webkit-transition: 0.3s; }
      .animation-buttons .btn-animate .line.line1 {
        width: 15px;
        height: 4px;
        transform: rotate(-40deg);
        right: 7px;
        bottom: 0px; }
      .animation-buttons .btn-animate .line.line2 {
        width: 25px;
        height: 4px; }
      .animation-buttons .btn-animate .line.line3 {
        width: 15px;
        height: 4px;
        transform: rotate(40deg);
        right: 7px;
        top: 0px; }
    .animation-buttons .btn-animate.btn-next {
      transform: rotate(180deg); }
    .animation-buttons .btn-animate.disabled {
      border-color: var(--dark-bg2);
      cursor: default;
      pointer-events: none; }
      .animation-buttons .btn-animate.disabled .line {
        background-color: var(--dark-bg2); }
    .animation-buttons .btn-animate:hover, .animation-buttons .btn-animate:focus {
      border-color: var(--element1-color); }
      .animation-buttons .btn-animate:hover .line, .animation-buttons .btn-animate:focus .line {
        background-color: var(--element1-color); }

.disabled-content {
  filter: blur(3px);
  pointer-events: none; }

.navigation-buttons {
  z-index: 5;
  position: absolute;
  bottom: 15px;
  width: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  padding: 2px 30px; }
  .navigation-buttons .btn {
    pointer-events: auto; }
    .navigation-buttons .btn.btn-stop-animation {
      border: none;
      padding: 0;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      background-image: url(/img/owl-pause.svg);
      background-repeat: no-repeat;
      background-size: 14px;
      background-position: center; }
    .navigation-buttons .btn.btn-go-to-slide {
      border: 2px solid var(--dark-bg);
      padding: 0;
      width: 20px;
      height: 20px;
      margin: 0 5px; }
      .navigation-buttons .btn.btn-go-to-slide.active {
        background-color: var(--element1-color) !important;
        pointer-events: none; }
        .navigation-buttons .btn.btn-go-to-slide.active:hover, .navigation-buttons .btn.btn-go-to-slide.active:focus, .navigation-buttons .btn.btn-go-to-slide.active:active {
          border-color: var(--primary-text) !important; }
      .navigation-buttons .btn.btn-go-to-slide.disabled {
        pointer-events: none; }
    .navigation-buttons .btn.btn-start-animation {
      border: none;
      padding: 0;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      background-image: url(/img/owl-start.svg);
      background-repeat: no-repeat;
      background-size: 14px;
      background-position: center; }

.animation-element {
  position: relative; }
  .animation-element:not(.slide) {
    opacity: 0; }
  .animation-element[data-class="slide"] {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .animation-element[data-class="slide"].active {
      left: 0;
      /* Aktywny slajd znajduje się na środku ekranu */
      z-index: 3; }
    .animation-element[data-class="slide"].next-slide {
      z-index: 2; }

@media (max-width: 575.5px) {
  .text .file {
    background-size: 19px; }

  .container-block {
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%; }
    .container-block .title {
      margin-bottom: 20px; }
      .container-block .title h3 {
        font-size: 20rem; }
      .container-block .title .icon {
        min-width: 20px;
        width: 20px;
        height: 20px;
        margin-right: 10px; }
    .container-block.left {
      padding-right: 15px;
      padding-left: 15px; }
    .container-block.right {
      padding-left: 15px;
      padding-right: 15px; }

  .reverse .container-block.right {
    padding-right: 15px;
    padding-left: 15px; }
  .reverse .container-block.left {
    padding-left: 15px;
    padding-right: 15px; }

  .btn, .elementor-button {
    padding: 10px 15px;
    font-size: 16rem; }

  .buttons .btn {
    margin: 15px 7px 0px 7px; }
  .buttons.buttons-left {
    justify-content: center; }
    .buttons.buttons-left .btn {
      margin-right: 15px; }

  .pt-big {
    padding-top: 40px; }

  .pt-medium {
    padding-top: 20px; }

  .pb-big {
    padding-bottom: 40px; }

  .pb-medium {
    padding-bottom: 20px; }

  .pb-big + div .module-title {
    padding-top: 20px; }

  .table-responsive .table tr {
    padding: 0; }
  .table-responsive .table th {
    font-size: 20rem;
    padding: 15px 15px; }
  .table-responsive .table td {
    font-size: 18rem;
    padding: 15px 15px; }

  .buttons .btn {
    width: 170px;
    height: 51px;
    min-height: 51px; }

  .bg-color {
    background-size: cover; }

  body .gradient-bg:after {
    height: 70%; }
  body a, body ul li, body ol li {
    font-size: 17rem; }
  body p {
    font-size: 17rem;
    margin-bottom: 10rem; }
  body h2 {
    font-size: 32rem; }

  .gwarancja:after, .gwarancja-14:after {
    height: 86px;
    width: 86px;
    top: 21%;
    right: calc(50vw - 160px); }

  .gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
    right: calc(48vw - 152px);
    top: auto;
    bottom: 12px;
    height: 109px;
    width: 109px;
    bottom: 26px; }

  .form-group.payment-type {
    flex-direction: column;
    justify-content: center; }

  .gwarancja-200:before {
    right: calc(36vw - 105px);
    height: 86px;
    width: 88px;
    top: 37%; }

  .gwarancja.gwarancja-center, .gwarancja-14.gwarancja-center {
    padding-top: 50px; }
    .gwarancja.gwarancja-center:after, .gwarancja-14.gwarancja-center:after {
      top: 0; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .text .file {
    background-size: 20px; }

  .container {
    max-width: 100%; }

  .container-block {
    max-width: calc(540px - 30px);
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    margin: 0 auto !important; }
    .container-block .title {
      margin-bottom: 20px; }
      .container-block .title h3 {
        font-size: 25rem; }
      .container-block .title .icon {
        min-width: 30px;
        width: 30px;
        height: 30px; }
    .container-block.left {
      padding-right: 0px;
      padding-left: 0px; }
    .container-block.right {
      padding-left: 0px;
      padding-right: 0px; }

  .reverse .container-block.right {
    padding-right: 0px;
    padding-left: 0px; }
  .reverse .container-block.left {
    padding-left: 0px;
    padding-right: 0px; }

  .btn, .elementor-button {
    padding: 10px 15px;
    font-size: 16rem; }

  .buttons .btn {
    margin: 15px 7px 0px 7px; }
  .buttons.buttons-left .btn {
    margin-right: 15px; }

  .pt-big {
    padding-top: 50px; }

  .pt-medium {
    padding-top: 25px; }

  .pb-big {
    padding-bottom: 50px; }

  .pb-medium {
    padding-bottom: 25px; }

  .pb-big + div .module-title {
    padding-top: 25px; }

  .table-responsive .table tr {
    padding: 0; }
  .table-responsive .table th {
    font-size: 20rem;
    padding: 20px 20px; }
  .table-responsive .table td {
    font-size: 18rem;
    padding: 20px 20px; }

  .buttons .btn {
    width: 170px;
    height: 51px;
    min-height: 51px; }

  .bg-color {
    background-size: 910px auto; }

  body .gradient-bg:after {
    height: 60%; }
  body a, body ul li, body ol li {
    font-size: 17rem; }
  body p {
    font-size: 17rem;
    margin-bottom: 10rem; }
  body h2 {
    font-size: 38rem; }

  .gwarancja:after, .gwarancja-14:after {
    height: 124px;
    width: 124px;
    top: 26%;
    right: calc(50vw - 280px); }

  .gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
    right: calc(48vw - 309px);
    top: 24%; }

  .form-group.payment-type {
    flex-direction: column;
    justify-content: center; }

  .gwarancja-200:before {
    right: calc(36vw - 200px);
    height: 124px;
    width: 130px;
    top: 50%; }

  .gwarancja.gwarancja-center:after, .gwarancja-14.gwarancja-center:after {
    top: 43%; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .text .file {
    background-size: 21px; }

  .container-block {
    max-width: 690px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
    margin-left: 20px;
    margin: 0 auto !important; }
    .container-block .title {
      margin-bottom: 20px; }
      .container-block .title h3 {
        font-size: 25rem; }
      .container-block .title .icon {
        min-width: 30px;
        width: 30px;
        height: 30px; }
    .container-block.left {
      padding-right: 0px;
      margin: 0 auto; }
    .container-block.right {
      padding-left: 0px;
      margin: 0 auto; }

  .reverse .container-block.right {
    padding-right: 0px;
    margin: 0 auto; }
  .reverse .container-block.left {
    padding-left: 0px;
    margin: 0 auto; }

  .btn, .elementor-button {
    padding: 10px 15px;
    font-size: 16rem; }

  .buttons .btn {
    margin: 15px 7px 0px 7px; }
  .buttons.buttons-left .btn {
    margin-right: 15px; }

  .pt-big {
    padding-top: 60px; }

  .pt-medium {
    padding-top: 30px; }

  .pb-big {
    padding-bottom: 60px; }

  .pb-medium {
    padding-bottom: 30px; }

  .pb-big + div .module-title {
    padding-top: 30px; }

  .table-responsive .table tr {
    padding: 0; }
  .table-responsive .table th {
    font-size: 20rem;
    padding: 20px 25px; }
  .table-responsive .table td {
    font-size: 18rem;
    padding: 20px 25px; }

  .buttons .btn {
    width: 170px;
    height: 51px;
    min-height: 51px; }

  .bg-color {
    background-size: 992px auto; }

  body p {
    margin-bottom: 10rem; }
  body h2 {
    font-size: 48rem; }

  .gwarancja:after, .gwarancja-14:after {
    height: 148px;
    width: 148px;
    top: 26%;
    right: calc(50vw - 375px); }

  .gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
    right: calc(48vw - 335px);
    top: 33%; }

  .gwarancja.gwarancja-center:after, .gwarancja-14.gwarancja-center:after {
    top: 43%; }

  .gwarancja-200:before {
    right: calc(36vw - 270px);
    height: 148px;
    width: 155px;
    top: 59%; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .text .file {
    background-size: 21px; }

  .form-group.payment-type {
    flex-direction: column;
    justify-content: center; }

  .container-block {
    max-width: calc(100% - 20px);
    padding-top: 30px;
    padding-bottom: 30px;
    width: 496px; }
    .container-block .title h3 {
      font-size: 30rem; }
    .container-block .title .icon {
      min-width: 38px;
      width: 38px;
      height: 38px; }
    .container-block.left {
      padding-right: 20px; }
    .container-block.right {
      padding-left: 20px; }

  .reverse .container-block.right {
    padding-right: 20px; }
  .reverse .container-block.left {
    padding-left: 20px; }

  .btn, .elementor-button {
    padding: 13px 15px; }

  .buttons .btn {
    margin: 15px 10px 0px 10px;
    font-size: 15rem; }
  .buttons.buttons-left .btn {
    margin-right: 30px; }

  .pt-big {
    padding-top: 80px; }

  .pt-medium {
    padding-top: 40px; }

  .pb-big {
    padding-bottom: 80px; }

  .pb-medium {
    padding-bottom: 40px; }

  .pb-big + div .module-title {
    padding-top: 40px; }

  .buttons .btn {
    min-width: 200px; }

  .bg-color {
    background-size: 1200px auto; }

  body h2 {
    font-size: 55rem; }

  .container.container-narrow {
    max-width: 835px !important; }

  .gwarancja:after, .gwarancja-14:after {
    height: 179px;
    width: 179px;
    top: 48%;
    right: calc(48vw - 460px); }

  .gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
    right: calc(48vw - 455px); }

  .gwarancja-200:before {
    right: calc(36vw - 354px);
    height: 179px;
    top: 65%;
    width: 188px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .container-block {
    max-width: calc(100% - 40px);
    padding-top: 40px;
    padding-bottom: 40px;
    width: 600px; }
    .container-block .title h3 {
      font-size: 35rem; }
    .container-block .title .icon {
      min-width: 46px;
      width: 46px;
      height: 46px; }
    .container-block.left {
      padding-right: 40px; }
    .container-block.right {
      padding-left: 40px; }

  .reverse .container-block.right {
    padding-right: 50px; }
  .reverse .container-block.left {
    padding-left: 50px; }

  .btn, .elementor-button {
    padding: 15px 20px; }

  .buttons .btn {
    margin: 15px 15px 0px 15px; }
  .buttons.buttons-left .btn {
    margin-right: 30px; }

  .pt-big {
    padding-top: 100px; }

  .pt-medium {
    padding-top: 50px; }

  .pb-big {
    padding-bottom: 100px; }

  .pb-medium {
    padding-bottom: 50px; }

  .pb-big + div .module-title {
    padding-top: 50px; }

  .buttons .btn {
    min-width: 200px; }

  .bg-color {
    background-size: 1580px auto; }

  .container.container-narrow {
    max-width: 885px !important; }

  .gwarancja.video-in-tablet-group:after, .gwarancja-14.video-in-tablet-group:after {
    right: calc(48vw - 540px); }

  .gwarancja-200:before {
    right: calc(36vw - 409px); } }
@media (min-width: 1580px) {
  .container.container-narrow {
    max-width: 885px !important; }

  .buttons .btn {
    min-width: 200px; } }
.animation-slide-left, .animation-slide-right, .animation-slide-bottom, .animation-slide-top {
  opacity: 0;
  /* Ukrycie przed animacją */
  transform: translateX(0);
  /* Neutralna pozycja */ }

.animate-left {
  animation: slideInLeft ease-out forwards; }

.animate-right {
  animation: slideInRight ease-out forwards; }

.animate-bottom {
  animation: slideInBottom ease-out forwards; }

.animate-top {
  animation: slideInTop ease-out forwards; }

/* --- Kontener: blokada rozszerzania ekranu w poziomie --- */
.animation-auto-parent {
  overflow-x: clip;
  /* nowoczesne przeglądarki */ }

@supports not (overflow-x: clip) {
  .animation-auto-parent {
    overflow-x: hidden;
    /* fallback dla starszych */ } }
/* --- Dzieci: stan bazowy --- */
.animation-auto-children {
  opacity: 0;
  /* Zaczynamy z opacity: 0 */
  will-change: transform, opacity;
  /* CSS zmienne sterujące animacją */
  --anim-duration: .6s;
  --anim-delay: 0s;
  transition: transform var(--anim-duration) ease var(--anim-delay), opacity var(--anim-duration) ease var(--anim-delay);
  /* Uszczelki dla płynności i blokady artefaktów */
  contain: paint;
  backface-visibility: hidden;
  transform: translateZ(0); }

/* --- Stan końcowy po wejściu w viewport --- */
.animation-auto-children.is-inview {
  opacity: 1;
  /* Zmieniamy opacity na 1 po zakończeniu animacji */
  transform: translate3d(0, 0, 0);
  /* Zmieniamy na pierwotną pozycję */ }

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
    /* Start od lewej strony */ }
  to {
    opacity: 1;
    transform: translateX(0);
    /* Normalna pozycja */ } }
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100px);
    /* Start od prawej strony */ }
  to {
    opacity: 1;
    transform: translateX(0);
    /* Normalna pozycja */ } }
@keyframes slideInBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
    /* Start od dołu */ }
  to {
    opacity: 1;
    transform: translateY(0);
    /* Normalna pozycja */ } }
@keyframes slideInTop {
  from {
    opacity: 0;
    transform: translateY(-100px);
    /* Start od góry */ }
  to {
    opacity: 1;
    transform: translateY(0);
    /* Normalna pozycja */ } }
header {
  padding-top: 0px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 8; }
  header.sticked #main-nav #logo a .image:nth-child(2) {
    transform: scale(0);
    opacity: 0; }

.products-buy .one-product {
  display: flex;
  margin-top: 35px; }
  .products-buy .one-product p, .products-buy .one-product h3 {
    max-width: 300px; }
  .products-buy .one-product .photo {
    position: relative;
    height: 210px;
    margin-right: 20px; }
    .products-buy .one-product .photo:after {
      background: linear-gradient(180deg, #EBEBEB00 0%, #CAFD00 100%);
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      border-radius: 30px;
      z-index: 1; }
    .products-buy .one-product .photo img {
      object-fit: cover;
      border-radius: 30px;
      width: 283px;
      min-width: 283px;
      height: 210px; }
    .products-buy .one-product .photo .image {
      z-index: 0 !important;
      margin: 0 !important; }
    .products-buy .one-product .photo .no-photo {
      padding: 0px 30px 30px 30px; }
  .products-buy .one-product .buttons-count {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start; }
    .products-buy .one-product .buttons-count .btn {
      width: 30px;
      min-width: 30px; }
  .products-buy .one-product .buttons-count-inner {
    display: flex; }
  .products-buy .one-product .feature-name {
    display: flex;
    margin-right: 10px; }
  .products-buy .one-product .feature-price {
    white-space: nowrap; }
  .products-buy .one-product .product-text {
    margin: 0 5px; }
  .products-buy .one-product .shop-product-one-feature {
    display: flex;
    justify-content: space-between; }

#start {
  padding-top: 0; }
  #start .module-title {
    padding-top: 15px; }

.window-open {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00000055;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.31) 0%, var(--element1-color) 100%); }
  .window-open .container {
    max-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column; }
  .window-open .scroll-content {
    width: 1000px;
    max-width: 100%; }
    .window-open .scroll-content.width-small {
      width: 450px;
      max-width: 100%; }
  .window-open .wrapper {
    position: relative;
    display: none;
    max-width: calc(100% - 40px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 -1px 10px 0 #acabab;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: #FFFFFF66;
    border-radius: 60rem;
    padding: 35px 15px; }
    .window-open .wrapper h3 {
      font-size: 40rem;
      font-weight: 700;
      color: var(--primary-title); }
    .window-open .wrapper .btn-close {
      top: 20px;
      width: 30px;
      height: 30px;
      right: 20px;
      opacity: 0.8;
      background-color: var(--element2-color);
      border-radius: 50%;
      position: absolute;
      z-index: 9999;
      box-shadow: none;
      border: none;
      color: #fff; }
      .window-open .wrapper .btn-close:hover {
        opacity: 1; }
  .window-open input[type="text"], .window-open input[type="number"], .window-open input[type="email"], .window-open input[type="phote"] {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .window-open .image img {
    max-width: 100%; }
  .window-open .scroll-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%; }
  .window-open .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid var(--light-bg); }

.buttons-buy {
  width: fit-content;
  width: -moz-fit-content;
  margin-left: auto;
  margin-right: auto; }
  .buttons-buy .buttons {
    justify-content: space-between; }
    .buttons-buy .buttons p {
      margin-bottom: 0; }
      .buttons-buy .buttons p span {
        font-weight: 600; }
    .buttons-buy .buttons .summary-price {
      margin-right: 25px;
      display: flex;
      justify-content: flex-end;
      text-align: right; }
  .buttons-buy .product-count {
    display: flex;
    align-items: center; }
    .buttons-buy .product-count .btn-count {
      border: 2px solid var(--element2-color);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      height: 40px;
      width: 30px;
      transition: 0.3s;
      -webkit-transition: 0.3s; }
      .buttons-buy .product-count .btn-count.prev {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-right: none;
        margin-right: 0;
        margin-top: 0; }
        .buttons-buy .product-count .btn-count.prev:hover {
          transform: none; }
      .buttons-buy .product-count .btn-count.next {
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-left: none;
        margin-left: 0;
        margin-top: 0; }
        .buttons-buy .product-count .btn-count.next:hover {
          transform: none; }
      .buttons-buy .product-count .btn-count:hover {
        background-color: #dbdbdb; }
    .buttons-buy .product-count input[type='number'] {
      height: 40px;
      border-radius: 0;
      width: 60px;
      text-align: center;
      appearance: none;
      -moz-appearance: textfield;
      -webkit-appearance: none;
      padding-left: 0; }
    .buttons-buy .product-count input[type='number']::-webkit-outer-spin-button, .buttons-buy .product-count input[type='number']::-webkit-inner-spin-button {
      appearance: none;
      -webkit-appearance: none;
      margin: 0; }

.shop-go-to-summary .btn-go-to-cart {
  display: none; }

.shop-go-to-cart .btn-go-to-summary {
  display: none; }
.shop-go-to-cart #shop-delivery {
  display: none; }
.shop-go-to-cart #shop-discount {
  display: none; }

#shop-discount .buttons .btn {
  background-color: var(--dark-bg2);
  color: var(--secondary-title);
  border: none;
  padding: 5px 20px; }

.order-hr {
  background-color: var(--element2-color);
  margin-top: 50px;
  margin-bottom: 20px; }

.shop-cart h4 {
  font-size: 18rem;
  font-weight: 700; }
.shop-cart .shop-product {
  background-color: var(--primary-bg);
  border: 1px solid var(--element1-color);
  margin-bottom: 25px;
  border-radius: 30px;
  padding: 20px 30px;
  min-height: 120px; }
  .shop-cart .shop-product .product-info p {
    font-size: 18rem;
    font-weight: 700; }
  .shop-cart .shop-product .price {
    margin-left: 15px;
    white-space: nowrap; }
  .shop-cart .shop-product .product-count-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px; }
    .shop-cart .shop-product .product-count-buttons .btn-count {
      border-radius: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      height: 30px;
      width: 30px;
      transition: 0.3s;
      -webkit-transition: 0.3s;
      background-color: var(--element2-color);
      color: var(--secondary-text); }
      .shop-cart .shop-product .product-count-buttons .btn-count.prev {
        margin-right: 5px; }
      .shop-cart .shop-product .product-count-buttons .btn-count:hover {
        background-color: var(--element1-color); }
  .shop-cart .shop-product p {
    margin-bottom: 0 !important;
    font-weight: 500;
    color: var(--primary-text); }
  .shop-cart .shop-product .btn-empty {
    color: var(--primary-text) !important;
    margin-top: 26px;
    font-weight: 500;
    margin-right: 0;
    font-size: 12rem; }
    .shop-cart .shop-product .btn-empty:hover, .shop-cart .shop-product .btn-empty:focus {
      color: var(--primary-text) !important; }
.shop-cart .btn-empty, .shop-cart .btn-secondary {
  width: fit-content;
  min-width: 111px;
  height: 34px;
  min-height: 34px;
  font-size: 12px;
  padding: 5px 10px; }
.shop-cart .buttons-left {
  padding-left: 20px; }
.shop-cart .btn-primary {
  width: fit-content; }
.shop-cart .product-info {
  display: flex;
  justify-content: space-between;
  width: 100%; }
.shop-cart .shop-product-one-feature {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .shop-cart .shop-product-one-feature p {
    color: #808080; }
  .shop-cart .shop-product-one-feature .feature-name {
    display: flex;
    color: #808080; }
  .shop-cart .shop-product-one-feature .feature-price {
    white-space: nowrap; }
.shop-cart .summary-price {
  display: flex;
  justify-content: space-between; }
  .shop-cart .summary-price p {
    font-size: 18rem;
    color: var(--element2-color);
    margin-bottom: 10px; }
    .shop-cart .summary-price p strong {
      font-weight: 700; }
.shop-cart .packaging-price {
  display: flex;
  justify-content: space-between; }
.shop-cart .discount-price {
  display: flex;
  justify-content: space-between; }
.shop-cart .old-price {
  text-decoration: line-through; }
.shop-cart .delivery-price {
  display: flex;
  justify-content: space-between; }
.shop-cart .total-price {
  margin-top: 40px; }
  .shop-cart .total-price p {
    text-align: center;
    font-weight: 700;
    font-size: 18rem;
    color: var(--element2-color); }
    .shop-cart .total-price p strong {
      font-weight: 700; }

.white-bg .page-foto {
  background-image: none; }
  .white-bg .page-foto .subpage-title {
    color: var(--secondary-text); }

.payment-type {
  justify-content: space-between;
  align-items: center;
  margin: 35px 0px; }
  .payment-type label {
    width: fit-content; }
  .payment-type select.form-control {
    width: fit-content !important;
    min-width: 280px;
    background-color: var(--dark-bg2);
    border-color: var(--dark-bg2);
    color: var(--secondary-title);
    appearance: none;
    /* Wyłącza domyślną strzałkę */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/img/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 16px;
    padding-right: 30px;
    /* odstęp żeby tekst nie nachodził na ikonę */ }
    .payment-type select.form-control:hover, .payment-type select.form-control:focus {
      border-color: var(--element1-color);
      color: var(--secondary-title); }

#order-summary .shop-cart {
  margin-top: 20px; }
#order-summary p {
  margin-bottom: 10px; }
#order-summary .btn-primary {
  width: fit-content; }

#product-qr-link #order-summary .one-product-wrapper {
  width: 100%; }
#product-qr-link #order-summary .photo-video img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain; }
#product-qr-link #order-summary .photo-video .image {
  display: flex;
  justify-content: center;
  max-height: 100%; }
#product-qr-link #order-summary .photo-video .product-video {
  width: 100%;
  height: 326px; }

main {
  position: relative; }
  main.mini-quiz {
    padding-top: 150px; }

.head-title h1 {
  font-weight: 700;
  font-size: 40rem;
  letter-spacing: -1.8rem;
  padding: 0 1.8rem;
  margin-bottom: 30px; }
.head-title h2 {
  font-weight: 700;
  font-size: 18rem;
  letter-spacing: 0;
  margin-bottom: 10px; }
.head-title .wrapper {
  border-bottom: 1px solid #E9E9E9; }

.preloader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  z-index: 9999999; }
  .preloader img {
    transition: 3s;
    -webkit-transition: 3s;
    width: 5vw;
    animation-name: preloader;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }

#author-page .map-links ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 5px; }
  #author-page .map-links ul ul li {
    width: 100%; }
  #author-page .map-links ul li {
    width: 25%;
    height: fit-content;
    height: -moz-fit-content;
    padding-right: 10px; }

.better-info {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 300;
  justify-content: center;
  align-items: center;
  padding: 30px; }
  .better-info .wrapper {
    max-width: 600px;
    font-weight: 500;
    position: relative;
    padding: 30px 65px 30px 100px;
    background-color: #fff;
    border-radius: 15px; }
    .better-info .wrapper.success {
      background-position: center left 20px;
      background-repeat: no-repeat;
      background-size: 65px;
      background-image: url("../img/mat_send.svg"); }
    .better-info .wrapper.warning {
      background-position: center left 45px;
      background-repeat: no-repeat;
      background-size: 65px;
      background-image: url("../img/info-warning.svg"); }
    .better-info .wrapper.danger {
      background-position: center left 45px;
      background-repeat: no-repeat;
      background-size: 65px;
      background-image: url("../img/info-danger.svg"); }
    .better-info .wrapper.info {
      background-position: center left 45px;
      background-repeat: no-repeat;
      background-size: 65px;
      background-image: url("../img/info-info.svg"); }
    .better-info .wrapper .btn-close {
      top: calc(50% - 20px);
      width: 40px;
      height: 40px;
      right: 15px;
      opacity: 0.8;
      background-color: var(--element2-color);
      border-radius: 50%;
      position: absolute;
      z-index: 9999;
      box-shadow: none;
      border: none;
      color: #fff;
      min-height: auto;
      min-width: auto;
      position: absolute;
      font-weight: 500;
      line-height: 1;
      padding: 0; }
    .better-info .wrapper a {
      color: #3499b5; }
      .better-info .wrapper a:hover {
        text-decoration: underline; }
    .better-info .wrapper h4 {
      text-transform: uppercase; }

#top-bar {
  height: 0px;
  max-width: 100vw; }
  #top-bar .container-fluid {
    height: 100%; }
  #top-bar .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
  #top-bar .center {
    display: flex; }
  #top-bar .address p {
    font-size: 18rem; }
    #top-bar .address p br {
      display: none; }
  #top-bar p {
    margin-bottom: 0; }
  #top-bar .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-right: 40px; }
  #top-bar .links a {
    display: flex;
    align-items: flex-end; }
  #top-bar .links span {
    font-size: 17rem;
    font-weight: 700;
    margin-right: 7px; }
  #top-bar .links img {
    width: 71px; }
  #top-bar .telephone a {
    font-weight: 400;
    color: var(--primary-text);
    font-size: 23rem; }
    #top-bar .telephone a strong {
      color: var(--element1-color);
      font-weight: 600; }

#main-nav {
  opacity: 0;
  display: flex;
  align-items: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  height: 90px; }
  #main-nav .blur-bg {
    border-radius: 100px;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.4); }
  #main-nav .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0; }
    #main-nav .inner #logo {
      display: flex;
      align-items: center;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0px 0; }
      #main-nav .inner #logo a {
        display: flex;
        align-items: center; }
      #main-nav .inner #logo .image:first-child img {
        width: 233px;
        filter: drop-shadow(4px 4px 4px #00000050); }
      #main-nav .inner #logo .image:nth-child(2) {
        transform-origin: center;
        opacity: 1;
        transition: 0.3s;
        -webkit-transition: 0.3s; }
        #main-nav .inner #logo .image:nth-child(2) img {
          width: 50px; }
  #main-nav .btn-menu {
    z-index: 1;
    margin-left: auto;
    display: none;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.4); }
    #main-nav .btn-menu span {
      display: block;
      height: 4px;
      width: 40px;
      background-color: var(--dark-bg);
      border-radius: 30px;
      margin-top: 3px;
      margin-bottom: 4px;
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s; }
      #main-nav .btn-menu span:last-child {
        width: 30px;
        margin-left: 100%;
        margin-left: auto; }
    #main-nav .btn-menu.open span:last-child {
      transform: rotate(-45deg);
      position: relative;
      top: -11px;
      width: 40px; }
    #main-nav .btn-menu.open span:nth-child(2) {
      width: 0; }
    #main-nav .btn-menu.open span:first-child {
      transform: rotate(45deg);
      top: 11px;
      position: relative; }
    #main-nav .btn-menu.menu-small {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 9px; }
    #main-nav .btn-menu img {
      width: 40px; }

#main-menu {
  display: flex;
  align-items: center;
  z-index: 1;
  width: 100%;
  transition: 0.3s;
  -webkit-transition: 0.3s; }
  #main-menu.big-menu {
    justify-content: space-between; }
    #main-menu.big-menu .page-nav, #main-menu.big-menu .shop-menu {
      width: auto; }
      #main-menu.big-menu .page-nav > li > a, #main-menu.big-menu .shop-menu > li > a {
        border-radius: 8px; }
    #main-menu.big-menu .shop-menu {
      width: 283px; }
    #main-menu.big-menu .page-nav li a {
      position: relative;
      display: flex;
      justify-content: center; }
      #main-menu.big-menu .page-nav li a:hover:after {
        width: calc(100% - 20px); }
      #main-menu.big-menu .page-nav li a:after {
        display: block;
        content: "";
        position: absolute;
        bottom: 10px;
        width: 0%;
        height: 3px;
        left: auto;
        right: auto;
        background-color: var(--element1-color);
        border-radius: 5px;
        transition: 0.3s;
        -webkit-transition: 0.3s; }
    #main-menu.big-menu .dropdown-menu li a:hover:after {
      width: calc(100% - 30px); }
    #main-menu.big-menu .dropdown-menu li a:after {
      bottom: 5px; }
    #main-menu.big-menu:before {
      content: ""; }
  #main-menu.mini-menu {
    position: absolute;
    background-color: #fff;
    z-index: -1;
    width: 100vw;
    height: fit-content;
    left: 0;
    transform: translateY(-100%);
    align-items: flex-start;
    max-height: calc(100vh);
    overflow-y: auto;
    opacity: 0;
    padding-bottom: 30px;
    padding-top: 130px;
    box-shadow: 1px 1px 4px #00000017;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 20px;
    top: 0; }
    #main-menu.mini-menu .shop-menu {
      display: flex;
      justify-content: center; }
    #main-menu.mini-menu #link-konto, #main-menu.mini-menu #link-koszyk {
      margin: 0;
      margin-right: 10px;
      border: none;
      width: fit-content; }
      #main-menu.mini-menu #link-konto .my-dropdown-mini .line1, #main-menu.mini-menu #link-konto .my-dropdown-mini .line2, #main-menu.mini-menu #link-koszyk .my-dropdown-mini .line1, #main-menu.mini-menu #link-koszyk .my-dropdown-mini .line2 {
        padding: 0; }
      #main-menu.mini-menu #link-konto a span, #main-menu.mini-menu #link-koszyk a span {
        padding: 10px 10px; }
      #main-menu.mini-menu #link-konto img, #main-menu.mini-menu #link-koszyk img {
        max-height: 20px; }
    #main-menu.mini-menu .page-nav {
      margin: 0 auto;
      list-style: none;
      padding: 0;
      order: 2;
      margin-bottom: 20px;
      flex-direction: column;
      max-width: 500px; }
      #main-menu.mini-menu .page-nav li {
        border-top: 1px solid #f7f7f7;
        margin-left: 0;
        width: 100%;
        border-radius: 0; }
        #main-menu.mini-menu .page-nav li a, #main-menu.mini-menu .page-nav li .menu-empty {
          padding: 0;
          color: var(--primary-text);
          width: 100%;
          font-size: 17rem; }
          #main-menu.mini-menu .page-nav li a span, #main-menu.mini-menu .page-nav li .menu-empty span {
            padding-top: 30px;
            padding-bottom: 30px; }
      #main-menu.mini-menu .page-nav > li a.active {
        text-shadow: none;
        text-decoration: underline; }
      #main-menu.mini-menu .page-nav > li a.disabled {
        opacity: 0.5; }
      #main-menu.mini-menu .page-nav > li.special {
        border: none;
        margin-top: 10px; }
        #main-menu.mini-menu .page-nav > li.special a {
          background-color: var(--element1-color);
          width: fit-content;
          min-width: 120px;
          display: flex;
          justify-content: center; }
          #main-menu.mini-menu .page-nav > li.special a span {
            padding: 15px; }
      #main-menu.mini-menu .page-nav .my-dropdown {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative; }
        #main-menu.mini-menu .page-nav .my-dropdown:hover {
          background-color: var(--primary-bg); }
      #main-menu.mini-menu .page-nav .my-dropdown-toggle {
        width: calc(100% - 65px); }
        #main-menu.mini-menu .page-nav .my-dropdown-toggle .caret {
          display: none; }
        #main-menu.mini-menu .page-nav .my-dropdown-toggle:after {
          color: var(--element2-color); }
      #main-menu.mini-menu .page-nav .my-dropdown-mini {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        border: none;
        background-color: transparent;
        margin-right: 15px;
        margin-left: 15px;
        position: relative; }
        #main-menu.mini-menu .page-nav .my-dropdown-mini .line1 {
          width: 2px;
          height: 20px;
          background-color: var(--primary-text);
          border-radius: 5px;
          position: absolute;
          transition: 0.3s;
          -webkit-transition: 0.3s;
          transform: rotate(45deg);
          height: 13px;
          margin-left: 9px;
          border-radius: 5px;
          display: block;
          padding: 0; }
        #main-menu.mini-menu .page-nav .my-dropdown-mini .line2 {
          width: 2px;
          height: 20px;
          background-color: var(--primary-text);
          border-radius: 5px;
          position: absolute;
          transition: 0.3s;
          -webkit-transition: 0.3s;
          transform: rotate(-45deg);
          height: 13px;
          margin-right: 9px;
          border-radius: 5px;
          display: block;
          padding: 0; }
        #main-menu.mini-menu .page-nav .my-dropdown-mini.open {
          background-color: transparent; }
          #main-menu.mini-menu .page-nav .my-dropdown-mini.open .line1 {
            transform: rotate(135deg); }
          #main-menu.mini-menu .page-nav .my-dropdown-mini.open .line2 {
            transform: rotate(-135deg); }
      #main-menu.mini-menu .page-nav .dropdown-menu {
        width: 100%;
        position: relative;
        box-shadow: none;
        border-top: 2px solid var(--primary-bg);
        border-bottom: 2px solid var(--primary-bg);
        font-size: 90%;
        background-color: transparent;
        top: 0;
        padding-top: 0;
        padding-bottom: 0; }
        #main-menu.mini-menu .page-nav .dropdown-menu > li:hover {
          background-color: var(--bg-hover); }
        #main-menu.mini-menu .page-nav .dropdown-menu .my-dropdown {
          background-image: none;
          border-top: 1px solid #e5e5e5;
          display: flex;
          padding-left: 0; }
          #main-menu.mini-menu .page-nav .dropdown-menu .my-dropdown + .my-dropdown {
            border-top: 1px solid var(--element2-color); }
          #main-menu.mini-menu .page-nav .dropdown-menu .my-dropdown > a {
            background-image: url("/img/right-arrow-mobile.svg?ver=0.5");
            background-repeat: no-repeat;
            background-position: 35px center;
            background-size: 15px;
            padding-left: 40px; }
        #main-menu.mini-menu .page-nav .dropdown-menu .dropdown-menu {
          border-bottom: none;
          left: 0;
          top: 0; }
          #main-menu.mini-menu .page-nav .dropdown-menu .dropdown-menu li {
            padding-left: 60px;
            background-position: 55px center; }
        #main-menu.mini-menu .page-nav .dropdown-menu li {
          background-image: url("/img/right-arrow-mobile.svg?ver=0.5");
          background-repeat: no-repeat;
          background-position: 28px center;
          background-size: 15px;
          padding-left: 40px;
          background-color: var(--primary-bg);
          border-top: 1px solid #f7f7f7 !important; }
          #main-menu.mini-menu .page-nav .dropdown-menu li a {
            background-color: transparent;
            border: none; }
          #main-menu.mini-menu .page-nav .dropdown-menu li:hover {
            background-color: var(--bg-hover); }
            #main-menu.mini-menu .page-nav .dropdown-menu li:hover a {
              background-color: transparent; }
          #main-menu.mini-menu .page-nav .dropdown-menu li:first-child {
            margin-top: 0;
            border-top: none; }
            #main-menu.mini-menu .page-nav .dropdown-menu li:first-child a {
              color: var(--primary-text);
              border-radius: 0; }
          #main-menu.mini-menu .page-nav .dropdown-menu li:last-child {
            border-bottom: none; }
    #main-menu.mini-menu .phone {
      width: 100%;
      justify-content: center;
      margin-top: 30px; }
      #main-menu.mini-menu .phone a {
        font-weight: 400;
        color: var(--primary-text);
        font-size: 23rem; }
        #main-menu.mini-menu .phone a strong {
          color: var(--element1-color);
          font-weight: 600; }
    #main-menu.mini-menu.open {
      transform: translateY(0);
      opacity: 1; }
  #main-menu #link-konto {
    margin-left: auto; }
    #main-menu #link-konto a {
      background-image: url("/img/konto-limonka.svg");
      background-position: center;
      /*background-size: 100%;*/
      background-size: 65px;
      background-repeat: no-repeat;
      display: block;
      width: 65px;
      height: 65px;
      border: 2px solid var(--primary-bg); }
      #main-menu #link-konto a:hover {
        background-image: url("/img/konto-niebieskie.svg");
        background-color: var(--element2-color); }
    #main-menu #link-konto span {
      display: none; }
  #main-menu #link-koszyk a {
    background-image: url("/img/koszyk.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    width: 65px;
    height: 65px; }
    #main-menu #link-koszyk a:hover {
      background-image: url("/img/koszyk-dark.svg");
      background-color: transparent; }
  #main-menu #link-koszyk span {
    display: none; }

.tadam-cms.mytadam {
  align-items: center;
  justify-content: center;
  display: none;
  opacity: 0; }
  .tadam-cms.mytadam.position-top-left {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px; }
  .tadam-cms.mytadam.position-top-right {
    justify-content: flex-end;
    align-items: flex-start;
    padding: 15px; }
  .tadam-cms.mytadam.position-bottom-left {
    justify-content: flex-start;
    align-items: flex-end;
    padding: 15px; }
  .tadam-cms.mytadam.position-bottom-right {
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px; }
  .tadam-cms.mytadam .wrapper {
    width: 1082px;
    left: 0; }
    .tadam-cms.mytadam .wrapper h2 {
      margin-top: 0; }
    .tadam-cms.mytadam .wrapper .btn-close {
      right: 5px;
      top: 5px;
      position: absolute;
      width: 25px;
      height: 25px;
      min-width: 25px;
      border-radius: 50%;
      padding: 0; }
    .tadam-cms.mytadam .wrapper .image {
      display: flex;
      justify-content: center;
      margin-bottom: 15px; }

@media (min-width: 992px) {
  body.podstrona-odcinki #main-nav .container-fluid {
    width: calc(min(56.25vw, 100vh) * 16 / 9); } }

.socials {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .socials a {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 50%;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px; }
    .socials a.facebook {
      background-image: url("/img/fb_1.svg"); }
      .socials a.facebook:hover {
        background-image: url("/img/fb_2.svg"); }
    .socials a.instagram {
      background-image: url("/img/ig_1.svg"); }
      .socials a.instagram:hover {
        background-image: url("/img/ig_2.svg"); }
    .socials a.youtube {
      background-image: url("/img/yt.svg"); }
    .socials a.tik-tok {
      background-image: url("/img/tt_1.svg"); }
      .socials a.tik-tok:hover {
        background-image: url("/img/tt_2.svg"); }

.page-nav, .shop-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  .page-nav .my-dropdown-mini, .shop-menu .my-dropdown-mini {
    display: none; }
  .page-nav li, .shop-menu li {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px; }
    .page-nav li a, .page-nav li .menu-empty, .shop-menu li a, .shop-menu li .menu-empty {
      display: block;
      padding: 0;
      font-size: 14rem;
      font-weight: 700;
      color: var(--primary-text);
      white-space: nowrap;
      text-transform: uppercase;
      transition: 0s; }
      .page-nav li a span, .page-nav li .menu-empty span, .shop-menu li a span, .shop-menu li .menu-empty span {
        width: fit-content;
        width: -moz-fit-content;
        display: block;
        padding: 21px 10px;
        margin-left: 0;
        margin-right: 0px; }
      .page-nav li a:hover, .page-nav li .menu-empty:hover, .shop-menu li a:hover, .shop-menu li .menu-empty:hover {
        background-color: transparent;
        color: var(--dark-bg2); }
    .page-nav li:before, .shop-menu li:before {
      display: none; }
  .page-nav > li.disabled, .shop-menu > li.disabled {
    cursor: default;
    opacity: 0.7; }
    .page-nav > li.disabled .menu-empty, .shop-menu > li.disabled .menu-empty {
      font-weight: 700; }
      .page-nav > li.disabled .menu-empty:hover, .shop-menu > li.disabled .menu-empty:hover {
        font-weight: 700;
        color: var(--primary-text); }
  .page-nav > li > a.active, .shop-menu > li > a.active {
    color: var(--element1-color);
    text-shadow: 0 0 1px var(--element2-color), 0 0 2px var(--element2-color), 0 0 5px var(--element2-color), 0 0 10px var(--element2-color); }
  .page-nav > li.special > a, .shop-menu > li.special > a {
    background-color: var(--element1-color);
    border-radius: 30px !important; }
    .page-nav > li.special > a.active, .shop-menu > li.special > a.active {
      color: var(--element1-color);
      text-shadow: none;
      background-color: var(--element2-color); }
    .page-nav > li.special > a:hover, .shop-menu > li.special > a:hover {
      background-color: var(--element2-color);
      color: var(--secondary-title); }
    .page-nav > li.special > a span, .shop-menu > li.special > a span {
      padding-top: 12px;
      padding-bottom: 12px; }
  .page-nav > .my-dropdown:first-child > .my-dropdown-toggle .caret, .shop-menu > .my-dropdown:first-child > .my-dropdown-toggle .caret {
    background-image: url("/img/caret-white.png"); }
  .page-nav .my-dropdown, .shop-menu .my-dropdown {
    position: relative;
    display: flex;
    justify-content: center; }
    .page-nav .my-dropdown:hover, .shop-menu .my-dropdown:hover {
      background-color: transparent;
      color: var(--secondary-text); }
    .page-nav .my-dropdown .my-dropdown-toggle, .shop-menu .my-dropdown .my-dropdown-toggle {
      display: flex;
      align-items: center; }
      .page-nav .my-dropdown .my-dropdown-toggle .caret, .shop-menu .my-dropdown .my-dropdown-toggle .caret {
        display: inline-block;
        content: "";
        width: 16px;
        height: 10px;
        background-image: url("/img/caret-blue.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 15px;
        padding: 0;
        display: none; }
      .page-nav .my-dropdown .my-dropdown-toggle:after, .shop-menu .my-dropdown .my-dropdown-toggle:after {
        display: none; }
    .page-nav .my-dropdown .dropdown-menu, .shop-menu .my-dropdown .dropdown-menu {
      border: none;
      border-radius: 0px;
      left: auto;
      right: auto;
      top: calc(100% - 2px);
      min-width: 100%;
      border-top: 3px solid transparent;
      background-color: transparent;
      padding: 0px; }
      .page-nav .my-dropdown .dropdown-menu .dropdown-menu, .shop-menu .my-dropdown .dropdown-menu .dropdown-menu {
        left: 100%;
        top: -8px; }
      .page-nav .my-dropdown .dropdown-menu li, .shop-menu .my-dropdown .dropdown-menu li {
        width: 100%;
        margin-left: 0; }
        .page-nav .my-dropdown .dropdown-menu li a, .shop-menu .my-dropdown .dropdown-menu li a {
          width: 100%;
          background-color: #fff;
          border: 2px solid var(--element1-color);
          border-radius: 1000px; }
          .page-nav .my-dropdown .dropdown-menu li a span, .shop-menu .my-dropdown .dropdown-menu li a span {
            padding: 10px 10px; }

#main-menu.big-menu .shop-menu > li a {
  background-color: var(--element1-color);
  border-radius: 1000px;
  transition: 0.3s;
  -webkit-transition: 0.3s; }
  #main-menu.big-menu .shop-menu > li a:hover {
    background-color: var(--text-hover);
    color: var(--secondary-title); }
  #main-menu.big-menu .shop-menu > li a span {
    padding: 15px;
    border-radius: 50%; }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-dots {
    display: flex;
    justify-content: center; }
    .owl-carousel .owl-dots .owl-dot {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 2px solid var(--primary-text);
      margin: 0 5px;
      background-color: var(--primary-bg); }
      .owl-carousel .owl-dots .owl-dot.active {
        background-color: var(--element1-color); }
  .owl-carousel .nav-wrapper {
    display: none;
    width: 100%;
    justify-content: center;
    margin-top: 20px; }
  .owl-carousel .nav-start {
    display: block;
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    margin: 0 5px;
    background-image: url("/img/owl-start.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    padding: 0; }
  .owl-carousel .nav-stop {
    display: block;
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    margin: 0 5px;
    background-image: url("/img/owl-pause.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    padding: 0; }
  .owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: calc(50% - 25px);
    border: 1px solid var(--element1-color) !important; }
    .owl-carousel .owl-nav button img {
      width: 15px; }
    .owl-carousel .owl-nav button.owl-prev {
      transform: rotate(180deg);
      left: -60px; }
    .owl-carousel .owl-nav button.owl-next {
      right: -60px; }
    .owl-carousel .owl-nav button.disabled {
      opacity: 0.5; }
    .owl-carousel .owl-nav button:hover .owl-carousel .owl-nav button:not(.disabled) {
      opacity: 1; }
    .owl-carousel .owl-nav button:focus {
      outline: none; }
  .owl-carousel .one-news {
    color: var(--primary-title);
    display: block; }
    .owl-carousel .one-news img {
      height: 400px;
      width: 100%;
      object-fit: cover;
      object-position: center center; }
    .owl-carousel .one-news .wrapper {
      display: flex; }

.tadam {
  z-index: 999;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8); }
  .tadam .wrapper {
    position: relative;
    transform: scale(0);
    transform-origin: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    overflow: hidden;
    min-width: 280px;
    max-width: 80%;
    min-height: 200px;
    max-height: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-bg); }
  .tadam .btn-close {
    top: 30px;
    width: 30px;
    height: 30px;
    right: 30px;
    opacity: 80%;
    background-color: var(--element2-color);
    border-radius: 50%;
    position: absolute;
    z-index: 9999;
    box-shadow: none;
    border: none;
    color: #fff; }
    .tadam .btn-close:hover {
      opacity: 100%; }
  .tadam.open {
    opacity: 1; }
    .tadam.open .wrapper {
      transform: scale(1); }

#movie-tadam {
  z-index: -999;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8); }
  #movie-tadam .tadam-inner {
    position: relative;
    transform: scale(0);
    transform-origin: right;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    overflow: hidden;
    margin: 30px;
    width: 80%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center; }
    #movie-tadam .tadam-inner .close-tadam {
      position: absolute;
      top: 0px;
      right: 0px;
      background-color: #000;
      z-index: 9999;
      box-shadow: none;
      border: none;
      color: #fff; }
    #movie-tadam .tadam-inner .movie-container {
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center; }
      #movie-tadam .tadam-inner .movie-container .wideo {
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
        height: fit-content;
        height: -moz-fit-content;
        width: auto;
        border-radius: 15px 0px 15px 15px;
        position: relative; }
  #movie-tadam.open {
    z-index: 999;
    opacity: 1; }
    #movie-tadam.open .tadam-inner {
      transform: scale(1); }

.article-dates {
  padding: 30px 0; }
  .article-dates .one-date {
    display: flex;
    justify-content: center; }

.top-footer .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
.top-footer .bottom-nav {
  display: flex;
  padding-left: 0; }
  .top-footer .bottom-nav li {
    padding-left: 0; }
    .top-footer .bottom-nav li:first-child {
      padding-left: 0; }
    .top-footer .bottom-nav li a {
      color: var(--primary-text);
      font-weight: 700;
      display: block;
      padding: 15px 14px; }
    .top-footer .bottom-nav li:before {
      display: none; }

#footer {
  z-index: 2;
  position: relative; }

.bottom-footer {
  padding: 35px 0;
  overflow-y: hidden; }
  .bottom-footer .container-fluid {
    padding: 0 100px; }
  .bottom-footer .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between; }
  .bottom-footer p {
    color: var(--primary-text);
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500; }
  .bottom-footer a {
    color: var(--primary-text);
    font-size: 12px;
    font-weight: 500; }
    .bottom-footer a:hover {
      color: var(--text-hover); }
  .bottom-footer .copyright {
    text-align: center;
    text-align: center;
    display: flex;
    height: 100%;
    margin-right: auto;
    margin-left: 40px; }
    .bottom-footer .copyright p {
      margin: 0 8px; }
  .bottom-footer .author {
    text-align: center; }

.subsite figure.image {
  margin-top: 15px;
  margin-bottom: 15px;
  z-index: 7;
  position: relative; }
  .subsite figure.image img {
    max-width: 100%; }

.konto #settings .linki {
  display: flex;
  justify-content: space-between;
  padding-bottom: 70px; }
  .konto #settings .linki a {
    color: var(--primary-title);
    font-weight: 700;
    padding: 5px 10px; }
.konto .purchased-products {
  width: 100%;
  padding-bottom: 85px; }
  .konto .purchased-products h3 {
    color: var(--primary-title);
    font-weight: 700;
    font-size: 18px;
    margin: 0 auto;
    margin-bottom: 35px;
    width: 1075px;
    max-width: 100%; }
.konto .one-product {
  height: auto; }
  .konto .one-product.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .konto .one-product h3 {
    margin-top: 28px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px; }
  .konto .one-product .buttons {
    justify-content: flex-start;
    margin-top: 0; }
    .konto .one-product .buttons .btn {
      background-color: var(--element2-color) !important;
      color: var(--secondary-title) !important;
      border-color: var(--element2-color) !important;
      margin: 0;
      min-height: 41px;
      width: 100% !important;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .konto .one-product .photo img {
    width: 100%;
    height: 166px;
    object-fit: cover;
    border-radius: 33px; }
  .konto .one-product .photo .image {
    margin: 0; }
  .konto .one-product .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .konto .one-product .inner {
    border-radius: 33px;
    padding: 30px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.konto .wrapper {
  height: fit-content; }
.konto .page-foto {
  background-image: none; }

.violet-green-bg .page-foto h1 {
  color: var(--primary-title); }

.page-foto {
  padding: 2vw 0;
  padding-top: calc(150px + 2vw);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: linear-gradient(180deg, #fff 2%, #ffffffc2 28%, var(--element2-color) 75%); }
  .page-foto h1 {
    font-weight: 700;
    font-size: 40rem;
    letter-spacing: -1.04rem;
    color: var(--primary-title);
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase; }

.gallery-simple {
  margin-top: 60px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 200px; }
  .gallery-simple .column {
    width: 25%;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important; }
  .gallery-simple .image {
    margin: 0 !important; }
  .gallery-simple a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    /* Zadbaj o to, aby zdjęcia nie były w linii poziomej */
    padding: 2px; }
  .gallery-simple img {
    width: 100%;
    height: auto;
    display: block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.breadcrumbs {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-top: 45px;
  padding-left: 90px; }
  .breadcrumbs li {
    display: flex; }
    .breadcrumbs li a {
      font-size: 14px;
      color: var(--transparent-color2);
      white-space: nowrap; }
    .breadcrumbs li span.slash {
      padding: 0 15px;
      display: block;
      font-size: 14px;
      color: var(--transparent-color2); }
    .breadcrumbs li:last-child span.slash {
      display: none; }
    .breadcrumbs li:last-child a {
      color: var(--primary-text); }

.similar-products {
  padding-bottom: 60px;
  overflow-x: hidden; }

.product-page {
  padding-top: 25px;
  padding-bottom: 60px; }
  .product-page .userpanel-text-form {
    padding-left: 15px;
    padding-right: 15px; }
  .product-page .product-count-info p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px; }
  .product-page .product-reviews-list {
    margin-bottom: 50px; }
    .product-page .product-reviews-list .one-review {
      padding: 20px;
      border: 2px solid var(--element2-color);
      border-radius: 15px;
      margin-bottom: 20px; }
      .product-page .product-reviews-list .one-review .sign {
        margin-bottom: 0; }
  .product-page .product-versions {
    margin-top: 30px; }
    .product-page .product-versions .version-label {
      color: var(--transparent-color2);
      font-size: 14px;
      font-family: "Poppins", sans-serif;
      font-weight: 500; }
    .product-page .product-versions .version-change {
      font-size: 16rem;
      cursor: pointer; }
      .product-page .product-versions .version-change:hover {
        border-color: var(--element1-color); }
  .product-page .item-answears {
    padding-top: 70px;
    max-width: 1230px;
    margin: 0 auto; }
    .product-page .item-answears p, .product-page .item-answears ul li, .product-page .item-answears ol li {
      color: var(--transparent-color2); }
    .product-page .item-answears p, .product-page .item-answears ul, .product-page .item-answears ol {
      margin-bottom: 30px; }
    .product-page .item-answears h2 {
      font-size: 24rem;
      color: var(--element1-color);
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 55px;
      text-transform: uppercase; }
    .product-page .item-answears h4 {
      font-size: 17rem;
      color: var(--transparent-color2);
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 10px; }
    .product-page .item-answears .one-answear {
      display: none; }
      .product-page .item-answears .one-answear.active {
        display: block; }
  .product-page .item-questions {
    display: flex;
    padding-top: 90px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .product-page .item-questions .one-question.active .title {
      color: var(--element1-color); }
      .product-page .item-questions .one-question.active .title:after {
        width: 100%; }
    .product-page .item-questions .one-question:first-child .title {
      padding-right: 60px; }
    .product-page .item-questions .title {
      color: var(--transparent-color2);
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: 700;
      text-transform: unset;
      padding: 20px 50px;
      padding-left: 5px;
      margin: 0;
      margin-right: 10px;
      position: relative; }
      .product-page .item-questions .title:after {
        display: block;
        content: "";
        width: 0%;
        background-clip: padding-box;
        transform: translate3d(0, 0, 0);
        height: 9px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: var(--element1-color);
        position: absolute;
        bottom: 0;
        left: 0;
        transition: 0.3s;
        -webkit-transition: 0.3s; }
      .product-page .item-questions .title:hover {
        transform: unset;
        color: var(--anhor); }
        .product-page .item-questions .title:hover:after {
          width: 100%; }
      .product-page .item-questions .title:focus {
        outline: none !important;
        box-shadow: none !important; }
  .product-page .product-carousel .owl-nav button {
    width: 30px;
    height: 80px;
    top: 0;
    border: none !important;
    border-radius: 0;
    opacity: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s; }
    .product-page .product-carousel .owl-nav button.disabled {
      opacity: 0;
      pointer-events: none; }
    .product-page .product-carousel .owl-nav button:hover img {
      filter: brightness(1); }
    .product-page .product-carousel .owl-nav button.owl-next {
      right: 0;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.6082808123) 0%, rgba(255, 255, 255, 0.681109944) 50%, rgba(255, 255, 255, 0.7987570028) 100%); }
      .product-page .product-carousel .owl-nav button.owl-next img {
        transform: rotate(-90deg); }
    .product-page .product-carousel .owl-nav button.owl-prev {
      left: 0;
      transform: none;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.6082808123) 0%, rgba(255, 255, 255, 0.681109944) 50%, rgba(255, 255, 255, 0.7987570028) 100%); }
      .product-page .product-carousel .owl-nav button.owl-prev img {
        transform: rotate(90deg); }
    .product-page .product-carousel .owl-nav button img {
      filter: brightness(0.5);
      transition: 0.3s;
      -webkit-transition: 0.3s; }
  .product-page .product-carousel .one-image img {
    height: 70px;
    width: 100%;
    object-fit: contain; }
  .product-page .product-carousel .one-image .image {
    margin: 0;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    border: 3px solid var(--element2-color);
    transition: 0.3s;
    -webkit-transition: 0.3s; }
  .product-page .product-carousel .one-image:hover {
    cursor: pointer; }
    .product-page .product-carousel .one-image:hover .image {
      border: 3px solid #83bce6; }
  .product-page .photos {
    padding-right: 160px;
    padding-top: 20px; }
  .product-page #main-photo {
    margin-bottom: 15px; }
    .product-page #main-photo img {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain; }
    .product-page #main-photo .image {
      display: flex;
      justify-content: center;
      max-height: 100%; }
    .product-page #main-photo .product-video {
      width: 100%;
      height: 326px; }
  .product-page .feature-value-price {
    padding-left: 15px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    color: var(--transparent-color2);
    width: auto; }
  .product-page .feature-values {
    margin-top: 20px; }
    .product-page .feature-values .form-group {
      margin-bottom: 10px; }
    .product-page .feature-values input {
      margin-right: 15px;
      cursor: pointer; }
    .product-page .feature-values label {
      display: flex;
      justify-content: space-between;
      cursor: pointer;
      padding: 0;
      font-size: 14px; }
      .product-page .feature-values label:hover .feature-title, .product-page .feature-values label:hover .feature-value-price {
        color: var(--element1-color); }
      .product-page .feature-values label .feature-title {
        transition: 0.3s;
        -webkit-transition: 0.3s; }
  .product-page .input-group {
    flex-wrap: nowrap;
    align-items: center;
    width: auto; }
  .product-page input[type=radio] {
    height: 16px;
    width: 16px;
    flex: unset; }
  .product-page .feature-main-title {
    padding-top: 50px;
    color: var(--transparent-color2);
    font-size: 14px;
    margin: 0;
    font-family: "Poppins", sans-serif; }
  .product-page .title {
    font-size: 26rem;
    color: var(--primary-text);
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px; }
  .product-page .ref {
    font-size: 23rem;
    font-family: "Poppins", sans-serif; }
  .product-page .price {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .product-page .price .new-price {
      font-size: 30rem;
      letter-spacing: 1px;
      font-weight: 400;
      margin-right: 15px;
      margin-bottom: 0;
      font-family: "Poppins", sans-serif; }
    .product-page .price .old-before {
      letter-spacing: 0px;
      font-size: 22rem;
      color: var(--transparent-color2);
      margin-bottom: 0;
      font-family: "Poppins", sans-serif; }
      .product-page .price .old-before span {
        text-decoration: line-through; }
  .product-page .vat-delivery-information p {
    color: var(--transparent-color2);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0; }
    .product-page .vat-delivery-information p a {
      color: var(--transparent-color2);
      font-size: 14px;
      font-weight: 400;
      text-decoration: underline; }
      .product-page .vat-delivery-information p a:hover {
        color: var(--element1-color); }
  .product-page .sale-disabled {
    margin-top: 40px; }

#product .module-title {
  padding-top: 0; }
#product .only-text .title {
  text-align: center; }

#your-order .buttons {
  margin-bottom: 30px; }

#tadam-login {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.31) 0%, var(--element1-color) 100%); }
  #tadam-login a {
    color: var(--element2-color); }
    #tadam-login a:hover {
      color: var(--element2-color); }
  #tadam-login .btn-secondary {
    background-color: var(--element2-color) !important;
    border-color: var(--element2-color) !important; }
    #tadam-login .btn-secondary:hover, #tadam-login .btn-secondary:focus {
      background-color: var(--element2-color) !important;
      border-color: var(--element2-color) !important; }
  #tadam-login input {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  #tadam-login form {
    padding-bottom: 0; }
  #tadam-login .wrapper {
    border-radius: 100px;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: #FFFFFF66;
    border-radius: 60rem;
    padding: 35px 15px;
    width: 450px;
    max-width: calc(100% - 30px); }

#order .buttons-order {
  padding-bottom: 60px; }
  #order .buttons-order .btn {
    width: fit-content; }

.course-episodes {
  position: relative; }
  .course-episodes .episode-list-wrapper .season-title p {
    font-weight: 700;
    font-size: 18rem;
    margin: 0; }
  .course-episodes .episode-list .one-episode {
    border-bottom: 1px solid #d4d4d4; }
    .course-episodes .episode-list .one-episode:last-child {
      border-bottom: none; }
  .course-episodes .one-episode-wrapper {
    padding-top: 40px;
    padding-bottom: 90px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .course-episodes .one-episode-wrapper .photo {
      position: relative;
      margin-right: 25px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .course-episodes .one-episode-wrapper .photo:before {
        background-image: url(/img/phone-wideo-play.webp);
        background-size: contain;
        background-repeat: no-repeat;
        width: 81px;
        height: 81px;
        position: absolute;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        z-index: 9;
        content: "";
        display: block;
        cursor: pointer; }
      .course-episodes .one-episode-wrapper .photo:after {
        cursor: pointer;
        z-index: 8;
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 30px;
        background: rgba(202, 253, 0, 0.5);
        transition: 0.3s;
        -webkit-transition: 0.3s; }
      .course-episodes .one-episode-wrapper .photo .image {
        margin: 0; }
      .course-episodes .one-episode-wrapper .photo img {
        width: 271px;
        min-width: 271px;
        height: 155px;
        object-fit: cover;
        border-radius: 30px; }
    .course-episodes .one-episode-wrapper h3 {
      font-weight: 700;
      font-size: 18rem;
      margin-top: 0;
      margin-bottom: 20px; }
    .course-episodes .one-episode-wrapper .episode-title {
      margin-right: 25px; }
    .course-episodes .one-episode-wrapper .episode-duration {
      white-space: nowrap; }
    .course-episodes .one-episode-wrapper .quize-title:first-child {
      margin-right: 25px; }
    .course-episodes .one-episode-wrapper .quize-title-wrapper {
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      padding: 18px 20px;
      margin-bottom: 30px;
      background-color: var(--element1-color);
      border: 1px solid var(--element1-color);
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      border-radius: 100px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none !important; }
      .course-episodes .one-episode-wrapper .quize-title-wrapper:hover {
        transform: scale(0.95);
        background-color: var(--element2-color); }
        .course-episodes .one-episode-wrapper .quize-title-wrapper:hover h3 {
          color: var(--element1-color); }
      .course-episodes .one-episode-wrapper .quize-title-wrapper h3 {
        margin-bottom: 0;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s; }
    .course-episodes .one-episode-wrapper .quize-progress-bar {
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      height: 9px;
      border-radius: 30px;
      margin-top: 10px; }
    .course-episodes .one-episode-wrapper .quize-progress-bar-active {
      height: 9px;
      background-color: var(--text-hover);
      border-radius: 30px; }
    .course-episodes .one-episode-wrapper .title-wrapper {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
    .course-episodes .one-episode-wrapper .episode-text {
      padding-top: 30px;
      width: calc(100% - 296px); }
    .course-episodes .one-episode-wrapper .episode-quize {
      padding-top: 30px;
      width: 25%;
      padding-left: 25px; }
  .course-episodes .episode-link {
    display: flex;
    align-items: flex-start;
    padding-right: 25px;
    width: 75%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    transform-origin: left center; }
    .course-episodes .episode-link:hover .photo:after {
      background: rgba(109, 55, 255, 0.5); }
  .course-episodes .episode-wrapper {
    position: relative; }
    .course-episodes .episode-wrapper .video {
      height: auto;
      max-height: 100vh; }
    .course-episodes .episode-wrapper .episode-name {
      font-size: 60rem;
      max-width: 100%;
      text-transform: unset;
      letter-spacing: 0;
      text-shadow: none;
      line-height: 1;
      font-weight: 600;
      text-align: left;
      color: var(--element2-color);
      text-shadow: 1px 1px 5px var(--transparent-color2); }
    .course-episodes .episode-wrapper .episode-number {
      font-size: 25rem;
      font-weight: 600; }
    .course-episodes .episode-wrapper .text {
      position: absolute;
      bottom: 0;
      z-index: 2;
      padding-bottom: 180px;
      width: 100%;
      transition: 1s;
      -webkit-transition: 1s;
      pointer-events: none;
      opacity: 1;
      transform: translateY(0); }
      .course-episodes .episode-wrapper .text .container {
        width: 100%; }
    .course-episodes .episode-wrapper .green-gradient-reverse {
      background: linear-gradient(0deg, rgba(235, 235, 235, 0) 0%, #CAFD00 100%);
      top: 0;
      z-index: 1;
      height: min(56.25vw, 100vh);
      width: calc(min(56.25vw, 100vh) * 16 / 9);
      left: calc(50% - (min(56.25vw, 100vh) * 16 / 18));
      pointer-events: none;
      position: absolute;
      transition: 1s;
      -webkit-transition: 1s;
      opacity: 1;
      transform: translateY(0); }
    .course-episodes .episode-wrapper .video-play {
      cursor: pointer;
      background-image: url(/img/phone-wideo-play.webp);
      background-size: contain;
      background-repeat: no-repeat;
      width: 214px;
      height: 214px;
      position: absolute;
      transition: 1s;
      -webkit-transition: 1s;
      z-index: 3;
      top: calc(50% - 107px);
      left: calc(50% - 107px);
      opacity: 1; }
      .course-episodes .episode-wrapper .video-play:hover {
        transform: scale(0.8); }
  .course-episodes .episode-buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 75px;
    flex-wrap: wrap; }
    .course-episodes .episode-buttons .btn {
      margin: 5px;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
      min-width: 330px; }
      .course-episodes .episode-buttons .btn:first-child:last-child {
        margin-left: auto; }
  .course-episodes .title {
    display: flex;
    justify-content: space-between;
    position: relative; }
    .course-episodes .title #seasonToggle {
      border-radius: 30px;
      padding: 14px 22px;
      width: 200px;
      height: 60px;
      border: 1px solid var(--element2-color) !important;
      background-color: var(--element2-color) !important;
      color: var(--secondary-title);
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .course-episodes .title #seasonToggle.open span.caret {
        transform: rotate(0deg); }
      .course-episodes .title #seasonToggle span {
        display: block; }
        .course-episodes .title #seasonToggle span.caret {
          background-image: url("/img/caret.webp");
          transform: rotate(180deg);
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-size: 20px;
          transition: 0.3s;
          -webkit-transition: 0.3s; }
    .course-episodes .title h2 {
      margin-bottom: 0; }
  .course-episodes .season-select {
    width: 290px;
    margin-left: auto;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10; }
    .course-episodes .season-select .option {
      margin-bottom: 9px;
      width: 100%;
      justify-content: flex-start; }
      .course-episodes .season-select .option:hover, .course-episodes .season-select .option.current-season {
        background-color: var(--element1-color) !important; }
      .course-episodes .season-select .option.cur
      .episode-count {
        font-size: 16rem;
        margin-left: 15px; }
  .course-episodes .episodes .wrapper {
    position: relative; }
  .course-episodes .no-access {
    position: absolute;
    top: 200px;
    position: absolute;
    top: 120px;
    z-index: 5;
    width: 100%; }

.quiz-panel-season-list {
  padding-top: 40px; }

.quiz-panel-wrapper {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 60px 40px;
  border-radius: 36px;
  border-top: 1px solid #00000012;
  margin-bottom: 60px; }
  .quiz-panel-wrapper .task-list {
    display: flex;
    align-items: center;
    justify-content: center; }
  .quiz-panel-wrapper .one-task-button {
    cursor: pointer;
    width: 39px;
    min-width: 39px;
    height: 39px;
    min-height: 39px;
    border-radius: 50%;
    background-image: url("/img/quiz-normal.svg");
    background-size: 37px 37px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 6px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    cursor: default;
    border: 1px solid transparent;
    background-color: transparent; }
    .quiz-panel-wrapper .one-task-button:hover {
      border-color: transparent; }
    .quiz-panel-wrapper .one-task-button.checked {
      background-image: url("/img/quiz-checked.svg");
      background-size: 28px 28px; }
    .quiz-panel-wrapper .one-task-button.answered {
      background-image: url("/img/quiz-answered.svg");
      background-size: 28px 28px;
      cursor: pointer; }
      .quiz-panel-wrapper .one-task-button.answered:hover {
        border-color: var(--element2-color); }
      .quiz-panel-wrapper .one-task-button.answered.correct-answer {
        background-image: url("/img/quiz-correct.svg");
        background-size: 28px 28px; }
        .quiz-panel-wrapper .one-task-button.answered.correct-answer:hover {
          border-color: var(--element1-color); }
      .quiz-panel-wrapper .one-task-button.answered.wrong-answer {
        background-image: url("/img/quiz-wrong.svg");
        background-size: 28px 28px; }
        .quiz-panel-wrapper .one-task-button.answered.wrong-answer:hover {
          border-color: #ff9393; }
    .quiz-panel-wrapper .one-task-button.active {
      background-image: url("/img/quiz-active.svg");
      background-size: 37px 37px;
      cursor: default; }
      .quiz-panel-wrapper .one-task-button.active:hover {
        border-color: transparent; }
      .quiz-panel-wrapper .one-task-button.active.correct-answer {
        background-image: url("/img/quiz-correct-active.svg");
        background-size: 37px 37px; }
      .quiz-panel-wrapper .one-task-button.active.wrong-answer {
        background-image: url("/img/quiz-wrong-active.svg");
        background-size: 37px 37px; }
  .quiz-panel-wrapper .answered + .one-task-button {
    cursor: pointer; }
    .quiz-panel-wrapper .answered + .one-task-button:hover {
      border-color: var(--element2-color); }
  .quiz-panel-wrapper .quiz-panel-question {
    margin-top: 40px;
    margin-bottom: 40px; }
    .quiz-panel-wrapper .quiz-panel-question p {
      font-weight: 700;
      font-size: 16rem;
      text-align: center; }
  .quiz-panel-wrapper .quiz-panel-answers .row {
    margin-left: -25px;
    margin-right: -25px; }
  .quiz-panel-wrapper .quiz-panel-answers .one-answer {
    padding: 15px 25px; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer mjx-container[jax="CHTML"][display="true"] {
      margin: 0; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer mjx-math, .quiz-panel-wrapper .quiz-panel-answers .one-answer p {
      margin: 0;
      font-weight: 400;
      font-size: 18rem;
      color: var(--primary-text); }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer p {
      font-size: 15rem;
      width: fit-content; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer .btn-answer {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #E9E9E9;
      border-radius: 100px;
      width: 100%;
      outline-color: var(--element2-color) !important; }
      .quiz-panel-wrapper .quiz-panel-answers .one-answer .btn-answer:hover {
        border-color: var(--element1-color); }
      .quiz-panel-wrapper .quiz-panel-answers .one-answer .btn-answer.active {
        border-color: var(--element2-color); }
  .quiz-panel-wrapper .quiz-panel-result .test-result {
    font-weight: 700;
    font-size: 40rem;
    color: #E9E9E9;
    text-align: center; }
    .quiz-panel-wrapper .quiz-panel-result .test-result .correct-answers {
      color: #77FF28; }
  .quiz-panel-wrapper .quiz-panel-result .result-des p {
    text-align: center;
    font-size: 18rem; }
    .quiz-panel-wrapper .quiz-panel-result .result-des p strong {
      font-weight: 700; }
  .quiz-panel-wrapper .quiz-panel-result .result-info {
    text-align: center;
    font-size: 18rem;
    color: #6F6F6F;
    margin-top: 50rem; }
    .quiz-panel-wrapper .quiz-panel-result .result-info strong {
      font-weight: 700;
      color: #ff9393; }
  .quiz-panel-wrapper .generate-task-field {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .quiz-panel-wrapper .generate-task-field mjx-math {
      font-weight: 700; }
    .quiz-panel-wrapper .generate-task-field h3 {
      margin-top: 0;
      margin-bottom: 0;
      text-align: center;
      font-weight: 700;
      font-size: 18rem; }

#quiz-panel .quiz-panel-buttons {
  display: flex;
  justify-content: space-between; }
  #quiz-panel .quiz-panel-buttons .btn:first-child:last-child {
    margin-left: auto; }

.summary-gwarancja {
  padding-top: 20px; }
  .summary-gwarancja p {
    text-align: center; }

@media (max-width: 575.5px) {
  html {
    font-size: 0.8px; }

  header.sticked .page-nav li a span {
    padding-top: 15px;
    padding-bottom: 15px; }
  header.sticked #main-nav {
    height: 65px; }

  .window-open .wrapper {
    padding-top: 40px; }
    .window-open .wrapper h3 {
      font-size: 30rem; }

  #product-qr-link #order-summary .one-product-wrapper {
    width: 100%; }
  #product-qr-link #order-summary .photo-video img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain; }
  #product-qr-link #order-summary .photo-video .image {
    display: flex;
    justify-content: center;
    max-height: 100%; }
  #product-qr-link #order-summary .photo-video .product-video {
    width: 100%;
    height: 50vw; }
  #product-qr-link #order-summary .products-buy .one-product .shop-product-one-feature {
    flex-direction: column; }

  #author-page .map-links ul li {
    width: 100%;
    padding-right: 0; }

  #top-bar {
    height: 50px;
    display: none; }
    #top-bar .right {
      display: none; }
      #top-bar .right .socials {
        margin-left: 30px; }

  #main-nav {
    height: 80px; }
    #main-nav .inner #logo {
      margin-right: 0; }
      #main-nav .inner #logo .image:nth-child(2) img {
        width: 38px;
        margin-bottom: 7px; }
      #main-nav .inner #logo .image:first-child img {
        width: 150px; }
      #main-nav .inner #logo a {
        width: auto; }
      #main-nav .inner #logo .motto {
        display: none !important; }
    #main-nav .btn-menu.open span:last-child {
      width: 34px; }
    #main-nav .btn-menu span {
      width: 34px; }
      #main-nav .btn-menu span:last-child {
        width: 25px; }
    #main-nav .btn-menu.menu-small {
      padding: 8px;
      min-height: 50px;
      min-width: 50px; }

  .page-nav > li.special a {
    margin-left: 13px;
    margin-right: 13px; }
  .page-nav li a span, .page-nav li .menu-empty span {
    padding: 15px 10px;
    margin-left: 7px;
    margin-right: 7px; }

  .top-footer .wrapper {
    flex-direction: column; }
  .top-footer .bottom-nav {
    flex-wrap: wrap;
    justify-content: center; }
    .top-footer .bottom-nav li a {
      padding: 10px 7px; }

  .bottom-footer {
    padding: 15px 0; }
    .bottom-footer p {
      width: 100%; }
    .bottom-footer .logo-popcorn {
      width: 100%;
      order: 2;
      display: flex;
      justify-content: center;
      margin-top: 15px; }
      .bottom-footer .logo-popcorn img {
        max-width: 50px; }
    .bottom-footer .wrapper {
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .bottom-footer .copyright {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 10px;
      flex-wrap: wrap; }

  #main-menu.mini-menu {
    flex-direction: column;
    padding-top: 90px; }
    #main-menu.mini-menu .page-nav {
      order: 0; }
      #main-menu.mini-menu .page-nav li a span, #main-menu.mini-menu .page-nav li .menu-empty span {
        white-space: normal; }
    #main-menu.mini-menu .socials {
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: center;
      margin-top: 20px; }
      #main-menu.mini-menu .socials a {
        background-color: var(--dark-bg2);
        border-radius: 50%;
        width: 40px;
        min-width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 10px; }
        #main-menu.mini-menu .socials a:hover {
          background-color: var(--element1-color); }
      #main-menu.mini-menu .socials img {
        max-width: 19px;
        max-height: 19px; }

  .gallery-simple {
    margin-top: 30px; }
    .gallery-simple .column {
      width: 50%; }

  .product-page .title {
    font-size: 25rem; }
  .product-page .sale-disabled {
    margin-top: 30px; }
  .product-page .feature-value-price {
    padding-top: 5px;
    padding-left: 30px; }
  .product-page .feature-values .form-group {
    margin-bottom: 20px; }
  .product-page .feature-values label {
    flex-direction: column; }
  .product-page .feature-main-title {
    padding-top: 35px; }
  .product-page .text {
    padding-top: 30px; }
  .product-page .item-questions {
    padding-top: 35px;
    flex-wrap: wrap; }
    .product-page .item-questions .one-question {
      display: flex;
      align-items: flex-end;
      width: 100%;
      background-color: var(--light-bg); }
      .product-page .item-questions .one-question .inner {
        width: 100%; }
      .product-page .item-questions .one-question.active {
        background-color: var(--anhor); }
        .product-page .item-questions .one-question.active .title {
          color: var(--secondary-title); }
      .product-page .item-questions .one-question:first-child .title {
        padding-right: 10px; }
    .product-page .item-questions .title {
      padding: 10px 10px;
      width: 100%;
      justify-content: flex-start; }
      .product-page .item-questions .title:after {
        display: none; }
  .product-page .item-answears {
    padding-top: 40px; }
    .product-page .item-answears h4 {
      font-size: 18rem; }
    .product-page .item-answears p, .product-page .item-answears ul, .product-page .item-answears ol {
      margin-bottom: 15px; }
    .product-page .item-answears h2 {
      margin-bottom: 25px;
      font-size: 22rem; }
  .product-page .product-carousel .owl-nav button {
    height: 84px; }
  .product-page .product-carousel .one-image img {
    height: 68px; }
  .product-page .photos {
    padding: 0px 15px; }
    .product-page .photos #main-photo {
      margin-bottom: 0px;
      height: 65vw; }
      .product-page .photos #main-photo .product-video {
        height: 53vw; }
      .product-page .photos #main-photo img {
        max-width: 80%; }

  .breadcrumbs {
    padding-left: 0px;
    padding-top: 20px; }

  .page-foto {
    padding-top: calc(80px + 2vw); }

  #your-order .buttons {
    padding-left: 0;
    justify-content: center; }

  .products-buy .one-product {
    margin-top: 20px; }

  .payment-type {
    justify-content: center;
    flex-direction: column;
    align-items: center; }

  #order .buttons-order {
    padding-bottom: 0px; }

  .konto .wrapper {
    max-width: 320px;
    margin: 0 auto; }
  .konto #settings .linki {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 45px; }
    .konto #settings .linki a {
      width: 100%;
      text-align: center; }
  .konto .one-product {
    margin-bottom: 20px; }
    .konto .one-product h3 {
      margin-top: 20px; }
    .konto .one-product .photo img {
      height: 166px; }
  .konto .purchased-products {
    padding-bottom: 0px; }

  .course-episodes .title-text h2, .course-episodes .title-text p {
    text-align: center; }
  .course-episodes #seasonToggle {
    margin-bottom: 30px; }
  .course-episodes .title {
    flex-direction: column-reverse;
    align-items: center; }
  .course-episodes .one-episode-wrapper {
    flex-wrap: wrap;
    padding-bottom: 60px; }
    .course-episodes .one-episode-wrapper h3 {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-link {
      padding-right: 0;
      width: 100%;
      align-items: center;
      flex-direction: column; }
    .course-episodes .one-episode-wrapper .episode-text {
      width: 100%;
      padding-top: 20px; }
    .course-episodes .one-episode-wrapper .photo {
      margin-right: 0px; }
    .course-episodes .one-episode-wrapper .episode-duration {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-quize {
      width: 100%;
      padding-left: 0; }
  .course-episodes .episode-wrapper .green-gradient-reverse {
    top: 70px; }
  .course-episodes .episode-wrapper .episode-name {
    font-size: 24rem; }
  .course-episodes .episode-wrapper .video-play {
    width: 45px;
    height: 45px;
    top: calc(50% - 22px);
    left: calc(50% - 22px); }
  .course-episodes .episode-wrapper .video {
    padding-top: 70px; }
  .course-episodes .episode-wrapper .text {
    padding-bottom: 10vw; }
  .course-episodes .episode-buttons {
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 30px; }
    .course-episodes .episode-buttons .btn {
      min-width: 240px; }
      .course-episodes .episode-buttons .btn:first-child:last-child {
        margin-left: auto;
        margin-right: auto; }

  .quiz-panel-wrapper {
    padding: 20px 15px; }
    .quiz-panel-wrapper .one-task-button {
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 32px;
      background-size: 33px 33px;
      margin: 3.5px; }
    .quiz-panel-wrapper .task-list {
      flex-wrap: wrap; }
    .quiz-panel-wrapper .generate-task-field h3 {
      font-size: 17rem;
      line-height: 1.2; }
    .quiz-panel-wrapper .generate-task-field mjx-math {
      white-space: break-spaces;
      line-height: 1.2; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer {
      padding: 7px 10px; }
    .quiz-panel-wrapper .quiz-panel-answers .row {
      margin-left: -10px;
      margin-right: -10px; }
    .quiz-panel-wrapper .quiz-panel-question {
      margin-top: 15px;
      margin-bottom: 15px; }
      .quiz-panel-wrapper .quiz-panel-question p {
        margin-bottom: 10px; }

  #quiz-panel {
    padding: 0; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  html {
    font-size: 0.85px; }

  header.sticked .page-nav li a span {
    padding-top: 15px;
    padding-bottom: 15px; }
  header.sticked #main-nav {
    height: 65px; }

  .page-foto h1 {
    font-size: 30rem; }

  #author-page .map-links ul li {
    width: 100%;
    padding-right: 0; }

  body ul li:before {
    min-width: 10px;
    width: 10px;
    height: 10px;
    margin-right: 10px; }

  #top-bar {
    height: 50px; }
    #top-bar .right {
      padding-right: 15px; }
    #top-bar .address p {
      font-size: 17rem; }
    #top-bar .socials {
      margin-left: 20px; }
      #top-bar .socials a {
        margin-left: 5px; }

  #main-nav {
    height: 90px; }
    #main-nav .inner #logo img {
      width: 160px; }

  #main-menu.mini-menu {
    flex-direction: column;
    padding-top: 90px; }
    #main-menu.mini-menu .page-nav {
      order: 0; }
      #main-menu.mini-menu .page-nav li a, #main-menu.mini-menu .page-nav li .menu-empty {
        font-size: 17rem; }

  .top-footer .wrapper {
    flex-direction: column; }
  .top-footer .bottom-nav {
    flex-wrap: wrap;
    justify-content: center; }
    .top-footer .bottom-nav li a {
      padding: 10px 7px; }

  .bottom-footer {
    padding: 15px 0; }
    .bottom-footer .logo-popcorn {
      width: 100%;
      order: 2;
      display: flex;
      justify-content: center;
      margin-top: 15px; }
      .bottom-footer .logo-popcorn img {
        max-width: 50px; }
    .bottom-footer .wrapper {
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
    .bottom-footer .copyright {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 10px; }

  .gallery-simple {
    margin-top: 30px; }
    .gallery-simple .column {
      width: 33.3%; }

  .product-page .feature-main-title {
    padding-top: 35px; }
  .product-page .text {
    padding-top: 60px; }
  .product-page .item-questions {
    padding-top: 35px; }
    .product-page .item-questions .one-question {
      display: flex;
      align-items: flex-end; }
      .product-page .item-questions .one-question:first-child .title {
        padding-right: 10px; }
    .product-page .item-questions .title {
      padding: 20px 10px; }
  .product-page .item-answears {
    padding-top: 40px; }
    .product-page .item-answears h4 {
      font-size: 18rem; }
    .product-page .item-answears p, .product-page .item-answears ul, .product-page .item-answears ol {
      margin-bottom: 15px; }
    .product-page .item-answears h2 {
      margin-bottom: 35px; }
  .product-page .product-carousel .owl-nav button {
    height: 110px; }
  .product-page .product-carousel .one-image img {
    height: 94px; }
  .product-page .photos {
    padding-right: 15px; }
    .product-page .photos #main-photo {
      margin-bottom: 50px; }
      .product-page .photos #main-photo .product-video {
        height: 53vw; }

  .breadcrumbs {
    padding-left: 0px;
    padding-top: 20px; }

  .page-foto {
    padding-top: calc(120px + 2vw); }

  #your-order .buttons {
    padding-left: 0;
    justify-content: center; }

  .products-buy .one-product {
    padding-bottom: 60px; }

  .payment-type {
    justify-content: center;
    flex-direction: column;
    align-items: center; }

  #order .buttons-order {
    padding-bottom: 30px; }

  .konto .wrapper {
    max-width: 576px;
    margin: 0 auto; }
  .konto #settings .linki {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 45px; }
  .konto .one-product {
    margin-bottom: 20px; }
    .konto .one-product h3 {
      margin-top: 20px; }
    .konto .one-product .photo img {
      height: 28vw; }
  .konto .purchased-products {
    padding-bottom: 30px; }

  .course-episodes .one-episode-wrapper {
    flex-wrap: wrap;
    padding-bottom: 60px; }
    .course-episodes .one-episode-wrapper h3 {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-link {
      padding-right: 0;
      width: 100%;
      align-items: center; }
    .course-episodes .one-episode-wrapper .episode-text {
      width: calc(100% - 215px);
      padding-top: 0; }
    .course-episodes .one-episode-wrapper .photo {
      margin-right: 15px; }
      .course-episodes .one-episode-wrapper .photo img {
        width: 200px;
        min-width: 200px;
        height: 114px; }
    .course-episodes .one-episode-wrapper .episode-duration {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-quize {
      width: 200px;
      padding-left: 0; }
  .course-episodes .episode-wrapper .episode-name {
    font-size: 40rem; }
  .course-episodes .episode-wrapper .video-play {
    width: 90px;
    height: 90px;
    top: calc(50% - 45px);
    left: calc(50% - 45px); }
  .course-episodes .episode-wrapper .text {
    padding-bottom: 10vw; }
  .course-episodes .episode-buttons {
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 50px; }
    .course-episodes .episode-buttons .btn:first-child:last-child {
      margin-left: auto;
      margin-right: auto; }

  .quiz-panel-wrapper {
    padding: 20px 15px; }
    .quiz-panel-wrapper .one-task-button {
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 32px;
      background-size: 33px 33px; }
    .quiz-panel-wrapper .generate-task-field h3 {
      font-size: 17rem; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer {
      padding: 7px 10px; }
    .quiz-panel-wrapper .quiz-panel-answers .row {
      margin-left: -10px;
      margin-right: -10px; }
    .quiz-panel-wrapper .quiz-panel-question {
      margin-top: 15px;
      margin-bottom: 15px; }
      .quiz-panel-wrapper .quiz-panel-question p {
        margin-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  html {
    font-size: 0.9px; }

  header.sticked #main-nav {
    height: 70px; }
    header.sticked #main-nav #logo a .image:nth-child(2) {
      transform: scale(1);
      opacity: 1; }

  #author-page .map-links ul li {
    width: 50%; }

  #top-bar {
    height: 50px; }
    #top-bar .right {
      padding-right: 15px; }
    #top-bar .address p {
      font-size: 17rem; }
    #top-bar .socials {
      margin-left: 20px; }
      #top-bar .socials a {
        margin-left: 5px; }

  #main-menu.big-menu .shop-menu {
    width: auto; }
  #main-menu #link-konto {
    margin-right: 0px;
    margin-left: auto; }
    #main-menu #link-konto a {
      width: 55px;
      height: 55px; }
  #main-menu #link-koszyk {
    margin-left: 10px;
    margin-right: 0px; }
    #main-menu #link-koszyk a {
      width: 55px;
      height: 55px; }
  #main-menu.mini-menu {
    padding-top: 100px; }
    #main-menu.mini-menu.mini-menu {
      flex-direction: column; }

  #main-nav {
    height: 90px; }
    #main-nav .inner #logo {
      margin-right: 0px; }
      #main-nav .inner #logo .image:first-child {
        display: none; }
      #main-nav .inner #logo .motto {
        font-size: 12rem; }

  .page-nav li, .shop-menu li li {
    margin-left: 3px;
    margin-right: 3px; }
    .page-nav li a span, .shop-menu li li a span {
      padding: 16px 5px; }

  .gallery-simple .column {
    width: 33.3%; }

  .product-page .text {
    padding-top: 60px; }
  .product-page .item-questions {
    padding-top: 35px; }
    .product-page .item-questions .one-question:first-child .title {
      padding-right: 10px; }
    .product-page .item-questions .title {
      padding: 20px 10px; }
  .product-page .item-answears {
    padding-top: 40px; }
    .product-page .item-answears h2 {
      margin-bottom: 35px; }
  .product-page .product-carousel .owl-nav button {
    height: 100px; }
  .product-page .product-carousel .one-image img {
    height: 84px; }
  .product-page .photos {
    padding-right: 15px; }
    .product-page .photos #main-photo {
      margin-bottom: 50px; }
      .product-page .photos #main-photo .product-video {
        height: 390px; }

  .breadcrumbs {
    padding-left: 0px; }

  .bottom-footer .logo-popcorn {
    width: 100%;
    order: 2;
    display: flex;
    justify-content: center;
    margin-top: 30px; }
  .bottom-footer .copyright {
    margin-left: 0; }
  .bottom-footer .wrapper {
    flex-wrap: wrap; }

  #your-order .buttons {
    padding-left: 0;
    justify-content: center; }

  .products-buy .one-product {
    padding-bottom: 60px; }

  #order .buttons-order {
    padding-bottom: 30px; }

  .konto .one-product h3 {
    margin-top: 20px; }
  .konto .one-product .inner {
    padding: 20px 13px; }
  .konto .one-product .photo img {
    height: 137px; }

  .course-episodes .one-episode-wrapper {
    flex-wrap: wrap;
    padding-bottom: 60px; }
    .course-episodes .one-episode-wrapper h3 {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-link {
      padding-right: 0;
      width: 100%;
      align-items: center; }
    .course-episodes .one-episode-wrapper .episode-text {
      width: calc(100% - 215px);
      padding-top: 0; }
    .course-episodes .one-episode-wrapper .photo {
      margin-right: 15px; }
      .course-episodes .one-episode-wrapper .photo img {
        width: 200px;
        min-width: 200px;
        height: 114px; }
    .course-episodes .one-episode-wrapper .episode-duration {
      margin-bottom: 10px; }
    .course-episodes .one-episode-wrapper .episode-quize {
      width: 200px;
      padding-left: 0; }
  .course-episodes .episode-wrapper .episode-name {
    font-size: 40rem; }
  .course-episodes .episode-wrapper .video-play {
    width: 180px;
    height: 180px;
    top: calc(50% - 90px);
    left: calc(50% - 90px); }
  .course-episodes .episode-wrapper .text {
    padding-bottom: 10vw; }

  .quiz-panel-wrapper {
    padding: 20px 15px; }
    .quiz-panel-wrapper .generate-task-field h3 {
      font-size: 17rem; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer {
      padding: 7px 10px; }
    .quiz-panel-wrapper .quiz-panel-answers .row {
      margin-left: -10px;
      margin-right: -10px; }
    .quiz-panel-wrapper .quiz-panel-question {
      margin-top: 15px;
      margin-bottom: 15px; }
      .quiz-panel-wrapper .quiz-panel-question p {
        margin-bottom: 10px; }

  .top-footer .wrapper {
    flex-direction: column; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  html {
    font-size: 0.9px; }

  header.sticked #main-menu.mini-menu {
    transform: translateX(100vw) translateY(90px); }
    header.sticked #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(95px); }
  header.sticked #main-nav #logo a .image:nth-child(2) {
    transform: scale(1);
    opacity: 1; }

  body.overflow-y-hidden {
    overflow: auto !important; }

  #top-bar .right {
    padding-right: 15px; }
  #top-bar .left {
    display: none; }
  #top-bar .socials {
    margin-left: 20px; }
    #top-bar .socials a {
      margin-left: 5px; }

  #main-menu.big-menu .shop-menu {
    width: auto; }
  #main-menu #link-konto {
    margin-right: 0px;
    margin-left: auto; }
    #main-menu #link-konto a {
      width: 55px;
      height: 55px; }
  #main-menu #link-koszyk {
    margin-left: 10px;
    margin-right: 0px; }
    #main-menu #link-koszyk a {
      width: 55px;
      height: 55px; }
  #main-menu.mini-menu {
    transform: translateX(100vw) translateY(140px);
    width: 500px; }
    #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(115px); }
    #main-menu.mini-menu .page-nav li:first-child {
      margin-top: 0; }
    #main-menu.mini-menu .page-nav li span {
      padding: 25px 15px; }

  #author-page .map-links ul li {
    width: 50%; }

  #main-nav {
    height: 100px; }
    #main-nav .inner #logo {
      margin-right: 20px; }
      #main-nav .inner #logo .image:first-child {
        display: none; }
      #main-nav .inner #logo .image {
        width: 120px !important; }
      #main-nav .inner #logo .motto {
        font-size: 12rem; }

  .gallery-simple .column {
    width: 33.3%; }

  .product-page #main-photo .product-video {
    height: 225px; }
  .product-page .item-answears {
    padding-top: 40px; }
    .product-page .item-answears h2 {
      margin-bottom: 35px; }
  .product-page .product-carousel .owl-nav button {
    height: 108px; }
  .product-page .product-carousel .one-image img {
    height: 93px; }
  .product-page .photos {
    padding-right: 70px; }

  .breadcrumbs {
    padding-left: 20px; }

  .konto .one-product .photo img {
    height: 155px; }

  .course-episodes .episode-wrapper .episode-name {
    font-size: 45rem; }
  .course-episodes .episode-wrapper .video-play {
    width: 180px;
    height: 180px;
    top: calc(50% - 90px);
    left: calc(50% - 90px); }
  .course-episodes .episode-wrapper .text {
    padding-bottom: 10vw; }

  .quiz-panel-wrapper {
    padding: 20px 15px; }
    .quiz-panel-wrapper .generate-task-field h3 {
      font-size: 17rem; }
    .quiz-panel-wrapper .quiz-panel-answers .one-answer {
      padding: 7px 10px; }
    .quiz-panel-wrapper .quiz-panel-answers .row {
      margin-left: -10px;
      margin-right: -10px; }
    .quiz-panel-wrapper .quiz-panel-question {
      margin-top: 15px;
      margin-bottom: 15px; }
      .quiz-panel-wrapper .quiz-panel-question p {
        margin-bottom: 10px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  html {
    font-size: 0.95px; }

  header.sticked #main-menu.mini-menu {
    transform: translateX(100vw) translateY(90px); }
    header.sticked #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(90px); }
  header.sticked .page-nav > li.special > a span {
    padding: 13px 12px; }

  body.overflow-y-hidden {
    overflow: auto !important; }

  #top-bar .address p {
    font-size: 16rem; }
  #top-bar .socials {
    margin-left: 20px; }
    #top-bar .socials a {
      margin-left: 5px; }

  #main-menu.big-menu .shop-menu {
    width: 240px; }
  #main-menu #link-konto {
    margin-right: 10px;
    margin-left: auto; }
    #main-menu #link-konto span {
      padding: 16px; }
    #main-menu #link-konto img {
      max-height: 28px; }
  #main-menu #link-koszyk {
    margin-left: 10px;
    margin-right: 10px; }
    #main-menu #link-koszyk span {
      padding: 16px; }
    #main-menu #link-koszyk img {
      max-height: 29px; }
  #main-menu.mini-menu {
    transform: translateX(100vw) translateY(140px);
    width: 500px; }
    #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(140px); }
    #main-menu.mini-menu .page-nav li:first-child {
      margin-top: 0; }
    #main-menu.mini-menu .page-nav li span {
      padding-top: 20px;
      padding-bottom: 20px; }

  #main-nav .inner #logo {
    margin-right: 20px; }
    #main-nav .inner #logo .motto {
      font-size: 12rem; }
    #main-nav .inner #logo img {
      width: 180px; }

  .page-nav {
    padding-left: 5px;
    padding-right: 5px; }
    .page-nav > li.special > a span {
      padding: 13px 12px; }
    .page-nav li {
      margin: 0 auto; }
      .page-nav li a {
        font-size: 15rem; }
        .page-nav li a span {
          padding: 16px 5px; }
    .page-nav .my-dropdown .my-dropdown-toggle .caret {
      margin-left: 10px; }

  #author-page .map-links ul li {
    width: 33.333%; }

  .services .wrapper .one-element .foto img {
    height: 290px; }
  .services .wrapper .one-element h3 {
    font-size: 25rem;
    margin-bottom: 15px; }

  .services-one-column .wrapper .one-element .foto img {
    max-height: 265px; }

  #galleries .foto img {
    height: 189px; }

  .product-page #main-photo .product-video {
    height: 275px; }
  .product-page .product-carousel .owl-nav button {
    height: 100px; }
  .product-page .product-carousel .one-image img {
    height: 84px; }
  .product-page .photos {
    padding-right: 70px; }

  .breadcrumbs {
    padding-left: 40px; }

  .course-episodes .episode-wrapper .episode-name {
    font-size: 55rem; }
  .course-episodes .episode-wrapper .text {
    padding-bottom: 10vw; }

  .quiz-panel-wrapper {
    padding: 35px 25px; }
    .quiz-panel-wrapper .quiz-panel-question {
      margin-top: 25px;
      margin-bottom: 25px; } }
@media (min-width: 1580px) {
  .container {
    max-width: 1515px; }

  #product .container {
    max-width: 1510px; }

  body.overflow-y-hidden {
    overflow: auto !important; }

  header.sticked #main-menu.mini-menu {
    transform: translateX(100vw) translateY(90px); }
    header.sticked #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(90px); }

  #main-menu.mini-menu {
    transform: translateX(100vw) translateY(140px);
    width: 500px; }
    #main-menu.mini-menu.open {
      transform: translateX(calc(100vw - 500px)) translateY(140px); }

  #top-bar .container-fluid {
    padding: 0 40px; }

  #main-nav .container-fluid {
    padding: 0 40px; } }

/*# sourceMappingURL=main.css.map */
