.menu {
    display: none;
    opacity: 0;
    transition: .3s ease;
}

.header_action .menu_opne {
    display: none;
}

@media(max-width: 768px) {
    .header_action .menu_opne {
        display: flex;;
    }
    .header_col nav {
        display: none;
    }
    .header_action a {
        display: none;
    }
    .header_action button {
        padding: 10px 7px;
        height: auto;

        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 8px;
        leading-trim: NONE;
        line-height: 9.8px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .header_action button img {
        display: flex;
    }
    .header_action button:last-child {
        all: unset;
    }
    header {
        height: 46px;
    }
    .header_action {
        gap: 20px;
    }
    .header_logo img {
        height: 14px;
    }
    .intro {
        padding-top: 46px;
    }
    .intro_subsidiary_company img {
        height: 17px;
    }
    .intro_subsidiary_company span {
        max-width: 95px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 10px;
        leading-trim: NONE;
        line-height: 80%;
        letter-spacing: 0%;
        vertical-align: middle;
        text-align: left;
        margin-top: 7px;
    }
    .intro_col p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        max-width: 217px;
        margin: 0 auto;
    }
    .intro_col h1 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        margin-top: 12px;
        margin-bottom: 28px;
    }
    .intro_col button {
        height: 44px;
        padding: 0 52px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 36.09px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .intro_col button img {
        width: 20px;
    }   
    .intro {
            background: url(../image/intro/background-mobile.png) center / cover no-repeat;
    }
    .intro .intro_review {
        transform: scale(0.530303);
        transform-origin: left bottom;
       bottom: 40px;
        left: 15px;
    }
    .intro .intro_license{
      transform: scale(0.662222);
      transform-origin: right bottom;
       bottom: 40px;
        right: 15px;
    }
    .services_offered_col {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }
    .services_offered_block {
        padding: 12px 33px;
    }
    .services_offered_block h3 {
        margin-left: 0;
        margin-bottom: 26px;
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 23px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .services_offered_block a {
        padding: 6.5px;
    }
    .services_title {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 24px;
    }
    .services_offered {
        padding-bottom: 50px;
    }
    .services_col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
    .services_block {
        height: 245px;
    }
    .services_block_action a {
        width: -webkit-fill-available;
    }
    .why_choose_us_text {
        margin-top: 50px;
        margin-bottom: 24px;
        flex-direction: column;
    }
    .why_choose_us_text h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 275px;
    }
    .why_choose_us_subtitle {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 108%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin-top: 15px; 
        max-width: 329px;
    }   
    .container {
        padding: 0 15px;
    }
    .why_choose_us_col {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }
    .why_choose_us_content {
        gap: 12px;
        display: flex;
        flex-wrap: nowrap;
        flex: 1;
        flex-direction: column;
    }
    .why_choose_us_block.full {
        padding: 16px 8px;
        min-height: 121px;
    }
    .why_choose_us_block.half {
        min-height: 121px;
    }
    .why_choose_us_block h3 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
    }
    .why_choose_us_block p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
    }
    .why_choose_us_block.half {
        flex: 1;
    }
    .why_choose_us_content_picture {
        height: 264px;
    }
    h3.why_choose_us_content_picture {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        padding: 9px;
    }
    .why_choose_us_content_picture p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
        padding: 9px;
        max-width: 311px;
    }
    .why_choose_us_content button {
        height: 48px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 22px;
        letter-spacing: -1%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .why_choose_us_content button img {
        height: 18px;
    }
    .overview_col {
        display: flex;
        gap: 45px;
        flex-direction: column;
    }
    .overview {
        margin-top: 52px;
    }
    .overview_content h2 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin-bottom: 10px
    }
    .overview_content button {
        margin-top: 5px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
    }
    .overview_content p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
    }
    .reviews_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .reviews_title_link {
        display: none;
    }
    .reviews_title {
        margin-bottom: 16px;
    }
    .review_statistic {
        position: relative;
        align-items: center;
    }
    .review_statistic img {
        width: 10.5px;
    }
    .review_statistic span {
        margin-left: 9px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
    }
    .review_statistic span:last-child {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 9px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin-left: 9px;
    }
    .review_col {
        margin-top: 37px;
    }
    .review_content {
        min-height: 190px;
        width: 350px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .review_author img {
        width: 50px;
        height: 50px;
    }
    .review_content::after {
        border-width: 0 0 20px 43px;
        bottom: -20px;
    }
    .review_info {
        margin-left: 29px;
        margin-top: 10px;
        justify-content: space-between;
    }
    .review_author {
        gap: 25px;
    }
    .review_author_name div {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13.6px;
        leading-trim: NONE;
        line-height: 20.4px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
    }
    .review_author_name span {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 9.07px;
        leading-trim: NONE;
        line-height: 20.4px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
    }
    .review_logo img {
        width: 21px;
    }
    .review_stars img {
        height: 13px;
    }
    .review_contollers button {
        width: 5.2px;
        height: 5.2px;
    }
    .review_contollers {
        gap: 6px;
        position: absolute;
        right: 0;
    }
    .reviews_title_link_view_all_reviews {
        text-align: center;
        margin: 0 auto;
        display: flex;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
        color: #B61919;
        align-items: center;
        justify-content: center;
    }
    .steps_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 275px;
    }   
    .steps_title a {
        display: none;
    }
    .step_num img {
        display: none;
    }
    .step_num.arrow img {
        display: none;
    }
    .steps_grid {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 47px;
        position: relative;
    }
    .steps_grid::before {
        content: '';
        height: 100%;
        width: 2px;
        background: linear-gradient(0deg, #470909 13.2%, #B61919 71.62%, #F5F7F3 100%);
        position: absolute;
        left: 19px;
    }
    .step_num {
        width: 40px;
        height: 40px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 110.00000000000001%;
        letter-spacing: -2%;
        text-align: center;
        position: absolute;
    }
    .step {
        position: relative;
    }   
    .step h3 {
        margin-left: 50px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin-top: 11px;
        margin-bottom: 12px;
    }
    .step p {
        margin-left: 50px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
    }
    .faq_title {
        margin-top: 50px;
    }
    .faq_title h3 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 9px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin-bottom: 12px;
    }
    .faq_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 250px;
        margin-bottom: 25px;
    }
    .faq_col {
        padding: 0;
    }
    .faq_block_l h3 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 107%;
        letter-spacing: -2%;
        vertical-align: middle;
        padding-right: 30px;
    }
    .faq_block {
        padding: 15px;
    }
    .faq_block svg {
        min-width: 12px;
        min-height: 5px;
    }
    .faq_block p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
        padding-top: 12px;
    }
    .faq_block.active p {
        padding-top: 12px;
    }
    .form_col {
        display: flex;
        gap: 25px;
        flex-direction: column-reverse;
    }
    .form {
        padding: 37px 15px 15px 15px;
    }
    .form_title {
        padding-top: 6px;
        padding-left: 12px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .form_title::before {
        width: 6px;
        height: 6px;
        left: 0;
        top: 0;
    }
    .form_content input {
        padding: 11.5px 9.8px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 11.7px;
        letter-spacing: -2%;

    }
    .form_content {
        gap: 13px;
    }
    .form_content button {
        margin-top: 15px;
        height: 34px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 10.86px;
        leading-trim: NONE;
        line-height: 12.06px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        gap: 6px;
    }
    .form_content button img {
        width: 20px;
    }
    .form_block.photo {
        min-height: 486px;
    }
    .form_why_choose_us {
        position: absolute;
        z-index: 5;
        left: 7px;
        bottom: 8px;
        background: #2F2F2F4D;
        backdrop-filter: blur(39px);
        -webkit-backdrop-filter: blur(39px);
        padding: 20px;
        padding-bottom: 15px;
        width: calc(100% - 14px);
    }
    .form_why_choose_us h2 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 107%;
        letter-spacing: -2%;
        vertical-align: middle;
        padding-left: 2px;
        max-width: 196px;
        margin-bottom: 8px;
    }
    .form_why_choose_us div {
        margin-top: 8px;
    }
    .form_block.photo h2.form_block_photo_title {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 107%;
        letter-spacing: -2%;
        vertical-align: middle;
         font-size: 0;
        margin: 14px;
        margin-bottom: 20px;
    }
    .form_block.photo h2.form_block_photo_title::before {
        content: "What can I flush down my toilet?";
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 107%;
        letter-spacing: -2%;
        vertical-align: middle;
        max-width: 149px;
        display: block;

    }
    .form_block.photo p {
        margin-bottom: 5px;
        margin-top: 0;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 12.1px;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .solutions_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .solutions {
        margin-top: 50px;
    }
    .solutions_title {
        margin-bottom: 50px;
    }
    .solutions_block {
        width: 316px;
        height: 214px;
        position: relative;
        box-shadow: 0px -2.27px 30px 0px #00000026;
        background: #FFFFFF;
        padding:  22px 19px;
    }
    .solutions_icon {
        margin: 0;
        width: 80px;

    }
    .solutions_block a {
        position: absolute;
        left: 19px;
        bottom: 20px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;

    }
    .solutions_block h3 {
        margin-bottom: 20px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }

    .recent_projects {
        margin-top: 50px;
    }
    .recent_projects_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        margin-bottom: 47px;
        text-align: left;
    }
    .recent_projects_col {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    .recent_projects_block {
        min-height: 252px;
    }
    .recent_projects_col p {    
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .recent_projects_col a {    
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
        margin-top: 5px;
    }


    .location {
        margin-top: 50px;
    }

    .location_title h2 {
        margin-left: 15px;
        margin-bottom: 25px;
        max-width: 260px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 17px;
        leading-trim: NONE;
        line-height: 107%;
        letter-spacing: -.98px;
        vertical-align: middle;

    }
    .location_map img.location_map_background {
        height: 423px;
    }
    .location_map_directions {
        height: 100%;
        padding: 15px 38px 15px 46px;
        background: #0B0B0B4D;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        gap: 40px;
/*        width: calc(100% - 38px);*/
        width: 100%;
    }
    .location_map {
        height: inherit;
        display: flex;
        flex-direction: column;
    }

    .location_map_review {
        left: 15px;
        top: 317px;
        flex-direction: row;
        gap: 9px;
        align-items: flex-start;
    }
    .location .intro_review {
      transform: scale(0.5437);
      transform-origin: left top;
    }
    .location .intro_review:last-child {
        margin-left: -125px;
    }
    .footer_col_top {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    .footer_col_top_c {
        display: flex;
        justify-content: space-between;
        gap: 100px;
        flex-direction: column;
        align-items: center;
    }
    .footer_col_top_c_content h3 {
        display: none;
    }
    .footer_col_top_c_content nav a {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: -2%;
        vertical-align: middle;
        color: #fff;
        text-align: center;
    }
    .footer_col_top_c_content nav {
        margin-top: 55px;
    }
    .footer_col_top_r {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        gap: 24px;
    }
    .footer_col_top_r_btn {
        margin-bottom: 0;
    }
    .footer_col_top_r_btn img {
        width: 20px;
    }
    .span_footer_bottom {
        text-align: center;
    }
    .footer_bottom {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-top: 61px;
        flex-direction: row-reverse;
    }
    .footer_bottom a img {
        height: 27px;
    }
    .menu {
/*        display: flex;*/
/*        opacity: 1;*/
        z-index: 100;
        background: #fff;
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        align-items: center;
        justify-content: center;
    }
    .menu_close {
        position: absolute;
        top: 22px;
        right: 17px;
        display: flex;
    }
    .menu_bottom {
        display: flex;
        gap: 23px;
        flex-direction: column;
        position: absolute;
        bottom: 25px;
        margin: 0 15px;
        width: -webkit-fill-available;
    }
    .menu_a_btn {
        padding: 13px;
        background: #B61919;
        color: #fff;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 22px;
        letter-spacing: -1%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        text-align: center;
    }
    .menu_bottom a {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
    }
    .menu_main_a {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .menu_drop .menu_drop_text {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .menu_main {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 25px;
    }
    .menu_drop .menu_drop_text {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
    }
        .menu_drop_col{
          display:flex;
          flex-direction:column;
          gap:12px;
          justify-content:center;
          align-items:center;

          max-height:0;
          overflow:hidden;
          margin-top:0;

          opacity:0;
          transform:translateY(-6px);

          transition:max-height .6s ease, margin-top .6s ease, opacity .25s ease, transform .25s ease;
          will-change:max-height, opacity, transform;
        }

        .menu_drop.active .menu_drop_col{
          margin-top:17px;
          max-height:500px;
          opacity:1;
          transform:translateY(0);
        }

    .menu_drop_col a {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .intro[data-page="team"] {
        position: relative;
        background: url(../image/intro/background-team-mobile.png) center / cover no-repeat;
    }
    main[data-page="team"] .intro_col p {
        display: none;
    }
    main[data-page="team"] .intro_col h1 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 38px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }
    .team_block img {
        min-width: 325px;
        height: 325px;
    }
    .team_block {
        min-width: 325px;
    }
    .team_block h2 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        margin: 15px 0px;
    }
    .team_block p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
    }
    main[data-page="team"] .team_about {
        margin-top: 70px;
    }
    .team_about_col {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }
    .team_about_content h2 {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .team_about_content p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
    }
    .team_about_content {
        gap: 15px;
    }
    .form[data-page="team"] {
        padding: 37px 0px;
    }
   .form[data-variation="2"] .form_col {
        display: flex;
        gap: 20px;
        align-items: stretch;
        flex-direction: column-reverse;
        align-content: space-between;

    }
    .form[data-variation="2"] h2.form_title {
        max-width: 330px;
        padding-left: 10px;
        padding-top: 10px;
    }
     .form[data-variation="2"] h2.form_title::before { 
        display: flex;
        width: 6px;
        height: 6px;

    }
     .form[data-variation="2"] h2.form_title br { 
         display: none;
    }   
    .form_contancts span {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 16.59px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        margin: 0 auto;
    }
   .form_contancts {
        display: flex;
        flex-direction: column;
        gap: 3px;
        align-items: center;
        margin: 0 auto;
    }  
    .form_contancts_col img {
        width: 22px;
        height: 22px;
        border-radius: 5.12px;
    }
    .form_contancts_col {
        gap: 9px;
    }
    .form_contancts_col div {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 10px;
        leading-trim: NONE;
        line-height: 15.2px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
    }
    .intro[data-page="review"] .intro_col {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center;
        height: 100%;
        position: relative;
        top: -20px;
        margin-top: 0;
        gap: 15px;
    }
    main[data-page="review"] .reviews {
        margin-top: 50px;
    }
    .work_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 275px;
    }
    .work_title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 25px;
        flex-direction: column;
        gap: 15px;
    }
    .work_col {
        margin-top: 0;
        gap: 10px;
    }
    .work_title_link a {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
        color: #B61919;
    }
    .work_block {
        min-width: 330px;
        height: 330px;
    } 
    .work_action {
        margin-top: 20px;
    }
    .work_action a:first-child {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        gap: 5px;
        padding: 10px 34px;
    }
    .work_action a:first-child img {
        width: 14px;
        height: 14px;
    }
    .work {
        margin-top: 50px;
    }
/*
    .intro[data-page="services"] {
        background: url(../image/intro/background-services-1.png) center / cover no-repeat;
    }
*/
    .about_services_title a {
        display: none;
    }
    .about_services_title h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 256px;
    }
    .about_services {
        margin-top: 50px;
    }
    .about_services_col {
        margin-top: 23px;
        display: flex;
        gap: 15px;
        flex-direction: column-reverse;
    }
    .about_services_l img {
        position: relative;
        height: 201px;
        object-fit: cover;
    }
    .about_services_r a {
        padding: 10px 12px;
    }
    .about_services_r a .about_services_num {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
        max-width: 236px;

    }
    .about_services_arrow {
        width: 33px;
        height: 33px;
    }
    .about_services_arrow img {
        width: 11px;
    }
    .about_services_l {
        /* height: 100%; */
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        align-content: space-around;
    }
    .about_services_l a {
        margin-top: 9px;
        padding: 14px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: -3%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        border: 2px solid #B61919;
        color: #B61919;
        width: -webkit-fill-available;
    }
    .promo_hero_col {
        display: flex;
        gap: 12px;
        padding-bottom: 35px;
        flex-direction: column;
    }
    .promo_hero_l h2 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .promo_hero_r {
        gap: 12px;
    }
    .promo_hero_r h3 {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .work_action a:last-child {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 13px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: -3%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        color: #B61919;
        padding: 8px 37px;
    }
    main[data-page="services"] .work_action a:first-child {
        width: -webkit-fill-available;
        padding: 10px 0px;
    }
    main[data-page="services"] .work_action {
        gap: 5px;
    }
    .form[data-variation="2"] {
        padding: 37px 15px 15px 15px;
    }
    .intro_contacts {
        height: 100vh;
        display: flex;
        z-index: 1;
        overflow: hidden;
        background: url(../image/intro/background-contact-us.png) center / cover no-repeat;
    }
    .intro_contacts_col {
        all: unset;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        /* margin-bottom: 20px; */
        height: 100%;
        position: relative;
        top: -20px;
        margin-top: 0;
    }
    .intro_contacts_col h1 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 38px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        width: fit-content;
        margin: 0 auto;
        padding-left: 5px;
    }
    .form[data-page="contact-us"] {
        background-color: inherit;
    }
    .form[data-page="contact-us"] h2.form_title {
        display: none;
    }
    .form[data-page="contact-us"] .form_contact_us_title_right {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        max-width: 297px;
        padding-left: 10px;
        padding-top: 10px;
        position: relative;
    }
    .form[data-page="contact-us"] .form_contact_us_title_right::before {
        display: flex;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #B61919;
        content: "";
        position: absolute;
        left: 0;
    }
    .form[data-page="contact-us"] .form_contancts span {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 18.65px;
        letter-spacing: -2%;
        text-align: left;
        vertical-align: middle;
        margin: 0;
        margin-bottom: 9px;
    }
    .form[data-page="contact-us"]  .form_contancts {
        display: flex;
        flex-direction: column;
        gap: 3px;
        align-items: flex-start;
        margin: 0;
        align-content: flex-start;
    }
    .form_grid_left {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 10.88px;
        leading-trim: NONE;
        line-height: 9.4px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
    }
    .form_grid_right {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 10px;
        leading-trim: NONE;
        line-height: 15.54px;
        letter-spacing: 2%;
        vertical-align: middle;
        gap: 7px;
    }
    .fade-block {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;

    }
    .js-text {
        gap: 12px;
    }
    .split_col {
        display: flex;
        gap: 38px;
        flex-direction: column;
    }
    .split_left h2 {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 21px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -3%;
        vertical-align: middle;
    }
    .split_left p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: -1%;

    }
    .split_left button {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
        padding-top: 15px;
    }
    .split_section.right .split_col {
                display: flex;
        gap: 38px;
        flex-direction: column;
    }
    .split_section {
        margin-top: 50px;
    }
    main[data-page="location"] .intro_col h1 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 23px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .form[data-page="contact-us"] .container {
        padding: 0;
    }

    .modal .form_col {
        display: flex;
        gap: 25px;
        flex-direction: column-reverse;
    }
    .modal .form_title {
        padding-top: 6px;
        padding-left: 12px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;
        padding-left: 0;
        padding-top: 0;
        max-width: inherit;
        margin-bottom: 30px;
        padding-right: 30px;
    }
    .modal .form_block {
        overflow: inherit;
    }
    .modal {
        height: auto;
    }
    .modal_close img {
        width: 15p;
        height: 15px;
    }
    .modal .modal_close {
        right: 10px;
        top: 10px;
    }
    .modal .form_content {
        max-width: inherit;
    }
    .modal .form_content input {
        padding: 11.5px 9.8px;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 11.7px;
        letter-spacing: -2%;
    }
    .modal .form_content {
        gap: 13px;
    }
    .modal .form_content button {
        margin-top: 15px;
        height: 34px;
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 10.86px;
        leading-trim: NONE;
        line-height: 12.06px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        gap: 6px;
    }
    .form_flex div:first-child, .form_flex a:last-child {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 11px;
        leading-trim: NONE;
        line-height: 24px;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;

    }
    .form_flex div img {
        width: 10px;
    }
   .modal .form_block img.form_block_img {
        width: 100%;
        height: 25vh;
        object-fit: cover;
        position: absolute;
    }
    .blog_contaier {
        grid-template-columns: repeat(1, 1fr);
    }
    .blog_intro {
        padding-top: 86px;
    }
    .blog_col h1 {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 38px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .blog_col p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        max-width: 270px;
        margin-bottom: 14px;
    }
    .blog_nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 18px;
        border-top: 1px solid #9C9C9C;
        margin-bottom: 54px;
        flex-direction: column;
        align-content: center;
        gap: 13px;
        margin-bottom: 28px;
    }
    .blog_nav_left {
        padding-left: 0;
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .blog_nav_right button {
        padding: 2px 11.5px;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        text-align: center;
        vertical-align: middle;

    }
    .blog_nav_right {
        gap: 9px;
    }

    .blog_article .blog_article_img {
        height: 180px;
    }
    .blog_article h2 {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 130%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .blog_article h2 img {
        height: 7px;
    }
    .blog_article_text {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;
        padding-right: 70px;

    }
    .blog_article_catalog {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 10.66px;
        leading-trim: NONE;
        line-height: 15.23px;
        letter-spacing: 0%;
        text-align: center;
        padding: 1.5px 8px;
    }
    h1.article_title {
        font-family: Satoshi;
        font-weight: 900;
        font-style: Black;
        font-size: 38px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -5%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .article_col p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;

    }
    .article_intro {
        height: 100vh;
    }
    .article_content p {
        font-family: Satoshi;
        font-weight: 500;
        font-style: Medium;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: -2%;
        vertical-align: middle;

    }
    .article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 {
        font-family: Satoshi;
        font-weight: 700;
        font-style: Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 87%;
        letter-spacing: -2%;
        vertical-align: middle;
        text-transform: uppercase;

    }
    .intro[data-page="404"] .intro_col h1 {
        font-size: 110px;
    }

    .phone_fixed{
      position: fixed;
      bottom: 30px;
      right: 20px;
      border-radius: 7.41px;
      z-index: 100;
      width: 40px;
      height: 40px;
      box-shadow: 0 0 0 0 rgba(255, 0, 0, .35);
      animation: phonePulse 1.6s ease-out infinite;
    }
    .phone_fixed img {
        width: 100%;
    }












































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































}