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

:root {
  --black: #282727;
  --white: white;
  --blue-violet: #aa1ff8;
  --hot-pink: #ff5aaf;
  --azure: #e4f6fa;
  --dark-grey: #b6b8bd;
  --alice-blue: #e2eaec;
  --form: #e9edf5;
  --qote: #f7f9fc;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

body {
  color: var(--black);
  font-family: Onest, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 28px;
  font-family: Onest, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 62px;
}

h2 {
  margin-top: 5%;
  margin-bottom: 2%;
  padding-bottom: 10px;
  font-family: Onest, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  margin-top: 0;
  font-family: Onest, sans-serif;
  font-size: 22px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
}

li {
  font-size: 18px;
  font-weight: 400;
}

.navbar {
  z-index: 1000;
  background-color: var(--black);
  justify-content: space-around;
  align-items: center;
  padding: 7px 30px;
  font-family: Onest, sans-serif;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.navbar.futer {
  background-color: #0000;
  justify-content: space-between;
  height: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.navbar.top_toplivo {
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.navbar.toplivo-navbar {
  padding-left: 0;
  padding-right: 0;
}

.navlink {
  border-bottom: 6px solid var(--black);
  color: var(--white);
  margin-right: 25px;
  padding: 5px 0;
  transition: all .2s;
}

.navlink:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--blue-violet);
  color: var(--blue-violet);
}

.navlink:focus {
  color: var(--blue-violet);
}

.navlink.w--current {
  color: var(--blue-violet);
  font-weight: 700;
}

.navlink.end {
  margin-right: 0;
  padding-right: 0;
}

.navlink.hidden {
  display: block;
}

.nav-menu {
  flex-wrap: wrap;
  place-content: space-around space-between;
  align-items: center;
  font-family: Onest, sans-serif;
  display: flex;
}

.button-outline {
  background-image: linear-gradient(#ff5aaf, #aa1ff8);
  border-radius: 500px;
  padding: 3px 9px;
  font-family: Masiva-black;
  text-decoration: none;
}

.button-outline-text {
  background-color: var(--black);
  color: var(--white);
  text-transform: capitalize;
  border-radius: 500px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 7px 34px;
  font-family: Onest, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
}

.button-outline-text:hover {
  background-color: var(--blue-violet);
  background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
  color: #fff;
}

.button-outline-text.join {
  white-space: nowrap;
}

.section {
  margin-top: 5%;
  margin-bottom: 5%;
  position: relative;
}

.section.full {
  z-index: 0;
  border: 1px #0000;
  border-radius: 1.9em;
  align-items: center;
  width: 98vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.full.price {
  background-image: linear-gradient(to bottom, var(--azure), var(--azure));
  flex-direction: column;
  justify-content: center;
}

.section.full.height {
  border-bottom-right-radius: 1.9em;
  border-bottom-left-radius: 1.9em;
  height: 87vh;
  margin-bottom: 0%;
}

.section.full.height.overflow {
  overflow: visible;
}

.section.full.blog-title {
  background-image: linear-gradient(#ffffffba, #ffffffba), url('../images/fuel-rodz1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: 65vh;
}

.section.full.blog-title._2 {
  background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/fuel-rodz10.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.full.blog-title._1 {
  background-image: linear-gradient(#ffffffc4, #ffffffc4), url('../images/fuel-rodz5.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.full.blog-title._3 {
  background-image: linear-gradient(#ffffff36, #ffffff36), url('../images/fuel-rodz12.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.full.blog-title._4 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/truck.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.car {
  z-index: 0;
  background-image: url('../images/My-project.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 0%;
}

.section.car._2 {
  background-image: url('../images/kamaz-1.jpg');
  background-position: 50% 0;
}

.section.car.cliare {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.section.car.topli {
  background-image: url('../images/My-project.jpg');
}

.section.desktop {
  margin-top: 10%;
}

.section.mobile {
  display: none;
}

.section.notoverflow {
  overflow: hidden;
}

.section.hide {
  display: none;
}

.section.qwiz {
  padding-left: 0%;
  padding-right: 0%;
}

.section.mt-0 {
  margin-top: 0%;
}

.section.toplivo-sec {
  z-index: 1;
  height: 800vh;
}

.section.toplivo-futer {
  padding-bottom: 40px;
}

.section.toplivo-hero {
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.section.jornal {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.pul-right.pt-50 {
  margin-top: 2%;
}

.black {
  color: var(--black);
  font-family: Onest, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

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

.black.white.pl-20 {
  padding-left: 19px;
}

.background-video {
  background-image: linear-gradient(#00000080, #00000080);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video.blog {
  height: 70%;
}

.content-div {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

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

.content-div.flex.mb-50 {
  margin-bottom: 29px;
}

.content-div.flex.compact {
  justify-content: space-around;
}

.content-div.flex.futer {
  justify-content: space-between;
}

.content-div.flex.gap.blog {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
}

.content-div.flex.gap.dnevnik {
  max-width: 1366px;
}

.content-div.futer {
  justify-content: space-around;
  display: flex;
}

.content-div.aps-otzivi {
  z-index: 0;
  justify-content: flex-end;
  display: flex;
  position: relative;
  transform: translate(0, -110%);
}

.content-div.numeric {
  background-image: linear-gradient(9deg, var(--blue-violet), var(--hot-pink));
  border-radius: 25px;
  padding: 56px 64px 50px;
}

.content-div.relative {
  z-index: 1;
  position: relative;
}

.content-div.partners {
  display: flex;
}

.content-div.toplivo {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
}

.content-div.toplivo._1 {
  opacity: 1;
}

.content-div.toplivo._2, .content-div.toplivo._3, .content-div.toplivo._4, .content-div.toplivo._5, .content-div.toplivo._6, .content-div.toplivo._7 {
  opacity: 0;
}

.content-div.toplivo._8, .content-div.toplivo._9 {
  opacity: 1;
  position: relative;
}

.content-div.main {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1080px;
  margin-top: 22px;
  margin-bottom: 22px;
  display: flex;
}

.content-div.hero-screen {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  display: flex;
}

.content-div.servise {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.white.x5 {
  font-size: 5vw;
}

.hero-content {
  z-index: 1;
  position: relative;
}

.flex {
  background-color: #0000;
  display: flex;
}

.flex.vcentr {
  justify-content: space-around;
  align-self: center;
  align-items: center;
}

.flex.price-block {
  background-color: var(--white);
  border-radius: 9px;
  padding: 16px 44px;
}

.flex.price-block.vcentr {
  border-radius: 20px;
  justify-content: space-between;
}

.flex.vert {
  flex-direction: column;
}

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

.flex.qwiz-block {
  background-image: linear-gradient(353deg, var(--blue-violet), var(--hot-pink));
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 44px;
}

.flex.qwiz-block.vcentr {
  border-radius: 20px;
  justify-content: space-between;
}

.flex.reverse {
  width: 100%;
}

.pading-div {
  margin-right: 30px;
}

.button {
  z-index: 100;
  background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
  color: var(--white);
  border-radius: 9px;
  padding: 16px 29px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 7px 19px -4px #aa1ff880;
}

.button.join.black {
  background-image: linear-gradient(#000, #000);
}

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

.button.topl_button.hide {
  display: none;
}

.space {
  height: 60px;
}

.skolkovo-div {
  justify-content: space-between;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 5% 5% auto;
}

.logo-text {
  width: 100px;
  max-width: 150px;
  padding-right: 0;
  transform: none;
}

.counter {
  font-family: Masiva-black;
  font-size: 3em;
  font-weight: 700;
  line-height: 1em;
}

.counter.counter2.split_number, .counter.counter3.split_number, .counter.counter4.split_number {
  color: var(--white);
}

.divider-vertikal {
  background-image: linear-gradient(to bottom, var(--white), var(--white)), linear-gradient(176deg, var(--blue-violet), var(--hot-pink));
  border-radius: 20px;
  width: 5px;
}

._30 {
  width: 30%;
}

._30.pt-50 {
  padding-top: 28px;
}

._30.servises-top {
  background-color: var(--white);
  border-radius: 13px;
}

._30.servises-top.shadow {
  z-index: 150;
  position: relative;
  overflow: hidden;
}

._60 {
  width: 75%;
  overflow: visible;
}

.tabs {
  display: flex;
}

.tab-link {
  background-color: var(--dark-grey);
  border-radius: 20px;
  align-self: center;
  margin-bottom: 5%;
  margin-right: 20px;
  font-family: Onest, sans-serif;
  display: block;
}

.tab-link.w--current {
  background-color: var(--black);
  color: var(--white);
  border-radius: 50px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Onest, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.tab-content {
  border: 5px none var(--azure);
  border-radius: 20px;
}

._50 {
  width: 50%;
}

._50.flex.vertical {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 35px;
  padding-bottom: 35px;
}

._50.flex.v-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

._50.screen {
  justify-content: flex-end;
  margin-top: -36px;
  margin-bottom: -36px;
  display: flex;
}

._50.pl-50 {
  padding-left: 50px;
}

._50.pl-50.mb-50 {
  margin-top: 6%;
}

._50.mb-50 {
  margin-bottom: 3%;
}

._50.ralign {
  justify-content: flex-end;
  display: flex;
}

._50.lalign {
  margin-left: 38px;
}

._50.lalign.flex-in {
  display: flex;
}

._50.mid-but {
  align-self: center;
}

._50.midddle {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

._50.middle {
  flex-flow: column;
  position: relative;
}

.icon-list {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.icon-list.midle {
  align-items: center;
}

.icon-list.midle.mb-0 {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.icon-list._330-proc {
  width: 30%;
}

.icon-list.mb-20 {
  margin-bottom: 25px;
}

.icons {
  margin-right: 11px;
  position: relative;
}

.icons.big {
  flex: none;
  width: 30%;
  margin-left: -11px;
  margin-right: 0;
}

.icons.form-icon {
  transform: translate(-150%);
}

.icons.form-icon.pop {
  margin-right: 0;
  transform: translate(-77%);
}

.icons.social {
  width: 150%;
}

.icons.plan {
  filter: saturate(0%);
}

.icons.plan.flip {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.icons.big-copy {
  flex: none;
  width: 30%;
  margin-left: -11px;
  margin-right: 0;
}

.blob {
  z-index: -1;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--blue-violet), #aa1ff8cc 54%, #ff5aaf96);
  filter: blur(100px);
  border-radius: 100em;
  width: 350px;
  height: 50%;
  position: absolute;
  inset: 25% 10% 0% auto;
}

.blob._2 {
  z-index: -1;
  filter: blur(150px);
  inset: auto auto 0% 14%;
}

.blob._3 {
  opacity: .44;
  display: none;
  inset: auto 9% -1% auto;
}

.blob._1 {
  width: 250px;
  height: 35%;
  position: absolute;
  inset: 50% auto auto 50%;
}

.blob._4 {
  inset: auto 0% 0%;
}

.blob._6 {
  opacity: .29;
  filter: blur(60px);
  width: 600px;
  height: 600px;
  top: 0%;
  right: 5%;
}

.blob._7 {
  width: 600px;
  inset: 0% 0% 0% auto;
}

.photo-back {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  overflow: hidden;
}

.tab-horizontal {
  z-index: 2;
  color: gray;
  background-color: #0000;
  align-self: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
}

.tab-horizontal.w--current {
  border-bottom: 6px solid var(--blue-violet);
  color: var(--black);
  background-color: #0000;
  border-radius: 0;
  margin-right: 20px;
  font-weight: 700;
}

.tab-horizontal.w--current:hover {
  border-radius: 0;
}

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

.reminder {
  justify-content: flex-end;
  align-items: flex-end;
  font-family: Pfreminderpro, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: flex;
}

.reminder.mt-50 {
  margin-top: -5%;
}

.reminder.pul-left {
  justify-content: flex-start;
  margin-top: 15px;
}

.reminder.pul-left.ml-100 {
  margin-left: -7%;
}

.reminder.pul-left.ml-100.mt-50 {
  margin-left: -5%;
}

.reminder.pul-left.desktop {
  align-items: center;
  padding-left: 8%;
  transform: none;
}

.reminder.center {
  justify-content: center;
}

.reminder.pull-up {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-50%);
}

.card {
  z-index: 1;
  border: 5px solid var(--azure);
  text-align: left;
  border-radius: 38px;
  width: 80%;
  padding-left: 39px;
  padding-right: 39px;
  position: relative;
}

.card.ralign {
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  box-shadow: 0 0 100px 80px #2b73a412;
}

.card.ralign.blur {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ffffffb3;
}

.card.ralign.toplivo-card {
  padding-bottom: 40px;
}

.card.otziv {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 33%;
  margin-right: 1%;
  padding-top: 31px;
  padding-bottom: 31px;
  display: flex;
}

.card.topl {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-right: 25px;
  padding: 20px;
  display: flex;
}

.title-card {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding-bottom: 6px;
  display: flex;
}

.title-card.pul-left {
  text-align: left;
}

.title-cart-text {
  border-bottom: 8px solid #00000026;
  padding-bottom: 11px;
  font-size: 24px;
  display: inline-block;
  position: relative;
}

.title-cart-text._2 {
  border-bottom-color: var(--blue-violet);
  font-size: 24px;
  position: relative;
}

.title-cart-text._1 {
  border-bottom-style: none;
  font-size: 22px;
  font-weight: 700;
}

.content-card {
  flex: 1;
}

.center {
  text-align: center;
}

.center.black.x5 {
  font-size: 1.5em;
}

.center.black.x7 {
  font-size: 2em;
}

.center.black.x10 {
  font-size: 2.4em;
}

.center.caps {
  text-transform: uppercase;
}

.rubl {
  white-space: nowrap;
  font-family: Masiva-black;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 2rem;
}

.price-block {
  display: flex;
}

.table {
  z-index: 1;
  background-color: var(--white);
  border-radius: 20px;
  justify-content: space-around;
  position: relative;
  overflow: hidden;
}

.raw {
  border-bottom: 2px solid #a8a2a233;
  justify-content: space-between;
  padding: 19px;
  display: flex;
}

.raw.header {
  background-image: linear-gradient(to bottom, var(--blue-violet), var(--hot-pink));
  border-bottom-style: none;
}

._25 {
  width: 25%;
}

.shadow {
  box-shadow: 3px 1px 20px 1px #2b73a44f;
}

.mb-0 {
  margin-bottom: 0;
}

.slider {
  background-color: var(--white);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.mask {
  overflow: visible;
}

.star {
  margin-right: 7px;
}

.star-div {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tabs-content {
  overflow: visible;
}

.slide-nav {
  width: 20%;
}

.store {
  align-items: center;
  display: flex;
}

.review {
  margin-left: 11px;
  font-size: 3em;
}

.video-otziv {
  margin: 13px 5px 13px 0;
  overflow: hidden;
}

._33 {
  width: 33.33%;
  position: relative;
}

._33.bottom-rounf {
  border: 10px solid #d0e8ed;
  border-top-style: none;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
}

._33.bottom-rounf.end {
  border-right-style: none;
  border-bottom-right-radius: 0;
  margin-bottom: -23px;
  margin-left: -10px;
}

._33.bottom-rounf.start {
  margin-bottom: -23px;
}

._33.top-round {
  border-style: solid solid none;
  border-width: 10px;
  border-color: #d0e8ed #d0e8ed var(--alice-blue);
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  margin-top: -33px;
  margin-left: -10px;
  padding-top: 21px;
}

.history {
  display: flex;
}

.history.mb-100 {
  margin-bottom: 46px;
}

.history-block {
  margin-left: -25px;
}

.arrow-end.start {
  transform: rotate(-180deg);
}

.top-truck {
  width: 55%;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(-50%, -55%);
}

.truck-div {
  position: absolute;
  inset: 0% 0% auto;
}

.artistic {
  font-family: Pfreminderpro, Arial, sans-serif;
  position: absolute;
  inset: 0% 0% auto auto;
}

.artistic.truck {
  transform: rotate(-30deg)translate(0, -300%);
}

.artistic.man-text {
  transform: rotate(-50deg)translate(73px);
}

.drop-title {
  white-space: normal;
  width: 100%;
}

.drop-qa {
  border-bottom: 4px none var(--alice-blue);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 12px;
}

.drop-arrow {
  color: var(--black);
  margin-right: 9px;
  font-size: 30px;
}

.pink {
  color: var(--blue-violet);
}

.number {
  font-size: 24px;
}

.number.pink {
  color: var(--black);
}

.drop-content {
  position: relative;
}

.drop-content.w--open {
  background-color: var(--white);
  padding: 25px;
}

.form-field {
  background-color: var(--white);
  border: 0 solid #000;
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 31px;
  padding-bottom: 31px;
}

.form-field.pop {
  margin-right: -15px;
}

.field-label {
  display: none;
}

.form-icon {
  transform: translate(-150%);
}

.field-container {
  background-image: linear-gradient(#e9edf5, #e9edf5);
  border-radius: 13px;
  margin-bottom: 15px;
  padding-left: 45px;
  display: flex;
  position: relative;
}

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

.field-container.popup {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  align-items: center;
  height: 80px;
  padding-left: 0;
}

.field-container.drop {
  width: 50%;
}

.left-field-wrupper {
  width: 49%;
  margin-top: 29px;
}

.left-field-wrupper._100 {
  width: 100%;
}

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

.form-button-wrupper {
  justify-content: space-between;
  align-items: center;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.gray {
  color: var(--dark-grey);
}

.gray.button-right-trxt {
  width: 65%;
  padding-left: 26px;
}

.man {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: none;
}

.phone-futer {
  white-space: nowrap;
  font-family: Masiva-black;
  font-size: 3vw;
  line-height: 1em;
}

.phone-futer.pink.pr-50 {
  padding-right: 15px;
}

.phone-futer.pink.pr-50.pl-50 {
  padding-left: 21px;
}

.link {
  color: var(--black);
  text-decoration: none;
  transition: all .2s;
}

.link:hover {
  color: var(--blue-violet);
  font-family: Onest, sans-serif;
  font-weight: 600;
}

.futer-app {
  color: var(--black);
  padding-right: 25px;
  text-decoration: none;
}

.futer-app.mr-0 {
  padding-right: 0;
}

.futer-app-wrupper {
  justify-content: center;
  align-items: center;
  margin-bottom: 21px;
  display: flex;
}

.bottom-bordere {
  background-image: linear-gradient(22deg, var(--blue-violet), var(--hot-pink));
  height: 10px;
}

.arrow {
  background-image: linear-gradient(#d0e8ed, #d0e8ed);
  width: 100%;
  height: 6px;
}

.arrow-wrupper {
  z-index: -1;
  align-items: center;
  display: flex;
  position: relative;
}

.beton-truck-wrupper {
  align-self: center;
  position: relative;
}

.arrow-history {
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(0, 52%);
}

.phone-frame {
  width: 75%;
  position: relative;
}

.phone-screen-frame {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.people-photo {
  border-radius: 5%;
  width: 100%;
}

.menue-servisec {
  z-index: 10;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  max-height: 100px;
  padding-bottom: 14px;
  padding-left: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tabs-otzivi {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.form-join {
  z-index: 1000;
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 15% 0% auto;
}

.form-join.qr {
  background-image: linear-gradient(to bottom, var(--black), var(--black)), linear-gradient(to bottom, var(--white), var(--white));
  width: 900px;
  max-width: 1366px;
  display: none;
}

.form-pop-field {
  background-color: var(--form);
  border-radius: 13px;
  flex-flow: column;
  width: 100%;
  padding-top: 21px;
  padding-left: 31px;
  padding-right: 31px;
  display: flex;
}

.form-block {
  align-items: flex-end;
  width: 50%;
  padding: 52px;
}

.div-block-5 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.small {
  padding-left: 20px;
  font-size: .8em;
  line-height: 1.2em;
}

.form-2 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.form-truck {
  border-radius: 25px;
  flex: none;
  width: 100%;
  max-width: 600px;
  max-height: 393px;
}

.close-form {
  width: 50px;
  height: 50px;
  padding-top: 12px;
  padding-right: 24px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close {
  flex: none;
  align-self: auto;
  width: 70%;
  min-width: 35px;
}

.close.invert {
  filter: invert();
}

.arrow-reminder.rotate {
  transform: rotate(-18deg);
}

.enter-wrupper {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.logo-wrupper {
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-right: 19px;
  display: flex;
}

.logo-wrupper.w--current {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.logo-wrupper.logo-toplivo.w--current {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
}

.logo-sign {
  width: 100px;
  transform: none;
}

.image-2 {
  margin-right: 10px;
}

.right-arrow {
  background-color: #0000;
  display: none;
}

.top-phone {
  z-index: 1001;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  padding-top: 9px;
  padding-right: 38px;
  display: none;
  position: relative;
}

.top-phone.hide {
  display: none;
}

.form-wrupper-stickers {
  z-index: 1000;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#aa1ff880, #0003);
  border-radius: 15px;
  justify-content: space-between;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 15% 0% auto;
}

.field-label-copy {
  display: flex;
}

.small-copy {
  font-size: .8em;
  line-height: 1.2em;
}

.small-copy.white {
  padding-top: 13px;
}

.form-block-sticky {
  align-items: flex-end;
  width: 70%;
  padding: 52px;
}

.enter-icon {
  display: none;
}

.app-logo {
  max-width: 151px;
}

.sticker-pack {
  border-radius: 20px;
  flex: none;
  align-self: center;
  max-width: 586px;
}

.text-link {
  border-bottom: 3px solid var(--blue-violet);
  color: var(--blue-violet);
  font-family: Masiva;
  font-weight: 700;
  text-decoration: none;
}

.qviz-embaded {
  margin-left: auto;
  margin-right: auto;
}

.border {
  background-image: linear-gradient(212deg, var(--blue-violet), var(--hot-pink));
  opacity: 0;
  border-radius: 20px;
  height: 7px;
  margin-top: 8px;
  display: none;
}

.laptop {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.arrow-flip {
  transform-style: preserve-3d;
  transform: translate(0, 50%)rotateX(0)rotateY(-180deg)rotateZ(180deg);
}

.desctop-frame {
  max-width: 1280px;
  position: relative;
}

.success-message {
  background-color: #0000;
  background-image: linear-gradient(38deg, var(--blue-violet), var(--hot-pink));
  text-align: left;
  border-radius: 11px;
}

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

.form-cons {
  z-index: 1000;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-image: linear-gradient(#00000080, #00000080), linear-gradient(#aa1ff880, #16161633);
  border-radius: 15px;
  justify-content: space-between;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 15% 0% auto;
}

.heading-2 {
  line-height: 3vw;
}

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

.button-copy {
  z-index: 100;
  background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
  color: var(--white);
  border-radius: 9px;
  padding: 16px 29px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 7px 19px -4px #aa1ff880;
}

.button-outline-qwiz {
  border: 4px solid var(--white);
  background-image: none;
  border-radius: 500px;
  padding: 9px 21px;
  font-family: Masiva-black;
  text-decoration: none;
  transition: all .2s;
}

.button-outline-qwiz:hover {
  background-image: linear-gradient(#ff5aaf, #aa1ff8);
}

.form-title {
  color: var(--white);
  font-size: 2vw;
  line-height: 2.5vw;
}

.hid-field {
  height: 0;
}

.form-button {
  z-index: 100;
  background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
  color: var(--white);
  border-radius: 9px;
  padding: 16px 29px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 7px 19px -4px #aa1ff880;
}

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

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

.price-big {
  font-family: Masiva-black;
  font-size: 3vw;
  font-weight: 900;
  line-height: 3.2vw;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.blog {
  background-image: url('../images/blog-logo.svg'), linear-gradient(360deg, #aa1ff8, #ff5aaf 100%, #fff);
  background-position: 50%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
  border-radius: 25px;
  align-items: center;
  width: 98vw;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

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

.partnerka {
  background-image: url('../images/partnerka-title.svg'), linear-gradient(360deg, #aa1ff8, #ff5aaf 100%, #fff);
  background-position: 50%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  border-radius: 25px;
  align-items: center;
  width: 98vw;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.partner-list {
  width: 25%;
}

.choice-form {
  background-color: var(--azure);
  border: 0 solid #000;
  border-radius: 18px;
  margin-top: 22px;
  margin-bottom: 22px;
  padding-top: 31px;
  padding-bottom: 31px;
}

.choice-form.pop {
  margin-right: -15px;
}

.partners-type-choiser {
  border: 1px #0000;
  border-radius: 18px;
  width: 90%;
  height: 60px;
  margin-top: 21px;
}

._404-title {
  background-image: url('../images/404.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

._404-title.blog {
  height: 70%;
}

.page-share {
  border: 1px solid var(--dark-grey);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 6px 6px 15px;
  display: flex;
}

.share-wruping {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.pull-left {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.round-border {
  border-radius: 20px;
}

.toplivo-hero {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
}

.overflow {
  overflow: visible;
}

.heading-5 {
  font-size: 16px;
}

.phone-tplivo {
  z-index: 1;
  filter: drop-shadow(0 2px 5px #000000b3);
  border-radius: 40px;
  width: 280px;
  height: 567px;
  max-height: 550px;
  position: relative;
  transform: translate(-34px);
}

.phone-tplivo._22 {
  width: 234px;
  height: 220px;
}

.phone-tplivo._33 {
  width: 206px;
  height: 222px;
}

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

.tpl-pic {
  z-index: 2;
  width: 80px;
  margin-right: 40px;
}

.tpl-pic._2 {
  z-index: 0;
  inset: auto 10% 0% auto;
  transform: translate(65%);
}

.tpl-pic.reverce {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.tpl-title {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 700;
  position: sticky;
  top: 5%;
}

.tpl-title.content-div {
  padding-top: 40px;
}

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

.arrow-left {
  transform: translate(0, 11px);
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.pic {
  max-width: 40%;
}

.toplivo-wrupper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 5% 0% 0%;
}

.title-price {
  border-bottom: 8px #00000026;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.title-price._2 {
  border-bottom-color: var(--blue-violet);
  font-size: 24px;
  position: relative;
}

.title-price._1 {
  border-bottom-style: none;
  font-size: 22px;
  font-weight: 700;
}

.title-price.descriptor {
  font-family: Masiva;
  font-weight: 400;
}

.bold {
  color: var(--white);
  font-weight: 500;
}

.bold.black {
  color: var(--black);
  font-weight: 700;
}

.grey {
  color: var(--dark-grey);
}

.reminder-toplivo {
  justify-content: center;
  align-items: center;
  font-family: Pfreminderpro, Arial, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: flex;
}

.reminder-toplivo.mt-50 {
  margin-top: -5%;
}

.reminder-toplivo.pul-left {
  justify-content: flex-start;
}

.reminder-toplivo.pul-left.ml-100 {
  margin-left: -7%;
}

.reminder-toplivo.pul-left.ml-100.mt-50 {
  margin-left: -5%;
}

.reminder-toplivo.pul-left.desktop {
  align-items: center;
  padding-left: 8%;
  transform: none;
}

.reminder-toplivo.center {
  justify-content: center;
}

.reminder-toplivo.pull-up {
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-50%);
}

.text-block-2 {
  transform: translate(0, -20px)rotate(-18deg);
}

.toplivo-subtitle {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.time-toggle {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.navbar-toplivo {
  z-index: 1000;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Masiva-black;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  position: sticky;
  top: 0%;
  overflow: hidden;
}

.navbar-toplivo.futer {
  background-color: #0000;
  justify-content: space-between;
  height: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.rodz_up {
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
}

.bold-text {
  font-family: Onest, sans-serif;
  font-weight: 700;
}

.div-block-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: 26px;
  display: flex;
}

.flex-block {
  justify-content: space-between;
  align-items: flex-start;
}

.toplivo-social {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-end;
}

.rodz_app_logo {
  width: 150px;
  margin-top: 13px;
}

.pic-topl {
  z-index: 0;
  max-width: 40%;
}

._70 {
  width: 60%;
}

.div-block-10 {
  width: 1280px;
}

._30_1 {
  width: 40%;
}

._30_1.pt-50 {
  padding-top: 28px;
}

.title {
  font-size: 46px;
  line-height: 56px;
}

.toplivo-futer-inner {
  justify-content: space-between;
  align-items: flex-start;
  width: 1280px;
  max-width: 1280px;
}

.logo-img {
  width: 140px;
  margin-bottom: 13px;
}

.regular {
  font-family: Onest, sans-serif;
  font-weight: 400;
}

._50_percent {
  width: 80px;
  margin-right: 22px;
}

.hidden {
  display: none;
}

.h-line {
  background-color: var(--alice-blue);
  height: 2px;
}

.form-cuple {
  background-color: var(--form);
  border-radius: 13px;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-right: 24px;
  display: flex;
}

.form-block-2 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.calc-field {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.calc-field._80 {
  width: 80%;
}

.calc-field.popup {
  align-items: center;
  height: 80px;
}

.calc-field.drop {
  width: 50%;
}

.calc-field-inner {
  z-index: 0;
  background-color: var(--white);
  border: 0 solid #000;
  border-radius: 12px;
  width: 130px;
  margin-top: 22px;
  margin-bottom: 22px;
  padding-top: 31px;
  padding-bottom: 31px;
  position: relative;
  transform: none;
}

.calc-field-inner.pop {
  margin-right: -15px;
}

.calc-input {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  background-color: var(--white);
  border: 1px solid #e5d8d8;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 26px;
  box-shadow: 7px 6px 20px #0000001f;
}

.calc-input.border-top {
  position: relative;
}

.calc-input._70 {
  padding-left: 20px;
  padding-right: 20px;
}

.calc-input.output-calc {
  background-image: url('../images/car-road.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.calc-input.futer-form {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--form);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 100%;
}

.flex-block-2 {
  border: 5px solid var(--alice-blue);
  border-radius: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

._150 {
  width: 100px;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-content-2 {
  margin-top: 59px;
  overflow: visible;
}

.v-flex {
  flex-flow: column;
}

.after {
  width: 30%;
}

.border-top {
  border-top: 2px solid #ffe8e8;
}

.darck {
  color: var(--black);
}

.blog-pic {
  border-radius: 20px;
}

.blog-pic.hero {
  object-fit: cover;
  margin-top: 19px;
  margin-bottom: 19px;
}

.cta {
  background-image: linear-gradient(243deg, var(--blue-violet), var(--hot-pink));
  color: var(--white);
  border-radius: 15px;
  flex-flow: column;
  width: 100%;
  padding: 35px;
  display: flex;
}

.figure-2, .figure-3 {
  float: left;
}

.paragraph {
  float: none;
}

.cta-link {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  margin-top: 24px;
}

.post-card {
  z-index: 1;
  grid-row-gap: 13px;
  border: 1px solid var(--black);
  background-color: var(--white);
  text-align: left;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 33%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 2px 2px 16px #0000001a;
}

.post-card.ralign {
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  box-shadow: 0 0 100px 80px #2b73a412;
}

.post-card.ralign.blur {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #ffffffb3;
}

.post-card.ralign.toplivo-card {
  padding-bottom: 40px;
}

.post-card.otziv {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  width: 33%;
  margin-right: 1%;
  padding-top: 31px;
  padding-bottom: 31px;
  display: flex;
}

.post-card.topl {
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-right: 25px;
  padding-top: 38px;
  padding-bottom: 38px;
  display: flex;
}

.card-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--black);
  flex-flow: column;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.card-icon {
  color: var(--black);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-icon.like {
  display: none;
}

.like {
  color: var(--white);
  font-size: .8em;
  text-decoration: none;
}

.gap {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
}

.up {
  transform: rotate(0);
}

.journal-cover {
  text-decoration: none;
}

.body {
  background-image: linear-gradient(#e9edf5, #e9edf5);
}

.list-item {
  font-weight: 500;
}

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

.post-meta {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: var(--black);
  color: var(--white);
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px 19px;
}

.tag {
  background-color: var(--dark-grey);
  color: var(--black);
  border-radius: 20px;
  padding: 7px 14px;
}

.tag.active {
  background-color: var(--black);
  color: var(--white);
}

.weight-normal {
  font-family: Onest, sans-serif;
  font-weight: 500;
}

.form-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.div-block-12 {
  border-bottom: 2px solid var(--alice-blue);
}

.flex-block-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.wide {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.wide.pl-24 {
  padding-bottom: 25px;
  padding-left: 24px;
}

.wide.input-calc {
  display: flex;
}

.section_main {
  background-image: url('../images/background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.main-logo {
  width: 200px;
}

.main-cards {
  background-image: url('../images/icon-servises-2.jpg'), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 60% 60%, auto;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 250px;
  height: 250px;
  padding-bottom: 12px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.main-cards:hover {
  background-image: url('../images/icon-servises-2.jpg'), linear-gradient(#000, #000);
  background-size: 62% 62%, auto;
}

.main-cards._1 {
  background-image: url('../images/icon-servises-1.jpg'), linear-gradient(#000, #000);
}

.main-cards._1.form-show {
  filter: grayscale();
}

.main-cards._2 {
  background-image: url('../images/icon-servises-4.jpg'), linear-gradient(#000, #000);
}

.main-cards._2.form-show {
  filter: grayscale();
}

.main-cards._3 {
  background-image: url('../images/icon-servises-5.jpg'), linear-gradient(#000, #000);
}

.main-cards._3.form-show {
  filter: grayscale();
}

.main-cards._4 {
  background-image: url('../images/icon-servises-3.jpg'), linear-gradient(#000, #000);
}

.main-cards._4.form-show {
  filter: grayscale();
}

.main-cards._5 {
  background-image: url('../images/icon-servises.jpg'), linear-gradient(#000, #000);
}

.div-block-13 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.flex-block-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: flex-start;
}

.text-block-3 {
  color: var(--dark-grey);
}

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

.lock-font {
  color: #8590a6;
  font-weight: 500;
}

.lock-font.greys {
  filter: grayscale();
  font-weight: 100;
}

.div-block-14 {
  margin-top: 16px;
}

.text-block-4 {
  color: #8590a6;
}

.qr-cod {
  margin-bottom: 22px;
}

.roll-up {
  height: 0;
  overflow: hidden;
}

.rol-down.bold-text {
  cursor: pointer;
}

.dropdown-toggle {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  display: flex;
}

.dropdown-toggle.w--open {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-6 {
  width: 300px;
}

.dropdown {
  z-index: 100;
  flex-flow: column;
  width: 100%;
  padding-bottom: 15px;
}

.drop-content-copy {
  position: relative;
}

.drop-content-copy.w--open {
  background-color: var(--white);
  padding: 10px 15px 25px;
}

.drob-title {
  width: 100%;
  font-weight: 700;
}

.heading-6 {
  font-family: Onest, sans-serif;
}

.mark {
  background-color: #f7f9fc;
  padding: 14px;
}

.block-quote {
  background-color: var(--qote);
}

.heading-7, ._80 {
  width: 80%;
}

.roll-down-icon {
  color: var(--black);
  margin-right: 9px;
  font-size: 30px;
  position: static;
}

.hero-title {
  width: 45%;
}

.hero-pic {
  width: 55%;
}

.store-label {
  width: 130px;
}

.heading-8 {
  font-size: 42px;
  line-height: 50px;
}

.heading-9 {
  font-size: 40px;
  line-height: 50px;
}

.icon-list-fitch {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.icon-list-fitch.midle {
  align-items: center;
}

.icon-list-fitch.midle.mb-0 {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.icon-list-fitch._330-proc {
  width: 30%;
}

.icon-list-fitch.mb-20 {
  margin-bottom: 25px;
}

.tabs-menu-rodz {
  display: flex;
}

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

.tab-p {
  margin-bottom: 3px;
  font-family: Onest, sans-serif;
}

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

.lang {
  padding-bottom: 5px;
}

.dropdown-list {
  background-color: #ddd;
}

.dropdown-list.w--open {
  background-color: var(--qote);
  border-radius: 13px;
}

.form-join-2 {
  z-index: 1000;
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 15% 0% auto;
}

.form-join-2.qr {
  background-image: linear-gradient(to bottom, var(--black), var(--black)), linear-gradient(to bottom, var(--white), var(--white));
  width: 900px;
  max-width: 1366px;
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 4vw;
    line-height: 4dvw;
  }

  h2 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .navbar.futer {
    background-color: #0000;
  }

  .navlink {
    z-index: 1000;
    color: var(--white);
    text-align: center;
    border-bottom-color: #0000;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: block;
  }

  .navlink:hover {
    border-bottom-color: var(--white);
    color: var(--white);
  }

  .nav-menu {
    z-index: 1000;
    background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
    border-bottom: 1px solid #0000;
    border-radius: 20px;
    padding-bottom: 27px;
  }

  .button-outline {
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .section {
    padding-top: 24px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section.toplivo-sec {
    height: auto;
  }

  .section.toplivo-hero {
    width: auto;
    margin-bottom: 15%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .content-div.flex, .content-div.flex.compact {
    flex-direction: row;
  }

  .content-div.numeric {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-div.toplivo {
    opacity: 1;
    height: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    position: static;
  }

  .content-div.toplivo._2, .content-div.toplivo._3, .content-div.toplivo._4, .content-div.toplivo._5, .content-div.toplivo._6, .content-div.toplivo._7, .content-div.toplivo._8, .content-div.toplivo._9 {
    opacity: 100;
  }

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

  .white.x5 {
    font-size: 12vw;
  }

  .hero-content {
    width: 90%;
  }

  .flex {
    flex-direction: column;
  }

  .flex.price-block.vcentr {
    width: 100%;
  }

  .flex.price-block.vcentr.shadow {
    align-items: flex-start;
  }

  .flex.full {
    flex-direction: row;
    justify-content: space-around;
  }

  .flex.ipad {
    flex-direction: column;
  }

  .flex._1, .flex.qwiz-block {
    flex-direction: row;
  }

  .flex.qwiz-block.vcentr {
    width: 100%;
  }

  .flex.qwiz-block.vcentr.shadow {
    align-items: flex-start;
  }

  .flex.reverse {
    flex-flow: column-reverse wrap;
  }

  .counter {
    text-align: center;
    font-size: 2em;
  }

  .counter.counter3.split_number {
    color: #fff;
    text-decoration: none;
  }

  .tab-link, .tab-link.w--current {
    margin-bottom: 2%;
  }

  ._50 {
    align-self: center;
    width: 100%;
  }

  ._50.flex.vertical.full {
    width: 100%;
  }

  ._50.flex.v-flex {
    justify-content: center;
    align-items: flex-start;
  }

  ._50.screen {
    align-self: center;
    width: 100%;
    display: block;
  }

  ._50.mb-50.pul-right {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  ._50.ralign {
    justify-content: center;
  }

  ._50.lalign {
    margin-top: 19px;
    margin-left: 0;
  }

  ._50.lalign.flex-in {
    justify-content: center;
  }

  .icon-list {
    flex: 1;
  }

  .reminder.mt-50 {
    justify-content: center;
    margin-left: -76px;
  }

  .reminder.pull-up {
    position: static;
    transform: none;
  }

  .card.otziv {
    width: auto;
  }

  .table.shadow {
    width: 100%;
  }

  ._33 {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  ._33._1c {
    width: 80%;
  }

  .drop-arrow, .number.pink {
    color: var(--black);
  }

  .field-container._80 {
    width: 100%;
  }

  .left-field-wrupper {
    width: 50%;
  }

  .form-button-wrupper {
    width: 100%;
  }

  .phone-futer {
    flex: 0 auto;
    font-size: 5vw;
    line-height: 5vw;
    display: flex;
  }

  .phone-futer.pink.pr-50.pl-50 {
    padding-left: 0;
  }

  .futer-app {
    padding-right: 0;
  }

  .futer-app-wrupper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .phone-frame {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .menue-servisec {
    width: 100%;
    position: relative;
  }

  .form-join {
    flex-direction: column;
    margin: 26px;
    display: none;
  }

  .form-block {
    width: 100%;
    padding-top: 0;
  }

  .form-truck {
    max-width: 350px;
    display: none;
  }

  .close-form {
    order: -1;
    align-self: flex-end;
    padding-right: 7px;
  }

  .logo-wrupper.logo-toplivo.w--current {
    padding-top: 0;
  }

  .div-block-6 {
    flex-direction: column;
    margin-top: 38px;
    display: flex;
  }

  .form-wrupper-stickers {
    flex-direction: column;
    margin-left: 39px;
    margin-right: 39px;
    display: none;
  }

  .form-block-sticky {
    width: 100%;
  }

  .menu-button {
    color: var(--white);
  }

  .menu-button.w--open {
    background-image: linear-gradient(to bottom, var(--blue-violet), var(--hot-pink));
  }

  .sticker-pack {
    max-width: 250px;
    display: none;
  }

  .div-block-7 {
    display: flex;
  }

  .form-cons {
    flex-direction: column;
    margin: 26px;
    display: none;
  }

  .button-outline-qwiz {
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .price-big {
    font-size: 5vw;
    line-height: 5vw;
  }

  .toplivo-hero {
    flex-flow: column-reverse;
  }

  .tpl-pic._2 {
    transform: translate(-5%);
  }

  .tpl-title {
    position: static;
  }

  .toplivo-wrupper {
    flex-flow: column;
    height: auto;
    position: relative;
  }

  .reminder-toplivo.mt-50 {
    justify-content: center;
    margin-left: -76px;
  }

  .reminder-toplivo.pull-up {
    position: static;
    transform: none;
  }

  .navbar-toplivo.futer {
    background-color: #0000;
  }

  .rodz_app_logo {
    margin-top: 0;
  }

  .pic-topl {
    max-width: 30%;
  }

  ._70, ._30_1 {
    width: 100%;
  }

  .form-cuple {
    justify-content: center;
    align-items: center;
  }

  .calc-field._80 {
    width: 100%;
  }

  .calc-input {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .flex-block-2 {
    flex-flow: column;
  }

  .div-block-11 {
    align-self: stretch;
  }

  .post-card {
    width: 100%;
  }

  .post-card.otziv {
    width: auto;
  }

  .store-label {
    margin: 7px 7px 7px 0;
  }

  .icon-list-fitch {
    flex: 1;
  }

  .tabs-menu-rodz {
    flex-flow: wrap;
  }

  .lang {
    text-align: center;
    max-width: 100px;
    display: block;
  }

  .dropdown-list.shadow.w--open {
    background-color: var(--black);
    color: var(--white);
    flex-flow: column;
    display: flex;
  }

  .lang-menue, .icon {
    color: var(--white);
  }

  .form-join-2 {
    flex-direction: column;
    margin: 26px;
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 4vh;
    line-height: 4vh;
  }

  h2 {
    padding-bottom: 10px;
  }

  .navbar {
    overflow: visible;
  }

  .section.mt-0 {
    padding-top: 0;
  }

  .section.toplivo-sec {
    height: auto;
  }

  .content-div.flex {
    flex-flow: column;
  }

  .content-div.flex.compact, .content-div.flex._1, .content-div.flex.futer {
    flex-direction: column;
  }

  .content-div.aps-otzivi {
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 25px;
    transform: none;
  }

  .content-div.partners {
    flex-direction: column;
  }

  .content-div.toplivo {
    height: auto;
    position: static;
  }

  .content-div.toplivo._2, .content-div.toplivo._3, .content-div.toplivo._4, .content-div.toplivo._5, .content-div.toplivo._6, .content-div.toplivo._7, .content-div.toplivo._8, .content-div.toplivo._9 {
    opacity: 100;
  }

  .content-div.hero-screen {
    flex-flow: column-reverse;
  }

  .white.x5 {
    font-size: 12vw;
  }

  .hero-content {
    width: 100%;
  }

  .flex.qwiz-block {
    border-radius: 20px;
    flex-direction: column;
  }

  .flex.reverse {
    flex-flow: column-reverse wrap;
  }

  .counter {
    font-size: 1.5em;
  }

  ._30 {
    width: 100%;
  }

  ._30.pt-50 {
    padding-top: 0;
  }

  ._60 {
    width: 100%;
  }

  .tabs {
    flex-direction: column;
  }

  .tab-link.w--current {
    border-radius: 20px;
  }

  .tab-content {
    padding-right: 50px;
  }

  ._50.middle {
    margin-bottom: 32px;
  }

  .reminder.pull-up {
    position: relative;
    transform: none;
  }

  .left-field-wrupper {
    width: 100%;
  }

  .div-block {
    flex-direction: column;
  }

  .gray.button-right-trxt {
    color: var(--white);
    line-height: 21px;
  }

  .futer-app-wrupper {
    margin-top: 25px;
  }

  .form-join, .form-wrupper-stickers, .form-cons {
    display: none;
  }

  .heading-3 {
    font-size: 4vh;
    line-height: 4vh;
  }

  .heading-4 {
    padding-bottom: 0;
  }

  .partner-list {
    width: 100%;
  }

  .toplivo-wrupper {
    height: auto;
    position: relative;
  }

  .reminder-toplivo.pull-up {
    position: relative;
    transform: none;
  }

  .navbar-toplivo {
    overflow: visible;
  }

  ._30_1 {
    width: 100%;
  }

  ._30_1.pt-50 {
    padding-top: 0;
  }

  .title {
    font-size: 3.6vh;
    line-height: 46px;
  }

  .hero-title, .hero-pic {
    width: 100%;
  }

  .tabs-menu-rodz {
    flex-flow: wrap;
  }

  .form-join-2 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 42px;
  }

  h2 {
    margin-bottom: 5%;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .navbar {
    overflow: visible;
  }

  .navbar.futer {
    justify-content: flex-start;
    padding-bottom: 15px;
  }

  .navlink {
    color: var(--white);
    text-align: center;
    border-bottom-color: #0000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    display: block;
  }

  .navlink:hover, .navlink:focus {
    border-bottom-color: var(--white);
    color: var(--white);
  }

  .nav-menu {
    background-image: linear-gradient(to bottom, var(--hot-pink), var(--blue-violet));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    justify-content: center;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .button-outline {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section {
    margin: 10% 0;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
  }

  .section.full {
    border-radius: 1.2em;
  }

  .section.full.price {
    height: auto;
    padding-top: 22px;
    padding-bottom: 29px;
  }

  .section.full.height {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    height: auto;
    padding-top: 0%;
    padding-bottom: 15%;
  }

  .section.full.blog-title {
    background-image: linear-gradient(to bottom, null, null);
    height: auto;
  }

  .section.car {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 30px;
  }

  .section.car.topli {
    overflow: visible;
  }

  .section.desktop {
    display: none;
  }

  .section.mobile {
    display: block;
  }

  .section.toplivo-sec {
    margin-bottom: 0%;
  }

  .section.toplivo-hero {
    height: auto;
    padding-top: 0;
  }

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

  .black {
    line-height: 1.2em;
  }

  .black.grey.pul-right {
    text-align: center;
  }

  .black.white {
    line-height: 1.5rem;
  }

  .black.pr-50 {
    padding-right: 19px;
  }

  .black.desktop {
    display: none;
  }

  .content-div.flex {
    flex-flow: column;
  }

  .content-div.flex.compact {
    flex-direction: column;
  }

  .content-div.flex._1 {
    width: 100%;
  }

  .content-div.flex.futer {
    flex-direction: column;
  }

  .content-div.aps-otzivi {
    justify-content: center;
    transform: none;
  }

  .content-div.center, .content-div.partners {
    flex-direction: column;
  }

  .content-div.toplivo {
    height: auto;
    position: static;
  }

  .content-div.toplivo._2, .content-div.toplivo._3, .content-div.toplivo._4, .content-div.toplivo._5, .content-div.toplivo._6, .content-div.toplivo._7, .content-div.toplivo._8, .content-div.toplivo._9 {
    opacity: 100;
  }

  .content-div.bottom-side {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex-flow: column;
  }

  .content-div.servise {
    flex-flow: column;
  }

  .white.x5 {
    font-size: 20vw;
  }

  .flex.price-block.vcentr {
    align-items: flex-start;
    width: 100%;
  }

  .flex.vert {
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-start;
  }

  .flex.full {
    flex-direction: column;
  }

  .flex._1 {
    flex-direction: column;
    width: 50%;
  }

  .flex.mob-hide {
    display: none;
  }

  .flex.qwiz-block.vcentr {
    align-items: flex-start;
    width: 100%;
  }

  .flex.reverse {
    flex-flow: column-reverse wrap;
  }

  .button {
    margin-bottom: 18px;
    padding: 14px;
  }

  .space {
    height: 20px;
  }

  .space.desktop {
    display: none;
  }

  .skolkovo-div {
    text-decoration: none;
    position: relative;
    bottom: 0%;
    right: 0%;
  }

  .counter {
    text-align: left;
    font-size: 2.5em;
  }

  .divider-vertikal {
    width: 50px;
    height: 5px;
    margin-top: 21px;
    margin-bottom: 21px;
  }

  ._30 {
    width: 100%;
    margin-bottom: 40px;
  }

  ._30.pt-50 {
    padding-top: 0;
  }

  ._60 {
    width: 100%;
  }

  .tabs {
    flex-direction: column;
  }

  .tab-link {
    margin-bottom: 1%;
  }

  .tab-link.w--current {
    border-radius: 50px;
  }

  .tab-content {
    border-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  ._50 {
    width: 100%;
  }

  ._50.screen {
    justify-content: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  ._50.pl-50 {
    padding-left: 0;
  }

  ._50.mb-50 {
    margin-bottom: 13%;
  }

  ._50.mb-50.pul-right {
    text-align: center;
  }

  ._50.ralign {
    margin-bottom: 30px;
  }

  ._50.lalign {
    margin-left: 0;
  }

  ._50.middle {
    margin-top: 30px;
    margin-bottom: 100px;
  }

  .icon-list {
    align-self: stretch;
  }

  .icon-list.midle.mb-0 {
    flex-direction: column;
    align-items: center;
  }

  .blob {
    inset: auto 0% 0% auto;
  }

  .tab-horizontal {
    text-align: center;
    border-bottom: 6px solid #0000;
    justify-content: space-between;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .tab-horizontal.center {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
  }

  .reminder {
    text-align: left;
  }

  .reminder.mt-50 {
    justify-content: center;
    margin-left: 0;
  }

  .reminder.pul-left.ml-100 {
    margin-top: -35px;
  }

  .reminder.pull-up {
    display: none;
    position: relative;
    transform: none;
  }

  .card {
    text-align: left;
    width: 100%;
  }

  .card.ralign {
    width: 100%;
    padding: 6px;
  }

  .card.otziv {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 300px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .card.topl {
    margin-bottom: 22px;
    margin-right: 0;
    padding-left: 10px;
  }

  .content-card {
    flex: none;
  }

  .center {
    text-align: left;
    justify-content: center;
    display: flex;
  }

  .table.shadow {
    width: 100%;
  }

  .raw {
    padding-left: 13px;
    padding-right: 13px;
  }

  .raw.header {
    padding-left: 0;
    padding-right: 0;
  }

  ._25 {
    width: 50%;
  }

  .mb-0 {
    margin-bottom: 0;
    line-height: 2rem;
  }

  .slide-nav {
    margin-bottom: 5px;
    display: none;
  }

  .store {
    text-align: center;
    justify-content: center;
    margin-top: 29px;
    margin-bottom: 20px;
    position: relative;
    top: 0%;
    right: 0%;
  }

  ._33 {
    width: 100%;
  }

  .history {
    flex-direction: row;
  }

  .history-block {
    margin-left: 0;
  }

  .top-truck {
    position: relative;
    transform: none;
  }

  .truck-div {
    display: flex;
    position: relative;
  }

  .artistic.truck {
    position: relative;
    transform: translate(0, -35px)rotate(-30deg);
  }

  .artistic.man-text {
    inset: auto auto 0% 0%;
    transform: rotate(-50deg)translate(97px);
  }

  .form-field {
    flex: none;
    width: 100%;
  }

  .form-field.pop {
    border-radius: 8px;
  }

  .field-container {
    padding-left: 0;
  }

  .field-container._80, .left-field-wrupper {
    width: 100%;
  }

  .div-block {
    flex-direction: column;
  }

  .form-button-wrupper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .gray.button-right-trxt {
    color: var(--dark-grey);
    width: 100%;
    margin-top: 19px;
    padding-left: 0;
  }

  .man {
    inset: 0% 0% 0% auto;
    transform: translate(50%);
  }

  .phone-futer {
    white-space: nowrap;
    padding-top: 40px;
    font-size: 2em;
  }

  .phone-futer.pink.pr-50.pl-50 {
    padding-left: 0;
  }

  .futer-app {
    margin-left: 9px;
    margin-right: 9px;
    padding-right: 0;
  }

  .futer-app-wrupper {
    justify-content: center;
    align-items: center;
    margin-top: 34px;
  }

  .brand {
    padding-left: 0;
  }

  .arrow-wrupper {
    transform: rotate(90deg);
  }

  .phone-frame {
    width: 90%;
  }

  .menue-servisec {
    flex-wrap: wrap;
    place-content: flex-start;
    width: 100%;
    max-height: 100%;
    margin-bottom: 12px;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .tabs-otzivi {
    margin-left: 0;
    padding-left: 0%;
    display: flex;
  }

  .form-join {
    flex-direction: column;
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
    position: fixed;
    top: 0%;
  }

  .form-pop-field {
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-block {
    width: 100%;
    padding: 37px;
  }

  .div-block-5 {
    flex-direction: column;
    align-items: flex-start;
  }

  .small {
    padding-left: 0;
    font-size: 12px;
  }

  .form-truck {
    max-width: 250px;
  }

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

  .div-block-6 {
    display: block;
  }

  .top-phone {
    padding-right: 0;
  }

  .form-wrupper-stickers {
    flex-direction: column;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    position: fixed;
    top: 0%;
  }

  .field-label-copy.white {
    line-height: 20px;
  }

  .small-copy {
    padding-left: 0;
  }

  .form-block-sticky {
    width: 100%;
    padding: 37px;
  }

  .menu-button {
    color: var(--white);
  }

  .menu-button.w--open {
    background-image: linear-gradient(to bottom, var(--blue-violet), var(--hot-pink));
  }

  .sticker-pack {
    max-width: 250px;
    display: none;
  }

  .div-block-7 {
    display: flex;
  }

  .laptop {
    width: 90%;
    inset: 5% 0% 0%;
  }

  .desctop-frame {
    justify-content: center;
  }

  .form-cons {
    flex-direction: column;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    position: fixed;
    top: 0%;
  }

  .button-copy {
    width: 100%;
    margin-bottom: 18px;
    padding: 14px;
  }

  .button-outline-qwiz {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .form-title {
    font-size: 2vh;
    line-height: 5vw;
  }

  .form-button {
    margin-top: 5px;
    margin-bottom: 18px;
    padding: 14px;
  }

  .price-big {
    font-size: 4vh;
    line-height: 4vw;
  }

  .blog-img {
    border-radius: 25px;
  }

  .partner-list {
    width: 100%;
  }

  .choice-form {
    flex: none;
    width: 100%;
  }

  .choice-form.pop {
    border-radius: 8px;
  }

  .partners-type-choiser {
    width: 100%;
  }

  .page-share {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .share-wruping {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .toplivo-hero {
    flex-flow: row-reverse wrap-reverse;
  }

  .phone-tplivo {
    border-radius: 45px;
    transform: translate(0);
  }

  .tpl-pic {
    max-width: 25%;
    inset: 0% 0% auto 0;
    transform: translate(0%);
  }

  .tpl-pic._2 {
    transform: translate(50%);
  }

  .tpl-title {
    position: static;
  }

  .arrow-left {
    transform: translate(0, 11px);
  }

  .pic {
    max-width: 100%;
  }

  .toplivo-wrupper {
    flex-flow: column;
    height: auto;
  }

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

  .reminder-toplivo.mt-50 {
    justify-content: center;
    margin-left: 0;
  }

  .reminder-toplivo.pul-left.ml-100 {
    margin-top: -35px;
  }

  .reminder-toplivo.pull-up {
    display: none;
    position: relative;
    transform: none;
  }

  .time-toggle {
    z-index: 10;
    background-color: var(--white);
    padding-top: 10px;
    padding-bottom: 10px;
    position: sticky;
    top: 9%;
  }

  .navbar-toplivo {
    overflow: visible;
  }

  .navbar-toplivo.futer {
    justify-content: flex-start;
    padding-bottom: 15px;
  }

  .flex-block {
    flex-flow: column;
  }

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

  .toplivo-social {
    justify-content: center;
    align-items: center;
  }

  .pic-topl {
    max-width: 100%;
  }

  ._30_1 {
    width: 100%;
    margin-bottom: 40px;
  }

  ._30_1.pt-50 {
    padding-top: 0;
  }

  .title {
    font-size: 2.7vh;
    line-height: 4vh;
  }

  .toplivo-futer-inner {
    flex-flow: column;
  }

  .form-cuple {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .calc-field {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    align-self: stretch;
  }

  .calc-field._80 {
    width: 100%;
  }

  .calc-field-inner {
    flex: none;
    width: 100%;
  }

  .calc-field-inner.pop {
    border-radius: 8px;
  }

  .calc-input {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .calc-input._70 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .calc-input.output-calc {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 350px;
  }

  .flex-block-2 {
    flex-flow: column;
  }

  .cta-link {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
  }

  .post-card {
    text-align: left;
    width: 100%;
  }

  .post-card.ralign {
    width: 100%;
    padding: 6px;
  }

  .post-card.otziv {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: 300px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .post-card.topl {
    margin-right: 0;
    padding-left: 10px;
  }

  .gap.wrap {
    flex-flow: wrap;
  }

  .form-3, .wide.input-calc {
    flex-flow: column;
  }

  .flex-logo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .flex-block-5 {
    flex-flow: column;
  }

  .icon-list-fitch {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .icon-list-fitch.midle.mb-0 {
    flex-direction: column;
    align-items: center;
  }

  .tabs-menu-rodz {
    flex-flow: wrap;
  }

  .lang {
    color: var(--white);
    text-align: center;
    display: block;
  }

  .dropdown-list.shadow.w--open {
    background-color: var(--black);
  }

  .lang-menue {
    color: var(--white);
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .form-join-2 {
    flex-direction: column;
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: none;
    position: fixed;
    top: 0%;
  }
}


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