.action_btn {
    width: 10.68vw;
    height: 2.76vw;
    font-weight: 500;
    background: #0e9e6a;
    color: #fff;
    cursor: pointer;
    outline: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
    border: none !important;
}

.action_btn:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
}

.action_btn:focus, .action_btn:visited {
    outline: none;
    color: #fff;
}

h2 {
    text-transform: uppercase;
    font-family: var(--third-family);
}

h3 {
    font-family: var(--second-family);
}

/*Header*/

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 5.21vw;
    color: #000;
    z-index: 1000;
}

header.scrolled {
    background: #fff;
}

header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}

header .wrapper:after {
    position: absolute;
    content: '';
    background: #a3a3a3;
    width: 100%;
    height: 0.1vw;
    bottom: 0;
}

.logo {
    width: 8.39vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 83%;
    font-family: var(--third-family);
}

.header__menu {
    max-width: 100%;
    width: 100%;
}

.header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 0.78vw;
}

.header__list a {
    position: relative;
}

/* Pages */

.first_screen, .error-404 {
    height: 100vh;
    min-height: 47vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*overflow: hidden;*/
    padding-top: 12.5vw;
}

.first_screen .logo_block {
    width: 23.91vw;
    height: 6.46vw;
    margin: 0 auto 0 0;
}

.first_screen .up {
    color: #efefef;
}

.first_screen .up .left, .first_screen .up .right {
    max-width: 23.96vw;
    width: 100%;
}

.first_screen .up .desc p:not(:last-child) {
    margin: 0 0 1.04vw;
}

.first_screen .up .title span {
    color: #e8c625;
}

.first_screen .up .left .subtitle, .first_screen__desc, .first_screen .up .right .desc, .first_screen__right  {
    font-family: var(--third-family);
}

.first_screen .bottom {
    position: absolute;
    top: -1.56vw;
    left: auto;
    right: auto;
    bottom: auto;
    width: 31.61vw;
    /*margin: 0 -7vw 0 0;*/
}

.first_screen .bottom .image_1 {
    width: 100%;
    height: 100%;
    position: relative;
}

/*.first_screen .bottom .image_2 {*/
/*    width: 13.33vw;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*}*/

.direction .bg_image {
    height: 44.27vw;
    top: auto;
    bottom: 0;
}

.direction h2 {
    text-transform: uppercase;
    font-family: var(--third-family);
}

.direction h3 {
    font-family: var(--second-family);
}

.directions_list .item {
    background: #e8c625;
    border-radius: 0 2.08vw;
    position: relative;
    width: 24%;
}

.directions_list .item .icon {
    width: 4.06vw;
    height: 4.06vw;
    background: #f2f2f2;
    position: absolute;
    top: -1.3vw;
    right: 0;
    border-radius: 100%;
    -webkit-box-shadow: -2px 4px 7px 0 rgba(0, 0, 0, 0.25);
    box-shadow: -2px 4px 7px 0 rgba(0, 0, 0, 0.25);
}

.directions_list .item_1 .icon .image_block {
    width: 2.76vw;
}

.directions_list .item_2 .icon .image_block {
    width: 2.5vw;
}

.directions_list .item_3 .icon .image_block {
    width: 2.24vw;
}

.directions_list .item_4 .icon .image_block {
    width: 2.14vw;
}

.advantages_list .item {
    max-width: 23.96vw;
    width: 100%;
    background: #fff;
    border-radius: 0 2.08vw;
}

.advantages_list .title2 {
    max-width: 23.96vw;
    width: 100%;
    text-transform: uppercase;
    font-family: var(--third-family);
}

.advantages_list .item .title {
    font-family: var(--second-family);
}

.direction .bottom_image {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 34.01vw;
}

.how_it_works .bg_image {
    height: 54.69vw;
    top: auto;
    bottom: 0;
}

.how_it_works_list .item {
    width: 49%;
    background: rgba(232, 198, 37, 0.79);
    border-radius: 0 2.08vw;
    position: relative;
}

.how_it_works_list .item .number {
    font-family: var(--third-family);
    font-size: 5.57vw;
    text-transform: uppercase;
}

.how_it_works_list .item .content {
    max-width: 21.88vw;
    width: 100%;
}

.how_it_works_list .item .icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.how_it_works_list .item_1 .icon {
    width: 7.97vw;
    height: 9.79vw;
}

.how_it_works_list .item_2 .icon {
    width: 8.18vw;
    height: 9.11vw;
}

.how_it_works_list .item_3 .icon {
    width: 5.89vw;
    height: 9.48vw;
}

.how_it_works_list .item_4 .icon {
    width: 7.29vw;
    height: 9.48vw;
}

.how_it_works .elem2 .left {
    max-width: 36.46vw;
    width: 100%;
}

.how_it_works .elem2 .left .up {
    background: #e8c625;
    border-radius: 0 2.08vw;
}

.how_it_works .elem2 .left .up, .how_it_works .elem2 .left .middle, .how_it_works .elem2 .left .bottom {
    font-family: var(--second-family);
}

.how_it_works .elem2 .left .middle {
    text-align: center;
}

.how_it_works .elem2 .left .middle .item, .how_it_works .elem2 .left .bottom {
    background: #fff;
    border-radius: 0 2.08vw;
}

.how_it_works .elem2 .left .bottom .title, .how_it_works .elem2 .right .title {
    color: #e8c625;
    text-transform: uppercase;
    font-family: var(--third-family);
}

.how_it_works .elem2 .left .bottom .desc {
    max-width: 21.09vw;
    width: 100%;
}

.how_it_works .elem2 .right {
    max-width: 26.93vw;
    width: 100%;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 0 2.08vw;
    color: #fff;
}

.how_it_works .elem2 .right .desc {
    width: 75%;
}

.how_it_works .elem2 .left .bottom {
    position: relative;
    /*overflow: hidden;*/
}

.how_it_works .elem2 .left .bottom:after {
    position: absolute;
    content: '';
    background-image: url("../img/img_4.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 12.5vw;
    height: 11.82vw;
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
}

.footer_block h2 {
    font-family: var(--third-family);
    text-transform: uppercase;
}

.footer_block a {
    transition: all .2s linear;
}

.footer_block a:hover {
    transition: all .2s linear;
    color: #e8c625;
}

.links_block {
    width: 50%;
}

.footer_block .right {
    position: absolute;
    right: 2vw;
    top: -10vw;
    width: 27.76vw;
    height: 36.2vw;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer_block .right .image_block.image_1 {
    width: 16.88vw;
}

.footer_block .right .image_block.image_2 {
    width: 15.99vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mobile_logo {
    display: none !important;
}

.first_screen__right .title {
    text-transform: uppercase;
    font-family: var(--third-family);
}

.error-404 .wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
}

.error-404 .wrapper .title {
    font-size: 15.63vw;
    font-weight: 700;
    line-height: 1;
}


/* Media */

@media screen and (max-width: 1440px) {
    body {
        font-size: 1.04vw !important;
    }

    .container {
        padding: 0 1.39vw;
    }

    header {
        height: 6.94vw;
    }

    header .wrapper:after {
        height: 0.13vw;
    }

    .logo {
        width: 11.19vw;
    }

    .header__list {
        font-size: 1.04vw;
    }

    /* Pages */

    .first_screen {
        min-height: 67.67vw;
        padding-top: 16.67vw;
    }

    .first_screen .logo_block {
        width: 31.88vw;
        height: 8.61vw;
    }

    .first_screen .up .left,
    .first_screen .up .right,
    .first_screen .up .left .desc {
        max-width: 31.95vw;
    }

    .first_screen .up .desc p:not(:last-child) {
        margin: 0 0 1.39vw;
    }

    .first_screen .bottom {
        top: -2.08vw;
        width: 42.15vw;
    }

    .first_screen .bottom .image_2 {
        width: 17.77vw;
    }

    .direction .bg_image {
        height: 59.03vw;
    }

    .directions_list .item {
        border-radius: 0 2.77vw;
    }

    .directions_list .item .icon {
        width: 5.41vw;
        height: 5.41vw;
        top: -1.73vw;
    }

    .directions_list .item_1 .icon .image_block {
        width: 3.68vw;
    }

    .directions_list .item_2 .icon .image_block {
        width: 3.33vw;
    }

    .directions_list .item_3 .icon .image_block {
        width: 2.99vw;
    }

    .directions_list .item_4 .icon .image_block {
        width: 2.85vw;
    }

    .advantages_list .item {
        max-width: 31.95vw;
        border-radius: 0 2.77vw;
    }

    .advantages_list .title2 {
        max-width: 31.95vw;
    }

    .direction .bottom_image {
        width: 40vw;
    }

    .how_it_works .bg_image {
        height: 72.92vw;
    }

    .how_it_works_list .item {
        border-radius: 0 2.77vw;
    }

    .how_it_works_list .item .number {
        font-size: 7.43vw;
    }

    .how_it_works_list .item .content {
        max-width: 29.17vw;
    }

    .how_it_works_list .item_1 .icon {
        width: 10.63vw;
        height: 13.05vw;
    }

    .how_it_works_list .item_2 .icon {
        width: 10.91vw;
        height: 12.15vw;
    }

    .how_it_works_list .item_3 .icon {
        width: 7.85vw;
        height: 12.64vw;
    }

    .how_it_works_list .item_4 .icon {
        width: 9.72vw;
        height: 12.64vw;
    }

    .how_it_works .elem2 .left {
        max-width: 48.61vw;
    }

    .how_it_works .elem2 .left .up {
        border-radius: 0 2.77vw;
    }

    .how_it_works .elem2 .left .middle .item,
    .how_it_works .elem2 .left .bottom {
        border-radius: 0 2.77vw;
    }

    .how_it_works .elem2 .left .bottom .desc {
        max-width: 28.12vw;
    }

    .how_it_works .elem2 .right {
        max-width: 35.91vw;
        border-radius: 0 2.77vw;
        margin: 0 8vw 0 0;
    }

    .how_it_works .elem2 .left .bottom:after {
        width: 16.67vw;
        height: 15.76vw;
    }

    .footer_block .right {
        width: 31vw;
        height: 39.58vw;
        top: -8vw;
    }

    .footer_block .right .image_block.image_1 {
        width: 19vw;
    }

    .footer_block .right .image_2 {
        width: 15.99vw;
    }

    .footer_block .title {
        font-size: 4.5vw !important;
    }

    .error-404 .wrapper .title {
        font-size: 20.83vw;
    }

    .action_btn {
        width: 14.24vw;
        height: 3.68vw;
    }
}

@media screen and (orientation: portrait) {
    body {
        font-size: 1.56vw !important;
    }

    .burger {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        z-index: 1500;
        margin: 0 1.95vw 0 0;
    }

    .ham {
        width: 6.25vw;
    }

    .container {
        padding: 0 1.95vw;
    }

    header {
        height: 9.77vw;
    }

    header .container {
        padding: 0;
    }

    header .wrapper:after {
        height: 0.18vw;
        bottom: 2.93vw;
    }

    .logo {
        width: 15.74vw;
        margin: 0 0 0 1.95vw;
        z-index: 1500;
    }

    .header__list {
        font-size: 1.46vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header__list li:not(:last-child) {
        margin: 0 0 2.44vw;
    }

    .header_right {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
        padding: 11.72vw 0 4.88vw;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        z-index: 1200;
        top: 0;
        left: 0;
        height: auto;
        -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        background: #fff;
    }

    .header_right.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
    }

    /* Pages */

    .first_screen {
        min-height: auto;
        height: auto;
        padding-top: 8.5vw;
    }

    .first_screen:after {
        position: absolute;
        content: '';
        background: rgba(0,0,0,.2);
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 7;
    }

    .first_screen .container {
        z-index: 10;
    }

    .first_screen .logo_block {
        width: 44.83vw;
        height: 12.11vw;
        margin: 0 auto;
    }

    .mobile_logo {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .desktop_logo, header .wrapper:after {
        display: none !important;
    }

    header .logo {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    header .logo.show_logo, header.scrolled .logo {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .first_screen .up {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .first_screen .up .left {
        max-width: 100%;
    }

    .first_screen .up .subtitle  {
        text-align: center;
    }

    /*.first_screen .up .right, .first_screen .up .left .desc {*/
    /*    display: none;*/
    /*}*/

    .first_screen .up .left {
        margin: 0 0 1.95vw;
    }

    .first_screen .up .left .title {
        position: relative;
        -webkit-backdrop-filter: blur(12.699999809265137px);
        backdrop-filter: blur(12.699999809265137px);
        background: rgba(22, 81, 59, 0.65);
        padding: 30px;
        border-radius: 0 40px;
        text-align: center;
    }

    .first_screen .up .desc p:not(:last-child), .first_screen__desc p, .first_screen__right p {
        margin: 0 0 1.95vw;
    }

    .first_screen .bottom {
        top: 0;
        width: 50vw;
        position: relative;
    }

    .first_screen .bottom .image_2 {
        width: 24.99vw;
    }

    .direction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 4.88vw !important;
        padding-bottom: 0 !important;
    }

    .direction .bg_image {
        height: 83.01vw;
    }

    .direction .first_screen__desc, .direction .first_screen__right {
        margin-bottom: 2.93vw;
    }

    .direction .first_screen__right .title span {
        color: #e8c625;
    }

    .directions_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 2.44vw;
    }

    .directions_list .item {
        border-radius: 0 3.90vw;
        width: 48%;
    }

    .directions_list .item .icon {
        width: 7.61vw;
        height: 7.61vw;
        top: -2.43vw;
    }

    .directions_list .item_1 .icon .image_block {
        width: 5.17vw;
    }

    .directions_list .item_2 .icon .image_block {
        width: 4.68vw;
    }

    .directions_list .item_3 .icon .image_block {
        width: 4.20vw;
    }

    .directions_list .item_4 .icon .image_block {
        width: 4.01vw;
    }

    .direction .elem2 {
        margin-bottom: 4.88vw;
    }

    .advantages_list .item {
        max-width: 44.93vw;
        border-radius: 0 3.90vw;
    }

    .advantages_list .title2 {
        max-width: 44.93vw;
    }

    .direction .bottom_image {
        width: 56.25vw;
        position: relative;
        height: 79.59vw;
        display: none;
    }

    .how_it_works .bg_image {
        height: 102.54vw;
    }

    .how_it_works_list .item {
        border-radius: 0 3.90vw;
        width: 100%;
    }

    .how_it_works_list .item .number {
        font-size: 10.45vw;
        min-width: 7.23vw;
    }

    .how_it_works_list .item .content {
        max-width: 66vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .how_it_works_list .item_1 .icon {
        width: 14.95vw;
        height: 18.35vw;
    }

    .how_it_works_list .item_2 .icon {
        width: 15.34vw;
        height: 17.09vw;
    }

    .how_it_works_list .item_3 .icon {
        width: 11.04vw;
        height: 17.78vw;
    }

    .how_it_works_list .item_4 .icon {
        width: 13.67vw;
        height: 17.78vw;
    }

    .how_it_works .elem2 .left {
        max-width: 68.36vw;
    }

    .how_it_works .elem2 .left .up {
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .middle .item,
    .how_it_works .elem2 .left .bottom {
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .bottom .desc {
        max-width: 39.54vw;
    }

    .how_it_works .elem2 .right {
        max-width: 66%;
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .bottom:after {
        width: 23.44vw;
        height: 22.16vw;
    }

    .footer_block .right {
        width: 33vw;
        height: auto;
        right: 8vw;
        top: 0;
    }

    .footer_block .right .image_2 {
        bottom: -8.31vw;
        left: -14.16vw;
        width: 31.65vw;
    }

    .footer_block .title {
        font-size: 6.33vw !important;
    }

    .why_we_list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .how_it_works .elem2 .left {
        max-width: 66%;
        margin-bottom: 4.88vw;
    }

    .footer_block .container {
        padding: 0 4.88vw;
    }

    .footer_block .wrapper {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 67%;
    }

    .footer_block .right .image_block.image_1 {
        width: 100%;
    }

    .footer_block .right .image_block.image_2 {
        display: none;
    }

    .error-404 .wrapper .title {
        font-size: 29.3vw;
    }

    .error-404 .wrapper {
        justify-content: center;
    }

    .action_btn {
        width: 20.02vw;
        height: 5.18vw;
    }

    .links_block {
        flex-direction: column;
        align-items: flex-start !important;
        row-gap: 2.44vw;
    }
}

@media screen and (max-width: 1100px) and (orientation: landscape) {
    body {
        font-size: 1.56vw !important;
    }

    .burger {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        z-index: 1500;
        margin: 0 1.95vw 0 0;
    }

    .ham {
        width: 6.25vw;
    }

    .container {
        padding: 0 1.95vw;
    }

    header {
        height: 9.77vw;
    }

    header .container {
        padding: 0;
    }

    header .wrapper:after {
        height: 0.18vw;
        bottom: 2.93vw;
    }

    .logo {
        width: 15.74vw;
        margin: 0 0 0 1.95vw;
        z-index: 1500;
    }

    .header__list {
        font-size: 1.46vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header__list li:not(:last-child) {
        margin: 0 0 2.44vw;
    }

    .header_right {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
        padding: 11.72vw 0 4.88vw;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        z-index: 1200;
        top: 0;
        left: 0;
        height: auto;
        -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        box-shadow: 0px 5px 15px 0px rgba(0, 50, 100, 0.07);
        background: #fff;
    }

    .header_right.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
    }

    /* Pages */

    .first_screen {
        min-height: auto;
        height: auto;
        padding-top: 8.5vw;
    }

    .first_screen:after {
        position: absolute;
        content: '';
        background: rgba(0,0,0,.2);
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 7;
    }

    .first_screen .container {
        z-index: 10;
    }

    .first_screen .logo_block {
        width: 44.83vw;
        height: 12.11vw;
        margin: 0 auto;
    }

    .mobile_logo {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .desktop_logo, header .wrapper:after {
        display: none !important;
    }

    header .logo {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    header .logo.show_logo, header.scrolled .logo {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }

    .first_screen .up {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .first_screen .up .left {
        max-width: 100%;
    }

    .first_screen .up .subtitle  {
        text-align: center;
    }

    /*.first_screen .up .right, .first_screen .up .left .desc {*/
    /*    display: none;*/
    /*}*/

    .first_screen .up .left {
        margin: 0 0 1.95vw;
    }

    .first_screen .up .left .title {
        position: relative;
        -webkit-backdrop-filter: blur(12.699999809265137px);
        backdrop-filter: blur(12.699999809265137px);
        background: rgba(22, 81, 59, 0.65);
        padding: 30px;
        border-radius: 0 40px;
        text-align: center;
    }

    .first_screen .up .desc p:not(:last-child), .first_screen__desc p, .first_screen__right p {
        margin: 0 0 1.95vw;
    }

    .first_screen .bottom {
        top: 0;
        width: 50vw;
        position: relative;
    }

    .first_screen .bottom .image_2 {
        width: 24.99vw;
    }

    .direction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 4.88vw !important;
        padding-bottom: 0 !important;
    }

    .direction .bg_image {
        height: 83.01vw;
    }

    .direction .first_screen__desc, .direction .first_screen__right {
        margin-bottom: 2.93vw;
    }

    .direction .first_screen__right .title span {
        color: #e8c625;
    }

    .directions_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 2.44vw;
    }

    .directions_list .item {
        border-radius: 0 3.90vw;
        width: 48%;
    }

    .directions_list .item .icon {
        width: 7.61vw;
        height: 7.61vw;
        top: -2.43vw;
    }

    .directions_list .item_1 .icon .image_block {
        width: 5.17vw;
    }

    .directions_list .item_2 .icon .image_block {
        width: 4.68vw;
    }

    .directions_list .item_3 .icon .image_block {
        width: 4.20vw;
    }

    .directions_list .item_4 .icon .image_block {
        width: 4.01vw;
    }

    .direction .elem2 {
        margin-bottom: 4.88vw;
    }

    .advantages_list .item {
        max-width: 44.93vw;
        border-radius: 0 3.90vw;
    }

    .advantages_list .title2 {
        max-width: 44.93vw;
    }

    .direction .bottom_image {
        width: 56.25vw;
        position: relative;
        height: 79.59vw;
        display: none;
    }

    .how_it_works .bg_image {
        height: 102.54vw;
    }

    .how_it_works_list .item {
        border-radius: 0 3.90vw;
        width: 100%;
    }

    .how_it_works_list .item .number {
        font-size: 10.45vw;
        min-width: 7.23vw;
    }

    .how_it_works_list .item .content {
        max-width: 66vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .how_it_works_list .item_1 .icon {
        width: 14.95vw;
        height: 18.35vw;
    }

    .how_it_works_list .item_2 .icon {
        width: 15.34vw;
        height: 17.09vw;
    }

    .how_it_works_list .item_3 .icon {
        width: 11.04vw;
        height: 17.78vw;
    }

    .how_it_works_list .item_4 .icon {
        width: 13.67vw;
        height: 17.78vw;
    }

    .how_it_works .elem2 .left {
        max-width: 68.36vw;
    }

    .how_it_works .elem2 .left .up {
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .middle .item,
    .how_it_works .elem2 .left .bottom {
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .bottom .desc {
        max-width: 39.54vw;
    }

    .how_it_works .elem2 .right {
        max-width: 66%;
        border-radius: 0 3.90vw;
    }

    .how_it_works .elem2 .left .bottom:after {
        width: 23.44vw;
        height: 22.16vw;
    }

    .footer_block .right {
        width: 33vw;
        height: auto;
        right: 8vw;
        top: 0;
    }

    .footer_block .right .image_2 {
        bottom: -8.31vw;
        left: -14.16vw;
        width: 31.65vw;
    }

    .footer_block .title {
        font-size: 6.33vw !important;
    }

    .why_we_list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .how_it_works .elem2 .left {
        max-width: 66%;
        margin-bottom: 4.88vw;
    }

    .footer_block .container {
        padding: 0 4.88vw;
    }

    .footer_block .wrapper {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 67%;
    }

    .footer_block .right .image_block.image_1 {
        width: 100%;
    }

    .footer_block .right .image_block.image_2 {
        display: none;
    }

    .error-404 .wrapper .title {
        font-size: 29.3vw;
    }

    .error-404 .wrapper {
        justify-content: center;
    }

    .action_btn {
        width: 20.02vw;
        height: 5.18vw;
    }

    .first_screen, .error-404 {
        min-height: 70vw;
    }

    .links_block {
        flex-direction: column;
        align-items: flex-start !important;
        row-gap: 2.44vw;
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 2.08vw !important;
    }

    .burger {
        margin: 0 2.6vw 0 0;
    }

    .ham {
        width: 8.33vw;
    }

    .container {
        padding: 0 2.6vw;
    }

    header {
        height: 13.03vw;
    }

    header .wrapper:after {
        height: 0.24vw;
        bottom: 3.91vw;
    }

    .logo {
        width: 20.99vw;
        margin: 0 0 0 2.6vw;
    }

    .header__list {
        font-size: 1.95vw;
    }

    .header__list li:not(:last-child) {
        margin: 0 0 3.25vw;
    }

    .header_right {
        padding: 15.63vw 0 6.51vw;
    }

    /* Pages */

    .first_screen {
        padding-top: 11.33vw;
    }

    .first_screen .logo_block {
        width: 59.77vw;
        height: 16.15vw;
    }

    .first_screen .up .left {
        margin: 0 0 2.6vw;
    }

    .first_screen .up .desc p:not(:last-child), .first_screen__desc p, .first_screen__right p {
        margin: 0 0 2.6vw;
    }

    .first_screen .bottom {
        width: 66.67vw;
    }

    .first_screen .bottom .image_2 {
        width: 33.32vw;
    }

    .direction {
        padding-top: 6.51vw !important;
    }

    .direction .bg_image {
        height: 230vw;
    }

    .direction .first_screen__desc,
    .direction .first_screen__right {
        margin-bottom: 3.91vw;
    }

    .directions_list {
        row-gap: 3.25vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .directions_list .item {
        border-radius: 0 5.2vw;
        width: 100%;
    }

    .directions_list .item .icon {
        width: 10.15vw;
        height: 10.15vw;
        top: -3.24vw;
    }

    .directions_list .item_1 .icon .image_block {
        width: 6.89vw;
    }

    .directions_list .item_2 .icon .image_block {
        width: 6.24vw;
    }

    .directions_list .item_3 .icon .image_block {
        width: 5.6vw;
    }

    .directions_list .item_4 .icon .image_block {
        width: 5.35vw;
    }

    .direction .elem2 {
        margin-bottom: 6.51vw;
    }

    .advantages_list .left, .advantages_list .right {
        width: 100%;
    }

    .advantages_list .left {
        margin: 0 0 6.51vw;
    }

    .advantages_list .item {
        max-width: 100%;
        border-radius: 0 5.2vw;
        background: rgba(255, 255, 255, 0.77);
    }

    .advantages_list .title2 {
        max-width: 100%;
    }

    .direction .bottom_image {
        width: 75vw;
        height: 106.12vw;
    }

    .how_it_works {
        padding: 6.51vw 0 !important;
    }

    .how_it_works .bg_image {
        height: 83vw;
    }

    .how_it_works_list .item {
        border-radius: 0 5.2vw;
    }

    .how_it_works_list .item .number {
        font-size: 13.93vw;
        min-width: 9.64vw;
    }

    .how_it_works_list .item .content {
        max-width: 50vw;
    }

    .how_it_works_list .item_1 .icon {
        width: 19.93vw;
        height: 24.47vw;
    }

    .how_it_works_list .item_2 .icon {
        width: 20.45vw;
        height: 22.79vw;
    }

    .how_it_works_list .item_3 .icon {
        width: 14.72vw;
        height: 23.71vw;
    }

    .how_it_works_list .item_4 .icon {
        width: 18.23vw;
        height: 23.71vw;
    }

    .how_it_works .elem2 .left {
        max-width: 100%;
        margin-bottom: 6.51vw;
    }

    .how_it_works .elem2 .left .up {
        border-radius: 0 5.2vw;
        background: transparent;
    }

    .how_it_works .elem2 .left .middle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 3.91vw;
    }

    .how_it_works .elem2 .left .middle .item {
        border-radius: 0 5.2vw;
        background: #e7e7e7;
        width: 47%;
    }

    .how_it_works .elem2 .left .middle .item:nth-child(3) {
        width: 100%;
    }

    .how_it_works .elem2 .left .bottom {
        border-radius: 0 5.2vw;
        background: rgba(22, 81, 59, 0.65);
        color: #fff;
        max-width: 63%;
    }

    .how_it_works .elem2 .left .bottom .desc {
        max-width: 52.72vw;
    }

    .how_it_works .elem2 .right {
        border-radius: 0 5.2vw;
        margin: 0;
        max-width: 100%;
    }

    .how_it_works .elem2 .left .bottom:after {
        width: 31.25vw;
        height: 29.55vw;
        display: none;
    }

    .footer_block .right {
        width: 34vw;
        right: 2.67vw;
        top: auto;
        bottom: auto;
    }

    .footer_block .right .image_2 {
        bottom: -11.08vw;
        left: -18.88vw;
        width: 42.2vw;
    }

    .footer_block .title {
        font-size: 8.44vw !important;
    }

    .footer_block .container {
        padding: 0 3.26vw;
    }

    .how_it_works .elem2 .right .desc {
        width: 100%;
    }

    .error-404 .wrapper .title {
        font-size: 39.06vw;
    }

    .action_btn {
        width: 26.69vw;
        height: 6.9vw;
    }

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

@media screen and (max-width: 480px) {
    body {
        font-size: 4.17vw !important;
    }

    .burger {
        margin: 0 4.16vw 0 0;
    }

    .ham {
        width: 13.33vw;
    }

    .container {
        padding: 0 4.16vw;
    }

    header {
        height: 20.85vw;
    }

    header .wrapper:after {
        height: 0.38vw;
        bottom: 6.26vw;
    }

    .logo {
        width: 33.58vw;
        margin: 0 0 0 4.16vw;
    }

    .header__list {
        font-size: 3.12vw;
    }

    .header__list li:not(:last-child) {
        margin: 0 0 5.2vw;
    }

    .header_right {
        padding: 25.01vw 0 10.42vw;
    }

    /* Pages */

    .first_screen {
        padding-top: 18.13vw;
    }

    .first_screen .logo_block {
        width: 100%;
        height: auto;
    }

    .first_screen .up .left {
        margin: 0 0 4.16vw;
    }

    .first_screen .up .desc p:not(:last-child), .first_screen__desc p, .first_screen__right p {
        margin: 0 0 4.16vw;
    }

    .first_screen .bottom {
        width: 100%;
        margin: 0 0 -20vw;
    }

    .first_screen .bottom .image_2 {
        width: 53.31vw;
    }

    .direction {
        padding-top: 10.42vw !important;
    }

    .direction .bg_image {
        height: 490vw;
    }

    .direction .title {
        font-size: 6.67vw !important;
    }

    .direction .first_screen__desc,
    .direction .first_screen__right {
        margin-bottom: 6.26vw;
    }

    .directions_list {
        row-gap: 5.2vw;
    }

    .directions_list .item {
        border-radius: 0 8.32vw;
        padding-top: 6.25vw !important;
        padding-bottom: 6.25vw !important;
    }

    .first_screen__right .title, .how_it_works h2 {
        font-size: 6.67vw !important;
        text-transform: uppercase;
        font-family: var(--third-family);
    }

    .directions_list .item .title, .advantages_list .item .title  {
        font-size: 5vw !important;
    }

    .advantages_list .title2  {
        font-size: 6.67vw !important;
        margin: 0;
    }

    .directions_list .item .icon {
        width: 16.24vw;
        height: 16.24vw;
        top: -5.18vw;
    }

    .directions_list .item_1 .icon .image_block {
        width: 11.02vw;
    }

    .directions_list .item_2 .icon .image_block {
        width: 9.98vw;
    }

    .directions_list .item_3 .icon .image_block {
        width: 8.96vw;
    }

    .directions_list .item_4 .icon .image_block {
        width: 8.56vw;
    }

    .direction .elem2 {
        margin-bottom: 10.42vw;
    }

    .advantages_list .left {
        margin: 0 0 10.42vw;
    }

    .advantages_list .item {
        border-radius: 0 8.32vw;
    }

    .direction .bottom_image {
        width: 120vw;
        height: 169.79vw;
    }

    .how_it_works {
        padding: 10.42vw 0 !important;
    }

    .how_it_works .bg_image {
        height: 102.8vw;
    }

    .how_it_works_list .item {
        border-radius: 0 8.32vw;
        padding-top: 5.21vw !important;
        padding-bottom: 5.21vw !important;
        padding-left: 5.21vw !important;
    }

    .how_it_works_list .item .number {
        font-size: 5vw;
        min-width: auto;
        position: absolute;
    }

    .how_it_works_list .item .content {
        max-width: 66vw;
    }

    .how_it_works_list .item .content .title  {
        font-size: 5vw;
        padding: 0 0 0 4.17vw;
        font-family: var(--second-family);
    }

    .how_it_works_list .item_1 .icon {
        width: 31.89vw;
        height: 39.15vw;
        right: -5.21vw;
    }

    .how_it_works_list .item_2 .icon {
        width: 23.33vw;
        height: 28.33vw;
        top: auto;
        bottom: auto;
    }

    .how_it_works_list .item_3 .icon {
        width: 19.17vw;
        height: 31.04vw;
    }

    .how_it_works_list .item_4 .icon {
        width: 24.58vw;
        height: 31.88vw;
    }

    .how_it_works .elem2 .left {
        margin-bottom: 10.42vw;
    }

    .how_it_works .elem2 .left .up {
        border-radius: 0 8.32vw;
        padding: 0 !important;
    }

    .how_it_works .elem2 .left .middle {
        row-gap: 6.26vw;
    }

    .how_it_works .elem2 .left .middle .item {
        border-radius: 0 8.32vw;
        width: 46%;
    }

    .how_it_works .elem2 .left .bottom .desc {
        max-width: 84.35vw;
        font-size: 3.33vw !important;
    }

    .how_it_works .elem2 .right {
        border-radius: 0 8.32vw;
    }

    .how_it_works .elem2 .right .title {
        font-size: 3.75vw !important;
    }

    .how_it_works .elem2 .left .bottom:after {
        width: 50vw;
        height: 47.28vw;
    }

    .why_we_list .title2 {
        font-size: 6.67vw !important;
        text-transform: uppercase;
        margin: 0;
    }

    .footer_block .right {
        width: 40vw;
        right: 4.27vw;
        top: -11.2vw;
    }

    .footer_block .right .image_2 {
        bottom: -17.73vw;
        left: -30.21vw;
        width: 67.52vw;
    }

    .footer_block .title {
        font-size: 6.25vw !important;
    }

    .footer_block .container {
        padding: 0 4.17vw;
    }

    .error-404 .wrapper .title {
        font-size: 42.5vw;
    }

    .action_btn {
        width: 42.71vw;
        height: 11.04vw;
    }

    .links_block {
        width: 100%;
        row-gap: 5.21vw;
    }
}