@charset "UTF-8";
@media (min-width: 2100px) {
  .first-l,
  .second-l,
  .third-l,
  .fourth-l,
  .fiveth-l,
  .sixth-l {
    display: flex !important;
  }
  .first,
  .second,
  .third,
  .fourth,
  .fiveth,
  .sixth {
    display: none !important;
  }
}
@media (max-width: 1439px) {
  .first-s,
  .second-s,
  .third-s,
  .fourth-s,
  .fiveth-s,
  .sixth-s {
    display: flex !important;
  }
  .first-l,
  .second-l,
  .third-l,
  .fourth-l,
  .fiveth-l,
  .sixth-l {
    display: none !important;
  }
  .first,
  .second,
  .third,
  .fourth,
  .fiveth,
  .sixth {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .first-xs,
  .second-xs,
  .third-xs,
  .fourth-xs,
  .fiveth-xs,
  .sixth-s {
    display: flex !important;
  }
  .first-s,
  .second-s,
  .third-s,
  .fourth-s,
  .fiveth-s,
  .sixth-s {
    display: none !important;
  }
  .first-l,
  .second-l,
  .third-l,
  .fourth-l,
  .fiveth-l,
  .sixth-l {
    display: none !important;
  }
  .first,
  .second,
  .third,
  .fourth,
  .fiveth,
  .sixth {
    display: none !important;
  }
  .line {
    flex-direction: column;
  }
  .container-s {
    width: 80%;
    margin: 0 auto;
  }
  .container {
    width: 95%;
    margin: 0 auto;
  }
  .anim3 .abilities {
    width: 100%;
  }
  .line {
    flex-direction: column;
    display: none !important;
  }
  .line2 {
    flex-direction: column;
    display: none !important;
  }
  .line2-mob {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2vmin;
    width: 87%;
    margin: 0 auto;
  }
  .logo {
    width: 9vmin;
    height: 6.4vmin;
  }
  .settings {
    width: 20vmin;
    height: 20vmin;
    margin: 0 auto;
  }
  .main-wrapper__title {
    margin-top: 6vmin;
    text-align: center;
    font-family: "MuseoSansCyrl-700";
    font-size: 6.5vmin;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #ffffff;
  }
  .main-wrapper__subtitle {
    font-family: "MuseoSansCyrl-300";
    font-size: 4vmin;
    line-height: 150%;
    margin-top: 3.4vmin;
    text-align: center;
    letter-spacing: 0.02em;
    color: #ffffff;
  }
  .main-wrapper__button {
    display: flex;
    justify-content: center;
    margin-top: 12vmin;
  }
  .main-wrapper__button button {
    padding: 4vmin 6.4vmin;
    margin: 0 auto;
    font-family: "MuseoSansCyrl-700";
    font-size: 3.6vmin;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #ffffff;
    background: #83c867;
    border-radius: 2vmin;
  }
  .advantages {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-direction: column;
    padding-top: 8vmin;
    margin-bottom: 24vmin;
  }
  .anim3__subtitle {
    text-align: center;
    font-family: "MuseoSansCyrl-300";
    font-size: 4.4vmin;
    width: 80%;
    margin: 0 auto;
    line-height: 150%;
    letter-spacing: 0.02em;
    padding-bottom: 12vmin;
    color: #ffffff;
  }
  .advantages__left h1 {
    font-family: "MuseoSansCyrl-700";
    font-size: 4vmin;
    max-width: 90%;
    margin: 0 auto;
    line-height: 120%;
    margin-bottom: 6vmin;
    text-align: center;
    letter-spacing: 0.02em;
    color: #ffffff;
  }
  .advantages__left p {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.6vmin;
    margin: 0 auto;
    line-height: 170%;
    width: 90%;
    text-align: center;
    letter-spacing: 0.02em;
    margin-bottom: 6vmin;
    color: #ffffff;
  }
  .advantages__left-card {
    padding: 3.2vmin 4.6vmin 3.2vmin 4vmin;
    background: #202a38;
    border-radius: 2.4vmin;
    display: flex;
    align-items: center;
    gap: 8vmin;
  }
  .advantages__left-card img {
    width: 28.4vmin;
  }
  .advantages__left-card-text h1 {
    font-family: "MuseoSansCyrl-700";
    font-size: 4vmin;
    line-height: 170%;
    max-width: 100%;
    letter-spacing: 0.02em;
    margin-bottom: 1vmin;
    color: #ffffff;
    text-align: left;
  }
  .advantages__left-card-text p {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 170%;
    width: 100%;
    text-align: left;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    color: #ffffff;
  }
  .container-card {
    margin-top: 10vmin;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    gap: 2vmin;
    grid-auto-flow: row;
    grid-template-areas: "card1 card2" "card3 card4" "card5 card6";
  }
  .advantages__card img {
    width: 8vmin;
    height: 8vmin;
    margin-bottom: 6vmin;
  }
  .advantages__card h2 {
    font-family: "MuseoSansCyrl-700";
    font-size: 3.6vmin;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 3.2vmin;
    color: #ffffff;
  }
  .advantages__card p {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: #ffffff;
  }
  .footer__container {
    width: 100%;
    padding-top: 8vmin;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-direction: column;
  }
  .footer {
    height: auto;
    padding-bottom: 10vmin;
    background: #1a222e;
  }
  .footer__container h1 {
    font-family: "MuseoSansCyrl-700";
    font-size: 7.6vmin;
    text-align: center;
    line-height: 120%;
    margin-bottom: 5.2vmin;
    letter-spacing: 0.02em;
    color: #ffffff;
  }
  .footer__container p {
    width: 100%;
    font-family: "MuseoSansCyrl-500";
    font-size: 4vmin;
    line-height: 150%;
    margin-bottom: 9.6vmin;
    letter-spacing: 0.02em;
    text-align: center;
    color: #ffffff;
  }
  .footer__container-social {
    padding: 4.8vmin 4vmin;
    background: #202a38;
    border-radius: 4vmin;
    width: 80%;
    margin: 0 auto;
  }
  .footer__container-social h2 {
    font-family: "MuseoSansCyrl-700";
    font-size: 4.4vmin;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 4.4vmin;
    color: #ffffff;
    text-align: center;
  }
  .footer__container-social-item {
    width: 13.2vmin;
    height: 13.2vmin;
    border-radius: 2.4vmin;
    background: #2a3647;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .footer__container-social-item img {
    width: 5.6vmin;
    height: 5.6vmin;
  }
  .footer__container-social-items {
    display: flex;
    gap: 3vmin;
    justify-content: center;
  }
  .footer__right {
    margin-top: 10vmin;
  }
  .form {
    color: #fff;
  }
  .form__item {
    margin-bottom: 2vmin;
    position: relative;
  }
  .form__item.check {
    margin-bottom: 6vmin;
  }
  .form__label {
    font-size: 3.6vmin;
    display: block;
    margin-bottom: 0vmin;
  }
  .form__input {
    height: 12.4vmin;
    padding: 0 4vmin;
    width: 80%;
    margin-left: 10%;
    font-family: "MuseoSansCyrl-500";
    font-size: 3.6vmin;
    background: #202a38;
    border: 0.4vmin solid rgba(172, 185, 205, 0);
    border-radius: 1.6vmin;
    color: #fff;
    position: relative;
  }
  .form__input:hover {
    border: 0.4vmin solid rgba(172, 185, 205, 0.1);
    box-sizing: border-box;
    transition: 0.5s;
  }
  .form__input:focus {
    border: 0.4vmin solid #83C867;
    box-sizing: border-box;
    transition: 0.5s;
  }
  .form__input::-moz-placeholder {
    color: #acb9cd;
  }
  .form__input::placeholder {
    color: #acb9cd;
  }
  .form__input._error {
    border: 0.4vmin solid rgba(224, 115, 115, 0.5);
    position: relative;
  }
  .form__input._fine {
    border: 0.4vmin solid #83c867 !important;
    position: relative;
  }
  .form__item._error::after {
    /*content: "Некорректно заполнено поле.";*/
    position: absolute;
    bottom: -4vmin;
    left: 10%;
    font-family: "MuseoSansCyrl-500";
    font-size: 2.8vmin;
    line-height: 120%;
    display: block;
    letter-spacing: 0.01em;
    color: #e07373;
  }
  .form__item._error {
    margin-bottom: 5vmin;
  }
  .form textarea.form__input {
    min-height: 24vmin;
    resize: none;
    padding: 4vmin;
  }
  .form__body {
    position: relative;
  }
  .form__body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.878) url("../img/download.gif") center/10vmin no-repeat;
    opacity: 0;
    visibility: hidden;
  }
  .form__body._sending::after {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease 0s;
  }
  .options__item {
    margin-bottom: 1vmin;
  }
  .options__input {
    display: none;
  }
  .options__label {
    font-size: 1.6vmin;
    display: inline-flex;
    line-height: 140%;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .options__label::before {
    content: "";
    flex: 0 0 2.4vmin;
    align-self: flex-start;
    height: 2.4vmin;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 1vmin;
  }
  .options__label::after {
    content: "";
    transition: transform 0.5s ease 0s;
    position: absolute;
    top: 0.4vmin;
    left: 0.4vmin;
    width: 1.6vmin;
    height: 1.6vmin;
    background-color: #7a956b;
    border-radius: 50%;
    transform: scale(0);
  }
  .options__input:checked + .options__label::after {
    transform: scale(1);
  }
  .select {
    height: 5vmin;
    border-radius: 0.5vmin;
    width: 100%;
    font-size: 1.8vmin;
    padding: 0 2vmin;
  }
  .file__item {
    position: relative;
  }
  .file__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 10vmin;
    height: 100%;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
  }
  .file__button {
    font-size: 1.6vmin;
    display: inline-flex;
    min-height: 4vmin;
    width: 10vmin;
    border-radius: 3vmin;
    justify-content: center;
    align-items: center;
    background-color: #77608d;
    padding: 0 2vmin;
  }
  .file__preview {
    display: inline-block;
    max-width: 10vmin;
    padding-top: 1vmin;
  }
  .file__preview img {
    max-width: 100%;
  }
  .checkbox__input {
    display: none;
  }
  .checkbox__label {
    font-size: 3.6vmin;
    margin-left: 10%;
    line-height: 140%;
    width: 80%;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    white-space: inherit;
    font-family: "MuseoSansCyrl-500";
    font-size: 3.2vmin;
    letter-spacing: 0.01em;
    color: #ffffff;
  }
  .checkbox__label a {
    text-decoration: underline;
    font-family: "MuseoSansCyrl-500";
    font-size: 3.2vmin;
    letter-spacing: 0.01em;
    color: #ffffff;
  }
  .checkbox__label::before {
    content: "";
    flex: 0 0 4.8vmin;
    height: 4.8vmin;
    background: #293444;
    border-radius: 0.6vmin;
    align-self: flex-start;
    margin-right: 2vmin;
  }
  .checkbox__label::after {
    content: "";
    transition: transform 0.2s ease 0s;
    position: absolute;
    top: 1.4vmin;
    left: 1.2vmin;
    width: 2.6vmin;
    height: 2.6vmin;
    background-image: url(../img/confirm.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0.8vmin;
    transform: scale(0);
  }
  .checkbox__label.active::after {
    content: "";
    transition: transform 0.2s ease 0s;
    position: absolute;
    top: 1.4vmin;
    left: 1.2vmin;
    width: 2.6vmin;
    height: 2.6vmin;
    background-image: url(../img/confirm.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0.8vmin;
    transform: scale(1);
  }
  .checkbox._error .checkbox__label::before {
    border: 0.4vmin solid rgba(224, 115, 115, 0.5);
  }
  .form * {
    outline: none;
  }
  .form__button {
    font-family: "MuseoSansCyrl-700";
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #83C867;
    border-radius: 2vmin;
    margin: 0 auto;
    color: #fff;
    font-size: 3.6vmin;
    cursor: pointer;
    width: 46vmin;
    height: 12vmin;
    transition: 1s;
  }
  .anim3 .abilities__title {
    position: absolute;
    bottom: 62.6vmin;
    left: 8%;
    font-family: "MuseoSansCyrl-700";
    font-size: 4.6vmin;
    line-height: 120%;
    color: #fff;
    z-index: 999;
  }
  .static.mobile {
    height: 13.2vmin !important;
    background: #364357;
    border-radius: 1.6vmin !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.6vmin !important;
    font-family: "MuseoSansCyrl-500";
    font-size: 4.2vmin !important;
    letter-spacing: 0.02em;
    padding: 0 5.2vmin !important;
    color: #ffffff;
  }
  .static.mobile img {
    width: 6vmin !important;
    height: 6vmin !important;
  }
  .anim3__wrapper {
    width: 100%;
    height: 209vmin;
    position: relative;
  }
  .abilities {
    padding-top: 0vmin !important;
  }
  .scrollDist {
    position: relative;
    top: 50vmin;
    z-index: -1;
    height: 35vmin !important;
  }
  .cancel.active {
    position: absolute;
    left: 0;
    right: auto;
    top: 0vmin;
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }
  .complete {
    position: absolute;
    right: -100%;
    top: 0vmin;
    padding-left: 10vmin;
    opacity: 0;
    visibility: hidden;
    width: 29vmin;
    height: 21vmin;
  }
  .complete img {
    width: 20vmin;
    height: 20vmin;
    display: block;
    margin-bottom: 3.2vmin;
  }
  .complete h5 {
    font-family: "MuseoSansCyrl-700";
    font-size: 3.6vmin;
    line-height: 170%;
    margin-bottom: 2vmin;
    letter-spacing: 0.02em;
    color: #FFFFFF;
  }
  .complete p {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 170%;
    /* or 27px */
    width: 58vmin;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FFFFFF;
  }
  .complete a {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 170%;
    /* or 27px */
    letter-spacing: 0.02em;
    color: #83C867;
  }
  .complete.active {
    position: absolute;
    left: 0;
    right: auto;
    top: 0vmin;
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }
  .cancel {
    position: absolute;
    right: -100%;
    top: 0vmin;
    opacity: 0;
    padding-left: 10vmin;
    visibility: hidden;
  }
  .cancel img {
    width: 20vmin;
    height: 20vmin;
    display: block;
    margin-bottom: 3.2vmin;
  }
  .cancel h5 {
    font-family: "MuseoSansCyrl-700";
    font-size: 3.6vmin;
    line-height: 170%;
    margin-bottom: 2vmin;
    letter-spacing: 0.02em;
    color: #FFFFFF;
  }
  .cancel p {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 170%;
    /* or 27px */
    text-align: left;
    letter-spacing: 0.02em;
    width: 58vmin;
    color: #FFFFFF;
  }
  .cancel a {
    font-family: "MuseoSansCyrl-300";
    font-size: 3.2vmin;
    line-height: 170%;
    /* or 27px */
    letter-spacing: 0.02em;
    color: #83C867;
  }
  .language a {
    font-family: "MuseoSansCyrl-500";
    font-size: 3.2vmin;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #7B879A;
  }
  .main-wrapper__button a {
    padding: 4vmin 6.4vmin;
    margin: 0 auto;
    font-family: "MuseoSansCyrl-700";
    font-size: 3.6vmin;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #ffffff;
    background: #71B057;
    border-radius: 2vmin;
    transition: all 1s;
  }
}/*# sourceMappingURL=media.css.map */