@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Semibold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Bold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

* {
    font-family: "Lato";
    font-style: normal;
    margin: 0;
    padding: 0;
}

/*------------preloader--------------*/

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #e9eff4;
    z-index: 1001;
    transition: 0.3s;
    visibility: visible;
    opacity: 1;
}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.preloader__num {
    width: 100%;
    height: 100%;
    border: 10px solid #ffb200;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    border-radius: 50%;
    box-sizing: border-box;
    border-top-color: #010c23;
    opacity: 0.5;
    animation: spin 2s infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.preloader__img {
    background-image: url(../img/icon/logo_footer.svg);
    width: 155px;
    height: 74px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    background-size: cover;
}

@keyframes preloader-bounce {

    0%,
    100% {
        height: 0%;
    }

    50% {
        height: 100%;
    }
}

.done {
    opacity: 0;
    visibility: hidden;
}

.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader {
    display: none;
}

/*----------------finish preloader--------*/
.head_block {
    width: 100%;
    height: 100vh;
    background-image: url(../img/bg/head_bg.png);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}

.contayner_head {
    width: 100%;
    padding-right: 60px;
    padding-left: 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}

.menu_nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding-top: 25px;
}

.logo {
    width: 96px;
    height: 46px;
    background-image: url(../img/icon/logo.svg);
    flex-shrink: 0;
    background-repeat: no-repeat;
}

.logo2 {
    width: 157px;
    height: 46px;
    background-image: url(../img/icon/sk_member_white.png);
    flex-shrink: 0;
    background-repeat: no-repeat;
}

.menu_gamburg {
    cursor: pointer;
    width: 30px;
    height: 22px;
    display: none;
}

.menu_gamburg span {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
}

.middle_line {
    margin-top: 8px;
    margin-bottom: 8px;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    position: relative;
}

.nav a {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
    text-decoration: none;
}


.submenu_box {
    position: absolute;
    background: rgba(1, 11, 38, 0.75);
    padding: 15px 25px 5px 25px;
    box-sizing: border-box;
    max-width: 325px;
    width: 100%;
    top: 18px;
    display: none;
}
.submenu_box_active{
    display: block;
    z-index: 999999;
}

.submenu_box a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 20px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}
a.no_underline {
    text-decoration: none;
}


.submenu_box_white{
    background-color: #fff;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.1);
}
.nav_contact .submenu_box_white a{
    color: rgba(0, 0, 0, 0.7);
}
.nav_contact .submenu_box_white a:hover{
    color: rgba(0, 0, 0, 1);
}


.nav a:nth-child(7) {
    margin-right: 0px;
}

.button_nav {
    width: 155px;
    height: 35px;
    border-radius: 25px;
    border: 2px solid #ffb200;
    line-height: 35px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 0px;
    transition: 0.3s;
    flex-shrink: 0;
}

.button_nav:hover {
    background: #ffb200;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    color: #000000;
}

.button_nav:active {
    background: #a97600;
    border: 2px solid #a97600;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    color: #000000;
}

.content_head_block {
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(
180deg, rgba(1, 12, 35, 0) 0%, rgba(1, 12, 35, 0.72) 54.81%, rgba(1, 12, 35, 0.51) 100%, #010C23 100%);
}

.headling_box {
    position: relative;
}

.headling_box::after {
    content: "";
    display: block;
    width: 8px;
    height: 245px;
    background: #ffb200;
    position: absolute;
    top: 0;
    left: 6px;
}

.headling_big {
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 50px;
    color: #ffb200;
}

.headling_middle {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #ffffff;
    margin-top: 31px;
    margin-bottom: 17px;
    width: 490px;
    padding-left: 40px;
}

.headling_small {
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    width: 410px;
    padding-left: 40px;
}

.network_box a {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 38px;
}

.insta {
    width: 20px;
    height: 20px;
    background-image: url(../img/network/Instagram.svg);
    transition: .3s;
}
.insta:hover{
    background-image: url(../img/network/hover/Instagram.svg);
}
.insta:active{
    background-image: url(../img/network/active/Instagram.svg);
}

.twiter {
    width: 20px;
    height: 17px;
    background-image: url(../img/network/Twitter.svg);
    transition: .3s;
}
.twiter:hover{
    background-image: url(../img/network/hover/Twitter.svg);
}
.twiter:active{
    background-image: url(../img/network/active/Twitter.svg);
}

.vimeo {
    width: 20px;
    height: 17px;
    background-image: url(../img/network/Vimeo.svg);
    transition: .3s;
}
.vimeo:hover{
    background-image: url(../img/network/hover/Vimeo.svg);
}
.vimeo:active{
    background-image: url(../img/network/active/Vimeo.svg);
}

.union {
    width: 28px;
    height: 20px;
    background-image: url(../img/network/Union.svg);
    transition: .3s;
}
.union:hover{
    background-image: url(../img/network/hover/Union.svg);
}
.union:active{
    background-image: url(../img/network/active/Union.svg);
}

/*---------two block--------*/
.two_block {
    padding-bottom: 50px;
    padding-top: 80px;
}

.contayner {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

.headling_type {
    padding-bottom: 50px;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
}

.headling_type span {
    display: inline;
    background: #ffb200;
}

.headling_type_small {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
}

/*---------animate block--------*/
.animation_text_two_block {
    background: #e9eff4;
}

.text_animate_scroll {
     position:-webkit-sticky; 
    position: sticky;
    top: calc(50% - 40px);
    font-style: normal;
    font-weight: bold;
    font-size: 90px;
    line-height: 80px;
    color: #000000;
    text-align: center;
    opacity: 1;
    color: transparent;
    background-position-y: -300%;
    background-image: linear-gradient(#ffb200, #ffb200, #000000, #000000);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-size: auto 400%;
}

.block_animate_bg {
    background: #e9eff4;
    width: 100%;
    height: 60vh;
}

.block_animate_bg_small {
    height: 50vh;
}

.block_animate_bg_blue {
    background: #010c23;
    width: 100%;
    height: 60vh;
}

/*---------to__animate block--------*/
.block_text_to__animate {
    background: #010c23;
    padding-top: 77px;
}

.text_block_to__animate {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.7;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 65px;
    max-width: 760px;
    width: 100%;
}

.descreption_to__animate {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    color: #ffb200;
    max-width: 840px;
    width: 100%;
}

/*---------foo block--------*/

.foo_block {
    background-image: url(../img/bg/bg_free.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 130px;
    padding-bottom: 150px;
}

.contayner_big {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.flex_box_foo {
    display: flex;
    justify-content: space-between;
}

.item_box_foo {
    width: 48%;
    margin-bottom: 40px;
    background: #010c23;
    border-radius: 8px;
    transition: 0.3s;
    cursor: pointer;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 15px 60px 5px rgba(255, 178, 0, 0.05);
}

.item_box_foo:hover {
    box-shadow: 0px 15px 60px 5px rgba(255, 178, 0, 0.23);
}

.item_box_foo:hover .headling_foo_box {
    color: #ffb200;
}

.box_headling_item_foo {
    display: flex;
}

.headling_foo_box {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    margin-left: 22px;
    transition: 0.3s;
}

.discreption_foo_box_item {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 25px;
    margin-bottom: 25px;
}

.arrow_foo_box_item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.item_box_foo:hover .arrow_hover {
    fill-opacity: 1;
}

.arrow_foo_box_item p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 10px;
}

/*---------five block--------*/

.five_block {
    background-image: url(../img/bg/bg_5.png);
    width: 100%;
    height: auto;
    padding-top: 290px;
    padding-bottom: 260px;
    background-repeat: no-repeat;
    background-position: 15% 50%;
}

.headling_five_box {
    font-family: "Lato";
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
}

.text_five_box {
    max-width: 500px;
    width: 100%;
    margin-left: 55%;
}

.headling_five_box span {
    display: inline;
    background: #ffb200;
}

.text_five {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 47px;
}

/*---------six block--------*/

.six_block {
    background: #e9eff4;
    padding-top: 70px;
    padding-bottom: 120px;
}

.contayner_stan {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.headling_stan {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 45px;
}

.flex_item_six_block {
    display: flex;
    margin-bottom: 26px;
}

.icon_six_block {
    background-image: url(../img/icon/check_circle.svg);
    background-position: center;
    background-size: cover;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 26px;
    flex-shrink: 0;
}

.flex_item_six_block p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
}

/*---------seven block--------*/

.seven_block {
    background: #010c23;
    padding-top: 0px;
    padding-bottom: 160px;
}

.box_animation_headling {
    background: #010c23;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.bg_anim_headling_blue {
    background: #010c23;
    width: 100%;
    height: 195vh;
    box-sizing: border-box;
}

.animacion_headling {
    font-style: normal;
    font-weight: bold;
    font-size: 160px;
    color: #e9eff4;
    line-height: 160px;
    text-align: center;
    transform: scale(190);
    position: absolute;
    top: 50%;
    left: 40%;
    width: 100%;
    box-sizing: border-box;
    /* margin-left: 46%;*/
}

.headling_mobail_seven_block {
    display: none;
}

.flex_seven_headling {
    display: flex;
    justify-content: space-between;
    margin-top: 85px;
}

.left_seven_headling {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #ffffff;
    width: 220px;
}

.right_seven_headling {
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    color: #ffb200;
    max-width: 520px;
    width: 100%;
}

.flex_seven_description {
    display: flex;
    justify-content: space-between;
    margin-top: 85px;
}

.flex_seven_description p {
    max-width: 520px;
    width: 48%;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    opacity: 0.7;
}

.flex_seven_card {
    display: flex;
    justify-content: space-between;
    margin-top: 130px;
    width: 100%;
}

.item_card_seven {
    background: #010c23;
    padding: 60px 30px 30px 30px;
    width: 30%;
    transition: 0.3s;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    box-shadow: 0px 5px 10px 5px rgba(255, 178, 0, 0.05);
}

.item_card_seven:hover {
    box-shadow: 0px 15px 60px 5px rgba(255, 178, 0, 0.23);
}

.headling_seven_block_item {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    color: #ffb200;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px;
    text-decoration: none;
}

.item_card_seven p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.7;
    text-align: center;
    text-decoration: none;
}

/*---------eight block--------*/

.eight_block {
    padding-top: 30px;
    padding-bottom: 120px;
    background-image: url(../img/bg/bg_eight.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.headling_eight {
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.flex_eight {
    width: 100%;
    margin-top: 102px;
    display: flex;
    justify-content: space-between;
}

.eight_fescreption {
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    color: #ffffff;
    width: 40%;
}

.eight_text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.7;
    width: 45%;
}

/*---------nine block--------*/

.nine_block {
    padding-top: 130px;
    padding-bottom: 130px;
}

.flex_nine {
    display: flex;
    justify-content: space-between;
}

.nine_descreption {
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    color: #000000;
    width: 30%;
}

.nine_text {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    opacity: 0.7;
    width: 60%;
}

.line_nine {
    width: 160px;
    height: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 40%;
}

.line_nine_body._animation {
    background: #ffc455;
    height: 100%;
    animation: 1s AnimeHeight;
}

@keyframes AnimeHeight {
    from {
        width: 0%;
        margin-top: 0px;
    }

    to {
        margin-top: 0px;
        width: 100%;
    }
}

/*---------ten block--------*/

.ten_block {
    background-image: url(../img/bg/bg_ten.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 200px;
}

.flex_ten {
    display: flex;
    justify-content: space-between;
}

.img_ten {
   /* background-image: url(../img/bg/img_ten.png);*/
    background-image: url(../img/bg/img_ten.svg);
    width: 57%;
    height: auto;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.descreption_ten {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    width: 40%;
}

.text_ten {
    margin-left: 60%;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.7;
    margin-top: 45px;
}

.flex_ten_icon {
    display: flex;
    margin-top: 160px;
}

.flex_solution_icon {
    display: flex;
    margin-top: 75px;
}

.icon_ten_one {
    background-image: url(../img/icon/icon_ten.svg);
    width: 156px;
    height: 65px;
}

.icon_ten_one_black {
    background-image: url(../img/icon/icon_ten_black.svg);
    width: 121px;
    height: 50px;
}

.icon_solution {
    background-image: url(../img/icon/icon_solution.svg);
    width: 125px;
    height: 14px;
    margin-left: 10px;
}

.icon_ten_two {
    background-image: url(../img/icon/icon_ten_yellow.svg);
    width: 162px;
    height: 18px;
    margin-left: 10px;
}

.flex_box_ten {
    display: flex;
    justify-content: space-between;
}

.text_ten_box {
    width: 60%;
    margin-left: 50px;
    box-sizing: border-box;
}

.text_ten_box span {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
    width: 80%;
    display: block;
}

.text_ten_box p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.7;
    margin-top: 45px;
}

.img_box_ten {
   /* background-image: url(../img/bg/camera_ten.png);*/
     background-image: url(../img/bg/camera_ten.svg);
    width: 38%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.headling_ten {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
    margin-top: 245px;
    margin-bottom: 100px;
}

.flex_cards_ten {
    display: flex;
    justify-content: space-between;
}

.item_card_ten {
    width: 28%;
}

.headling_item_card_ten {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
}

.line_ten_item_card {
    width: 80%;
    height: 8px;
    margin-top: 26px;
    margin-bottom: 22px;
}

.line_ten_item_card_body._animation {
    height: 8px;
    animation: 1s AnimeHeight;
    background: #ffb200;
}

@keyframes AnimeHeight {
    from {
        width: 0%;
        margin-top: 0px;
    }

    to {
        margin-top: 0px;
        width: 100%;
    }
}

.item_card_ten p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    opacity: 0.7;
}

.item_card_ten_big {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
}

.item_card_ten_big .headling_item_card_ten {
    text-align: center;
}

.item_card_ten_big .line_ten_item_card {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.item_card_ten_big p {
    text-align: center;
}

/*---------footer--------*/

.footer {
    background: #e9eff4;
    padding-top: 70px;
    padding-bottom: 35px;
}

.flex_footer_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.skolkovo {
    display: flex;
}

.icon_skolkovo {
    background-image: url(../img/icon/skolkovo.svg);
    width: 66px;
    height: 47px;
}

.text_skolkovo {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    width: 212px;
    margin-left: 25px;
}

.icon_logo_footer {
    background-image: url(../img/icon/logo_footer.svg);
    width: 155px;
    height: 74px;
}

.sk_logo_footer {
    background-image: url(../img/icon/sk_member.png);
	width: 326px;
    height: 74px;
}


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

.network_footer_box_mobail {
    display: flex;
    align-items: center;
    display: none;
}

.insta_footer {
    width: 20px;
    height: 20px;
    background-image: url(../img/network/black/Instagram.svg);
    transition: .3s;
}
.insta_footer:hover{
    background-image: url(../img/network/hover/Instagram.svg);
}
.insta_footer:active{
    background-image: url(../img/network/active/Instagram.svg);
}

.twiter_footer {
    width: 20px;
    height: 17px;
    cursor: pointer;
    margin-left: 64px;
    margin-right: 64px;
    background-image: url(../img/network/black/Twitter.svg);
    transition: .3s;
}
.twiter_footer:hover{
    background-image: url(../img/network/hover/Twitter.svg);
}
.twiter_footer:active{
    background-image: url(../img/network/active/Twitter.svg);
}

.vimeo_footer {
    width: 20px;
    height: 17px;
    cursor: pointer;
    margin-left: 64px;
    background-image: url(../img/network/black/Vimeo.svg);
    transition: .3s;
}
.vimeo_footer:hover{
    background-image: url(../img/network/hover/Vimeo.svg);
}
.vimeo_footer:active{
    background-image: url(../img/network/active/Vimeo.svg);
}

.union_footer {
    width: 28px;
    height: 20px;
    cursor: pointer;
    background-image: url(../img/network/black/Union.svg);
    transition: .3s;
}

.union_footer:hover{
    background-image: url(../img/network/hover/Union.svg);
}
.union_footer:active{
    background-image: url(../img/network/active/Union.svg);
}


.flex_footer_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
    align-items: flex-end;
}

.nav_footer {
    display: flex;
    flex-direction: column;
    max-width: 330px;
    width: 100%;
}

.nav_footer a {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 16px;
    transition: 0.3s;
}

.nav_footer a:hover {
    color: #ffb200;
}

.nav_footer a:active {
    color: #a97600;
}

.nav a:hover {
    color: #ffb200;
}

.nav a:active {
    color: #a97600;
}

.subscription_footer {
    max-width: 500px;
    width: 100%;
}

.headling_subscription {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
}

.subscription_footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-top: 18px;
    margin-bottom: 43px;
}

.flex_form_footer {
    display: flex;
}

.input_text {
    background: #ffffff;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    width: 333px;
    height: 38px;
    padding-left: 10px;
}

.input_text:focus {
    outline-width: 0;
}

.submit_input {
    background: #ffb200;
    width: 114px;
    height: 38px;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 38px;
    color: #ffffff;
    cursor: pointer;
    transition: 0.3s;
    flex-shrink: 0;
    border-radius: inherit;
    outline: none;
    -webkit-appearance: none;
}

.submit_input:hover {
    background: #ffb200;
    color: #000000;
}

.submit_input:active {
    background: #a97600;
    color: #000000;
}

.footer_text_end {
    margin-top: 100px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

/* -----------pop_ up---------------*/

.pop_up_box {
    background-image: url(../img/bg/bg_gamburg_menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 30px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: -200%;
    transition: 0.4s;
    z-index: 100;
    height: 100vh;
}

.pop_up_box.active {
    top: 0%;
    opacity: 1;
    height: 100vh;
}

.flex_top_pop_up {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_pop_up {
    background-image: url(../img/icon/logo.svg);
    width: 159px;
    height: 46px;
    background-repeat: no-repeat;
}

.close_pop_up {
    background-image: url(../img/icon/close.svg);
    width: 15px;
    height: 18px;
    cursor: pointer;
}

.button_pop_up {
    width: 155px;
    height: 35px;
    border-radius: 25px;
    border: 2px solid #ffb200;
    line-height: 35px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    transition: 0.3s;
}

.button_pop_up_mobail {
    display: none;
}

.nav_pop_up {
    margin-top: 30px;
    width: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_pop_up a {
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 29px;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    text-align: center;
}

/*----------------------------------------------------------contact----------------------------------------*/

.contayner_head_contact {
    justify-content: flex-start;
    height: auto;
}

.logo_contact {
    background-image: url(../img/icon/logo_weith.svg);
    width: 96px;
    height: 46px;
    flex-shrink: 0;
}

.nav_contact a {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-decoration: none;
}

.nav_contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_gamburg_black span {
    display: block;
    width: 30px;
    height: 2px;
    background: #000;
}

.button_nav_contact {
    color: #000;
}

.content_head_block_contact {
    margin-top: 40px;
}

.back_icon {
    font-weight: normal;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none;
    position: relative;
    padding-left: 25px;
    margin-top: 30px;
    width: 51px;
}

.back_icon_white {
    color: rgba(255, 255, 255, 0.7);
}
.back_icon_black {
    color: rgb(0 0 0);
}

.back_icon::after {
    content: "";
    display: block;
    background-image: url(../img/icon/arrow-left_black.svg);
    width: 18px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 0;
}

.back_icon_white::after {
    background-image: url(../img/icon/arrow-left_white.svg);
}

.headling_top_contact {
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.flex_contact_box {
    display: flex;
    justify-content: space-between;
}

.headling_box_item_contact {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
}

.call_contact,
.email_contact,
.address_contact {
    text-decoration: none;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 460px;
    width: 100%;
}

.left_box_contact,
.right_box_contact {
    width: 46%;
    position: relative;
}

.bg_map_contact {
    background: #ffb200;
    width: 100%;
    height: 260px;
    border-radius: 6px;
    margin-left: -20px;
    margin-top: 20px;
    box-sizing: border-box;
}

.map_contact {
    background-color: black;
    width: 98%;
    height: 260px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    box-sizing: border-box;
}

.network_contact_box {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.flex_contact_box_bottom {
    margin-top: 90px;
    margin-bottom: 100px;
}

/*----------------------------------------------------------article----------------------------------------*/
.subtitle_article {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 0px;
    max-width: 900px;
    width: 100%;
    margin-top: 30px;
}

.img_article {
    width: 100%;
    height: 500px;
    background-image: url(../img/bg/article_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
    margin-bottom: 40px;
}

.article_text {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 100px;
}

.info_grafica_article {
    width: 100%;
    /*background-image: url(../img/bg/info_grafika.png);*/
    background-image: url(../img/bg/info_grafika.svg);
    height: 135px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.article_text p {
    margin-top: 30px;
}

.head_block_contact {
    /*margin-bottom: 100px;*/
}

.box_info_grafika {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
}

.headling_info_grafika {
    font-family: "Lato";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.subtitle_infografika {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 40px;
}

.flex_description_infografika {
    display: flex;
}

.item_description_infografika {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-right: 30px;
}

.color_infografika {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.color1 {
    background: #00a9c0;
}

.color2 {
    background: #00a9c0;
}

.color3 {
    background: #263238;
}

.item_description_infografika p {
    color: #263238;
    margin-top: 5px;
}

/*----------------------------------------------------------about----------------------------------------*/
.headling_about {
    text-align: center;
}

.flex_about {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
}

.title_about_flex {
    width: 40%;
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
}

.description_about_flex {
    width: 40%;
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
}

.box_video_about {
    width: 100%;
    height: 600px;
    box-sizing: border-box;
    margin-top: 5px;
}

.fullscreen-bg__video {
    width: 100%;
    height: 100%;
}

.flex_video_about {
    margin-top: 35px;
    display: none;
}

.text_about {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 75px;
    margin-bottom: 75px;
}

.icon_video_about {
    display: flex;
}

.icon_video_item {
    background-repeat: no-repeat;
    background-size: cover;
}

.icon_video_item1 {
    background-image: url(../img/about/1.png);
    width: 121px;
    height: 50px;
    margin-right: 10px;
}

.icon_video_item2 {
    background-image: url(../img/about/2.png);
    width: 125px;
    height: 14px;
}

.icon_video_item3 {
    background-image: url(../img/about/3.png);
    width: 125px;
    height: 14px;
    margin-right: 10px;
}

.icon_video_item4 {
    background-image: url(../img/about/4.png);
    width: 121px;
    height: 50px;
}

.icon_video_about_end {
    justify-content: flex-end;
    align-items: flex-end;
}

.flex_about_end {
    margin-top: 25px;
    margin-bottom: 40px;
}

.box_about_dark {
    background: #010c23;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.flex_dark_about {
    display: flex;
    justify-content: space-between;
}

.img_about_dark_box {
    width: 40%;
    overflow: hidden;
    border-radius: 6px;
    box-sizing: border-box;
    height: 300px;
}

.img_about_dark {
    width: 100%;
    background-image: url(../img/bg/about_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0;
    transition: 0.4s 0.1s;
}

.img_about_dark._animation {
    opacity: 1;
}

.text_about_dark_box {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    width: 40%;
}

.headling_blue_box_compound_about {
    max-width: 700px;
    width: 100%;
    line-height: 36px;
}

.text_item_3d_animation_solution_about {
    font-size: 20px;
    line-height: 28px;
}

/*----------------------------------------------------------competence----------------------------------------*/
.head_block_competence {
    background-image: url(../img/bg/bg_eight.png);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.headling_competence {
    text-align: center;
    color: #ffb200;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.flex_competence_block {
    background-color: #010c23;
    padding-bottom: 100px;
}

.description_competence {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 40px;
}

.text_competence_bottom {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
}

.text_competence_bottom p {
    margin-top: 25px;
}

.item_box_foo_big {
    width: 48%;
    display: flex;
    flex-direction: column;
}

.item_box_foo_item_big {
    width: 100%;
}

/*----------------------------------------------------------product----------------------------------------*/

.flex_product {
    display: flex;
    justify-content: space-between;
}

.headling_product_flex {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    width: 40%;
}

.descreption_product_flex {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    width: 40%;
}

.content_blue_product {
    background-color: #010c23;
    padding-bottom: 75px;
    padding-top: 50px;
}

.img_product {
    width: 100%;
    height: 550px;
    background-image: url(../img/bg/product_img.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 50px;
}

.subtitle_product {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
}

.flex_product_block_card {
    display: flex;
    margin-top: 50px;
    justify-content: center;
}

.item_product_card {
     width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03), 0px 30px 40px rgba(212, 217, 232, 0.2);
    border-radius: 10px;
    padding: 25px 25px 10px 25px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

.img_product_card {
 background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px;
    margin-bottom: 24px;
}

.img_product_card1 {
    background-image: url(../img/product/product1.png);
}

.img_product_card2 {
    background-image: url(../img/product/product2.png);
}

.img_product_card3 {
    background-image: url(../img/product/product3.png);
}

.descreption_card_product {
    font-family: "Lato";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    color: #474f62;
}

.item_product_card p {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 12px;
    margin-top: 5px;
}

.button_card {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-decoration-line: underline;
    color: #000000;
    width: 100px;
    height: 30px;
    text-align: center;
    background-color: #ffb200;
    cursor: pointer;
    display: block;
    transition: 0.3s;
}

.button_card:hover {
    color: #fff;
}

.button_card:active {
    color: #fff;
    background-color: #a97600;
}

.text_button_product {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 640px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.content_white_product {
   padding-bottom: 100px;
}

/*----------------------------------------------------------modul----------------------------------------*/

.subtitle_modul {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #ffffff;
}

.description_modul {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    width: 100%;
    margin-top: 20px;
}

.content_blue_modul {
    background-color: #e9eff4;
    padding-top: 75px;
    padding-bottom: 100px;
}

.headling_blue_box_modul {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: -10px;
}

.text_blue_box_modul {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    width: 40%;
    color: rgba(0, 0, 0, 0.7);
}

.content_white_modul {
    padding-top: 75px;
    padding-bottom: 100px;
}

.description_white_box_modul {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 660px;
    width: 100%;
    margin-top: 50px;
}

.item_flex_white_modul {
    width: 31%;
    padding: 35px;
    background: #ffffff;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.03), 0px 30px 40px rgba(212, 217, 232, 0.2);
    box-sizing: border-box;
}

.headling_item_modul {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #18191f;
}

.text_item_modul {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(24, 25, 31, 0.7);
    margin-top: 10px;
}

.button_modul {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 155px;
    height: 35px;
    text-align: center;
    line-height: 33px;
    background: #ffb200;
    border: 2px solid #ffb200;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    cursor: pointer;
    transition: 0.3s;
}

.button_modul:hover {
    color: #fff;
}

.button_modul:active {
    color: #fff;
    background: #a97600;
    border: 2px solid #a97600;
}

/*----------------------------------------------------------solution----------------------------------------*/

.headling_top_solution {
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 58px;
    color: #ffffff;
    text-align: center;
}

.headling_top_solution span {
    background-color: #ffb200;
    color: #000;
}

.item_flex_solution {
    display: flex;
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 50px;
}

.icon_item_solution {
    width: 42px;
    height: 48px;
    flex-shrink: 0;
}

.headling_item_solution {
    padding-left: 40px;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    box-sizing: border-box;
}

.description_item_solution {
    padding-left: 40px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 10px;
    box-sizing: border-box;
}

.flex_solution_top {
    padding-bottom: 100px;
}

.headling_solution_white_block {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    max-width: 700px;
    width: auto;
    padding-left: 40px;
    box-sizing: border-box;
}

.flex_solution_white_block {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    max-width: 900px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.box_flex_item_solution_white {
    position: relative;
    width: 30%;
    height: 240px;
    flex-shrink: 0;
    margin-left: 30px;
    box-sizing: border-box;
}

.img_box_solution_white_block_item {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.img_solution_white_block_item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.bg_yellow_anim_solution {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffb200;
    border-radius: 6px;
    z-index: -1;
    transition: 0.7s 0.6s;
}

.bg_yellow_anim_solution._animation {
    top: 30px;
    left: -30px;
}

.img_solution_white_block_item1 {
    background-image: url(../img/solution/img1.png);
    z-index: 3;
}

.img_solution_white_block_item2 {
    background-image: url(../img/solution/img2.png);
    z-index: 3;
}

.img_solution_white_block_item3 {
    background-image: url(../img/solution/img3.png);
    z-index: 3;
}

.box_flex_item_solution_white_text {
    margin-left: 5%;
}

.headling_item_white_solution {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

.description_item_white_solution {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 20px;
    margin-bottom: 5px;
}

.headling_blue_box {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    text-align: center;
}

.flex_blue_animation_3d {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
    width: auto;
}

/*-------------flipping anim start----------------*/
.item_3d_animation_solution {
    width: 28%;
    box-sizing: border-box;
    position: relative;
    perspective: 1000;
    cursor: pointer;
    height: 250px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 730px) {
	.thanks_letters .flex_blue_animation_3d {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.thanks_letters .item_3d_animation_solution {
		width: 32%;	
		margin: 4% 4%;
		flex: 1 0 40%;
	}
}


.thanks_letters .item_3d_animation_solution .front .text_item_3d_animation_solution {
	font-size: 18px;
}

.thanks_letters .item_3d_animation_solution .back .text_item_3d_animation_solution {
	font-size: 20px;
}


.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    transform-origin: 100% 100px;
}

.front,
.back {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 60px;
    padding-bottom: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.front {
    background: rgba(255, 255, 255, 0.37);
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
}

.back {
    background: #010c23;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
}

.back .text_item_3d_animation_solution {
    color: #ffb200;
}

.front_dark {
    background: #051027;
    box-shadow: 0px 15px 60px 5px rgba(255, 178, 0, 0.23);
}

.back_dark {
    background: #ffffff;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
}

.back_dark .text_item_3d_animation_solution {
    color: #18191f;
}

.back .logo_item_3d_animation_solution {
    background-image: url(../img/icon/lofo_min_white.svg);
    width: 20px;
    height: 24px;
}

.subtittle_item_3d_animation_solution {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: rgba(24, 25, 31, 0.7);
    text-align: center;
    margin-top: 10px;
}

.back .subtittle_item_3d_animation_solution {
    color: rgba(255, 255, 255, 0.7);
}

.blue_dark_necessary_block {
    padding-top: 75px;
    padding-bottom: 100px;
    background: #010c23;
}

.bg_yellow_anim_solution_z-index {
    z-index: 1;
}

.headling_dark_blue_necessary {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
}

.flex_dark_blue_necessary {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.left_flex_white_necessary {
    height: 300px;
}

.left_dark_blue_flex_necessary {
    width: 100%;
    background-image: url(../img/bg/about_img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.bg_yellow_anim_solution_necessary,
.yellow_block_absolut {
    z-index: 1;
}

.right_dark_blue_flex_necessary {
    width: 40%;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
}

.necessary_block_white {
    padding-top: 75px;
    padding-bottom: 80px;
}
.necessary_block_white.nopadding_bottom {    padding-bottom: 0;}
.headling_necessary_white {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    text-align: center;
}

.contayner_flex_necessary {
    margin-top: 25px;
}

.flex_box_necessary_white {
      width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.flex_item_necessary_white {
   width: 46%;
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
}
.flex_item_necessary_white_new {
    width: 46%;
    align-items: center;
    margin-top: 25px;
}

.left_flex_item_necessary_white {
    background-image: url(../img/icon/icon_arrow_bottom.svg);
    width: 40px;
    height: 76px;
    flex-shrink: 0;
    margin-right: 40px;
    background-repeat: no-repeat;
    background-size: contain;
}

.left_flex_item_necessary_white_new {
    background-image: url(../img/icon/icon_arrow_bottom.svg);
    width: 40px;
    height: 76px;
    flex-shrink: 0;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.headling_right_flex_item_necessary {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #18191f;
}

.headling_right_flex_item_necessary_new {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
        margin: 32px 0px 47px 51px;
    line-height: 32px;
    color: #18191f;
}

.description_right_flex_item_necessary {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(24, 25, 31, 0.7);
    margin-top: 10px;
}

.headling_necessary_price_block {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #000000;
}

.description_necessary_price_block {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 700px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.flex_necessary_price_block {
    display: flex;
    justify-content: space-between;
}

.item_necessary_price_block {
    width: 32%;
    background: #ffffff;
    box-shadow: 0px 10px 100px -30px rgba(0, 0, 0, 0.04);
    padding-bottom: 20px;
}

.img_necessary_price_block {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
}

.img_necessary_price_block1 {
    background-image: url(../img/bg/price1.png);
}

.img_necessary_price_block2 {
    background-image: url(../img/bg/price2.png);
}

.img_necessary_price_block3 {
    background-image: url(../img/bg/price3.png);
}

.headling_item_necessary_price_block {
    padding: 10px 10px 2px 10px;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: #18191f;
}

.description_item_necessary_price_block {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #18191f;
    opacity: 0.4;
    padding: 0px 10px 20px 10px;
    box-sizing: border-box;
}

.price_item_necessary_price_block {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    color: #18191f;
    padding: 0px 10px 0px 10px;
    display: flex;
    justify-content: space-between;
}

.price_item_necessary_price_block a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    color: #18191f;
    opacity: 0.4;
    text-decoration: none;
}

.dark_blue_necessary_block {
    padding-top: 75px;
    padding-bottom: 100px;
    background: #010c23;
}

.headling_dark_blue_step {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
}

.flex_dark_blue_necessary_block {
    display: flex;
    margin-top: 60px;
}

.left_dark_blue_necessary {
    position: relative;
    width: 29%;
    height: 200px;
    margin-left: 30px;
    box-sizing: border-box;
}

.right_dark_blue_necessary {
    width: 50%;
    margin-left: 100px;
        color: #fff;
}

.right_dark_blue_necessary span {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    opacity: 0.7;
}

.right_dark_blue_necessary p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    opacity: 0.7;
}

.subtittle_dark_blue_necessary {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
}

.left_dark_blue_necessary1 {
    background-image: url(../img/bg/necessary_img1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 6px;
    overflow: hidden;
}

.left_dark_blue_necessary2 {
    background-image: url(../img/bg/necessary_img2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 6px;
    overflow: hidden;
}

.left_dark_blue_necessary3 {
    background-image: url(../img/bg/necessary_img2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 6px;
    overflow: hidden;
}

.finish_necessary_block {
    padding-top: 25px;
    padding-bottom: 100px;
}

.finish_necessary_block_about {
    padding-bottom: 100px;
}

.flex_finish_necessary_block {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.headling_finish_necessary {
    width: 40%;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    color: #000000;
    word-wrap:break-word;
}

.description_finish_necessary {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    width: 50%;
}

/*-------------flipping anim finish----------------*/

.text_item_3d_animation_solution {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #18191f;
    text-align: center;
}

.front_dark .text_item_3d_animation_solution {
    color: #ffffff;
}

.logo_item_3d_animation_solution {
    background-image: url(../img/icon/icon_arrow_bottom.svg);
    width: 20px;
    height: 24px;
    align-self: flex-start;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.content_dark_blue_solution {
    background: #010c23;
    padding-top: 75px;
    padding-bottom: 100px;
}

.headling_dark_blue_solution {
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #ffb200;
    max-width: 760px;
    width: 100%;
}

.description_dark_blue_solution {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 30px;
    max-width: 760px;
    width: 100%;
}

/*----------------------------------------------------------necessary---------------------------------------*/

.headling_necessary {
    color: #ffb200;
    max-width: 670px;
    width: 100%;
    padding-bottom: 100px;
}

.necessary_white_block {
    padding-top: 75px;
    padding-bottom: 75px;
}
.no_padding {   
    padding-top: 75px;
    padding-bottom: 0px; 
}

.flex_necessary_white {
    display: flex;
    justify-content: space-between;
}

.description_necessary_flex {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #000000;
    width: 40%;
}

.description_necessary_flex span {
    background: #ffb200;
}

.subtittle_necessary_flex {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    width: 45%;
}

.blue_necessary_block {
    padding-top: 75px;
    padding-bottom: 100px;
    background: #e9eff4;
}

.headling_blue_necessary {
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    max-width: 900px;
    width: 100%;
}

/*----------------------------------------------------------compound product----------------------------------------*/

.headling_compound_product {
    color: #ffb200;
}

.compound_product_subtittle {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 530px;
    width: 100%;
    padding-bottom: 65px;
}

.compound_white_block {
    padding-top: 75px;
    padding-bottom: 100px;
}

.flex_white_compound {
    display: flex;
    justify-content: space-between;
}

.left_flex_white_compound {
    width: 46%;
}

.right_flex_white_compound {
    width: 46%;
}

.headling_compound {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #000000;
}

.subtittle_compound_white {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 40px;
}

.slider_box {
    width: 100%;
    height: 100%;
}

.item_slider {
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.item_slider1 {
    background-image: url(../img/compound_slider/1.png);
}

.item_slider2 {
    background-image: url(../img/compound_slider/1.png);
}

.item_slider3 {
    background-image: url(../img/compound_slider/1.png);
}

.blue_dark_compound_block,
.finish_compound_block {
    padding-top: 75px;
    padding-bottom: 100px;
    background: #010c23;
}

.headling_dark_blue_compound {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

.flex_dark_blue_compound {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.item_flex_dark_blue_compound {
    width: 40%;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
}

.blue_compound_block {
    padding-top: 75px;
    padding-bottom: 100px;
    background: #e9eff4;
}

.headling_blue_box_compound {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.subtittle_blue_compound {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 660px;
    width: 100%;
}

.white_compound_block_big {
    padding-top: 75px;
    padding-bottom: 55px;
}

.headling_compound_big {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #000000;
}

.subtittle_compound_big {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 750px;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
}

.flex_compound_big {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}

.item_compound_big {
    width: 32%;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.07);
    border-radius: 8px;
    padding: 25px;
    cursor: pointer;
    transition: 0.3s;
}

.item_compound_big:hover {
    box-shadow: 0px 10px 20px rgba(41, 41, 42, 0.17);
}

.img_item_compound_big {
    width: 100%;
    height: 105px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 5px;
}

.headling_item_compound_big {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #18191f;
}

.description_item_compound_big {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 15px;
    margin-bottom: 15px;
}

.img_item_compound_big1 {
    background-image: url(../img/compound_product/1.png);
}

.img_item_compound_big2 {
    background-image: url(../img/compound_product/2.png);
}

.img_item_compound_big3 {
    background-image: url(../img/compound_product/3.png);
}

.img_item_compound_big4 {
    background-image: url(../img/compound_product/4.png);
}

.img_item_compound_big5 {
    background-image: url(../img/compound_product/5.png);
}

.img_item_compound_big6 {
    background-image: url(../img/compound_product/6.png);
}

.headling_compound_finish {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #ffffff;
}

.flex_finish_compound {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
    align-items: center;
}

.numer_finish_compound {
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 64px;
    color: #ffffff;
}

.text_finish_compound {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.7);
}

.left_flex_finish_compound {
    max-width: 280px;
    width: 100%;
    flex-shrink: 0;
    height: 100%;
}

.right_flex_finish_compound {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 640px;
    width: 100%;
}

.item_icon_finish_compound {
    width: 160px;
    height: 90px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.icon_finish1 {
    background-image: url(../img/icon/log_airbnb.svg);
}

.icon_finish2 {
    background-image: url(../img/icon/log_amazon.svg);
}

.icon_finish3 {
    background-image: url(../img/icon/log_fed_ex.svg);
}

.icon_finish4 {
    background-image: url(../img/icon/log_microsoft.svg);
}

.icon_finish5 {
    background-image: url(../img/icon/log_google.svg);
}

.icon_finish6 {
    background-image: url(../img/icon/log_ola.svg);
}

.icon_finish7 {
    background-image: url(../img/icon/log_walmart.svg);
}

.icon_finish8 {
    background-image: url(../img/icon/log_oyo.svg);
}

.application_button {
    width: 250px;
    height: 35px;
    background: #ffb200;
    border: 2px solid #ffb200;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 31px;
    color: #000000;
    margin: 70px auto 25px auto;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}

.application_button:hover {
    background: inherit;
    color: #fff;
}

.application_button:active {
    border: 2px solid #a97600;
}

.consultation_button {
    width: 250px;
    height: 35px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #ffb200;
    box-sizing: border-box;
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05)) drop-shadow(0px 2px 7px rgba(0, 0, 0, 0.05));
    border-radius: 25px;
    line-height: 31px;
    margin-left: auto;
    margin-right: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    transition: 0.3s;
}

.consultation_button:hover {
    background: #ffb200;
    color: #000;
}

.consultation_button:active {
    background: #a97600;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    border: 2px solid #a97600;
}

.squaredTwo2 input {
    opacity: 0;
    }
    
    .squaredTwo2 {
        width: 18px;
            height: 18px;
                background: #E9EFF4;
                    position: relative;
                    }
                    
                    .squaredTwo2 input {
                        position: absolute;
                            top: 5px;
                                left: 0;
                                    width: 18px;
                                        height: 18px;
                                            opacity: 0;
                                            }
                                            
                                            .squaredTwo2 label {
                                                cursor: pointer;
                                                    position: absolute;
                                                        width: 18px;
                                                            height: 18px;
                                                                left: 0px;
                                                                    top: 5px;
                                                                        background: #FFB200;
                                                                            border-radius: 3px;
                                                                            }
                                                                            
                                                                            .squaredTwo2 label:after {
                                                                                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                                                                    filter: alpha(opacity=0);
                                                                                        opacity: 0;
                                                                                            content: '';
                                                                                                position: absolute;
                                                                                                    width: 9px;
                                                                                                        height: 5px;
                                                                                                            background: transparent;
                                                                                                                top: 4px;
                                                                                                                    left: 4px;
                                                                                                                        border: 3px solid #fcfff4;
                                                                                                                            border-top: none;
                                                                                                                                border-right: none;
                                                                                                                                
                                                                                                                                    -webkit-transform: rotate(-45deg);
                                                                                                                                        -moz-transform: rotate(-45deg);
                                                                                                                                            -o-transform: rotate(-45deg);
                                                                                                                                                -ms-transform: rotate(-45deg);
                                                                                                                                                    transform: rotate(-45deg);
                                                                                                                                                    }
                                                                                                                                                    
                                                                                                                                                    .squaredTwo2 label:hover::after {
                                                                                                                                                        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
                                                                                                                                                            filter: alpha(opacity=30);
                                                                                                                                                                opacity: 0.3;
                                                                                                                                                                }
                                                                                                                                                                
                                                                                                                                                                .squaredTwo2 input[type=checkbox]:checked + label:after {
                                                                                                                                                                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                                                                                                                                                        filter: alpha(opacity=100);
                                                                                                                                                                            opacity: 1;
                                                                                                                                                                            }

/*----------------------------------------------------------planning----------------------------------------*/
.headling_blue_box_planning {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    text-align: center;
}

.subtittle_blue_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 30px;
}

.description_blue_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 45px;
}

.number_3d {
    font-size: 50px;
    line-height: 32px;
    color: #18191f;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 20px;
}

.back .number_3d {
    color: #ffb200;
}

.text_about_dark_box span {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #ffffff;
    display: inline-block;
}

.text_about_dark_box p {
    margin-top: 35px;
}

.white_planning_block {
    padding-top: 75px;
    padding-bottom: 50px;
}

.white_planning_headling {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
}

.white_subtittle_planning {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 43px;
    color: #000000;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 40px;
}

.flex_white_planning {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.left_flex_white_planning {
        width: 44%;
    position: relative;
    margin-left: 30px;
    box-sizing: border-box;
    height: 390px;
}

.right_flex_white_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    width: 44%;
}

.right_flex_white_planning p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 30px;
}

.right_flex_white_planning span {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 10px;
    display: inline-block;
}

.img_flex_white_text_box {
    width: 100%;
    height: 140px;
    background-image: url(../img/planning/gistogramma.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 15px;
}

.planning_headling_blue_block {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
}

.text_blue_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 750px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.text_blue_planning p {
    margin-top: 30px;
}

.text_blue_planning span {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 34px;
    color: #000000;
}

.finish_planning_white_block {
    padding-top: 75px;
    padding-bottom: 100px;
}

.planning_description_blue_block {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.planning_description_blue_block p {
    margin-top: 30px;
}

.flex_blue_block_planning {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.item_flex_blue_block_planning {
    width: 47%;
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    box-sizing: border-box;
}

.item_flex_blue_block_planning p {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
    height: 60px;
}

.img_planning_blue_block {
    width: 100%;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img_planning1 {
    background-image: url(../img/planning/2.png);
}

.white_planning_headling_center {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
}

.subtittle_planning_block_white {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.7);
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.subtittle_planning_block_white p {
    margin-bottom: 30px;
}

.planning_dark_blue_block {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.description_dark_blue_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: rgba(245, 245, 245, 0.7);
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.flex_item_anim_number_planning {
    display: flex;
    margin-bottom: 40px;
    align-items: center;
}

.anim_block_number_planning {
    margin-top: 60px;
}

.tittle_anim_item_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
    color: #f5f5f5;
    text-align: right;
    width: 400px;
    margin-right: 40px;
}

.line_anim_planning_box {
    height: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
}

.line_anim_planning_box1 {
    width: 5%;
}

.line_anim_planning_box2 {
    width: 11%;
}

.line_anim_planning_box3 {
    width: 38%;
}

.line_anim_planning_item {
    width: 0%;
    height: 100%;  
}

.line_anim_planning_item._animation {
    width: 100%;
}

.line_anim_planning_item1 {
    background: #006574;
    transition: .3s .2s;
}

.line_anim_planning_item2 {
    background: #40edf7;
    transition: .5s .2s;
}

.line_anim_planning_item3 {
    background: #ffb200;
    transition: .7s .2s;
}

.number_item_anim_planning {
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #f5f5f5;
    margin-left: 10px;
    transition: 0.3s;
}

/*----------------------------------------------------------3d_anim_card----------------------------------------*/

.container {
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 1000px;
    perspective: 1000px;
    box-sizing: border-box;
}

.cube {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: 0.3s;
    box-sizing: border-box;
}

.cube:hover {
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
}

.cube .front,
.cube .back {
    width: 100%;
    height: 100%;
    position: absolute;
}

.cube .front {
    transform: rotateY(0deg) translateZ(100px);
}

.cube .back {
    transform: rotateX(90deg) translateZ(100px);
}

.text_item_3d_animation_solution_about {
    font-size: 20px;
    line-height: 28px;
}

.headling_dark_blue_solution_about {
    max-width: 100%;
}




/*----------------------------------------------------------form pop up----------------------------------------*/

.form_pop_up {
    background: #E9EFF4;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    max-width: 620px;
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 35px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2000;
    display: none;
}


.form_pop_up_ok {
    background: #E9EFF4;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    max-width: 620px;
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 35px;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2000;
    display: none;
}
.activePopUp.form_pop_up{
    display: block;
}
.close_icon_form{
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url(../img/form/close.svg);
    width: 14px;
    height: 14px;
    cursor: pointer;
    z-index: 200;
}
.headling_form_pop_up {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    text-align: center;
}

.subtitle_form_pop_up {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    opacity: 0.7;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}
div#result_form {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    background: #33ff00;
    opacity: 0.7;
  
    margin-top: 10 px;
    text-align: center;
    margin-bottom: 20 px;
}
div#result_form.error {
    background: #ff5656;
}

.input_form_pop_up_box {
    max-width: 320px;
    margin: 15px auto 0px auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.input_form_pop_up_box input {
    background: #FFFFFF;
    border-radius: 4px;
    height: 38px;
    border: none;
    outline: none;
    padding-left: 10px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
}

.input_form_pop_up_box label {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.7);
}

.input_check_faq_box {
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    display: flex;
    align-items: flex-start;
}

.input_check_faq_box .checkbox_text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7;
    margin-left: 20px;
}

.input_check_faq_box .checkbox_text a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    opacity: 0.7;
}

.button_faq {
    background: #FFB200;
    opacity: 0.7;
    border: none;
    outline: none;
    box-sizing: border-box;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 7px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 202px;
    height: 38px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 38px;
    color: #000000;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    -webkit-appearance: none;
    outline: none;

}
.button_faq[disabled]{
    cursor: not-allowed;
}
.squaredTwo input {
    opacity: 0;
}

.squaredTwo {
    width: 18px;
    height: 18px;
    background: #E9EFF4;
    position: relative;
}

.squaredTwo input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0px;
    top: 5px;
    background: #FFB200;
    border-radius: 3px;
}

.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*----------------------------------------------------------media fiel----------------------------------------*/

@media only screen and (max-width: 1580px) {
    .five_block {
        background-position: 0 50%;
    }
}

@media only screen and (max-width: 1255px) {
    .five_block {
        background-image: url(../img/bg/bg_5_table.png);
    }
}

@media only screen and (max-width: 1170px) {
    .contayner_stan {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        width: 100%;
    }

    .menu_gamburg {
        display: block;
        margin-left: 0px;
    }

    .nav {
        display: none;
    }

    .contayner {
        max-width: none;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .text_five_box {
        max-width: none;
        margin-left: 48%;
        width: auto;
    }

    .contayner_head {
        padding-left: 30px;
        padding-right: 30px;
    }

    .menu_nav .nav a {
        display: none;
    }

    .nine_text {
        width: 57%;
    }

    .nine_descreption {
        width: 40%;
    }

    .line_nine {
        margin-left: 43%;
    }

    .item_flex_blue_block_planning p {
        height: 90px;
    }
}

@media only screen and (max-width: 1040px) {
    .two_block {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .text_block_to__animate {
        margin-bottom: 68px;
    }

    .block_text_to__animate {
        padding-top: 50px;
    }

    .foo_block {
        padding-top: 40px;
    }

    .five_block {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .headling_five_box {
        font-size: 30px;
        line-height: 40px;
    }

    .text_five {
        margin-top: 30px;
    }

    .five_block {
        background-position: 0 100%;
    }

    .animacion_headling {
        font-size: 130px;
    }

    .nine_block {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .seven_block {
        padding-bottom: 100px;
    }

    .flex_ten_icon {
        margin-top: 100px;
    }

    .headling_ten {
        margin-top: 180px;
    }

    .necessary_dop_block {
        width: 43%;
    }
}

@media only screen and (max-width: 940px) {
    .headling_big {
        font-size: 64px;
        line-height: 50px;
    }

    .headling_middle {
        font-size: 30px;
        line-height: 38px;
        margin-top: 14px;
        margin-bottom: 7px;
    }

    .headling_small {
        font-size: 20px;
        line-height: 30px;
    }

    .headling_box::after {
        width: 8px;
        height: 208px;
        top: 3px;
        left: 5px;
    }

    .content_head_block {
        padding-bottom: 120px;
    }

    .text_animate_scroll {
        font-size: 70px;
    }

    .flex_box_foo {
        flex-direction: column;
        align-items: center;
    }

    .foo_block {
        padding-bottom: 30px;
    }

    .text_five_box {
        margin-left: 0px;
    }

    .five_block {
        background-position: 50% 60%;
        background-image: url(../img/bg/bg_5_table_min.png);
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .headling_five_box {
        text-align: center;
        max-width: 400px;
        width: 100%;
        line-height: 45px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 250px;
    }

    .text_five {
        text-align: center;
    }

    .animacion_headling {
        font-size: 120px;
    }

    .headling_type {
        font-size: 24px;
        line-height: 34px;
        padding-bottom: 25px;
    }

    .headling_type_small {
        font-size: 16px;
        line-height: 26px;
    }

    .text_block_to__animate {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .block_text_to__animate {
        padding-top: 30px;
    }

    .descreption_to__animate {
        font-size: 18px;
        line-height: 28px;
    }

    .headling_foo_box {
        font-size: 20px;
        line-height: 28px;
    }

    .discreption_foo_box_item {
        font-size: 14px;
        line-height: 24px;
    }

    .headling_stan {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 26px;
    }

    .six_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_item_six_block {
        margin-bottom: 20px;
    }

    .left_seven_headling {
        font-size: 36px;
        line-height: 43px;
    }

    .right_seven_headling {
        font-size: 24px;
        line-height: 34px;
        max-width: none;
        width: 60%;
    }

    .flex_seven_headling {
        margin-top: 20px;
    }

    .flex_seven_description {
        flex-direction: column;
        margin-top: 45px;
        width: 70%;
    }

    .flex_seven_description p {
        width: 100%;
        max-width: none;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .flex_seven_card {
        flex-direction: column;
        margin-top: 50px;
        align-items: center;
    }

    .item_card_seven {
        margin-bottom: 30px;
        max-width: 500px;
        width: 100%;
    }

    .seven_block {
        padding-bottom: 60px;
    }

    .headling_eight {
        font-size: 24px;
        line-height: 34px;
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
    }

    .flex_eight {
        margin-top: 40px;
        flex-direction: column;
    }

    .eight_fescreption {
        width: 80%;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .eight_text {
        font-size: 16px;
        line-height: 26px;
        width: 80%;
    }

    .eight_block {
        padding-bottom: 40px;
    }

    .nine_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_nine {
        flex-direction: column;
    }

    .nine_descreption {
        font-size: 18px;
        line-height: 28px;
        width: 80%;
        margin-bottom: 20px;
    }

    .nine_text {
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .line_nine {
        margin-left: 0px;
        height: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ten_block {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .flex_ten {
        flex-direction: column-reverse;
    }

    .descreption_ten {
        font-size: 24px;
        line-height: 34px;
        width: 80%;
    }

    .img_ten {
        width: 80%;
        height: 170px;
        margin-top: 20px;
    }

    .text_ten {
        margin-left: 0px;
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .flex_ten_icon {
        margin-top: 40px;
    }

    .flex_box_ten {
        flex-direction: column;
        padding-left: 20px;
    }

    .text_ten_box span {
        font-size: 24px;
        line-height: 34px;
        width: 80%;
    }

    .text_ten_box {
        width: 100%;
        margin-left: 0px;
    }

    .text_ten_box p {
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .img_box_ten {
        width: 50%;
        margin-left: 50%;
        height: 220px;
    }

    .headling_ten {
        font-size: 24px;
        line-height: 26px;
        margin-top: 80px;
        margin-bottom: 40px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }

    .flex_cards_ten {
        flex-direction: column;
        align-items: center;
    }

    .item_card_ten {
        max-width: 500px;
        width: 100%;
        margin-bottom: 40px;
    }

    .line_ten_item_card {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .item_card_ten_big {
        margin-top: 0px;
    }

    .item_card_ten_big .headling_item_card_ten {
        text-align: left;
    }

    .item_card_ten_big .line_ten_item_card {
        width: 80%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .item_card_ten_big p {
        text-align: left;
    }

    .flex_footer_top {
        flex-direction: column-reverse;
    }

    .flex_footer_bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-top: 40px;
    }

    .nav_footer {
        margin-top: 20px;
    }

    .skolkovo {
        align-self: flex-start;
        margin-top: 30px;
    }

    .network_footer_box {
        display: none;
    }

    .network_footer_box_mobail {
        display: flex;
        width: 280px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .footer {
        padding-top: 20px;
    }

    .footer_text_end {
        margin-top: 50px;
    }

    .item_box_foo,
    .item_box_foo_item_big,
    .item_box_foo_big {
        max-width: 500px;
        width: 100%;
    }

    .item_flex_blue_block_planning p {
        height: 110px;
    }
    .text_about_dark_box{
        width: 46%;
    }
}

@media only screen and (max-width: 860px) {
    .animacion_headling {
        font-size: 110px;
    }
    .flex_product_block_card {
        flex-direction: column;
        margin-top: -20px;
    }
    .item_product_card {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        padding: 20px 5px 10px 5px;
    }
    .text_about_dark_box span{
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 780px) {
    .animacion_headling {
        font-size: 100px;
    }
    .nav_pop_up a {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 730px) {
    .animacion_headling {
        font-size: 85px;
    }

    .text_animate_scroll {
        font-size: 60px;
    }

    .block_animate_bg,
    .block_animate_bg_blue {
        display: none;
    }

    .contayner_animate_text_block {
        background: #010c23;
    }

    .text_animate_scroll.active {
        animation: none;
    }

    .text_animate_scroll {
        opacity: 1;
        line-height: 60px;
        padding-top: 40px;
    }

    .box_animation_headling {
        display: none;
    }

    .headling_mobail_seven_block {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 60px;
        line-height: 72px;
        text-align: center;
        color: #1c3d5a;
        padding-top: 40px;
    }

    .flex_contact_box {
        flex-direction: column;
    }

    .left_box_contact,
    .right_box_contact {
        width: 100%;
        position: relative;
    }

    .right_box_contact {
        margin-top: 40px;
        width: inherit;
        box-sizing: content-box;
        margin-left: 20px;
    }

    .flex_about {
        flex-direction: column;
        padding-top:10px;
    }

    .title_about_flex {
        width: 100%;
    }

    .description_about_flex {
        width: 100%;
        margin-top: 25px;
    }

    .box_video_about {
        height: 50vh;
    }

    .text_about {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .flex_dark_about {
        flex-direction: column;
    }

    .img_about_dark_box {
        width: 100%;
        height: 330px;
    }

    .text_about_dark_box,
    .descreption_product_flex {
        width: 100%;
        margin-top: 20px;
    }

    .box_about_dark {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .flex_product {
        flex-direction: column;
    }

    .headling_product_flex {
        width: 100%;
    }

    .img_product {
        height: 330px;
        margin-bottom: 30px;
    }

    .content_blue_product {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    
    .article_text{margin-bottom: 30px;}
    

    .text_button_product {
        margin-top: 50px;
    }

    .content_white_product {
        padding-bottom: 50px;
    }

    .text_blue_box_modul {
        width: 100%;
        margin-top: 20px;
    }

    .headling_blue_box_modul {
        margin-bottom: 0px;
    }

    .content_blue_modul,
    .content_white_modul {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .item_flex_white_modul {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .description_white_box_modul {
        margin-top: 30px;
    }

    .button_modul {
        margin-top: 30px;
    }

    .flex_solution_white_block {
        flex-direction: column;
    }

    .box_flex_item_solution_white {
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
        width: 100%;
        height: 200px;
        margin-bottom: 40px;
    }

    .bg_yellow_anim_solution._animation {
        top: 15px;
        left: -15px;
    }

    .content_dark_blue_solution {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_solution_icon {
        margin-top: 40px;
    }

    .flex_solution_top {
        padding-bottom: 40px;
    }

    .flex_blue_animation_3d {
        flex-direction: column;
    }

    .item_3d_animation_solution {
        max-width: 260px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 230px;
        margin-bottom: 45px;
    }

    .headling_necessary {
        padding-bottom: 50px;
    }

    .necessary_white_block,
    .finish_necessary_block {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .flex_necessary_white,
    .flex_box_necessary_white,
    .flex_necessary_price_block {
        flex-direction: column;
    }

    .description_necessary_flex {
        width: 100%;
    }

    .subtittle_necessary_flex {
        width: 100%;
        margin-top: 10px;
    }

    .blue_necessary_block,
    .blue_dark_necessary_block,
    .necessary_block_white,
    .dark_blue_necessary_block {
        padding: 40px 0px;
    }

    .flex_dark_blue_necessary,
    .flex_dark_blue_necessary_block {
        flex-direction: column;
        margin-top: 35px;
    }

    .right_dark_blue_flex_necessary {
        width: 100%;
    }

    .left_dark_blue_flex_necessary {
        width: 100%;
        height: 100%;
        margin-bottom: 15px;
    }

    .flex_box_necessary_white {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .item_necessary_price_block {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .right_dark_blue_necessary {
        margin-left: 0px;
        width: 100%;
    }

    .flex_dark_blue_necessary_block {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .left_dark_blue_necessary,
    .headling_finish_necessary {
        width: 100%;
        margin-bottom: 15px;
    }

    .flex_finish_necessary_block {
        flex-direction: column;
    }

    .headling_finish_necessary,
    .description_finish_necessary {
        width: 100%;
    }

    .compound_product_subtittle {
        padding-bottom: 40px;
    }

    .compound_white_block {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .flex_white_compound {
        flex-direction: column-reverse;
    }

    .left_flex_white_compound,
    .right_flex_white_compound {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .right_flex_white_compound {
        height: 250px;
    }

    .left_flex_white_compound {
        margin-top: 70px;
    }

    .blue_dark_compound_block,
    .finish_compound_block,
    .blue_compound_block,
    .white_compound_block_big {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_dark_blue_compound {
        flex-direction: column;
        margin-top: 10px;
    }

    .item_flex_dark_blue_compound {
        width: 100%;
        margin-top: 15px;
    }

    .flex_compound_big {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .item_compound_big {
        max-width: 450px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .subtittle_compound_big {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .right_flex_finish_compound {
        max-width: 320px;
    }

    .flex_finish_compound {
        margin-top: 25px;
    }

    .tittle_anim_item_planning {
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        color: #f5f5f5;
        text-align: right;
        width: 270px;
        margin-right: 40px;
    }

    .number_item_anim_planning {
        font-size: 20px;
        line-height: 30px;
    }

    .planning_dark_blue_block {
        margin-bottom: 25px;
    }

    .anim_block_number_planning {
        margin-top: 30px;
    }

    .flex_item_anim_number_planning {
        margin-bottom: 20px;
    }

    .line_anim_planning_box3 {
        width: 28%;
    }

    .flex_white_planning {
        flex-direction: column;
        margin-bottom: 5px;
    }

    .left_flex_white_planning {
        max-width: 400px;
        height: 240px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }

    .right_flex_white_planning {
        width: 100%;
    }

    .flex_blue_block_planning {
        flex-direction: column;
    }

    .item_flex_blue_block_planning {
        width: 100%;
        margin-bottom: 25px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    .img_planning_blue_block {
        height: 240px;
    }

    .white_planning_block {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .white_planning_headling_center,
    .planning_headling_blue_block {
        margin-bottom: 25px;
    }

    .subtittle_planning_block_white p {
        margin-bottom: 15px;
    }

    .finish_planning_white_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .necessary_dop_block {
        height: 300px;
        max-width: 400px;
    }

    .left_dark_blue_necessary {
        height: 200px;
        margin-left: 0px;
        box-sizing: border-box;
        margin-bottom: 30px;
        width: auto;
    }
    .nav_pop_up a {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .flex_item_necessary_white{
        width: 100%;
    }
    .flex_box_necessary_white{
        margin-top: 0px;
    }
    .contayner_flex_necessary{
        margin-top: 35px;
    }
    .front,
    .back {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .text_about_dark_box span{
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 659px) {
    .flex_finish_compound {
        flex-direction: column;
    }

    .headling_compound_finish {
        text-align: center;
    }

    .numer_finish_compound,
    .text_finish_compound {
        text-align: center;
    }

    .left_flex_finish_compound {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 630px) {
    .animacion_headling {
        font-size: 75px;
    }

    .text_animate_scroll {
        font-size: 50px;
    }

    .flex_seven_headling {
        margin-top: 0px;
    }

    .headling_big {
        font-size: 36px;
        line-height: 50px;
    }

    .headling_middle {
        font-size: 18px;
        line-height: 24px;
        margin-top: 4px;
        margin-bottom: 3px;
        width: 50%;
        padding-left: 20px;
    }

    .headling_small {
        font-size: 16px;
        line-height: 26px;
        padding-left: 20px;
    }

    .headling_box::after {
        width: 5px;
        height: 168px;
        top: 15px;
        left: 3px;
    }

    .head_block {
        background-image: url(../img/bg/head_bg_mobail.png);
    }

    .menu_gamburg {
        margin-left: 50px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .button_nav {
        display: none;
    }

    .icon_video_item1 {
        background-image: url(../img/about/1.png);
        width: 60px;
        height: 25px;
        margin-right: 6px;
    }

    .icon_video_item2 {
        background-image: url(../img/about/2.png);
        width: 62px;
        height: 7px;
    }

    .icon_video_item3 {
        background-image: url(../img/about/3.png);
        width: 62px;
        height: 7px;
        margin-right: 6px;
    }

    .icon_video_item4 {
        background-image: url(../img/about/4.png);
        width: 60px;
        height: 25px;
    }
}

@media only screen and (max-width: 540px) {
    .animacion_headling {
        font-size: 65px;
    }

    .text_animate_scroll {
        font-size: 40px;
    }

    .headling_box {
        width: 65%;
    }

    .headling_middle {
        width: 100%;
    }

    .nav,
    .network_box {
        display: none;
    }

    .headling_box::after {
        width: 5px;
        height: 148px;
        top: 15px;
        left: 3px;
    }

    .contayner_stan {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contayner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contayner_head {
        padding-left: 10px;
        padding-right: 10px;
    }

    .left_seven_headling {
        display: none;
    }

    .right_seven_headling {
        width: 100%;
        margin-top: 40px;
    }

    .flex_seven_description {
        margin-top: 20px;
    }

    .pop_up_box {
        padding: 20px 10px 30px 10px;
    }

    .button_pop_up {
        display: block;
    }

    .logo_pop_up {
        display: none;
    }

    .logo_pop_up {
        background-image: url(../img/icon/logo_mobail_head.svg);
        width: 51px;
        height: 24px;
    }

    .nav_pop_up {}

    .nav_pop_up a {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .button_pop_up_mobail {
        width: 155px;
        height: 35px;
        border-radius: 25px;
        border: 2px solid #ffb200;
        line-height: 35px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #ffffff;
        cursor: pointer;
        transition: 0.3s;
        display: block;
        margin-bottom: 16px;
        display: none;
    }

    .logo {
        width: 51px;
        height: 24px;
        background-image: url(../img/icon/logo_mobail_head.svg);
    }

    .icon_logo_footer {
        background-image: url(../img/icon/logo_mobail_footer.svg);
        width: 69px;
        height: 32px;
    }
	
	.sk_logo_footer {
		background-image: url(../img/icon/sk_member_moblie.png);
		width: 141px;
		height: 32px;
	}

    .headling_subscription {
        font-size: 18px;
        line-height: 36px;
    }

    .subscription_footer p {
        margin-top: 3px;
        margin-bottom: 15px;
    }

    .nav_footer a {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .flex_footer_bottom {
        margin-top: 20px;
    }

    .right_box_contact {
        margin-top: 30px;
    }

    .headling_top_contact {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .headling_box_item_contact {
        font-size: 20px;
        line-height: 24px;
    }

    .flex_contact_box_bottom {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .head_block_contact {
        margin-bottom: 40px;
    }

    .subtitle_article {
        font-size: 20px;
        line-height: 24px;
    }

    .img_article {
        margin-bottom: 20px;
        height: 280px;
    }

    .article_text p {
        margin-top: 20px;
    }

    .box_info_grafika {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .item_description_infografika {
        margin-top: 10px;
    }

    .title_about_flex {
        font-size: 20px;
        line-height: 28px;
    }

    .description_about_flex {
        margin-top: 10px;
    }

    .text_about {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .img_about_dark_box {
        height: 240px;
    }

    .box_about_dark {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .text_about_dark_box {
        font-size: 16px;
        line-height: 24px;
    }

    .headling_product_flex,
    .subtitle_product {
        font-size: 20px;
        line-height: 28px;
    }

    .descreption_product_flex {
        margin-top: 10px;
    }

    .img_product {
        height: 250px;
        margin-bottom: 20px;
    }

    .headling_competence {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .subtitle_modul,
    .headling_blue_box_modul,
    .headling_item_modul,
    .headling_item_solution,
    .headling_item_white_solution,
    .headling_compound {
        font-size: 20px;
        line-height: 28px;
    }

    .description_modul {
        margin-top: 10px;
    }

    .text_blue_box_modul,
    .description_white_box_modul {
        margin-top: 15px;
    }

    .headling_top_solution,
    .headling_solution_white_block,
    .headling_blue_box,
    .headling_dark_blue_solution,
    .headling_necessary_white {
        font-size: 28px;
        line-height: 38px;
    }

    .item_flex_solution,
    .flex_solution_white_block {
        margin-top: 80px;
    }

    .description_item_solution {
        margin-top: 5px;
        padding-left: 20px;
    }

    .headling_item_solution,
    .headling_solution_white_block {
        padding-left: 20px;
    }

    .description_item_white_solution {
        margin-top: 10px;
    }

    .box_flex_item_solution_white {
        width: 150px;
        height: 150px;
        margin-bottom: 35px;
    }

    .flex_blue_animation_3d {
        margin-top: 25px;
    }

    .text_item_3d_animation_solution {
        font-size: 18px;
        line-height: 24px;
    }

    .content_blue_modul {
        padding-bottom: 10px;
    }

    .description_dark_blue_solution {
        margin-top: 15px;
    }

    .icon_ten_one_black {
        width: 60px;
        height: 25px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon_solution {
        background-image: url(../img/icon/icon_solution.svg);
        width: 62px;
        height: 7px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .flipper {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
        transform-origin: 100% 80px;
    }

    .description_necessary_flex {
        font-size: 24px;
        line-height: 30px;
    }

    .headling_necessary {
        padding-bottom: 30px;
    }

    .headling_blue_necessary,
    .headling_dark_blue_necessary,
    .headling_necessary_price_block,
    .headling_dark_blue_step,
    .headling_finish_necessary {
        font-size: 24px;
        line-height: 30px;
    }

    .item_3d_animation_solution.big {
        max-width: 260px;
        height: 230px;
    }

    .flipper.big {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
        transform-origin: 100% 115px;
    }

    .left_dark_blue_flex_necessary {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }

    .headling_right_flex_item_necessary,
    .subtittle_dark_blue_necessary {
        font-size: 18px;
        line-height: 27px;
    }

    .price_item_necessary_price_block {
        font-size: 18px;
        line-height: 27px;
    }

    .description_item_necessary_price_block {
        padding-bottom: 10px;
    }

    .subtittle_dark_blue_necessary {
        margin-top: 5px;
        margin-bottom: 8px;
    }

    .right_flex_white_compound {
        height: 200px;
    }

    .subtittle_compound_white {
        margin-top: 15px;
    }

    .headling_dark_blue_compound,
    .headling_blue_box_compound,
    .headling_compound_big,
    .headling_item_compound_big,
    .headling_compound_finish {
        font-size: 18px;
        line-height: 27px;
    }

    .flex_dark_blue_compound {
        margin-top: 5px;
    }

    .headling_blue_box_compound {
        margin-bottom: 10px;
    }

    .subtittle_compound_big {
        margin-top: 10px;
    }

    .description_item_compound_big {
        margin-top: 10px;
    }

    .numer_finish_compound {
        font-size: 28px;
        line-height: 36px;
    }

    .flex_finish_compound {
        margin-top: 15px;
    }

    .text_finish_compound {
        font-size: 16px;
        line-height: 24px;
    }

    .application_button {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .item_icon_finish_compound {
        width: 120px;
        height: 67.5px;
    }

    .right_flex_finish_compound {
        max-width: 240px;
    }

    .description_blue_planning {
        margin-top: 20px;
    }

    .tittle_anim_item_planning {
        font-size: 16px;
        line-height: 24px;
        width: 220px;
        margin-right: 10px;
    }

    .planning_description_blue_block p {
        margin-top: 10px;
    }

    .headling_blue_box_planning,
    .planning_dark_blue_block,
    .white_planning_headling,
    .planning_headling_blue_block,
    .text_about_dark_box span,
    .white_planning_headling_center {
        font-size: 28px;
        line-height: 36px;
    }

    .number_3d {
        font-size: 40px;
        line-height: 52px;
        color: #18191f;
        font-style: normal;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .white_subtittle_planning {
        font-size: 20px;
        line-height: 30px;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .text_blue_planning span {
        font-size: 20px;
        line-height: 30px;
    }

    .text_blue_planning p,
    .text_about_dark_box p {
        margin-top: 15px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .left_flex_item_necessary_white {
        margin-right: 20px;
    }

    .front,
    .back {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .number_3d {
        margin-bottom: 5px;
    }

    .head_block {
        background-image: url(../img/bg/bg_head_pro.png);
    }

    .necessary_dop_block {
        height: 240px;
        max-width: 400px;
        border: 1px solid red;
        width: 100%;
    }

    .left_flex_white_necessary {
        height: 190px;
    }
    .contayner_flex_necessary{
        margin-top: 15px;
    }
}

@media only screen and (max-width: 440px) {
    .head_block {
        background-image: url(../img/bg/bg_head_pro.png);
    }

    .headling_mobail_seven_block {
        font-size: 42px;
        line-height: 50px;
    }

    .text_animate_scroll {
        font-size: 30px;
        line-height: 36px;
    }

    .flex_seven_description {
        width: 100%;
    }

    .flex_seven_card {
        margin-top: 15px;
    }

    .headling_seven_block_item {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .item_card_seven p {
        font-size: 14px;
        line-height: 24px;
    }

    .eight_fescreption,
    .eight_text,
    .nine_descreption,
    .nine_text {
        width: 100%;
    }

    .descreption_ten,
    .text_ten_box span {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }

    .text_ten,
    .text_ten_box p {
        width: 100%;
        margin-top: 20px;
    }

    .headling_small {
        width: auto;
    }

    .headling_box::after {
        height: 168px;
    }

    .icon_ten_one {
        width: 50px;
        height: 33px;
        background-size: cover;
    }

    .icon_ten_two {
        width: 51px;
        height: 9px;
    }

    .input_text {
        width: 100%;
    }

    .img_box_ten {
        height: 150px;
    }

    .headling_ten {
        margin-top: 50px;
    }

    .seven_block {
        padding-bottom: 0px;
    }

    .headling_five_box {
        margin-bottom: 200px;
    }

    .five_block {
        background-position: 50% 55%;
    }

    .icon_item_solution svg {
        width: 21px;
        height: 24px;
    }

    .left_flex_white_planning {
        margin-left: 0px;
        margin-right: inherit;
        width: auto;
    }

    .tittle_anim_item_planning {
        width: auto;
        text-align: left;
    }

    .flex_item_anim_number_planning {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 395px) {
    .headling_box::after {
        height: 188px;
    }

    .img_article {
        height: 200px;
    }

    .headling_top_contact {
        margin-bottom: 20px;
    }

    .box_video_about {
        height: 240px;
    }

    .headling_competence {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 365px) {
    .headling_box::after {
        height: 142px;
    }

    .headling_box {
        width: 89%;
    }

    .box_video_about {
        height: 220px;
    }
}

@media only screen and (max-width: 340px) {
    .headling_box::after {
        height: 142px;
    }

    .headling_box {
        width: 90%;
        box-sizing: border-box;
    }

    .box_video_about {
        height: 200px;
    }
}



 /*------------------bread crumbs-------------------*/
.bread_crumbs_block{
    margin-bottom: 20px;
}
.bread_crumbs {
    display: inline-block;
    margin-top: -59px;
}
.bread_crumbs_white {
    display: inline-block;
    margin-top: -18px;
}

.bread_crumbs_white span {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    margin-left: 3px;
    margin-right: 3px;
}
.bread_crumbs span {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    margin-left: 3px;
    margin-right: 3px;
}
.bread_crumbs_black span{
    color: rgba(255, 255, 255, 0.7);
}


.bread_crumbs a {
    font-size: 16px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}
.bread_crumbs_white a {
    font-size: 16px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}
.bread_crumbs_black a{
    color: rgba(255, 255, 255, 0.7);
}

.last_crumbs {
    color: rgba(0, 0, 0, 0.7);
    opacity: .7;
}
.last_crumbs_black{
    color: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 1450px) {
    .bread_crumbs_block{
        margin-left: 11%;
    }
}

@media only screen and (max-width: 860px) {
    .bread_crumbs_block{
        margin-left: 100px;
    }
} 








/*------------------------------------------documentation----------------------------------*/
.documentation_flex {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 100px;
}

.item_documentation {
    background: #E9EFF4;
    box-shadow: 0px 30px 40px rgba(212, 217, 232, 0.2);
    border-radius: 10px;
    padding: 15px;
    padding-bottom: 25px;
    box-sizing: border-box;
    width: 30%;
    height: auto;
    min-height: 203px;
    margin-bottom: 45px;
    position: relative;
    z-index: 20;
}

.headling_item_documentation {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #18191F;
    margin-bottom: 3px;
}

.item_documentation a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-decoration-line: underline;
    color: rgba(24, 25, 31, 0.7);
    display: block;
    margin-bottom: 8px;

}

.item_documentation_invisible {
    background: inherit;
    box-shadow: none;
}

.absolut_item_documentation {
    position: absolute;
    top: -10px;
    left: 0;
    width: 170px;
    height: auto;
    display: flex;
    justify-content: space-between;
    z-index: -10;
}

.icon_item_documentation2 {
    background-image: url(../img/documentation/1.svg);
    width: 84px;
    height: 10px;
}

.icon_item_documentation1 {
    background-image: url(../img/documentation/2.svg);
    width: 82px;
    height: 34px;
    background-position: top;
    background-repeat: no-repeat;
}

a.pdf {
   color: #4D4D4D;
    opacity: 0.6;
    text-decoration: none;
}
a.name {
    width: 67%;
}
.block_name {
    display: flex;
}
a.name.underline{
text-decoration: none;
}
/*----------------------------------------------------------media fiel----------------------------------------*/

@media only screen and (max-width: 1580px) {
    .five_block {
        background-position: 0 50%;
    }


}

@media only screen and (max-width: 1450px) {
    .bread_crumbs_block {
        margin-left: 11%;
    }
}

@media only screen and (max-width: 1255px) {
    .five_block {
        background-image: url(../img/bg/bg_5_table.png);
    }
}

@media only screen and (max-width: 1170px) {
    .contayner_stan {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        width: 100%;
    }

    .menu_gamburg {
        display: block;
        margin-left: 0px;
    }

    .nav {
        display: none;
    }

    .contayner {
        max-width: none;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .text_five_box {
        max-width: none;
        margin-left: 48%;
        width: auto;
    }

    .contayner_head {
        padding-left: 30px;
        padding-right: 30px;
    }

    .menu_nav .nav a {
        display: none;
    }

    .nine_text {
        width: 57%;
    }

    .nine_descreption {
        width: 40%;
    }

    .line_nine {
        margin-left: 43%;
    }

    .item_flex_blue_block_planning p {
        height: 90px;
    }
}

@media only screen and (max-width: 1040px) {
    .two_block {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .text_block_to__animate {
        margin-bottom: 68px;
    }

    .block_text_to__animate {
        padding-top: 50px;
    }

    .foo_block {
        padding-top: 40px;
    }

    .five_block {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .headling_five_box {
        font-size: 30px;
        line-height: 40px;
    }

    .text_five {
        margin-top: 30px;
    }

    .five_block {
        background-position: 0 100%;
    }

    .animacion_headling {
        font-size: 130px;
    }

    .nine_block {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .seven_block {
        padding-bottom: 100px;
    }

    .flex_ten_icon {
        margin-top: 100px;
    }

    .headling_ten {
        margin-top: 180px;
    }

    .necessary_dop_block {
        width: 43%;
    }
}




@media only screen and (max-width: 940px) {
    .headling_big {
        font-size: 64px;
        line-height: 50px;
    }

    .headling_middle {
        font-size: 30px;
        line-height: 38px;
        margin-top: 14px;
        margin-bottom: 7px;
    }

    .headling_small {
        font-size: 20px;
        line-height: 30px;
    }

    .headling_box::after {
        width: 8px;
        height: 208px;
        top: 3px;
        left: 5px;
    }

    .content_head_block {
        padding-bottom: 120px;
    }

    .text_animate_scroll {
        font-size: 70px;
    }

    .flex_box_foo {
        flex-direction: column;
        align-items: center;
    }

    .foo_block {
        padding-bottom: 30px;
    }

    .text_five_box {
        margin-left: 0px;
    }

    .five_block {
        background-position: 50% 60%;
        background-image: url(../img/bg/bg_5_table_min.png);
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .headling_five_box {
        text-align: center;
        max-width: 400px;
        width: 100%;
        line-height: 45px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 250px;
    }

    .text_five {
        text-align: center;
    }

    .animacion_headling {
        font-size: 120px;
    }

    .headling_type {
        font-size: 24px;
        line-height: 34px;
        padding-bottom: 25px;
    }

    .headling_type_small {
        font-size: 16px;
        line-height: 26px;
    }

    .text_block_to__animate {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .block_text_to__animate {
        padding-top: 30px;
    }

    .descreption_to__animate {
        font-size: 18px;
        line-height: 28px;
    }

    .headling_foo_box {
        font-size: 20px;
        line-height: 28px;
    }

    .discreption_foo_box_item {
        font-size: 14px;
        line-height: 24px;
    }

    .headling_stan {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 26px;
    }

    .six_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_item_six_block {
        margin-bottom: 20px;
    }

    .left_seven_headling {
        font-size: 36px;
        line-height: 43px;
    }

    .right_seven_headling {
        font-size: 24px;
        line-height: 34px;
        max-width: none;
        width: 60%;
    }

    .flex_seven_headling {
        margin-top: 20px;
    }

    .flex_seven_description {
        flex-direction: column;
        margin-top: 45px;
        width: 70%;
    }

    .flex_seven_description p {
        width: 100%;
        max-width: none;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .flex_seven_card {
        flex-direction: column;
        margin-top: 50px;
        align-items: center;
    }

    .item_card_seven {
        margin-bottom: 30px;
        max-width: 500px;
        width: 100%;
    }

    .seven_block {
        padding-bottom: 60px;
    }

    .headling_eight {
        font-size: 24px;
        line-height: 34px;
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
    }

    .flex_eight {
        margin-top: 40px;
        flex-direction: column;
    }

    .eight_fescreption {
        width: 80%;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .eight_text {
        font-size: 16px;
        line-height: 26px;
        width: 80%;
    }

    .eight_block {
        padding-bottom: 40px;
    }

    .nine_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_nine {
        flex-direction: column;
    }

    .nine_descreption {
        font-size: 18px;
        line-height: 28px;
        width: 80%;
        margin-bottom: 20px;
    }

    .nine_text {
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .line_nine {
        margin-left: 0px;
        height: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ten_block {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .flex_ten {
        flex-direction: column-reverse;
    }

    .descreption_ten {
        font-size: 24px;
        line-height: 34px;
        width: 80%;
    }

    .img_ten {
        width: 80%;
        height: 170px;
        margin-top: 20px;
    }

    .text_ten {
        margin-left: 0px;
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .flex_ten_icon {
        margin-top: 40px;
    }

    .flex_box_ten {
        flex-direction: column;
        padding-left: 20px;
    }

    .text_ten_box span {
        font-size: 24px;
        line-height: 34px;
        width: 80%;
    }

    .text_ten_box {
        width: 100%;
        margin-left: 0px;
    }

    .text_ten_box p {
        width: 80%;
        font-size: 16px;
        line-height: 26px;
    }

    .img_box_ten {
        width: 50%;
        margin-left: 50%;
        height: 220px;
    }

    .headling_ten {
        font-size: 24px;
        line-height: 26px;
        margin-top: 80px;
        margin-bottom: 40px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }

    .flex_cards_ten {
        flex-direction: column;
        align-items: center;
    }

    .item_card_ten {
        max-width: 500px;
        width: 100%;
        margin-bottom: 40px;
    }

    .line_ten_item_card {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .item_card_ten_big {
        margin-top: 0px;
    }

    .item_card_ten_big .headling_item_card_ten {
        text-align: left;
    }

    .item_card_ten_big .line_ten_item_card {
        width: 80%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .item_card_ten_big p {
        text-align: left;
    }

    .flex_footer_top {
        flex-direction: column-reverse;
    }

    .flex_footer_bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-top: 40px;
    }

    .nav_footer {
        margin-top: 20px;
    }

    .skolkovo {
        align-self: flex-start;
        margin-top: 30px;
    }

    .network_footer_box {
        display: none;
    }

    .network_footer_box_mobail {
        display: flex;
        width: 280px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .footer {
        padding-top: 20px;
    }

    .footer_text_end {
        margin-top: 50px;
    }

    .item_box_foo,
    .item_box_foo_item_big,
    .item_box_foo_big {
        max-width: 500px;
        width: 100%;
    }

    .item_flex_blue_block_planning p {
        height: 110px;
    }

    .text_about_dark_box {
        width: 46%;
    }
}

@media only screen and (max-width: 860px) {
    .animacion_headling {
        font-size: 110px;
    }

    .flex_product_block_card {
        flex-direction: column;
        margin-top: -20px;
    }

    .item_product_card {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        padding: 20px 5px 10px 5px;
    }

    .text_about_dark_box span {
        font-size: 32px;
        line-height: 40px;
    }

    .bread_crumbs_block {
        margin-left: 100px;
    }

    .item_documentation {
        width: 40%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .documentation_flex {
        justify-content: center;
    }
}

@media only screen and (max-width: 780px) {
    .animacion_headling {
        font-size: 100px;
    }

    .nav_pop_up a {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 730px) {
    .animacion_headling {
        font-size: 85px;
    }

    .text_animate_scroll {
        font-size: 60px;
    }

    .block_animate_bg,
    .block_animate_bg_blue {
        display: none;
    }

    .contayner_animate_text_block {
        background: #010c23;
    }

    .text_animate_scroll.active {
        animation: none;
    }

    .text_animate_scroll {
        opacity: 1;
        line-height: 60px;
        padding-top: 40px;
    }

    .box_animation_headling {
        display: none;
    }

    .headling_mobail_seven_block {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 60px;
        line-height: 72px;
        text-align: center;
        color: #1c3d5a;
        padding-top: 40px;
    }

    .flex_contact_box {
        flex-direction: column;
    }

    .left_box_contact,
    .right_box_contact {
        width: 100%;
        position: relative;
    }

    .right_box_contact {
        margin-top: 40px;
        width: inherit;
        box-sizing: content-box;
        margin-left: 20px;
    }

    .flex_about {
        flex-direction: column;
    }

    .title_about_flex {
        width: 100%;
    }

    .description_about_flex {
        width: 100%;
        margin-top: 25px;
    }

    .box_video_about {
        height: 50vh;
    }

    .text_about {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .flex_dark_about {
        flex-direction: column;
    }

    .img_about_dark_box {
        width: 100%;
        height: 330px;
    }

    .text_about_dark_box,
    .descreption_product_flex {
        width: 100%;
        margin-top: 20px;
    }

    .box_about_dark {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .flex_product {
        flex-direction: column;
    }

    .headling_product_flex {
        width: 100%;
    }

    .img_product {
        height: 330px;
        margin-bottom: 30px;
    }

    .content_blue_product {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .article_text {
        margin-bottom: 30px;
    }


    .text_button_product {
        margin-top: 50px;
    }

    .content_white_product {
        padding-bottom: 50px;
    }

    .text_blue_box_modul {
        width: 100%;
        margin-top: 20px;
    }

    .headling_blue_box_modul {
        margin-bottom: 0px;
    }

    .content_blue_modul,
    .content_white_modul {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .item_flex_white_modul {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    .description_white_box_modul {
        margin-top: 30px;
    }

    .button_modul {
        margin-top: 30px;
    }

    .flex_solution_white_block {
        flex-direction: column;
    }

    .box_flex_item_solution_white {
        margin-left: auto;
        margin-right: auto;
        max-width: 200px;
        width: 100%;
        height: 200px;
        margin-bottom: 40px;
    }

    .bg_yellow_anim_solution._animation {
        top: 15px;
        left: -15px;
    }

    .content_dark_blue_solution {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_solution_icon {
        margin-top: 40px;
    }

    .flex_solution_top {
        padding-bottom: 40px;
    }

    .flex_blue_animation_3d {
        flex-direction: column;
    }

    .item_3d_animation_solution {
        max-width: 260px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 230px;
        margin-bottom: 45px;
    }

    .headling_necessary {
        padding-bottom: 50px;
    }

    .necessary_white_block,
    .finish_necessary_block {
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .flex_necessary_white,
    .flex_box_necessary_white,
    .flex_necessary_price_block {
        flex-direction: column;
    }

    .description_necessary_flex {
        width: 100%;
    }

    .subtittle_necessary_flex {
        width: 100%;
        margin-top: 10px;
    }

    .blue_necessary_block,
    .blue_dark_necessary_block,
    .necessary_block_white,
    .dark_blue_necessary_block {
        padding: 40px 0px;
    }

    .flex_dark_blue_necessary,
    .flex_dark_blue_necessary_block {
        flex-direction: column;
        margin-top: 35px;
    }

    .right_dark_blue_flex_necessary {
        width: 100%;
    }

    .left_dark_blue_flex_necessary {
        width: 100%;
        height: 100%;
        margin-bottom: 15px;
    }

    .flex_box_necessary_white {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .item_necessary_price_block {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .right_dark_blue_necessary {
        margin-left: 0px;
        width: 100%;
    }

    .flex_dark_blue_necessary_block {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .left_dark_blue_necessary,
    .headling_finish_necessary {
        width: 100%;
        margin-bottom: 15px;
    }

    .flex_finish_necessary_block {
        flex-direction: column;
    }

    .headling_finish_necessary,
    .description_finish_necessary {
        width: 100%;
    }

    .compound_product_subtittle {
        padding-bottom: 40px;
    }

    .compound_white_block {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .flex_white_compound {
        flex-direction: column-reverse;
    }

    .left_flex_white_compound,
    .right_flex_white_compound {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .right_flex_white_compound {
        height: 250px;
    }

    .left_flex_white_compound {
        margin-top: 70px;
    }

    .blue_dark_compound_block,
    .finish_compound_block,
    .blue_compound_block,
    .white_compound_block_big {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .flex_dark_blue_compound {
        flex-direction: column;
        margin-top: 10px;
    }

    .item_flex_dark_blue_compound {
        width: 100%;
        margin-top: 15px;
    }

    .flex_compound_big {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .item_compound_big {
        max-width: 450px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .subtittle_compound_big {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .right_flex_finish_compound {
        max-width: 320px;
    }

    .flex_finish_compound {
        margin-top: 25px;
    }

    .tittle_anim_item_planning {
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        color: #f5f5f5;
        text-align: right;
        width: 270px;
        margin-right: 40px;
    }

    .number_item_anim_planning {
        font-size: 20px;
        line-height: 30px;
    }

    .planning_dark_blue_block {
        margin-bottom: 25px;
    }

    .anim_block_number_planning {
        margin-top: 30px;
    }

    .flex_item_anim_number_planning {
        margin-bottom: 20px;
    }

    .line_anim_planning_box3 {
        width: 28%;
    }

    .flex_white_planning {
        flex-direction: column;
        margin-bottom: 5px;
    }

    .left_flex_white_planning {
        max-width: 400px;
        height: 240px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }

    .right_flex_white_planning {
        width: 100%;
    }

    .flex_blue_block_planning {
        flex-direction: column;
    }

    .item_flex_blue_block_planning {
        width: 100%;
        margin-bottom: 25px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        padding-bottom: 10px;
        box-sizing: border-box;
    }

    .img_planning_blue_block {
        height: 240px;
    }

    .white_planning_block {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .white_planning_headling_center,
    .planning_headling_blue_block {
        margin-bottom: 25px;
    }

    .subtittle_planning_block_white p {
        margin-bottom: 15px;
    }

    .finish_planning_white_block {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .necessary_dop_block {
        height: 300px;
        max-width: 400px;
    }

    .left_dark_blue_necessary {
        height: 200px;
        margin-left: 0px;
        box-sizing: border-box;
        margin-bottom: 30px;
        width: auto;
    }

    .nav_pop_up a {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .flex_item_necessary_white {
        width: 100%;
    }

    .flex_box_necessary_white {
        margin-top: 0px;
    }

    .contayner_flex_necessary {
        margin-top: 35px;
    }

    .front,
    .back {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .text_about_dark_box span {
        font-size: 32px;
        line-height: 42px;
    }

    .item_documentation {
        width: 45%;
        height: auto;
        padding: 10px;
        padding-bottom: 19px;
        margin-left: auto;
        margin-right: auto;
    }

    .documentation_flex {
        justify-content: center;
    }

    .flex_item_necessary_white_new {
        width: 100%;
        align-items: center;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 659px) {
    .flex_finish_compound {
        flex-direction: column;
    }

    .headling_compound_finish {
        text-align: center;
    }

    .numer_finish_compound,
    .text_finish_compound {
        text-align: center;
    }

    .left_flex_finish_compound {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 630px) {
    .animacion_headling {
        font-size: 75px;
    }

    .text_animate_scroll {
        font-size: 50px;
    }

    .flex_seven_headling {
        margin-top: 0px;
    }

    .headling_big {
        font-size: 36px;
        line-height: 50px;
    }

    .headling_middle {
        font-size: 18px;
        line-height: 24px;
        margin-top: 4px;
        margin-bottom: 3px;
        width: 50%;
        padding-left: 20px;
    }

    .headling_small {
        font-size: 16px;
        line-height: 26px;
        padding-left: 20px;
    }

    .headling_box::after {
        width: 5px;
        height: 168px;
        top: 15px;
        left: 3px;
    }

    .head_block {
        background-image: url(../img/bg/head_bg_mobail.png);
    }

    .menu_gamburg {
        margin-left: 50px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .button_nav {
        display: none;
    }

    .icon_video_item1 {
        background-image: url(../img/about/1.png);
        width: 60px;
        height: 25px;
        margin-right: 6px;
    }

    .icon_video_item2 {
        background-image: url(../img/about/2.png);
        width: 62px;
        height: 7px;
    }

    .icon_video_item3 {
        background-image: url(../img/about/3.png);
        width: 62px;
        height: 7px;
        margin-right: 6px;
    }

    .icon_video_item4 {
        background-image: url(../img/about/4.png);
        width: 60px;
        height: 25px;
    }
}

@media only screen and (max-width: 540px) {
    .animacion_headling {
        font-size: 65px;
    }

    .text_animate_scroll {
        font-size: 40px;
    }

    .headling_box {
        width: 65%;
    }

    .headling_middle {
        width: 100%;
    }

    .nav,
    .network_box {
        display: none;
    }

    .headling_box::after {
        width: 5px;
        height: 148px;
        top: 15px;
        left: 3px;
    }

    .contayner_stan {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contayner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contayner_head {
        padding-left: 10px;
        padding-right: 10px;
    }

    .left_seven_headling {
        display: none;
    }

    .right_seven_headling {
        width: 100%;
        margin-top: 40px;
    }

    .flex_seven_description {
        margin-top: 20px;
    }

    .pop_up_box {
        padding: 20px 10px 30px 10px;
    }

    .button_pop_up {
        display: block;
    }

    .logo_pop_up {
        display: none;
    }

    .logo_pop_up {
        background-image: url(../img/icon/logo_mobail_head.svg);
        width: 51px;
        height: 24px;
    }

    .nav_pop_up {}

    .nav_pop_up a {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .button_pop_up_mobail {
        width: 155px;
        height: 35px;
        border-radius: 25px;
        border: 2px solid #ffb200;
        line-height: 35px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #ffffff;
        cursor: pointer;
        transition: 0.3s;
        display: block;
        margin-bottom: 16px;
        display: none;
    }

    .logo {
        width: 51px;
        height: 24px;
        background-image: url(../img/icon/logo_mobail_head.svg);
    }

    .icon_logo_footer {
        background-image: url(../img/icon/logo_mobail_footer.svg);
        width: 69px;
        height: 32px;
    }
	
	.sk_logo_footer {
		background-image: url(../img/icon/sk_member_moblie.png);
		width: 141px;
		height: 32px;
	}	

    .headling_subscription {
        font-size: 18px;
        line-height: 36px;
    }

    .subscription_footer p {
        margin-top: 3px;
        margin-bottom: 15px;
    }

    .nav_footer a {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .flex_footer_bottom {
        margin-top: 20px;
    }

    .right_box_contact {
        margin-top: 30px;
    }

    .headling_top_contact {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .headling_box_item_contact {
        font-size: 20px;
        line-height: 24px;
    }

    .flex_contact_box_bottom {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .head_block_contact {
        margin-bottom: 40px;
    }

    .subtitle_article {
        font-size: 20px;
        line-height: 24px;
    }

    .img_article {
        margin-bottom: 20px;
        height: 280px;
    }

    .article_text p {
        margin-top: 20px;
    }

    .box_info_grafika {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .item_description_infografika {
        margin-top: 10px;
    }

    .title_about_flex {
        font-size: 20px;
        line-height: 28px;
    }

    .description_about_flex {
        margin-top: 10px;
    }

    .text_about {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .img_about_dark_box {
        height: 240px;
    }

    .box_about_dark {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .text_about_dark_box {
        font-size: 16px;
        line-height: 24px;
    }

    .headling_product_flex,
    .subtitle_product {
        font-size: 20px;
        line-height: 28px;
    }

    .descreption_product_flex {
        margin-top: 10px;
    }

    .img_product {
        height: 250px;
        margin-bottom: 20px;
    }

    .headling_competence {
        margin-bottom: 0px;
        padding-bottom: 10px;
    }

    .subtitle_modul,
    .headling_blue_box_modul,
    .headling_item_modul,
    .headling_item_solution,
    .headling_item_white_solution,
    .headling_compound {
        font-size: 20px;
        line-height: 28px;
    }

    .description_modul {
        margin-top: 10px;
    }

    .text_blue_box_modul,
    .description_white_box_modul {
        margin-top: 15px;
    }

    .headling_top_solution,
    .headling_solution_white_block,
    .headling_blue_box,
    .headling_dark_blue_solution,
    .headling_necessary_white {
        font-size: 28px;
        line-height: 38px;
    }

    .item_flex_solution,
    .flex_solution_white_block {
        margin-top: 40px;
    }

    .description_item_solution {
        margin-top: 5px;
        padding-left: 20px;
    }

    .headling_item_solution,
    .headling_solution_white_block {
        padding-left: 20px;
    }

    .description_item_white_solution {
        margin-top: 10px;
    }

    .box_flex_item_solution_white {
        width: 150px;
        height: 150px;
        margin-bottom: 35px;
    }

    .flex_blue_animation_3d {
        margin-top: 25px;
    }

    .text_item_3d_animation_solution {
        font-size: 18px;
        line-height: 24px;
    }

    .content_blue_modul {
        padding-bottom: 10px;
    }

    .description_dark_blue_solution {
        margin-top: 15px;
    }

    .icon_ten_one_black {
        width: 60px;
        height: 25px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .icon_solution {
        background-image: url(../img/icon/icon_solution.svg);
        width: 62px;
        height: 7px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .flipper {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
        transform-origin: 100% 80px;
    }

    .description_necessary_flex {
        font-size: 24px;
        line-height: 30px;
    }

    .headling_necessary {
        padding-bottom: 30px;
    }

    .headling_blue_necessary,
    .headling_dark_blue_necessary,
    .headling_necessary_price_block,
    .headling_dark_blue_step,
    .headling_finish_necessary {
        font-size: 24px;
        line-height: 30px;
    }

    .item_3d_animation_solution.big {
        max-width: 260px;
        height: 230px;
    }

    .flipper.big {
        transition: 0.6s;
        transform-style: preserve-3d;
        position: relative;
        transform-origin: 100% 115px;
    }

    .left_dark_blue_flex_necessary {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }

    .headling_right_flex_item_necessary,
    .subtittle_dark_blue_necessary {
        font-size: 18px;
        line-height: 27px;
    }

    .price_item_necessary_price_block {
        font-size: 18px;
        line-height: 27px;
    }

    .description_item_necessary_price_block {
        padding-bottom: 10px;
    }

    .subtittle_dark_blue_necessary {
        margin-top: 5px;
        margin-bottom: 8px;
    }

    .right_flex_white_compound {
        height: 200px;
    }

    .subtittle_compound_white {
        margin-top: 15px;
    }

    .headling_dark_blue_compound,
    .headling_blue_box_compound,
    .headling_compound_big,
    .headling_item_compound_big,
    .headling_compound_finish {
        font-size: 18px;
        line-height: 27px;
    }

    .flex_dark_blue_compound {
        margin-top: 5px;
    }

    .headling_blue_box_compound {
        margin-bottom: 10px;
    }

    .subtittle_compound_big {
        margin-top: 10px;
    }

    .description_item_compound_big {
        margin-top: 10px;
    }

    .numer_finish_compound {
        font-size: 28px;
        line-height: 36px;
    }

    .flex_finish_compound {
        margin-top: 15px;
    }

    .text_finish_compound {
        font-size: 16px;
        line-height: 24px;
    }

    .application_button {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .item_icon_finish_compound {
        width: 120px;
        height: 67.5px;
    }

    .right_flex_finish_compound {
        max-width: 240px;
    }

    .description_blue_planning {
        margin-top: 20px;
    }

    .tittle_anim_item_planning {
        font-size: 16px;
        line-height: 24px;
        width: 220px;
        margin-right: 10px;
    }

    .planning_description_blue_block p {
        margin-top: 10px;
    }

    .headling_blue_box_planning,
    .planning_dark_blue_block,
    .white_planning_headling,
    .planning_headling_blue_block,
    .text_about_dark_box span,
    .white_planning_headling_center {
        font-size: 28px;
        line-height: 36px;
    }

    .number_3d {
        font-size: 40px;
        line-height: 52px;
        color: #18191f;
        font-style: normal;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .white_subtittle_planning {
        font-size: 20px;
        line-height: 30px;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .text_blue_planning span {
        font-size: 20px;
        line-height: 30px;
    }

    .text_blue_planning p,
    .text_about_dark_box p {
        margin-top: 15px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }

    .left_flex_item_necessary_white {
        margin-right: 20px;
    }

    .front,
    .back {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .number_3d {
        margin-bottom: 5px;
    }

    .head_block {
        background-image: url(../img/bg/bg_head_pro.png);
    }

    .necessary_dop_block {
        height: 240px;
        max-width: 400px;
        border: 1px solid red;
        width: 100%;
    }

    .left_flex_white_necessary {
        height: 190px;
    }

    .contayner_flex_necessary {
        margin-top: 15px;
    }

    .item_documentation {
        max-width: 400px;
        width: 100%;
        height: auto;
        padding: 10px;
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }

    .documentation_flex {
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 440px) {
    .head_block {
        background-image: url(../img/bg/bg_head_pro.png);
    }

    .headling_mobail_seven_block {
        font-size: 42px;
        line-height: 50px;
    }

    .text_animate_scroll {
        font-size: 30px;
        line-height: 36px;
    }

    .flex_seven_description {
        width: 100%;
    }

    .flex_seven_card {
        margin-top: 15px;
    }

    .headling_seven_block_item {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .item_card_seven p {
        font-size: 14px;
        line-height: 24px;
    }

    .eight_fescreption,
    .eight_text,
    .nine_descreption,
    .nine_text {
        width: 100%;
    }

    .descreption_ten,
    .text_ten_box span {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }

    .text_ten,
    .text_ten_box p {
        width: 100%;
        margin-top: 20px;
    }

    .headling_small {
        width: auto;
    }

    .headling_box::after {
        height: 168px;
    }

    .icon_ten_one {
        width: 50px;
        height: 33px;
        background-size: cover;
    }

    .icon_ten_two {
        width: 51px;
        height: 9px;
    }

    .input_text {
        width: 100%;
    }

    .img_box_ten {
        height: 150px;
    }

    .headling_ten {
        margin-top: 50px;
    }

    .seven_block {
        padding-bottom: 0px;
    }

    .headling_five_box {
        margin-bottom: 200px;
    }

    .five_block {
        background-position: 50% 55%;
    }

    .icon_item_solution svg {
        width: 21px;
        height: 24px;
    }

    .left_flex_white_planning {
        margin-left: 0px;
        margin-right: inherit;
        width: auto;
    }

    .tittle_anim_item_planning {
        width: auto;
        text-align: left;
    }

    .flex_item_anim_number_planning {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 395px) {
    .headling_box::after {
        height: 188px;
    }

    .img_article {
        height: 200px;
    }

    .headling_top_contact {
        margin-bottom: 20px;
    }

    .box_video_about {
        height: 240px;
    }

    .headling_competence {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .item_flex_blue_block_planning p {
        height: auto;
        font-size: 16px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 365px) {
    .headling_box::after {
        height: 142px;
    }

    .headling_box {
        width: 89%;
    }

    .box_video_about {
        height: 220px;
    }
}

@media only screen and (max-width: 340px) {
    .headling_box::after {
        height: 142px;
    }

    .headling_box {
        width: 90%;
        box-sizing: border-box;
    }

    .box_video_about {
        height: 200px;
    }
}



#valid{
    text-align: center;
    color: #FFB200;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.thanks-letters-wrap {
	justify-content: center;
	margin-top: 60px;
}
.thanks-letters-container {
	margin-bottom: 45px;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
}
.thanks-letters-photo {
	flex: 1;
	min-width: 200px;
	max-width: 400px;
}
.thanks-letters-photo img {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.thanks-letters-content {
	flex: 2;
	padding-left: 20px;
	min-width: 300px;
}
.thanks-letters-content .thanks-letters-title {
	margin-top: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	color: #000000;
}
.thanks-letters-content .thanks-letters-about {
	margin: 15px 0px 30px 0px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
}
.thanks-letters-content button {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border: none;
	background-color: #ffb200;
	color: #000;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.thanks-letters-container {
		flex-direction: column;
		text-align: center;
		align-items: flex-start; 				
	}
	.thanks-letters-content {
		padding-left: 0;
	}
	.thanks-letters-content .thanks-letters-title {
		margin-top: 20px;
	}
}