html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

img, fieldset, a img {
  border: none;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
}

input[type=submit],
button {
  cursor: pointer;
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

input, button {
  margin: 0;
  padding: 0;
  border: 0;
}

div, input, textarea, select, button,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff");
  font-weight: 700;
}
html {
  background: #031f26;
}

body {
  font-family: "Gilroy";
  font-size: 1.6666666667vw;
  color: white;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1023px) {
  body {
    font-size: 4.1666666667vw;
  }
}

button,
input {
  font-family: "Gilroy";
}

picture,
img {
  display: block;
  width: 100%;
}

a {
  text-decoration: none;
}

.inner {
  position: relative;
  z-index: 2;
  padding: 5.1458333333vw 5.375vw;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .inner {
    padding: 9.1666666667vw 8.3333333333vw;
  }
}

.background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.btn {
  display: inline-flex;
  align-items: center;
  padding: 1.0416666667vw 3.125vw;
  background: #7cff00;
  border-radius: 2.0833333333vw;
  box-shadow: 0 0 1.0416666667vw #7cff00;
  font-size: 1.6666666667vw;
  font-weight: 500;
  color: #3a53b8;
  transition: background 0.2s;
}
@media only screen and (max-width: 1023px) {
  .btn {
    padding: 2.0833333333vw 4.1666666667vw;
    border-radius: 5vw;
    font-size: 4.1666666667vw;
  }
}
.btn:hover {
  background: #63cc00;
}

.logo {
  position: relative;
  display: block;
  width: 53.5416666667vw;
  margin-bottom: 4.6875vw;
}
@media only screen and (max-width: 1023px) {
  .logo {
    width: 50.3333333333vw;
    margin-bottom: 57vw;
  }
}

.hero {
  margin-bottom: 7.5416666667vw;
}
@media only screen and (max-width: 1023px) {
  .hero {
    margin-bottom: 13.6666666667vw;
    text-align: center;
  }
}
.hero__inner {
  max-width: 44.7916666667vw;
}
@media only screen and (max-width: 1023px) {
  .hero__inner {
    max-width: 100%;
  }
}
.hero__title {
  margin-bottom: 2.5vw;
  font-size: 4.4791666667vw;
}
@media only screen and (max-width: 1023px) {
  .hero__title {
    margin-bottom: 3.3333333333vw;
    font-size: 8.3333333333vw;
  }
}
.hero__text {
  margin-bottom: 4.1666666667vw;
  font-size: 2.0833333333vw;
}
@media only screen and (max-width: 1023px) {
  .hero__text {
    margin: 0 auto 9.5833333333vw;
    font-size: 5vw;
  }
}

.section {
  margin-bottom: 7.2916666667vw;
}
@media only screen and (max-width: 1023px) {
  .section {
    margin-bottom: 16.6666666667vw;
  }
}
.section__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.1666666667vw;
  font-size: 3.0208333333vw;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .section__title {
    margin: 0 -6vw 6.25vw -6vw;
    font-size: 5.8333333333vw;
	text-align: center;
  }
}

.conditions {
  padding-left: 56%;
}
@media only screen and (max-width: 1023px) {
  .conditions {
    padding: 0;
    text-align: center;
  }
}
.conditions__list {
  margin-bottom: 4.1666666667vw;
}
@media only screen and (max-width: 1023px) {
  .conditions__list {
    margin-bottom: 8.3333333333vw;
    text-align: left;
  }
}
.conditions__list li {
  display: flex;
  align-items: center;
  margin-bottom: 1.25vw;
}
@media only screen and (max-width: 1023px) {
  .conditions__list li {
    margin-bottom: 5vw;
  }
}
.conditions__list img {
  width: 5.2083333333vw;
  margin-right: 2.2916666667vw;
}
@media only screen and (max-width: 1023px) {
  .conditions__list img {
    width: 15.3333333333vw;
    margin-right: 7.1666666667vw;
  }
}

.shopping {
  text-align: center;
}
.shopping__list {
  display: flex;
  margin-bottom: 4.1666666667vw;
  flex-wrap: wrap;
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .shopping__list {
    margin-bottom: 8.3333333333vw;
    text-align: center;
	align-items: baseline;
  }
}
.shopping__list li {
display: flex;
align-items: center;
margin: 1% 2% 1% 0;
}
@media only screen and (max-width: 1023px) {
  .shopping__list li {
    display: flex;
    align-items: center;
    margin-bottom: 2.6666666667vw;
	flex-direction: column;

  }
}
.shopping__list li:last-child p {
  max-width: unset;
}
.shopping__list img {
  display: block;
  width: 6.25vw;
  margin-right: 0.5916666667vw;
}
@media only screen and (max-width: 1023px) {
  .shopping__list img {
    width: 15.4333333333vw;
  }
}
.shopping__list p {
font-size: 1.2666666667vw;
}
@media only screen and (max-width: 1023px) {
  .shopping__list p {
    max-width: unset;
    margin: 0;
	font-size: 3.99vw;
  }
}
@media only screen and (max-width: 1023px) {
  .shopping__list br {
    display: none;
  }
}

.calc {
  position: relative;
  margin-top: -2.9166666667vw;
}
@media only screen and (max-width: 1023px) {
  .calc {
    margin-top: -4.1666666667vw;
  }
}
.calc__title {
  margin-bottom: 4.5833333333vw;
  font-size: 1.9791666667vw;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .calc__title {
    margin-bottom: 8.3333333333vw;
    font-size: 5vw;
  }
}
.calc__form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5.2083333333vw 7.2916666667vw;
}
@media only screen and (max-width: 1023px) {
  .calc__form {
    flex-direction: column;
    gap: 6.6666666667vw;
  }
}
.calc__form label {
  display: flex;
  flex-direction: column;
  width: 31.6666666667vw;
}
@media only screen and (max-width: 1023px) {
  .calc__form label {
    width: 100%;
  }
}
.calc__form span {
  margin-bottom: 1.0416666667vw;
}
@media only screen and (max-width: 1023px) {
  .calc__form span {
    margin-bottom: 2.0833333333vw;
  }
}
.calc__form input {
  width: 100%;
  height: 5.1041666667vw;
  padding: 0 1.6666666667vw;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.6666666667vw;
}
@media only screen and (max-width: 1023px) {
  .calc__form input {
    height: 8.3333333333vw;
    padding: 0 2.0833333333vw;
    font-size: 4.1666666667vw;
  }
}
.calc__form input::-webkit-outer-spin-button, .calc__form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calc__form input[type=number] {
  -moz-appearance: textfield;
}
.calc__ribbon {
  position: absolute;
  left: -9.375vw;
  bottom: -13.0208333333vw;
  width: 19.0104166667vw;
  pointer-events: none;
}
@media only screen and (max-width: 1023px) {
  .calc__ribbon {
    display: none;
  }
}

.getting {
  text-align: center;
}
.getting__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.1666666667vw;
  counter-reset: numbers;
  justify-content: space-evenly;
}
@media only screen and (max-width: 1023px) {
  .getting__list {
    display: block;
    text-align: left;
  }
}
.getting__list li {
  flex: 1;
  flex: 0 0 31%;
  margin: 1.7vw 0;
}
@media only screen and (max-width: 1023px) {
  .getting__list li {
    display: flex;
    align-items: center;
    margin-bottom: 5vw;
  }
}
.getting__list li:last-child p {
  max-width: unset;
}
.getting__list img {
  display: block;
  width: 7.2916666667vw;
  margin: 0 auto 2.2916666667vw;
}
@media only screen and (max-width: 1023px) {
  .getting__list img {
    width: 15.3333333333vw;
    margin: 0 4.1666666667vw 0 0;
  }
}
.getting__list p {
  max-width: 20.0666666667vw;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .getting__list p {
    max-width: unset;
    margin: 0;
  }
}
.getting__list p:before {
  counter-increment: numbers;
  content: counter(numbers) ". ";
}
@media only screen and (max-width: 1023px) {
  .getting__list br {
    display: none;
  }
}

.form-container {
  position: relative;
  max-width: 46.875vw;
  margin: 0 auto 4.1666666667vw;
}
@media only screen and (max-width: 1023px) {
  .form-container {
    max-width: 100%;
    margin-bottom: 12.5vw;
    padding: 0 4.1666666667vw;
  }
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form.hidden {
  opacity: 0;
  pointer-events: none;
}

.field {
  width: 100%;
  margin-bottom: 2.0833333333vw;
}
@media only screen and (max-width: 1023px) {
  .field {
    margin-bottom: 4.1666666667vw;
  }
}
.field__label {
  margin-bottom: 0.5208333333vw;
  padding: 0 1.0416666667vw;
  font-size: 1.4583333333vw;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .field__label {
    margin-bottom: 0.8333333333vw;
    padding: 0 2.0833333333vw;
    font-size: 3.75vw;
  }
}
.field__input {
  width: 100%;
  height: 4.1666666667vw;
  padding: 0 2.0833333333vw;
  border-radius: 2.0833333333vw;
  font-size: 1.6666666667vw;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .field__input {
    height: 8.3333333333vw;
    padding: 0 4.1666666667vw;
    border-radius: 4.1666666667vw;
    font-size: 3.75vw;
  }
}
.field__input::-webkit-input-placeholder {
  color: black;
}
.field__input:-ms-input-placeholder {
  color: black;
}
.field__input::-ms-input-placeholder {
  color: black;
}
.field__input::placeholder {
  color: black;
}
.field__error {
  display: none;
  margin-top: 0.4166666667vw;
  padding-left: 2.0833333333vw;
  font-size: 1.25vw;
  color: red;
}
@media only screen and (max-width: 1023px) {
  .field__error {
    margin-top: 1.6666666667vw;
    padding-left: 4.1666666667vw;
    font-size: 2.5vw;
  }
}
.field.error .field__error {
  display: block;
}
.checkbox + .field__error {
  padding-left: 3.3333333333vw;
}
@media only screen and (max-width: 1023px) {
  .checkbox + .field__error {
    padding-left: 8.3333333333vw;
  }
}

.checkbox {
  position: relative;
  font-size: 1.4583333333vw;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .checkbox {
    font-size: 3.3333333333vw;
  }
}
.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox input:checked + span:after {
  opacity: 1;
}
.checkbox span {
  display: block;
  padding-left: 3.3333333333vw;
}
@media only screen and (max-width: 1023px) {
  .checkbox span {
    padding-left: 8.3333333333vw;
  }
}
.checkbox span:before {
  content: "";
  position: absolute;
  top: -0.2604166667vw;
  left: 0;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background: white;
  border-radius: 0.2083333333vw;
}
@media only screen and (max-width: 1023px) {
  .checkbox span:before {
    top: 0.4166666667vw;
    width: 5vw;
    height: 5vw;
    border-radius: 0.8333333333vw;
  }
}
.checkbox span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0.625vw;
  width: 0.8333333333vw;
  height: 1.25vw;
  border: solid black;
  border-width: 0 0.2083333333vw 0.2083333333vw 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 1023px) {
  .checkbox span:after {
    top: 1.0416666667vw;
    left: 1.6666666667vw;
    width: 1.6666666667vw;
    height: 2.5vw;
    border-width: 0 0.4166666667vw 0.4166666667vw 0;
  }
}

.loader,
.result {
  pointer-events: none;
  opacity: 0;
}
.loader.visible,
.result.visible {
  opacity: 1;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  margin-top: -1.6666666667vw;
  margin-left: -1.6666666667vw;
  border: 0.2083333333vw solid #7cff00;
  border-top-color: white;
  border-radius: 50%;
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
}
@media only screen and (max-width: 1023px) {
  .loader {
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    margin-top: -4.1666666667vw;
    margin-left: -4.1666666667vw;
    border-width: 0.8333333333vw;
  }
}

@-webkit-keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.result {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0833333333vw;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .result {
    font-size: 4.1666666667vw;
  }
}

.info {
  position: relative;
  font-size: 1.25vw;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .info {
    margin-bottom: 3.3333333333vw;
    font-size: 2.5vw;
  }
}
.info__title {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1.0416666667vw;
  font-size: 1.25vw;
  text-decoration: underline;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .info__title {
    margin-bottom: 2.0833333333vw;
    font-size: 3.3333333333vw;
  }
}
.info__title.active:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.info__title:after {
  content: "";
  margin-left: 0.5208333333vw;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.5208333333vw 0.5208333333vw 0 0.5208333333vw;
  border-color: white transparent transparent transparent;
}
.info__content {
  display: none;
}
.info__content.visible {
  display: block;
}
.info__ribbon {
  position: absolute;
  right: -18.75vw;
  top: -14.5833333333vw;
  width: 19.0104166667vw;
  -webkit-transform: scaleY(-1) rotate(180deg);
          transform: scaleY(-1) rotate(180deg);
  pointer-events: none;
}
@media only screen and (max-width: 1023px) {
  .info__ribbon {
    display: none;
  }
.info__title:after {
  border-width: 1.5208333333vw 1.5208333333vw 0 1.5208333333vw;	
}	
}

.links {
  font-size: 1.25vw;
  margin-top: 2vw;
}
@media only screen and (max-width: 1023px) {
  .links {
    font-size: 3.3333333333vw;
  }
}
.links li {
  margin-bottom: 0.5208333333vw;
}
@media only screen and (max-width: 1023px) {
  .links li {
    margin-bottom: 0.8333333333vw;
  }
}
.links a {
  color: white;
  font-weight: 700;
  text-decoration: underline;
}

.footer {
  display: flex;
  align-items: center;
  padding: 1.25vw;
  background: white;
  font-size: 0.9375vw;
  color: #0F2D7E;
}
@media only screen and (max-width: 1023px) {
  .footer {
    flex-wrap: wrap;
    padding: 4.1666666667vw 8.3333333333vw;
  }
}
.footer__phone {
  flex-shrink: 0;
  margin-right: 1.25vw;
  font-size: 1.1458333333vw;
  font-weight: 700;
  color: #0F2D7E;
}
@media only screen and (max-width: 1023px) {
  .footer__phone {
    order: 2;
    margin: 0;
    font-size: 3vw;
    font-weight: 700;
  }
}
.footer__content {
  flex-grow: 1;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .footer__content {
    order: 1;
    margin-bottom: 4.1666666667vw;
    font-size: 2.7083333333vw;
    text-align: left;
  }
}
.footer__logo {
  width: 12.5520833333vw;
  margin-left: 4.6875vw;
}
@media only screen and (max-width: 1023px) {
  .footer__logo {
    order: 3;
    width: 41.6666666667vw;
    margin-left: auto;
  }
}
.links a {
  color: white;
  text-decoration: underline;
}
.open-popup {
    color: white;
    text-decoration: underline;
    cursor: pointer;
    }


.open-popup:hover {
            color: blue;
        }


.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
        }


.popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 94%;
            padding: 20px;
            background: rgba(40, 65, 127, 0.7);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
            border-radius: 8px;
            text-align: center;
            color: black;
        }
.popup p {
	color: white;
	text-align: center;
}
.popup h2 {
	color: white;
	text-align: center;
	font-size: 2.2vw;
	font-weight: 500;
}
.close {
            position: absolute;
            top: 0px;
            right: 10px;
            font-size: 60px;
            text-decoration: none;
            color: #333;
            cursor: pointer;
				color: white;
        }

.close:hover {
            color: red;
        }	

.get__list {
    display: flex;
    flex-wrap: wrap;
    counter-reset: numbers;
    justify-content: space-evenly;
}	
.get__list li {
    flex: 1;
    flex: 0 0 25%;
    margin: 1.7vw;
	flex-direction: column;
}	
@media only screen and (max-width: 1023px) {
  #s1.section {
    display: none;
  }
.get__list li {
    flex: 1;
    flex: 0 0 42%;
    margin: 1.7vw;
	flex-direction: column;
}
.popup h2 {
	font-size: 5vw;
	margin: 2% 5%;
}  
}
@media only screen and (min-width: 1023px) {
  #s2.section {
    display: none;
  }
}