@charset "UTF-8";
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! Нельзя редактировать этот файл! Он сгенерирован через sass  -  DO NOT EDIT THIS FILE! IT GENERATED SASS */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
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; }

body, html { height: 100%; }

body a, html a { text-decoration: none; }

body input, html input { -webkit-appearance: none; }

img, fieldset, a img { border: 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; }

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

div { outline: none !important; }

* { outline: none !important; }

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

img { vertical-align: top; }

li { list-style: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }

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

.clear { clear: both; }

.page { overflow: hidden; position: relative; width: 100%; }

input[type=text], input[type=password], textarea { box-sizing: border-box; }

input:focus::-webkit-contacts-auto-fill-button { opacity: 0; }

.show-tablet1 { display: none; }

@media only screen and (max-width: 1000px) { .show-tablet1 { display: block; } }

@media only screen and (max-width: 1000px) { .hide-tablet1 { display: none; } }

.show-mobile1 { display: none; }

@media only screen and (max-width: 760px) { .show-mobile1 { display: block; } }

@media only screen and (max-width: 760px) { .hide-mobile1 { display: none; } }

:focus::-webkit-input-placeholder { opacity: 0 !important; }

:focus::-moz-placeholder { opacity: 0 !important; }

:focus:-ms-input-placeholder { opacity: 0 !important; }

:focus:-moz-placeholder { opacity: 0 !important; }

input, textarea { background: none; border: none; }

textarea { resize: none; }

@font-face { font-family: Geist; src: url("../fonts/Geist-Regular.eot"); src: url("../fonts/Geist-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Geist-Regular.woff") format("woff"), url("../fonts/Geist-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 400; }

@font-face { font-family: Geist; src: url("../fonts/Geist-SemiBold.eot"); src: url("../fonts/Geist-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Geist-SemiBold.woff") format("woff"), url("../fonts/Geist-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 600; }

@font-face { font-family: Geist; src: url("../fonts/Geist-UltraBlack.eot"); src: url("../fonts/Geist-UltraBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/Geist-UltraBlack.woff") format("woff"), url("../fonts/Geist-UltraBlack.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 900; }

body { font-family: Geist; background: #000E08; min-width: 1000px; }

body * { box-sizing: border-box; }

.content-page { max-width: 1336px; margin: auto; padding: 50px 20px 0 20px; padding-bottom: 50px; }

.header-block { height: 854px; padding-top: 39px; position: relative; }

.header-block:before { position: absolute; top: 14px; left: 50%; display: block; content: ''; width: 1440px; height: 1012px; margin-left: -720px; background: url(../img/b1.png); background-size: 100% 100%; }

.header-block__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 96px; position: relative; }

.header-block__sign-in { color: #01FF89; font-size: 24px; font-weight: 600; }

.header-block__sign-in:hover { text-decoration: underline; }

.header-block__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.header-block__title { color: #EAEAEA; font-size: 64px; line-height: 82px; text-align: center; }

.header-block__title b { color: #01FF89; font-weight: 900; }

.header-block__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 24px; }

.header-block__buttons .style1 { padding: 16px 24px; border-radius: 16px; background: #01FF89; box-shadow: 0px 0px 71.5px 15px rgba(1, 255, 137, 0.08); color: #031308; font-size: 24px; font-weight: 600; }

.header-block__buttons .style1:hover { opacity: 0.95; }

.header-block__buttons .style2 { padding: 16px 24px; border-radius: 16px; border: 1px solid #01FF89; color: #EAEAEA; font-size: 24px; font-weight: 600; }

.header-block__buttons .style2:hover { color: #30ff89; border-color: #fff; }

.title1 { padding-bottom: 32px; color: #EAEAEA; font-size: 64px; text-align: center; position: relative; }

.title1 b { color: #01FF89; font-weight: 900; }

@media only screen and (max-width: 1336px) { .title1 { font-size: 52px; } }

.list-advantage1 { margin: 0 -16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px 0; margin-bottom: 32px; position: relative; }

.list-advantage1.mod1 { margin-bottom: 150px; }

.list-advantage1.mod1 .list-advantage1__item { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; }

.list-advantage1__item { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 16px; }

.list-advantage1__over { background: url(../img/g1.png); background-size: 100% 100%; height: 283px; padding: 32px; border-radius: 32px; border: 1px solid rgba(231, 255, 244, 0.1); position: relative; overflow: hidden; }

.list-advantage1__image { position: absolute; bottom: 0; right: 0; }

@media only screen and (max-width: 1336px) { .list-advantage1__image { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } }

.list-advantage1__image img.size1 { width: 367px; }

.list-advantage1__image img.size2 { width: 409px; }

.list-advantage1__image img.size3 { width: 426px; }

.list-advantage1__image img.size4 { width: 393px; }

.list-advantage1__image img.size5 { width: 171px; }

.list-advantage1__image img.size6 { width: 410px; }

.list-advantage1__image img.size7 { width: 328px; }

.list-advantage1__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; }

.list-advantage1__text p { color: rgba(255, 255, 255, 0.36); font-size: 24px; line-height: 30px; }

.list-advantage1__title { color: #FFF; font-size: 36px; font-weight: 600; }

.list-service1 { margin: 0 -16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px 0; margin-bottom: 32px; position: relative; }

.list-service1__item { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 16px; }

.list-service1__over { background: url(../img/g1.png); background-size: 100% 100%; min-height: 283px; padding: 32px; border-radius: 32px; border: 1px solid rgba(231, 255, 244, 0.1); position: relative; overflow: hidden; width: 100%; }

.list-service1__image { position: absolute; bottom: 0; right: 0; }

@media only screen and (max-width: 1336px) { .list-service1__image { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } }

.list-service1__image img { width: 251px; }

.list-service1__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; }

.list-service1__title1 { color: #01FF89; font-size: 16px; }

.list-service1__title2 { color: #FFF; font-size: 36px; font-weight: 600; }

.list-service1 ul li { position: relative; padding-left: 25px; color: #FFF; font-size: 16px; line-height: 31px; }

.list-service1 ul li:before { content: ''; position: absolute; top: 14px; left: 11px; width: 3.5px; height: 3.5px; background: #fff; border-radius: 4px; }

.contact-with-us { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #031308; font-size: 24px; font-weight: 600; padding: 16px 24px; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px; background: #01FF89; box-shadow: 0px 0px 71.5px 15px rgba(1, 255, 137, 0.08); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.contact-with-us:hover { opacity: 0.95; }