body {
  font-family:
    "Source Sans Pro",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}

.sticky-top {
  top: 80px;
}

.navbar.sticky-top {
  top: 0;
  z-index: 1030;
}

nav.navbar {
  border-bottom: 1px solid #f1f1f1;
}

nav a {
  font-weight: 700;
}

.product-logo {
  max-height: 37px;
  max-width: 220px;
}

.img-footer-logo {
  max-width: 157px;
}

@media screen and (max-width: 350px) {
  .product-logo {
    max-height: 32px;
  }
}

.navbar-light .navbar-nav .nav-link,
a {
  color: #3e2415;
}

.navbar-light .navbar-nav .nav-link:hover,
a:hover {
  color: gray;
}

.navbar-light .navbar-nav .nav-link.nav-link-green {
  color: #78b82a;
}

.navbar-light .navbar-nav .nav-link.nav-link-green:hover {
  color: #2db61f;
}

.red {
  color: #ff0001;
}

.product-bg {
  min-height: 420px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

.list-checkbox {
  list-style-type: none;
  max-width: 500px;
  padding-left: 0;
}

.list-checkbox li {
  list-style: none;
  min-height: 24px;
  margin-bottom: 10px;
  padding-left: 35px;
}

.icon-check,
.list-checkbox li::before {
  display: inline-block;
  content: " ";
  width: 28px;
  height: 24px;
  background-image: url("../../assets/img/check.png");
  background:
    0 0/28px 24px,
    url("../../assets/img/check.svg") left top/28px 24px no-repeat,
    url("../../assets/img/check.png") left top/28px 24px no-repeat;
  vertical-align: middle;
  margin-left: -35px;
  margin-right: 7px;
}

.icon-check {
  vertical-align: unset;
  margin-left: 0;
  margin-right: 0;
}

.arrow,
.circle:before {
  vertical-align: middle;
}

.section-separator {
  margin-bottom: 30px;
}

.line-separator {
  border-top: 2px solid rgba(187, 184, 184, 0.25);
}

.separator {
  width: 85%;
  margin: 15px auto;
}

.arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.customer-service,
.grey-bg {
  background-color: #e9e9e8;
}

.form-bg {
  background-color: #fafafa;
}

.consultant {
  max-width: 90px;
}

.btn:focus-visible {
  outline: 2px solid -webkit-focus-ring-color !important;
  box-shadow: unset;
}

.btn-order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 5px 0;
  min-height: 72px;
  width: 100%;
  max-width: 520px;
  border-radius: 12px;
  color: #fff;
  font-size: calc(1rem + ((1vw - 3.2px) * 1.3043));
  font-weight: 600;
  border: 1px solid #367927;
  background-color: #75b82a;
  background-image: linear-gradient(to bottom, #75b82a, #367927);
}

@media (min-width: 550px) {
  .btn-order {
    font-size: 19px;
  }
}

.btn-order:hover {
  color: #fff;
  background-color: #91d546;
  background-image: linear-gradient(to bottom, #91d546, #439731);
}

.btn-big {
  max-width: 620px;
}

.btn-very-big {
  max-width: 750px;
}

.btn-small {
  max-width: 425px;
}

.btn-agreement {
  padding: 0.375rem 0;
  max-width: 75px;
  width: 100%;
  color: #000;
  font-weight: 700;
  border-color: #969998;
  background-color: #eaeaea;
  background-image: linear-gradient(to bottom, #f0f0f0, #eaeaea);
}

.btn-agreement-yes.active {
  color: #ffffff;
  background-color: #71bf44;
  background-image: linear-gradient(to bottom, #71bf44, #5a9a35);
}

.btn-agreement-no.active {
  color: #ffffff;
  background-color: #c01600;
  background-image: linear-gradient(to bottom, #c01600, #9a0f00);
}

.btn-gender {
  color: #000;
  background: #fff;
  border: 1px solid #ced4da;
}

.btn-gender:hover {
  background: #dbded2;
}

.btn-gender.active {
  color: #fff;
  background-color: #71bf44;
  background-image: linear-gradient(to bottom, #71bf44, #5a9a35);
}

.screen-reader-response,
.wpcf7-not-valid-tip {
  display: none;
}

.fs-20 {
  font-size: 20px;
}

.bigger {
  font-size: 105%;
}

.smaller {
  font-size: 90%;
}

.border-gray {
  border: 2px solid #d3d3d3;
}

.border {
  border-color: #e9e9e8 !important;
}

.faq-item {
  padding-bottom: 0.75rem;
}

.faq-item button {
  background: #e9e9e8;
  border-radius: 0;
  font-size: 1.25rem;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.faq-item button:hover,
.faq-item button[aria-expanded="true"] {
  color: #fff;
  text-decoration: none;
}

.icon-heart {
  width: 28px;
  background:
    radial-gradient(circle at 60% 65%, #ff0001 64%, transparent 65%) top left,
    radial-gradient(circle at 40% 65%, #ff0001 64%, transparent 65%) top right,
    linear-gradient(to bottom left, #ff0001 43%, transparent 43%) bottom left,
    linear-gradient(to bottom right, #ff0001 43%, transparent 43%) bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
}

.icon-heart::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.icon-desc {
  display: inline-block;
  vertical-align: top;
}

a.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}

.form-group {
  margin-bottom: 0.5rem;
}

.packshot {
  width: 100%;
  max-width: 480px;
}

.packshot-mobile {
  width: 100%;
  max-width: 380px;
}

.packshot-small {
  max-width: 192px;
}

.exit-popup {
  border: none !important;
}

.exit-popup-inner {
  margin: 20px;
}

.exit-popup-corner {
  top: -1px !important;
  right: -1px !important;
  border-width: 0 200px 200px 0 !important;
  color: #fff !important;
}

.exit-popup-offer-text-1,
.exit-popup-offer-text-2 {
  font-size: 32px !important;
  font-weight: 700;
  margin: 6px 0;
}

.exit-popup-corner-price-text {
  font-weight: 700;
  font-size: 24px !important;
  right: -60px !important;
  margin-top: 18px;
}

.exit-popup-corner-price-text-bigger {
  font-size: 36px !important;
}

.exit-popup-corner-price {
  right: -100px !important;
  font-size: 55px !important;
  width: 140px;
  line-height: 85%;
}

.exit-popup-corner-price span {
  font-size: 70%;
}

.exit-popup-corner-price-xs {
  font-size: 24px !important;
}

.exit-popup-offer > img {
  margin-top: 20px !important;
}

.close-exit-popup {
  right: 10px !important;
  top: 10px !important;
}

.burst {
  position: absolute;
  left: 70px;
}

.burst div {
  background: #df4c0e;
  width: 80px;
  height: 80px;
  position: absolute;
  text-align: center;
  top: 20px;
  left: 20px;
}

.burst div:after,
.burst div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 80px;
  background: #df4c0e;
}

.burst div:before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
}

.burst div:after {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
}

.burst div:nth-child(2) {
  transform: rotate(10deg);
}

.burst div:nth-child(3) {
  transform: rotate(20deg);
}

.burst span {
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 120px;
  height: 120px;
  z-index: 99999999;
}

.circle:before,
.marquee p,
.pointer {
  display: inline-block;
}

.testimonial-box {
  padding: 30px 20px 30px 70px;
  color: #fff;
  font-size: 1.125rem;
  font-style: italic;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.testimonial-box .signature {
  font-style: normal;
}

.testimonial-box:not(.testimonial-box-noquote):before {
  color: #fff;
  content: "\201C";
  font-family: serif;
  font-size: 5.2em;
  font-weight: 900;
  height: 0;
  left: 20px;
  line-height: 1.5;
  opacity: 0.75;
  position: absolute;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
  top: 0;
  width: 0;
}

.img-testimonial {
  position: relative;
  top: -35px;
  left: 25px;
  width: 100%;
  max-width: 75px;
  height: auto;
  max-height: 75px;
}

.img-testimonial-bigger {
  top: -70px;
  left: 50px;
  max-width: 150px;
  max-height: 150px;
}

.img-small > img,
img.img-small {
  width: auto;
  max-height: 350px;
}

.img-very-small {
  width: auto;
  max-height: 220px;
}

.footer-logos img,
.img-icon {
  max-height: 100px;
}

.img-icon {
  width: auto;
}

.rating-stars {
  color: #fcb900;
  font-size: 24px;
}

.marquee-container {
  background: #f8f9fa;
}

.marquee-description {
  min-width: 125px;
  margin: 0 0.1rem;
  font-weight: 700;
}

.marquee {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee p {
  padding-left: 100%;
  will-change: transform;
  animation: 260s linear infinite marquee;
}

.marquee span {
  display: inline;
  margin: 0 30px;
  quotes: "“" "”" "‘" "’";
}

.marquee p:hover {
  animation-play-state: paused;
}

.marquee span::before {
  content: open-quote;
}

.marquee span::after {
  content: close-quote;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

.pointer {
  border: solid #000;
  border-width: 0 1px 1px 0;
  padding: 5px;
  margin-left: 5px;
}

.pointer-up {
  margin-bottom: -3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.pointer-down {
  margin-bottom: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.satisfaction-graph {
  max-width: 200px;
  height: auto;
}

input[type="date"]::before {
  margin-right: calc(1.2em + 0.75rem);
}

.font-style-normal {
  font-style: normal !important;
}

.numbered-list {
  counter-reset: li;
  list-style-type: none;
  font-size: 14px;
  line-height: 18px;
  padding-left: 10px;
}

.numbered-list li {
  position: relative;
  padding: 5px 0 5px 30px;
}

.numbered-list li:first-letter {
  text-transform: uppercase;
}

.numbered-list li:before {
  content: counter(li);
  font-weight: 700;
  counter-increment: li;
  height: 20px;
  width: 20px;
  border: 1px solid #dc0000;
  background: #dc0000;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 4px;
}

.numbered-list.has-heading li:before {
  top: 12px;
}

.wpcf7-list-item-label a {
  color: #d81835;
}

.bg-poczta-polska {
  background-color: #fe0b01;
  margin-bottom: -30px;
}

.container-xxl {
  max-width: 1750px;
}

span.productview-item {
  font-size: 110%;
}

ul.autocomplete {
  display: none;
  position: absolute;
  z-index: 100;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #c5c5c5;
  background: #fff;
  color: #333;
  overflow-y: scroll;
  max-height: 350px;
}

ul.autocomplete > li {
  padding: 4px 2px;
  cursor: pointer;
  list-style: none;
}

ul.autocomplete > li:hover {
  color: #fff;
  background-color: #0a86bf;
}

.btn-grayed {
  color: #fff !important;
  border: 1px solid #737576 !important;
  background-color: #8f9192 !important;
  background-image: linear-gradient(to bottom, #8f9192, #737576) !important;
}

.btn-grayed:hover {
  color: #fff !important;
  border: 1px solid #7b7d7e !important;
  background-color: #97999a !important;
  background-image: linear-gradient(to bottom, #97999a, #7b7d7e) !important;
}

.btn-grayed.btn-grayed-thp:hover {
  border-color: #91d546 !important;
  background-color: #91d546 !important;
  background-image: linear-gradient(to bottom, #91d546, #439731) !important;
}

.circle {
  list-style: none;
}

.circle:before {
  content: " ";
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size:
    20% 70%,
    70% 20%;
  margin-left: -28px;
  margin-right: 7px;
}

.circle-plus:before {
  background-image: linear-gradient(white, #fff), linear-gradient(white, #fff);
}

.circle-minus:before {
  background-image:
    linear-gradient(transparent, transparent), linear-gradient(white, #fff);
}

.circle-gray:before {
  background-color: #8f9192;
}

.circle-color:before {
  background-color: #fa7d00;
}

.offer-box {
  border-color: #8f9192;
  min-width: 250px;
  max-width: 600px;
}

.offer-box-gray {
  background: #8f9192;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 3;
  }
}

.np-progressbar,
.np-progressbar::after {
  display: flex;
  width: 100%;
  border-radius: 50%;
}

.footer-company-info {
  font-size: clamp(9px, calc(0.5625rem + ((1vw - 3.2px) * 1.4286)), 13px);
}

.tooltip .arrow {
  border-left: 0;
}

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

.tp-decoy {
  left: 165px;
  top: 0;
}

.tp-home {
  left: 70%;
  top: 10%;
}

@media (max-width: 767px) {
  .footer-first-column::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
  }

  .tp-decoy {
    left: calc(50% + 60px);
  }

  .tp-home {
    left: 90%;
  }
}

.np-progressbar {
  max-width: 200px;
  aspect-ratio: 1/1;
  background: conic-gradient(
    var(--color) calc(var(--progress) / 100 * 360deg),
    #fff 0deg
  );
}

.np-progressbar.center {
  margin-left: auto;
  margin-right: auto;
}

.np-progressbar::after {
  content: attr(data-progress) "%";
  justify-content: center;
  flex-direction: column;
  margin: 30px;
  background: #fff;
  font-size: 32px;
  text-align: center;
}
