/* ============================== GLOBAL SECTION ======================================= */
body{
    display: block;
    width: 100%;
    
    /* padding: 0 calc(15px*var(--scale)); */
    
    text-align: center;

    background-image: url(../img/general/body_background.svg);
    background-size: 100% 30%;
    background-repeat: repeat;
}
    .float{

    }
        .header{
            position: fixed;
            z-index: 2;
            display: flex;

            top: calc(-100px*var(--scalemob));
            left: 50%;

            height: 62px;
            
            padding: 3px 0px 5px 0px;

            text-align: left;

            opacity: 0;

            background-image: url(../img/general/float/header/background.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            
            box-shadow: 0 0px 10px rgba(0, 0, 0, 0.250);
            /* filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.50)); */

            border-radius: 10px;

            transform: scale(var(--scalemobx)) translateX(-50%);
            transform-origin: top left;
            transition: top 0.3s ease, opacity 0.3s ease;
        }
                body.scrolled .header {
                    top: 2px;
                    opacity: 1;
                }
            ul.header_menu_main, 
            ul.header_menu_right,
            ul.title_menu{
                padding-top: 16px;
                height: 62px;
                
                display: flex;
                /* align-content: flex-start; */
                /* align-items: center; */
                flex-wrap: wrap;
                justify-content: space-between;
                /* flex-shrink: 0; */
                /* gap: 0px; */
                
                /* background-color: rgba(255, 0, 0, 0.452); */
                vertical-align: top;
            }
            ul.header_menu_main,
            ul.title_menu{
                flex-grow: 1; /* Автоматично займе всю доступну ширину після логотипу */
            }
            ul.header_menu_right{
            }
                ul.header_menu_main > li,
                ul.header_menu_right > li,
                ul.title_menu > li{
                    position: relative;
                    
                    list-style-type: none;
                    padding-inline-start: 0;
                }
                    @media (pointer: coarse) {
                        ul.header_menu_main > li > input[name="menu_checkbox"]:checked + label,
                        ul.header_menu_right > li > input[name="menu_checkbox"]:checked + label{
                            color: white;
                            text-shadow:    0px 0px 18px rgba(0, 0, 0, 1),
                                            0px 0px 6px rgba(0, 0, 0, 0.6);
                        }
                    }
                    @media (pointer: fine) {
                        ul.header_menu_main > li:hover > label,
                        ul.header_menu_right > li:hover > label{
                            color: white;
                            text-shadow:    0px 0px 18px rgba(0, 0, 0, 1),
                                            0px 0px 6px rgba(0, 0, 0, 0.6);
                        }
                    }
                    ul.header_menu_right > li{
                        margin-left: 0;
                        margin-right: 0;
                    }
                    /* ul.header_menu_main > li:hover,
                    ul.header_menu_right > li:hover,
                    ul.title_menu > li:hover{
                        box-shadow: none;
                    } */
                    /* ul.header_menu_main > li > a,
                    ul.header_menu_right > li > a{
                        удалить потом
                        font-size: 24px;
                        color: rgb(0, 0, 0);

                    } */
                    ul.header_menu_main > li > label,
                    ul.header_menu_right > li > label{
                        font-size: 24px;
                        color: rgb(0, 0, 0);

                    }
                        /* ul.header_menu_main > li:hover > a,
                        ul.header_menu_right > li:hover > a{
                            удалить потом
                            color: white;
                            text-shadow:    0px 0px 18px rgba(0, 0, 0, 1),
                                            0px 0px 6px rgba(0, 0, 0, 0.6);
                        } */
                        ul.header_menu_main > li > label > img,
                        ul.header_menu_right > li > label > img{
                            position: relative;
                            top: 4px;
                            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.35);
                        }
                            /* ul.header_menu_main > li:hover > a > img,
                            ul.header_menu_right > li:hover > a > img{
                                box-shadow: none;
                            } */
                .submenu1{
                    position: absolute;
                    display: none;
                    left: 50%;
                    transform: translateX(-50%);

                    height: auto;
                    min-width: max-content;
                    padding: 10px 24px 10px 10px;

                    border-radius: 10px;

                    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
                    z-index: 9;
                }
                    ul.header_menu_right > li > .submenu1,
                    ul.header_menu_main > li > .submenu1 {
                        top: 48px;
                        background-color: rgb(254, 231, 229);
                    }
                    ul.title_menu > li > .submenu1 {
                        top: 56px;
                    }
                    .submenu1 > li > a > img {
                        position: relative;
                        top: 2px;

                        /* background-color: rgba(25, 0, 255, 0.25); */
                    }
                        :not(.header_menu_right) > li > .submenu1 > li:hover > a > img {
                            filter: invert(1) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
                        }
                    .submenu1 > li > a > img + div {
                        display: inline-block;
                        position: relative;
                        top: -3px;

                        /* background-color: rgba(17, 0, 255, 0.25); */
                    }
                    @media (pointer: fine) {
                        ul.title_menu > li:hover > label{
                            text-shadow:    0px 0px 10px rgba(255, 255, 255, 0.6),
                                            0px 0px 40px rgba(255, 255, 255, 1);
                        }
                        ul.header_menu_main > li:hover .submenu1,
                        ul.title_menu > li:hover .submenu1,
                        ul.header_menu_right > li:hover .submenu1{
                            display: block;
                        }
                    }
                    @media (pointer: coarse) {
                        ul.title_menu > li > input[name="menu_checkbox"]:checked + label{
                            text-shadow:    0px 0px 10px rgba(255, 255, 255, 0.6),
                                            0px 0px 40px rgba(255, 255, 255, 1);
                        }
                        ul.header_menu_main > li > input[name="menu_checkbox"]:checked + label ~ .submenu1,
                        ul.title_menu > li > input[name="menu_checkbox"]:checked + label ~ .submenu1,
                        ul.header_menu_right > li > input[name="menu_checkbox"]:checked + label ~ .submenu1 {
                            display: block;
                        }
                    }
                    .submenu1_tail{
                        position: absolute;
                        left: -50%;
                        transform: translateX(50%);
                        
                        display: none;
                        height: 29px;
                        width: 100%;
                        clip-path: inset(0px 0px 9px 0px);
                        background-position: center;
                        background-repeat: no-repeat;
                        z-index: 10;
                    }
                        @media (pointer: fine) {
                            ul.header_menu_main > li:hover .submenu1_tail,
                            ul.header_menu_right > li:hover .submenu1_tail {
                                top: 28px;
                                display: block;
                                background-image: url(../img/general/float/header/submenu_background.svg);
                            }
                            ul.title_menu > li:hover .submenu1_tail {
                                top: 36px;
                                display: block;
                                /* background-color: rgba(255, 0, 0, 0.267); */
                            }
                        }
                        @media (pointer: coarse) {
                            ul.header_menu_main > li > input[name="menu_checkbox"]:checked + label ~ .submenu1_tail,
                            ul.header_menu_right > li > input[name="menu_checkbox"]:checked + label ~ .submenu1_tail {
                                top: 28px;
                                display: block;
                                background-image: url(../img/general/float/header/submenu_background.svg);
                            }
                            ul.title_menu > li > input[name="menu_checkbox"]:checked + label ~ .submenu1_tail {
                                top: 36px;
                                display: block;
                                /* background-color: rgba(255, 0, 0, 0.267); */
                            }
                        }
                        ul.submenu1 > li.submenu1_wrapper{
                            /* не вносить под coars, так как начинает глючить в fine-режиме */
                            position: absolute;
                            display: block;
                            margin: 0;
                            top: 0;
                            left: -1000px;
                            height: 100%;
                            width: 100%;
                            z-index: -1;
                        }
                        @media (pointer: coarse) {
                            ul.submenu1 > li.submenu1_wrapper > a{
                                height: 3000px;
                                width: 3000px;

                            }
                            /* ul.submenu1 > li.submenu1_wrapper::before{ непонятная шняга
                                content: "";
                                position: absolute;
                                display: block;
                                margin: 0;
                                top: 0;
                                left: 980px;
                                height: 100%;
                                width: 100%;
                                z-index: 12;
                            } */
                        }
                    ul.submenu1 li{
                        position: relative;
                        margin: 4px 0 4px 0px;
                        display: block;
                        /* height: 30px; */
                        height: 100%;
                        width: auto;

                        font-weight: normal;
                        text-align: left;
                        line-height: 1.5;
                        list-style-type: none;
                        padding-inline-start: 0;

                        /* background-color: rgba(255, 0, 0, 0.25); */
                    }
                            ul.header_menu_right > li > ul.submenu1{
                                padding-right: 10px;
                                padding-bottom: 2px;
                            }
                            ul.header_menu_main ul.submenu1 li,
                            ul.title_menu ul.submenu1 li{
                                margin-left: 20px;
                            }
                            ul.header_menu_main > li > ul.submenu1 > li.bold,
                            ul.title_menu > li > ul.submenu1 > li.bold,
                            ul.header_menu_main > li > ul.submenu1 > li > ul.submenu2 > li:nth-child(1),
                            ul.title_menu > li > ul.submenu1 > li > ul.submenu2 > li:nth-child(1){
                                margin-left: 0;
                                font-weight: bold;
                            }
                            ul.header_menu_right > li:nth-child(1)                                                  /* временно отключил mob|PC */{
                                display: none;
                            }
                            ul.header_menu_right > li > ul.submenu1 > li > label{
                                position: relative;
                                top: 0px;
                                margin-top: 10px;
                            }
                            ul.header_menu_right > li:nth-child(2) > ul.submenu1 > li::before {
                                top: -3px;
                                left: -5px;
                                height: 31px;
                                width: 40px;
                            
                                /* background-color: red; */
                                /* background-image: linear-gradient( 270deg, rgba(255,255,255,0), rgb(255, 0, 0) 100%); */
                                background-image: url(../img/general/float/header/lang_cursor.svg);
                                background-size: 100% 100%;
                            }
                        ul.submenu1 li label, ul.submenu1 li a{
                            height: 30px;

                            font-size: 20px;
                            display: block;
                            color: rgb(0, 0, 0);
                        }
                        ul.submenu1 > li > label::before {
                            position: absolute;
                            content: "";
                            display: none;
                            height: 30px;
                            width: 110%;
                            z-index: -1;
                            left: -5px;

                            background-image: linear-gradient( 270deg, rgba(255,255,255,0) 0%, rgba(222,197,150,0.23) 23%, rgb(188,138,44) 100%);
                        }
                            ul.title_menu > li > ul.submenu1 > li > label::before {
                                background-image: linear-gradient( 270deg, rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
                            }
                        .submenu2{

                        }
                            @media (pointer: fine) {
                                ul.submenu1 > li:hover::before{
                                    display: block;
                                }
                                ul.submenu1 li:hover > label,
                                ul.title_menu > li > .submenu1 > li > .submenu2 > li:hover > a,
                                ul.submenu1 > li:hover > a {
                                    /* +++ */
                                    color: white !important;
                                    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
                                }
                                ul.submenu1 > li:hover > label::before {
                                    display: block;
                                }
                                .submenu1 > li:hover .submenu2{
                                    /* +++ */
                                    display: block;
                                }
                                ul.submenu2 li:hover > a {
                                    color: rgb(255, 0, 0);
                                    text-shadow: 1px 1px 1px rgb(255, 255, 255);
                                }
                            }
                            @media (pointer: coarse) {
                                ul.submenu1 > li > input[type="checkbox"]:checked + label + .submenu2 {
                                    display: block;
                                }
                                .submenu1 > li > input[type="checkbox"]:checked + label {
                                    /* .submenu1 li:has(input[type="checkbox"]:checked) > label { */
                                    color: white;
                                    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
                                }
                                    .submenu1 > li > input[type="checkbox"]:checked + label::before {
                                        display: block;
                                    }
                            }
        .fullscreen {}
            .QR_fullscreen {
                display: none;

                position: fixed;
                z-index: 10;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);

                width: 70vw;
                max-width: 70vh;
                aspect-ratio: 1 / 1;

                background-color: rgba(255, 255, 255, 0.65);
            }
                .QR_fullscreen + div {
                    display: none;

                    position: fixed;
                    z-index: 9;
                    top: 0;
                    left: 0;

                    height: 100%;
                    width: 100vw;

                    backdrop-filter: blur(7px);
                }
    .outer{
        display:block;
    }
    .inner{
        transform-origin: top left;
        /* transform: scale(1); */
        /* transform: scale(var(--scale)); */
        /* overflow: hidden; */
    }
    .title{
        overflow: hidden;
    }
        .title_menu{
            margin-left: auto;
            margin-right: auto;
            position: relative;

            /* background-color: rgba(255, 0, 0, 0.185); */
        }
            .title_menu > li > .submenu1 > li > label,
            .title_menu > li > .submenu1 > li > a,
            .title_menu > li > .submenu1 > li > .submenu2 > li > a{
                text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
            }
            ul.title_menu > li:nth-child(4){
                display: none;
            }
            /* .title_menu li{
                display: inline-block;
                list-style-type: none;
                margin-left: auto;
                margin-right: auto;
            } */
            .title_menu > li > label{
                    /* position: absolute; */
                    /* top: 0; */
                    font-weight: bold;
                    
                    /* transform-origin: top left; */
                    /* display: inline-block; */
                    color: grey;
                    text-decoration: none;
                    text-shadow:    0px 0px 10px rgba(0, 0, 0, 0.5),
                                    0px 0px 40px rgba(0, 0, 0, 0.6);
                    mix-blend-mode: hard-light;
                }
        .upperlogo_title{
            text-align: center;
            font-weight: bold;
        }
        .underlogo_title{
            text-align: center;
            font-weight: bold;
        }
        .rights-box{
            display: block;
            height: 30px;
            width: 600px;
        }
            .rights-background{
                float: left;
                display: block;
                height: 30px;
                width: 300px;
            }
            .rights-text{
                position: relative;
                top: -30px;
                margin-top: 3px;
                font-size: 20px;
                text-align: center;
                text-indent: -15px;
                text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
            }
    .chapter{
        margin: calc(20px*var(--scalemob)) auto;

        height: auto;

        

        background-color: rgba(255, 255, 255, 0.45);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
    }
        .main_title{
            display: block;
            height: 73px;
            width: 1200px;
            padding-top: 10px;
    
            text-align: center;
            font-size: 36px;
            line-height: 2;
            font-weight: normal;
            background: url(../img/general/content/main_title.svg) no-repeat;
            background-size: 368px 81px;
            background-position: center;
        }
        .main_title_outer{
            margin: calc(24px*var(--scalemob)) auto;
        }
        .bookmark{
            display: block;
            position: relative;

            height: 51px;
            padding-top: 7px;
            padding-left: 16px;

            text-align: left;
            font-size: 24px;
            font-weight: bold;
            text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);

            background-position: left top;
            background-repeat: no-repeat;
        }
        .flex{
            margin-top: calc(20px*var(--scalemob));

            display: flex;
            align-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            /* flex-shrink: 0; */
            gap: 15px;
        }
            .text_wrapper{
                height: auto;
            }
                .text_title_black_left{
                    margin-bottom: 10px;
                    padding: 0px 10px;
                    font-size: 21px;
                    font-weight: bold;
                    color: white;
                    text-align: left;
                    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
                }
                .text_title_black_right{
                    margin-bottom: 10px;
                    padding: 0px 10px;
                    font-size: 21px;
                    font-weight: bold;
                    color: white;
                    /* text-align: right; --> media screen*/
                    /* background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); --> media screen*/
                }
                .text_title_red_left{
                    padding: 2px 10px;
                    font-size: 21px;
                    font-weight: bold;
                    line-height: 1;
                    color: red;
                    text-align: left;
                }
                .text_title_red_right{
                    padding: 0px 10px;
                    font-size: 21px;
                    font-weight: bold;
                    line-height: 1;
                    color: red;
                    /* text-align: right; --> media screen*/
                }
                .text_block{
                    height: auto;
                    padding: 0 10px;

                    /* font-size: 10px; */
                    font-size: 20px;
                    line-height: 1.2;
                    text-align: justify;
                }
                    .left_border{
                        padding: 8px 10px;
                        background-image:       url(../img/general/content/text_frame/left_up.svg),
                                                url(../img/general/content/text_frame/left_right.svg),
                                                url(../img/general/content/text_frame/left_bottom_corner.svg),
                                                url(../img/general/content/text_frame/left_bottom.svg),
                                                url(../img/general/content/text_frame/left_left.svg),
                                                url(../img/general/content/text_frame/left_up_corner.svg);
                        background-position:    left 10px top 0px,
                                                right 0px bottom 10px,
                                                right 0px bottom 0px,
                                                right 10px bottom 0px,
                                                left 0px top 10px,
                                                left 0px top 0px;
                        background-size:        100% 5px,
                                                5px 100%,
                                                auto,
                                                100% 5px,
                                                5px 100%,
                                                auto;
                        background-repeat:      no-repeat;
                    }
                    .right_border{
                        padding: 8px 10px;
                        background-repeat:      no-repeat;
                        /*see more settings in media screen*/
                    }
                        .text_block ul{
                            list-style-type: "\2013";
                        }
                        .text_block ul li{
                            margin-left: 48px;
                            padding-inline-start: 14px
                        }
            .img{
                display: block;
                /* margin: 15px 0; */
                height: auto;
                width: auto;
                object-fit: contain;
                /* vertical-align: middle; */
            }
    footer{
        position: relative;

        margin: 0 auto;
        display: block;

        height: auto;
        width: calc(100% - 20px*var(--scale));
        max-width: 1276px;

        border-radius: 10px 10px 0 0;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
        background-size: 100% 100%;
    }
        .birds{
            aspect-ratio: 160 / 68;
            /* width: 160px; */
        }
            .birds_outer{
                    position: absolute;
                    right: 0;
                    /* transform: translateX(50%); */
                    /* background-color: rgba(255, 0, 0, 0.199); */
                }
            .birds_inner{
                height: 68px;

                text-align: right;
            }
            .footer_ico{
                height: 26px;
                width: 26px;
            }
        .footer_title{
            text-align: center;
            text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
        }
            .footer_title_outer{
                margin: 0 auto;
            }
        .footer_section_wrapper{
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            /* flex-grow: 1; */
        }
            .footer_section_wrapper_outer{

            }
            .footer_section{
                display: flex;
                align-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
                justify-content: center;
                /* flex-shrink: 0; */
                /* gap: 15px; */




                /* aspect-ratio: 550 / 255; */
                aspect-ratio: 588 / 329;
                width: 490px;
                padding: 12px 40px;


                background-repeat: no-repeat;
                background-size: 100% 100%;
                background-image: url(../img/general/footer/section_background.webp);
                /* background-color: rgba(255, 0, 0, 0.288); */
            }
                    .footer_section_title{
                        position: relative;
                        margin: 12px auto 10px auto;

                        width: max-content;
                        /* width: 490px; */

                        font-size: 22px;
                        font-weight: bold;
                        
                        color: rgb(254, 217, 206);
                        text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
                    }
                        .footer_section_title_outer{
                            width: 490px;
                        }
                        .footer_section_title::after{
                            content: "";

                            position: absolute;
                            top: calc(100% - 2px);
                            left: 50%;
                            transform: translateX(-50%);

                            display: block;
                            height: 1px;
                            width: 93%;

                            background-color: rgba(0, 0, 0, 0.2);
                        }
                .footer_contacts{
                    text-align: left;
                    /* background-image: url(../img/general/footer/temp/contacts_bar.webp); */
                }
                    .footer_contacts_text{
                        height: 200px;
                        width: 320px;
                    }
                        .footer_contacts_text > a,
                        .footer_shedule_text > a{
                            display: block;
                            position: relative;

                            height: 34px;
                            width: max-content;
                            padding-left: 8px;
                        }
                        .footer_contacts_text > a::before,
                        .footer_shedule_text > a::before{
                            display: none;
                            position: absolute;
                            top: -4px;
                            left: 0;

                            height: 34px;
                            width: 334px;

                            content: "";
                            background-image: url(../img/general/footer/contacts/cursor.svg);
                        }
                            .footer_contacts_text > a:hover::before,
                            .footer_shedule_text > a:hover::before{
                                display: block;
                            }
                        .footer_contacts_text > a > img,
                        .footer_shedule_text > a > img{
                            margin-right: 8px;
                        }
                            .footer_contacts_text > a:hover > img,
                            .footer_shedule_text > a:hover > img{
                                filter: invert(1);
                            }
                        .footer_contacts_text > a > p,
                        .footer_shedule_text > a > p{
                            display: inline-block;
                            position: relative;
                            top: -3px;

                            font-size: 22px;
                            vertical-align: top;
                            color: black;
                        }
                            .footer_contacts_text > a:hover > p,
                            .footer_shedule_text > a:hover > p{
                                color: rgb(255, 255, 255);
                                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
                            }
                            .footer_shedule_text > a:hover > p{
                                color: rgb(255, 255, 255);
                            }
                    .footer_contacts_qr {
                        height: 155px;
                        width: 155px;
                    }
                        .footer_contacts_qr_wrapper {
                            position: relative;
                            display: block;
                        }
                            @media (pointer: fine) {
                                .footer_contacts_qr_wrapper:hover::after {
                                    display: flex;
                                }
                            }
                            .footer_contacts_qr_wrapper > input[type="checkbox"]:checked + label ~ img{
                                position: fixed;
                                top: 10px;
                                left: 10px;
                                height: 1000px;
                                width: 1000px;
                            }
                                .footer_contacts_qr_wrapper::after {
                                    content: "Збільшити";
                                    display: none;
        
                                    position: absolute;
                                    top: -10px;
                                    left: -10px;
        
                                    height: calc(100% - 50px);
                                    width: calc(100% + 20px);
                                    padding-top: 60px;
        
                                    font-size: 18px;
                                    color: white;
                                    justify-content: center;
                                    align-items: center;
        
                                    /* background-color: rgba(255, 255, 255, 0.2); */
                                    background-image: url(../img/general/footer/contacts/QR_loupe.svg);
                                    background-size: 40px 40px;
                                    background-repeat: no-repeat;
                                    background-position: center 54px;
                                    
                                    backdrop-filter: blur(5px);
                                }
                .footer_schedule-technology{
                    /* background-image: url(../img/general/footer/temp/schedule_bar.webp); */
                }
                    .footer_schedule{
                        margin: 0 auto;

                        height: max-content;
                        width: 450px;
                    }
                        .footer_shedule_text{
                            margin: 0 auto;
                            text-align: left;
                            width: max-content;
                        }
                    .footer_technology{
                        margin: 0 auto;

                        height: max-content;
                        width: 490px;
                    }
                        .footer_technology_ico{
                            margin: 0 8px;
                            display: inline-block;

                            height: 50px;
                            width: 40px;

                            opacity: 0.3;
                            
                            background-size: 100% 100%;
                            /* background-color: rgba(0, 128, 0, 0.233); */
                        }
                        .footer_technology_ico:hover{
                            opacity: 1;
                            transform: scale(1.35);
                            transform-origin: center center;
                        }
                            .footer_technology_ico:nth-child(2){
                                background-image: url(../img/general/footer/schedule-technology/technology/html_ico.svg);
                            }
                            .footer_technology_ico:nth-child(3){
                                background-image: url(../img/general/footer/schedule-technology/technology/CSS_ico.svg);
                            }
                            .footer_technology_ico:nth-child(4){
                                background-image: url(../img/general/footer/schedule-technology/technology/JavaScript_ico.svg);
                            }
                            .footer_technology_ico:nth-child(5){
                                background-image: url(../img/general/footer/schedule-technology/technology/React-JS_ico.svg);
                            }
                            .footer_technology_ico:nth-child(6){
                                background-image: url(../img/general/footer/schedule-technology/technology/Node-JS_ico.svg);
                            }
                            .footer_technology_ico:nth-child(7){
                                background-image: url(../img/general/footer/schedule-technology/technology/PHP_ico.svg);
                            }
        .footer_bottom{
            font-size: 10px;
        }

/* ======================================= INDIVIDUAL SECTION ============================================ */

.main_turnkey_bookmark{
    background-image: url(../img/page_1/01_service/turnkey/bookmark.svg);
    background-size: 283px 58px;
}
.main_webdev_bookmark{
    background-image: url(../img/page_1/01_service/webdev/bookmark.svg);
    background-size: 410px 58px;
}
.main_design_bookmark{
    background-image: url(../img/page_1/01_service/design/bookmark.svg);
    background-size: 200px 58px;
}
.main_ad_bookmark{
    background-image: url(../img/page_1/01_service/ad/bookmark.svg);
    background-size: 434px 58px;
}
.add_copy_bookmark{
    background-image: url(../img/page_1/02_add/copy/bookmark.svg);
    background-size: 358px 58px;
}
.add_hosting_bookmark{
    background-image: url(../img/page_1/02_add/hosting/bookmark.svg);
    background-size: 560px 58px;
}
.add_techsupport_bookmark{
    background-image: url(../img/page_1/02_add/techsupport/bookmark.svg);
    background-size: 275px 58px;
}

/* ============================================ DRAFTS =================================================== */

/* 
body{
    background-color: rgba(238, 255, 0, 0.25);
    border: 1px solid red;
}
    .chapter{
        background-color: rgba(251, 255, 0, 0.25);
        border: 1px solid red;
    }
        .main_title{
            background-color: rgba(137, 43, 226, 0.25);
        }
        .bookmark{
            background-color: rgba(165, 42, 42, 0.212);
        }
        .flex{
            background-color: rgba(0, 0, 255, 0.25);
        }
            .img{
                background-color: rgba(0, 255, 106, 0.25);
            }
            .text_wrapper{
                background-color: rgba(255, 0, 0, 0.25);
            }
                .text_block{
                    background-color: rgba(0, 255, 0, 0.25);
                }
 */

/* ========================================== MEDIA SCREEN ================================================ */
@media screen and (min-width: 601px)                    /* PC version*/                     {
.PC .header{
	width: 1276px;
}
    .PC .header_logo_PC{
        margin: 0 24px;
        height: 62px;
        width: 173px;
    }
    .mob .header_logo_mob{
        display: none;
    }
    ul.header_menu_main > li > label::after,
    ul.header_menu_right > li > label::after{
        font-size: 17px;
        content: " ▼";
    }
        @media (pointer: fine) {
            ul.header_menu_main > li:hover > label::after,
            ul.header_menu_right > li:hover > label::after{
                content: " ▲";
                color: red;
                position: relative;
                top: -1px;
                /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
            }
        }
        @media (pointer: coarse) {
            ul.header_menu_main > li > input[name="menu_checkbox"]:checked + label::after,
            ul.header_menu_right > li > input[name="menu_checkbox"]:checked + label::after{
            /* ul.header_menu_main > li:hover::after, */
            /* ul.header_menu_right > li:hover::after{ */
                content: " ▲";
                color: red;
                position: relative;
                top: -1px;
                /* filter: drop-shadow(0 0 5px rgb(0, 0, 0)); */
            }
        }
    .PC ul.header_menu_main{
        margin: 0 80px;
    }
        .PC ul.header_menu_main > li:nth-child(4){
            display: block;
        }
        ul.header_menu_main > li > .submenu1 > li.PC_item_hide {
            display: none;
        }
    .PC ul.header_menu_right{
        margin: 0 24px;
        width: auto;
        gap: 15px;
    }
        ul.header_menu_right > li > .submenu1_tail{
            transform: translateX(calc(50% - 9px));
        }
        ul.header_menu_right > li > ul.submenu1{
            padding-right: 10px;
            transform: translateX(-70%);
        }
        ul.title_menu > li > ul.submenu1 {
            transform: translateX(-50%) scale(var(--scalehd));
            transform-origin: top center;
        }
        ul.title_menu > li > .submenu1::before {
            content: "";

            position: absolute;
            top: 0px;
            left: 0px;

            height: 100%;
            width: 100%;

            border-radius: 10px;

            background-color: rgba(255, 255, 255, 0.35);
            backdrop-filter: blur(20px);
            background-size: 100% 100%;
            /* will-change: transform; */
        }
            ul.submenu1 > li::before{
                position: absolute;
                content: "";
                display: none;
                height: 30px;
                width: 110%;
                z-index: -1;
                left: -5px;

                background-image: linear-gradient( 270deg, rgba(255,255,255,0) 0%, rgba(222,197,150,0.23) 23%, rgb(188,138,44) 100%);
            }
        .submenu2{
            position: absolute;
            display: none;
            top: -8px;

            height: auto;
            min-width: max-content;
            padding: 10px 10px 10px 10px;

            border-radius: 10px;

            box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
        }
            .header_menu_main > li > .submenu1 > li > .submenu2 {
                left: calc(100% + 20px);
                background-color: rgb(254, 231, 229);
            }
            .title_menu > li > .submenu1 > li > .submenu2 {
                left: calc(100% + 27px);
            }
            .submenu2::before{
                position: absolute;
                top: 26px;
                transform: translateY(-50%);
                display: block;
                content: "";
                height: 29px;
                /* transform: translateX(50%); */
                clip-path: inset(0px 9px 0px 0px);
                background-position: center;
                background-repeat: no-repeat;
            }
                .title_menu > li > .submenu1 > li > .submenu2::after {
                    content: "";

                    position: absolute;
                    z-index: -1;
                    top: 0px;
                    left: 0px;

                    height: 100%;
                    width: 100%;

                    border-radius: 10px;

                    background-color: rgba(255, 255, 255, 0.35);
                    backdrop-filter: blur(20px);
                    block-size: 100% 100%;
                }
                .header_menu_main > li > .submenu1 > li > .submenu2::before {
                    left: -20px;
                    width: 29px;
                    background-image: url(../img/general/float/header/submenu2_background.svg);
                }
                .title_menu > li > .submenu1 > li > .submenu2::before {
                    left: -27px;
                    width: 36px;
                }
.PC .title{
    width: 1920px;
    height: 1233px;

    background:             url(../img/page_1/00_title/background_frame.webp) no-repeat,
                            url(../img/page_1/00_title/background_pc.webp)       no-repeat;
    background-size:        1920px,
                            1920px;
    background-position:    top,
                            top;
    }
    .PC .title_menu{
        margin-top: 80px;
        height: 40px;
        width: 1200px;
    }
        .PC .title_menu > li > label{
            height: 40px;
            font-size: 40px;
            transform: scaleX(0.85);
        }
        /* .PC .title_menu_center{
            left: 610px;
        } */
    .PC .upperlogo_title{
        margin: 190px auto 0 auto;
        width: 810px;
        font-size: 44px;
    }
    .PC .logo_pc{
        margin: -10px auto;

        display: block;

        height: auto;
        width: 1500px;
    }
    .PC .logo_mob{
        display: none;
    }
    .PC .underlogo_title{
        margin-top: 38px;
        font-size: 44px;
    }
    .PC .rights-box{
        margin: 182px auto 0 auto;
    }
.PC .chapter{
    width: calc(100% - 92px*var(--scale));

    max-width: 1200px;                                                      /* общая ширина 1260 */
    padding: calc(24px*var(--scalemob)) calc(30px*var(--scale));
}
    .PC .main_title{
        width: 1200px;
    }
    .PC .bookmark{
        left: calc(-35px*var(--scalemob));
        width: 1200px;

    }
    .PC .flex{
        width: 1200px;
    }
        .PC .text_wrapper{
            width: 760px;
        }
            .PC .text_wrapper_full_width{
                width: 1080px;
            }
            .PC .text_title_black_right{
                text-align: right;
                background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
            }
            .PC .text_title_red_right{
                text-align: right;
            }
            .PC .text_block{
                width: 740px;
            }
                .PC .text_block_full_width{
                    width: 1060px;
                }
                .PC .right_border{
                    background-image:       url(../img/general/content/text_frame/left_bottom.svg),
                                            url(../img/general/content/text_frame/right_bottom_corner.svg),
                                            url(../img/general/content/text_frame/left_left.svg),
                                            url(../img/general/content/text_frame/left_up.svg),
                                            url(../img/general/content/text_frame/right_top_corner.svg),
                                            url(../img/general/content/text_frame/left_right.svg);
                    background-position:    right 10px top 0px,
                                            left 0px bottom 0px,
                                            right 0px top 10px,
                                            left 10px bottom 0px,
                                            right 0px top 0px,
                                            left 0px bottom 10px;
                    background-size:        100% 5px,
                                            auto,
                                            5px 100%,
                                            100% 5px,
                                            auto,
                                            5px 100%;
                }
        .img{
            max-height: 300px;
            max-width: 300px;
        }
footer{
    padding: calc(24px * var(--scalemob)) 0;

    background-image: url(../img/general/footer/background_pc.webp);
}
    .birds{
        margin-right: 32px;

        height: 68px;
    }
        .birds_outer{
            top: calc(-61px * var(--scalemobx));
        }
        .birds_inner{
            width: 1200px;
        }
    .footer_title{
        width: 1200px;

        font-size: 24px;
    }
    .footer_section_wrapper{
        width: 1260px;
        gap: 30px;
    }
        .footer_section_wrapper_outer{
            margin: 0 auto 0px auto;
        }
        .footer_section{
            margin-top: 10px;
            margin-bottom: 10px;
        }
            .footer_contacts{
                order: 3;
            }
            .footer_schedule-technology{
                order: 2;
            }
                .footer_schedule{

                }
                .footer_technology{

                }
    .footer_bottom{
        width: 1200px;
    }
}
@media screen and (max-width: 600px)                    /* mobile version*/                 {
.mob .header{
	width: 594px;
}
    .mob .header_logo_PC{
        display: none;
    }
    .mob .header_logo_mob{
        margin: -8px 4px;
        height: 80px;
        /* width: 173px; */
    }
    .mob ul.header_menu_main{
        margin: 0;
        padding-right: 30px;
        padding-left: 30px;
    }
        ul.title_menu > li > .submenu1 {
            background-color: rgba(255, 255, 255, 0.35);
            backdrop-filter: blur(20px);
        }
        .mob ul.header_menu_main > li:nth-child(1) > ul.submenu1{
            /* margin-left: ??px; значение плавающее и корректируется скриптом в зависимости от кол-ва контента*/
        }
        .mob ul.header_menu_main > li:nth-child(3) > ul.submenu1{
            /* margin-right: 0px; значение плавающее и корректируется скриптом в зависимости от кол-ва контента*/
        }
    .mob ul.header_menu_right{
        margin: 0 15px 0 10px;
        width: auto;
        /* gap: 15px; */
    }
.mob ul.header_menu_main > li:nth-child(4){
    display: none;
}
ul.header_menu_main > li > label{
    display: inline-block;
    font-size: 24px;
    /* text-decoration: none; */
    transform: scaleX(0.93);
}
.mob ul.header_menu_main > li::after,
.mob ul.header_menu_right > li::after{
    display: none;
}
.submenu2{
    position: relative;
    display: none;
    margin: 0px 0px 0px 10px;
    /* padding: 2px 0px 2px 10px; */
    /* box-shadow:  0px 0px 10px rgb(255, 255, 255), */
                 /* 0px 0px 10px rgb(255, 255, 255), */
                 /* 0px 0px 10px rgb(255, 255, 255); */
    /* background-color: rgb(255, 255, 255); */
    /* border-radius: 4px; */

    /* width: 354px; задается через скрипт через фактическую ширину submenu1*/
}
    .submenu2::before {
        content: "";
        position: absolute;
        top: -4px;
        left: -5px;

        height: calc(100% + 6px);
        width: calc(100% + 5px);

        /* background-color: rgba(255, 0, 0, 0.233); */
        border-radius: 0 0 0 10px;
    }
        .header_menu_main > li > .submenu1 > li > .submenu2::before {
            background-image: linear-gradient( 270deg, rgba(255,255,255,0) 0%, rgba(188, 138, 44, 0) 30%, rgba(188, 138, 44, 0.25) 100%);
        }
        .title_menu > li > .submenu1 > li > .submenu2::before {       
            background-image: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
        }

/* .submenu2::before{                                                                старый вариант
    position: absolute;
    top: 38px;
    left: 2px;
    content: "";
    height: calc(100% - 38px);
    width: 2px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.247), rgba(0, 0, 0, 0));
} */
ul.submenu2 li{
    margin-left: 10px !important;
}
    ul.submenu2 li:nth-child(1){
        margin-left: 0px !important;
    }
    .submenu2 a{
        font-size: 18px !important;
        white-space: nowrap;
        overflow: hidden;
    }
.mob .title{
    width: 600px;
    height: 1080px;

    background:             url(../img/page_1/00_title/background_mob.webp)       no-repeat;
}
    .mob .title_menu{
        margin-top: 40px;

        position: relative;
        top: -30px;

        height: 30px;
        width: 530px;
    }
        .mob .title_menu > li{
            width: 170px;
        }
            .mob .title_menu > li > label{
                display: inline-block;
                /* height: 30px; */
                font-size: 35px;
                transform: scaleX(0.5);
                /* transform-origin: top left; */
            }
                    .mob .title_menu > li:nth-child(1) > label{
                        width: 247px;
                        transform-origin: top left;
                    }
                    .mob .title_menu > li:nth-child(2) > label{
                        position: relative;
                        left: -90px;
                        width: 374px;
                    }
                    .mob .title_menu > li:nth-child(3) > label{
                        width: 180px;
                        transform-origin: top right;
                    }
    .mob .upperlogo_title{
        display: inline-block;
        margin: 70px auto 0 auto;
        position: relative;
        left: -25px;

        width: 650px;

        font-size: 35px;
        transform: scaleX(0.65);
    }
    .mob .logo_pc{
        display: none;
    }
    .mob .logo_mob{
        margin: 0 auto;
        display: block;

        height: auto;
        width: 580px;
    }
    .mob .underlogo_title{
        display: inline-block;
        margin: 4px auto 0 auto;
        position: relative;
        left: -40px;

        width: 680px;

        font-size: 35px;
        transform: scaleX(0.65);
    }
.mob .chapter{
    width: calc(100% - 100px*var(--scale));

    /* max-width: 580px; */
    padding: calc(24px*var(--scalemob)) calc(30px*var(--scale));
}
    .mob .rights-box{
        margin: 100px auto 0 auto;
        transform: scale(0.65);
    }
    .mob .main_title{
        width: 550px
    }
    .mob .bookmark{
        left: calc(-19px*var(--scalemob));
        width: 550px
    }
    .mob .flex{
        width: 550px;
    }
        .mob .text_wrapper{
            width: 550px;
        }
            .mob .text_wrapper_full_width{

            }
            .mob .text_title_black_right{
                text-align: left;
                background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
            }
            .mob .text_title_red_right{
                text-align: left;
            }
            .mob .text_block{
                width: 530px;
            }
                .mob .right_border{
                    background-image:       url(../img/general/content/text_frame/left_up.svg),
                                            url(../img/general/content/text_frame/left_right.svg),
                                            url(../img/general/content/text_frame/left_bottom_corner.svg),
                                            url(../img/general/content/text_frame/left_bottom.svg),
                                            url(../img/general/content/text_frame/left_left.svg),
                                            url(../img/general/content/text_frame/left_up_corner.svg);
                    background-position:    left 10px top 0px,
                                            right 0px bottom 10px,
                                            right 0px bottom 0px,
                                            right 10px bottom 0px,
                                            left 0px top 10px,
                                            left 0px top 0px;
                    background-size:        100% 5px,
                                            5px 100%,
                                            auto,
                                            100% 5px,
                                            5px 100%,
                                            auto;
                }
        .img{
            max-height: 220px;
        }
footer{
    padding: calc(16px * var(--scalemob)) 0;
    
    background-image: url(../img/general/footer/background_mob.webp);
}
    .birds{
        margin-right: 18px;

        height: 50px;
    }
        .birds_outer{
            top: calc(-46px * var(--scalemobx));
        }
        .birds_inner{
            width: 550px;
        }
    .footer_title{
        width: 550px;

        font-size: 20px;
    }
    .footer_section_wrapper{
        width: 550px;
    }
        .footer_section_wrapper_outer{
            margin: 0 auto 10px auto;
        }
        .footer_section{
            margin: 10px auto 0 auto;
        }
            .footer_contacts{

            }
            .footer_schedule-technology{
                
            }
                .footer_schedule{

                }
                .footer_technology{

                }
    .footer_bottom{
        width: 550px;
    }      
}