@font-face {
  font-family: Benzin;
  src: url('../fonts/Benzin-Semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Grandisextended;
  src: url('../fonts/GrandisExtended-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Grandisextended;
  src: url('../fonts/GrandisExtended-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Benzin;
  src: url('../fonts/Benzin-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #181818;
  --white: white;
  --milk: #e9e7bc;
  --orange: #f55627;
  --green: #003b45;
  --trasparent: #fff0;
  --_vertical-colors---brand: #01283c;
  --_hydropark-deluxe---orange: #f55627;
  --_vertical-colors---accent-brand: #ffb012;
  --_hydropark-deluxe---brand: #0e1c1f;
  --_hydropark-deluxe---white: white;
  --_vertical-colors---secondary: #e9e7bc;
  --_hydropark-deluxe---accent: #e9e7bc;
  --grey-bg: #f0f0f0;
  --_hydropark-deluxe---heading-color: #0e1c1f;
  --_hydropark-deluxe---black: #000;
  --_hydropark-deluxe---form-bg: #f4f4f4;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--black);
  font-family: Grandisextended, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  overflow: visible;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

p {
  margin-bottom: 0;
}

.body {
  background-color: var(--white);
  color: var(--black);
  font-family: Grandisextended, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  overflow: hidden;
}

.page-wrapper {
  position: relative;
  overflow: visible;
}

.hero-block {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 839px;
  display: flex;
  position: relative;
}

.section {
  position: relative;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.86rem;
  padding-right: 2.86rem;
}

.wrapper.double-padding {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.wrapper.footer-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.wrapper.big-padd {
  padding-top: 13rem;
  padding-bottom: 7rem;
}

.wrapper.footer-padding-pf {
  padding-top: 2rem;
  padding-bottom: .5rem;
}

.wrapper.policy-padd {
  padding-top: 10rem;
  padding-bottom: 4rem;
}

.wrapper.double-padd-policy {
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.heading-container.small {
  width: 70%;
}

.milk {
  color: var(--milk);
}

.bttn-div.centered {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2.43rem;
  display: flex;
}

.flex-bttn {
  background-color: var(--orange);
  border-radius: 100px;
  width: auto;
  display: flex;
}

.flex-bttn:hover {
  background-color: var(--green);
}

.text-container.phone-nav {
  text-decoration: none;
}

.text-small {
  margin-bottom: 0;
  font-size: .7rem;
  font-weight: 500;
}

.text-small.opacity50 {
  opacity: .5;
}

.text-small.smaller-txt {
  font-size: .6rem;
  line-height: 100%;
}

.text-small.smaller-txt.white-frd {
  color: #ffffff80;
}

.flex-vertical-row {
  flex-flow: column;
  display: flex;
}

.flex-vertical-row.top-padding {
  padding-top: 2.86rem;
  position: relative;
}

.flex-vertical-row.left-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-vertical-row.policy-top-padd {
  padding-top: 1rem;
  position: relative;
}

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

.center-row.top-padding {
  padding-top: 2rem;
}

.description-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.description-container.medium {
  width: 45%;
}

.description-container.small-top-padd {
  padding-top: 1.5rem;
}

.text {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.text.opacity-60 {
  opacity: .6;
  font-weight: 400;
  line-height: 110%;
}

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

.text.white-opacity {
  color: #fff9;
}

.secondary-pf-button {
  border: 1px solid var(--milk);
  background-color: var(--green);
  color: var(--milk);
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px 6px 38px;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.secondary-pf-button.without-arrow {
  padding: 20px 38px;
}

.flex-horizontal-row {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.flex-horizontal-row.reviews-aling {
  justify-content: flex-start;
  align-items: flex-end;
}

.flex-horizontal-row.policy-align {
  justify-content: space-between;
  align-items: flex-end;
}

.flex-horizontal-row.big-top-padd {
  padding-top: 14.78rem;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 2.86rem;
  font-weight: 600;
  line-height: 115%;
}

.h2.centered-aling {
  text-align: center;
}

.half-biggest {
  width: 55%;
}

.description {
  margin-bottom: 0;
  font-size: 1.71rem;
  font-weight: 500;
}

.description.policy {
  font-size: 1rem;
}

.half-smaller {
  width: 45%;
}

.half-smaller.flex-center-display {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.form-div {
  z-index: 10;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.field {
  height: auto;
  color: var(--black);
  border-radius: 12px;
  margin-bottom: 0;
  padding: 20px;
  font-size: .8rem;
}

.form {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: flex;
}

.hint-text {
  font-size: .86rem;
}

.footer {
  position: relative;
}

.footer.black-bg {
  background-color: var(--black);
  color: var(--white);
}

.footer.white-color-bg {
  background-color: var(--white);
  color: var(--white);
}

.footer.white-color-bg.black.red {
  background-color: #000;
}

.footer-small-half {
  flex-flow: column;
  width: 33.33%;
  display: flex;
}

.nav-heading-text {
  color: var(--milk);
  font-size: 1.14rem;
}

.menu-items {
  margin-top: 1.99rem;
}

.menu-items.bio {
  margin-top: 1rem;
}

.menu-link {
  padding-top: 4px;
  padding-bottom: 4px;
}

.nav-text {
  font-size: 1.14rem;
}

.nav-text.opacity40 {
  opacity: .4;
}

.footer-medium-half {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 53.33%;
  display: flex;
}

.adress-text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 110%;
}

.menu-bottom {
  margin-top: 5.64rem;
}

.footer-logo {
  width: 24%;
}

.footer-logo.small {
  width: 20%;
}

.footer-social {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  display: flex;
}

.social-icon {
  margin-right: 1rem;
  position: relative;
}

.footer-coop {
  justify-content: center;
  align-items: flex-end;
  width: 24%;
  display: flex;
}

.footer-coop.black {
  width: 40%;
  color: var(--black);
}

.footer-coop.black.white-frd {
  color: #ffffff80;
}

.policy-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 24%;
  display: flex;
}

.policy-div.black {
  color: var(--black);
}

.policy-link {
  color: var(--white);
}

.policy-link.black {
  color: var(--black);
}

.checkbox-label {
  color: #646464;
  font-size: .4rem;
  line-height: 110%;
}

.checkbox-field {
  margin: .3rem 1vw;
}

.checkbox-field.popup {
  margin: 0 0 .6rem;
}

.small-div {
  padding-left: 1rem;
}

.hint-normal {
  font-size: .86rem;
  font-weight: 400;
}

.header {
  z-index: 999;
  width: 100vw;
  margin-top: 3.57rem;
  position: fixed;
}

.header.invest {
  margin-top: .8rem;
  position: static;
}

.logo-div {
  z-index: 998;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: fixed;
  inset: auto 0%;
}

.logo-div.static {
  position: static;
}

.nav-heading {
  color: var(--white);
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.nav-heading.black {
  color: var(--black);
}

.menu-icon, .tel-icon-div {
  margin-right: .57rem;
}

.flex-nav-row {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.scroll-logo {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #494848bf;
  border-radius: 16px;
  padding: .4rem;
  position: absolute;
}

.scroll-logo.white {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.scroll-logo.white.static {
  position: static;
}

.scroll-logo.black {
  display: none;
  position: absolute;
}

.thanks-block {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
}

.thanks-block.green-bg {
  background-color: var(--green);
  color: var(--white);
  background-image: url('../images/shadow_1shadow.webp');
  background-position: 0 0;
  background-size: cover;
}

.page-loader_noise {
  z-index: 0;
  opacity: .03;
  background-image: url('../images/nz.gif');
  background-size: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.icon48px {
  width: 48px;
  height: 48px;
}

.horizontal {
  justify-content: space-between;
  display: block;
  position: relative;
}

.small {
  font-size: 1.2rem;
  font-weight: 400;
}

.small-text {
  margin-bottom: 0;
  font-size: 10px;
}

.small-text.txt-cookies {
  font-size: 14px;
}

.white-link {
  color: var(--white);
  font-size: 1rem;
  text-decoration: none;
}

.big-menu {
  z-index: 9999;
  background-color: var(--trasparent);
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.big-nav {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.nav-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav {
  color: var(--white);
  padding: 1rem;
  font-size: 1rem;
  text-decoration: none;
}

.flex-bigmenu-row {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.close-icon {
  cursor: pointer;
  position: absolute;
  inset: 10% 10% auto auto;
}

.bg-big-menu {
  background-color: var(--black);
  position: absolute;
  inset: 0%;
}

.cookie {
  z-index: 6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.cookie-banner {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border-radius: 20px;
  margin-bottom: 1vw;
  padding: 1vw 3vw;
}

.cookie-banner.fixed {
  z-index: 10;
  z-index: 1000;
  inset: auto 0% 0%;
  background-color: #ffffff80;
  justify-content: center;
  align-items: center;
  width: 45%;
  margin-bottom: .3vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

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

.policy-container {
  padding-right: 4vw;
}

.policy-text {
  color: var(--_vertical-colors---brand);
  margin-bottom: 0;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .76em;
  font-weight: 400;
  line-height: 120%;
}

.policy-link-2 {
  color: var(--_vertical-colors---brand);
  text-decoration: underline;
}

.accept-cookies {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border: 2px solid var(--_vertical-colors---brand);
  background-color: var(--_vertical-colors---brand);
  color: #fff;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .7em 1.25em;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .76em;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.accept-cookies:hover {
  border-color: var(--_hydropark-deluxe---orange);
  background-color: var(--_hydropark-deluxe---orange);
  color: #e9e7bc;
}

.step-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.parsley-errors-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.parsley-custom-error-message, .parsley-required {
  color: #1e1e1e;
  background-color: #e9e7bc80;
  border-radius: 5px;
  padding: 6px 10px;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .75em;
  font-weight: 400;
}

.styling-body {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph, .paragraph-2 {
  margin-bottom: 0;
}

.error-message {
  background-color: var(--trasparent);
}

.form-success-message {
  background-color: var(--trasparent);
  padding: 0;
}

.black-link {
  color: var(--black);
  text-decoration: none;
}

.logo-img {
  padding-bottom: 3vw;
}

.menu-bg {
  z-index: 999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: auto;
  cursor: pointer;
  background-color: #494848bf;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: .4rem 1.12rem;
  display: flex;
  position: relative;
}

.phone-bg {
  z-index: 999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  background-color: #494848bf;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: .4rem 1.12rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.policy-bttn-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  display: flex;
}

.submit {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border: 2px solid var(--_vertical-colors---accent-brand);
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.125em 1.25em;
  font-size: .75em;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.body-text {
  color: #000;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 115%;
}

.field-label {
  color: #000;
  margin-bottom: 0;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 140%;
}

.field-label.last {
  margin-top: 2vw;
}

.form-nav {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: grid;
}

.radio-button {
  border: 2px solid #01283c;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.radio-button.w--redirected-checked {
  background-color: #f55627;
  border: 1px solid #f55627;
  border-radius: 100px;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.next {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  background-color: var(--_vertical-colors---brand);
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #003b45;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.125em 1.25em;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .75em;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.next:hover {
  border-color: var(--_vertical-colors---accent-brand);
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
}

.button-quiz {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: #fff;
  text-transform: uppercase;
  background-color: #003b45;
  border: 2px solid #003b45;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.125em 1.25em;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .75em;
  font-weight: 500;
  line-height: 130%;
  display: flex;
}

.button-quiz:hover {
  color: #e9e7bc;
  background-color: #f55627;
  border-color: #f55627;
}

.button-quiz.is-ghost {
  color: #000;
  background-color: #0000;
}

.button-quiz.is-ghost:hover {
  box-shadow: none;
  color: #000;
  background-color: #e9e7bc;
  border-color: #e9e7bc;
}

.step {
  z-index: 1;
  border: 1px solid #003b45;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.step.is-active {
  background-color: #003b45;
  border-color: #003b45;
}

.paragraph-quiz {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 110%;
}

.accent-pf-color {
  color: #f55627;
}

.panel {
  background-color: #e9e9e9;
  background-image: url('../images/Kviz-1_1Kviz (1).webp');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100dvh;
  position: sticky;
  inset: 0% 0% 0% auto;
}

.panel.pf_quiz_img {
  background-image: url('../images/IMG_8605-1.jpg');
  background-position: 0%;
}

.error-message-quiz {
  background-color: #0000;
}

.offer {
  background-color: var(--milk);
  border-radius: 20px;
  padding: .5vw 2vw;
}

.offer.orange {
  background-color: var(--milk);
  color: var(--black);
}

.offer-div {
  margin-bottom: 3vw;
  display: flex;
}

.success-message-quiz {
  background-color: #0000;
}

.box {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.box.has-8-gap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  padding-top: 6vw;
}

.box.has-8-gap.horizontal_box {
  grid-column-gap: 1vw;
  grid-row-gap: .5vw;
  grid-template-columns: 31% 31% 31%;
}

.box.has-24-gap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
}

.form-steps {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: center start;
  place-items: center start;
  display: grid;
  position: relative;
}

.form-steps.quiz {
  margin-bottom: 2vw;
}

.duo-section {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100dvh;
  display: grid;
}

.form-quiz {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 26em;
  min-height: 50px;
  display: flex;
}

.small-text-quiz {
  color: #1e1e1ea6;
  margin-top: 2vw;
  padding-bottom: .5vw;
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 120%;
}

.small-text-quiz.none {
  display: none;
}

.quiz-form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  margin-bottom: 0;
  padding: 7.5em 3.75em;
  display: flex;
  position: relative;
}

.heading {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 110%;
}

.heading.is-regular--quiz {
  color: #1e1e1e;
  text-transform: uppercase;
  font-family: Benzin, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 115%;
}

.radio-button-field {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button-field.horizontal {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-step {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: none;
}

.form-step.is-active {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.back {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: #fff;
  text-transform: uppercase;
  background-color: #1e1e1e;
  border: 2px solid #000;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.125em 1.25em;
  font-size: .75em;
  font-weight: 700;
  line-height: 130%;
  display: flex;
}

.back:hover {
  background-color: #01283c;
  box-shadow: 0 0 0 2px #fff;
}

.back.is-ghost {
  color: #1e1e1e;
  background-color: #0000;
  border-color: #01283c;
}

.back.is-ghost:hover {
  box-shadow: none;
  color: #1e1e1e;
  background-color: #fff;
  border-color: #fff;
}

.bttn {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 1.125em 1.25em;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.bttn:hover {
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
}

.multi-bio-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.multi-bio-block.brand-color {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
  background-image: url('../images/shadow_1shadow.webp');
  background-position: 0 0;
  background-size: cover;
}

.big-vertical-logo {
  width: 55%;
}

.big-vertical-logo.desktop {
  width: 50%;
}

.big-vertical-logo.desktop._35 {
  width: 35%;
}

.big-vertical-logo.mob {
  display: none;
}

.big-vertical-logo.dogs-page {
  width: 35%;
}

.big-vertical-logo.friday {
  width: 25%;
}

.nav-vertical-bio {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.adress-bio {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  display: flex;
}

.logo-txt-bio {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.txt-bio {
  width: 45%;
  padding-right: 10%;
}

.long-half {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  flex-flow: column;
  width: 78%;
  display: flex;
}

.long-half.horizontal {
  flex-flow: row;
  padding-top: 3rem;
}

.bio-bttn {
  width: 49%;
  height: 153px;
  color: var(--white);
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  text-decoration: none;
  display: flex;
}

.bio-bttn.relative {
  justify-content: space-between;
  position: relative;
}

.bio-half {
  width: 50%;
}

.bio-half.img {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border: 1px #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.bio-half.img.relative-logo {
  width: 50%;
  position: relative;
}

.bio-half.bio-bttn-container {
  flex-flow: column;
  justify-content: space-between;
  padding: 1rem .5rem 1rem 1rem;
  display: flex;
}

.bio-text {
  font-size: .7rem;
  line-height: 100%;
}

.bio-button {
  color: var(--white);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.bio-arrow {
  background-color: var(--_vertical-colors---accent-brand);
  border-radius: 7.47px;
  padding: .75rem;
}

.bio-logo {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.adress-social-bio {
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.bio-mob-info {
  display: none;
}

.absolute-render-img {
  width: 50%;
  position: absolute;
  inset: auto 0% -10% auto;
}

.social-hover {
  position: absolute;
  inset: 0%;
}

.header-bio {
  z-index: 999;
  width: 100vw;
  margin-top: 2rem;
  position: absolute;
}

.menu-bio {
  color: var(--milk);
  font-size: .9rem;
}

.info-bio {
  font-size: 1rem;
  font-weight: 500;
  line-height: 110%;
}

.info-bio-container {
  width: 100%;
  display: flex;
}

.logo-d {
  width: 109px;
}

.popup-not-link {
  z-index: 1000;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.bio-page {
  border: 1px solid var(--_vertical-colors---brand);
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: .8rem;
  text-decoration: none;
  display: flex;
}

.div-block-4 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.header-dogs-page {
  z-index: 999;
  width: 100vw;
  margin-top: 1.5rem;
  position: absolute;
}

.close-no-link-bg {
  z-index: 1;
  background-color: var(--_vertical-colors---brand);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 0 10rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popup-txt {
  font-size: 1.35rem;
  line-height: 110%;
}

.hint-popup-container {
  text-align: left;
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.button {
  background-color: var(--_vertical-colors---accent-brand);
  border-radius: 12px;
  padding: 24px 22px;
}

.form-vertical-popup {
  width: 70%;
}

.accent-color {
  color: var(--_vertical-colors---accent-brand);
}

.checkbox-vertical {
  border: 1px solid #ffffff40;
}

.checkbox-vertical.w--redirected-checked {
  border-color: var(--_vertical-colors---accent-brand);
  background-color: var(--_vertical-colors---accent-brand);
}

.popup-vertical-card {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff03;
  border: 1px solid #ffffff38;
  border-radius: 26px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 19.4rem;
  padding: 1.5rem;
  display: flex;
}

.card-description {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.accent-bold-vertical {
  color: var(--_vertical-colors---accent-brand);
  font-weight: 700;
}

.absolute-text-img {
  z-index: 2;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 35% 0% auto;
}

.absolute-img-inpopup {
  z-index: 2;
  width: 60%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.container-po {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.86rem;
  padding-right: 2.86rem;
}

.text-img {
  max-height: 100%;
}

.close-popup-nolink {
  z-index: 3;
  cursor: pointer;
  position: absolute;
  inset: 5% 5% auto auto;
}

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

.form-server-error-message {
  color: var(--black);
  font-size: .75rem;
  display: none;
}

.three-column-item {
  width: 33.33%;
}

.three-column-item.right-aling {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.succ-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vertic-container {
  z-index: 2;
  position: relative;
}

.brand-color {
  color: var(--_vertical-colors---brand);
}

.pass-utm-link.social {
  opacity: .4;
  width: 40px;
}

.policy-cookie-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-content {
  width: 440px;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
}

.rem1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.light-right {
  width: 80vw;
  max-width: 1440px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.light-left {
  width: 80vw;
  max-width: 1440px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.faq-dropdown {
  cursor: pointer;
  background-color: #070707;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.button-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 1px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  position: relative;
}

.logo-pageer {
  width: 320px;
}

.cropper {
  position: relative;
  overflow: hidden;
}

.client-logo-slider {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  flex: none;
  display: flex;
  position: relative;
}

.logo-items {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  opacity: 1;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.logo-gradient-bg {
  background-image: linear-gradient(135deg, var(--_vertical-colors---brand) 2%, #28272800 25%, #0b0a0b00 83%, var(--_vertical-colors---brand) 96%);
  position: absolute;
  inset: 0%;
}

.logo-gradient-bg.birhday {
  background-image: linear-gradient(135deg, #e51717 2%, #28272800 25%, #0b0a0b00 83%, #e51717 96%);
}

.logo-gradient-bg.birhday.porto {
  background-image: linear-gradient(135deg, var(--milk) 2%, #28272800 25%, #0b0a0b00 83%, var(--milk) 96%);
}

.line-information {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  display: flex;
}

.img {
  z-index: 1;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-left {
  font-family: Benzin, Arial, sans-serif;
}

.button-3 {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #2562ff;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: all .45s;
  display: flex;
  position: relative;
  overflow: clip;
}

.cookie-txt {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-81 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: space-between;
  width: auto;
  display: flex;
}

.brand-color-2 {
  color: #0e1c1f;
}

.bttn-2 {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #2562ff;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: all .45s;
  display: flex;
  position: relative;
  overflow: clip;
}

.bttn-2.secondary {
  color: #fff;
  background-color: #c20a25;
  border-radius: 8px;
  font-size: .8rem;
  text-decoration: none;
}

.bttn-2.secondary.accept-cookies {
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
  border-style: none;
  font-weight: 500;
}

.cookie-items {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: space-between;
  width: auto;
  display: flex;
}

.small-bttn-cookies {
  color: #fff;
  background-color: #003b45;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.small-bttn-cookies:hover {
  background-color: #d3471e;
}

.small-bttn-cookies.accept-cookies {
  color: #181818;
  text-align: center;
  background-color: #e9e7bc;
  border-style: none;
  line-height: 100%;
}

.small-bttn-cookies.accept-cookies:hover {
  background-color: var(--_vertical-colors---brand);
  color: #fff;
}

.dark-link {
  color: var(--black);
}

.bttn-blue {
  background-color: var(--_vertical-colors---brand);
  text-align: center;
  border-radius: 20px;
  padding: 24px 48px 26px 36px;
}

.none {
  display: none;
}

.bold-quiz-heading {
  letter-spacing: -1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 2.8em;
  font-weight: 600;
  line-height: 110%;
}

.div-block-95 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.policy-bttn-container-2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 3rem;
  display: flex;
}

.breadcrumbs-container {
  margin-bottom: 2vw;
}

.policy-txt {
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 120%;
}

.breadcrumbs {
  opacity: .6;
  color: #181818;
  font-size: .68rem;
  text-decoration: none;
}

.breadcrumbs.visited {
  opacity: 1;
}

.policy-big {
  padding-bottom: 10vw;
}

.legal-container {
  width: 100%;
  padding-top: 3vw;
}

.legal-text {
  opacity: .3;
  text-align: center;
  margin-bottom: 0;
  font-size: 8px;
  line-height: 110%;
}

.line-top-txt-animation {
  background-color: var(--_vertical-colors---accent-brand);
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.line-top-txt-animation.top-birthday {
  z-index: 999;
  color: var(--white);
  background-color: #e51717;
  text-decoration: none;
  inset: 0% 0% auto;
}

.line-top-txt-animation.top-birthday.porto {
  background-color: var(--milk);
  color: var(--black);
}

.txt-line-top {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 22px;
}

.opacity-60 {
  opacity: .6;
}

.txt_quiz-padd {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.flex_img {
  justify-content: space-between;
  margin-top: 2vw;
  display: flex;
}

.small_build-img {
  width: 30%;
  height: 100px;
  overflow: hidden;
}

.image_cover {
  object-fit: cover;
}

.image_build {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.img_plann {
  object-fit: fill;
  border-radius: 4px;
  width: 90%;
  height: auto;
  max-height: 100%;
}

.planning_img, .lightbox-link {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .text-small {
    font-size: .8rem;
  }

  .field {
    font-size: 1rem;
  }

  .adress-text, .white-link {
    font-size: 1.42rem;
  }
}

@media screen and (min-width: 1440px) {
  .section {
    height: auto;
  }

  .footer-logo.small {
    width: 18%;
  }

  .cookie-banner.fixed {
    width: 40%;
  }

  .popup-not-link {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .cookie-banner.fixed {
    width: 30%;
    padding-left: 1vw;
    padding-right: 1vw;
  }
}

@media screen and (max-width: 991px) {
  .section {
    z-index: auto;
  }

  .wrapper.footer-padding {
    padding-top: 0;
  }

  .wrapper.big-padd {
    padding-top: 10rem;
  }

  .heading-container.small {
    width: 100%;
  }

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

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

  .description-container.medium {
    width: 70%;
  }

  .flex-horizontal-row {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: center;
  }

  .flex-horizontal-row.reviews-aling, .flex-horizontal-row.policy-align {
    flex-flow: row;
  }

  .flex-horizontal-row.big-top-padd {
    padding-top: 6rem;
  }

  .h2 {
    font-size: 2.14rem;
  }

  .half-biggest {
    width: 100%;
  }

  .description {
    font-size: 1.28rem;
  }

  .half-smaller {
    width: 100%;
    margin-top: 2rem;
  }

  .half-smaller.flex-center-display.mob-none {
    display: none;
  }

  .footer-small-half {
    width: 100%;
  }

  .footer-medium-half {
    width: 100%;
    margin-top: 4rem;
  }

  .footer-logo {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .footer-logo.small {
    width: 50%;
  }

  .footer-social {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .footer-coop {
    width: 100%;
  }

  .footer-coop.black {
    width: 100%;
    padding-top: 2rem;
  }

  .policy-div {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 2rem;
  }

  .policy-div.black {
    justify-content: center;
    align-items: flex-end;
    margin-top: .5rem;
  }

  .checkbox-label {
    font-size: .5rem;
  }

  .hint-normal {
    font-size: .64rem;
  }

  .nav-heading {
    font-size: .68rem;
  }

  .flex-nav-row {
    flex-flow: row;
  }

  .small-text.txt-cookies {
    font-size: 12px;
  }

  .cookie-banner.fixed {
    width: 60%;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .policy-text {
    font-size: .6em;
  }

  .parsley-custom-error-message, .parsley-required {
    font-size: 14px;
  }

  .menu-bg {
    z-index: 9999;
    width: auto;
  }

  .phone-bg {
    z-index: 99999;
  }

  .body-text {
    font-size: .8em;
  }

  .paragraph-quiz {
    font-size: .7em;
  }

  .box.has-8-gap {
    padding-top: 4vw;
  }

  .small-text-quiz {
    font-size: .6em;
  }

  .heading.is-regular--quiz {
    font-size: 1.3em;
    line-height: 120%;
  }

  .multi-bio-block {
    height: auto;
    max-height: none;
  }

  .big-vertical-logo {
    width: 40%;
  }

  .big-vertical-logo.desktop {
    display: none;
  }

  .big-vertical-logo.mob {
    width: 30%;
    display: flex;
  }

  .big-vertical-logo.dogs-page {
    display: none;
  }

  .nav-vertical-bio {
    flex-flow: row;
  }

  .adress-bio {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .social-bio {
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    display: flex;
  }

  .logo-txt-bio {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .logo-txt-bio.friday {
    justify-content: flex-start;
    align-items: center;
  }

  .txt-bio {
    display: none;
  }

  .long-half {
    width: 100%;
    padding-top: 2rem;
  }

  .bio-bttn {
    width: 60%;
  }

  .bio-half.img {
    justify-content: center;
    align-items: center;
  }

  .bio-half.top-padd {
    padding-top: 2rem;
  }

  .bio-half.centered {
    text-align: center;
  }

  .adress-social-bio {
    display: none;
  }

  .bio-mob-info {
    padding-top: 0;
    display: block;
  }

  .bio-mob-info.small-top-padd {
    padding-top: 3rem;
  }

  .absolute-render-img {
    bottom: 0%;
  }

  .info-bio-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .popup-not-link {
    height: 100vh;
    position: fixed;
  }

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

  .close-no-link-bg {
    padding-left: 0;
    padding-right: 0;
  }

  .absolute-text-img {
    right: 0%;
  }

  .absolute-img-inpopup {
    width: 75%;
  }

  .three-column-item.right-aling.multi-icon {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .three-column-item.right-aling.multi-icon.errpage {
    padding-top: 2rem;
  }

  .scroll-content {
    width: auto;
  }

  .button-secondary {
    max-width: 150px;
    display: flex;
  }

  .small-bttn-cookies {
    text-align: center;
    padding: 12px;
    line-height: 100%;
  }

  .small-bttn-cookies.accept-cookies {
    font-size: .6rem;
  }

  .bold-quiz-heading {
    font-size: 2em;
  }

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

  .legal-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .legal-text {
    font-size: 7px;
  }

  .line-top-txt-animation.top-birthday {
    inset: 0% 0% auto;
  }

  .txt-line-top {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .wrapper.footer-padding, .wrapper.footer-padding-pf {
    padding-bottom: .5rem;
  }

  .heading-container.small {
    width: 100%;
  }

  .text-container.phone-nav, .text-container.menu-nav {
    display: none;
  }

  .text-small {
    line-height: 110%;
  }

  .text {
    font-size: .86rem;
  }

  .secondary-pf-button {
    font-size: .92rem;
  }

  .h2 {
    font-size: 1.71rem;
    line-height: 120%;
  }

  .description {
    font-size: 1.14rem;
  }

  .half-smaller {
    margin-top: 3.5rem;
  }

  .hint-text {
    font-size: .78rem;
  }

  .nav-heading-text {
    font-size: .86rem;
  }

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

  .nav-text.opacity40 {
    font-size: .86rem;
  }

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

  .menu-icon, .tel-icon-div {
    margin-right: 0;
  }

  .close-icon {
    top: 5%;
    right: 5%;
  }

  .cookie {
    justify-content: flex-end;
    align-items: center;
    bottom: 20%;
  }

  .cookie-banner {
    width: 50%;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .cookie-banner.fixed {
    width: 95%;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .policy-container {
    padding-right: 0;
  }

  .policy-text {
    margin-top: 0;
  }

  .cookie-bttn {
    padding-top: 1vw;
  }

  .menu-bg {
    padding: .3rem .5rem;
  }

  .phone-bg {
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

  .form-nav {
    z-index: 99;
    background-color: var(--white);
    border-top: 1px solid #0000001a;
    padding: 1.5em 2em;
    position: fixed;
    inset: auto 0% 0%;
  }

  .panel {
    z-index: 0;
    background-position: 50%;
    background-size: cover;
    height: 20dvh;
    top: auto;
  }

  .panel.pf_quiz_img {
    height: 80dvh;
  }

  .box.has-8-gap.last {
    padding-top: 0;
    padding-bottom: 10vw;
  }

  .box.has-8-gap.horizontal_box {
    grid-template-columns: 33% 33% 33%;
  }

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

  .duo-section.porto {
    flex-flow: column;
    display: flex;
    overflow: scroll;
  }

  .form-quiz {
    max-width: none;
  }

  .small-text-quiz {
    margin-top: 7vw;
  }

  .quiz-form {
    padding: 2em 2em 5em;
  }

  .heading {
    font-size: 2.4em;
  }

  .heading.is-regular--quiz {
    letter-spacing: -.8px;
    font-size: 1.6em;
  }

  .bttn {
    font-size: .92rem;
  }

  .big-vertical-logo {
    width: 60%;
  }

  .big-vertical-logo.mob, .big-vertical-logo.friday {
    width: 35%;
  }

  .bio-bttn {
    width: 80%;
  }

  .absolute-render-img {
    bottom: 0%;
  }

  .menu-bio {
    font-size: .86rem;
  }

  .info-bio {
    font-size: 1rem;
  }

  .bio-page {
    font-size: .92rem;
  }

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

  .form-vertical-popup, .absolute-img-inpopup {
    width: 100%;
  }

  .container-po {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .button-secondary {
    max-width: 100%;
  }

  .logo-items {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .div-block-81, .cookie-items {
    width: 100%;
  }

  .small-bttn-cookies {
    font-size: .92rem;
  }

  .bold-quiz-heading {
    font-size: 1.6em;
  }

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

  .legal-container {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .legal-text {
    font-size: 6px;
    line-height: 105%;
  }

  .txt-line-top {
    line-height: 21px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .wrapper.footer-padding {
    padding-bottom: .5rem;
  }

  .wrapper.big-padd {
    padding-top: 11rem;
  }

  .wrapper.footer-padding-pf {
    padding-bottom: 2rem;
  }

  .heading-container.small {
    width: 100%;
  }

  .flex-bttn {
    justify-content: space-between;
  }

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

  .description-container.medium {
    width: 100%;
  }

  .text {
    font-size: .86rem;
  }

  .text.opacity-60 {
    font-size: 1rem;
  }

  .secondary-pf-button {
    padding: 4px 8px 4px 40px;
    font-size: 1rem;
  }

  .flex-horizontal-row.reviews-aling, .flex-horizontal-row.policy-align {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex-horizontal-row.big-top-padd {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 4rem;
  }

  .h2 {
    font-size: 1.71rem;
  }

  .field {
    font-size: 16px;
  }

  .hint-text {
    font-size: .81rem;
  }

  .footer-medium-half {
    flex-flow: column;
  }

  .menu-bottom {
    margin-top: 4rem;
  }

  .footer-logo.small {
    width: 70%;
  }

  .footer-coop.black {
    text-align: center;
    padding-top: 1rem;
  }

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

  .policy-div.black {
    justify-content: center;
    align-items: center;
  }

  .checkbox-label.different-color {
    color: #fff9;
    font-size: .65rem;
  }

  .checkbox-field {
    margin-left: 0;
    margin-right: 0;
  }

  .small-div {
    margin-top: .2rem;
    padding-left: 0;
  }

  .hint-normal {
    margin-bottom: 5px;
  }

  .header.invest {
    position: absolute;
  }

  .logo-div {
    justify-content: center;
    align-items: flex-end;
  }

  .scroll-logo {
    margin-right: 1.2rem;
    padding-left: .4rem;
    padding-right: .4rem;
  }

  .img-logo {
    width: 190px;
  }

  .page-loader_noise {
    opacity: .01;
  }

  .menu-one {
    margin-top: 4rem;
  }

  .small {
    font-size: .9rem;
  }

  .white-link {
    color: var(--white);
    text-decoration: none;
  }

  .cookie {
    bottom: 15%;
  }

  .cookie-banner {
    width: 70%;
    padding: 3vw 4vw;
  }

  .policy-text {
    font-size: .6em;
  }

  .cookie-bttn {
    padding-top: 1vw;
  }

  .phone-bg {
    display: none;
  }

  .submit {
    font-size: .7em;
  }

  .body-text {
    font-size: .8em;
    line-height: 140%;
  }

  .form-nav {
    background-color: var(--white);
    padding-left: 1em;
    padding-right: 1em;
  }

  .panel {
    height: 20dvh;
  }

  .panel.pf_quiz_img {
    height: 40dvh;
  }

  .box.has-8-gap {
    grid-template-columns: 100%;
  }

  .box.has-8-gap.last {
    padding-top: 2vw;
    padding-bottom: 0;
  }

  .box.has-8-gap.horizontal_box {
    grid-column-gap: 2.5vw;
    grid-template-columns: 32% 32% 32%;
    grid-auto-columns: 2%;
  }

  .duo-section.porto {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .small-text-quiz {
    font-size: .6em;
  }

  .quiz-form {
    padding-left: .5em;
    padding-right: .5em;
  }

  .heading.is-regular--quiz {
    font-size: 1.4em;
  }

  .radio-button-field.horizontal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: stretch;
  }

  .back.is-ghost {
    font-size: .6em;
  }

  .bttn {
    font-size: .75em;
  }

  .big-vertical-logo {
    width: 80%;
  }

  .big-vertical-logo.mob {
    width: 50%;
  }

  .big-vertical-logo.friday {
    width: 45%;
  }

  .adress-bio {
    text-align: center;
    flex-flow: column;
  }

  .long-half {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .bio-bttn {
    flex-flow: row;
    width: 100%;
    height: 102.406px;
  }

  .bio-half {
    width: 100%;
  }

  .bio-half.img {
    width: 35%;
    padding: .5rem;
    display: flex;
  }

  .bio-half.bio-bttn-container {
    width: 65%;
  }

  .bio-arrow {
    width: 30px;
    height: 30px;
    padding: .4rem;
  }

  .absolute-render-img {
    bottom: 0%;
  }

  .image {
    width: auto;
  }

  .logo-d {
    width: 60px;
  }

  .bio-page {
    padding: 12px;
    font-size: 1rem;
  }

  .bio-page.w--current {
    padding: 12px;
  }

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

  .container-po {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .logo-items {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .slide-left {
    font-size: 24px;
    line-height: 26px;
  }

  .slide-right {
    font-size: 25px;
    line-height: 26px;
  }

  .small-bttn-cookies {
    text-align: center;
    padding: 12px;
    font-size: .7rem;
    line-height: 100%;
  }

  .bttn-blue {
    padding-left: 28px;
    padding-right: 28px;
  }

  .bold-quiz-heading {
    font-size: 2.2em;
  }

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

  .legal-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .legal-text {
    font-size: 6px;
  }
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36410-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36411-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36412-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36413-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36414-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36415-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36419-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3641e-b3095ee6, #Button.w-node-_3c923b79-cdae-70a7-4d05-d292f5c36420-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36425-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36426-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36427-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36428-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36429-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3642a-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3642c-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3642e-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3642f-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36433-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36440-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36442-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36447-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36448-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36449-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3644a-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3644b-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3644c-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3644e-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36450-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36451-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36455-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36459-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36462-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36464-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36469-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c3646a-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3646b-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3646c-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3646d-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3646e-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36470-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36472-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36473-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36477-b3095ee6, #back.w-node-_3c923b79-cdae-70a7-4d05-d292f5c36484-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36486-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c364a9-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c364aa-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ab-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ac-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ad-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ae-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364b9-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364bc-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c3-b3095ee6, #submit.w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c5-b3095ee6, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c8-b3095ee6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-b3095ee6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c8-b3095ee6 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-b3095ee6 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Benzin';
  src: url('../fonts/Benzin-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Grandisextended';
  src: url('../fonts/GrandisExtended-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Grandisextended';
  src: url('../fonts/GrandisExtended-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Grandisextended';
  src: url('../fonts/GrandisExtended-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Benzin';
  src: url('../fonts/Benzin-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Benzin';
  src: url('../fonts/Benzin-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}