@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;
  --green: #003b45;
  --_vertical-colors---accent-brand: #ffb012;
  --milk: #e9e7bc;
  --orange: #f55627;
  --trasparent: #fff0;
  --_hydropark-deluxe---accent: #e9e7bc;
  --_hydropark-deluxe---brand: #0e1c1f;
  --_vertical-colors---brand: #01283c;
  --grey-bg: #f0f0f0;
  --_hydropark-deluxe---orange: #f55627;
  --_hydropark-deluxe---white: white;
  --_hydropark-deluxe---heading-color: #0e1c1f;
  --_vertical-colors---secondary: #e9e7bc;
  --_hydropark-deluxe---black: #000;
  --_hydropark-deluxe---form-bg: #f4f4f4;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

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;
}

.page-wrapper.overflow-hidden {
  overflow: hidden;
}

.page-wrapper.overflow-hidden.none {
  display: none;
}

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

.hero-block.green-bg {
  background-color: var(--green);
  color: var(--white);
  max-height: 100%;
  display: flex;
}

.section {
  position: relative;
}

.section.hero {
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
}

.section.architect-padd {
  padding-top: 12.75rem;
  padding-bottom: 15rem;
}

.section.none {
  display: none;
}

.section.home-aection {
  background-color: var(--white);
  color: var(--black);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding-top: 140px;
  padding-bottom: 100px;
}

.section.full-p {
  width: 100%;
}

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

.container.relative {
  position: relative;
}

.container.relative.gallery-hd {
  padding-left: 0;
  padding-right: 0;
}

.container.vertical-color-bg {
  background-color: var(--_vertical-colors---accent-brand);
  border-radius: 20px;
}

.container.vertical-color-bg.cta-friday {
  background-color: #01283c;
  max-width: 1300px;
}

.container.vertical-color-bg.cta-friday.black {
  color: var(--white);
  background-color: #f8f8f8;
}

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

.wrapper.double-padding.dogs {
  padding-top: 10rem;
}

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

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

.wrapper.tab-top-padding {
  padding-top: 7rem;
}

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

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

.wrapper.double-padding-invest.review {
  padding-top: 12rem;
}

.wrapper.top-hd-padd {
  padding-top: 10.57rem;
  padding-bottom: 0;
}

.wrapper.top-hd-padd.relative {
  position: relative;
}

.wrapper.top-hd-padd.red-bot-padd {
  padding-top: 10.57rem;
  padding-bottom: 10.57rem;
}

.wrapper.top-bighd-padd {
  padding-top: 15.42rem;
  padding-bottom: 0;
}

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

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

.wrapper.friday-padd {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.wrapper.full {
  width: 100%;
}

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

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

.wrapper.faq_padd {
  padding-top: 6vw;
  padding-bottom: 7vw;
}

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

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

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

.heading-container.centered.hd-faq-heading-padd {
  padding-top: 3.07rem;
}

.heading-container.white-txt {
  color: var(--white);
}

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

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

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

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

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

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

.button-pf {
  background-color: var(--orange);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding-left: 38px;
  padding-right: 8px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-pf:hover {
  background-color: #d3471e;
}

.button-pf.space-between {
  justify-content: space-between;
}

.button-pf.vertical-button-newyears {
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
  width: 100%;
  padding: 24px 38px;
}

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

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

.arrow {
  background-color: var(--trasparent);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 8px;
}

.adress-div {
  justify-content: center;
  align-items: center;
  margin-bottom: 1.86rem;
  display: flex;
}

.small-adress {
  background-color: var(--orange);
  border-radius: 6px;
  justify-content: center;
  align-items: stretch;
  padding: .57rem .92rem .27rem;
  display: flex;
}

.text-container.small {
  width: 67%;
}

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

.text-container.price-top-padd {
  margin-top: .3rem;
}

.text-container.justify {
  text-align: justify;
}

.text-container.buing-hd-padd {
  padding-top: 30px;
}

.text-container.buing-hd-padd.last.none {
  display: none;
}

.text-container.process {
  width: 320px;
}

.text-container._80 {
  width: 80%;
}

.text-container.smaller-frd-txt {
  width: 50%;
}

.text-container.smaller-frd-txt.porto {
  width: 100%;
}

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

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

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

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

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

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

.small-icon {
  margin-left: .3rem;
  margin-right: .3rem;
}

.hero-img {
  background-image: url('../images/pf-hero_1.webp');
  background-position: 0 100%;
  background-size: cover;
  max-height: none;
  position: absolute;
  inset: 0%;
}

.about-block {
  width: 100vw;
  height: 100vh;
  position: relative;
}

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

.biggest-heading {
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 600;
  line-height: 110%;
}

.biggest-heading.centered {
  text-align: center;
}

.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.padd {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.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;
}

.center-row.preload-padd {
  padding-top: 6rem;
}

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

.description-container.small {
  width: 28%;
}

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

.description-container.double-padd {
  margin-top: 1.21rem;
  margin-bottom: 1.78rem;
}

.description-container.double-padd.popup {
  width: 100%;
}

.description-container.double-padd.popup.opacity50 {
  opacity: .5;
}

.description-container.big-gallery {
  width: 75%;
}

.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.centered-aling.different-color, .text.centered-aling.gray-color {
  color: #646464;
}

.text.centered-aling.white-txt-color {
  color: var(--white);
  font-size: 12px;
}

.text.centered-aling.white-txt-color.opacity70 {
  color: #ffffffb3;
}

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

.text.small-top-padd {
  padding-top: 2rem;
}

.text.big-capitalize {
  text-transform: uppercase;
}

.text.mob {
  display: none;
}

.text.right-hd {
  color: #fff9;
  text-align: left;
  text-indent: 6rem;
}

.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;
}

.secondary-pf-button.hydro-thanks {
  background-color: var(--_hydropark-deluxe---accent);
  color: var(--black);
  padding: 20px 38px;
}

.secondary-arrow {
  background-color: var(--trasparent);
  border: 1px #000;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.advantages-block.milk-bg {
  background-color: var(--milk);
}

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

.flex-horizontal-row.bottom {
  align-items: flex-end;
}

.flex-horizontal-row.top-padding {
  margin-top: 2.86rem;
}

.flex-horizontal-row.top-padding.logo-aling {
  justify-content: flex-start;
}

.flex-horizontal-row.top-padding._10gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-horizontal-row.info-padding {
  margin-top: 6.5rem;
}

.flex-horizontal-row.form-direction {
  position: relative;
}

.flex-horizontal-row.another-direction-bottom {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal-row.full-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

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

.flex-horizontal-row.planning-small-padd {
  margin-top: 1%;
}

.flex-horizontal-row.planning-small-padd.other-direction {
  justify-content: flex-start;
}

.flex-horizontal-row.centered-align {
  align-items: center;
}

.flex-horizontal-row.centered-align.small-top-padd {
  padding-top: 6rem;
}

.flex-horizontal-row.centered-align.double-friday-padd.none {
  display: none;
}

.flex-horizontal-row.gap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.flex-horizontal-row.gap10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
}

.flex-horizontal-row.gap10.last {
  margin-bottom: 0;
}

.flex-horizontal-row.top-padd-multilink {
  padding-top: 4.07rem;
}

.flex-horizontal-row._10gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 10px;
}

.flex-horizontal-row._4relative {
  z-index: 4;
}

.flex-horizontal-row.sticky-hd-heading {
  padding-top: 16rem;
  padding-bottom: 27px;
  position: sticky;
  top: 100px;
}

.flex-horizontal-row.big-gap {
  grid-column-gap: 5.93rem;
  grid-row-gap: 5.93rem;
}

.flex-horizontal-row.right-side {
  justify-content: flex-end;
  align-items: flex-start;
}

.flex-horizontal-row.blackfriday {
  justify-content: space-between;
  align-items: center;
}

.flex-horizontal-row.double-friday-padd {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

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

.flex-horizontal-row.full {
  align-items: stretch;
  width: 100vw;
}

.flex-horizontal-row.full.padd-block {
  justify-content: space-around;
  height: 100vh;
  padding-left: 2vw;
}

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

.half-img {
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.half-img.full {
  height: 100%;
}

.half-img.full.relative {
  display: flex;
  position: relative;
}

.half-img.full.relative.vertical {
  width: 60%;
}

.half-img.full.big-porto {
  height: auto;
  display: flex;
  position: relative;
}

.half-items {
  width: 50%;
  padding-left: 2%;
}

.half-items.flex-vertical {
  flex-flow: column;
  padding-left: 4%;
  display: flex;
}

.half-items.flex-vertical.developer {
  justify-content: flex-start;
  align-items: flex-start;
}

.half-items.flex-vertical.developer.stiky {
  z-index: 2;
  position: relative;
  top: 0;
}

.half-items.newyears-info {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 44px;
  padding-left: 39px;
  padding-right: 27px;
  display: flex;
}

.half-items.newyears-info.porto-bg {
  background-color: var(--green);
  position: relative;
}

.half-items.newyears-info.hydro-bg {
  background-color: var(--_hydropark-deluxe---brand);
  background-image: radial-gradient(circle at 100% 100%, #a8c0bd33, #fff0 42%);
}

.half-items.newyears-info.vertical-bg {
  background-color: var(--_vertical-colors---brand);
  background-image: radial-gradient(circle at 100% 100%, #a8c0bd33, #fff0 42%);
  width: 40%;
}

.half-items.newyears-info.birghday-porto-linear-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--trasparent);
  background-image: radial-gradient(circle at 0 100%, #e51717, #e51717c9 11%, #181818 33%);
  justify-content: center;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  position: relative;
}

.half-items.newyears-info.birghday-porto-linear-bg.white-text {
  color: var(--white);
}

.half-items.newyears-info.birghday-porto-linear-bg.white-text.porto-block {
  background-color: var(--green);
  background-image: none;
  margin-right: 2vw;
}

.half-items.newyears-info.hydro-blur-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(136px);
  backdrop-filter: blur(136px);
  background-color: #00000061;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  margin: 19px 20px;
  padding: 14px 12px;
}

.half-items.newyears-info.urbn-transaprent-half {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--trasparent);
  border-radius: 32px;
  justify-content: space-between;
  align-items: center;
  max-height: 900px;
  margin: 19px 20px;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
}

.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;
}

.h2.big-capitalize {
  text-transform: uppercase;
}

.symbol-div {
  margin-bottom: 20px;
}

.advantages-card {
  flex-flow: column;
  width: 32.33%;
  display: flex;
}

.advantages-card.two {
  margin-top: 5.14rem;
}

.advantages-card.three {
  margin-top: 9.57rem;
}

.card {
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.22rem;
  display: flex;
}

.card.bottom {
  margin-top: 3.33%;
}

.card-icon {
  margin-bottom: 3.07rem;
}

.info-block {
  height: auto;
}

.half-biggest {
  width: 55%;
}

.half-biggest.right-small-padd {
  padding-right: 3%;
}

.half-biggest.small-top-padd {
  z-index: 1;
  position: relative;
}

.info-icon {
  display: flex;
}

.orange-bg-icon {
  background-color: var(--orange);
  border-radius: 16px;
  padding: 1.29rem;
}

.icon-items {
  background-color: var(--grey-bg);
  border-radius: 16px;
  display: flex;
}

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

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

.text-icon {
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1.5rem 1.5rem 1.36rem;
  display: flex;
}

.list-items {
  justify-content: flex-start;
  align-items: center;
  margin-top: .8rem;
  margin-bottom: .8rem;
  display: flex;
}

.list-items.first {
  margin-top: 1.9rem;
}

.list-items.first.mob {
  display: none;
}

.list-items.desktop {
  align-items: stretch;
}

.list-items.mob {
  display: none;
}

.list-icon {
  width: 8%;
  height: auto;
  margin-right: 1%;
}

.list-text {
  width: 100%;
  font-size: 1rem;
}

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

.bold {
  font-weight: 700;
}

.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;
}

.green-bg-icon {
  background-color: var(--green);
  border-radius: 16px;
  padding: 1.29rem;
}

.form-block {
  position: relative;
}

.form-block.grey-bg {
  background-color: var(--grey-bg);
}

.form-block.grey-bg.none {
  display: none;
}

.form-block.black-friday-bg {
  background-color: #f8f8f8;
  border-radius: 20px;
  max-width: 1440px;
  margin: 4rem auto 0;
}

.form-block.winter {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
}

.green-bg-absolute {
  background-color: var(--green);
  border-bottom-right-radius: 100px;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-form-half {
  color: var(--white);
  width: 50%;
  padding-right: 2%;
}

.left-padding {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2.71rem;
  padding-left: 5rem;
  padding-right: 1rem;
  display: flex;
}

.list-form {
  margin-top: 2.5rem;
}

.list-form.full {
  width: 100%;
}

.form-half {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 5rem;
  padding-right: 2rem;
  display: flex;
}

.form-half.last-form.black-friday {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.form-half.last-form.frd-form {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 2rem 7rem 1rem 0;
}

.form-half.last-form.frd-form.porto {
  padding-right: 0;
}

.form-half.last-form.last-winte-form {
  z-index: 4;
  background-color: var(--_vertical-colors---brand);
  width: auto;
  padding: 4rem 5rem;
  position: relative;
}

.form-heading {
  margin-bottom: 0;
  font-size: 2.21rem;
  line-height: 120%;
}

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

.form-heading.centered-aling.white-txt {
  color: var(--white);
}

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

.form-div.frd-form {
  width: 383px;
}

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

.field.text {
  height: 180px;
}

.choise-field {
  background-color: var(--white);
  color: var(--black);
  border-radius: 12px;
  height: auto;
  margin-bottom: 0;
  padding: 24px 22px;
  font-size: .92rem;
}

.button-pf-form {
  background-color: var(--orange);
  background-image: url('../images/-_-1.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 21px 50% 21px 10px;
  font-size: 1rem;
  font-weight: 500;
  display: block;
}

.button-pf-form.red {
  background-color: #c20a25;
  background-image: url('../images/-_-3.svg');
  background-position: 15%;
  border-radius: 20px;
  height: 86px;
  padding-left: 26px;
  padding-right: 26px;
}

.button-pf-form.red.frd-land {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 26px 48px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.button-pf-form.red.frd-land.full {
  width: 100%;
}

.button-pf-form.brand-two {
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--black);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-left: 32px;
  padding-right: 32px;
}

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

.form.relative {
  position: relative;
}

.form-bttn-div {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.arm-img-absolute {
  width: 55%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.gallery-heading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 2.14rem;
  font-weight: 600;
  line-height: 115%;
}

.developer-block {
  position: relative;
}

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

.plus-div {
  margin-left: 2.21rem;
  margin-right: 2.21rem;
  display: flex;
}

.gevelop-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 1.43rem;
  font-weight: 600;
  line-height: 120%;
}

.develop-card {
  background-color: #ffffff12;
  border: 1px solid #ffffff36;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 24%;
  padding: 1.6rem;
  display: flex;
}

.hint-div.top-padd {
  padding-top: 11.64rem;
}

.big-hint {
  font-size: 1rem;
  font-weight: 400;
}

.biggest-hint {
  color: var(--milk);
  font-family: Benzin, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.faq-items {
  margin-top: 3rem;
}

.faq-items.hd {
  width: 100vw;
}

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

.answer-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 0;
  display: flex;
}

.faq-container {
  width: 100%;
}

.question-faq {
  grid-column-gap: 0px;
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.5rem 0;
  display: flex;
}

.answer-faq {
  background-color: #0000;
  padding-top: 0;
  padding-left: 1.5rem;
  padding-right: 6vw;
  display: none;
  position: relative;
  overflow: hidden;
}

.answer-faq.big {
  padding-right: 1.5rem;
}

.faq-heading {
  color: var(--black);
  text-transform: none;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 100%;
}

.plus-icon {
  width: 100%;
  max-width: 24px;
  height: 24px;
  margin-top: 0;
}

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

.hint-text.white_txt {
  color: #fff;
}

.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;
}

.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;
}

.footer-social.hd {
  width: auto;
}

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

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

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

.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);
}

.opacity60 {
  opacity: .6;
}

.div-block-2 {
  margin-top: 2.64rem;
}

.cta-img-absolute {
  width: 20%;
  position: absolute;
  inset: auto auto 0% 0%;
}

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

.checkbox-label.white-color {
  color: #fffc;
}

.checkbox-label.white-color.opacity7 {
  color: #ffffffb3;
}

.checkbox-label.white-color.opacity50 {
  opacity: .5;
}

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

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

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

.revievs-block.none {
  display: none;
}

.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_1.webp');
  background-position: 0 0;
  background-size: cover;
}

.thanks-block.hydro-bg {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--white);
  background-image: url('../images/shadow_1.webp');
  background-position: 0 0;
  background-size: cover;
}

.page-loader {
  z-index: 9999;
  background-color: var(--green);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.page-loader.none {
  display: none;
}

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

.page-loader_noise.radius {
  opacity: .03;
  border-bottom-right-radius: 100px;
}

.page-loader_noise._1 {
  z-index: 1;
}

.page-loader_noise.right-radius {
  border-bottom-right-radius: 176px;
}

.page-loader_noise.winter-form {
  z-index: 4;
  border-top-left-radius: 44px;
  border-bottom-left-radius: 44px;
  position: absolute;
  inset: 0%;
}

.loading-percent {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.images-wrapper {
  width: 515px;
  height: 290px;
  margin-left: 4rem;
  margin-right: 4rem;
  position: relative;
  overflow: hidden;
}

.preload-img {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .2ms;
  position: absolute;
  inset: 0%;
}

.preload-img.active {
  z-index: 2;
  opacity: 1;
  transition: opacity .2ms;
}

.logo-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.page-loader_text {
  color: var(--white);
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
}

.progress-bar {
  background-color: #d9d9d91a;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 60%;
  height: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.progress-fill {
  background-color: var(--white);
  width: 0%;
  height: 100%;
  transition: width 1ms;
}

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

.left-top-img {
  width: 212px;
  transition: transform .3ms cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  inset: 10% auto auto 5%;
}

.left-bottom-img {
  width: 151px;
  transition: transform .3ms cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  inset: auto auto 24% 12%;
}

.right-top-img {
  width: 149px;
  transition: transform .3ms cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  inset: 28% 5% auto auto;
}

.right-bottom-img {
  width: 183px;
  transition: transform .3ms cubic-bezier(.075, .82, .165, 1);
  position: absolute;
  inset: auto 16% 10% auto;
}

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

.horizontal-items {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  padding-top: 7rem;
  padding-bottom: 7rem;
  display: block;
}

.items {
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.number-text {
  color: #cbcbcb;
  margin-bottom: 0;
  font-size: .86rem;
}

.tab-text {
  margin-bottom: 0;
  font-size: 1.14rem;
  font-weight: 500;
}

.number {
  margin-right: 1rem;
}

.tab-link {
  background-color: var(--trasparent);
}

.tab-link.w--current {
  border-bottom: 3px solid var(--grey-bg);
  background-color: var(--trasparent);
  border-radius: 16px;
}

.swiper-button-next {
  width: 40px;
  margin-left: .2rem;
  inset: auto auto 6% 16%;
}

.arrows {
  justify-content: space-around;
  align-items: stretch;
  width: auto;
  display: flex;
  position: relative;
  top: auto;
  right: auto;
}

.swiper-button-prev {
  width: 40px;
  margin-right: .2rem;
  inset: auto auto 6% 21%;
}

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

.tabs-content {
  flex-flow: column;
  width: 100vw;
  max-width: 100%;
  height: auto;
  margin-top: 2.86rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.swiper_slider-wrapper {
  flex-flow: column;
  width: 100%;
  display: block;
}

.plannin-card {
  background-color: var(--grey-bg);
  border-radius: 16px;
  flex-flow: column;
  width: 33%;
  padding: 1.02rem;
  display: flex;
  position: relative;
}

.plannin-card.margin {
  margin-left: .5%;
}

.flex-small-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.comfort {
  background-color: var(--orange);
  color: var(--white);
  border-radius: 6px;
  padding: .4rem;
}

.info {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: .4rem;
  display: flex;
}

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

.planning-heading {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 110%;
  display: block;
}

.planning-heading.padd {
  margin-bottom: 20px;
  margin-left: .4rem;
  margin-right: .4rem;
}

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

.plan-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: .3rem;
  margin-bottom: .3rem;
  display: flex;
}

.planning-pf-button {
  border: 1px solid var(--black);
  background-color: var(--trasparent);
  color: var(--black);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding-left: 38px;
  font-size: .9rem;
  line-height: 100%;
  display: flex;
}

.planning-pf-button:hover {
  border-style: solid;
  border-color: var(--orange);
  background-color: var(--orange);
  color: var(--white);
}

.planning-arrow {
  background-color: var(--trasparent);
  border: 1px #000;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 7px;
}

.planning-bar {
  padding-top: 2rem;
}

.line-bg {
  background-color: var(--white);
  width: 100%;
  height: 5px;
  position: relative;
}

.line {
  background-color: var(--green);
  width: 1%;
  height: 100%;
}

.line-text {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

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

.info-card {
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  width: 90%;
  padding: 1.02rem;
  display: none;
  position: absolute;
  inset: 15% 5% auto;
}

.small-link {
  color: var(--orange);
}

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

.swiper {
  flex-flow: row;
  justify-content: space-between;
  display: block;
  position: relative;
}

.swiper.slider-1 {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-wrapper.hd {
  overflow: visible;
}

.swiper-wrapper.urbn_w {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  width: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.swiper-slide {
  flex-flow: row;
  flex: none;
  order: 0;
  width: 100%;
  max-width: 100%;
  height: 672.297px;
  display: block;
}

.swiper-slide.hd {
  width: 33.33%;
  max-width: none;
  height: 600px;
}

.custom-counter {
  color: var(--white);
}

.img-slide {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.testimonial-slider {
  background-color: #0000;
  max-width: none;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide-wrapper {
  max-width: 28.33%;
  margin-right: 2%;
}

.testimonial-card {
  background-color: var(--grey-bg);
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-info {
  background-color: var(--grey-bg);
  border-radius: 16px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 24px;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.tagline {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.testimonial-slider-left {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.slider-arrow-embed {
  color: #1a1b1f;
}

.testimonial-slider-right {
  z-index: 11;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav {
  display: none;
}

.flex-review {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex-review.top-padding {
  margin-top: 2.86rem;
  overflow: hidden;
}

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

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

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

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

.form-arrow {
  background-color: var(--orange);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 8px;
}

.info-item-sl {
  max-width: 50%;
  padding-left: 2%;
  padding-right: 2%;
}

.about-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: auto;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-right-arrow {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.list-right-arrow:focus-visible, .list-right-arrow[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.list-left-arrow {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.list-left-arrow:focus-visible, .list-left-arrow[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.container-sw {
  z-index: 2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff38;
  border-top-right-radius: 75px;
  justify-content: space-around;
  align-items: center;
  width: 30%;
  margin-left: 0;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.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%;
}

.flex-vertical-mob {
  flex-flow: column;
  display: none;
}

.price-block {
  position: relative;
}

.price-container {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.right-row {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #ffffff3b;
  border-top-right-radius: 136px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 3rem 4rem 4rem 2rem;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.price-horizontal-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.comfort-small {
  background-color: var(--orange);
  color: var(--white);
  border-radius: 6px;
  margin-left: 1rem;
  padding: .4rem;
}

.price-flex-top {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

.price-heading {
  font-family: Benzin, Arial, sans-serif;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 120%;
}

.price-div {
  margin-left: .5rem;
}

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

.item {
  margin-top: .5rem;
}

.text-smaller {
  margin-bottom: 0;
  font-size: .67rem;
  font-weight: 500;
  line-height: 115%;
}

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

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

.bttn-link-price {
  width: 35.9609px;
  margin-left: 1rem;
}

.price-icon1 {
  width: auto;
  position: absolute;
  inset: 15% auto auto 3%;
}

.price-hover-card {
  background-color: var(--white);
  border-radius: 10px;
  width: 11rem;
  margin-top: 1rem;
  padding: .6rem;
}

.price-icon {
  cursor: pointer;
  width: 70px;
}

.price-icon2 {
  width: auto;
  position: absolute;
  inset: 10% auto auto 25%;
}

.price-icon3 {
  width: auto;
  position: absolute;
  inset: 20% auto auto 43%;
}

.price-icon4 {
  width: auto;
  position: absolute;
  inset: 10% auto auto 62%;
}

.price-icon5 {
  width: auto;
  position: absolute;
  inset: 25% auto auto 82%;
}

.bttn-txt-div {
  padding-left: 0;
  padding-right: 39px;
}

.secondary-bttn-txt {
  margin-bottom: 0;
  font-weight: 500;
}

.txt-bttn {
  margin-bottom: 0;
}

.form-popup {
  z-index: 99999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-popup.black-friday {
  display: none;
}

.form-popup-bg {
  background-color: #003b45bf;
  position: absolute;
  inset: 0%;
}

.form-popup-bg.black-friday {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #b9bcbdc9;
}

.popup-content {
  background-color: var(--white);
  border-radius: 16px;
  width: 617px;
  padding: 4rem;
  position: relative;
}

.popup-content.black-friday {
  background-color: var(--white);
  color: var(--black);
}

.close-popup {
  position: absolute;
  inset: 0% 1% auto auto;
}

.hero-img-price {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.checkbox {
  border: 1px solid #000;
}

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

.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;
}

.form-success-message.red {
  background-color: #e51718;
  border-radius: 100px;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.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;
}

.faq {
  background-color: var(--grey-bg);
  border-bottom: 1px solid #bebebe66;
  border-radius: 16px;
  width: 100%;
  height: auto;
  margin-bottom: .5rem;
  padding-bottom: 1rem;
}

.faq.urbn {
  background-color: var(--trasparent);
  border-radius: 0;
}

.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;
}

.submit.hydro {
  border-color: var(--_vertical-colors---accent-brand);
  background-color: var(--_vertical-colors---accent-brand);
  color: var(--white);
}

.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;
}

.radio-button.hydro.w--redirected-checked, .radio-button.hydro.w--redirected-focus {
  border-color: var(--_vertical-colors---accent-brand);
  background-color: var(--_vertical-colors---accent-brand);
}

.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);
}

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

.next.hydro:hover {
  background-color: var(--milk);
  color: var(--black);
  border-style: none;
}

.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_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-3.webp');
  background-position: 50%;
}

.panel.hd_quiz_img {
  background-image: url('../images/hd_quiz.webp');
  background-position: 0%;
}

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

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

.offer.hydro-quiz {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
}

.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-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;
}

.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;
}

.next-urbn {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: #fff;
  text-transform: uppercase;
  background-color: #01283c;
  border: 2px solid #01283c;
  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-urbn:hover {
  color: #1e1e1e;
  background-color: #ffb012;
  border-color: #ffb012;
}

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

.step-2.is-active {
  background-color: #01283c;
  border-color: #01283c;
}

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

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

.submit-urbn {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  color: #1e1e1e;
  text-transform: uppercase;
  background-color: #febe31;
  border: 2px solid #febe31;
  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;
}

.panel-urbn {
  background-color: #f1eae0;
  background-image: url('../images/urbn-dvir-1-1_1.webp');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.panel-urbn.urbn_quiz_img {
  background-image: url('../images/urbn_quiz.webp');
  background-position: 50% 100%;
}

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

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

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

.radio {
  font-family: Grandisextended, Arial, sans-serif;
  font-size: .9em;
  font-weight: 400;
  line-height: 110%;
}

.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);
}

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

.bttn.hydro:hover {
  background-color: var(--_hydropark-deluxe---accent);
  color: var(--black);
}

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

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

.review-star-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.icon-container.first {
  padding-right: .3rem;
}

.text-block {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

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

.cut-out-image {
  min-height: 8.44vw;
  max-height: 8.44vw;
}

.cut-out-image.top-left-absolute {
  position: absolute;
}

.cut-out-wrapper {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 6.7vw;
  display: flex;
  position: relative;
}

.cut-out-wrapper.align-center {
  justify-content: flex-start;
  align-items: center;
}

.hero-text-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cut-out-flex {
  z-index: 10;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.cut-out-flex.align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.hero-image-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 43.9vw;
  max-width: 43.9vw;
  min-height: 43.9vw;
  max-height: 43.9vw;
  display: flex;
  position: relative;
}

.hero-image-wrapper.slide-from-left-animation {
  z-index: 0;
  min-width: 40vw;
  max-width: 40vw;
  min-height: 40vw;
  max-height: 40vw;
}

.hero-image {
  object-fit: cover;
  object-position: 100% 54%;
  border-radius: 24px;
  min-width: 100%;
  max-height: 100%;
  position: absolute;
}

.hero-line {
  z-index: 2;
  background-color: #f55627;
  width: 38.9vw;
  height: .6vw;
  position: relative;
  top: -2.22vw;
  transform: rotate(-3deg);
}

.hero-line.none {
  display: none;
}

.features-flex-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.features-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .6rem;
  display: flex;
}

.features-block.reverse-on-tab {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--black);
  align-items: stretch;
  margin-top: 1rem;
}

.icon {
  min-width: 2.4vw;
  max-width: 2.4vw;
  min-height: 2.4vw;
  max-height: 2.4vw;
}

.features-card-small {
  border: 1px solid var(--white);
  background-color: var(--trasparent);
  color: var(--white);
  text-align: left;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 49%;
  max-width: 49%;
  min-height: 8rem;
  max-height: 8vw;
  padding: 1.5rem 1rem;
  display: flex;
}

.features-flex {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.features-flex.space-between.align-center {
  justify-content: space-between;
  align-items: center;
}

.features-card-wide {
  border: 1px solid var(--white);
  background-color: var(--trasparent);
  color: var(--white);
  text-align: left;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: auto;
  max-width: none;
  min-height: 9rem;
  max-height: 9rem;
  padding: 1.5rem 1rem;
  display: flex;
}

.price-txt {
  font-size: 1.5rem;
  font-weight: 700;
}

.price-txt.big {
  font-size: 2rem;
}

.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_1.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 {
  color: var(--white);
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  width: 49%;
  height: 153px;
  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;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  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;
}

.hero-images-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .85fr .75fr 1.25fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.hero-text-tag {
  position: absolute;
  inset: auto -42px -10px auto;
  transform: rotate(-18deg);
}

.hero-text-tag._02 {
  top: -17px;
  bottom: auto;
  right: auto;
  transform: rotate(1deg);
}

.hero-image-2 {
  width: 90%;
}

.hero-image-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.hero-text {
  color: #f2f2f2;
  text-transform: uppercase;
  background-color: #1e4b64;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: 24px;
}

.hero-section-content {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: end center;
  padding-top: 2rem;
  display: grid;
}

.animate-on-load-03 {
  width: 100%;
  margin-top: .5rem;
}

.title-caps {
  text-transform: uppercase;
  margin-top: 0;
  font-style: normal;
}

.hero-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-holder-hero {
  max-width: 400px;
}

.button-2 {
  color: #fff;
  background-color: #1e4b64;
  border-radius: 200px;
  padding: 12px 32px;
  font-size: 17px;
  font-weight: 400;
  transition: transform .325s cubic-bezier(.175, .885, .32, 1.275), background-position .25s, background-color .45s;
}

.button-2:hover {
  color: #fff;
  background-color: #222;
  transform: scale(1.05);
}

.button-2.with-arrow {
  padding-right: 32px;
}

.dogs-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  max-height: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.dogs-maps-block {
  display: none;
}

.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%;
}

.popup-txt.black {
  color: var(--black);
}

.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;
}

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

.animated-overlay-blocks {
  z-index: 4;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-section {
  padding-left: 40px;
  padding-right: 40px;
}

.large-title {
  font-family: Benzin, Arial, sans-serif;
  font-size: 12vw;
  font-weight: 600;
  line-height: 100%;
}

.hero-images-wrapper-2 {
  align-items: stretch;
  height: 85vh;
  min-height: 85vh;
  max-height: 85vh;
  margin-bottom: 40px;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}

.right-overlay-block {
  background-color: #fff;
  width: 50%;
  transform: translate(100%);
}

.left-overlay-block {
  background-color: #fff;
  width: 50%;
  transform: translate(-100%);
}

.page-title {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  mix-blend-mode: overlay;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: inline-flex;
  position: absolute;
  inset: 5vw 0% auto;
}

.hero-image-background {
  background-image: url('../images/hero-bg-sky_1hero-bg-sky.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.hero-image-foreground {
  z-index: 3;
  background-image: url('../images/к4-4_1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  inset: 0%;
}

._2x1-grid {
  grid-template-rows: auto;
  align-items: stretch;
}

.about-blocks-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  display: flex;
}

.about-block-2 {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  text-align: justify;
  justify-content: flex-start;
  align-items: center;
  max-width: 50%;
  position: relative;
}

.animated-grid-image {
  width: 300px;
  height: 100%;
}

.bullet-indicator {
  background-color: #747474;
  border-radius: 100%;
  width: 4px;
  min-width: 4px;
  max-width: 4px;
  height: 4px;
  min-height: 4px;
  max-height: 4px;
}

.services-list {
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.div-block-71 {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.accordion-grid-wrapper {
  grid-template-rows: auto;
  align-items: stretch;
  padding-top: 20px;
}

.service-bullet-point {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #747474;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.uppercase-small-heading {
  letter-spacing: 0;
  margin-bottom: 20px;
  font-size: .875rem;
}

.stats-block {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding-top: 2rem;
  position: relative;
}

.stat {
  color: #1e1e1e;
  margin-bottom: 5px;
  font-size: 2.5rem;
  line-height: 100%;
}

.grey-text {
  color: #747474;
  font-size: 12px;
}

.grey-text.bottom-margin-60px {
  margin-bottom: 30px;
}

.floating-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  position: relative;
  overflow: clip;
}

.bottom-margin-20px {
  margin-bottom: 20px;
}

.form-label-2 {
  color: #777;
  text-align: left;
  margin-bottom: 5px;
  font-size: .9rem;
}

.form-field-wrapper {
  margin-bottom: 10px;
}

.floating-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 85vw;
  max-height: 85vh;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.floating-image-wrapper.contact-section {
  max-width: 45vw;
  max-height: none;
}

.image-overlay {
  background-color: #fff;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.form-block-5 {
  flex-flow: column;
  align-items: stretch;
  width: 50%;
  max-width: 40vw;
  padding-top: 4rem;
  padding-right: 3rem;
  display: flex;
}

.button-pf-big {
  background-color: var(--green);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 24px 38px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-pf-big:hover {
  background-color: #d3471e;
}

.form_u {
  flex-flow: column;
  display: flex;
}

.form_u.relative {
  position: relative;
}

.fixed-bttn {
  z-index: 1000;
  width: 15%;
  position: fixed;
  inset: auto 1% 2% auto;
}

.fixed-bttn.medium.width {
  width: 10%;
}

.button-pf-small {
  background-color: var(--green);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.button-pf-small:hover {
  background-color: #d3471e;
}

.button-pf-small.centered-txt {
  background-color: var(--milk);
  color: var(--black);
  text-align: center;
  line-height: 100%;
}

.button-pf-small.centered-txt:hover {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
}

.button-pf-small.centered-txt.small {
  font-size: .8rem;
}

.about-container {
  padding-right: 4rem;
}

.first-block {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--_hydropark-deluxe---white);
}

.hydro-hint {
  border: 1px solid var(--_hydropark-deluxe---accent);
  border-radius: 51px;
  margin-bottom: 1rem;
  padding: 10px 14px;
}

.hydropark-main-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 13.85rem;
  padding-bottom: 2.85rem;
  display: flex;
  position: relative;
}

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

.big-heading-container.right-aling {
  text-align: right;
  position: relative;
}

.very-big-heading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8.9rem;
  font-weight: 500;
  line-height: 100%;
}

.very-big-heading.accent-hd-color {
  color: var(--_hydropark-deluxe---accent);
  font-size: 8.8rem;
  font-weight: 500;
}

.very-big-heading.accent-hd-color.relative {
  z-index: 2;
  position: relative;
}

.absolute-hd-img-container {
  width: 358px;
  position: absolute;
  bottom: -34%;
  left: 30%;
}

.absolute-hd-img-container.snow {
  width: 316px;
}

.info-hd-line-container {
  border-top: 1px solid #1c363b;
  padding-top: 1.25rem;
  padding-bottom: 4.07rem;
}

.info-hd-grid {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: .3rem;
  display: grid;
}

.info-hd-grid.mob {
  grid-template-columns: 1fr 1fr;
  display: none;
}

.absolute-hd-hint15 {
  position: absolute;
  inset: auto auto 15% 15%;
}

.absolute-hd-hint15-copy {
  z-index: 2;
  position: absolute;
  inset: auto 5% 45% auto;
}

.info-grid-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  line-height: 130%;
  display: flex;
}

.info-grid-item.right-align {
  justify-content: flex-end;
  align-items: center;
}

.icon-hd.medium-size {
  width: 48px;
}

.txt-hd-container {
  width: 80%;
}

.price-hd {
  color: var(--_hydropark-deluxe---accent);
  font-size: 1.57rem;
}

.biggest-img-container {
  width: 100vw;
}

.biggest-img-container.hover-target {
  position: relative;
}

.half-container {
  width: 50%;
}

.half-container.gap10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  display: flex;
}

.half-container.flex-centered {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.half-container.flex-space-between {
  justify-content: space-between;
  display: flex;
}

.half-container.flex-hd-line {
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  justify-content: space-between;
  padding-bottom: 40px;
  display: flex;
}

.half-container.flex-hd-line.hd-vertical {
  border-bottom-style: none;
  border-right-style: none;
}

.half-container.flex-hd-right-line {
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px #d3d3d3;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.half-container.flex-hd-right-line.mob-none {
  border-bottom-style: none;
  border-right-style: none;
}

.heading-hd {
  color: var(--_hydropark-deluxe---heading-color);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.57rem;
  font-weight: 500;
  line-height: 100%;
}

.heading-hd.white {
  color: var(--_hydropark-deluxe---white);
}

.heading-hd.centered-text {
  text-align: center;
}

.hint-container.bottom-padd {
  padding-bottom: 4rem;
}

.txt-big-padd {
  padding-bottom: 3rem;
  padding-left: 9rem;
  padding-right: 9rem;
}

.txt-big-padd.double-padd {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5rem 3rem 2rem 9rem;
  display: flex;
}

.design-img {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-cover.mob {
  display: none;
}

.image-cover.valentines {
  overflow: visible;
}

.flex-icon-txt-hd {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-text-hd {
  margin-bottom: 0;
  font-size: 1.14rem;
}

.bttn-hd-container.secondary-bttn {
  padding-top: 3rem;
}

.bttn-hd-container.secondary-bttn.flex-left-display {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bttn-hd-container.secondary-bttn.flex-left-display.mob {
  display: none;
}

.bttn-hd-container.secondary-bttn.thanks {
  padding-top: 1rem;
}

.button-hd {
  background-color: #0000;
  background-image: url('../images/Vector-355.svg'), url('../images/-_.svg');
  background-position: 0 75%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 21px 80px 21px 0;
  font-size: 1rem;
  display: block;
}

.button-hd.planning-bttn {
  color: var(--_hydropark-deluxe---brand);
  background-image: url('../images/line-planning.svg'), url('../images/-_.svg');
}

.button-hd.dark {
  color: var(--_hydropark-deluxe---brand);
}

.button-hd.secondary-black {
  color: #0e1c1f;
  background-image: url('../images/Vector-356.svg'), url('../images/-_.svg');
}

.arhitector-block {
  position: relative;
  overflow: hidden;
}

.arhitector-block.none {
  display: none;
}

.author-container {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.arhitect-img-container {
  width: 230px;
}

.small-hd-container {
  width: 35%;
}

.small-hd-container.bottom-big-padd {
  padding-bottom: 17.43rem;
}

.small-hd-container.gallery-hd {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--_hydropark-deluxe---white);
  flex-flow: column;
  display: flex;
  position: relative;
}

.small-hd-container.form-hd-width {
  width: 50%;
  padding: 13rem 6rem;
}

.small-hd-container.small-bottom-padd {
  padding-bottom: 3vw;
}

.big-hd-container {
  width: 60%;
}

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

.big-hd-container.flex.none {
  display: none;
}

.big-hd-container.hd-build-absolute {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 682.875px;
  padding-top: 6rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.big-hd-container.flex-different-aling {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.big-hd-container.gallery {
  width: 64%;
  height: auto;
  position: relative;
}

.div-block-73 {
  padding-top: 1.43rem;
}

.archit-text {
  margin-bottom: 0;
  font-size: 1.42rem;
  font-weight: 400;
  line-height: 130%;
}

.right-items-hd-padd {
  padding-left: 8rem;
  padding-right: 8rem;
}

.build-hd-img {
  width: 100%;
  height: 100%;
}

.slider-hd-block {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--_hydropark-deluxe---white);
  position: relative;
}

.accent-hd-color {
  color: var(--_hydropark-deluxe---accent);
}

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

.vertical-card {
  border: 1px solid #d8d8d8;
  border-radius: 16px;
  margin-top: 3rem;
  padding: 1.57rem;
}

.vertical-card.contact {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.big-multilink-logo-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.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;
}

.multi-hint {
  color: #a0a0a0;
  font-size: .7rem;
}

.multi-hint.black {
  color: var(--black);
  font-weight: 500;
}

.multilink-tabs-container {
  padding-top: 2.57rem;
}

.tab-multi {
  color: #a5a5a5;
  background-color: #0000;
  border-radius: 100px;
  margin-left: .1rem;
  margin-right: .1rem;
  font-size: .9rem;
}

.tab-multi.w--current {
  background-color: var(--_hydropark-deluxe---white);
  color: var(--black);
}

.tabs-menu-multilink {
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 100px;
  flex-flow: row;
  justify-content: space-between;
  width: 390px;
  display: flex;
}

.tab-multi-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-top: 2.14rem;
  display: flex;
}

.land-multilink {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 16px;
  justify-content: space-between;
  width: 100%;
  padding: 7px 20px 7px 7px;
  text-decoration: none;
  display: flex;
}

.logo-multi-container {
  background-color: var(--_vertical-colors---brand);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  padding: 10px;
  display: flex;
}

.info-landing-container {
  padding-top: 15px;
}

.landing-heading {
  font-size: 1.14rem;
  font-weight: 500;
}

.info-multilink {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.link-icon-multi {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.multilink-block {
  padding-bottom: 8.5rem;
}

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

.succ-container.centered {
  justify-content: center;
  align-items: center;
}

.succ-container.centered.red-color {
  color: var(--_hydropark-deluxe---white);
  background-color: #c20a25;
  border-radius: 12px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.succ-container.centered.white_color_bg {
  background-color: var(--white);
  color: var(--_hydropark-deluxe---white);
  border-radius: 12px;
  margin-bottom: 24rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

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

.build-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 12px;
  display: flex;
}

.build-info-item {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  display: flex;
}

.small-build-icon {
  width: 16px;
}

.adress-build-container {
  grid-column-gap: 1%;
  grid-row-gap: 1%;
  justify-content: space-between;
  display: flex;
}

.adress-build {
  grid-column-gap: 2.35rem;
  grid-row-gap: 2.35rem;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 2rem 1rem;
  display: flex;
}

.logo-container.big {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 208px;
  display: flex;
}

.logo-container.medium {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 166px;
  display: flex;
}

.logo-container.small {
  justify-content: center;
  align-items: center;
  width: 120px;
  display: flex;
}

.adress-buld-text {
  margin-bottom: 0;
  font-size: 1.42rem;
  font-weight: 500;
  line-height: 100%;
}

.adress-buld-text.centered {
  text-align: center;
}

.maps-links-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.21rem;
  display: flex;
}

.maps-button {
  background-color: var(--_vertical-colors---brand);
  background-image: url('../images/Group-492.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  width: 160px;
  padding: 14px 48px 14px 14px;
  text-decoration: underline;
}

.contact-info {
  width: 84px;
}

.email-item {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  padding-top: 36px;
  display: flex;
}

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

.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%;
}

.small-architect-line40 {
  border: 1px solid #d3d3d3;
  border-style: none solid solid none;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.small-architect-line60 {
  border: 1px #d3d3d3;
  border-bottom-style: solid;
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.big-architect-line40 {
  border: 1px solid #d3d3d3;
  border-style: none solid solid none;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.small-sl-line40 {
  border: 1px solid #1c363b;
  border-top: 1px #d3d3d3;
  border-left: 1px #d3d3d3;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.small-sl-line40.bottom-zero-line {
  border-bottom-style: none;
}

.hydropark-img-sl-container {
  padding-top: 1.78rem;
  padding-bottom: 6rem;
}

.small-sl-line60 {
  border: 1px #d3d3d3;
  border-bottom: 1px solid #1c363b;
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.concept-block {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--_hydropark-deluxe---white);
}

.hd-half-container-px {
  width: 380px;
}

.absolute-concept-img {
  z-index: 2;
  width: 242px;
  position: absolute;
  inset: -10% auto auto 30%;
}

.big-img-concept {
  padding-top: 1.71rem;
  position: relative;
}

.card-hd-planning {
  background-color: #f1f1f1;
  padding: 2.07rem 1.77rem;
}

.card-hd-planning.draft-color {
  border-style: solid;
  border-width: 2px 2px 1px;
  border-color: var(--grey-bg) var(--grey-bg) #1c363b33;
  background-color: #fdfdfc;
}

.flex-left-display {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hd-square {
  background-color: var(--_hydropark-deluxe---orange);
  width: 10px;
  height: 10px;
}

.heading-planning {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.43rem;
  font-weight: 500;
  line-height: 110%;
}

.hd-planning-img-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2.78rem;
  padding-bottom: 3.5rem;
  display: flex;
}

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

.area-container {
  flex-flow: column;
  display: flex;
}

.text-medium-planning {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.text-medium-planning.zero-padd {
  margin-bottom: 0;
}

.text-bold-planning {
  text-transform: none;
  font-size: 1.43rem;
  font-weight: 700;
}

.absolute-img-logo-container {
  width: 455px;
  position: absolute;
  inset: 30% 20% 0% auto;
}

.bg-lights {
  position: absolute;
  inset: -18% 0% 0% auto;
}

.cta-hd-block {
  color: var(--_hydropark-deluxe---white);
  background-color: #0e1c1f;
  margin-top: 17.86rem;
  position: relative;
}

.cta-hd-block.none {
  display: none;
}

.absolute-cta-hd-img {
  z-index: 2;
  width: 330px;
  position: absolute;
  inset: -30% auto auto 30%;
}

.consultation-hd-container {
  padding-bottom: 2rem;
}

.cta-txt-container {
  opacity: .68;
  padding-top: 17px;
}

.form-hd-container {
  z-index: 10;
  position: relative;
}

.form-hd-container.top-small-padd {
  z-index: 10;
  padding-top: 3rem;
  position: relative;
}

.field-hd {
  background-color: #0000;
  border: 1px solid #dbcb9d66;
  border-radius: 16px;
  padding: 2.15rem 25px;
}

.field-hd.dark {
  color: var(--black);
  border-color: #0e1c1f;
}

.field-hd.white-text {
  color: var(--_hydropark-deluxe---white);
}

.hint-hd-form {
  color: #dbcb9d;
  font-size: 10px;
}

.hint-hd-form.absolute {
  font-weight: 400;
  position: absolute;
  inset: 12% 5% auto auto;
}

.hint-hd-form.absolute.orange {
  color: var(--_hydropark-deluxe---orange);
}

.form-block-hd {
  position: relative;
}

.field-hd-relative {
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.submit-bttn-hd-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-bttn-hd-container.vertical-bttn {
  justify-content: space-between;
}

.form-hd-build {
  width: 60%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.mask-form-bg {
  background-image: url('../images/mask-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hd-gallery-block {
  position: relative;
}

._10precent-block {
  background-color: var(--milk);
  color: var(--white);
  border-bottom-right-radius: 0;
  position: relative;
}

._10precent-block.none {
  display: none;
}

.green-pf-10precent {
  background-color: var(--green);
  background-image: url('../images/10precent-img-1_1.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 176px;
  position: absolute;
  inset: 0%;
}

.big-precent-heading {
  font-family: Benzin, Arial, sans-serif;
  font-size: 4.28rem;
  font-weight: 600;
  line-height: 100%;
}

.precent-pf-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

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

.precent-left-flex {
  grid-column-gap: 1.21rem;
  grid-row-gap: 1.21rem;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 37px;
  display: flex;
}

.precent-small-hd {
  background-color: var(--milk);
  color: var(--black);
  border-radius: 6px;
  padding: 14px 24px;
}

.text-precent-hd {
  margin-bottom: 0;
  font-size: 1.14rem;
  font-weight: 500;
}

.precent-hd-adress {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: stretch;
  padding-top: 3.07rem;
  display: flex;
}

.precent-hd-text {
  margin-bottom: 5px;
  font-size: 1.42rem;
  line-height: 100%;
}

.precent-button-container {
  width: auto;
  padding-top: 37px;
}

.gallery-hd-img {
  width: auto;
  height: 630px;
  position: relative;
  overflow: hidden;
}

.hd-flex-left {
  justify-content: space-between;
  display: flex;
}

.gallery-hd-heading {
  text-transform: uppercase;
  font-size: 1.43rem;
  line-height: 110%;
}

.gallery-text-hd {
  color: #0e1c1fad;
}

.gallery-hd-items {
  width: 90%;
}

.hd-buying-block {
  z-index: 3;
  position: relative;
}

.big-hd-heading-container {
  padding-top: 55px;
}

.big-hd-heading-container.mob {
  display: none;
}

.hd-biggest-heading {
  text-transform: uppercase;
  font-size: 8.5rem;
  font-weight: 500;
  line-height: 100%;
}

.buing-hd-img {
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.price-hd-container {
  width: 60%;
}

.accent-hd-element {
  padding-bottom: 9px;
}

.name-hd-container.mob {
  display: none;
}

.advantages-hd {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 31px;
  display: flex;
}

.advanatges-items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 29px;
  padding-bottom: 51px;
  display: flex;
}

.icon-advantages-hg {
  justify-content: flex-start;
  align-items: center;
  width: 31px;
  display: flex;
}

.advantages-hd-item {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.hd-developer-block {
  position: relative;
}

.half-heading-container {
  width: 50%;
}

.half-heading-container.heading-hd-width {
  width: 60%;
}

.hd-flex-right {
  justify-content: space-between;
  display: flex;
}

.flex-developer-items {
  width: 75%;
  padding-top: 57px;
}

.hd-develop-heading {
  text-indent: 6rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 110%;
}

.developer-text-container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  padding-top: 56px;
  display: flex;
}

.hd-develop-txt {
  padding-top: 1.43rem;
}

.develop-hd-item {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 9px;
  display: flex;
}

.hd-form-block {
  position: relative;
}

.hd-form-block.dark {
  color: var(--_hydropark-deluxe---white);
  background-color: #0000;
  margin-top: 2rem;
  padding-top: 12rem;
}

.hd-form-absolute-img {
  width: 60%;
  height: auto;
  max-height: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hd-form-absolute-img.hydro-w {
  height: 100%;
}

.bg-form-absolute-hd {
  background-color: var(--_hydropark-deluxe---brand);
  background-image: url('../images/mask-2.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  min-width: 100%;
  max-width: 100%;
  position: absolute;
  inset: 12rem 0% 0%;
}

.hd-reviews-block {
  overflow: hidden;
}

.hd-faq {
  z-index: 3;
  background-color: #0000;
  border-bottom: 1px solid #bebebe66;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-bottom: .5rem;
  padding-bottom: 1rem;
  display: inline-block;
}

.hd-question-faq {
  z-index: 2;
  grid-column-gap: 0px;
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0 0 0;
  display: flex;
}

.hd-answer-faq {
  z-index: 1;
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-top: 0;
  padding-left: 1.5rem;
  padding-right: 6vw;
  display: none;
  position: relative;
  inset: auto 0% 30px auto;
  overflow: hidden;
}

.hd-answer-div {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-top: 1rem;
  padding-bottom: 0;
  display: flex;
}

.hd-footer-block {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--_hydropark-deluxe---white);
  margin-top: 13rem;
  position: relative;
}

.footer-half-hd {
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.footer-info-hd {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  width: 55%;
  display: flex;
}

.menu-one-copy {
  padding-top: 4rem;
}

.footer-logo-hd {
  width: auto;
}

.footer-policy-hd {
  justify-content: space-between;
  width: 50%;
  display: flex;
}

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

.policy-div-hd {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.footer-hd-form {
  color: var(--_hydropark-deluxe---brand);
  background-color: #f4f4f4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 45rem;
  padding: 4.37rem 2rem;
  display: flex;
  position: absolute;
  inset: -25% 0% 0% auto;
}

.hd-reviews-container {
  padding-top: 3.4rem;
}

.hd-review-text {
  font-size: 1.43rem;
  font-weight: 500;
  line-height: 100%;
}

.hd-process-block {
  background-color: var(--_hydropark-deluxe---brand);
  color: var(--_hydropark-deluxe---white);
  margin-top: 14.28rem;
  position: relative;
}

.absolute-process-img {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: -6% 0% auto;
}

.absolute-process-img.light {
  display: flex;
  top: -10%;
}

.absolute-process-atlant {
  width: 196px;
}

.scroll-box {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.scroll-box.first {
  margin-bottom: 0;
}

.scroll-box.two {
  margin-top: 0;
  display: none;
}

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

.scroll-content.right {
  width: 50%;
  padding-left: 30px;
  display: block;
}

.scroll-content.left {
  text-align: right;
  width: 50%;
  padding-left: 0;
  padding-right: 30px;
}

.scroll-text {
  color: #ffffff80;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  overflow: hidden;
}

.fill-line {
  background-color: #6c5afb;
  border-radius: 3px;
  width: 3.5px;
  height: 0%;
  position: absolute;
  inset: 0% 0% auto -2px;
}

.fill-line.v2 {
  background-color: var(--_hydropark-deluxe---accent);
  width: 2px;
  left: 0;
}

.scroll-inner-box {
  grid-row-gap: 40px;
  flex-direction: column;
  width: 50%;
  display: flex;
  position: relative;
}

.scroll-inner-box.full-width {
  width: 100%;
}

.circle {
  border: 1px solid var(--_hydropark-deluxe---accent);
  background-color: var(--_hydropark-deluxe---brand);
  box-shadow: none;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  position: absolute;
  inset: 10px auto auto -13.5px;
}

.circle.right {
  position: absolute;
  inset: 0% auto auto -15px;
}

.circle.left {
  left: auto;
  right: -15px;
}

.circle.mounth {
  border-color: #ffffff4d;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 0% auto auto -9px;
}

.fill-box {
  border: 2px dashed #eee;
  width: 1.8px;
  position: absolute;
  inset: 5% auto 0% 0%;
}

.fill-box.v2 {
  background-color: #ffffff80;
  border-style: none;
  width: 2px;
  top: 1%;
  left: 50%;
}

.fill-box.v2.two {
  top: 0%;
}

.line-animation {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.line-animation.scroll {
  width: auto;
  max-width: none;
}

.scroll-heading {
  color: #ffffff80;
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
}

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

.hd-big-progress {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.right-process-container {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.right-process-container.month {
  padding-bottom: 63px;
}

.right-process-container.month-double {
  padding-top: 43px;
  padding-bottom: 43px;
}

.right-process-container.top-padd {
  padding-top: 60px;
}

.right-process-container.last-process {
  padding-top: 43px;
  padding-bottom: 0;
}

.process-items {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.process-items.left {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.left-process-container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.mounth-heading {
  color: var(--_hydropark-deluxe---orange);
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

.small-mounth {
  border: 1px solid var(--_hydropark-deluxe---accent);
  background-color: var(--_hydropark-deluxe---accent);
  box-shadow: none;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  inset: 50% auto auto -3.5px;
}

.small-mounth.last {
  top: 5px;
  bottom: auto;
}

.div-block-78 {
  width: 50%;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-hd-logo {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 175px;
  display: flex;
  position: absolute;
}

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

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

.nav-hd-link {
  color: var(--_hydropark-deluxe---white);
  letter-spacing: .25px;
  text-transform: uppercase;
  mix-blend-mode: normal;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
}

.nav-hd-link:hover {
  color: var(--_hydropark-deluxe---accent);
}

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

.navbar-hd {
  z-index: 9999;
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-hd-menu {
  width: 100%;
  display: flex;
}

.hd-one-l {
  margin-left: 2rem;
  margin-right: 3rem;
}

.hd-header-bttn {
  justify-content: space-between;
  width: auto;
  display: flex;
}

.container-hd-header {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.hd-inf-header {
  border: 1px solid #22454d33;
  padding: 1.64rem;
}

.hd-inf-header.menu {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  background-color: #22454d33;
  border-bottom-color: #22454d33;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.hd-inf-header.phone {
  border-left-style: none;
  border-right-style: none;
}

.hd-inf-header.absolute-menu-close {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  background-color: #112226;
  border-bottom-color: #22454d33;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.nav-hd-icon {
  width: 21px;
}

.nav-hd-icon.menu {
  width: 26px;
}

.swiper-wrapper-hd.top-bighd-double-padd {
  padding-top: 15.42rem;
  padding-bottom: 5.91rem;
}

.header-and-progressbar-hd {
  width: 60%;
}

.header-and-progressbar-hd.flex {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.custom-progress-progress-1 {
  margin-top: 34px;
  margin-left: 8rem;
  margin-right: 8rem;
}

.custom-progress-progress-1.hd {
  background-color: #1c363b;
  width: 300px;
  max-width: none;
  height: 1px;
  position: relative;
}

.hd-arrow-absolute {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: -10% 5% auto auto;
}

.bar-1 {
  background-color: #dbcb9d;
  height: 1px;
  position: absolute;
}

.hd-logo-size {
  width: 132px;
}

.hd-logo-size-fppter {
  width: 175px;
}

.absolute-buing-img {
  position: absolute;
  inset: 0 0% auto auto;
}

._1hd-absolute {
  width: 144px;
  position: absolute;
  top: -100%;
}

._2hd-absolute {
  width: 144px;
  position: absolute;
}

._3hd-absolute {
  width: 144px;
  position: absolute;
  top: auto;
}

._4hd-absolute {
  width: 144px;
  position: absolute;
  top: -100%;
}

.logo-cta-mob {
  display: none;
}

.line-develop {
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  width: 50%;
  height: 300px;
  position: absolute;
  inset: 0% 0% auto;
}

.line-develop.left {
  border-bottom-style: none;
}

.line-develop.full {
  border-right-style: none;
  width: 100%;
}

.absolute-bottom-line {
  border-bottom: 1px solid #000;
  position: absolute;
  top: 10%;
}

.absolute-bottom-line.gallery {
  border-bottom-color: #1c363b33;
  width: 100%;
  top: 350px;
}

.sticky-gallery {
  background-color: var(--_hydropark-deluxe---white);
  justify-content: space-between;
  align-items: stretch;
  padding-top: 3px;
  padding-left: 2.86rem;
  display: flex;
  position: static;
  top: 22rem;
}

.testimonial-image {
  z-index: 5;
  object-fit: cover;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0%;
  width: 90px;
  height: 80px;
}

.client-title {
  color: #9c9c9c;
  text-align: left;
  font-size: .8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.client-name {
  text-align: left;
  margin-bottom: .3rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.card-info-wrap {
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 42px 35px;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.slider-left-arrow {
  color: #444;
}

.mask {
  position: static;
  overflow: visible;
}

.slide-content-wrapper {
  border: 1px solid #161616;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.slide-content-wrapper.frosted-glass {
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.slider-hd {
  background-color: #0000;
  width: 600px;
  height: auto;
  position: static;
}

.slider-wrapper-hd {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slide-nav {
  display: none;
}

.client-card-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.slider-right-arrow {
  color: #444;
}

.slider-icon {
  color: #fff;
  background-color: #2c2c2c85;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  font-size: 22px;
  display: flex;
}

.slider-icon.frosted-glass {
  mix-blend-mode: difference;
  width: 51px;
  height: 51px;
}

.loader_component {
  z-index: 99999;
  display: none;
  position: fixed;
  inset: 0%;
}

.loader_flex {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.loader_colums {
  background-color: #0e1c1f;
  border-left: 1px solid #ffffff14;
  border-right: .5px solid #ffffff14;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.popup-hd-build-widget {
  z-index: 99999999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.d-build-widget-bg {
  background-color: #0e1c1fe3;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.hd-widget-gplus-container {
  background-color: #0e1c1f;
  border-radius: 30px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.layout-iframe {
  width: 100%;
}

.close-widget {
  background-color: #0e1c1f;
  border-radius: 8px;
  padding: .5rem;
  position: absolute;
  inset: 4% 4% auto auto;
}

.sticky-header {
  flex-flow: column;
  justify-content: space-between;
  padding-left: 2.86rem;
  display: flex;
  position: relative;
  top: 1px;
}

.sticky-gallery-wrapper.top-bighd-padd {
  padding-top: 15.42rem;
  padding-bottom: 0;
}

.sticky-gallery-wrapper.top-bighd-padd.relative-200 {
  flex-flow: column;
  padding-top: 0;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

._5hd-absolute {
  width: 220px;
  height: 220px;
  position: absolute;
  top: -100%;
}

.circle-hd-proccess {
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

._7hd-absolute {
  width: 170px;
  height: 170px;
  position: absolute;
  top: 100%;
  right: 0%;
}

._6hd-absolute {
  width: 160px;
  height: 160px;
  position: absolute;
  top: -100%;
  left: 20%;
}

._8hd-absolute {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 150%;
  left: 5%;
}

.popup-hd-form {
  z-index: 999999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-hd-bg-form {
  cursor: pointer;
  background-color: #0e1c1f99;
  position: absolute;
  inset: 0%;
}

.popup-form {
  color: var(--_hydropark-deluxe---brand);
  background-color: #f4f4f4;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 60%;
  max-width: 840px;
  height: auto;
  max-height: 750px;
  padding-bottom: 6rem;
  padding-left: 10rem;
  padding-right: 10rem;
  display: flex;
  position: relative;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.popup-form.hydro {
  padding-bottom: 3rem;
}

.popup-logo-hd {
  width: 166px;
  margin-top: 4rem;
  padding-bottom: 3rem;
  position: relative;
}

.close-popup-hd-from {
  position: absolute;
  inset: 5% 5% auto auto;
}

.logo-popup-hd {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-hd-popup {
  z-index: 999999;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff4d;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  height: 70%;
  padding: 4rem 3rem;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.flex-hd-menu-info {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo-small-info {
  width: 180px;
}

.menu-info-link {
  color: var(--_hydropark-deluxe---brand);
  text-align: center;
  font-size: 1rem;
  text-decoration: none;
}

.thanks-hd-block {
  color: #0e1c1f;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.small-hd-thanks {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.bttn-full-container {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.full-open-bttn {
  color: #000;
  background-color: #e9e7bc;
  font-size: .8rem;
  font-weight: 500;
}

.spacer80 {
  height: 80px;
}

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

.container-small {
  width: 100%;
  max-width: 936px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer-form-block {
  max-width: 456px;
  margin-bottom: 0;
}

.icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.feature-caption {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff05;
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  flex: none;
  align-items: center;
  padding: 8px 12px 8px 10px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0a;
}

.cta-badge.empty {
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex: 1;
  margin-right: -8px;
}

.container-regular {
  width: 100%;
  max-width: 984px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-regular.flex {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.carousel-container-lines {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 112px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.feature-button-small {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--black);
  cursor: pointer;
  background-color: #e9e7bc;
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4px 10px 4px 8px;
  font-size: 12px;
  line-height: 1.7;
  transition: all .3s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0f;
}

.feature-button-small:hover {
  color: var(--white);
  background-color: #ffffff0a;
  border-color: #fff3;
}

.text-block-2 {
  font-size: 14px;
  line-height: 1.7;
}

.label-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
}

.footer-container-lines {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 48px;
  position: relative;
}

.logo-group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-lines-legal {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 48px;
  position: relative;
}

.title-large {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 744px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-wrap {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #0707093d;
  background-image: linear-gradient(#ffffff05, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 24px;
  max-width: none;
  padding: 4px;
  position: relative;
  overflow: hidden;
}

.icon-line {
  z-index: 4;
  background-image: linear-gradient(90deg, var(--_vertical-colors---secondary), var(--_vertical-colors---accent-brand));
  box-shadow: 0 33px 80px 0 var(--_vertical-colors---secondary), 0 16px 40px 0 var(--_vertical-colors---brand), 0 10px 24px 0 var(--_vertical-colors---secondary), 0 12px 24px 0 var(--_vertical-colors---brand), 0 4.2px 10.5px 0 var(--_vertical-colors---secondary), 0 2.5px 6.25px 0 var(--_vertical-colors---brand), 0 1.5px 3.6px 0 var(--_vertical-colors---secondary), 0 .66px 1.6px 0 var(--_vertical-colors---brand);
  pointer-events: none;
  width: 24px;
  height: 1px;
  position: absolute;
  inset: 0% auto auto;
}

.video-container-lines {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.grid-two-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.footer-contact-details {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.feature-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #1b1b1d;
  border-radius: 12px 12px 20px 20px;
  flex-direction: column;
  align-items: stretch;
  padding: 28px 34px;
  display: flex;
}

.input-icon {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.icon-blur {
  z-index: 0;
  pointer-events: none;
  position: absolute;
}

.linear-border {
  z-index: 0;
  pointer-events: none;
  border-radius: 12px 12px 6px 6px;
  position: absolute;
  inset: 0%;
}

.linear-border.cta-border {
  z-index: 3;
  border-radius: 8px;
}

.carousel-group {
  flex-direction: row;
  flex: none;
  align-items: stretch;
  display: flex;
}

.video-lightbox-wrapper {
  background-image: url('../images/Video_1Video.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 984px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 540px;
  display: flex;
  position: relative;
}

.nav-container-lines {
  width: 100%;
  max-width: none;
  padding: 26px 48px;
  position: relative;
}

.button-background {
  z-index: 0;
  pointer-events: none;
  background-color: #ffffff08;
  border-radius: 99px;
  position: absolute;
  inset: 0%;
}

.feature-card {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #0707093d;
  background-image: linear-gradient(#ffffff05, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  padding: 4px;
  display: flex;
  position: relative;
}

.wrap-v-xlarge {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.cta-button-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.video-lightbox-link {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 100%;
  padding: 36px;
  transition: transform .3s;
  position: absolute;
  box-shadow: inset 0 -16px 24px #ffffff1a;
}

.video-lightbox-link:hover {
  transform: scale(1.2);
}

.nav-container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr .3fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.container-x-small {
  width: 100%;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-feature-line {
  z-index: 40;
  background-image: linear-gradient(to right, #fce48d, #b98dfc);
  width: 32px;
  height: 2px;
  position: absolute;
  inset: 1px auto auto 24px;
  box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}

.headline-regular {
  color: #6a6a6b;
  letter-spacing: -.04px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}

.image-wrap-border {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #1b1b1d;
  border-radius: 12px 12px 20px 20px;
  flex-direction: column;
  align-items: stretch;
}

.logo-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hint {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #6a6a6b;
  align-items: center;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.error-message-2 {
  background-color: #0000;
  margin-top: 12px;
  padding: 0;
}

.button-bg {
  pointer-events: none;
  display: none;
}

.feature-icon {
  z-index: 2;
  flex: none;
  width: 22px;
  height: 22px;
  position: relative;
}

.home-lights {
  z-index: 98;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.footer-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.faq-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #ffffff1f;
  background-image: linear-gradient(#ffffff14, #8e78b014);
  border: 1px solid #ffffff0f;
  border-radius: 40px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.7;
  transition: all .3s;
  box-shadow: inset 0 .75px .75px #ffffff29, inset 0 0 1px #ffffff1f;
}

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

.linear-code {
  display: none;
}

.nav-button-group {
  align-items: center;
  display: flex;
}

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

.footer-legal-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.secondary-button {
  z-index: 2;
  -webkit-backdrop-filter: blur(120px);
  backdrop-filter: blur(120px);
  color: var(--black);
  background-color: #e9e7bc;
  background-image: linear-gradient(#ffb0121a, #01283c1a);
  border: 4px solid #070707;
  border-radius: 99px;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.7;
  position: relative;
  box-shadow: inset 0 .75px .75px #ffffff29, inset 0 1px #ffffff1f;
}

.footer-column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.circle-dash-border {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-side {
  border-radius: 8px;
  width: 100%;
  max-width: 380px;
  padding: 44px 1px 44px 44px;
  position: relative;
  overflow: hidden;
}

.carousel-wrapper {
  align-items: center;
  width: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  left: 10px;
}

.faq-dropdown-list {
  background-color: #0000;
  display: block;
  position: relative;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 55px;
  height: auto;
  transition: color .2s;
  display: flex;
}

.feature-line {
  background-image: linear-gradient(90deg, #e9e7bc 42%, var(--_vertical-colors---accent-brand) 100%, #01283c 100%, #01283c);
  width: 48px;
  height: 2px;
  position: absolute;
  inset: 1px auto auto 40px;
  box-shadow: 0 33px 80px #e9e7bc, 0 16px 40px #01283c, 0 10px 24px #e9e7bc, 0 12px 24px #01283c, 0 4.2px 10.5px #e9e7bc, 0 2.5px 6.25px #01283c, 0 1.5px 3.6px #e9e7bc, 0 .66px 1.6px #01283c;
}

.footer-side {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 296px;
  display: flex;
}

.feature-text-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 20px 20px;
  display: flex;
}

.container-lines-regular {
  z-index: 1;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 48px;
  position: relative;
}

.hint-link {
  color: #fff;
  font-size: 12px;
  line-height: 1.7;
}

.footer-legal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.header-center-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.carousel-item-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.nav-logo {
  height: 32px;
}

.error-inner {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.full-page {
  position: relative;
  overflow: hidden;
}

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

.gradient-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffa3);
  -webkit-background-clip: text;
  background-clip: text;
}

.lines-group {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.wrap-v-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.noise {
  z-index: 99999;
  opacity: .22;
  pointer-events: none;
  background-image: url('../images/Noise.png');
  background-position: 0 0;
  background-size: 1440px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.faq-answer {
  padding-left: 24px;
  padding-right: 64px;
  position: relative;
  top: -20px;
}

.hero-badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 99px;
  align-items: center;
  padding: 4px 8px 4px 6px;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.wrap-v-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.3;
}

.paragraph-regular.opacity70 {
  opacity: .7;
}

.circle-background {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #070707;
  background-image: linear-gradient(#ffffff0a, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 12px 12px 24px 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 4px 6px 4px 4px;
  display: flex;
}

.logo {
  cursor: pointer;
  flex: none;
  width: 32px;
  height: 32px;
  transition: all .3s;
}

.logo:hover {
  transform: scale(1.15);
}

.logo.partners {
  width: 82px;
}

.logo.part {
  width: 48px;
}

.feature-heading {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 36px 24px;
  display: flex;
}

.integration-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 96px;
  display: flex;
  position: relative;
}

.headline-small {
  letter-spacing: -.03px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.footer-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #6a6a6b;
  align-items: center;
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-link:hover {
  color: #a6a6a6;
}

.minus {
  z-index: 0;
  opacity: 0;
  width: 24px;
  height: 24px;
  position: absolute;
}

.label-regular {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}

.line-vertical-left {
  z-index: 1;
  background-color: #1b1b1d;
  width: 1px;
  height: auto;
  position: absolute;
  inset: 4.5px auto 0% 0%;
}

.h4-heading {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.25;
}

.badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff05;
  border: 1px solid #ffffff0f;
  border-radius: 99px;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.horizontal-divider-dash {
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
}

.horizontal-divider-dash.feature {
  margin-top: 26px;
  margin-bottom: 6px;
}

.cta-overlay {
  z-index: 3;
  background-image: linear-gradient(to right, #14141700, #101013);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 16px;
  width: 20%;
  position: absolute;
  inset: 1px 0 1px auto;
}

.carousel-holder {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.carousel-holder.reverse {
  justify-content: flex-end;
}

.carousel-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #a6a6a6;
  background-color: #0707093d;
  background-image: linear-gradient(#ffffff05, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 12px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 168px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 18px 20px;
  font-size: 12px;
  line-height: 1.7;
  display: flex;
}

.wrap-h-xsmall {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.wrap-h-xsmall.wrap-child {
  flex-wrap: wrap;
}

.cta-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #070707;
  border: 1px solid #1b1b1d;
  border-radius: 12px;
  flex-direction: column;
  padding: 16px 24px 24px;
  position: relative;
}

.cta-feature.last {
  border-top-right-radius: 24px;
}

.cta-feature.first {
  border-top-left-radius: 24px;
}

.feature-image {
  z-index: 2;
  border-radius: 12px 12px 6px 6px;
  position: relative;
  overflow: hidden;
}

.footer-line {
  z-index: 40;
  background-image: linear-gradient(to right, #fce48d, #b98dfc);
  width: 40px;
  height: 2px;
  position: absolute;
  inset: -96px auto auto 0;
  box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #bb8ffca3, 0 10px 24px #fce48f7a, 0 12px 24px #bb8ffc8f, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #bb8ffc40, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #bb8ffc24;
}

.success-message {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
}

.carousel-overlay {
  pointer-events: none;
  background-image: linear-gradient(to right, #070707, #07070700 15% 85%, #070707);
  position: absolute;
  inset: 0%;
}

.integration-circle-inner {
  z-index: 2;
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  text-align: center;
  background-color: #0707093d;
  background-image: linear-gradient(#00000005, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 262px;
  height: 262px;
  display: flex;
  position: relative;
  box-shadow: 0 0 1px 32px #ffffff0a, 0 12px 40px #000000b8;
}

.content-container-lines {
  z-index: 5;
  background-image: url('../images/bg-in-1.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1128px;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 48px;
  position: relative;
}

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

.faq-question {
  grid-column-gap: 16px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation-link {
  color: #fff;
  border-radius: 40px;
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.7;
  transition: all .3s;
}

.navigation-link:hover {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff0f;
}

.navigation-link.w--current {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #fff;
  background-color: #ffffff0f;
}

.integration-circle {
  border-radius: 100%;
  padding: 32px;
  position: absolute;
  inset: auto;
}

.h-form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.feature-container-lines {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
  padding: 112px 48px 40px;
  position: relative;
}

.integration-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 552px;
  margin-bottom: 96px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrap-h-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.light-wrap {
  width: 100%;
  min-width: 1440px;
  position: relative;
}

.wrap-v-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.content-form-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.plus {
  width: 24px;
  height: 24px;
}

.section-2 {
  z-index: 2;
  padding-bottom: 1px;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
}

.cta-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 550px;
  padding-top: 44px;
  padding-bottom: 44px;
  padding-left: 44px;
  display: flex;
}

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

.faq-toggle {
  z-index: 2;
  width: 100%;
  padding: 24px;
}

.grid-v-full-right {
  z-index: 1;
  background-color: #1b1b1d;
  width: 1px;
  height: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.feature-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 456px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-line {
  background-image: linear-gradient(90deg, #fce48d, #00aeef);
  width: 120px;
  height: 2px;
  position: absolute;
  inset: auto auto -34px 0%;
  box-shadow: 0 33px 80px #fce48f99, 0 16px 40px #00aeef, 0 10px 24px #fce48f7a, 0 12px 24px #00aeef, 0 4.2px 10.5px #fce48f4d, 0 2.5px 6.25px #00aeef, 0 1.5px 3.6px #fce48f33, 0 .66px 1.6px #00aeef;
}

.footer-main {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 680px;
  display: flex;
}

.wrap-h-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.line-vertical-right {
  z-index: 1;
  background-color: #1b1b1d;
  width: 1px;
  height: auto;
  position: absolute;
  inset: 4.5px 0% 0% auto;
}

.faq-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.container-lines-large {
  z-index: 5;
  width: 100%;
  max-width: 1128px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 48px;
  position: relative;
}

.container-lines-large.overflow {
  overflow: hidden;
}

.hero-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 610px;
  display: flex;
}

.form-block-6 {
  margin-bottom: 0;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.feature-card-small {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #0707093d;
  background-image: linear-gradient(#ffffff05, #fff0);
  border: 1px solid #1b1b1d;
  border-radius: 16px;
  padding: 4px;
  position: relative;
}

.grid-v-full-left {
  z-index: 1;
  background-color: #1b1b1d;
  width: 1px;
  height: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.footer-contact-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6a6a6b;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.footer-contact-link:hover {
  color: #a6a6a6;
}

.feature-image-wrap {
  position: relative;
}

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

.footer-links {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 432px;
  display: flex;
}

.line-dot {
  z-index: 5;
  background-color: #0d0d11;
  border: 1px solid #1b1b1d;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
}

.line-dot.top-right {
  inset: -4.5px -4.5px auto auto;
}

.line-dot.bottom-right {
  inset: auto -4.5px -4.5px auto;
}

.line-dot.top-left {
  inset: -4.5px auto auto -4.5px;
}

.line-dot.bottom-left {
  inset: auto auto -4.5px -4.5px;
}

.line-horizontal {
  z-index: 0;
  pointer-events: none;
  background-color: #1b1b1d;
  width: 100vw;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-field {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  background-color: #ffffff03;
  border: 1px solid #ffffff1f;
  border-radius: 40px;
  min-height: 36px;
  margin-bottom: 0;
  padding: 6px 10px 6px 32px;
  font-size: 12px;
  line-height: 1.7;
  box-shadow: inset 0 -4px 12px #ffffff0f;
}

.text-field:focus {
  border-color: #ffffff3d;
}

.text-field::placeholder {
  color: #6a6a6b;
}

.wrap-v-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.wrap-v-small.align-v-l {
  justify-content: flex-start;
  align-items: flex-start;
}

.button-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--_vertical-colors---secondary);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  color: var(--black);
  text-align: center;
  background-image: linear-gradient(#ffb01214, #01283c1a);
  border-radius: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  text-decoration: none;
  transition: all .3s;
  box-shadow: inset 0 1px .75px #ffffff29, inset 0 0 1px #ffffff1f;
}

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

.cta-badge-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-right: -2px;
  display: flex;
}

.feature-badge {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
  background-color: #ffffff0a;
  border: .8px solid #ffffff1a;
  border-radius: 40px;
  align-items: center;
  padding: 2px 8px 2px 6px;
  font-size: 12px;
  line-height: 1.7;
  transition: color .2s, opacity .2s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff1a;
}

.feature-badge:hover {
  color: #fff;
  border-color: #ffffff29;
}

.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;
}

.h6-heading {
  color: #fff;
  letter-spacing: -.1px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.text-color-white {
  color: #fff;
}

.feature-card-buton-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  width: 100%;
  display: flex;
}

.max-width-x-small {
  width: 100%;
  max-width: 440px;
}

.max-width-x-small.spacing-c {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.feature-button {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #fff;
  cursor: pointer;
  background-color: #ffffff05;
  border: .8px solid #ffffff0f;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.7;
  transition: all .3s;
  display: flex;
  box-shadow: inset 0 -4px 12px #ffffff0f;
}

.feature-button:hover {
  background-color: #ffffff0a;
  border-color: #fff3;
}

.h3-heading {
  color: #fff;
  letter-spacing: -.17px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.footer-base-link {
  color: #6a6a6b;
  font-size: 12px;
  line-height: 1.7;
  text-decoration: none;
  transition: all .3s;
}

.footer-base-link:hover {
  color: #a6a6a6;
}

.icon-wrap {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #ffffff03;
  border: 1px solid #ffffff0a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 13px;
  display: flex;
  position: relative;
  box-shadow: inset 0 -4px 8px #ffffff0f;
}

.navbar {
  z-index: 97;
  background-color: #0000;
  padding-left: 3%;
  padding-right: 3%;
}

.paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.7;
}

.paragraph-small.opacity50 {
  opacity: .4;
}

.carousel {
  flex: none;
  align-items: center;
  display: flex;
}

.carousel.reverse {
  justify-content: flex-end;
}

.body-dark {
  background-color: var(--_hydropark-deluxe---black);
  color: var(--_hydropark-deluxe---white);
}

.invest-nubrs {
  color: var(--white);
  margin-bottom: 5px;
  font-size: 1.5rem;
  line-height: 100%;
}

.div-block-79 {
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-2 {
  width: 420px;
}

.background-video {
  opacity: .2;
  width: 100%;
  max-width: 460px;
  height: 400px;
  max-height: none;
  margin-left: 4rem;
}

.logo-pageer {
  width: 320px;
}

.logo-invest {
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 86px;
  padding: 10px;
  display: flex;
}

.image-3 {
  object-fit: cover;
  height: 600px;
}

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

.img-build {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.tab-close-wrapper {
  background-image: linear-gradient(270deg, var(--_vertical-colors---brand) 53.65%, var(--_vertical-colors---brand));
  margin-right: 3px;
  padding: 16px 21.16px 16px 22px;
  position: absolute;
  right: 0;
}

.tab-icon {
  width: 40px;
  margin-right: 16px;
}

.tab-icon.urbn, .tab-icon.hydro, .tab-icon.vertical {
  width: 60px;
}

.tab {
  align-items: center;
  width: 348px;
  position: absolute;
}

.tab.vertical {
  z-index: 1;
  width: 400px;
  bottom: -137px;
  right: 0;
}

.tab.twitt {
  z-index: 4;
  width: 320px;
}

.tab.urbn {
  z-index: 3;
  width: 240px;
  bottom: -136px;
  left: 143px;
}

.tab.hydro {
  z-index: 2;
  width: 362px;
  left: 390px;
}

.tab.findtrend {
  position: relative;
}

.arrow-svg {
  opacity: 0;
  width: 42px;
  position: relative;
  left: -7px;
  overflow: hidden;
}

.arrow-svg.left {
  opacity: 0;
  transform-style: preserve-3d;
}

.arrow-svg.left.mob {
  display: none;
}

.arrow-svg.right {
  opacity: 0;
  height: 34px;
  left: auto;
  right: -52px;
}

.arrow-svg.right.mob {
  display: none;
}

.image-4 {
  margin-top: -5px;
}

.tab-content-wrapper {
  background-color: var(--_vertical-colors---brand);
  border-radius: 10px;
  align-items: center;
  padding: 25px 23px 25px 40px;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 10px #e9e7bc08;
}

.tab-content-wrapper.hydro {
  padding: 16px 36px 16px 22px;
  transform: rotate(-2deg);
}

.tab-content-wrapper.pin {
  padding: 16px 22px;
  transform: rotate(2deg);
}

.tab-content-wrapper.dribb {
  padding: 16px 22px;
  transform: rotate(4deg);
}

.tab-content-wrapper.porto {
  padding: 16px 22px;
  transform: rotate(-4deg);
}

.tab-content-wrapper.vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #c20a25;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 16px 40px;
  transform: rotate(4deg);
}

.tab-wrapper {
  max-width: 1077px;
  margin-top: 95px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.tab-wrapper.none {
  display: none;
}

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

.cropper.friday-centered {
  text-align: center;
}

.tab-txt {
  opacity: .93;
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.txt-xxl {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 900;
  line-height: 80px;
}

.close-tab {
  cursor: pointer;
}

.txt-m {
  color: #000;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 22px;
}

.txt-m.mw-666 {
  text-align: center;
  max-width: 666px;
  margin-left: auto;
  margin-right: auto;
}

.txt-m.mw-666.none-mob.frd-small-txx {
  font-size: 14px;
  line-height: 18px;
}

.txt-m.white-txt {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}

.txt-m.white-txt.red {
  color: #c20a25;
}

.friday-half-txt {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-right: 2rem;
  display: flex;
}

.friday-half-txt._2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.friday-img-container {
  width: 50%;
  position: relative;
  inset: 10% 0% 0% auto;
}

.radius10 {
  border-radius: 10px;
}

.tab-icon-2 {
  width: 160px;
}

.tab-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 80px;
  display: inline-block;
}

.tab-box.mb-60 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-decoration: none;
  position: relative;
}

.sfd-wrapper {
  position: absolute;
  bottom: 73px;
  left: -140px;
}

.yjn-wrapper {
  position: absolute;
  top: 61px;
  right: -125px;
}

.tab-txt-2 {
  opacity: .93;
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.txt-xxl2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 900;
  line-height: 100%;
}

.txt-xxl2.small {
  font-size: 32px;
}

.txt-xl {
  margin-top: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.txt-xl.mw-1160 {
  font-size: 36px;
  line-height: 38px;
}

.txt-xl.mw-1160.centered {
  text-align: center;
}

.txt-xl.mw-1160.centered.small {
  font-size: 32px;
  line-height: 34px;
}

.txt-xl.mw-1160.centered.small.black {
  color: var(--black);
}

.txt-description {
  font-family: Grandisextended, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.friday-img {
  background-color: var(--_vertical-colors---brand);
  background-image: url('../images/DSC08453-1.webp'), url('../images/DSC08383-1-1.webp');
  background-position: 50%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 134px;
  border-bottom-left-radius: 10px;
  width: 50%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tg-bot {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.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.red-bg {
  background-image: linear-gradient(135deg, #c20a25 2%, #28272800 25%, #0b0a0b00 83%, #c20a25 96%);
}

.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;
}

.description-list {
  grid-column-gap: 15px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  min-width: 100%;
  padding-top: 2px;
  padding-bottom: 30px;
  display: flex;
}

.description__item {
  z-index: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--black);
  background-color: #f8f8f8;
  background-image: none;
  background-size: auto;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 240px;
  min-width: 32%;
  max-width: none;
  padding: 36px 26px;
  display: flex;
  position: relative;
}

.description-item-string {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 16px;
  line-height: 22px;
}

.dedscription-text {
  opacity: .6;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 120%;
  position: relative;
}

.description-list-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

.description-list-wrapper.designer-scroll {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.red-chek.w--redirected-checked {
  background-color: #c20a25;
  border-color: #c20a25;
}

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

.link {
  font-size: 12px;
  text-decoration: none;
  position: relative;
  overflow: clip;
}

.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;
}

.black_friday_banner {
  z-index: 99999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fbfbfb80;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.black_img_multi {
  background-image: none;
  background-size: auto;
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.black_img_multi.multi {
  width: auto;
}

.frd_content {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
  position: relative;
}

.frd_content.porto {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.frd_width {
  justify-content: flex-start;
  align-items: center;
  width: 600px;
  display: flex;
}

.frd_width.porto {
  width: 440px;
}

.frd_caps_heading {
  text-transform: uppercase;
  font-size: 55px;
  line-height: 110%;
}

.frd_caps_heading.porto {
  font-family: Benzin, Arial, sans-serif;
  font-size: 42px;
  font-weight: 600;
}

.frd_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.frd-txt {
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.frd-txt.small-h {
  margin-bottom: 0;
  line-height: 22px;
}

.frd-accent-txt {
  color: #c20a25;
  font-size: 32px;
  font-weight: 700;
}

.frd-half-container {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 5rem;
  display: flex;
}

.frd-half-container.porto {
  padding-top: 10px;
  padding-left: 0;
}

.bold34 {
  font-size: 34px;
}

.div-block-87 {
  color: var(--white);
  background-color: #161616;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  display: flex;
}

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

.frd-multi_chek.w--redirected-checked {
  background-color: #c20a25;
  border-color: #c20a25;
}

.cover_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.close_frd_banner {
  z-index: 9999999;
  position: absolute;
  inset: 5% auto auto 5%;
}

.close_frd_banner.porto {
  inset: 5% 5% auto auto;
}

.red-frd-color {
  color: #c20a25;
}

.frd_icon {
  width: 40px;
}

.frd_icon.porto {
  width: 30px;
}

.div-block-88 {
  background-color: #c20a25;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: .5rem;
  display: flex;
}

.frd-banner-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.frd-banner-container.porto {
  align-items: stretch;
}

.bttn-red {
  background-color: #c20a25;
  border-radius: 20px;
  padding: 26px 48px;
}

.bttn-red.full {
  flex: 1;
}

.fixed-red-bttn {
  background-color: #c20a25;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  font-size: .8rem;
  line-height: 100%;
  display: flex;
}

.black-friday-red {
  background-color: #c20a25;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.black-friday-red.top-absolute-frd {
  inset: 0% 0% auto;
}

.wht-txt-frd {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 22px;
}

.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;
}

.custom-cursor {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border-radius: 10000px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
}

.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);
}

.div-block-94 {
  padding-top: 2rem;
}

.logo-slider-container-2 {
  background-color: #ffb012;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.logo-slider-container-2.bottom {
  z-index: 90;
  background-color: #01283c;
  text-decoration: none;
  inset: auto 0% 0%;
}

.logo-slider-container-2.bottom.pass-utm-link.red {
  background-color: #fff;
}

.fixed-information {
  z-index: 99999999;
  background-color: #fff;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

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

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

.button-4 {
  background-color: #f55627;
  background-image: url('../images/-_-1.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 21px 50% 21px 10px;
  font-size: 1rem;
  font-weight: 500;
  display: block;
}

.button-4.red {
  background-color: #c20a25;
  background-image: url('../images/-_-3.svg');
  background-position: 15%;
  border-radius: 20px;
  height: 86px;
  padding-left: 26px;
  padding-right: 26px;
}

.button-4.red.frd-land {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 26px 48px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.error-centered {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  display: flex;
}

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

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

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

.none {
  display: none;
}

.winter-form {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
}

.grid {
  grid-template-rows: auto;
  position: relative;
}

.hero-winter-block {
  background-color: var(--green);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  min-height: 839px;
  display: flex;
  position: relative;
}

.hero-winter-block.none {
  display: none;
}

.hero-winter-img {
  background-image: url('../images/a2.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: none;
  position: absolute;
  inset: 0%;
}

.small-hero-winter {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.86rem;
  padding-right: 3%;
  display: flex;
}

.h1-p-winter {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 86px;
  font-weight: 600;
  line-height: 100%;
}

.txt-p-container {
  padding-top: 1rem;
  padding-right: 10%;
}

.hero-p-winter {
  width: 50%;
  padding-right: 5%;
}

.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%;
}

.absolute-small {
  z-index: 2;
  width: 220px;
  position: absolute;
  bottom: auto;
  left: 30%;
  right: auto;
}

.field-u-relative {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.field-hd-2 {
  background-color: #0000;
  border: 1px solid #dbcb9d66;
  border-radius: 16px;
  padding: 2.15rem 25px;
}

.field-hd-2.white-text {
  color: #fff;
}

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

.checkbox-2.w--redirected-checked {
  background-color: #f55627;
  border-color: #f55627;
}

.hd-gallery-full {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  display: flex;
}

.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-container.absolute {
  z-index: 9999;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5vw;
  padding-left: 3vw;
  padding-right: 3vw;
  position: absolute;
  inset: auto 0% 0%;
}

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

.opacity80 {
  opacity: .75;
}

.multi-info-txt {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.adress-multi {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 4vw;
  display: flex;
}

.img-adress {
  width: auto;
  height: 100px;
}

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

.line-top-txt-animation.top {
  z-index: 90;
  background-color: var(--_vertical-colors---brand);
  text-decoration: none;
  inset: 0% 0% auto;
}

.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;
}

.txt-line-top.white-txt {
  color: #fff;
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 12px;
}

.txt-line-top.white-text {
  color: var(--white);
  text-transform: uppercase;
  font-size: 10px;
}

._18plus-popup {
  z-index: 9999999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-information {
  background-color: var(--_vertical-colors---brand);
  color: var(--white);
  justify-content: space-between;
  width: 95%;
  max-width: 1440px;
  max-height: 700px;
  display: flex;
  position: relative;
}

.popup-information.birhday-porto-bg {
  background-color: #181818;
  height: 95%;
  max-height: 840px;
}

.popup-information.hydro-birhday-bg {
  background-color: var(--trasparent);
  background-image: url('../images/hydro-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
}

.popup-information.multi-birhday-bg {
  background-color: var(--trasparent);
  background-image: url('../images/multi-bg.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  height: 90%;
}

.popup-information.hd_overflow {
  overflow: hidden;
}

.popup-information.urbn_color-copy {
  background-color: #181818;
  background-image: radial-gradient(circle at 0 100%, #005c6c, #fff0 42%);
  justify-content: space-between;
  align-items: center;
  height: 95%;
}

.logo-info-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.logo-info-container.centered.birhday-padd {
  padding-left: 4vw;
  padding-right: 4vw;
}

.logo-img-container.hd {
  width: 160px;
}

.button-info-tel {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: var(--white);
  background-color: #ffffff1c;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  padding: 3px 7px 3px 12px;
  text-decoration: none;
  display: flex;
}

.newyears-txt {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
  position: relative;
}

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

.new-txt.centered {
  width: 100%;
}

.new-txt.padd-brdht {
  padding-left: 3vw;
  padding-right: 3vw;
}

.text-years {
  margin-bottom: 0;
  font-size: 12px;
}

.text-years-big {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
}

.precent-newyers-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.porto-precent {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--orange);
  color: var(--black);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 7px 4px;
  display: flex;
}

.porto-precent.red {
  background-color: #e51717;
  border-radius: 32px;
}

.precent-flex {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.new-years-form {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  width: 400px;
  padding-bottom: 4vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
}

.new-years-form.hydro {
  justify-content: center;
  align-items: center;
  padding-bottom: 2vw;
}

.new-years-form.urbn-width {
  width: 400px;
  position: relative;
}

.close-p {
  position: absolute;
  inset: 3% 3% auto auto;
}

.popup-bg-years {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1c;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hydro-precent {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--_vertical-colors---secondary);
  color: var(--black);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding: 7px 7px 4px;
  display: flex;
}

.blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 1000px;
}

.hydro-popup-absolute-img {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hydro-popup-absolute-img.hd_all {
  bottom: -9%;
}

.absolute-img {
  width: 206px;
}

.button-urbn {
  color: #005c6c;
  background-color: #e9e7bc;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .5vw;
  padding: 2.4vw 4vw;
  font-size: clamp(13px, 1.3889vw, 18px);
  font-weight: 500;
  display: flex;
}

.field-urbn {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  background-color: #1515154f;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  padding: 2.15rem 25px;
}

.chek-urbn {
  background-color: #0000;
  border: 1px solid #000;
}

.chek-urbn.w--redirected-checked {
  border-color: var(--black);
  background-color: var(--black);
}

.winter-multi-form {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
  inset: 0% auto 0% 0%;
}

.vertical-precent {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--_vertical-colors---secondary);
  color: var(--black);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 7px 7px 4px;
  display: flex;
}

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

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

.hero-popup {
  z-index: 9999999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.birhday-info {
  width: 50%;
  max-width: 312px;
}

.birhday-txt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.birhday-txt.umova {
  justify-content: center;
  align-items: flex-start;
  padding-top: 1vw;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.birhday-txt.umova.none {
  display: none;
}

.birhday-txt.no-space {
  padding-left: 0;
  padding-right: 0;
}

.div-block-96 {
  padding-top: 22px;
}

.brthd-big {
  font-size: 22px;
  line-height: 110%;
}

.brthd-big.center-txt {
  text-align: center;
}

.brthd-big.center-txt.big {
  font-size: 24px;
}

.brdht-medium {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 115%;
}

.brdht-medium.white-txt {
  color: var(--white);
}

.opacity-60 {
  opacity: .6;
}

.brdht-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
}

.brdht-small.left {
  text-align: left;
  margin-bottom: 0;
  font-size: 9px;
}

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

.checkbox-red.w--redirected-checked {
  background-color: #e51717;
  border-color: #e51717;
}

.birhday-form {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  width: 330px;
  margin-top: 7px;
  padding-bottom: 1vw;
  padding-left: .3vw;
  padding-right: .3vw;
  display: flex;
}

.birhday-form.block {
  padding-bottom: 4vw;
}

.button-red-porto {
  background-color: #e51717;
  background-image: url('../images/-_-1.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 21px 50% 21px 10px;
  font-size: .8rem;
  font-weight: 500;
  display: block;
}

.umova-flex {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border-top: 1px solid #ffffff0f;
  border-bottom: 1px #ffffff0f;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 11px;
  padding-top: 11px;
  display: flex;
}

.icon-umova {
  background-color: #e51717;
  border-radius: 1000px;
  width: 5vw;
  max-width: 16px;
  height: 5vh;
  max-height: 16px;
}

.umova-big {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: space-between;
  align-items: flex-start;
  width: 38%;
  display: flex;
}

.umova-small {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: space-between;
  align-items: flex-start;
  width: 24%;
  display: flex;
}

.icon-hydro-brhd {
  width: 3vw;
  max-width: 16px;
  height: 3vw;
  max-height: 16px;
}

.bold20 {
  font-weight: 700;
}

.close-hydro {
  position: absolute;
  inset: 3% 3% auto auto;
}

.birthday-block {
  background-color: var(--green);
  width: 100vw;
  height: 100vh;
  position: relative;
}

.container-birhday {
  max-width: 100%;
  max-height: 100%;
}

.white-policy-link {
  color: #ffffffe3;
}

.img_absolute_urbn {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.img_urbn_mob {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

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

.nav_bg_urbn {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.flex_horizontal_row {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.flex_horizontal_row.vertical_adaptive.cont_padd {
  padding-left: 16px;
  padding-right: 16px;
}

.flex_horizontal_row.planning {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 43px;
  padding-bottom: 8vw;
}

.grafiti_absolute {
  width: 100%;
  position: absolute;
  inset: -30% 0% 0%;
}

.heading-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-span {
  color: #e9e7bc;
}

.description_caps {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: clamp(13px, 1.3889vw, 20px);
  font-weight: 500;
  line-height: 120%;
}

.maps_items {
  color: #fff;
  width: 50%;
  padding-left: 16px;
}

.maps_items.top_padd {
  justify-content: space-between;
  align-items: flex-end;
  width: 65%;
  padding-top: 8.4028vw;
  padding-left: 0;
  display: flex;
  position: relative;
}

.field-urbn_f {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #1515154f;
  border: 1px solid #ffffff4d;
  border-radius: 8px;
  padding: 2.15rem 25px;
}

.hint_field {
  color: #dbcb9d;
  font-size: 10px;
}

.hint_field.absolute {
  font-weight: 400;
  position: absolute;
  inset: 12% 5% auto auto;
}

.bg-linear-r {
  filter: blur(5px);
  background-color: #fff0;
  background-image: radial-gradient(circle, #e9e7bcb3, #fff0 59%);
  border-radius: 1000px;
  position: absolute;
  inset: 50% 0% 0%;
}

.planing_heading {
  padding-top: 1vw;
}

.footer-half-hd-2 {
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.invest_txt_item {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.field_urbn_container {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.form_block {
  color: #fff;
  background-color: #000;
  background-image: url('../images/bg_form_urbn_1bg_form_urbn.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.container_u {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.container_u.sticky_big {
  position: sticky;
}

.container_u.no_padd {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.container_u.big_padd {
  padding-left: 77px;
  padding-right: 77px;
}

.div-block {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.form_urbn {
  position: relative;
}

.p_item {
  border-bottom: 1px solid #1111111f;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.urbn_sl {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 41px;
  display: flex;
}

.form-server-error-message-2 {
  color: #181818;
  font-size: .75rem;
  display: none;
}

.chek-urbn-2 {
  background-color: #0000;
  border: 1px solid #000;
}

.chek-urbn-2.w--redirected-checked {
  background-color: #181818;
  border-color: #181818;
}

.nav_phone {
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
}

.small_text {
  font-weight: 400;
}

.main-explore__grid-wrap {
  flex-flow: row;
  margin-left: 0;
  margin-right: 0;
  padding-top: 50px;
  display: flex;
  position: relative;
  overflow: visible;
}

.main-explore__grid-img {
  object-fit: cover;
  background-image: linear-gradient(#020202, #020202);
  width: 100%;
  height: 100%;
}

.small-text_u {
  margin-bottom: 0;
}

.f_ic_items {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.phone-bg-2 {
  z-index: 999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: .4rem 1.12rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.txt_price {
  color: #005c6c;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: clamp(14px, 1.3889vw, 20px);
  font-weight: 500;
}

.div-block-86 {
  display: flex;
}

.line_urbn {
  background-color: #005c6c;
  width: 34px;
  height: 4px;
}

.revievs-block_u {
  z-index: 1001;
  background-color: #fff;
  position: relative;
}

.nav-u-link {
  color: #fff;
  letter-spacing: .25px;
  mix-blend-mode: normal;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
}

.nav-u-link:hover {
  color: #e9e7bc;
}

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

.maps_block {
  background-color: #111;
  height: 1000px;
  position: relative;
}

.testimonial-info-2 {
  background-color: #f0f0f0;
  border-radius: 16px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 24px;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.slider-description-wrap {
  flex-direction: column;
  align-items: flex-start;
  max-width: 590px;
}

.icon-2 {
  width: 30%;
  height: auto;
}

.container_nopadd {
  max-width: none;
}

.photo-slider {
  position: relative;
  overflow: hidden;
}

.dark_block {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle farthest-side at 0 100%, #005c6c, #fff0 47%);
  position: relative;
  overflow: hidden;
}

.footer_block {
  color: #fff;
  background-color: #000;
  padding-top: 58px;
}

.number_u {
  text-transform: uppercase;
  font-family: Benzin, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 110%;
}

.p_txt {
  text-transform: uppercase;
  font-size: clamp(10px, .9722vw, 14px);
}

.main__grad {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#020202, #02020200);
  width: 368px;
  height: 100%;
  position: absolute;
}

.main__grad.is--left {
  background-image: linear-gradient(90deg, #fff, #02020200 49%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.main__grad.is--right {
  background-image: linear-gradient(270deg, #fff, #02020200 54%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.absolute_grafiti1 {
  z-index: 4;
  width: 220px;
  position: absolute;
  inset: auto auto 5% 10%;
}

.dark_relative_img-copy {
  width: 235px;
  position: absolute;
  inset: 50% auto 0% 0%;
}

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

.marquee-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  overflow: hidden;
}

.img_full {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding-top: 1.1111vw;
  padding-left: 1.1111vw;
  display: flex;
  position: relative;
}

.button_urbn {
  color: #fff;
  background-color: #111;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3.0556vw 2vw;
  font-size: clamp(13px, 1.3889vw, 16px);
  font-weight: 500;
  display: flex;
}

.button_urbn.white_color {
  color: #111;
  background-color: #fff;
  background-image: url('../images/Group-9-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 95% 100%;
  padding-top: 6.8056vw;
  padding-bottom: 6.8056vw;
  font-size: clamp(13px, 1.3889vw, 16px);
}

.button_urbn.brand_color {
  background-color: #005c6c;
  background-image: url('../images/Group-9.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 95% 100%;
  padding-top: 6.8056vw;
  padding-bottom: 6.8056vw;
  font-size: clamp(13px, 1.3889vw, 16px);
}

.button_urbn.planning_button {
  background-color: #005c6c;
  padding: 3vw;
  font-size: clamp(13px, 1.3889vw, 16px);
}

.button_urbn.green {
  background-color: #005c6c;
}

.div-block-98 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.render_absolute_img {
  width: 55%;
  max-width: 980px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.building_block {
  padding-bottom: 20px;
  position: relative;
}

.maps_items-copy {
  color: #fff;
  width: 100%;
  padding-left: 35%;
}

.maps_items-copy.top_padd {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 8.4028vw;
  display: flex;
  position: relative;
}

.map_info {
  width: 45%;
}

.gallery-image {
  object-fit: cover;
  object-position: 100% 0%;
  width: 120%;
  max-width: none;
  height: 120%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section_u.no_padd.none {
  display: none;
}

.section_u.relative {
  position: relative;
}

.section_u.full {
  height: 100%;
  position: relative;
}

.first_absolute_img {
  width: 235px;
  position: relative;
  left: 30%;
}

.main-explore__grid-cell {
  flex-flow: row;
  transition: all .3s ease-in-out;
}

.main-explore__grid-cell:hover {
  transform: scale(1.2);
  box-shadow: 10px 10px 10px #00000059;
}

.footer-info-hd-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  width: 55%;
  display: flex;
}

.two_absolute_img {
  width: 235px;
  position: absolute;
  inset: -30% -20% auto auto;
}

.slide-content {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 3em;
  display: flex;
}

.planning_urbn_bttn {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  color: #111;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.biggest_txt {
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(120px, 21.875vw, 350px);
  font-weight: 700;
  line-height: 110%;
}

.biggest_txt.urbn_gradient {
  margin-bottom: 0;
  font-size: clamp(74px, 21.875vw, 350px);
  font-weight: 700;
}

.biggest_txt.urbn_gradient.footer_txt {
  font-size: clamp(74px, 22.875vw, 360px);
}

.main-explore {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  overflow: visible;
}

.flex_vertical_row {
  flex-flow: column;
  display: flex;
}

.flex_vertical_row.center {
  justify-content: center;
  align-items: center;
}

.flex_vertical_row.center._2vwgap {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  padding-bottom: 2vw;
  position: relative;
}

.flex_vertical_row.center.streacht_gap {
  grid-column-gap: 2.5vw;
  grid-row-gap: 2.5vw;
  align-items: stretch;
  position: relative;
}

.flex_vertical_row.gap33 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
}

.flex_vertical_row.f_align {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  justify-content: space-between;
  align-items: flex-start;
}

.list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 2px;
  display: flex;
}

.time_item {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding-top: .8vw;
  padding-bottom: .8vw;
  display: flex;
}

.time_item.first {
  margin-top: 3vw;
}

.render_absolute_logo {
  width: auto;
  position: relative;
  inset: 0% auto auto 0%;
}

.nav_menu_urbn {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.hero_block {
  color: #fff;
  background-color: #111;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 1000px;
  padding-top: 15vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero_block.urbn {
  padding-top: 12vw;
}

.splitscreen-column {
  width: 50%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.splitscreen-column.left {
  justify-content: flex-start;
  align-items: center;
  padding: 6vw;
  display: flex;
}

.splitscreen-column.right {
  background-color: #fff;
}

.navbar_urbn {
  z-index: 9999;
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.img_mob {
  display: none;
}

.gallery-slider-mouse-stop {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.flex_icon_info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image_cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.planning_card {
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 33%;
  padding: 26px 26px 18px;
  display: flex;
}

.carusel_content {
  padding-top: 15.625vw;
  padding-left: 10vw;
  padding-right: 10vw;
  position: relative;
}

.text_u._50 {
  width: 50%;
}

.text_u._50.right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text_u._75 {
  width: 70%;
}

.text_u.flex_gab {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  display: flex;
}

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

.text_u.centered.small_width {
  width: 28%;
}

.text_u._30 {
  width: 25%;
}

.slider-btn-wrap {
  display: flex;
}

.heading_txt_ {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Benzin, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.planning_img {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.quick-stack {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  padding: 60px 40px;
}

.urbn_brand_color {
  color: #e9e7bc;
}

.bg_hero_img {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% -7%;
  overflow: hidden;
}

.bg_hero_img.padd_top {
  z-index: 101;
  padding-top: 8vw;
}

.gallery-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cta_block {
  z-index: 101;
  background-color: #e5e5e5;
  position: relative;
}

.hover_bttn {
  padding-top: 34px;
  display: none;
}

.big_txt {
  text-transform: uppercase;
  font-family: Benzin, Arial, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 110%;
}

.main-explore__grid {
  grid-column-gap: 7px;
  grid-row-gap: 10px;
  flex-flow: column wrap;
  grid-template-rows: 17px 17px 17px 17px 17px 17px 46px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  width: 100vw;
  display: grid;
}

.half_form {
  background-image: linear-gradient(#fff 27%, #e9e7bc);
  max-width: 591px;
  margin-top: 105px;
  margin-bottom: 105px;
  padding: 36px 30px 18px;
  position: relative;
}

.heading_u.stretch {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

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

.heading_u.centered.relative {
  position: relative;
}

.slider-stage-splitscreen {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.logo_f {
  width: auto;
  position: absolute;
  inset: 5% 0% auto auto;
}

.image-5 {
  max-width: 63px;
}

.main-explore__grid-slider {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.main-explore__grid-slider.no_gap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.display-none {
  display: none;
}

.dark_relative_img {
  width: 235px;
  position: absolute;
  inset: 20% -10% 0% auto;
}

.plannin_items {
  padding-bottom: 10px;
}

.smaller_text {
  font-size: clamp(11px, 1.1111vw, 14px);
  font-weight: 400;
}

.description_u {
  margin-bottom: 0;
  padding-bottom: 60px;
  font-size: clamp(13px, 1.3889vw, 20px);
  font-weight: 400;
  line-height: 120%;
}

.description_u.flex_left {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.description_u.cta_u {
  padding-bottom: 0;
}

.flex_heading {
  z-index: 5;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.brand_txt {
  color: #005c6c;
}

.brand_txt.bold {
  font-weight: 500;
}

.testimonial-card-2 {
  background-color: #f0f0f0;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 455px;
  padding: 24px;
  display: flex;
}

.bg_hero_accent {
  display: block;
  position: absolute;
  inset: 0%;
}

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

.logo_phone_urbn {
  z-index: 101;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.maps_txt_items {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  color: #fff;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  display: flex;
  position: relative;
}

.txt_heading_column {
  grid-column-gap: 1.4vw;
  grid-row-gap: 1.4vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 3vw;
  display: flex;
}

.txt_heading_column.horizontal {
  width: 70%;
  padding-right: 2vw;
}

.slider {
  margin-bottom: 4em;
  position: relative;
  overflow: visible;
}

.gallery-mask {
  width: 100%;
  height: 100%;
}

.slider-copy-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.accent_txt_color {
  color: #e9e7bc;
}

.nav_menu_block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #44444480;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 29px;
  display: flex;
  position: relative;
}

.about_block {
  z-index: 101;
  background-color: #e5e5e5;
  background-image: linear-gradient(315deg, #e5e5e5 53%, #fff);
  padding-bottom: 1.1111vw;
  position: relative;
}

.circle_map {
  position: absolute;
  inset: auto auto 8% 48%;
}

.form_f_block {
  background-image: url('../images/img_f1_1img_f1.webp');
  background-position: 100%;
  background-size: cover;
}

.hero_bg_txt {
  background-color: #e9e7bc;
  padding: 8px 8px 3px;
}

.hero_bg_txt.brand_bg_color {
  color: #fff;
  background-color: #005c6c;
}

.half {
  width: 50%;
}

.half.double_padd {
  padding-top: 8.4028vw;
  padding-bottom: 4vw;
}

.half.double_padd.full_flex {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.half.f_info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.half.flex_bottom {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.half.top_padd {
  padding-top: 8.4028vw;
}

.half.top_padd.full_flex {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.half.top_padd.full_flex.relative_card {
  position: relative;
}

.half.top_padd.full_flex.center-align {
  justify-content: center;
  align-items: stretch;
}

.half.top_padd.full_flex.relative {
  position: relative;
}

.half.top_padd.right_align {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.half.small_left_padd.white_txt {
  color: #fff;
  padding-left: 4%;
}

.half.full.img_size {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
}

.half.flex {
  justify-content: space-between;
  display: flex;
}

.half.centered {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.half.centered.urbn_full {
  align-items: stretch;
}

.slide-img {
  z-index: 0;
  object-fit: cover;
  height: auto;
}

.price_absolute {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 30%;
  right: -5%;
}

.time {
  width: 50%;
}

.f_wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.big_txt_content {
  margin-left: auto;
  margin-right: auto;
  padding: 15.625vw 8vw;
  position: relative;
}

.left_width {
  text-align: right;
}

.left_width.d_half {
  width: 50%;
}

.right_width {
  text-align: left;
}

.mob_hero_txt {
  display: none;
}

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

.policy-link_u {
  color: #fff;
}

.h2_urbn {
  text-transform: uppercase;
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(28px, 4.1667vw, 60px);
  font-weight: 700;
  line-height: 120%;
}

.h3_urbn {
  text-transform: uppercase;
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(24px, 2.7778vw, 48px);
  font-weight: 700;
  line-height: 100%;
}

.h4_urbn {
  text-transform: uppercase;
  font-size: clamp(14px, 1.3889vw, 24px);
  font-weight: 500;
}

.custom-preloader {
  z-index: 2147483647;
  background-color: #000;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-text {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Benzin, Arial, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 120px;
  display: flex;
}

.close-u-popup {
  cursor: pointer;
  background-color: #00000047;
  position: absolute;
  inset: 0%;
}

.thanks_block {
  z-index: 101;
  background-color: #e5e5e5;
  background-image: linear-gradient(315deg, #e5e5e5 53%, #fff);
  width: 100%;
  max-height: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  position: relative;
}

.button_social {
  color: #fff;
  background-color: #111;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3.0556vw 6vw;
  font-size: clamp(13px, 1.3889vw, 16px);
  font-weight: 500;
  display: flex;
}

.close-popup-2 {
  position: absolute;
  inset: 3% 3% auto auto;
}

.close-popup-2.mob {
  display: none;
}

.urbn_paragraph {
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(22px, 2.5vw, 44px);
  font-weight: 700;
  line-height: 100%;
}

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

.hint-text-2.justify {
  text-align: justify;
}

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

.text-span-3 {
  font-size: .78rem;
}

.faq-icon-wrapper {
  height: 58px;
}

.number_txt {
  font-size: 12px;
}

.faq-2 {
  border-bottom: 1px solid #bebebe66;
  width: 100%;
  height: auto;
  margin-bottom: .5rem;
  padding-bottom: 1rem;
}

.question-faq-2 {
  grid-column-gap: 0px;
  white-space: pre-wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.5rem 0;
  display: flex;
}

.answer_width {
  width: 40%;
  min-width: 400px;
}

.question-inner-2 {
  grid-column-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-heading-2 {
  color: #181818;
  text-transform: uppercase;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 100%;
}

.faq-heading-2.centered {
  text-align: center;
}

.answer-faq-2 {
  background-color: #0000;
  width: 100%;
  padding-top: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.answer-div-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .section.home-aection {
    padding-bottom: 100px;
  }

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

  .text.centered-aling.white-txt-color {
    font-size: 13px;
  }

  .flex-horizontal-row.full.padd-block {
    padding-left: 2vw;
  }

  .half-items.newyears-info.birghday-porto-linear-bg {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .half-items.newyears-info.urbn-transaprent-half {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .form-half.last-form.black-friday {
    padding-left: 6rem;
    padding-right: 5rem;
  }

  .form-half.last-form.last-winte-form {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .field {
    font-size: 1rem;
  }

  .button-pf-form.red {
    height: 101px;
  }

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

  .heading-hd {
    font-size: 2.57rem;
  }

  .hd-develop-heading {
    font-size: 2rem;
  }

  .footer-hd-form {
    width: 35rem;
    padding-left: 4.22rem;
    padding-right: 4.22rem;
  }

  .hd-inf-header {
    padding: 2.64rem;
  }

  .tab.urbn {
    left: 203px;
  }

  .tab.hydro {
    left: 489px;
  }

  .friday-half-txt {
    padding-right: 4rem;
  }

  .description-list {
    padding-right: 2px;
  }

  .description__item {
    max-width: 392px;
    padding: 40px;
  }

  .heading-2 {
    margin-left: 0;
    font-size: 18px;
  }

  .frd_width {
    width: 600px;
  }

  .frd_width.porto {
    width: 480px;
  }

  .frd_caps_heading {
    font-size: 55px;
  }

  .frd_caps_heading.porto {
    font-size: 42px;
  }

  .frd-txt {
    font-size: 22px;
  }

  .frd-banner-container {
    overflow: hidden;
  }

  .button-4.red {
    height: 101px;
  }

  .hero-p-winter {
    padding-right: 7%;
  }

  .popup-information {
    max-height: 760px;
  }

  .popup-information.birhday-porto-bg {
    max-height: 900px;
  }

  .popup-information.multi-birhday-bg {
    height: auto;
  }

  .logo-info-container.centered.birhday-padd {
    justify-content: space-between;
    align-items: center;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .logo-info-container.birhday-padd {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .text-years {
    font-size: 14px;
  }

  .text-years-big {
    font-size: 20px;
  }

  .new-years-form {
    width: 500px;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .new-years-form.urbn-width {
    width: 500px;
  }

  .birhday-txt {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .birhday-txt.umova {
    display: flex;
  }

  .brthd-big.center-txt.big {
    font-size: 32px;
  }

  .brdht-medium {
    font-size: 19px;
  }

  .brdht-small.left {
    font-size: 11px;
  }

  .birhday-form {
    width: 380px;
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .button-red-porto {
    font-size: 1rem;
  }

  .flex_heading {
    justify-content: space-between;
    display: flex;
  }

  .nav_menu_block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }
}

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

  .section.home-aection {
    padding-bottom: 120px;
  }

  .container.relative.gallery-hd {
    max-width: none;
  }

  .container.vertical-color-bg.cta-friday.black {
    background-color: #f8f8f8;
  }

  .wrapper.friday-padd {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .text.centered-aling.white-txt-color {
    font-size: 14px;
  }

  .flex-horizontal-row.full.padd-block {
    padding-left: 2vw;
  }

  .half-img.full.big-porto {
    width: 60%;
  }

  .half-items.newyears-info.birghday-porto-linear-bg {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .half-items.newyears-info.birghday-porto-linear-bg.white-text.porto-block {
    width: 40%;
    margin-right: 4vw;
  }

  .half-items.newyears-info.hydro-blur-bg, .half-items.newyears-info.urbn-transaprent-half {
    max-height: 890px;
  }

  .form-block.black-friday-bg {
    background-color: #f8f8f8;
  }

  .form-half.last-form.black-friday {
    padding-left: 7rem;
    padding-right: 6rem;
  }

  .form-half.last-form.last-winte-form {
    padding: 6rem 10rem 6rem 8rem;
  }

  .form-div.porto-in-screen {
    padding-left: 3vw;
    padding-right: 3vw;
  }

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

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

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

  .small-hd-container.gallery-hd {
    width: 28%;
  }

  .big-hd-container.hd-build-absolute {
    width: 40%;
  }

  .succ-container.centered.red-color {
    background-color: #c20a25;
  }

  .gallery-hd-items {
    width: 86%;
  }

  .hd-biggest-heading {
    font-size: 9.5rem;
  }

  .hd-form-absolute-img {
    width: 40%;
    max-height: none;
  }

  .footer-hd-form {
    padding-left: 5.22rem;
    padding-right: 5.22rem;
  }

  .line-animation {
    width: 90%;
  }

  .nav-hd-link {
    font-size: 12px;
  }

  .sticky-gallery {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-end;
  }

  .sticky-header.hd {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.86rem;
    padding-right: 2.86rem;
  }

  .tab-wrapper {
    z-index: 10;
  }

  .txt-m.mw-666.none-mob.frd-small-txx {
    font-size: 14px;
    line-height: 16px;
  }

  .friday-half-txt {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-right: 8rem;
  }

  .txt-xl.mw-1160.centered.small.black {
    color: var(--black);
  }

  .black_friday_banner {
    display: none;
  }

  .black_img_multi.multi {
    width: 100vw;
  }

  .frd_width {
    width: 700px;
  }

  .frd_width.porto {
    width: 520px;
  }

  .frd_caps_heading {
    font-size: 60px;
  }

  .frd_caps_heading.porto {
    font-size: 52px;
  }

  .frd-txt {
    font-size: 24px;
  }

  .frd-txt.small-h {
    line-height: 24px;
  }

  .frd-accent-txt {
    font-size: 34px;
  }

  .frd-banner-container {
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
  }

  .small-hero-winter {
    padding-right: 8%;
  }

  .txt-p-container {
    padding-right: 20%;
  }

  .hero-p-winter {
    padding-right: 10%;
  }

  .hd-gallery-full {
    width: 100%;
  }

  .popup-information {
    max-height: 800px;
  }

  .popup-information.birhday-porto-bg {
    max-height: 900px;
  }

  .popup-information.hydro-birhday-bg, .popup-information.multi-birhday-bg {
    max-height: 1000px;
  }

  .newyears-txt {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .text-years-big {
    font-size: 21px;
  }

  .new-years-form.hydro {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .new-years-form.urbn-width {
    width: 500px;
  }

  .absolute-img {
    width: 280px;
  }

  .absolute-img.hd {
    width: 206px;
  }

  .button-urbn {
    padding-top: 2.8vw;
    padding-bottom: 2.8vw;
  }

  .birhday-txt {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .brthd-big.center-txt {
    font-size: 28px;
  }

  .brthd-big.center-txt.big {
    font-size: 34px;
  }

  .brdht-medium {
    font-size: 16px;
  }

  .brdht-small.left {
    font-size: 14px;
  }

  .birhday-form {
    width: 500px;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .umova-flex {
    border-top: 1px solid #ffffff0f;
    margin-top: 11px;
    padding-top: 11px;
  }

  .icon-umova {
    height: 16px;
  }

  .nav_bg_urbn {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .urbn_sl {
    padding-top: 71px;
  }

  .dark_relative_img-copy {
    width: 285px;
  }

  .first_absolute_img {
    width: 265px;
  }

  .two_absolute_img {
    width: 285px;
  }

  .hero_block.urbn {
    padding-top: 10vw;
  }

  .heading_txt_ {
    font-size: 24px;
  }

  .big_txt {
    font-size: 100px;
  }

  .dark_relative_img {
    width: 285px;
  }

  .nav_menu_block {
    grid-column-gap: 111px;
    grid-row-gap: 111px;
  }
}

@media screen and (min-width: 1920px) {
  .flex-horizontal-row.full.padd-block {
    justify-content: space-around;
    padding-left: 12vw;
  }

  .half-img.full.big-porto {
    width: 50%;
  }

  .half-items.newyears-info.birghday-porto-linear-bg.white-text.porto-block {
    background-image: none;
    width: 50%;
    margin-right: 6vw;
  }

  .form-half.last-form.last-winte-form {
    padding: 14rem 18rem 14rem 12rem;
  }

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

  .small-hd-container {
    width: 27%;
  }

  .small-hd-container.gallery-hd {
    width: 23%;
  }

  .big-hd-container.gallery {
    width: 60%;
  }

  .gallery-hd-items {
    width: 70%;
  }

  .black_img_multi.multi {
    width: auto;
  }

  .hd-gallery-full {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .popup-information.hydro-birhday-bg, .popup-information.multi-birhday-bg {
    background-position: 100%;
  }

  .popup-information.urbn_color-copy {
    background-image: none;
    max-height: 860px;
  }

  .new-years-form.urbn-width {
    width: 600px;
  }

  .brthd-big.center-txt {
    font-size: 30px;
  }

  .brthd-big.center-txt.big {
    font-size: 34px;
  }

  .brdht-small.left {
    font-size: 14px;
  }

  .container-birhday {
    overflow: hidden;
  }

  .main-explore__grid-wrap {
    flex: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .main__grad {
    width: 488px;
  }

  .main__grad.is--left {
    overflow: visible;
  }

  .main__grad.is--right {
    position: absolute;
    right: 0;
    overflow: visible;
  }

  .dark_relative_img-copy {
    width: 235px;
  }

  .first_absolute_img {
    width: 245px;
  }

  .two_absolute_img {
    width: 325px;
    top: -20%;
    right: -30%;
  }

  .main-explore {
    padding-top: 220px;
    position: relative;
    overflow: hidden;
  }

  .hero_block.urbn {
    padding-top: 8vw;
  }

  .navbar_urbn {
    margin-left: auto;
    margin-right: auto;
  }

  .text_u._30 {
    width: 20%;
  }

  .big_txt {
    font-size: 120px;
  }

  .main-explore__grid {
    grid-template-rows: 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px 23px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .main-explore__grid-slider {
    flex: none;
    overflow: visible;
  }

  .dark_relative_img {
    width: 325px;
    right: 5%;
  }

  .txt_heading_column.horizontal {
    width: 80%;
  }

  .slider {
    margin-bottom: 8em;
  }

  .half.small_left_padd.white_txt {
    padding-left: 0%;
  }

  .big_txt_content.u {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 991px) {
  .page-wrapper.overflow-hidden {
    overflow: hidden;
  }

  .section {
    z-index: auto;
  }

  .section.hero {
    height: auto;
  }

  .section.architect-padd {
    padding-top: 6rem;
    padding-bottom: 0;
  }

  .container.footer {
    padding-left: 0;
    padding-right: 0;
  }

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

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

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

  .wrapper.top-hd-padd, .wrapper.top-bighd-padd {
    padding-top: 8.93rem;
  }

  .wrapper.friday-padd {
    padding-top: 0;
    padding-bottom: 3rem;
  }

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

  .heading-container.right {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .heading-container.adaptive_centered {
    text-align: center;
  }

  .h1 {
    font-size: 3.14rem;
  }

  .button-pf {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2px;
  }

  .small-adress {
    padding: .37rem .62rem .27rem;
  }

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

  .text-container.buing-hd-padd.last {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

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

  .biggest-heading.centered {
    font-size: 3.5rem;
  }

  .description-container.small {
    width: 40%;
  }

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

  .description-container.big-gallery {
    width: 100%;
  }

  .text.centered-aling.different-color {
    color: var(--white);
  }

  .text.centered-aling.gray-color, .text.centered-aling.white-txt-color {
    color: #646464;
  }

  .text.desktop {
    display: none;
  }

  .text.mob {
    display: flex;
  }

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

  .flex-horizontal-row.top-padding.adv-direction {
    flex-flow: row;
  }

  .flex-horizontal-row.top-padding.gallery-aling {
    flex-flow: column;
    margin-top: 2rem;
  }

  .flex-horizontal-row.top-padding.logo-aling {
    flex-flow: row;
    justify-content: space-between;
  }

  .flex-horizontal-row.top-padding.planning {
    align-items: center;
  }

  .flex-horizontal-row.info-padding, .flex-horizontal-row.advantages, .flex-horizontal-row.form-direction, .flex-horizontal-row.gallery-direction, .flex-horizontal-row.gallery-direction {
    flex-flow: column;
  }

  .flex-horizontal-row.another-direction-bottom {
    flex-flow: row-reverse wrap-reverse;
  }

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

  .flex-horizontal-row.planning-small-padd {
    align-items: center;
    margin-top: 0%;
  }

  .flex-horizontal-row.centered-align.double-friday-padd {
    flex-flow: column-reverse;
  }

  .flex-horizontal-row.top-padd-multilink {
    flex-flow: column;
  }

  .flex-horizontal-row._4relative {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex-horizontal-row.sticky-hd-heading {
    position: static;
  }

  .flex-horizontal-row.big-gap.other-direction {
    flex-flow: column;
  }

  .flex-horizontal-row.hd-align {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex-horizontal-row.footer-align {
    flex-flow: wrap-reverse;
  }

  .flex-horizontal-row.blackfriday {
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .flex-horizontal-row.full {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .flex-horizontal-row.full.padd-block {
    padding-left: 2vw;
    padding-right: 2vw;
  }

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

  .half-img.advantages {
    width: 100%;
  }

  .half-img.full, .half-img.full.relative.vertical {
    width: 50%;
  }

  .half-items.flex-vertical.advantages {
    width: 100%;
    padding-left: 0%;
  }

  .half-items.flex-vertical.developer {
    width: 100%;
    margin-top: 0;
    margin-bottom: 4rem;
    padding-left: 0%;
  }

  .half-items.newyears-info {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 50%;
    padding-top: 24px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .half-items.newyears-info.vertical-bg {
    width: 50%;
  }

  .half-items.newyears-info.birghday-porto-linear-bg {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    justify-content: center;
    align-items: center;
    padding-top: 44px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .half-items.newyears-info.hydro-blur-bg {
    width: 900px;
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .half-items.newyears-info.urbn-transaprent-half {
    width: 50%;
    padding-top: 0;
  }

  .h2 {
    font-size: 2.14rem;
  }

  .half-biggest {
    width: 100%;
  }

  .half-biggest.small-top-padd {
    padding-top: 16rem;
  }

  .icon-items {
    width: 75%;
  }

  .description {
    font-size: 1.28rem;
  }

  .text-icon {
    justify-content: space-between;
  }

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

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

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

  .form-block.black-friday-bg {
    flex-flow: row-reverse wrap-reverse;
    display: flex;
  }

  .green-bg-absolute, .text-form-half {
    width: 100%;
  }

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

  .form-half {
    width: 100%;
    margin-top: 6rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .form-half.last-form.frd-form {
    margin-top: 1rem;
    padding-right: 1rem;
  }

  .form-half.last-form.frd-form.porto {
    margin-top: 2rem;
  }

  .form-half.last-form.last-winte-form {
    border-top-right-radius: 44px;
    border-bottom-left-radius: 0;
    width: 100%;
    margin-top: 0;
    padding: 12rem 13rem;
  }

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

  .form-heading.different-color {
    color: var(--white);
  }

  .choise-field {
    height: 67px;
  }

  .button-pf-form {
    padding-left: 30px;
    padding-right: 80px;
  }

  .arm-img-absolute {
    width: 28%;
    inset: 38% auto auto 0%;
  }

  .gallery-heading {
    font-size: 2.14rem;
  }

  .gevelop-heading {
    font-size: 1.07rem;
  }

  .develop-card {
    width: 100%;
    margin-bottom: 1rem;
  }

  .hint-div.top-padd {
    padding-top: 4rem;
  }

  .faq-items.hd, .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;
  }

  .cta-img-absolute {
    width: 28%;
    inset: 38% auto auto 0%;
  }

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

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

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

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

  .page-loader_noise.winter-form {
    width: 100%;
    height: 100%;
  }

  .loading-percent {
    margin-bottom: 3rem;
  }

  .logo-wrapper {
    width: 40%;
    margin-top: 3rem;
  }

  .left-top-img {
    width: 180px;
    left: 2%;
  }

  .left-bottom-img {
    width: 120px;
    left: 6%;
  }

  .right-top-img {
    width: 130px;
    right: 3%;
  }

  .right-bottom-img {
    width: 140px;
    right: 8%;
  }

  .plannin-card {
    width: 70%;
    margin-bottom: 1%;
  }

  .swiper-slide {
    height: 366.93px;
  }

  .swiper-slide.hd {
    width: auto;
    height: auto;
  }

  .testimonial-slider-left {
    left: -20px;
  }

  .testimonial-slider-right {
    right: -20px;
  }

  .flex-review {
    flex-flow: column;
  }

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

  .info-item-sl {
    max-width: 50%;
  }

  .list-right-arrow {
    right: -20px;
  }

  .list-left-arrow {
    left: -20px;
  }

  .container-sw {
    width: 40%;
  }

  .right-row {
    width: 80%;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .price-horizontal-row {
    flex-flow: row;
  }

  .price-flex-top {
    margin-bottom: 1rem;
  }

  .price-heading {
    font-size: 1.3rem;
  }

  .text-price {
    font-size: .67rem;
  }

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

  .bottom-horizontal-row {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .two-div {
    margin-top: 3rem;
  }

  .price-icon {
    width: 40px;
  }

  .price-icon5 {
    left: 80%;
  }

  .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;
  }

  .panel.hd_quiz_img {
    background-position: 50%;
  }

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

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

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

  .form-step {
    display: none;
  }

  .panel-urbn {
    position: sticky;
  }

  .panel-urbn.urbn_quiz_img {
    background-position: 73% 100%;
  }

  .radio {
    font-size: .8em;
  }

  .cut-out-image {
    min-height: 7.6rem;
    max-height: 7.6rem;
  }

  .cut-out-wrapper {
    height: 6rem;
  }

  .hero-text-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-image-wrapper {
    min-width: 39.5rem;
    max-width: 39.5rem;
    min-height: 39.5rem;
    max-height: 39.5rem;
  }

  .hero-image-wrapper.slide-from-left-animation {
    min-width: 90vw;
    max-width: 80vw;
    min-height: 60vw;
    max-height: 60vw;
  }

  .hero-line {
    width: 35rem;
    height: .5rem;
    top: -2rem;
  }

  .features-flex-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    width: 100%;
  }

  .features-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .features-block.reverse-on-tab {
    flex-flow: column-reverse wrap-reverse;
  }

  .icon {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .features-card-small {
    min-width: 14.5rem;
    max-width: 14.5rem;
    min-height: 14.5rem;
    max-height: 14.5rem;
    padding: 3rem 2.3rem;
  }

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

  .features-card-wide {
    min-width: 30rem;
    max-width: 30rem;
    min-height: 14.5rem;
    max-height: 14.5rem;
    padding: 3rem 2.3rem;
  }

  .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;
  }

  .hero-images-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: .85fr 1fr 1fr;
  }

  .hero-text-tag {
    bottom: 16px;
    right: 27px;
  }

  .hero-text {
    font-size: 16px;
  }

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

  .dogs-block {
    height: auto;
    max-height: none;
  }

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

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

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

  .hero-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .large-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12vw;
  }

  .page-title {
    padding-left: 20px;
    padding-right: 20px;
    top: 10vw;
  }

  .hero-image-background, .hero-image-foreground {
    background-attachment: scroll;
  }

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

  .stats-block {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    max-width: none;
  }

  .grey-text {
    font-size: .8rem;
    line-height: 100%;
  }

  .floating-image-wrapper {
    max-width: none;
    max-height: none;
  }

  .floating-image-wrapper.contact-section {
    max-width: none;
  }

  .form-block-5 {
    width: 100%;
    max-width: none;
    padding-top: 0;
    padding-right: 0;
  }

  .button-pf-big {
    padding: 24px 38px;
  }

  .fixed-bttn.medium {
    width: 25%;
    bottom: 6%;
  }

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

  .button-pf-small.centered-txt.small {
    font-size: .6rem;
  }

  .very-big-heading, .very-big-heading.accent-hd-color {
    font-size: 6rem;
  }

  .absolute-hd-img-container.snow {
    width: 240px;
  }

  .info-hd-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .info-grid-item {
    flex-flow: wrap;
  }

  .info-grid-item.right-align {
    justify-content: flex-start;
    align-items: center;
  }

  .half-container.flex-space-between.hd.buing-img-different {
    flex-flow: column-reverse;
  }

  .half-container.flex-hd-line.hd-vertical {
    border-bottom-style: none;
    border-right-style: none;
    flex-flow: column;
    width: 100%;
  }

  .half-container.flex-hd-right-line.mob-none {
    display: none;
  }

  .half-container.hd {
    width: 100%;
  }

  .heading-hd.white.centered-mob {
    text-align: center;
  }

  .hint-container.bottom-padd {
    padding-bottom: 0;
  }

  .txt-big-padd {
    padding-left: 0;
    padding-right: 20rem;
  }

  .txt-big-padd.double-padd.hd {
    padding-left: 0;
    padding-right: 0;
  }

  .image-cover.mob {
    display: block;
  }

  .image-cover.valentines {
    border-radius: 44px;
  }

  .bttn-hd-container.secondary-bttn.flex-left-display.desktop {
    display: none;
  }

  .bttn-hd-container.secondary-bttn.flex-left-display.mob {
    display: flex;
  }

  .author-container {
    padding-left: 8rem;
    padding-right: 8rem;
  }

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

  .small-hd-container.bottom-big-padd {
    padding-bottom: 0;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .small-hd-container.form-hd-width.adaptive_width {
    width: 100%;
    padding-bottom: 2rem;
  }

  .big-hd-container, .big-hd-container.flex {
    width: 100%;
  }

  .big-hd-container.hd-build-absolute {
    width: 100%;
    position: relative;
  }

  .big-hd-container.flex-different-aling {
    flex-flow: row;
    width: 100%;
    padding-top: 2.57rem;
    padding-left: 0;
    padding-right: 0;
  }

  .big-hd-container.gallery {
    width: 100%;
  }

  .right-items-hd-padd {
    padding-left: 0;
  }

  .vertical-card {
    padding-bottom: 2.93rem;
  }

  .three-column-item.centered.multilink {
    padding-top: 21px;
    padding-bottom: 48px;
  }

  .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;
  }

  .three-column-item.multilink {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .succ-container.centered.white_color_bg {
    margin-bottom: 12rem;
  }

  .build-info {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
  }

  .adress-build-container {
    flex-flow: column;
  }

  .adress-build {
    width: 100%;
    margin-bottom: .5rem;
  }

  .small-architect-line40, .small-architect-line60, .big-architect-line40, .small-sl-line40, .small-sl-line60 {
    display: none;
  }

  .absolute-concept-img {
    top: -20%;
    left: 40%;
  }

  .absolute-cta-hd-img {
    width: 200px;
    top: -10%;
    left: 39%;
  }

  .consultation-hd-container {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .cta-txt-container {
    text-align: center;
  }

  .form-hd-container.top-small-padd {
    z-index: 3;
    position: relative;
  }

  .form-hd-container.top-small-padd.adaptive_width {
    width: 60%;
  }

  .form-hd-build {
    z-index: 2;
    width: 100%;
    position: relative;
  }

  .mask-form-bg {
    z-index: 1;
    background-image: url('../images/mob-bg.svg');
    background-position: 50% 100%;
    background-size: cover;
    height: 100%;
    inset: 0%;
  }

  .green-pf-10precent {
    background-size: contain;
  }

  .big-precent-heading {
    font-size: 4rem;
  }

  .precent-pf-container {
    width: 100%;
  }

  .precent-small-hd {
    padding: 1rem;
  }

  .text-precent-hd {
    font-size: .64rem;
  }

  .precent-hd-text {
    font-size: 1.1rem;
  }

  .big-hd-heading-container.desktop {
    display: none;
  }

  .big-hd-heading-container.mob {
    display: flex;
  }

  .hd-biggest-heading {
    font-size: 3.57rem;
  }

  .buing-hd-img.different-adaptive-size {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 37px;
  }

  .name-hd-container {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .name-hd-container.desktop {
    display: none;
  }

  .name-hd-container.mob {
    display: flex;
  }

  .flex-developer-items {
    width: 100%;
  }

  .hd-develop-heading {
    font-size: 1.84rem;
  }

  .developer-text-container {
    flex-flow: column;
  }

  .hd-form-block.dark {
    flex-flow: row-reverse wrap-reverse;
    display: flex;
  }

  .hd-form-absolute-img.hydro-w.hydro_adaptive {
    width: 100%;
    position: relative;
  }

  .bg-form-absolute-hd {
    background-image: url('../images/mask-2.svg');
    background-position: 100%;
  }

  .hd-faq {
    flex-flow: column;
  }

  .hd-answer-faq {
    padding-left: 0;
    display: none;
    position: static;
  }

  .hd-answer-div, .footer-half-hd {
    width: 100%;
  }

  .footer-info-hd {
    flex-flow: column;
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }

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

  .footer-policy-hd, .footer-coop-hd {
    width: 100%;
  }

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

  .footer-hd-form {
    width: 100vw;
    margin-bottom: 4rem;
    position: relative;
  }

  .hd-reviews-container {
    padding-right: 2rem;
  }

  .scroll-box {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .scroll-content {
    width: auto;
  }

  .scroll-content.left {
    text-align: left;
    width: 50%;
    padding-left: 30px;
    padding-right: 0;
  }

  .scroll-inner-box {
    width: 70%;
    font-size: 15px;
  }

  .circle.left {
    left: -15px;
    right: auto;
  }

  .fill-box.v2 {
    left: auto;
  }

  .line-animation {
    width: 90%;
  }

  .scroll-heading {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 36px;
  }

  .right-process-container, .right-process-container.month {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .process-items.left {
    flex-flow: row-reverse;
    justify-content: flex-start;
    align-items: center;
  }

  .mounth-heading {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 36px;
  }

  .small-mounth {
    top: 11%;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .nav-hd-logo {
    position: relative;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-hd-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-hd-menu {
    background-color: #0000;
    top: 70px;
  }

  .container-hd-header {
    padding-left: .5rem;
  }

  .hd-inf-header {
    display: none;
  }

  .swiper-wrapper-hd.top-bighd-double-padd {
    padding-top: 8.93rem;
  }

  .header-and-progressbar-hd, .header-and-progressbar-hd.flex {
    width: 100%;
  }

  .custom-progress-progress-1.hd {
    margin-left: 0;
    margin-right: 0;
  }

  .hd-logo-size-fppter {
    width: 200px;
  }

  .absolute-buing-img {
    width: 127px;
  }

  ._1hd-absolute {
    top: -50%;
    right: 1%;
  }

  ._2hd-absolute {
    right: 20%;
  }

  ._3hd-absolute {
    right: 1%;
  }

  ._4hd-absolute {
    top: -50%;
    right: 15%;
  }

  .logo-cta-mob {
    justify-content: center;
    align-items: center;
    padding-bottom: 72px;
    display: flex;
  }

  .small-cta-img {
    width: 137px;
  }

  .line-develop {
    width: 70%;
  }

  .sticky-gallery {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: center;
    padding-top: 42px;
    padding-left: 2.86rem;
    padding-right: 2.86rem;
    position: static;
  }

  .client-name {
    font-size: 1.2rem;
  }

  .slider-hd {
    width: 600px;
    height: auto;
  }

  .sticky-header {
    position: relative;
  }

  .sticky-gallery-wrapper.top-bighd-padd {
    padding-top: 8.93rem;
  }

  ._5hd-absolute {
    width: 160px;
    height: 160px;
    top: -30%;
    right: 0%;
  }

  ._7hd-absolute {
    width: 140px;
    height: 140px;
    top: 0%;
    right: -80%;
  }

  ._6hd-absolute {
    top: 20%;
    left: 120%;
    right: auto;
  }

  ._8hd-absolute {
    width: 130px;
    height: 130px;
    top: 100%;
    left: auto;
    right: -80%;
  }

  .popup-form {
    width: 70vw;
    margin-bottom: 4rem;
    padding-left: 6rem;
    padding-right: 6rem;
    position: relative;
  }

  .popup-form.hydro {
    height: 90vh;
    margin-bottom: .25rem;
    padding-bottom: 2rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .popup-logo-hd {
    justify-content: center;
    align-items: flex-start;
    margin-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
  }

  .menu-hd-popup {
    width: 60%;
    height: 70%;
  }

  .small-hd-thanks {
    width: 80%;
  }

  .bttn-full-container {
    justify-content: flex-start;
    align-items: center;
    left: -2%;
  }

  .image-wrap {
    max-width: none;
  }

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

  .video-lightbox-wrapper {
    background-position: 0 0, 0 0;
    background-size: cover, 984px;
  }

  .nav-container-lines {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-container-2 {
    grid-template-columns: 1fr 1fr;
  }

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

  .button-primary-small {
    display: flex;
  }

  .nav-button-group {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

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

  .nav-menu {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #0000007a;
    border-bottom: 1px solid #1b1b1d;
    margin-left: 5.25%;
    margin-right: 5.25%;
    padding: 12px 24px;
    top: 72px;
  }

  .cta-side {
    max-width: none;
  }

  .menu-button {
    color: #fff;
    background-color: #070707;
    background-image: linear-gradient(#ffffff05, #ffffff05);
    border: 1px solid #252527;
    border-bottom-color: #1b1b1d;
    border-radius: 12px;
    padding: 12px;
    box-shadow: inset 0 -4px 12px #ffffff0a;
  }

  .menu-button.w--open {
    background-color: #070707;
    background-image: linear-gradient(#ffffff0a, #ffffff0a);
    border: 1px solid #252527;
    border-radius: 12px;
    padding: 12px;
  }

  .footer-side {
    max-width: none;
  }

  .cta-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .navigation-link {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .cta-content {
    max-width: none;
    padding-right: 44px;
  }

  .navigation-line {
    inset: auto 0% -40px;
  }

  .footer-main {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .footer-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .footer-links {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .button-primary {
    display: flex;
  }

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

  .tab.vertical {
    bottom: -197px;
    left: 0;
    right: auto;
  }

  .tab.twitt {
    bottom: -32px;
  }

  .tab.urbn {
    bottom: -91px;
    left: -2px;
  }

  .tab.hydro {
    bottom: -149px;
    left: 0;
  }

  .arrow-svg, .arrow-svg.left, .arrow-svg.right {
    opacity: 1;
  }

  .tab-wrapper {
    max-width: 370px;
    margin-top: 0;
  }

  .friday-half-txt {
    width: 70%;
  }

  .friday-img-container {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sfd-wrapper {
    left: -120px;
  }

  .yjn-wrapper {
    right: -120px;
  }

  .friday-img {
    background-position: 50%;
    border-top-left-radius: 200px;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 840px;
    position: static;
  }

  .div-block-83.centered-mob {
    text-align: center;
  }

  .description-list {
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: center;
    padding-bottom: 0;
  }

  .description__item {
    width: 500px;
    min-width: 500px;
    padding: 46px;
  }

  .dedscription-text {
    font-size: 14px;
  }

  .description-list-wrapper {
    width: 100%;
  }

  .frd_width {
    width: 460px;
  }

  .frd_caps_heading {
    font-size: 35px;
  }

  .frd_caps_heading.porto {
    font-size: 38px;
  }

  .frd_container {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frd-txt {
    font-size: 18px;
  }

  .frd-txt.small-h {
    font-size: 16px;
  }

  .frd-accent-txt {
    font-size: 28px;
  }

  .frd-half-container.porto {
    padding-top: 10px;
  }

  .bold34 {
    font-size: 28px;
  }

  .frd-banner-container {
    height: 800px;
  }

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

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

  .logo-slider-container-2.bottom {
    inset: auto 0% 0%;
  }

  .button-4 {
    padding-left: 30px;
    padding-right: 80px;
  }

  .winter-form {
    border-radius: 44px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    display: flex;
  }

  .hero-winter-img {
    background-position: 15% 100%;
  }

  .small-hero-winter {
    padding-right: 28%;
  }

  .txt-p-container {
    padding-top: 1vw;
    padding-right: 30%;
  }

  .hero-p-winter {
    width: 100%;
    padding-right: 0%;
  }

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

  .absolute-small {
    width: 200px;
    left: 39%;
  }

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

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

  .legal-container.absolute {
    padding-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    position: absolute;
  }

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

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

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

  ._18plus-popup {
    overflow: scroll;
  }

  .popup-information {
    flex-flow: row;
    width: 95%;
    overflow: scroll;
  }

  .popup-information.birhday-porto-bg {
    flex-flow: row;
  }

  .popup-information.hydro-birhday-bg {
    background-color: var(--_hydropark-deluxe---brand);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: row;
    height: 100%;
  }

  .popup-information.multi-birhday-bg {
    background-color: var(--_vertical-colors---brand);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-flow: row;
    height: 100%;
  }

  .popup-information.urbn_color-copy {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
  }

  .newyears-txt {
    padding-left: 0;
    padding-right: 0;
  }

  .new-years-form {
    width: 300px;
    padding-bottom: 2vw;
  }

  .new-years-form.hydro {
    padding-bottom: 0;
  }

  .new-years-form.urbn-width {
    padding-bottom: 2vw;
  }

  .hydro-popup-absolute-img {
    display: none;
  }

  .winter-multi-form {
    border-radius: 44px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .hero-popup {
    overflow: scroll;
  }

  .birhday-info {
    width: 30%;
  }

  .birhday-txt.umova {
    display: none;
  }

  .brthd-big.center-txt.big {
    font-size: 22px;
  }

  .brdht-medium {
    font-size: 15px;
  }

  .birhday-form {
    width: 360px;
    padding-bottom: 2vw;
  }

  .button-red-porto {
    padding-left: 30px;
    padding-right: 80px;
  }

  .img_absolute_urbn, .img_urbn_mob {
    inset: 0%;
  }

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

  .nav_bg_urbn {
    justify-content: space-between;
  }

  .flex_horizontal_row.vertical_adaptive {
    flex-flow: column;
  }

  .flex_horizontal_row.planning {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14vw;
  }

  .maps_items.top_padd {
    width: 80%;
    padding-top: 16vw;
  }

  .footer-half-hd-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .nav_phone {
    font-size: .68rem;
  }

  .main-explore__grid-wrap {
    padding-top: 40px;
  }

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

  .nav-u-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .maps_block {
    height: 800px;
  }

  .number_u {
    font-size: 22px;
  }

  .main__grad {
    width: 255px;
  }

  .dark_relative_img-copy {
    width: 140px;
  }

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

  .img_full {
    padding-top: 6vw;
    padding-left: 0;
  }

  .building_block {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .maps_items-copy.top_padd {
    width: 80%;
    padding-top: 16vw;
  }

  .map_info {
    width: 60%;
  }

  .first_absolute_img {
    width: 180px;
  }

  .main-explore__grid-cell:hover {
    transform: none;
  }

  .footer-info-hd-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .div-block-99 {
    text-align: left;
  }

  .two_absolute_img {
    width: 155px;
    top: -25%;
  }

  .main-explore {
    padding-top: 0;
  }

  .nav_menu_urbn {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .hero_block {
    justify-content: flex-start;
    align-items: center;
    height: 800px;
    padding-top: 28vw;
  }

  .splitscreen-column {
    width: 100%;
    height: 80vh;
  }

  .splitscreen-column.left {
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 50vh;
    min-height: 600px;
    padding: 60px;
  }

  .planning_card {
    justify-content: flex-start;
    align-items: stretch;
    width: 60%;
  }

  .text_u._75 {
    width: 60%;
  }

  .text_u.centered.small_width {
    width: 35%;
  }

  .slider-btn-wrap {
    justify-content: center;
  }

  .quick-stack {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 40px;
  }

  .bg_hero_img {
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    bottom: 0%;
  }

  .big_txt {
    font-size: 45px;
  }

  .main-explore__grid {
    min-width: 1348px;
  }

  .slider-stage-splitscreen {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .dark_relative_img {
    width: 100px;
    right: 0%;
  }

  .flex_heading.new {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .logo_phone_urbn {
    justify-content: space-between;
    align-items: center;
  }

  .txt_heading_column {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    padding-right: 16vw;
  }

  .txt_heading_column.horizontal {
    padding-right: 5vw;
  }

  .slider {
    display: flex;
  }

  .circle_map {
    bottom: 8%;
  }

  .half.double_padd {
    padding-top: 16vw;
  }

  .half.double_padd.full_flex {
    width: 100%;
  }

  .half.top_padd {
    padding-top: 16vw;
  }

  .half.top_padd.full_flex, .half.full {
    width: 100%;
  }

  .time {
    width: 30%;
  }

  .build_txt {
    text-align: left;
  }

  .thanks_block {
    padding-top: 10vw;
  }

  .answer_width {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .section.home-aection {
    padding-bottom: 140px;
  }

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

  .container.footer {
    padding-top: 1.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .container.dark_bg_frd {
    background-color: #f8f8f8;
  }

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

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

  .h1 {
    font-size: 2.43rem;
  }

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

  .small-adress {
    justify-content: center;
    align-items: center;
    padding-bottom: .17rem;
  }

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

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

  .biggest-heading.centered {
    font-size: 2.57rem;
  }

  .center-row.top-padding.mobile-none {
    display: none;
  }

  .description-container.small {
    width: 55%;
  }

  .description-container.double-padd.frid-center {
    justify-content: center;
    align-items: center;
  }

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

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

  .flex-horizontal-row.bottom.adv-diff-aling {
    flex-flow: row;
  }

  .flex-horizontal-row.info-padding {
    margin-top: 2rem;
  }

  .flex-horizontal-row.sticky-hd-heading {
    padding-top: 8.93rem;
  }

  .flex-horizontal-row.full {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .half-img.full {
    width: 100%;
  }

  .half-img.full.relative {
    position: relative;
  }

  .half-img.full.relative.vertical {
    width: 100%;
  }

  .half-items.newyears-info {
    width: 100%;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .half-items.newyears-info.vertical-bg {
    width: 100%;
    padding-top: 40px;
  }

  .half-items.newyears-info.birghday-porto-linear-bg {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .half-items.newyears-info.hydro-blur-bg {
    z-index: 6;
    width: 80%;
    margin-top: 28px;
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
  }

  .half-items.newyears-info.urbn-transaprent-half {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 90%;
  }

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

  .half-biggest.small-top-padd {
    padding-top: 12rem;
  }

  .icon-items {
    width: 100%;
  }

  .description {
    font-size: 1.14rem;
  }

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

  .form-block.black-friday-bg {
    background-color: #0000;
    flex-flow: column;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .form-block.winter {
    border-radius: 44px;
  }

  .left-padding {
    padding-top: 1.7rem;
  }

  .list-form {
    width: 100%;
  }

  .form-half {
    margin-top: 9rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .form-half.last-form.black-friday {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-half.last-form.frd-form {
    margin-top: .5rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .form-half.last-form.frd-form.porto {
    margin-top: .5rem;
  }

  .form-half.last-form.last-winte-form {
    padding: 6rem 3rem 4rem;
  }

  .form-div.frd-form {
    width: auto;
  }

  .choise-field {
    height: 67px;
  }

  .button-pf-form {
    padding-right: 50%;
    font-size: .92rem;
  }

  .button-pf-form.red {
    background-position: 10%;
  }

  .arm-img-absolute {
    width: 50%;
    top: 29%;
  }

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

  .gevelop-heading {
    font-size: 1.07rem;
    line-height: 120%;
  }

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

  .biggest-hint {
    font-size: 1.5rem;
  }

  .faq-heading {
    font-size: 1rem;
  }

  .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;
  }

  .cta-img-absolute {
    width: 50%;
    top: 29%;
  }

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

  .images-wrapper {
    width: 70%;
    height: 220px;
  }

  .logo-wrapper {
    width: 40%;
  }

  .items {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-numbers {
    font-size: .7rem;
    display: flex;
  }

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

  .swiper-slide {
    height: 271.375px;
  }

  .swiper-slide.hd {
    width: 95%;
    height: auto;
  }

  .testimonial-slide-wrapper {
    max-width: 29.33%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    right: -10px;
  }

  .info-item-sl {
    max-width: 50%;
    margin-right: 0%;
  }

  .about-slider {
    display: none;
  }

  .list-right-arrow {
    right: -10px;
  }

  .list-left-arrow {
    left: -10px;
  }

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

  .flex-vertical-mob {
    display: flex;
  }

  .about-top-padd {
    margin-top: 3rem;
  }

  .right-row {
    width: 90%;
  }

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

  .two-div {
    margin-top: 1rem;
  }

  .price-icon1, .price-icon2, .price-icon3, .price-icon4, .price-icon5 {
    display: none;
  }

  .popup-content {
    width: 90%;
  }

  .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;
  }

  .panel.hd_quiz_img {
    background-position: 50% 0;
    height: 40dvh;
  }

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

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

  .duo-section.hydro {
    flex-flow: column;
    grid-auto-flow: column dense;
    display: flex;
    overflow: scroll;
  }

  .duo-section.porto, .duo-section.urbn {
    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;
  }

  .form-step {
    display: none;
  }

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

  .panel-urbn.urbn_quiz_img {
    height: 80dvh;
  }

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

  .cut-out-image {
    min-height: 5.6rem;
    max-height: 5.6rem;
  }

  .cut-out-wrapper {
    height: 4rem;
  }

  .hero-image-wrapper {
    min-width: 26.25rem;
    max-width: 26.25rem;
    min-height: 26.25rem;
    max-height: 26.25rem;
  }

  .hero-line {
    width: 25rem;
  }

  .features-flex-wrapper {
    flex-flow: wrap;
  }

  .features-block.reverse-on-tab {
    flex-flow: column;
  }

  .icon {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .features-card-wide {
    min-width: 100%;
    max-width: 100%;
  }

  .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;
  }

  .hero-images-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: .85fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start start;
    display: grid;
  }

  .hero-text-tag._02 {
    top: 20px;
    left: 19px;
  }

  .hero-image-2 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .hero-image-holder._01 {
    justify-content: flex-start;
    align-items: flex-start;
    height: 190px;
  }

  .hero-image-holder._03 {
    width: 100%;
    height: 210px;
    display: flex;
  }

  .hero-image-holder._02 {
    justify-content: center;
    align-items: flex-start;
    height: 190px;
  }

  .hero-section-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .title-caps {
    font-size: 40px;
  }

  .hero-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

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

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

  .large-title {
    font-size: 12vw;
  }

  .hero-images-wrapper-2 {
    height: 50vh;
    min-height: 50vh;
    max-height: 50vh;
  }

  .about-blocks-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 10vw;
  }

  .about-block-2 {
    text-align: left;
    flex-flow: column;
    max-width: none;
  }

  .service-bullet-point {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .stats-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .form-block-5 {
    width: 100%;
    padding-right: 0;
  }

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

  .fixed-bttn {
    width: 25%;
    font-size: .7rem;
    line-height: 100%;
  }

  .fixed-bttn.medium {
    width: 25%;
    bottom: 8%;
  }

  .fixed-bttn.medium.width {
    width: 20%;
    bottom: 15%;
  }

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

  .button-pf-small.centered-txt.small {
    font-size: .7rem;
  }

  .first-block {
    position: relative;
  }

  .very-big-heading.accent-hd-color {
    font-size: 4.7rem;
  }

  .absolute-hd-img-container {
    width: 273px;
    top: -120px;
    bottom: auto;
    left: 10%;
  }

  .absolute-hd-img-container.snow {
    width: 202px;
  }

  .info-hd-line-container {
    margin-top: 6rem;
  }

  .absolute-hd-hint15 {
    bottom: 0%;
    left: 1%;
  }

  .price-hd {
    font-size: 1.42rem;
  }

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

  .txt-big-padd {
    padding-right: 14rem;
  }

  .icon-text-hd {
    font-size: 1rem;
  }

  .author-container, .small-hd-container.bottom-big-padd {
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .absolute-concept-img {
    width: 208px;
    left: 38%;
  }

  .heading-planning {
    font-size: 1.14rem;
  }

  .text-medium-planning {
    font-size: 1.43rem;
  }

  .form-hd-container.top-small-padd.adaptive_width {
    width: 80%;
  }

  .mask-form-bg {
    background-position: 50% 100%;
    inset: 0%;
  }

  .big-precent-heading {
    font-size: 3.8rem;
  }

  .precent-left-flex {
    padding-bottom: 1rem;
  }

  .text-precent-hd {
    line-height: 110%;
  }

  .precent-hd-adress {
    padding-top: 2rem;
  }

  .precent-hd-text {
    font-size: 1.1rem;
  }

  .gallery-hd-img {
    height: 420px;
  }

  .gallery-hd-heading {
    font-size: 1.14rem;
  }

  .hd-biggest-heading {
    font-size: 4rem;
  }

  .price-hd-container, .half-heading-container.heading-hd-width {
    width: 100%;
  }

  .flex-developer-items {
    padding-top: 0;
  }

  .hd-develop-heading {
    font-size: 1.15rem;
  }

  .footer-info-hd {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .policy-div-hd {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .hd-reviews-container {
    width: 100%;
    padding-right: 0;
  }

  .scroll-box {
    margin-top: 60px;
  }

  .scroll-content.right, .scroll-content.left {
    width: 100%;
  }

  .scroll-text {
    font-size: 1rem;
    line-height: 110%;
  }

  .scroll-inner-box {
    width: 100%;
  }

  .circle.right, .circle.left {
    left: -8px;
  }

  .circle.mounth {
    left: -4px;
  }

  .fill-box.v2 {
    left: 1%;
  }

  .scroll-heading {
    font-size: .86rem;
    font-weight: 500;
    line-height: 30px;
  }

  .process-items.left {
    justify-content: flex-end;
    align-items: center;
  }

  .mounth-heading {
    font-size: 1rem;
    font-weight: 500;
    line-height: 30px;
  }

  .small-mounth {
    top: 15%;
    left: 2px;
  }

  .nav-hd-logo {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

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

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

  .container-hd-header {
    padding-left: 1.4rem;
    padding-right: 0;
  }

  .hd-inf-header.menu, .hd-inf-header.absolute-menu-close {
    padding: 1.4rem;
  }

  .custom-progress-progress-1.hd {
    margin-left: 0;
    margin-right: 0;
  }

  .hd-logo-size-fppter {
    width: 175px;
  }

  .absolute-buing-img {
    top: auto;
  }

  ._1hd-absolute, ._2hd-absolute, ._3hd-absolute, ._4hd-absolute, .line-develop {
    display: none;
  }

  .card-info-wrap {
    padding: 32px 24px;
  }

  .slider-hd {
    width: 80%;
  }

  .loader_colums.last, ._5hd-absolute, ._7hd-absolute, ._6hd-absolute, ._8hd-absolute {
    display: none;
  }

  .popup-form {
    width: 80vw;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .popup-form.hydro {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .menu-hd-popup {
    width: 75%;
    height: 60%;
  }

  .small-hd-thanks {
    width: 90%;
  }

  .bttn-full-container {
    justify-content: flex-start;
    align-items: center;
  }

  .feature-caption {
    flex-direction: column;
    align-items: stretch;
  }

  .carousel-container-lines {
    padding-bottom: 72px;
  }

  .footer-container-lines {
    padding: 72px 24px;
  }

  .logo-group {
    grid-column-gap: 64px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .container-lines-legal, .video-container-lines {
    padding-left: 24px;
    padding-right: 24px;
  }

  .video-lightbox-wrapper {
    height: 380px;
  }

  .nav-container-lines {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-button-wrap {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .video-lightbox-link {
    padding: 24px;
  }

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

  .footer-legal-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
  }

  .cta-side {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
  }

  .container-lines-regular {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-line {
    top: -72px;
  }

  .integration-circle-inner {
    width: 180px;
    height: 180px;
  }

  .content-container-lines {
    padding: 72px 24px;
  }

  .feature-container-lines {
    padding-top: 72px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-content {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .footer-main {
    padding-top: 16px;
  }

  .container-lines-large, .container-lines-large.overflow {
    padding: 72px 24px;
  }

  .footer-links {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

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

  .tab-close-wrapper {
    padding: 16px 20px 16px 12px;
  }

  .tab-icon {
    width: 27px;
  }

  .tab {
    width: 300px;
  }

  .tab.vertical {
    bottom: -236px;
  }

  .tab.urbn {
    bottom: -99px;
    left: 0;
  }

  .tab.hydro {
    bottom: -165px;
  }

  .tab.findtrend {
    width: 240px;
  }

  .arrow-svg.left {
    height: 34px;
    left: -19px;
    transform: rotateX(180deg)rotateY(0)rotateZ(60deg);
  }

  .arrow-svg.left.desktop {
    display: none;
  }

  .arrow-svg.left.mob {
    display: flex;
  }

  .arrow-svg.right {
    right: -32px;
    transform: rotate(-35deg);
  }

  .arrow-svg.right.desktop {
    display: none;
  }

  .arrow-svg.right.mob {
    display: flex;
  }

  .tab-content-wrapper.porto {
    padding: 16px 22px;
  }

  .tab-wrapper {
    max-width: 300px;
    margin-top: 0;
  }

  .tab-txt {
    font-size: 16px;
    line-height: 23px;
  }

  .txt-xxl {
    font-size: 36px;
    line-height: 40px;
  }

  .txt-m {
    font-size: 14px;
    line-height: 21px;
  }

  .txt-m.mw-666 {
    max-width: 286px;
  }

  .friday-half-txt {
    width: 86%;
    padding-right: 0;
  }

  .tab-icon-2 {
    width: 90px;
  }

  .tab-box {
    padding: 24px;
  }

  .sfd-wrapper {
    bottom: -61px;
    left: -106px;
  }

  .yjn-wrapper {
    top: -55px;
    right: -116px;
  }

  .tab-txt-2 {
    font-size: 18px;
    line-height: 23px;
  }

  .txt-xxl2 {
    font-size: 36px;
    line-height: 40px;
  }

  .txt-xl {
    font-size: 36px;
    line-height: 42px;
  }

  .txt-xl.mw-1160 {
    font-size: 30px;
    line-height: 32px;
  }

  .friday-img {
    background-position: 50%;
    height: 640px;
  }

  .div-block-83.centered-mob {
    text-align: center;
  }

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

  .description__item {
    width: 400px;
    min-width: 400px;
    max-width: none;
    padding: 36px 36px 46px;
  }

  .black_friday_banner {
    background-color: var(--white);
    justify-content: flex-start;
    align-items: center;
  }

  .black_img_multi {
    background-image: none;
    background-size: auto;
    width: 80%;
    height: auto;
    position: static;
  }

  .frd_content.porto {
    padding-top: 0;
    padding-bottom: 0;
  }

  .frd_width {
    width: 100%;
  }

  .frd_caps_heading.porto {
    font-size: 28px;
  }

  .frd_container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
  }

  .frd-half-container {
    padding-top: 0;
    padding-left: 0;
  }

  .frd-banner-container {
    height: auto;
  }

  .wht-txt-frd {
    font-size: 14px;
    line-height: 21px;
  }

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

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

  .button-4 {
    padding-right: 50%;
    font-size: .92rem;
  }

  .button-4.red {
    background-position: 10%;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .hero-winter-img {
    background-position: 30% 100%;
  }

  .h1-p-winter {
    font-size: 68px;
  }

  .txt-p-container {
    padding-right: 20%;
  }

  .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-container.absolute {
    position: absolute;
    inset: auto 0% 0%;
  }

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

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

  .popup-information {
    flex-flow: column;
    max-height: 840px;
  }

  .popup-information.birhday-porto-bg {
    flex-flow: column;
    height: 100%;
  }

  .popup-information.hydro-birhday-bg {
    flex-flow: column;
  }

  .popup-information.multi-birhday-bg {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .popup-information.hd_overflow {
    overflow: visible;
  }

  .popup-information.urbn_color-copy {
    background-image: radial-gradient(circle at 0 0, #005c6c, #fff0 42%);
    flex-flow: column;
  }

  .newyears-txt {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .text-years {
    font-size: 14px;
  }

  .text-years-big {
    font-size: 17px;
  }

  .precent-newyers-container {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .new-years-form {
    width: 400px;
  }

  .new-years-form.urbn-width {
    width: 300px;
  }

  .button-urbn {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .birhday-info {
    width: 35%;
  }

  .birhday-txt {
    width: auto;
  }

  .brthd-big {
    font-size: 20px;
  }

  .brdht-medium {
    font-size: 16px;
  }

  .brdht-small {
    font-size: 17px;
  }

  .birhday-form {
    width: auto;
  }

  .button-red-porto {
    padding-right: 50%;
    font-size: .92rem;
  }

  .close-hydro {
    z-index: 8;
    top: -90%;
  }

  .birthday-block {
    background-color: var(--_vertical-colors---brand);
    width: auto;
    height: auto;
  }

  .img_absolute_urbn {
    display: none;
    position: relative;
  }

  .img_urbn_mob {
    display: block;
    position: relative;
  }

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

  .heading-3 {
    display: flex;
  }

  .maps_items.top_padd {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-right: 16px;
  }

  .invest_txt_item {
    flex-flow: column;
  }

  .container_u.sticky_big {
    position: relative;
  }

  .container_u.big_padd {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block {
    display: none;
  }

  .urbn_sl {
    padding-top: 21px;
  }

  .main-explore__grid-wrap {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
  }

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

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

  .maps_block {
    height: auto;
  }

  .main__grad {
    width: 144px;
  }

  .absolute_grafiti1 {
    width: 100px;
  }

  .dark_relative_img-copy {
    width: 100px;
    top: 35%;
  }

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

  .marquee-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .button_urbn {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .render_absolute_img {
    width: 100%;
    position: relative;
  }

  .building_block {
    padding-bottom: 0;
  }

  .maps_items-copy.top_padd {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 0%;
    padding-right: 16px;
  }

  .map_info {
    width: 100%;
    padding-top: 8vw;
    padding-bottom: 10vw;
  }

  .section_u.relative.mob_flex_display {
    flex-flow: row-reverse wrap-reverse;
    display: flex;
  }

  .first_absolute_img {
    width: 140px;
    left: 21%;
  }

  .footer-info-hd-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .two_absolute_img {
    width: 120px;
    top: -15%;
  }

  .main-explore {
    padding-top: 80px;
  }

  .nav_menu_urbn {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
    display: none;
  }

  .hero_block {
    height: 600px;
    padding-bottom: 0;
  }

  .splitscreen-column.left {
    height: auto;
  }

  .img_mob {
    justify-content: space-between;
    width: 100%;
    display: none;
    position: relative;
  }

  .planning_card {
    width: 100%;
  }

  .text_u.centered.small_width {
    width: 40%;
  }

  .text_u._30 {
    width: 100%;
  }

  .bg_hero_img {
    display: none;
    inset: 0%;
  }

  .bg_hero_img.padd_top {
    display: flex;
  }

  .big_txt {
    font-size: 35px;
  }

  .main-explore__grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px 9px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    min-width: 690px;
  }

  .main-explore__grid-slider {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .main-explore__grid-slider.no_gap {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .dark_relative_img {
    width: 75px;
  }

  .flex_heading {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .testimonial-card-2 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .maps_txt_items {
    padding-right: 16px;
  }

  .txt_heading_column.horizontal {
    width: 100%;
    padding-right: 0;
  }

  .nav_menu_block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    width: 100%;
  }

  .circle_map {
    bottom: 20%;
    left: 15%;
  }

  .half.double_padd.full_flex {
    width: 100%;
    padding-top: 4vw;
  }

  .half.top_padd.full_flex {
    width: 100%;
  }

  .half.top_padd.full_flex.relative.none_mob {
    display: none;
  }

  .left_width.d_half {
    width: 60%;
  }

  .build_txt {
    font-size: .78rem;
  }

  .thanks_block {
    padding-top: 12vw;
  }

  .button_social {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .close-popup-2.mob {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    right: -5%;
  }

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

  .answer_width {
    width: 100%;
  }

  .faq-heading-2 {
    font-size: 1rem;
  }

  .faq-heading-2.centered {
    font-size: .9rem;
  }
}

@media screen and (max-width: 479px) {
  .section.home-aection {
    padding-top: 168px;
    padding-bottom: 40px;
  }

  .container {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .container.footer {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.dark_bg_frd {
    background-color: #f8f8f8;
  }

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

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

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

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

  .heading-container.right {
    justify-content: center;
    align-items: flex-start;
  }

  .h1 {
    font-size: 2rem;
  }

  .h1.centered {
    font-size: 2.29rem;
  }

  .bttn-div.left-align {
    padding-top: 2rem;
  }

  .button-pf {
    padding-left: 35px;
    padding-right: 4px;
    font-size: 1rem;
  }

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

  .small-adress {
    padding-bottom: .217rem;
  }

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

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

  .text-container.buing-hd-padd {
    padding-top: 16px;
  }

  .text-container.buing-hd-padd.last {
    padding-top: 61px;
    padding-left: 10rem;
  }

  .text-container.process {
    width: 240px;
  }

  .text-container._80 {
    width: 90%;
  }

  .text-container.smaller-frd-txt {
    width: 100%;
  }

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

  .biggest-heading.centered {
    font-size: 1.8rem;
  }

  .description-container.small {
    width: 90%;
  }

  .description-container.medium, .description-container.double-padd.full-mob, .description-container.big-gallery {
    width: 100%;
  }

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

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

  .text.right-hd {
    text-indent: 6rem;
  }

  .text.hd-bu-txt {
    font-size: .85rem;
  }

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

  .flex-horizontal-row.top-padding.adv-direction {
    flex-flow: column;
  }

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

  .flex-horizontal-row._4relative {
    align-items: stretch;
  }

  .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;
  }

  .half-items.flex-vertical.advantages, .half-items.flex-vertical.developer {
    margin-top: 2rem;
  }

  .half-items.newyears-info {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .half-items.newyears-info.vertical-bg {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .half-items.newyears-info.birghday-porto-linear-bg {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .half-items.newyears-info.hydro-blur-bg {
    width: 100%;
  }

  .half-items.newyears-info.urbn-transaprent-half {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
  }

  .h2 {
    font-size: 1.71rem;
  }

  .advantages-card {
    width: 100%;
  }

  .advantages-card.two, .advantages-card.three {
    margin-top: 3.33%;
  }

  .card-icon {
    margin-bottom: 2rem;
  }

  .half-biggest.small-top-padd {
    padding-top: 13rem;
  }

  .orange-bg-icon {
    width: 80px;
  }

  .list-items {
    margin-top: .5rem;
  }

  .list-items.first.mob {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .list-items.first.desktop, .list-items.desktop {
    display: none;
  }

  .list-items.mob {
    display: flex;
  }

  .list-icon {
    width: 10%;
    height: auto;
  }

  .list-text {
    width: 90%;
    font-size: 1rem;
    line-height: 120%;
  }

  .green-bg-icon {
    width: 80px;
  }

  .left-padding {
    padding-top: 1rem;
  }

  .form-half {
    padding-left: 0;
    padding-right: 0;
  }

  .form-half.last-form {
    margin-top: 6rem;
  }

  .form-half.last-form.last-winte-form {
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 0;
    margin-top: 0;
    padding-top: 6rem;
    padding-left: .87rem;
    padding-right: .87rem;
    display: flex;
    top: -25px;
  }

  .form-heading {
    font-size: 1.57rem;
  }

  .form-div.frd-form {
    width: auto;
  }

  .field {
    font-size: 16px;
  }

  .choise-field {
    height: 69.5px;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 16px;
  }

  .button-pf-form {
    padding-left: 5px;
    padding-right: 40%;
    font-size: .8rem;
  }

  .button-pf-form.red {
    height: 76px;
  }

  .button-pf-form.red.frd-land {
    padding-left: 42px;
    padding-right: 42px;
  }

  .arm-img-absolute {
    width: 80%;
    display: none;
  }

  .gallery-heading {
    font-size: 1.71rem;
  }

  .gevelop-heading {
    font-size: 1.07rem;
  }

  .question-inner {
    padding-right: 1rem;
  }

  .faq-heading {
    font-size: 1rem;
    line-height: 120%;
  }

  .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;
  }

  .cta-img-absolute {
    width: 100%;
    display: none;
  }

  .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;
  }

  .images-wrapper {
    width: 90%;
    height: 160px;
  }

  .logo-wrapper {
    width: 60%;
  }

  .page-loader_text {
    font-size: 1.5rem;
  }

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

  .left-top-img {
    width: 100px;
    top: 5%;
  }

  .left-bottom-img {
    width: 50px;
    bottom: 6%;
    left: 4%;
  }

  .right-top-img {
    width: 80px;
    top: 3%;
  }

  .right-bottom-img {
    width: 100px;
    bottom: 5%;
    right: 2%;
  }

  .horizontal-items {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .number {
    margin-right: .125rem;
  }

  .tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .swiper-button-next {
    width: 35px;
  }

  .arrows {
    margin-top: .3px;
    margin-bottom: .3px;
  }

  .swiper-button-prev {
    width: 35px;
    margin-right: .1rem;
  }

  .tabs-menu {
    display: block;
  }

  .plannin-card {
    width: 100%;
  }

  .planning-heading {
    font-size: 1.4rem;
  }

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

  .plan-text {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .planning-pf-button {
    padding-left: 20px;
    font-size: .85rem;
  }

  .swiper {
    flex-flow: wrap-reverse;
    display: block;
  }

  .swiper-slide {
    height: 152.883px;
  }

  .swiper-slide.hd {
    width: 95%;
  }

  .custom-counter {
    font-size: .9rem;
  }

  .testimonial-slider {
    max-width: 100%;
    margin-top: 0;
  }

  .testimonial-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .testimonial-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    left: -10px;
  }

  .testimonial-slider-right {
    padding-right: 0;
    right: -10px;
  }

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

  .small-text.link.mob-none {
    display: none;
  }

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

  .info-item-sl {
    max-width: 100%;
    margin-right: 0%;
  }

  .about-slider {
    max-width: 100%;
    margin-top: 0;
  }

  .list-right-arrow {
    margin-right: -10px;
    padding-right: 0;
    right: -10px;
  }

  .list-left-arrow {
    margin-left: -10px;
    left: -10px;
  }

  .container-sw {
    background-color: var(--green);
    border-top-right-radius: 0;
    border-bottom-right-radius: 75px;
    width: 75%;
    margin-left: 0;
    padding: 1rem 1rem 1rem .7rem;
    position: relative;
  }

  .price-container {
    flex-flow: wrap-reverse;
    display: flex;
  }

  .right-row {
    background-color: var(--green);
    width: 100%;
    padding: 4rem .5rem 4rem 1rem;
    position: relative;
    top: 0;
  }

  .price-heading {
    font-size: 1.6rem;
  }

  .text-smaller {
    font-size: .65rem;
  }

  .bttn-txt-div {
    padding-right: 45px;
  }

  .secondary-bttn-txt, .txt-bttn {
    font-size: 1rem;
  }

  .popup-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .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;
  }

  .panel.hd_quiz_img {
    position: relative;
    left: 0;
  }

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

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

  .duo-section.hydro {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .duo-section.porto, .duo-section.urbn {
    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;
  }

  .form-step {
    display: none;
  }

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

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

  .panel-urbn.urbn_quiz_img {
    height: 45dvh;
  }

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

  .cut-out-wrapper {
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .cut-out-flex {
    display: none;
  }

  .hero-image-wrapper {
    justify-content: space-between;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: 15rem;
    max-height: 15rem;
  }

  .hero-image-wrapper.slide-from-left-animation {
    min-height: 100vw;
    max-height: 100vw;
  }

  .hero-image {
    object-fit: cover;
    object-position: 100% 0%;
  }

  .hero-line {
    width: 90vw;
  }

  .features-flex-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    width: 100%;
  }

  .features-block.reverse-on-tab {
    align-items: stretch;
  }

  .icon {
    min-width: 2.2rem;
    max-width: 2.2rem;
    min-height: 2.2rem;
    max-height: 2.2rem;
  }

  .features-card-small {
    min-width: 100%;
    max-width: 100%;
    min-height: 8rem;
    max-height: 8rem;
    padding: 2rem;
  }

  .features-flex.space-between.align-center {
    flex-flow: wrap-reverse;
  }

  .features-card-wide {
    min-width: 100%;
    max-width: 80%;
    min-height: 13rem;
    max-height: 13rem;
    padding: 2rem;
  }

  .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;
  }

  .hero-images-wrapper {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto;
    grid-template-columns: .85fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .hero-text-tag {
    bottom: 24px;
  }

  .hero-text-tag._02 {
    top: 7px;
    left: 19px;
  }

  .hero-text-tag._01 {
    bottom: 19px;
    right: 5px;
  }

  .hero-image-2 {
    object-fit: cover;
    height: 100%;
  }

  .hero-image-holder._01 {
    width: 100%;
    height: 100px;
  }

  .hero-image-holder._03 {
    width: 100%;
    height: 190px;
    display: flex;
  }

  .hero-image-holder._02 {
    width: 100%;
    height: 100px;
  }

  .hero-text._02 {
    font-size: 15px;
  }

  .hero-text._01 {
    font-size: 13px;
  }

  .title-caps {
    font-size: 30px;
  }

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

  .container-2 {
    max-width: none;
  }

  .hero-section {
    padding-left: 0;
    padding-right: 0;
  }

  .large-title {
    font-size: 12vw;
  }

  .hero-images-wrapper-2 {
    height: 95vh;
    min-height: 95vh;
    max-height: 95vh;
  }

  .page-title {
    mix-blend-mode: color-dodge;
    padding-top: 5rem;
    padding-left: 10px;
    padding-right: 10px;
    top: 10vh;
  }

  .hero-image-foreground {
    top: 45%;
  }

  .about-blocks-wrapper {
    padding-right: 4vw;
  }

  .animated-grid-image {
    width: auto;
    height: auto;
  }

  .services-list {
    align-items: flex-start;
    display: block;
  }

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

  .stat {
    font-size: 2rem;
  }

  .bottom-margin-20px {
    text-align: center;
  }

  .button-pf-big {
    padding-left: 35px;
    padding-right: 35px;
    font-size: 1rem;
  }

  .fixed-bttn {
    width: 30%;
    bottom: 6%;
  }

  .fixed-bttn.medium.width {
    width: 30%;
    bottom: 10%;
  }

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

  .button-pf-small.centered-txt.small {
    font-size: .7rem;
  }

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

  .hydro-hint {
    margin-bottom: 2rem;
  }

  .very-big-heading.accent-hd-color {
    font-size: 3rem;
  }

  .absolute-hd-img-container {
    z-index: 3;
    width: 173px;
    position: absolute;
    top: -80px;
    bottom: 0;
    left: 10%;
  }

  .absolute-hd-img-container.snow {
    width: 132px;
  }

  .info-hd-line-container {
    margin-top: 3.5rem;
  }

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

  .info-hd-grid.desktop {
    display: none;
  }

  .info-hd-grid.mob {
    grid-column-gap: 31px;
    grid-row-gap: 31px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 49% 49%;
    grid-auto-columns: .3rem;
    justify-content: space-between;
    display: flex;
  }

  .absolute-hd-hint15 {
    bottom: 0%;
    left: 1%;
  }

  .absolute-hd-hint15-copy {
    bottom: auto;
    right: 0%;
  }

  .info-grid-item.right-align {
    justify-content: center;
    align-items: center;
  }

  .info-grid-item.right-align.button-padd {
    padding-top: 15px;
  }

  .info-grid-item.mob {
    width: 50%;
  }

  .info-grid-item._85 {
    width: 85%;
  }

  .price-hd {
    font-size: 1.3rem;
  }

  .half-container.full-mob {
    width: 100%;
  }

  .heading-hd.white {
    font-size: 2.2rem;
  }

  .txt-big-padd {
    padding-right: 0;
  }

  .txt-big-padd.double-padd.hd {
    align-items: stretch;
  }

  .bttn-hd-container.secondary-bttn {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bttn-hd-container.secondary-bttn.flex-left-display.mob {
    justify-content: center;
    align-items: center;
    padding-top: 6.64rem;
    padding-bottom: 2.64rem;
  }

  .author-container {
    padding-left: 0;
    padding-right: 0;
  }

  .arhitect-img-container {
    width: 190px;
  }

  .small-hd-container.bottom-big-padd {
    padding-left: 0;
    padding-right: 0;
  }

  .small-hd-container.form-hd-width.adaptive_width {
    padding-top: 6rem;
    padding-left: 0;
    padding-right: 0;
  }

  .big-hd-container.hd-build-absolute {
    height: auto;
  }

  .big-hd-container.flex-different-aling {
    flex-flow: column;
  }

  .right-items-hd-padd {
    padding-right: 7rem;
  }

  .tab-multi {
    padding-left: 15px;
    padding-right: 15px;
    font-size: .8rem;
  }

  .tabs-menu-multilink {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 280px;
  }

  .land-multilink {
    padding-right: 7px;
    position: relative;
  }

  .info-landing-container {
    width: 65%;
  }

  .info-multilink {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .link-icon-multi {
    position: absolute;
    inset: 2% 2% auto auto;
  }

  .succ-container.centered.red-color {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .succ-container.centered.white_color_bg {
    margin-bottom: 12rem;
  }

  .build-info-item.mob-none {
    display: none;
  }

  .logo-container.big {
    width: 176px;
  }

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

  .maps-button {
    width: 151px;
    font-size: .8rem;
  }

  .adress-small-container {
    width: 85%;
  }

  .hd-half-container-px {
    width: auto;
  }

  .absolute-concept-img {
    width: 168px;
    left: 30%;
  }

  .card-hd-planning {
    padding: 1.57rem;
  }

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

  .area-container {
    text-align: center;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
  }

  .area-container.left {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .absolute-cta-hd-img {
    left: 15%;
  }

  .form-hd-container.top-small-padd.adaptive_width {
    width: 100%;
  }

  .mask-form-bg {
    background-position: 50% 100%;
  }

  .green-pf-10precent {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-bottom-right-radius: 140px;
  }

  .big-precent-heading {
    font-size: 2rem;
  }

  .precent-left-flex {
    padding-bottom: .5rem;
  }

  .precent-small-hd {
    padding: 1rem;
  }

  .text-precent-hd {
    font-size: .72rem;
  }

  .precent-hd-adress {
    padding-top: 1rem;
  }

  .hd-flex-left {
    padding-top: 0;
    padding-bottom: 12px;
  }

  .gallery-hd-heading {
    font-size: 1.14rem;
  }

  .hd-biggest-heading {
    font-size: 2.85rem;
  }

  .advantages-hd {
    flex-flow: wrap;
    width: auto;
  }

  .footer-info-hd {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

  .footer-policy-hd {
    flex-flow: column;
    padding-left: .86rem;
    padding-right: .86rem;
  }

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

  .footer-hd-form {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hd-reviews-container {
    padding-right: 0;
  }

  .hd-review-text {
    font-size: 1rem;
    font-weight: 400;
  }

  .scroll-text {
    font-size: 1rem;
    line-height: 110%;
  }

  .circle.right, .circle.left {
    left: -10px;
  }

  .circle.mounth {
    left: -6px;
  }

  .right-process-container.month {
    padding-bottom: 30px;
  }

  .right-process-container.month-double {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .right-process-container.top-padd {
    padding-top: 30px;
  }

  .process-items {
    width: auto;
  }

  .left-process-container {
    padding-top: 30px;
  }

  .small-mounth {
    left: 0;
  }

  .nav-hd-logo {
    width: 134px;
  }

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

  .container-hd-header {
    padding-left: 1.2rem;
    padding-right: 0;
  }

  .hd-inf-header.menu, .hd-inf-header.absolute-menu-close {
    background-color: #22454d33;
    border-style: solid;
    border-color: #22454d33;
  }

  .swiper-wrapper-hd.top-bighd-double-padd {
    padding-bottom: 2rem;
  }

  .custom-progress-progress-1.hd {
    width: 200px;
  }

  .absolute-buing-img {
    width: 84px;
    top: auto;
  }

  .hd-mob-info {
    grid-column-gap: 1%;
    grid-row-gap: 1%;
    justify-content: space-between;
    display: flex;
  }

  .sticky-gallery {
    padding-left: .85rem;
    padding-right: .85rem;
    position: static;
  }

  .testimonial-image {
    width: 68px;
    height: 60px;
  }

  .client-title, .client-name {
    font-size: .8rem;
  }

  .card-info-wrap {
    padding: 16px;
  }

  .slider-icon, .slider-icon.frosted-glass {
    opacity: .5;
  }

  .hd-widget-gplus-container {
    width: 90%;
  }

  .bold-text {
    font-size: .7rem;
  }

  .sticky-header {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .popup-form {
    width: 97vw;
    padding-bottom: 3rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .popup-form.hydro {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .popup-logo-hd {
    margin-top: 4rem;
  }

  .menu-hd-popup {
    width: 85%;
    height: 60%;
    padding-bottom: 2rem;
  }

  .small-hd-thanks {
    width: 97%;
  }

  .logo-group {
    grid-column-gap: 28px;
  }

  .grid-two-column {
    grid-template-columns: 100%;
  }

  .footer-contact-details {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .feature-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .video-lightbox-wrapper {
    height: 340px;
  }

  .wrap-v-xlarge {
    width: 100%;
  }

  .nav-container-2 {
    justify-content: space-between;
    display: flex;
  }

  .button-primary-small {
    width: 100%;
  }

  .nav-button-group {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .footer-legal-wrap {
    align-items: center;
  }

  .nav-menu {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: #0000007a;
    top: 72px;
  }

  .menu-button {
    background-color: #070707;
    background-image: none;
    border: 1px solid #252527;
    border-radius: 12px;
    padding: 12px;
  }

  .feature-line {
    left: 28px;
  }

  .footer-legal {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .feature-heading {
    padding-left: 24px;
    padding-right: 24px;
  }

  .label-regular {
    white-space: normal;
  }

  .navigation-link {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .integration-circle {
    display: none;
  }

  .h-form {
    flex-direction: column;
  }

  .cta-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-line {
    width: 80px;
  }

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

  .button-primary {
    width: 100%;
  }

  .feature-card-buton-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .invest-nubrs {
    font-size: 2rem;
  }

  .tab-close-wrapper {
    margin-right: 6px;
    padding: 12px 10px 12px 5px;
  }

  .tab-icon.hydro, .tab-icon.vertical {
    width: 40px;
  }

  .tab.vertical {
    width: 320px;
  }

  .tab.twitt, .tab.urbn, .tab.hydro {
    width: 300px;
  }

  .tab.findtrend {
    width: 160px;
  }

  .arrow-svg.left {
    transform: rotateX(190deg)rotateY(0)rotateZ(60deg);
  }

  .arrow-svg.left.desktop {
    display: none;
  }

  .arrow-svg.right {
    transform: rotate(-45deg);
  }

  .arrow-svg.mob {
    display: flex;
  }

  .tab-content-wrapper.hydro {
    padding-right: 22px;
  }

  .tab-content-wrapper.porto {
    padding: 16px 22px;
  }

  .tab-content-wrapper.vertical {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tab-wrapper {
    margin-top: -60px;
  }

  .tab-txt {
    font-size: 14px;
  }

  .txt-xxl {
    margin-bottom: 0;
    font-size: 38px;
  }

  .txt-m.mw-666.none-mob {
    display: none;
  }

  .friday-half-txt {
    width: 100%;
    padding-right: 0;
  }

  .tab-icon-2 {
    width: 80px;
  }

  .tab-box.mb-60 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 190px;
    margin-top: 5rem;
    padding: 16px;
    display: flex;
  }

  .sfd-wrapper {
    bottom: -40px;
    left: -89px;
  }

  .yjn-wrapper {
    top: 0;
    right: -118px;
  }

  .tab-txt-2.blkfrd {
    font-size: 12px;
  }

  .txt-xxl2 {
    font-size: 34px;
  }

  .txt-xxl2.small {
    font-size: 24px;
    line-height: 24px;
  }

  .txt-xl {
    font-size: 26px;
    line-height: 28px;
  }

  .txt-xl.mw-1160 {
    max-width: none;
    font-size: 28px;
    line-height: 28px;
  }

  .friday-img {
    background-position: 50%;
    background-size: cover;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 0;
    height: 460px;
  }

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

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

  .description-list {
    grid-row-gap: 20px;
    flex-direction: column;
    padding-top: 0;
  }

  .description__item {
    width: 340px;
    min-width: auto;
    padding: 38px 38px 46px;
  }

  .heading-2 {
    font-size: 16px;
  }

  .dedscription-text {
    font-size: 14px;
  }

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

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

  .black_friday_banner {
    background-color: var(--white);
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    position: fixed;
    overflow: scroll;
  }

  .black_img_multi {
    background-position: 20%;
    width: 100%;
    height: auto;
    position: relative;
  }

  .frd_content, .frd_width {
    width: 100%;
  }

  .frd_width.porto {
    width: auto;
  }

  .frd_caps_heading {
    font-size: 25px;
  }

  .frd_container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .frd-txt {
    font-size: 16px;
    line-height: 24px;
  }

  .frd-txt.small-h {
    font-size: 14px;
  }

  .frd-accent-txt {
    font-size: 22px;
  }

  .frd-half-container {
    padding-top: 0;
    padding-left: 0;
  }

  .bold34 {
    font-size: 22px;
  }

  .cover_image {
    height: 320px;
  }

  .close_frd_banner {
    inset: 5% 5% auto auto;
  }

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

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

  .button-4 {
    padding-left: 5px;
    padding-right: 40%;
    font-size: .8rem;
  }

  .button-4.red {
    height: 76px;
  }

  .button-4.red.frd-land {
    padding-left: 22px;
    padding-right: 22px;
  }

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

  .small-hero-winter {
    padding-right: 0%;
  }

  .h1-p-winter {
    font-size: 3.4rem;
  }

  .txt-p-container {
    padding-top: 1rem;
    padding-right: 0%;
  }

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

  .absolute-small {
    width: 120px;
    left: 10%;
  }

  .field-hd-2 {
    font-size: 16px;
  }

  .hd-gallery-full {
    flex-flow: column;
  }

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

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

  .legal-container.absolute {
    position: absolute;
    top: auto;
  }

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

  .popup-information {
    width: 98%;
  }

  .logo-img-container {
    width: 156px;
  }

  .button-info-tel {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
  }

  .button-info-tel.mob-none {
    display: none;
  }

  .text-years {
    font-size: 10px;
  }

  .text-years.small {
    font-size: 11px;
  }

  .text-years-big {
    font-size: 14px;
  }

  .precent-newyers-container {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    justify-content: space-between;
  }

  .new-years-form {
    width: 320px;
    padding-bottom: 4vw;
  }

  .new-years-form.urbn-width {
    width: 300px;
  }

  .hydro-precent {
    width: 130px;
  }

  .hydro-popup-absolute-img {
    display: none;
    position: absolute;
    top: 100%;
    bottom: 0%;
  }

  .button-urbn {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .field-urbn {
    font-size: 16px;
  }

  .vertical-precent {
    width: 180px;
  }

  .birhday-info {
    width: 151px;
  }

  .birhday-txt {
    padding-left: .5vw;
    padding-right: .5vw;
  }

  .brthd-big.center-txt.big {
    font-size: 19px;
  }

  .brdht-medium {
    font-size: 12px;
  }

  .brdht-small {
    font-size: 14px;
  }

  .birhday-form {
    padding-bottom: 4vw;
  }

  .button-red-porto {
    padding-left: 5px;
    padding-right: 40%;
    font-size: .8rem;
  }

  .close-hydro {
    top: 5%;
  }

  .legal-container-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .flex_horizontal_row.mob_vertical {
    flex-flow: column;
  }

  .field-urbn_f {
    font-size: 16px;
  }

  .footer-half-hd-2 {
    justify-content: center;
    align-items: center;
  }

  .logo_header_urbn {
    width: 90px;
  }

  .container_u.sticky_big {
    margin-bottom: 0;
    position: relative;
  }

  .container_u.big_padd {
    padding-left: 16px;
    padding-right: 16px;
  }

  .urbn_sl {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .small-text_u {
    font-size: 12px;
  }

  .f_ic_items {
    width: 100%;
  }

  .phone-bg-2 {
    display: flex;
  }

  .icon-2 {
    width: 75px;
  }

  .number_u {
    font-size: 16px;
  }

  .absolute_grafiti1 {
    width: 140px;
    bottom: 0%;
    left: 2%;
  }

  .dark_relative_img-copy {
    z-index: 10;
    width: 80px;
    top: 65%;
    left: -10%;
  }

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

  .img_full.small_padd {
    padding-bottom: 16px;
  }

  .button_urbn {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .button_urbn.white_color, .button_urbn.brand_color, .button_urbn.planning_button {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }

  .render_absolute_img {
    width: 100%;
    position: relative;
  }

  .building_block {
    padding-bottom: 0;
  }

  .maps_items-copy.top_padd {
    padding-left: 0;
    padding-right: 0;
  }

  .section_u.relative.mob_flex_display {
    flex-flow: row-reverse wrap-reverse;
    justify-content: flex-end;
    display: flex;
  }

  .section_u.full {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .first_absolute_img {
    left: 20%;
  }

  .footer-info-hd-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .two_absolute_img {
    z-index: 10;
    width: 60px;
    top: -21%;
    right: 60%;
  }

  .slide-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .flex_vertical_row.center.streacht_gap {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .flex_vertical_row.f_align {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .time_item {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .render_absolute_logo {
    display: none;
  }

  .nav_menu_urbn {
    flex-direction: column;
  }

  .hero_block {
    height: 580px;
    padding-top: 26vw;
  }

  .hero_block.urbn {
    padding-top: 18vw;
  }

  .splitscreen-column.left {
    padding-left: 16px;
    padding-right: 16px;
  }

  .img_mob {
    z-index: 0;
    display: flex;
  }

  .img_mob.hero {
    z-index: 51;
  }

  .text_u._50.full_mob {
    width: 100%;
  }

  .text_u._75 {
    width: 55%;
  }

  .text_u.centered.small_width {
    text-align: left;
    width: 100%;
    padding-top: 6vw;
  }

  .quick-stack {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .bg_hero_img.padd_top {
    padding-top: 68vw;
    display: none;
  }

  .big_txt {
    font-size: 8.29vw;
  }

  .half_form {
    background-image: linear-gradient(#fff 24%, #e9e7bc);
    margin-top: 55px;
    margin-bottom: 55px;
    padding: 26px 22px;
  }

  .logo_f {
    display: none;
  }

  .dark_relative_img {
    z-index: 10;
    width: 100px;
    display: block;
    top: 5%;
    right: -25%;
  }

  .description_u {
    font-size: 13px;
  }

  .testimonial-card-2 {
    height: 355px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .txt_heading_column {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-right: 0;
  }

  .circle_map {
    bottom: 10%;
    left: 10%;
  }

  .half.flex_bottom.mob_none, .half.top_padd.full_flex.relative_card, .half.top_padd.full_flex.relative.none_mob {
    display: none;
  }

  .half.top_padd.right_align.mob_full_width {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-top: 6vw;
  }

  .half.small_left_padd.white_txt {
    padding-left: 2%;
  }

  .half.flex.mob_full {
    width: 100%;
  }

  .price_absolute {
    width: 100%;
    position: relative;
    bottom: auto;
    left: 0;
    right: 0%;
  }

  .time {
    width: 35%;
  }

  .f_wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .big_txt_content {
    padding: 20vw .5vw;
  }

  .left_width.d_half {
    width: 90%;
  }

  .mob_hero_txt {
    padding-top: 9vw;
  }

  .thanks_block {
    padding-top: 16vw;
  }

  .button_social {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .close-popup-2.mob {
    right: 5%;
  }

  .div-block-84 {
    width: 5%;
  }

  .faq-icon-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 15%;
    display: flex;
    overflow: hidden;
  }

  .question-faq-2 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    justify-content: space-between;
    align-items: center;
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .answer_width {
    min-width: auto;
  }

  .question-inner-2 {
    width: 70%;
    padding-right: 1rem;
  }

  .faq-heading-2 {
    font-size: 1rem;
    line-height: 120%;
  }

  .faq-heading-2.centered {
    text-align: left;
  }

  .answer-faq-2 {
    width: 320px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .answer-faq-2.w--open {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

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

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

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36411-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36412-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36413-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36414-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36415-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36416-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36419-69b30e36, #w-node-_3170c124-3aca-f141-7630-acf7b3a1d113-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3641e-69b30e36, #Button.w-node-_3c923b79-cdae-70a7-4d05-d292f5c36420-69b30e36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

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

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

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

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

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648c-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648d-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648e-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648f-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36490-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36491-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36492-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36494-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36495-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36499-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3649d-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364a2-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364a4-69b30e36 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c364aa-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ab-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ac-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ad-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364ae-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364af-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364b9-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364bc-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c3-69b30e36, #submit.w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c5-69b30e36, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364c8-69b30e36, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5326-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f532b-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f532c-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f532d-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f532e-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f532f-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5330-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5331-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5334-f6978e3c, #w-node-_13c1ee7a-1fe8-dac9-4f1e-e01cc63a8500-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5339-f6978e3c, #Button.w-node-a13ac87d-0cae-875b-e7b0-792e7a9f533b-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5340-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5341-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5342-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5343-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5344-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5345-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5346-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5347-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5349-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f534a-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f534e-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5352-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5356-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f535b-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f535d-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5362-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5363-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5364-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5365-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5366-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5367-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5368-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5369-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f536b-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f536c-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5370-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5374-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5378-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f537c-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5381-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5383-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5388-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5389-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538a-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538b-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538c-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538d-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538e-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f538f-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5391-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5392-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5396-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f539a-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f539e-f6978e3c, #back.w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53a3-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53a5-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53aa-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ab-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ac-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ad-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ae-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53af-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53b0-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53b1-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53b3-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53b4-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53b8-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53bc-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53c1-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53c3-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53c8-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53c9-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ca-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53cb-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53cc-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53cd-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53ce-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53cf-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53d2-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53d9-f6978e3c, #submit.w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53db-f6978e3c, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53de-f6978e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0e36c7e-988d-894a-e5da-51dccf64e1f7-3ad93d8c {
  justify-self: end;
}

#w-node-_2a020f77-140c-6eda-3f43-2cfbce26317e-718ad828 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc892429-202a-fa8a-c9c7-25b953c0f175-718ad828, #w-node-_1aefe541-d4fd-0312-23ab-60081fd4c479-718ad828, #w-node-_67775318-fc0c-b1d9-0cae-ec782f2c300d-718ad828, #w-node-b4aab13e-1259-6893-3fbe-03a3969cdd35-718ad828 {
  justify-self: end;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d8fa-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d904-9a42ab9b {
  justify-self: end;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d95b-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51d999-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51d9fd-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51da32-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b24-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b59-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5ce2604d-8d70-4a0a-60c0-0522a133c005-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_5ce2604d-8d70-4a0a-60c0-0522a133bfcd-9a42ab9b, #w-node-_81970851-9398-4460-65a5-52b851572721-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81970851-9398-4460-65a5-52b851572759-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51dacf-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51dadb-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51dae7-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51daff-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db09-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db57-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db7f-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51dbb3-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51dbed-9a42ab9b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d8fa-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d904-fa5b31f2 {
  justify-self: end;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51d95b-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51d999-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51d9fd-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51da32-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b24-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b59-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_5ce2604d-8d70-4a0a-60c0-0522a133c005-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_5ce2604d-8d70-4a0a-60c0-0522a133bfcd-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51dacf-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51dadb-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51dae7-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51daff-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db09-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db57-fa5b31f2, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db7f-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51dbb3-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7dc86520-ab75-0803-bde1-7d344d51dbed-fa5b31f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

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

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

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c36411-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36412-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36413-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36414-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36415-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36416-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36419-98474427, #w-node-bb5f2a21-b9a4-89f2-57af-d49f0050f1f3-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3641e-98474427, #Button.w-node-_3c923b79-cdae-70a7-4d05-d292f5c36420-98474427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

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

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

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

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

#w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648c-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648d-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648e-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3648f-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36490-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36491-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36492-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36494-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36495-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36499-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c3649d-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364a2-98474427, #w-node-_3c923b79-cdae-70a7-4d05-d292f5c364a4-98474427 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcf9bd-8de07d4c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbde-8de07d4c {
  grid-area: 1 / 1 / 16 / 11;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbe1-8de07d4c {
  grid-area: 16 / 1 / 26 / 11;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbe4-8de07d4c {
  grid-area: 26 / 1 / 34 / 8;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbe7-8de07d4c {
  grid-area: 1 / 11 / 11 / 15;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbea-8de07d4c {
  grid-area: 26 / 1 / 34 / 13;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbed-8de07d4c {
  grid-area: 1 / 15 / 11 / 20;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf0-8de07d4c {
  grid-area: 11 / 11 / 26 / 21;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf3-8de07d4c {
  grid-area: 26 / 13 / 34 / 21;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf6-8de07d4c {
  grid-area: 1 / 20 / 11 / 27;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf9-8de07d4c {
  grid-area: 11 / 21 / 23 / 25;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbfc-8de07d4c {
  grid-area: 23 / 21 / 26 / 25;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbff-8de07d4c {
  grid-area: 11 / 25 / 26 / 28;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc02-8de07d4c {
  grid-area: 26 / 21 / 34 / 31;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc05-8de07d4c {
  grid-area: 1 / 27 / 11 / 35;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc08-8de07d4c {
  grid-area: 11 / 32 / 26 / 35;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc0b-8de07d4c {
  grid-area: 11 / 28 / 26 / 32;
}

#w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc0e-8de07d4c {
  grid-area: 26 / 31 / 34 / 35;
}

@media screen and (min-width: 1920px) {
  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbde-8de07d4c {
    grid-area: 1 / 1 / 16 / 8;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbe4-8de07d4c {
    grid-area: 24 / 1 / 35 / 9;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbea-8de07d4c {
    grid-area: 30 / 9 / 35 / 13;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf0-8de07d4c {
    grid-area: 11 / 13 / 28 / 21;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbf3-8de07d4c {
    grid-area: 28 / 13 / 35 / 21;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfc02-8de07d4c {
    grid-area: 26 / 21 / 35 / 31;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcfbe4-8de07d4c {
    grid-area: 26 / 1 / 31 / 8;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_7dc86520-ab75-0803-bde1-7d344d51da32-9a42ab9b, #w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b59-9a42ab9b, #w-node-_5ce2604d-8d70-4a0a-60c0-0522a133c005-9a42ab9b, #w-node-_81970851-9398-4460-65a5-52b851572759-9a42ab9b {
    justify-self: start;
  }

  #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-9a42ab9b {
    grid-column: span 2 / span 2;
  }

  #w-node-_7dc86520-ab75-0803-bde1-7d344d51dbed-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51da32-fa5b31f2, #w-node-_4c9dd802-814b-b4bc-2972-6ae54e720b59-fa5b31f2, #w-node-_5ce2604d-8d70-4a0a-60c0-0522a133c005-fa5b31f2 {
    justify-self: start;
  }

  #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-fa5b31f2 {
    grid-column: span 2 / span 2;
  }

  #w-node-_7dc86520-ab75-0803-bde1-7d344d51dbed-fa5b31f2 {
    justify-self: start;
  }
}

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

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

  #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5326-f6978e3c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f53de-f6978e3c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_35e85971-3c00-d29b-832f-6f4ff2194ce3-3ad93d8c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-9a42ab9b, #w-node-_7dc86520-ab75-0803-bde1-7d344d51db13-fa5b31f2 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-98474427 {
    grid-area: 2 / 1 / 3 / 2;
  }

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

@media screen and (max-width: 479px) {
  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-69b30e36, #w-node-a13ac87d-0cae-875b-e7b0-792e7a9f5326-f6978e3c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2a020f77-140c-6eda-3f43-2cfbce26317e-718ad828 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3c923b79-cdae-70a7-4d05-d292f5c36405-98474427 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2306b5b0-7ef9-8811-334a-a1731efcf9bd-8de07d4c {
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }
}


@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;
}