@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/');
    src: url('../fonts/?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuecyr-thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuecyr-thin-webfont.woff') format('woff'),
         url('../fonts/helveticaneuecyr-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helveticaneuecyr-roman-webfont.woff2') format('woff2'),
        url('../fonts/helveticaneuecyr-roman-webfont.woff') format('woff'),
        url('../fonts/helveticaneuecyr-roman-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}
*{
    margin: 0px;
    padding: 0px;

    font-family: 'Helvetica Neue';
}
.clearfix::after{
    content: '';
    clear: both;
    float: none;
    display: block;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {                 /* костыль от глюка автозаполнения */
    transition: background-color 5000s ease-in-out 0s;
}
body{
        /* padding: 5px; */
        height: auto;
        
        background-image: url('../img/body_background.png');
        background-color: white;
}
    .float{

    }
        .float_header{
            position: fixed;
            top: 2px;
            left: 0;
            right: 0;
            z-index: 80;
            margin-left: auto;
            margin-right: auto;
        
            height: 64px;
            width: calc(100vw - 12px);
            max-width: 1080px;
            
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 10px;
            background: linear-gradient(to bottom, rgb(215, 215, 215) 0%, rgb(255, 255, 255) 100%);
            box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);

            overflow: hidden;
        }
            .float_logo_img-box{
                margin-left: 6px;
                margin-top: 1px;
                margin-bottom: 5px;

                height: 60px;
                width: 66px;

                background-color: white;
                border: 1px solid black;
                border-radius: 10px;

                /* display: inline-block; */
                overflow: hidden;
                float: left;
            }
                .float_logo_img_digital-fridge{
                    margin-top: 2px;
                    margin-left: 9px;

                    overflow: hidden;
                }
                    .float_logo_img_digital-fridge_corpus{
                        height: 50px;
                        width: 32px;
                        
                        border: 2px solid #0097ff;
                        background: linear-gradient(240deg, rgba(255,255,255,1) 47%, rgb(0 117 255 / 71%) 100%);
                    }
                    .float_logo_img_digital-fridge_door{
                        position: relative;
                        top: -38px;
                        left: 1px;

                        height: 1px;
                        width: 34px;

                        border-bottom: 1px solid #0097ff;
                    }
                    .float_logo_img_digital-fridge_knob-1{
                        position: relative;
                        top: -51px;
                        left: 4px;

                        height: 7px;
                        width: 1px;

                        border-left: 2px solid #0097ff;
                    }
                    .float_logo_img_digital-fridge_knob-2{
                        position: relative;
                        top: -40px;
                        left: 4px;

                        height: 7px;
                        width: 1px;

                        border-left: 2px solid #0097ff;
                    }
                    .float_logo_img_digital-fridge_paw-1{
                        position: relative;
                        top: -17px;
                        left: 3px;

                        height: 1px;
                        width: 4px;

                        border-bottom: 2px solid #0097ff;
                    }
                    .float_logo_img_digital-fridge_paw-2{
                        position: relative;
                        top: -20px;
                        left: 29px;

                        height: 1px;
                        width: 4px;

                        border-bottom: 2px solid #0097ff;
                    }
                .float_logo_vtext{
                    height: 20px;
                    width: 72px;
                    
                    font-size: 10px;
                    text-align: center;
                    font-weight: bold;
                    
                    transform: rotate(-90deg) translateX(58px) translateY(23px);
                    display: inline-block;
                    overflow: hidden;
                }
            .float_logo_text-box{
                position: relative;
                left: -22px;
                margin-top: 1px;

                height: 60px;
                width: 200px;

                background-color: white;
                border: 1px solid black;
                border-left: none;
                border-radius: 0 10px 10px 0;

                display: inline-block;
                overflow: hidden;
            }
                .float_logo_text{
                    margin-top:4px;
                    margin-left: 4px;

                    display: inline-block;
                    overflow: hidden;
                }
                    .float_logo_text-tel{
                        text-align: center;
                        font-size: 10px;
                        letter-spacing: 5px;
                    }
                    .float_logo_text-main{
                        line-height: 27px;
                        text-align: center;
                        font-size: 35px;
                        font-weight: bold;
                        letter-spacing: -0.8px;
                    }
                    .float_logo_text-hr{
                        margin-left: auto;
                        margin-right: auto;
                        
                        width: 150px;

                        border-top: 1px solid black;
                    }
                    .float_logo_text-secondary{
                        text-align: center;

                        font-size: 12px;
                    }
            .work-hours{
                margin-right: 20px;
                margin-top: 1px;
                margin-bottom: 10px;

                font-size: 18px;

                float: right;
                overflow: hidden;
                /* display: inline-block; */
            }
            .float_contacts{

            }
                .float_contacts_ico-background{
                    margin-top: 7px;
                    margin-right: 6px;
                    margin-bottom: 15px;

                    height: 50px;
                    width: 50px;

                    background-color: white;
                    border-radius: 25px;
                    box-shadow: 0px 0px 3px 1px #0000006b;

                    float: right;
                }
                    .float_contacts_ks-ico{
                        margin-top: 6px;
                        margin-left: 7px;

                        height: 36px;
                        width: 36px;
                    }
                    .float_contacts_tg-ico{
                        margin-top: 6px;
                        margin-left: 6px;

                        height: 38px;
                        width: 38px;
                    }
                    .float_contacts_viber-ico{
                        margin-top: 9px;
                        margin-left: 8px;

                        height: 35px;
                        width: 34px;

                    }
        .language{
            position: absolute;
            z-index: 79;
            top: 75px;
            /* left: 1098px; данный параметр смотри в скриптах */
    
            height: 44px;
            width: 35px;
            
            /* background-image: url(../img/lang_ukr.png); */
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1))
            		drop-shadow(0px 0px 5px rgba(255, 255, 255, 1))
            		drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
        }
        #FLOAT_button_callback{
            z-index: 900;
            position: fixed;
            left: 98vw;
            /* right: 0; */
            /* margin-left: auto; */
            /* margin-right: auto; */
            top: calc( 100vh - 100px );

            width: 60px;
            height: 60px;

            transform: translateX(-100%) translateY(-100%);
        }
            .FLOAT_button_callback_icon{
                position: relative;
                z-index: 200;

                height: 60px;
                width: 60px;

                opacity: 0.5;
                border-radius: 50px;

                animation: FLOAT_callback_icon_blinking-shadow 2s;
                animation-iteration-count: infinite;
            }
                @keyframes FLOAT_callback_icon_blinking-shadow                                                              /*!!!!!!!!!!!!ГРУЗИТ СИЛЬНО ПРОЦЕССОР!!!!!!!!!!!!!!!!!!*/{
                    0%{box-shadow: 0px 0px 1px 0px rgba(0, 0, 255, 0.2);}
                    50%{box-shadow: 0px 0px 20px 5px rgb(0 0 255 / 80%);}
                    100%{box-shadow: 0px 0px 1px 0px rgba(0, 0, 255, 0.2);}
                }
                .FLOAT_button_callback_icon:hover {
                    opacity: 1;
                    animation: none;
                }
                #FLOAT_button_callback_pressing:checked ~ .FLOAT_callback_field{
                    /* opacity: 1; */
                    display: block;
                    transition: all 0.5s ease;
                }
            .FLOAT_callback_field{
                position: absolute;
                top: -7px;
                left: -240px;
                
                height: 80px;
                width: 230px;
                padding: 0px;
                
                /* opacity: 0; */
                display: none;
                background-color: rgba(60, 63, 48, 0.85);
                border-radius: 10px;
            }
                .FLOAT_callback_field_input-form{
                    position: absolute;
                    z-index: 202;
                    top: 1px;
                    
                    height: 80px;
                    width: 220px;

                    transition: all 0.5s ease;
                }
                    .FLOAT_callback_field_input-tel{
                        position: relative;
                        z-index: 399;
                        margin-top: 6px;
                        margin-left: 8px;
                        margin-bottom: 0;
                        
                        padding-left: 6px;
                        height: 30px;
                        width: 208px;
                        
                        text-align: left;
                        font-size: 24px;
                        color: white;
                        
                        background-color: #100f0f;
                        border: none;
                        border-radius: 2px;
                        box-shadow: none;
                        display: block;
                    }
                        .FLOAT_callback_field_input-tel:focus{
                            outline: none; /* !!!!! убирает внутренние рамки !!!!!!!!!!! */
                        }
                        /* #FLOAT_callback_field_input-field:focus ~ .placeholder{
                            color: white;
                        } */
                        /* #FLOAT_callback_field_input-field::placeholder{
                            color: #999999;
                        } */
                        /* .placeholder { ❤️ непонятный блок, нужно разобраться что это такое
                            position: absolute;
                            z-index: 400;
                            margin-left: 14px;
                            top: 6px;

                            padding-top: 1px;
                            height: 29px;
                            width: 49px;

                            font-size: 24px;
                            color: #999999;

                            background: none;
                        } */
                    .FLOAT_callback_field_send-button /* transparent text */ {
                        position: relative;
                        z-index: 300;
                        margin-top: 4px;
                        margin-left: 8px;

                        width: 214px;
                        height: 30px;

                        letter-spacing: -0.5px;
                        text-align: center;
                        line-height: 30px;

                        display: block;
                    }
                        .FLOAT_callback_field_send-button_background /* red layer */{
                            position: relative;
                            z-index: 299;
                            top: -30px;
                            margin-left: 8px;

                            width: 214px;
                            height: 30px;

                            border-radius: 2px;
                            display: block;
                        }
                        .FLOAT_callback_field_send-button_background2 /*green layer*/{
                            position: relative;
                            z-index: 298;
                            top: -60px;
                            margin-left: 8px;

                            width: 214px;
                            height: 30px;

                            border-radius: 2px;
                            display: block;
                            background: linear-gradient(180deg, rgba(84,255,98,1) 0%, rgba(23,194,0,1) 100%);
                            /* background-color: rgb(0, 255, 0); */
                        }
                        /* #sending:checked ~ .placeholder ❤️ непонятная шляпа{
                            color: white;
                        } */
                        #sending:checked ~ .FLOAT_callback_field_send-message {
                            display: block;

                            animation: FLOAT_callback_field_send-button_opacity 10s;
                            animation-iteration-count: 1;
                            animation-fill-mode: forwards;
                        }
                        	@keyframes FLOAT_callback_field_send-button_opacity{
                        		0%{opacity: 0;}
                        		15%{opacity: 1;}
                        		85%{opacity: 1;}
                        		100%{opacity: 0;}
                        	}
                        #sending:checked ~ .FLOAT_callback_field_send-button_background{
                            background: linear-gradient(180deg, rgb(252, 189, 189) 0%, rgb(255, 0, 0) 100%);
                            /* background-color: red; */

                            animation: backgr_float 8s;
                            animation-iteration-count: 1;
                            animation-fill-mode: forwards;
                        }
                            @keyframes backgr_float{
                                0%{opacity: 1;}
                                50%{opacity: 1;}
                                100%{opacity: 0;}
                            }
                        .FLOAT_callback_field_send-message{
                            position: relative;
                            top: -200px;
                            left: -90px;
        
                            padding: 5px;
                            width: 395px;
                            height: 43px;
        
                            font-family: 'Helvetica Neue';
                            font-size: 18px;
                            color: white;
                            text-align: center;

                            background-color: rgb(0, 0, 0);
                            border-radius: 10px;
                            border: 1px solid grey;
        
                            overflow: hidden;
                            display: none;
                        }
    .header{
    }
    .wrapper{
        margin-left: auto;
        margin-right: auto;

        height: auto;
        max-width: 1080px;

        background-image: url(../img/wrapper_background.png);
    }
    .main{
    	margin-top: 66px;
    	text-align: center;
        letter-spacing: -6px;
    }
        .main-presets{
        }
        	.main_section-presets_outer{
        		display: inline-block;
                overflow: hidden;

                /* background-color: rgba(255, 0, 0, 0.062); */
        	}
            .main_section-presets{
                width: 472px;
                /* height: 200px; параметр задается индивидуально в каждом блоке*/
                /* width: 200px; параметр задается индивидуально в каждом блоке*/
                
                /*transform: scale(1); параметр задается через скрипт в index.html*/
                transform-origin: top left;
                /* background-color: rgba(255, 0, 0, 0.05); */
                letter-spacing: normal;
            }
            .wrapper_main_section_between                           /*Як ми працюємо:*/ /*Перелік робіт, які ми виконуємо*/ /*Холодильники, які ми ремонтуємо*/ /*Відгуки наших клієнтів*/{
                /* margin-top: 40px; */

                height: 30px;
    
                font-size: 28px;
                font-weight: bold;
                text-align: center;
                line-height: 1;
                letter-spacing: -0.5px;
            }
        .wrapper_main_section-1{
            height: 486px;
        }
            .wrapper_main_section-1_text-1                          /*Швидкий професійний ремонт холодильників*/ {
                margin-top: 36px;
                
                font-size: 44px;
                text-align: center;
                /* line-height: 1; */

                display: inline-block;
            }
            .wrapper_main_section-1_text-2                          /*в Києві від 250грн*/ {
                font-size: 44px;
                font-weight: bold;
                /* line-height: 1; */
                text-align: center;
            }
            .wrapper_main_section-1_text-3                          /*всіх існуючих моделей та видів з гарантією*/ {
                font-size: 22px;
                text-align: center;
                letter-spacing: -0.7px;
                }
            .main_callback                                          /*CALLBACK_BUTTON*/ {
                margin-top: 20px;
                margin-right: auto;
                margin-left: auto;

                padding-top: 7px;
                height: 93px;
                width: 310px;

                background-color: rgb(245, 245, 245);
                border-radius: 10px;
                box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);
            }
                .main_callback_ico{
                    margin-top: 12px;
                    margin-left: 10px;
                    float: left;

                    height: 64px;
                    width: 64px;
                }
                .main_callback_form{
                    margin-top: 0px;
                    margin-left: 84px;

                    height: 85px;
                    width: 216px;
                    /* background-color: rgba(255, 0, 0, 0.123); */
                }
                    .main_callback_input{
                        margin-left: 0px;

                        padding-left: 6px;
                        height: 38px;
                        width: 209px;
                        
                        font-size: 24px;
                        color: rgb(0, 150, 255);

                        border: none;
                        border-radius: 5px;
                        background-color: rgb(255, 255, 255);
                    }
                        .main_callback_input:focus{
                            outline: 1px solid rgb(0, 150, 255);
                        }
                        .main_callback_input::placeholder{
                            color: rgb(210, 210, 210);
                        }
                    .main_callback_field_send-button /* transparent text */ {
                        position: relative;
                        z-index: 300;
                        margin-top: 11px;
                        margin-left: 1px;

                        width: 214px;
                        height: 38px;

                        color: white;
                        letter-spacing: -0.5px;
                        text-align: center;
                        line-height: 30px;

                        display: block;
                    }
                        .main_callback_field_send-button_background /* red layer */{
                            position: relative;
                            z-index: 299;
                            top: -41px;
                            margin-left: 1px;

                            width: 214px;
                            height: 38px;

                            border-radius: 5px;
                            display: block;
                        }
                        .main_callback_field_send-button_background2 /*blue layer*/{
                            position: relative;
                            z-index: 298;
                            top: -79px;
                            margin-left: 1px;

                            width: 214px;
                            height: 38px;

                            border-radius: 5px;
                            display: block;
                            background: linear-gradient(180deg, rgb(157, 214, 255) 0%, rgba(0,150,255) 100%);
                        }
                        /* #sending_main:checked ~ .placeholder ❤️непонятная шняга {
                            color: white;
                        } */
                        #sending_main:checked ~ .main_callback_field_send-message {
                            display: block;

                            animation: main_callback_field_send-button_opacity 10s;
                            animation-iteration-count: 1;
                            animation-fill-mode: forwards;
                        }
                        	@keyframes main_callback_field_send-button_opacity{
                        		0%{opacity: 0;}
                        		15%{opacity: 1;}
                        		85%{opacity: 1;}
                        		100%{opacity: 0;}
                        	}
                        #sending_main:checked ~ .main_callback_field_send-button_background{
                            background: linear-gradient(180deg, rgb(252, 189, 189) 0%, rgb(255, 0, 0) 100%);

                            animation: backgr_main 8s;
                            animation-iteration-count: 1;
                            animation-fill-mode: forwards;
                        }
                            @keyframes backgr_main{
                                0%{opacity: 1;}
                                50%{opacity: 1;}
                                100%{opacity: 0;}
                            }
                        .main_callback_field_send-message{
                            position: relative;
                            top: -230px;
                            left: -135px;
        
                            padding: 5px;
                            width: 395px;
                            height: 43px;
        
                            font-family: 'Helvetica Neue';
                            font-size: 18px;
                            color: white;
                            text-align: center;

                            background-color: rgb(0, 0, 0);
                            border-radius: 10px;
                            border: 1px solid grey;
        
                            overflow: hidden;
                            display: none;
                        }
            .wrapper_main_section-1_text-4                          /*Замовте зворотній....*/{
                margin-top: 20px;
                margin-right: auto;
                margin-left: auto;

                width: 350px;

                font-size: 20px;
                text-align: center;
                line-height: 1;
            }
            .main_text-5_hr{
                margin: 30px auto 0 auto;

                height: 1px;
                width: 300px;

                border-top: 1px solid rgba(0, 0, 0, 0.25);
            }
            .main_text-5{
                margin-left: auto;
                margin-right: auto;
                width: 400px;

                text-align: center;
                font-size: 20px;
                font-family: 'Helvetica Neue';
                font-weight: normal;
                font-style: normal;
                letter-spacing: 0px;
            }
        .wrapper_main_section-2                                     /*IMG_fridges*/{
            height: 486px;
        }
            .wrapper_main_section-2_img{
                    margin-top: 14px;
                    margin-right: auto;
                    margin-left: auto;

                    height: 463px;
                    width: 480px;
                }
        .about_new{
        	height: 280px;
        	width: 652px;
        }
            .about_new_inner{
                margin: 4px 6px 20px 4px;

                padding-top: 16px;
                /* height: 234px; */
                /* width: 642px; */

                border-radius: 8px;
                /* background-color: rgba(255, 255, 255, 1); */
                background-color: rgb(255, 255, 255);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
            }
            .about_new_header /*❤️❤️❤️УДАЛИТЬ*/ {
                margin-left: 16px;
                margin-right: 16px;

                height: 22px;
                /* width: 430px; */

                font-size: 19px;
                font-weight: bold;
            }
            .about_new_text{
                margin: 0px 16px 0px 16px;

                padding-bottom: 12px;
                /* height: 420px; */
                /* width: 620px; */

                font-size: 20px;
                font-weight: normal;
                text-align: left;
            }
        .wrapper_main_section-3-4_general                           /*Як ми працюємо. Спільне*/{
        }
            .wrapper_main_section-3-4_work-plane-box{
            margin: 4px 6px 6px 4px;

            height: 240px;
            width: 226px;

            text-align: left;

            border-radius: 8px;
            background-color: rgba(255, 255, 255, 1);
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);

            float: left;
        }
            .number{
                margin-top: 8px;
                margin-left: 8px;
                float: left;

                font-size: 70px;
                line-height: 54px;
                color: #0097ff;
                font-weight: bold;
            }
            .work-plane_img-box{
                margin-top: 8px;
                margin-right: 8px;
                float: right;
            }
            .work-plane_description-box{
                margin-top: 108px;
                margin-left: 8px;

                height: 96px;
                width: 214px;

                font-size: 17px;
                letter-spacing: -0.6px;
            }
        .wrapper_main_section-3                                     /*Як ми працюємо. Блок 1*/{
            height: 252px;
        }
            .wrapper_main_section-3_work-plane-1{

            }
                .wrapper_main_section-3_work-plane-1_img{
                    height: 80px;
                    width: 90px;

                    background-image: url(../img/work_pc.png);
                }
            .wrapper_main_section-3_work-plane-2{

            }
                .wrapper_main_section-3_work-plane-2_img{
                    height: 80px;
                    width: 61px;

                    background-image: url(../img/work_fridge_alert.png);
                }            
        .wrapper_main_section-4                                     /*Як ми працюємо. Блок 2*/{
            height: 252px;
        }
            .wrapper_main_section-3_work-plane-3{

            }
                .wrapper_main_section-4_work-plane-3_img{
                    height: 80px;
                    width: 90px;

                    background-image: url(../img/work_car.png);
                }             
                .wrapper_main_section-3_work-plane-4{
                    
                }
                .wrapper_main_section-4_work-plane-4_img{
                    height: 80px;
                    width: 67px;

                    background-image: url(../img/work_fridge_ok.png);
                }             
        .section_price-list                                         /*Прайс-лист*/{
            height: 436px;
            width: 652px; /*⭐⭐⭐*/
        }
            .price-list-section_inner{
                margin: 4px 6px 6px 4px;

                padding-top: 2px;
                padding-bottom: 2px;

                border-radius: 16px;
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
            }
            table.price-list{
                margin: 4px;

                border-collapse: collapse;
            }
                table.price-list th{
                    height: 32px;

                    font-size: 20px;
                    /* letter-spacing: 2px; */
                    font-weight: bold;
                    text-align: center;
                }
                table.price-list td{
                    padding: 0 8px 0 8px;
                    height: 32px;

                    font-size: 20px;
                    text-align: left;
                }
                .col-1{
                    width: 605px;
                }
                .col-2{
                width: 124px;
                }
                table.price-list tr:hover{
                    background-color: rgb(255, 221, 198);
                }
        /* .wrapper_main_section-6{
            height: 290px;

            border: 1px solid rgb(224, 224, 224);
            border-radius: 16px;
            background-color: rgba(255, 255, 255, 0.5);
        } */
        .section_brands                                             /*Бренди*/{
            height: 260px;
        }   
            table.brands_1, table.brands_2{
                margin-left: auto;
                margin-right: auto;

                border-spacing: 1px;
            }
            table.brands_1 td, table.brands_2 td{
                height: 50px;
                width: 240px;

                /* border: 1px solid rgba(0, 0, 0, 0.247); */
                border-radius: 4px;
            }
            .brand{
                margin-left: auto;
                margin-right: auto;

                height: 32px;

                display: block;
                /* filter: drop-shadow(2px 4px 2px rgba(0, 0, 0, 1)); */
            }
        .trust                                                      /* ЧОМУ НАМ ДОВІРЯЮТЬ */{
            height: 300px;
        }
            .trust_description{
                height: 40px;
                width: 420px;

                font-size: 17px;

                letter-spacing: -0.1px;
            }
            .trust-box{
                margin: 4px 6px 6px 4px;
    
                height: 290px;
                width: 226px;
    
                text-align: left;
    
                border-radius: 8px;
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
    
                float: left;
            }
            .trust_img{
                margin: 8px;
                float: left;

                height: 50px;
                width: 50px;
            }
            .trust_header{
                font-size: 23px;
                font-weight: bold;
                line-height: 70px;
                letter-spacing: -1.2px;
                color: #0097ff;
                text-align: center;
            }
            .trust_text{
                margin-left: 8px;
                margin-right: 8px;

                font-size: 17px;
            }
        .about                                                      /*ПРО КОМПАНІЮ*/{
            padding-top: 4px;

            height: 294px;
            width: 312px;
        }
            .about_inner{
                margin: 0px 0px 6px 4px;

                height: 282px;
                width: 302px;

                border-radius: 8px;
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
            }
            .about_img{
                margin: 8px 12px;
                float: left;

                height: 50px;
                width: 50px;
            }
            .about_header{
                font-size: 23px;
                font-weight: bold;
                line-height: 70px;
                letter-spacing: -1.2px;
                color: #0097ff;
                text-align: center;
            }
            .about_text{
                margin-left: 16px;
                margin-right: 16px;

                font-size: 17px;
                text-align: left;
            }
        .feedback                                                   /*ВІДГУКИ*/{
            padding-top: 4px;

            height: 296px;
            width: 312px;

            text-align: left;
        }
            .feedback_inner{
                margin: 0px 0px 6px 4px;

                height: 286px;
                width: 302px;

                border-radius: 8px;
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
            }
            .feedback_header{
                height: 66px;
            }
                .feedback_user-pic{
                    float: left;

                    width: 100px;
                }
                    .feedback_user-img{
                        margin: 8px 12px;
                        float: left;

                        height: 50px;
                        width: 50px;
                    }
                    .feedback_source{
                        position: relative;
                        top: 38px;
                        left: -32px;

                        height: 24px;
                        width: 24px;

                        filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
                    }
                .feedback_user-name{
                    margin-top: 18px;
                    margin-left: -26px;
                    display: inline-block;
                    
                    width: 200px;
                    
                    font-size: 20px;
                    font-weight: bold;
                }
                .feedback_user-date{
                    position: relative;
                    top: -8px;
                    display: inline-block;
                    margin-left: -20px;

                    width: 100px;

                    font-size: 12px;
                }
                .feedback_rating{
                    margin-left: 10px;
                    display: inline-block;
                }
                    .feedback_star{
                        margin-left: -4px;
                        height: 17px;
                        width: 20px;
                    }
            .feedback_text{
                margin: 8px 16px;

                height: auto;

                font-size: 19px;
            }
            .feedback_service{
                margin-left: 24px;
                width: 160px;
            }
                .service_ico{
                    height: 20px;
                    width: 20px;
                }
                .service_score{
                    margin-left: -2px;
                    margin-right: 2px;
                    position: relative;
                    top: -2px;
                    display: inline-block;

                    height: auto;
                    width: 25px;

                    letter-spacing: -1px;
                }
        .opinion{
            height: 500px;
            width: 472px;
        }
            .opinion_inner{
                margin: 0px 0px 6px 4px;

                padding-top: 16px;
                height: 474px;
                width: 462px;

                border-radius: 8px;
                /* background-color: rgba(255, 255, 255, 1); */
                background-color: rgb(245, 245, 245);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
            }
            .opinion_header{
                margin-left: 16px;
                margin-right: 16px;

                height: 22px;
                width: 430px;

                font-size: 19px;
                font-weight: bold;
            }
            .opinion_text{
                margin-top: 8px;
                margin-left: 16px;
                margin-right: 16px;

                height: 420px;
                width: 430px;

                font-size: 17px;
                font-weight: normal;
                text-align: left;
            }
            .opinion_text ol li{
                margin-left: 40px;
                padding-inline-start: 8px;
            }
            .opinion_name{
                position: relative;
                top: -430px;
                left: 12px;
                float: left;

                padding-top: 2px;
                padding-left: 8px;
                width: 301px;
                height: 36px;

                font-size: 19px;
                color: rgb(0, 150, 255);
                text-align: left;

                background-color: rgb(255, 255, 255);
                border: none;
                border-radius: 10px;
            }
                .opinion_name:focus{
                    padding-left: 7px;
                    width: 300px;
                    height: 34px;

                    border: 1px solid rgb(0, 150, 255);
                    outline: none;
                }
                .opinion_name::placeholder{
                    color: rgb(210, 210, 210);
                }
            .opinion_field_send-button /* transparent text */ {
                position: relative;
                z-index: 300;
                top: -429px;
                margin-right: 12px;

                float: right;

                padding-top: 8px;
                width: 122px;
                height: 30px;

                color: white;
                font-size: 19px;
                text-align: center;

                display: block;
            }
                .opinion_field_send-button_background /* red layer */{
                    position: relative;
                    z-index: 299;
                    top: -431px;
                    left: 328px;

                    width: 122px;
                    height: 38px;

                    border-radius: 10px;
                    display: block;
                }
                .opinion_field_send-button_background2 /*blue layer*/{
                    position: relative;
                    z-index: 298;
                    top: -469px;
                    left: 328px;

                    width: 122px;
                    height: 38px;

                    border-radius: 10px;
                    display: block;
                    background: linear-gradient(180deg, rgb(157, 214, 255) 0%, rgba(0,150,255) 100%);
                    /* background-color: rgb(0, 150, 255); */
                }
                #sending_opinion:checked ~ .opinion_field_send-message {
                    display: block;

                    animation: main_callback_field_send-button_opacity 10s;
                    animation-iteration-count: 1;
                    animation-fill-mode: forwards;
                }
                    @keyframes opinion_field_send-button_opacity{
                        0%{opacity: 0;}
                        15%{opacity: 1;}
                        85%{opacity: 1;}
                        100%{opacity: 0;}
                    }
                #sending_opinion:checked ~ .opinion_field_send-button_background{
                    background: linear-gradient(180deg, rgb(252, 189, 189) 0%, rgb(255, 0, 0) 100%);
                    /* background-color: red; */

                    animation: backgr_opinion 8s;
                    animation-iteration-count: 1;
                    animation-fill-mode: forwards;
                }
                    @keyframes backgr_opinion{
                        0%{opacity: 1;}
                        50%{opacity: 1;}
                        100%{opacity: 0;}
                    }
                .opinion_field_send-message{
                    position: relative;
                    top: -185px;
                    left: 28px;

                    padding: 5px;
                    width: 395px;
                    height: 43px;

                    font-family: 'Helvetica Neue';
                    font-size: 18px;
                    color: white;
                    text-align: center;

                    background-color: rgb(0, 0, 0);
                    border-radius: 10px;
                    border: 1px solid grey;

                    overflow: hidden;
                    display: none;
                }
            .opinion_contact{
                margin-top: 62px;
                margin-left: 12px;
                float: left;

                padding-top: 2px;
                padding-left: 8px;
                width: 301px;
                height: 36px;

                font-size: 19px;
                color: rgb(0, 150, 255);
                text-align: left;


                background-color: rgb(255, 255, 255);
                border: none;
                border-radius: 10px;
            }
                .opinion_contact:focus{
                    padding-left: 7px;
                    height: 34px;
                    width: 300px;

                    border: 1px solid rgb(0, 150, 255);
                    outline: none;
                }
                .opinion_contact::placeholder{
                    color: rgb(210, 210, 210);
                }
            .opinion_date{
                margin-top: 62px;
                margin-right: 12px;
                float: right;

                padding-top: 2px;
                padding-left: 8px;
                width: 114px;
                height: 36px;

                font-size: 19px;
                color: rgb(0, 150, 255);
                text-align: left;


                background-color: rgb(255, 255, 255);
                border: none;
                border-radius: 10px;
            }
                .opinion_date:focus{
                    padding-left: 7px;
                    height: 34px;
                    width: 113px;

                    border: 1px solid rgb(0, 150, 255);
                    outline: none;
                }
                .opinion_date::placeholder{
                    color: rgb(210, 210, 210);
                }
            .opinion_description{
                margin-top: 16px;
                margin-left: 12px;
                float: left;

                padding-top: 8px;
                padding-left: 8px;
                min-height: 280px;
                max-height: 280px;
                min-width: 431px;
                max-width: 431px;

                font-size: 19px;
                color: rgb(0, 150, 255);
                text-align: left;


                background-color: rgb(255, 255, 255);
                border: none;
                border-radius: 10px;
            }
                .opinion_description:focus{
                    padding-top: 7px;
                    padding-left: 7px;
                    min-height: 279px;
                    max-height: 279px;
                    min-width: 430px;
                    max-width: 430px;

                    border: 1px solid rgb(0, 150, 255);
                    outline: none;
                }
                .opinion_description::placeholder{
                    color: rgb(210, 210, 210);
                }
            .opinion_description-ps{
            	position: relative;
            	top: 4px;
                margin-left: 16px;
                margin-right: 16px;
                display: inline-block;

                height: 34px;
                width: 430px;

                font-size: 10px;
                font-weight: normal;
                text-align: left;
            }
    .menul{

    }
    .menur{

    }
    .nav{

    }
    .sbl{

    }
    .sbr{

    }
    footer{
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;

        display: block;

        padding: 8px;
        height: auto;
        /* width: 100wv; */
        max-width: 1080px;

        text-align: center;

        border-radius: 10px 10px 0 0;
        background: linear-gradient(to bottom, #D7D7D7 0%, #ffffff 100%);
    }
        .footer_header{
            height: 24px;
            width: 472px;

            text-align: center;
            font-size: 24px;
            font-weight: bold;
        }
        .footer_box{
            margin-top: 0px;

            height: 130px;
            width: 312px;

            /* background-color: rgba(255, 0, 0, 0.096); */
        }
            @media screen and (min-width: 672px) { 
                .footer_box-border-center{
                    border-left: 1px solid rgba(0, 0, 0, 0.35);
                }
            }
            @media screen and (max-width: 671px) { 
                .footer_box-border-center{
                    border-top: 1px solid rgba(0, 0, 0, 0.35);
                }
                .footer_box-border-right{
                    border-top: 1px solid rgba(0, 0, 0, 0.35);
                }
            }
            @media screen and (min-width: 979px) { 
                .footer_box-border-right{
                    border-left: 1px solid rgba(0, 0, 0, 0.35);
                }
            }
        .footer_location{
            padding-top: 12px;
        }
            .footer_location_map{
                margin-left: 15px;
                margin-top: -2px;
                float: left;
                height: 55px;
                width: 50px;
            }
            .footer_location_header{
                margin-top: 3px;
                margin-left: 71px;

                width: 240px;

                font-size: 17px;
                letter-spacing: 1.5px;
            }
            .footer_location ul li /* кнопки "лівий берег" та "правий берег" */{
                margin-top: 8px;
                /* margin-right: 14px; */
                margin-left: 6px;

                display: inline-block;

                letter-spacing: -0.6px;
                list-style: none;
                text-align: right;
            }
                .footer_location ul li a{
                    font-size: 17px;
                    color: black;
                    text-decoration: none;
                }
                #left_bank_button{
                }
                #left_bank_menu_border{
                    position: fixed;
                    top: 0px;
                    left: 0px;

                    height: 3730px;
                    width: 2790px;

                    display: none;
                }
                    #left_bank_menu_bg{
                        position: fixed;
                        /* top: динамический, задается через скрипт в html */
                        /* left: динамический, задается через скрипт в html */

                        height: 555px;
                        width: 125px;
                    
						display: none;
                    }
                        #left_bank_menu{
                            position: fixed;
        
                            padding-left: 10px;
                            padding-top: 5px;
                            height: 525px;
                            width: 115px;
        
                            text-align: left;
        
                            border-radius: 12px;
                            background: linear-gradient(to top, #D7D7D7 0%, #ffffff 100%);
                        }
                            #left_bank_menu ul li{
                                margin-top: -4px;
                                list-style: none;
                            }
                                #left_bank_menu ul li a{
                                    font-size: 14px;
                                    text-decoration: none;
                                    color: black;
                                }
                                    #left_bank_menu ul li a:hover{
                                        color: red;
                                    }
                #right_bank_button{
                }
                #right_bank_menu_border{
                    position: fixed;
                    top: 0px;
                    left: 0px;

                    height: 3730px;
                    width: 2790px;

                    display: none;
                }
                    #right_bank_menu_bg{
                        position: fixed;
                        /* top: динамический, задается через скрипт в html */
                        /* left: динамический, задается через скрипт в html */

                        height: 600px;
                        width: 170px;
                    
						display: none;
                    }
                        #right_bank_menu{
                            position: fixed;
        
                            padding-left: 10px;
                            padding-top: 5px;
                            height: 570px;
                            width: 160px;
        
                            text-align: left;
        
                            border-radius: 12px;
                            background: linear-gradient(to top, #D7D7D7 0%, #ffffff 100%);
                        }
                            #right_bank_menu ul li{
                                margin-top: -4px;
                                list-style: none;
                            }
                                #right_bank_menu ul li a{
                                    font-size: 14px;
                                    text-decoration: none;
                                    color: black;
                                }
                                    #right_bank_menu ul li a:hover{
                                        color: red;
                                    }
            .maxvision_box{
                margin-top: 5px;
                margin-left: auto;
                margin-right: auto;
    
                height: 70px;
                width: 127px;
    
                display: block;
                overflow: hidden;
                /* background-color: rgba(0, 0, 255, 0.11); */
            }
                .maxvision_preheader{
                    font-size: 8px;
                }
                .maxvision_logo{
                    position: relative;
                    top: -4px;

                    height: 47px;
                    width: 127px;
                    display: block;
                    background-image: url(../img/MaxVision_LOGO.png);
                }
                .maxvision_webdev{
                    position: relative;
                    top: -10px;
                    left: 10px;
                    font-size: 7px;
                    letter-spacing: 1px;
                }
        .footer_adress{
            padding-top: 4px;
        }
            .footer_clock{
                float: left;
                margin-top: 6px;
                margin-left: 12px;
                
                height: 50px;
                width: 52px;
            }
            .footer_adress_text-1{
                margin-left: 80px;
                
                font-size: 17px;
                text-align: left;
            }
            .footer_adress_text-2{
                margin-top: 2px;
                margin-right: 16px;
                text-align: right;
            }
            	.footer_adress_text-2 a{
            		text-decoration: none;
            		color: black;
            	}
            .footer_point{
                float: left;
                margin-top: 10px;
                margin-left: 18px;
                
                height: 50px;
                width: 39px;
            }
            .footer_adress_text-3{
                margin-top: 17px;
                margin-left: 80px;
                
                font-size: 17px;
                text-align: left;
            }
        .footer_contacts{
            margin-right: 40px;

            padding-top: 0px;
            overflow: hidden;
        }
        .footer_contacts-ico_box{
            margin-top: 28px;
            margin-left: 6px;
            float: left;
            }
                .footer_contacts_contact-book{
                    height: 72px;
                    width: 62px;
                }
                .footer_contacts_qr{
                    position: relative;
                    top: -11px;
                    left: -58px;

                    height: 50px;
                    width: 50px;
                }
            .footer_contacts-box{
                position: relative;
                top: -94px;
                left: -6px;
                margin-top: 10px;
                margin-left: 85px;
                text-align: left;
            }
            .footer_contacts-box td{
                height: 25px;
            }
                .footer_contacts-box a{
                    margin-left: 8px;

                    color: black;
                    text-decoration: none;
                    line-height: 20px;
                }
                .footer_contacts-box a:hover{
                    color: red;
                }
            .footer_contacts_logo{
                float: left;

                height: 20px;
                width: 20px;
            }
        .footer_bottom{
            margin-top: 8px;
            height: 26px;
            width: 342px;

            text-align: center;
            font-size: 12px;
            font-weight: normal;
    }
            .footer_bottom_hr{
                margin-bottom: 4px;
                margin-left: auto;
                margin-right: auto;
                
                height: 1px;
                width: 150px;
                border-top: 1px solid rgba(0, 0, 0, 0.25);
            }
            .all_rights{
                line-height: 12px;
            }