@media print,
(max-width: 1279px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --custom_scroll_width: 5px;
        --custom_scroll_height: 5px;
        --font_size: 15px;
        --font_size_title: 48px;
        --font_size_title_middle: 40px;
        --font_size_title_small: 28px;
        --block_offset_small: 33px;
        --block_offset: 66px;
        --block_head_offset_small: 18px;
        --block_head_offset: 33px;
        --border_radius: 25px;
        --border_radius_small: 20px;
        --border_radius_big: 30px;
    }



    /*--------------
        Fancybox
    --------------*/
    .fancybox__content > .f-button.is-close-btn,
    .is-compact .fancybox__content > .f-button.is-close-btn
    {
        top: var(--cont_padding);
        right: var(--cont_padding);

        --f-button-width: var(--cont_padding);
        --f-button-height: var(--cont_padding);
    }



    /*----------------
        Pagination
    ----------------*/
    .pagination
    {
        margin-top: var(--cont_padding_double);

        gap: 8px;
    }


    .pagination a,
    .pagination .sep
    {
        width: 48px;
        height: 48px;
    }



    /*------------
        Header
    ------------*/
    header .menu
    {
        display: none;
    }


    header .mob_menu_btn
    {
        display: flex;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head.with_slider .title.middle
    {
        width: 484px;
    }


    .block_head .title.small
    {
        line-height: calc(100% + 10px);
    }



    /*------------------
        Form elements
    ------------------*/
    .form .submit_btn
    {
        height: 54px;
    }


    .form .agree
    {
        margin-top: var(--cont_padding_half);
        padding-inline: var(--cont_padding_half);
    }



    /*----------------
        Typography
    ----------------*/
    .text_block
    {
        font-size: 16px;
        line-height: calc(100% + 11px);
    }



    /*-------------------
        First section
    -------------------*/
    .first_section
    {
        padding-block: 116px 100px;
    }


    .first_section .bg
    {
        top: 0;

        width: 1340px;
        margin-left: -852px;
    }


    .first_section .bg2
    {
        right: 0;

        width: 35%;
        margin-right: 0;
    }


    .first_section .image
    {
        width: 432px;
        margin-right: -340px;
    }


    .first_section .image .items
    {
        top: 48px;
        right: -140px;

        width: 260px;

        gap: 8px;
    }


    .first_section .image .items > *
    {
        padding-block: var(--cont_padding_half);
        padding-inline: 20px;

        font-size: 16px;

        border-radius: var(--border_radius);
    }


    .first_section .image .info
    {
        top: 324px;
        right: -148px;

        width: 270px;
        padding-block: 16px;
        padding-inline: 104px 16px;

        border-radius: var(--border_radius);
    }


    .first_section .data .circle1,
    .first_section .data .circle2,
    .first_section .data .circle3
    {
        transform: scale(.7);
    }


    .first_section .data .quote
    {
        width: 288px;
        margin-bottom: var(--cont_padding);
        padding-block: 10px var(--cont_padding_half);
        padding-inline: var(--cont_padding);

        font-size: 20px;

        border-radius: var(--border_radius);

        gap: var(--cont_padding_half);
    }


    .first_section .data .title
    {
        width: 440px;
    }


    .first_section .data .desc
    {
        width: 352px;
        margin-top: 20px;
    }


    .first_section .action
    {
        margin-top: 40px;
        margin-left: 0;
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_big);
    }


    .first_section .action > div
    {
        width: 220px;
        margin-right: 0;
        margin-bottom: 0;
    }


    .first_section .action .btn
    {
        height: 54px;
        padding-inline: var(--cont_padding) 15px;
    }



    /*-----------------
        Why it work
    -----------------*/
    .why_it_work
    {
        padding-block: var(--block_offset) calc(var(--block_offset) * 2);

        border-radius: var(--border_radius_big) var(--border_radius_big) 0 0;
    }


    .why_it_work .block_head .free
    {
        top: 48px;
        right: -116px;

        width: 288px;

        font-size: 40px;
    }


    .why_it_work .block_head .desc
    {
        width: 324px;
        margin-top: var(--cont_padding);
    }


    .why_it_work .info
    {
        width: 480px;
        margin-top: var(--cont_padding);
        padding-block: var(--cont_padding);
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_small);

        gap: 20px;
    }



    /*-----------------------
        We not do repairs
    -----------------------*/
    .we_not_do_repairs
    {
        padding-bottom: var(--cont_padding);
    }


    .we_not_do_repairs .head
    {
        margin-top: calc(var(--block_offset) * -1);
        padding-block: var(--cont_padding_double);
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_big);
    }


    .we_not_do_repairs .head .data
    {
        width: 608px;

        gap: var(--cont_padding_half);
    }


    .we_not_do_repairs .head .title
    {
        font-size: 22px;
    }


    .we_not_do_repairs .images
    {
        margin-top: var(--cont_padding_double);
    }



    /*--------------
        For whom
    --------------*/
    .for_whom
    {
        padding-bottom: var(--cont_padding_double);
    }


    .for_whom .block_head
    {
        padding-left: var(--cont_padding_double);

        gap: var(--cont_padding_double);
    }


    .for_whom .block_head .title
    {
        width: 380px;
    }


    .for_whom .block_head .desc
    {
        width: 348px;
        margin-bottom: 4px;
        margin-left: 0;

        line-height: calc(100% + 8px);
    }


    .for_whom .data
    {
        width: 664px;
        min-height: 384px;
        margin-left: 0;
    }


    .for_whom .info
    {
        gap: var(--cont_padding);
    }


    .for_whom .info .item .thumb + *
    {
        width: calc(100% - 100px);
    }


    .for_whom .info .item .title
    {
        font-size: 24px;
    }


    .for_whom .condition
    {
        right: -84px;

        width: 260px;
        padding: var(--cont_padding);
    }


    .for_whom .condition .title
    {
        font-size: 24px;
    }


    .for_whom .condition .bg
    {
        width: 188px;
    }


    .for_whom .image
    {
        bottom: -178px;

        width: 577px;
        margin-right: -649px;
    }



    /*--------------------
        Always problem
    --------------------*/
    .always_problem
    {
        padding-bottom: var(--cont_padding);
    }


    .always_problem .data
    {
        width: 100%;
        padding-block: var(--block_offset);
        padding-inline: 0;

        border-radius: var(--border_radius_big);
    }


    .always_problem .data .title
    {
        width: 648px;
    }


    .always_problem .data .problem
    {
        width: 560px;
    }


    .always_problem .data .true
    {
        width: 524px;
        margin-top: var(--cont_padding_half);
        padding: var(--cont_padding);
    }


    .always_problem .data .true .text
    {
        line-height: calc(100% + 10px);
    }



    .always_problem .compare .item
    {
        padding-block: 40px;
    }


    .always_problem .compare .without_us
    {
        padding-inline: 244px 108px;

        border-radius: var(--border_radius_big) 0 0 var(--border_radius_big);
    }


    .always_problem .compare .without_us .image
    {
        width: 292px;
    }


    .always_problem .compare .with_us
    {
        padding-inline: 124px 204px;

        border-radius: 0 var(--border_radius_big) var(--border_radius_big) 0;
    }


    .always_problem .compare .title
    {
        font-size: 28px;
    }



    /*----------------
        What we do
    ----------------*/
    .what_we_do
    {
        margin-bottom: var(--block_offset);
        padding-top: var(--block_offset);

        border-radius: var(--border_radius_big) var(--border_radius_big) 0 0;
    }


    .what_we_do .block_head
    {
        padding: 0;

        gap: var(--cont_padding_double);
    }


    .what_we_do .block_head .desc
    {
        width: 200px;
        margin-bottom: 4px;
    }


    .what_we_do .list
    {
        width: 600px;
        margin-bottom: calc(var(--block_offset) * -1);
    }


    .what_we_do .item
    {
        padding-block: var(--cont_padding);
        padding-inline: var(--cont_padding) 180px;
    }


    .what_we_do .item:nth-child(2n)
    {
        padding-inline: 240px var(--cont_padding);
    }


    .what_we_do .item .number,
    .what_we_do .item .name
    {
        font-size: 24px;
    }


    .what_we_do .item .desc
    {
        font-size: var(--font_size);
    }


    .what_we_do .item .link
    {
        margin-top: 0;
    }


    .what_we_do .item .link a
    {
        font-size: var(--font_size);
    }


    .what_we_do .item .image1
    {
        right: 0;

        width: 268px;
    }


    .what_we_do .item .image2
    {
        width: 248px;
    }


    .what_we_do .item .image3
    {
        right: var(--cont_padding);

        width: 220px;
    }


    .what_we_do .item .image4
    {
        left: var(--cont_padding);

        width: 264px;
    }



    /*------------------
        How it works
    ------------------*/
    .how_it_works
    {
        padding-bottom: 240px;
    }


    .how_it_works .block_head
    {
        width: 476px;
        padding-bottom: 0;
    }


    .how_it_works .steps
    {
        width: 476px;

        gap: var(--cont_padding);
    }


    .how_it_works .scale
    {
        display: none;
    }


    .how_it_works .bg
    {
        width: 800px;
        margin-right: -640px;
    }


    .how_it_works .image
    {
        width: 348px;
        margin-right: -430px;
    }



    /*--------------
        Why free
    --------------*/
    .why_free
    {
        margin-bottom: 100px;
        padding-top: 100px;
    }


    .why_free .block_head
    {
        margin-bottom: var(--cont_padding);
    }


    .why_free .info
    {
        width: 430px;
        margin-top: -200px;
    }


    .why_free .message
    {
        width: 348px;
        padding-inline: var(--cont_padding);

        font-size: var(--font_size);

        border-radius: var(--border_radius_small);
    }


    .why_free .info .desc
    {
        margin-top: var(--cont_padding);

        line-height: calc(100% + 10px);
    }


    .why_free .info .we
    {
        margin-top: var(--cont_padding);
    }


    .why_free .data
    {
        width: 50%;
        margin-bottom: -80px;
        padding-block: var(--cont_padding_double) calc(var(--cont_padding_double) * 2);
        padding-inline: var(--cont_padding_double);

        border-radius: var(--border_radius_big);
    }


    .why_free .data:before
    {
        top: 40%;
    }


    .why_free .data .title
    {
        margin-bottom: 32px;

        font-size: 26px;
    }


    .why_free .data .items
    {
        gap: var(--cont_padding);
    }


    .why_free .bg
    {
        width: 640px;
        margin-left: -580px;
    }



    /*-----------------
        As a result
    -----------------*/
    .as_a_result .head
    {
        padding-bottom: 80px;

        gap: 20px;
    }


    .as_a_result .head .title
    {
        width: 480px;

        font-size: 32px;
        line-height: calc(100% + 11px);
    }


    .as_a_result .head .desc
    {
        width: 380px;

        font-size: var(--font_size);
        line-height: calc(100% + 10px);
    }


    .as_a_result .head .person
    {
        width: 392px;
        margin-left: -24px;
    }


    .as_a_result .head .person .quote
    {
        top: 10px;
        right: -80px;

        width: 240px;
        padding-inline: var(--cont_padding);

        font-size: 18px;

        border-radius: var(--border_radius_small);
    }



    .as_a_result .data
    {
        width: 100%;
        margin-inline: 0;
        padding-block: var(--block_offset);
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_big);
    }


    .as_a_result .data > *
    {
        width: 416px;
    }


    .as_a_result .data .sub_title
    {
        margin-top: var(--cont_padding);
        padding-block: var(--cont_padding_half) 14px;
        padding-inline: var(--cont_padding);

        font-size: 24px;
    }


    .as_a_result .data .desc
    {
        margin-top: var(--cont_padding);

        line-height: calc(100% + 10px);
    }


    .as_a_result .data .items
    {
        width: 360px;
        margin-top: var(--cont_padding);
    }


    .as_a_result .data .image
    {
        left: 64px;

        width: 410px;
    }



    /*------------
        Result
    ------------*/
    .result
    {
        padding-bottom: var(--cont_padding);
    }


    .result .grid
    {
        grid-template-columns: 320px 1fr;
        gap: var(--cont_padding);
    }


    .result .item1
    {
        min-height: 380px;
        padding: var(--cont_padding);
    }


    .result .item2
    {
        min-height: 160px;
        padding: var(--cont_padding_double);
    }


    .result .item3
    {
        min-height: 160px;
        padding-block: var(--cont_padding_double);
        padding-inline: var(--cont_padding_double);
    }


    .result .item .desc
    {
        font-size: 18px;
        line-height: calc(100% + 11px);
    }


    .result .item .desc small
    {
        width: 208px;
    }


    .result .item2 .image
    {
        right: var(--cont_padding_half);

        width: 348px;
    }


    .result .item3 .image
    {
        left: var(--cont_padding_half);

        width: 252px;
    }


    .result .item3 .image .quote
    {
        top: 64px;
        right: -34px;

        padding-block: 7px 8px;
    }



    /*-------------
        Reviews
    -------------*/
    .reviews_block
    {
        padding-block: var(--block_offset);
    }


    .reviews .block_head.with_slider .title.middle
    {
        width: 388px;
    }


    .reviews .block_head .desc
    {
        width: 288px;
        margin-bottom: 4px;
        margin-left: 40px;
        padding-block: 12px 13px;
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_small);
    }


    .reviews .swiper-controls
    {
        margin-bottom: calc(var(--block_head_offset) + 12px);
    }


    .reviews .video_review
    {
        border-radius: var(--border_radius_small);
    }


    .reviews .video_review .icon
    {
        width: 72px;
        height: 72px;
    }


    .reviews .video_review .icon svg
    {
        width: 22px;
        height: 28px;
    }



    /*------------------------
        Contacts info page
    ------------------------*/
    .contacts_info_page
    {
        padding-block: 100px var(--cont_padding_double);
    }


    .contacts_info .data
    {
        width: 400px;
    }


    .contacts_info .block_head
    {
        margin-bottom: 4px;
    }


    .contacts_info .contacts_btn
    {
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);

        gap: var(--cont_padding_half);
    }


    .contacts_info .person
    {
        right: var(--cont_padding_double);

        width: 500px;
        margin-right: 0;
    }


    .contacts_info .person .text
    {
        top: 100px;
        right: calc(var(--cont_padding_half) * -1);

        width: 200px;
        padding-block: 16px var(--cont_padding_half);

        font-size: 20px;
    }


    .contacts_info .bg
    {
        right: 0;

        width: calc(50% - 38px);
        margin-right: 0;
        margin-left: 38px;
    }



    /*--------------------
        Portfolio head
    --------------------*/
    .portfolio_head
    {
        padding-top: var(--cont_padding_double);
    }


    .portfolio_head .block_head
    {
        margin-bottom: 32px;
    }


    .portfolio_head .block_desc
    {
        width: 452px;
        margin-left: 0;
        padding-block: 18px 20px;
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius);
    }


    .portfolio_head .block_desc:before
    {
        left: var(--cont_padding_double);
    }


    .portfolio_head .categories
    {
        margin-inline: 0;
        margin-top: var(--cont_padding_double);

        gap: var(--cont_padding);
    }


    .portfolio_head .categories .btn
    {
        width: calc(50% - var(--cont_padding_half));
        padding: 32px 40px;
    }


    .portfolio_head .categories .name
    {
        width: 100%;

        font-size: 18px;
    }


    .portfolio_head .categories .icon
    {
        bottom: 32px;

        width: 48px;
        height: 48px;
    }


    .portfolio_head .categories .btn .thumb
    {
        top: -252px;

        width: calc(100% - 88px);
    }



    /*---------------
        Portfolio
    ---------------*/
    .portfolio .tabs
    {
        margin-bottom: var(--cont_padding);
    }


    .portfolio .tabs .btn
    {
        padding-block: 14px;

        font-size: 18px;
    }



    /*--------------
        Projects
    --------------*/
    .projects .swiper-controls
    {
        margin-bottom: calc(var(--block_head_offset) + 12px);
    }


    .projects .swiper-slide
    {
        width: 440px;
    }


    .projects .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .projects .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .projects .project .info
    {
        padding: var(--cont_padding);
    }


    .projects .project .name
    {
        width: 324px;

        font-size: 18px;
    }


    .projects .project .link
    {
        padding-inline: var(--cont_padding) 15px;

        gap: var(--cont_padding_half);
    }



    /*-----------
        Cases
    -----------*/
    .cases .block_head .desc
    {
        width: 296px;
        margin-bottom: 4px;
        margin-left: var(--cont_padding);
        padding-block: 12px 13px;
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_small);
    }


    .cases .swiper-controls
    {
        margin-bottom: calc(var(--block_head_offset) + 12px);
    }


    .cases .swiper-slide
    {
        width: 440px;
    }


    .cases .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .cases .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .cases .case
    {
        padding: var(--cont_padding);
    }


    .cases .case .info
    {
        width: calc(100% - 188px);
    }


    .cases .case .name
    {
        font-size: 18px;
    }


    .cases .case .link
    {
        width: 180px;
        padding-inline: var(--cont_padding) 15px;
    }


    .cases .case .thumb
    {
        width: 164px;
    }



    /*------------------
        Action block
    ------------------*/
    .action_block
    {
        padding-top: var(--block_offset);
    }


    .action_block .data
    {
        overflow: hidden;

        width: calc(100% - var(--cont_padding_double));
        min-height: 0;
        padding-block: var(--cont_padding_double);
        padding-inline: var(--cont_padding);
    }


    .action_block .title
    {
        width: 552px;
    }


    .action_block .desc
    {
        width: 372px;

        line-height: calc(100% + 10px);
    }


    .action_block .btns
    {
        margin-top: 4px;
    }


    .action_block .btns .btn
    {
        padding-inline: var(--cont_padding) 16px;

        border-radius: var(--border_radius_small);

        gap: 16px;
    }


    .action_block .messengers a
    {
        width: 68px;
        height: 68px;

        border-radius: var(--border_radius_small);
    }


    .action_block .image
    {
        right: var(--cont_padding_half);

        width: 504px;
        margin-right: 0;
    }


    .action_block .image2
    {
        right: var(--cont_padding_half);
        left: auto;

        width: 480px;
    }


    .action_block .image3
    {
        right: -120px;
    }


    .action_block .image3 .quote
    {
        width: 212px;
        padding-block: var(--cont_padding_half);
        padding-inline: var(--cont_padding);

        font-size: var(--font_size);

        border-radius: var(--border_radius_small);
    }



    /*------------------
        Project head
    ------------------*/
    .project_head
    {
        margin-bottom: var(--block_offset);
        padding-top: var(--cont_padding);
    }


    .project_head .data
    {
        padding: 60px 60px 0;

        border-radius: var(--border_radius_big);
    }


    .project_head .title
    {
        width: 480px;
    }


    .project_head .info
    {
        margin-top: var(--cont_padding_half);
    }


    .project_head .person
    {
        width: 680px;
        margin-top: var(--cont_padding_double);
    }


    .project_head .person .photo
    {
        width: 120px;
        height: 120px;
    }


    .project_head .person .text
    {
        width: calc(100% - 140px);
        margin-bottom: -32px;
        padding-inline: var(--cont_padding);

        line-height: calc(100% + 10px);

        border-radius: var(--border_radius_small);
    }



    /*------------------
        Project info
    ------------------*/
    .project_info .rooms .swiper
    {
        padding-inline: calc(var(--cont_padding) * 3);
    }


    .project_info .rooms .swiper:before,
    .project_info .rooms .swiper:after
    {
        right: calc(var(--cont_padding) * -1);

        width: calc(var(--offset) + 20px);

        border-radius: 0;
        background: linear-gradient(270deg, var(--bg) var(--offset), rgba(240, 240, 240, .00) 100%);

        --offset: calc(var(--cont_padding) * 3);
    }


    .project_info .rooms .swiper:before
    {
        left: calc(var(--cont_padding) * -1);
    }


    .project_info .room_gallery .title
    {
        width: 480px;

        font-size: 22px;
        line-height: calc(100% + 13px);
    }


    .project_info .room_gallery .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .project_info .room_gallery .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .project_info .room_gallery .image
    {
        border-radius: var(--border_radius);
    }



    /*---------------
        Case head
    ---------------*/
    .case_head
    {
        padding-top: var(--cont_padding);
    }


    .case_head .data
    {
        min-height: 0;
        padding: var(--cont_padding_double);

        border-radius: var(--border_radius_big);

        gap: var(--cont_padding);
    }


    .case_head .title
    {
        width: 524px;

        font-size: 32px;
        line-height: calc(100% + 13px);
    }


    .case_head .title span
    {
        line-height: calc(100% + 10px);
    }


    .case_head .location
    {
        font-size: var(--font_size);
    }


    .case_head .bg
    {
        height: 260px;
    }



    /*---------------
        Case info
    ---------------*/
    .case_info .gallery .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .case_info .gallery .row > *
    {
        width: calc(33.333% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }



    /*-----------------
        About head
    -----------------*/
    .about_head
    {
        padding-block: 100px var(--block_offset);
    }


    .about_head .data
    {
        width: 500px;

        gap: var(--cont_padding);
    }


    .about_head .sub_title
    {
        width: 380px;
        padding-block: 19px 21px;
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius);
    }


    .about_head .desc
    {
        width: 388px;
    }


    .about_head .desc2
    {
        width: 328px;
    }


    .about_head .btn
    {
        padding-inline: var(--cont_padding);

        border-radius: var(--border_radius_small);
    }


    .about_head .bg
    {
        /*margin-right: -640px;*/
        left: 25%;
    }



    /*---------------
        Service 1
    ---------------*/
    .service1
    {
        padding-block: var(--block_offset);
    }


    .service1 .head
    {
        gap: var(--cont_padding);
    }


    .service1 .head .title
    {
        width: 320px;
        margin-top: 0;

        font-size: 32px;
    }


    .service1 .head .desc
    {
        width: 224px;
        margin-bottom: 4px;
        margin-left: 0;
    }


    .service1 .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .service1 .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .service1 .row > *.big_w
    {
        width: calc(100% - var(--cont_padding));
    }


    .service1 .item
    {
        min-height: 380px;
        padding: var(--cont_padding);

        border-radius: var(--border_radius_big);
    }


    .service1 .btn
    {
        margin-top: var(--cont_padding);
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);
    }


    .service1 .image
    {
        top: 108px;

        width: 800px;
        margin-right: -670px;
    }



    /*---------------
        Service 2
    ---------------*/
    .service2
    {
        padding-block: var(--block_offset);
    }


    .service2 .head
    {
        width: 570px;
        margin-bottom: var(--cont_padding);

        gap: var(--cont_padding_half);
    }


    .service2 .head .number
    {
        margin-bottom: 4px;
    }


    .service2 .head .title
    {
        font-size: 32px;
    }


    .service2 .data
    {
        width: 570px;
    }


    .service2 .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .service2 .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .service2 .row > *.big_w
    {
        width: calc(100% - var(--cont_padding));
    }


    .service2 .item
    {
        padding: var(--cont_padding) var(--cont_padding) calc(var(--cont_padding) + 8px);
    }


    .service2 .item .thumb
    {
        right: -48px;
    }


    .service2 .item.mark
    {
        overflow: hidden;

        padding: var(--cont_padding);

        gap: var(--cont_padding);
    }


    .service2 .item .desc
    {
        width: 196px;
    }


    .service2 .btn
    {
        margin-top: var(--cont_padding);
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);
    }


    .service2 .bg2
    {
        width: 320px;
        margin-left: -560px;
    }



    /*----------------------
        Finished project
    ----------------------*/
    .finished_project .cont
    {
        gap: var(--cont_padding);
    }


    .finished_project .title
    {
        width: 348px;

        font-size: 32px;
        line-height: calc(100% + 10px);
    }


    .finished_project .info
    {
        width: 328px;
        margin-bottom: 0;

        gap: 16px;
    }


    .finished_project .btn
    {
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);
    }


    .finished_project .image
    {
        width: 440px;
        margin-right: -620px;
    }



    /*---------------
        Service 3
    ---------------*/
    .service3
    {
        padding-block: var(--block_offset);
    }


    .service3 .head
    {
        gap: var(--cont_padding);
    }


    .service3 .head .title
    {
        width: 276px;
        margin-top: 0;

        font-size: 32px;
    }


    .service3 .head .desc
    {
        width: 224px;
        margin-bottom: 4px;
        margin-left: 0;
    }


    .service3 .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .service3 .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .service3 .item
    {
        padding: var(--cont_padding);

        border-radius: var(--border_radius_big);
    }


    .service3 .btn
    {
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);
    }


    .service3 .image
    {
        top: 132px;

        width: 480px;
        margin-right: -612px;
    }



    /*---------------
        Service 4
    ---------------*/
    .service4
    {
        padding-block: var(--block_offset);
    }


    .service4 .head
    {
        width: 570px;
        margin-bottom: var(--cont_padding);

        gap: var(--cont_padding_half);
    }


    .service4 .head .number
    {
        margin-bottom: 4px;
    }


    .service4 .head .title
    {
        font-size: 32px;
    }


    .service4 .data
    {
        width: 570px;
    }


    .service4 .row
    {
        margin-bottom: calc(var(--cont_padding) * -1);
        margin-left: calc(var(--cont_padding) * -1);
    }


    .service4 .row > *
    {
        width: calc(50% - var(--cont_padding));
        margin-bottom: var(--cont_padding);
        margin-left: var(--cont_padding);
    }


    .service4 .row > *.big_w
    {
        width: calc(100% - var(--cont_padding));
    }


    .service4 .item
    {
        padding: var(--cont_padding) var(--cont_padding) calc(var(--cont_padding) + 8px);
    }


    .service4 .item.mark
    {
        overflow: hidden;

        padding: var(--cont_padding);

        gap: var(--cont_padding);
    }


    .service4 .item .desc
    {
        width: 208px;
    }


    .service4 .btn
    {
        margin-top: var(--cont_padding);
        padding-inline: var(--cont_padding) 15px;

        border-radius: var(--border_radius_small);
    }


    .service4 .bg
    {
        width: 760px;
        margin-left: -700px;
    }



    /*------------
        Footer
    ------------*/
    footer .links
    {
        width: 140px;
        margin-left: 40px;
    }


    footer .menu
    {
        margin-right: 0;
        margin-left: auto;

        gap: 20px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal_image
    {
        border-radius: var(--border_radius_big);
    }


    .modal_data
    {
        padding-inline: var(--cont_padding) 20px;
    }


    .modal_title
    {
        font-size: var(--font_size_title_small);
    }


    .modal_title.small
    {
        font-size: calc(var(--font_size_title_small) - 4px);
    }


    .modal_title.middle
    {
        font-size: calc(var(--font_size_title_small) - 2px);
    }


    .modal_desc
    {
        margin-top: var(--cont_padding_half);
    }



    /*-----------------
        About modal
    -----------------*/
    #about_modal
    {
        width: 768px;
    }


    #about_modal .modal_inner
    {
        padding: var(--cont_padding) var(--cont_padding) var(--cont_padding_double);
    }


    #about_modal .data
    {
        width: 400px;
    }


    #about_modal .title
    {
        font-size: var(--font_size_title_small);
    }


    #about_modal .desc
    {
        width: 100%;
        margin-top: 16px;

        line-height: calc(100% + 8px);
    }


    #about_modal .items
    {
        margin-top: var(--cont_padding);

        gap: 8px;
    }


    #about_modal .items > *
    {
        padding-block: var(--cont_padding_half) 14px;
        padding-inline: var(--cont_padding_half);
    }


    #about_modal .bottom
    {
        margin-top: var(--cont_padding);
    }


    #about_modal .bottom p
    {
        width: calc(100% - 172px);
    }


    #about_modal .btn
    {
        width: 148px;
        height: 54px;
        padding-inline: var(--cont_padding) 15px;
    }


    #about_modal .image
    {
        right: var(--cont_padding_half);

        width: 360px;
    }


    #about_modal .bg
    {
        width: 324px;
    }



    /*-----------------
        Order modal
    -----------------*/
    #order_modal .modal_image .info
    {
        padding-block: var(--cont_padding);
        padding-inline: var(--cont_padding);
    }
}