html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, em, q, abbr, address, cite, code, del, dfn, em, img, ins, samp, small, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video, tbody, nav, section {
  vertical-align: baseline;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, tr, tbody, img {
  display: block;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

:root {
  --bar-color: #212121;
  --text: #171717;
  --error-color: #f80202;
  --margin: 90px;
  --gutter: 90px;
  --header-height: 90px;
  --font-size: 24px;
  --font-size--header: 33px;
  --font-size--title: 70px;
  --font-size--subtitle: 26px;
  --btn-height: 60px;
  --section-dark-height: 200px;
  --dot-width: 126px;
  --input-height: 60px;
}

@media screen and (max-width: 1480px) {
  :root {
    --font-size--title: 55px;
    --section-dark-height: 160px;
  }
}

@media screen and (max-width: 1180px) {
  :root {
    --margin: 40px;
    --btn-height: 52px;
    --gutter: 60px;
    --font-size--header: 28px;
    --font-size: 22px;
  }
}

@media screen and (max-width: 1040px) {
  :root {
    --font-size--title: 48px;
    --font-size--subtitle: 24px;
    --section-dark-height: 120px;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --btn-height: 48px;
  }
}

@media screen and (max-width: 640px) {
  :root {
    --margin: 20px;
  }
}

@media screen and (max-width: 520px) {
  :root {
    --dot-width: 18vw;
    --font-size--header: 24px;
    --font-size: 19px;
    --font-size--title: 38px;
    --font-size--subtitle: 18px;
    --input-height: 46px;
  }
}

.section.section--dark {
  background-color: var(--bar-color);
  color: #fff;
}

@media screen and (min-width: 769px) {
  .section.section--dark {
    height: var(--section-dark-height);
  }
}

html {
  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --browserArea: calc(100vh - 93px);
}

html *, html * :after, html * :before {
  box-sizing: border-box;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  background: var(--dot-color);
  border-radius: 1px;
}

body {
  font-size: var(--font-size);
  width: 100%;
  color: var(--text);
  font-weight: 400;
  line-height: 1.3;
  font-family: var(--font-main);
  padding-top: var(--header-height);
  background: #fff;
  position: relative;
  overflow-x: hidden;
}

body img {
  display: block;
}

body p {
  padding: 0 0 24px;
}

.wrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1680px) {
  .wrapper {
    max-width: 100%;
    padding: 0 var(--margin);
  }
}

._js_inViewport {
  opacity: 0;
  transition: transform 2s cubic-bezier(0, 1, .3, 1) .25s, opacity .3s ease-out .25s;
  position: relative;
  transform: translateY(-70px);
}

._js_inViewport.__js_onScreen {
  opacity: 1;
  position: relative;
  transform: translateY(0);
}

.btn-main, .footer .footer__socials .__js_socialShare {
  appearance: none;
  font-family: var(--font-main);
  color: #fff;
  font-weight: 300;
  font-size: calc(.4 * var(--btn-height));
  text-transform: uppercase;
  height: var(--btn-height);
  padding: 0 calc(.85 * var(--btn-height));
  z-index: 1;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  line-height: 1;
  display: flex;
  position: relative;
}

.btn-main:before, .footer .footer__socials .__js_socialShare:before, .btn-main:after, .footer .footer__socials .__js_socialShare:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity .3s, transform .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-main:before, .footer .footer__socials .__js_socialShare:before {
  background-color: var(--btn-color);
}

.btn-main:after, .footer .footer__socials .__js_socialShare:after {
  opacity: 0;
  border: 2px solid var(--btn-color);
  transform: scale(1.2);
}

.btn-main strong, .footer .footer__socials .__js_socialShare strong {
  font-weight: bold;
}

.btn-main:hover, .footer .footer__socials .__js_socialShare:hover {
  cursor: pointer;
  color: var(--text);
}

.btn-main:hover:before, .footer .footer__socials .__js_socialShare:hover:before {
  opacity: 0;
  transform: scale(.5);
}

.btn-main:hover:after, .footer .footer__socials .__js_socialShare:hover:after {
  opacity: 1;
  transform: scale(1);
}

.dots__wrapper {
  column-gap: 32px;
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width: 1480px) {
  .dots__wrapper {
    column-gap: 18px;
  }
}

@media screen and (max-width: 768px) {
  .dots__wrapper {
    margin-left: 0;
  }
}

@media screen and (max-width: 520px) {
  .dots__wrapper {
    column-gap: 10px;
  }
}

.dots__wrapper .dot__number:after, .dots__wrapper .result__item li:after, .result__item .dots__wrapper li:after, .dots__wrapper .section-grid__item:after {
  text-transform: uppercase;
  margin-top: 1.5em;
  font-size: .33em;
  font-weight: 300;
}

.dot__number, .result__item li:before, .result__item li:after, .section-grid__item:before, .section-grid__item:after {
  background-color: var(--dot-color);
  color: #fff;
  width: var(--dot-width);
  aspect-ratio: 16 / 23;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  display: flex;
}

@media screen and (max-width: 1480px) {
  .dot__number, .result__item li:before, .result__item li:after, .section-grid__item:before, .section-grid__item:after {
    font-size: 54px;
  }
}

@media screen and (max-width: 520px) {
  .dot__number, .result__item li:before, .result__item li:after, .section-grid__item:before, .section-grid__item:after {
    font-size: 48px;
  }
}

@media screen and (max-width: 440px) {
  .dot__number, .result__item li:before, .result__item li:after, .section-grid__item:before, .section-grid__item:after {
    font-size: 11.5vw;
  }
}

.dot__number:after, .result__item li:after, .section-grid__item:after {
  content: attr(data-text);
}

.text__header {
  font-size: var(--font-size--header);
  padding-bottom: .5em;
  font-weight: bold;
  line-height: 1.15;
}

.section.section--light.__jsResponse {
  padding: var(--gutter) 0;
}

.section.section--light.__jsResponse .text__header {
  width: 100%;
  text-align: center;
  font-size: var(--font-size--title);
}

.text__title {
  font-size: var(--font-size--title);
  margin: 0 0 .9em;
  font-weight: bold;
}

.customer_link {
  color: var(--btn-color);
  font-size: inherit;
  line-height: inherit;
  overflow-wrap: break-word;
  background-image: linear-gradient(transparent calc(100% - 2px), var(--btn-color) calc(100% - 2px) );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-weight: bold;
  text-decoration: none;
  transition: background-size .6s .3s;
}

.customer_link:hover {
  background-size: 0 100%;
}

@document url("http://localhost:1234/strona-glowna"). header {
  box-shadow: 0 0 10px 5px #0000001a;
}

.header {
  max-width: 100%;
  height: var(--header-height);
  z-index: 2;
  padding: 0 var(--margin);
  background-color: #fff;
  flex-direction: column;
  transition: transform .3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header.header--translated {
  transform: translateY(-120%);
}

.header .logo_wp {
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.header .logo_wp svg, .header .logo_wp img {
  max-height: var(--header-height);
  width: auto;
  max-width: 40vw;
}

@media screen and (max-width: 520px) {
  .header .logo_wp svg, .header .logo_wp img {
    max-height: 30px;
  }
}

.nav {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  display: flex;
  position: relative;
}

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

@media screen and (max-width: 768px) {
  .customer_logo {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.customer_logo span {
  white-space: nowrap;
  color: #a7a7a7;
  text-transform: uppercase;
  margin-right: 20px;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .customer_logo span {
    margin: 1em 0;
  }
}

@media screen and (max-width: 320px) {
  .customer_logo span {
    font-size: 10px;
  }
}

.customer_logo img {
  object-fit: contain;
  object-position: center;
  max-width: 33vw;
  max-height: 60px;
  margin: 0;
}

.footer {
  background-color: var(--bar-color);
  color: #fff;
  width: 100%;
  flex-direction: column;
  padding: 30px calc(50% - 590px);
  font-family: sans-serif;
  display: flex;
}

@media screen and (max-width: 1260px) {
  .footer {
    padding: 30px var(--margin);
  }
}

.footer .logo_wp {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.footer .logo_wp img {
  filter: contrast(0) brightness(2);
  max-width: 40vw;
}

.footer p {
  color: #fff;
  width: 100%;
  padding-bottom: 1em;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.footer .footer__bottom {
  width: 100%;
  border-top: 1px solid var(--line-color);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  padding: 20px 0;
  font-size: 12px;
  display: flex;
}

@media screen and (max-width: 768px) {
  .footer .footer__bottom {
    border-top: none;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .footer .footer__bottom span {
    width: 100%;
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 520px) {
  .footer .footer__bottom {
    font-size: 11px;
  }
}

.footer .footer__rights {
  text-transform: capitalize;
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.footer .footer__rights span:nth-child(2) {
  cursor: pointer;
  text-decoration: underline;
}

.footer .footer__socials {
  align-items: center;
  margin-left: auto;
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .footer .footer__socials {
    flex-wrap: wrap;
    margin-left: 0;
  }
}

.footer .footer__socials:before {
  content: "udostępnij konkurs:";
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .footer .footer__socials:before {
    width: 100%;
    margin: 0 auto 20px;
  }
}

.footer .footer__socials .__js_socialShare {
  width: var(--btn-height);
  min-width: var(--btn-height);
  height: auto;
  aspect-ratio: 12 / 17;
  padding: 0;
}

.footer .footer__socials .__js_socialShare:first-of-type {
  margin-right: 20px;
}

@media only screen and (min-width: 521px) and (max-width: 1480px) {
  .template-t {
    --dot-width: 80px;
  }
}

.template-t .section__name {
  font-weight: bold;
}

.template-t .section__name strong {
  font-style: italic;
  font-weight: 300;
}

.template-t .dots__wrapper {
  align-self: flex-end;
  transform: translateY(14px);
}

@media screen and (max-width: 768px) {
  .template-t .dots__wrapper {
    margin-top: 20px;
  }
}

.template-t .dots__wrapper:after {
  content: "";
  height: 4px;
  width: 200vw;
  background-color: var(--dot-color);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}

@media only screen and (min-width: 521px) and (max-width: 1480px) {
  .template-t .dots__wrapper .dot__number, .template-t .dots__wrapper .result__item li:before, .result__item .template-t .dots__wrapper li:before, .template-t .dots__wrapper .result__item li:after, .result__item .template-t .dots__wrapper li:after, .template-t .dots__wrapper .section-grid__item:before, .template-t .dots__wrapper .section-grid__item:after {
    font-size: 50px;
  }
}

@media screen and (max-width: 1480px) {
  .template-t .dots__wrapper .dot__number:after, .template-t .dots__wrapper .result__item li:after, .result__item .template-t .dots__wrapper li:after, .template-t .dots__wrapper .section-grid__item:after {
    margin-top: .5em;
    margin-bottom: .5em;
  }
}

.template-t .header {
  border-bottom: 4px solid var(--dot-color);
}

.template-t .section.section-column .section-column__img {
  aspect-ratio: 25 / 17;
  width: calc(50vw - .5 * var(--margin));
}

@media screen and (max-width: 768px) {
  .template-t .section.section-column .section-column__img {
    height: auto;
    width: 100%;
    margin: calc(.5 * var(--margin)) 0 0;
  }
}

.template-t .section.section-column .section-column__img:nth-child(1) {
  height: calc(100% - var(--margin));
  margin: calc(.5 * var(--margin)) 0 calc(.5 * var(--margin)) calc(.5 * var(--margin));
}

@media screen and (max-width: 768px) {
  .template-t .section.section-column .section-column__img:nth-child(1) {
    margin: calc(.5 * var(--margin)) 0 0;
  }
}

.template-t .section.section-card:after {
  content: "";
  z-index: -1;
  height: calc(2 * var(--section-dark-height));
  width: 200vw;
  background-color: var(--dot-color);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}

.template-t .section-grid__item, .template-t .section-card__item {
  border: 4px solid var(--dot-color);
  background-color: #fff;
}

@media screen and (max-width: 520px) {
  .template-t .section-grid__item {
    width: 100%;
    margin-left: 0;
  }

  .template-t .section-card__item {
    width: 100%;
  }
}

.template-t .footer {
  position: relative;
}

.template-t .footer:after {
  content: "";
  height: 4px;
  width: 100vw;
  background-color: var(--dot-color);
  display: block;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
}

.template-t .form__wrapper .form-field {
  border: 1px solid #ccc;
}

.template-t .cities__list {
  border: 1px solid #ccc;
  border-top: none;
}

@media only screen and (min-width: 521px) and (max-width: 1480px) {
  .template-b {
    --dot-width: 90px;
  }
}

.template-b .btn-main, .template-b .footer .footer__socials .__js_socialShare, .footer .footer__socials .template-b .__js_socialShare, .template-b .btn-main:before, .template-b .footer .footer__socials .__js_socialShare:before, .footer .footer__socials .template-b .__js_socialShare:before, .template-b .btn-main:after, .template-b .footer .footer__socials .__js_socialShare:after, .footer .footer__socials .template-b .__js_socialShare:after {
  border-radius: calc(.5 * var(--btn-height));
}

.template-b .dots__wrapper {
  transform: translateY(calc(.5 * var(--dot-width)) );
}

@media screen and (max-width: 1480px) {
  .template-b .dots__wrapper .dot__number:after, .template-b .dots__wrapper .result__item li:after, .result__item .template-b .dots__wrapper li:after, .template-b .dots__wrapper .section-grid__item:after {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 440px) {
  .template-b .dots__wrapper .dot__number:after, .template-b .dots__wrapper .result__item li:after, .result__item .template-b .dots__wrapper li:after, .template-b .dots__wrapper .section-grid__item:after {
    margin-top: .5em;
    margin-bottom: 1.5em;
  }
}

.template-b .dot__number, .template-b .result__item li:before, .result__item .template-b li:before, .template-b .result__item li:after, .result__item .template-b li:after, .template-b .section-grid__item:before, .template-b .section-grid__item:after {
  border-radius: 70px;
}

@media screen and (max-width: 520px) {
  .template-b .dot__number, .template-b .result__item li:before, .result__item .template-b li:before, .template-b .result__item li:after, .result__item .template-b li:after, .template-b .section-grid__item:before, .template-b .section-grid__item:after {
    border-radius: 9vw;
  }
}

.template-b .section.section-column .section-column__img {
  aspect-ratio: 11 / 9;
}

@media screen and (min-width: 769px) {
  .template-b .section.section-column .section-column__img {
    width: 50vw;
  }
}

.template-b .section.section-column .section-column__img:nth-child(1) {
  height: 100%;
  border-top-right-radius: 10vw;
}

.template-b .section.section-column .section-column__img:nth-child(2) {
  border-top-left-radius: 10vw;
}

.template-b .section-grid__item, .template-b .section-card__item {
  background-color: var(--bg-color);
  border-top-right-radius: 6.5vw;
}

@media screen and (max-width: 520px) {
  .template-b .section-grid__item, .template-b .section-card__item, .template-b .section-card__item:first-of-type:last-of-type {
    width: calc(100% + var(--margin));
    margin-left: calc(-1 * var(--margin));
  }
}

.template-b .form__wrapper .form-field:not([type="file"]):not(#uploadUrl), .template-b .form__wrapper .form-field__wrapper {
  border-radius: 30px;
  box-shadow: 0 0 10px 5px #0000000d;
}

.template-b .form__wrapper .form-checkbox span:before {
  border-radius: 5px;
}

.template-b .cities__list {
  border-radius: 0 0 5px 5px;
}

.form__wrapper {
  width: 100%;
  max-width: 1180px;
  margin: calc(.5 * var(--margin)) auto 0;
  flex-direction: column;
  display: flex;
}

@media screen and (max-width: 1260px) {
  .form__wrapper {
    max-width: 100%;
    padding: 0 var(--margin);
  }
}

.form__wrapper .text__header {
  padding-top: .5em;
}

.form__wrapper label {
  -webkit-user-select: none;
  user-select: none;
}

.form__wrapper fieldset {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.form__wrapper fieldset:after {
  content: attr(data-error);
  color: var(--error-color);
  font-size: 14px;
  line-height: 1;
  display: none;
  position: absolute;
  bottom: 0;
  right: 20px;
  transform: translateY(150%);
}

.form__wrapper fieldset.has-error:after {
  display: block;
}

.form__wrapper fieldset.has-error .form-field, .form__wrapper fieldset.has-error .form-field__wrapper, .form__wrapper fieldset.has-error .form-checkbox span:before {
  border: 2px solid var(--error-color);
}

.form__wrapper fieldset label {
  padding-bottom: .3em;
  font-size: 21px;
}

@media screen and (max-width: 520px) {
  .form__wrapper fieldset label {
    font-size: 19px;
  }
}

.form__wrapper .form-field:not([type="file"]), .form__wrapper .form-field__wrapper {
  appearance: none;
  width: 100%;
  background-color: #fff;
  border: none;
  font-family: inherit;
  font-size: 18px;
  transition: box-shadow .5s;
}

.form__wrapper .form-field:not([type="file"]):hover, .form__wrapper .form-field__wrapper:hover {
  box-shadow: 0 0 10px 5px #00000026;
}

.form__wrapper .form-field:not([type="file"]):focus, .form__wrapper .form-field__wrapper:focus {
  outline-width: 0;
  box-shadow: 0 0 10px 5px #00000059;
}

.form__wrapper input.form-field:not([type="file"]), .form__wrapper .form-field__wrapper {
  height: var(--input-height);
  padding: 2px 20px;
}

.form__wrapper textarea.form-field, .form__wrapper .form-field__wrapper {
  resize: none;
  height: 220px;
  padding: 20px;
}

.form__wrapper .form-field__wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.form__wrapper .form-field__wrapper:not(.img--uploaded):before {
  content: "Kliknij lub przeciągnij obraz tutaj.";
}

.form__wrapper .form-field__wrapper:not(.img--uploaded).wrong-size:before {
  content: "Wybrany obraz ma za duży rozmiar.";
  color: var(--error-color);
}

.form__wrapper .form-field__wrapper.is-dragover input[type="text"] {
  opacity: 1;
  border: 2px dashed var(--btn-color);
}

.form__wrapper .form-field__wrapper input {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.form__wrapper .form-field__wrapper input[type="file"] {
  opacity: 0;
}

.form__wrapper .form-field__wrapper input[type="file"]:focus ~ input {
  opacity: 1;
  border: 2px dashed var(--btn-color);
}

.form__wrapper .form-field__wrapper input:not([type="file"]) {
  opacity: .5;
  border: 2px dashed var(--line-color);
  color: #0000;
  z-index: -1;
  width: calc(100% - 48px);
  height: 172px;
  background-color: #0000;
  border-radius: 0;
  inset: 24px;
}

.form__wrapper .form-field__wrapper input:hover {
  cursor: pointer;
}

.form__wrapper .form-field__wrapper .img-preview__wrapper {
  width: auto;
  height: 65%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form__wrapper .form-field__wrapper .img-preview__wrapper button {
  appearance: none;
  width: 32px;
  height: 32px;
  background-color: var(--btn-color);
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(10px, -10px);
}

.form__wrapper .form-field__wrapper .img-preview__wrapper button:hover {
  cursor: pointer;
}

.form__wrapper .form-field__wrapper .img-preview__wrapper button:before {
  content: "✕";
  color: #fff;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.form__wrapper .form-field__wrapper img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
  display: block;
}

.form__wrapper .form-checkbox {
  color: #a4a4a4;
  padding: 10px 0 0 44px;
  font-family: sans-serif;
  font-size: 15px;
  position: relative;
}

.form__wrapper .form-checkbox:hover {
  cursor: pointer;
}

.form__wrapper .form-checkbox:hover span:before {
  box-shadow: 0 0 10px 5px #00000026;
}

.form__wrapper .form-checkbox span {
  position: absolute;
  top: 0;
  left: 0;
}

.form__wrapper .form-checkbox span:before {
  content: "";
  height: 27px;
  width: 27px;
  background-color: #fff;
  transition: box-shadow .3s;
  display: block;
  position: absolute;
  left: 4px;
  box-shadow: 0 0 10px 5px #0000000d;
}

.form__wrapper .form-checkbox span:after {
  content: "";
  height: 10px;
  width: 20px;
  opacity: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  display: block;
  position: absolute;
  top: 6px;
  left: 8px;
  transform: rotate(-45deg);
}

.form__wrapper .form-checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.form__wrapper .form-checkbox input:checked ~ span:before {
  background-color: var(--btn-color);
}

.form__wrapper .form-checkbox input:checked ~ span:after {
  opacity: 1;
}

.form__wrapper .btn-main, .form__wrapper .footer .footer__socials .__js_socialShare, .footer .footer__socials .form__wrapper .__js_socialShare {
  margin-top: calc(.5 * var(--margin));
  color: var(--text);
  align-self: center;
  margin-left: 0;
  margin-right: auto;
}

.form__wrapper .btn-main:before, .form__wrapper .footer .footer__socials .__js_socialShare:before, .footer .footer__socials .form__wrapper .__js_socialShare:before {
  background-color: var(--btn-color);
  opacity: 0;
  transform: scale(.5);
}

.form__wrapper .btn-main:after, .form__wrapper .footer .footer__socials .__js_socialShare:after, .footer .footer__socials .form__wrapper .__js_socialShare:after {
  opacity: 1;
  transform: scale(1.1);
}

.form__wrapper .btn-main:hover, .form__wrapper .footer .footer__socials .__js_socialShare:hover, .footer .footer__socials .form__wrapper .__js_socialShare:hover {
  color: #fff;
}

.form__wrapper .btn-main:hover:before, .form__wrapper .footer .footer__socials .__js_socialShare:hover:before, .footer .footer__socials .form__wrapper .__js_socialShare:hover:before {
  opacity: 1;
  transform: scale(1);
}

.form__wrapper .btn-main:hover:after, .form__wrapper .footer .footer__socials .__js_socialShare:hover:after, .footer .footer__socials .form__wrapper .__js_socialShare:hover:after {
  opacity: 0;
  transform: scale(1);
}

.cities__list {
  min-width: 30%;
  z-index: 2;
  background-color: #fff;
  display: none;
  position: absolute;
  bottom: 0;
  left: 30px;
  transform: translateY(100%);
}

.cities__list:not(:empty) {
  box-shadow: 0 0 10px 5px #0000001a;
}

.cities__list li {
  width: 100%;
  height: 100%;
  appearance: none;
  text-align: left;
  background-color: #0000;
  border: none;
  padding: .3em .5em;
  font-family: inherit;
  font-size: 20px;
}

.cities__list li:hover {
  cursor: pointer;
}

.cities__list li:hover, .cities__list li:focus, .cities__list li.city--active {
  background-color: var(--btn-color);
  color: #fff;
  outline: none;
}

.cities__list.list--active {
  display: block;
}

.character-counter {
  color: #a4a4a4;
  font-family: sans-serif;
  font-size: 18px;
  position: absolute;
  bottom: 18px;
  right: 32px;
}

.form-opacity :not(.spinner-wrapper):not(.spinner) {
  opacity: .5;
}

.spinner-wrapper {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.form-field__wrapper .spinner-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
}

.form-field__wrapper .spinner-wrapper svg {
  z-index: 1;
}

.spinner {
  animation: 1.4s linear infinite rotator;
}

@keyframes rotator {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: 1.4s ease-in-out infinite dash, 5.6s ease-in-out infinite colors;
}

@keyframes colors {
  0% {
    stroke: var(--btn-color);
  }

  50% {
    stroke: var(--bar-color);
  }

  100% {
    stroke: var(--btn-color);
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187px;
  }

  50% {
    stroke-dashoffset: 46.75px;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187px;
    transform: rotate(450deg);
  }
}

article:first-of-type .section-column__text {
  padding-top: calc(.5 * var(--gutter));
  padding-bottom: calc(.5 * var(--gutter));
}

article:first-of-type .section .wrapper {
  align-items: center;
}

.section {
  width: 100%;
  counter-reset: element;
  position: relative;
}

.section.section--dark {
  z-index: 1;
  justify-content: space-between;
}

.section.section--dark.section--counting {
  border-bottom: calc(.5 * var(--margin)) solid var(--bg-color);
}

@media screen and (min-width: 769px) {
  .section.section--dark.section--counting {
    height: calc(var(--section-dark-height)  + .5 * var(--margin));
  }
}

@media screen and (max-width: 768px) {
  .section.section--dark.section--counting .section__name {
    transform: translateY(calc(.25 * var(--dot-width)) );
  }

  .section.section--dark:not(.section--counting) {
    padding-top: calc(.25 * var(--dot-width));
  }
}

.section.section--dark .wrapper {
  height: 100%;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .section.section--dark .wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.section.section--dark .section__name {
  padding-bottom: 0;
  font-size: 55px;
}

@media screen and (max-width: 1480px) {
  .section.section--dark .section__name {
    font-size: 44px;
  }
}

@media screen and (max-width: 1040px) {
  .section.section--dark .section__name {
    font-size: 32px;
  }
}

.section.section--dark .btn-main, .section.section--dark .footer .footer__socials .__js_socialShare, .footer .footer__socials .section.section--dark .__js_socialShare {
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .section.section--dark .btn-main, .section.section--dark .footer .footer__socials .__js_socialShare, .footer .footer__socials .section.section--dark .__js_socialShare {
    margin: calc(.25 * var(--dot-width)) auto calc(.25 * var(--dot-width)) 0;
  }
}

.section.section--dark .btn-main:hover, .section.section--dark .footer .footer__socials .__js_socialShare:hover, .footer .footer__socials .section.section--dark .__js_socialShare:hover {
  color: #fff;
}

.section.section--light {
  background-color: var(--bg-color);
  padding: var(--gutter) 0 calc(.5 * var(--gutter));
}

.section.section-column .wrapper {
  min-height: 40vw;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .section.section-column .wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.section.section-column .section-column__text {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

@media screen and (min-width: 769px) {
  .section.section-column .section-column__text:nth-child(1) {
    max-width: 50%;
    padding-right: 76px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1480px) {
  .section.section-column .section-column__text:nth-child(1) {
    padding-right: 32px;
  }
}

.section.section-column .section-column__text:nth-child(2) {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .section.section-column .section-column__text:nth-child(2) {
    margin-left: 50%;
    padding-left: 76px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1480px) {
  .section.section-column .section-column__text:nth-child(2) {
    padding-left: 32px;
  }
}

.section.section-column .section-column__img {
  object-fit: cover;
  width: calc(100% + 2 * var(--margin));
}

.section.section-column .section-column__img:nth-child(2) {
  aspect-ratio: 11 / 9;
}

@media screen and (max-width: 768px) {
  .section.section-column .section-column__img:nth-child(2) {
    margin-bottom: var(--margin);
    order: -1;
  }
}

@media screen and (min-width: 769px) {
  .section.section-column .section-column__img:nth-child(1) {
    position: absolute;
    right: 50%;
  }

  .section.section-column .section-column__img:nth-child(2) {
    transform: translateX(var(--margin));
    margin-bottom: var(--header-height);
    top: var(--header-height);
    position: sticky;
  }
}

.section.section-grid, .section.section-card {
  padding-top: calc(.5 * var(--gutter));
}

.section.section-grid .wrapper, .section.section-card .wrapper {
  min-height: unset;
  flex-wrap: wrap;
}

.section.section-card {
  padding-bottom: calc(.5 * var(--margin));
}

.section.section-card .wrapper {
  column-gap: 27px;
}

@media screen and (max-width: 1040px) {
  .section.section-card .wrapper {
    column-gap: var(--margin);
  }
}

.section .wrapper {
  display: flex;
}

.section .wrapper.grid--2 {
  max-width: 1060px;
  width: calc(100% - 2 * var(--margin));
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.section > .section__name {
  margin: 0 auto;
}

.section > .section__subtitle {
  margin: 0 auto calc(.5 * var(--margin));
  padding: .5em 0;
}

.section > .section__name, .section > .section__subtitle {
  max-width: 1600px;
}

@media screen and (max-width: 1680px) {
  .section > .section__name, .section > .section__subtitle {
    max-width: 100%;
    padding-left: var(--margin);
    padding-right: var(--margin);
  }
}

.section__name, .section__subtitle {
  text-transform: uppercase;
  max-width: 100%;
  font-weight: 300;
}

.section__name strong, .section__subtitle strong {
  font-weight: bold;
}

h1.section__name {
  padding-bottom: .3em;
}

.section__name {
  font-size: var(--font-size--title);
  line-height: 1.07;
}

.section__name + .wrapper {
  padding-top: calc(.5 * var(--gutter));
}

.section__subtitle {
  font-size: var(--font-size--subtitle);
}

.section__list {
  margin-bottom: calc(.5 * var(--margin));
  list-style: none;
}

.section__list li {
  border-bottom: 2px solid var(--line-color);
  margin-bottom: 24px;
}

.section-grid__item, .section-card__item {
  position: relative;
}

.section-grid__item {
  width: calc(50% - .75 * var(--dot-width));
  padding: 24px 24px 10px var(--dot-width);
  margin-bottom: var(--gutter);
  margin-left: calc(.5 * var(--dot-width));
  min-height: calc(1.5 * var(--dot-width));
  flex-grow: 1;
}

@media screen and (max-width: 768px) {
  .section-grid__item {
    width: calc(100% - .5 * var(--dot-width));
  }
}

@media screen and (max-width: 520px) {
  .section-grid__item {
    padding: calc(.8 * var(--dot-width)) var(--margin) 0;
    margin-bottom: var(--dot-width);
  }
}

.section-grid__item:nth-of-type(2n+1) {
  margin-right: calc(.5 * var(--dot-width));
}

@media screen and (max-width: 768px) {
  .section-grid__item:nth-of-type(2n+1) {
    margin-right: 0;
  }
}

.section-grid__item:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 520px) {
  .section-grid__item:first-of-type {
    margin-top: calc(.75 * var(--dot-width));
  }
}

.section-grid__item:before, .section-grid__item:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -10%);
}

@media screen and (max-width: 520px) {
  .section-grid__item:before, .section-grid__item:after {
    left: var(--margin);
    transform: translateY(-50%);
  }
}

.section-grid__item:before {
  content: "";
}

.section-grid__item:after {
  counter-increment: element;
  content: "0" counter(element);
  justify-content: center;
  align-items: center;
  padding-bottom: .2em;
  font-size: 80px;
  display: flex;
}

@media screen and (max-width: 1600px) {
  .section-grid__item:after {
    font-size: 64px;
  }
}

@media screen and (max-width: 520px) {
  .section-grid__item:after {
    font-size: 48px;
  }
}

@media screen and (max-width: 440px) {
  .section-grid__item:after {
    font-size: 40px;
  }
}

.section-card__item {
  width: calc(33.33% - 18px);
  margin-top: calc(.5 * var(--gutter));
  margin-bottom: calc(.5 * var(--gutter));
  padding: 0 40px 40px;
}

@media screen and (max-width: 1040px) {
  .section-card__item {
    width: calc(50% - .5 * var(--margin));
  }
}

@media screen and (min-width: 641px) {
  .grid--2 .section-card__item {
    width: calc(50% - .5 * var(--margin));
  }
}

@media screen and (max-width: 640px) {
  .section-card__item {
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 520px) {
  .section-card__item {
    padding: 0 20px 20px;
  }
}

.section-card__item img {
  width: 100%;
  margin: calc(-.75 * var(--margin)) auto 20px;
  aspect-ratio: 21 / 16;
  object-fit: cover;
}

.section-card__item:first-of-type:last-of-type {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .section-card__item:first-of-type:last-of-type {
    min-height: calc(300px + var(--margin));
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    margin-left: 60px;
    padding: 40px 40px 16px 37%;
    display: flex;
  }
}

@media only screen and (min-width: 1181px) and (max-width: 1240px) {
  .section-card__item:first-of-type:last-of-type {
    min-height: calc((100vw - 60px - 2 * var(--margin)) * .4 * .75 + var(--margin));
  }
}

@media only screen and (min-width: 769px) and (max-width: 1180px) {
  .section-card__item:first-of-type:last-of-type {
    min-height: calc((100vw - var(--margin)  - 2 * var(--margin)) * .4 * .75 + var(--margin));
    margin-left: var(--margin);
  }
}

@media screen and (max-width: 768px) {
  .section-card__item:first-of-type:last-of-type {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 769px) {
  .section-card__item:first-of-type:last-of-type img {
    width: 40%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 769px) and (max-width: 1180px) {
  .section-card__item:first-of-type:last-of-type img {
    left: calc(-1 * var(--margin));
  }
}

.result__wrapper {
  flex-direction: column;
}

.result__item {
  width: 100%;
  counter-reset: element;
  padding-bottom: calc(var(--margin) * .75);
  margin-bottom: calc(var(--margin) * .5);
  flex-grow: 1;
}

.result__item:not(:last-of-type) {
  border-bottom: 3px solid var(--line-color);
}

.result__item li:nth-child(1):after, .result__item li:nth-child(2):after, .result__item li:nth-child(3):after, .result__item li:nth-child(4):after, .result__item li:nth-child(5):after, .result__item li:nth-child(6):after, .result__item li:nth-child(7):after, .result__item li:nth-child(8):after, .result__item li:nth-child(9):after {
  content: "0" counter(element);
}

.result__item .section__subtitle {
  min-width: 100%;
  padding-bottom: .75em;
}

.result__item ul {
  flex-wrap: wrap;
  display: flex;
}

.result__item li {
  width: 25%;
  page-break-inside: avoid;
  flex-direction: column;
  margin: 12px 0 0;
  padding: 6px 0 12px 64px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1180px) {
  .result__item li {
    width: 33%;
  }
}

@media screen and (max-width: 768px) {
  .result__item li {
    width: 50%;
  }
}

@media screen and (max-width: 520px) {
  .result__item li {
    width: 100%;
  }
}

.result__item li:before, .result__item li:after {
  width: 44px;
  height: 48px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.result__item li:before {
  content: "";
}

.result__item li:after {
  counter-increment: element;
  content: counter(element);
  justify-content: center;
  align-items: center;
  padding-bottom: .2em;
  font-size: 32px;
  display: flex;
}

.result__item li span:nth-of-type(1) {
  font-size: 30px;
  font-weight: bold;
}

@media screen and (max-width: 1180px) {
  .result__item li span:nth-of-type(1) {
    font-size: 28px;
  }
}

@media screen and (max-width: 520px) {
  .result__item li span:nth-of-type(1) {
    font-size: 24px;
  }
}

.result__item li span:nth-of-type(2) {
  font-weight: 300;
}

/*# sourceMappingURL=styles.min.css.map */