.person{display:flex;align-items:center;}
    .person>.image{width:40px;margin-right:10px;}
    .person>.image>img{width:100%;}
    .person>.name{font-size:20px;}

    .survey_quest>.groups>.group>.iface{width:100%;}
    .survey_quest>.groups>.group .iface_list{flex-wrap:nowrap;justify-content: space-between;gap:10px;}
    .survey_quest>.groups>.group .j_list_item{}

    .survey_quest>.groups>.group_1_wrap{border-radius:30px;background-color:white;padding:40px;}
        .survey_quest>.groups>.group_1_wrap>.name{font-weight:300;font-size:24px;text-align:center;margin:20px auto 56px auto;}
    .survey_quest>.groups>.group_1_wrap>.iface{}
    .survey_quest>.groups>.group_1_wrap .iface_list{display:block;}
    .survey_quest>.groups>.group_1_wrap .iface_list .j_list_item{margin:10px;}

    @media screen and (max-width:686px){

        .survey_quest>.groups>.group_1_wrap{border-radius:15px;padding:20px;margin-bottom:10px;}
            .survey_quest>.groups>.group_1_wrap>.name{margin:0 auto 20px auto;}
    }

    .survey_quest>.groups>.group_2_wrap{border-radius:30px;background-color:white;padding:40px;}
        .survey_quest>.groups>.group_2_wrap>.name{font-weight:300;font-size:24px;text-align:center;margin:20px auto 56px auto;}
    .survey_quest>.groups>.group_2_wrap>.iface{}
    .survey_quest>.groups>.group_2_wrap .iface_list{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px;}
    
    @media screen and (max-width:686px){
        .survey_quest>.groups>.group_2_wrap{border-radius:15px;padding:20px;margin-bottom:10px;}
            .survey_quest>.groups>.group_2_wrap>.name{margin:0 auto 20px auto;}        
    }


    .survey_quest>.groups>.group_2m1_wrap{border-radius:30px;background-color:transparent;padding:40px;}
        .survey_quest>.groups>.group_2m1_wrap>.name{font-weight:300;font-size:24px;text-align:center;margin:20px auto 56px auto;}
    .survey_quest>.groups>.group_2m1_wrap>.iface{}
    .survey_quest>.groups>.group_2m1_wrap .iface_list{display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:10px;}
    
    @media screen and (max-width:686px){
        .survey_quest>.groups>.group_2m1_wrap{border-radius:15px;padding:20px;margin-bottom:10px;}
            .survey_quest>.groups>.group_2m1_wrap>.name{margin:0 auto 20px auto;}        
            .survey_quest>.groups>.group_2m1_wrap .iface_list{display:grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap:10px;}            

            .survey_quest>.groups>.group_2m1_wrap .iface_list .quest_var_text{background-color:white;}

    }


    
    .survey_quest>.groups>.group>.iface{width:100%;}
    .survey_quest>.groups>.group .iface_list{flex-wrap:nowrap;justify-content: space-between;gap:10px;}
    .survey_quest>.groups>.group .j_list_item{}

    @media screen and (max-width:686px){
    
        .survey_quest>.groups>.group .iface_list{display:block;}

    }



    .survey_quest>.groups>.group_3_wrap>.iface{width:auto;border-radius:30px;background-color:white;padding:20px;}
    /*.survey_quest>.groups>.group_3_wrap .iface_list{flex-wrap:wrap;justify-content:start;gap:10px;}*/
    .survey_quest>.groups>.group_3_wrap .iface_list{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:10px;}
    .survey_quest>.groups>.group_3_wrap .j_list_item{}

    @media screen and (max-width:686px){
        .survey_quest>.groups>.group_3_wrap>.iface{border-radius:15px;padding:10px;}
        .survey_quest>.groups>.group_3_wrap .iface_list{display:grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap:10px;}
    }


    .survey_quest{background-color:#F7F7F7;border-radius:15px;padding:40px;box-sizing:border-box;display:flex;position:relative;height:440px;}
    .survey_quest>.info{width:40%;}
    
    .survey_quest>.info>.number{font-weight:400;font-size:12px;margin-bottom:20px;}
    .survey_quest>.info>.quest{font-weight:300;font-size:24px;margin-bottom:20px;width:219px;}
    .survey_quest>.info>.desc{font-weight:400;font-size:12px;width:219px;margin-bottom:20px;}

    .survey_quest>.groups{width:67%;display:flex;gap:10px;justify-content: space-between;}
        .survey_quest>.groups>div{flex-grow:1;}
    
        

    .survey_quest>.navig{position:absolute;left:40px;bottom:40px;display:flex;gap:10px;}
        .survey_quest>.navig .iface_but_key{padding:10px 20px;}

    @media screen and (max-width:686px){
        .survey_quest{display:block;padding:20px;height:auto;}
        .survey_quest>.info{width:auto;}
        .survey_quest>.groups{width:auto;display:block;}
        .survey_quest>.navig{position:static;}
    }



    .quest_var_image{background-color:white;padding:20px;border-radius:30px;cursor:pointer;flex-basis:30%;}
        .quest_var_image .image{border:1px solid #eee;text-align:center;overflow: hidden;border-radius:10px;box-sizing:border-box;height:200px;}
            .quest_var_image .image>img{width:100%}

    .quest_var_image.active,.quest_var_image:hover{box-shadow:0 0 10px #aaa;}

    .quest_var>.variant{background-color:transparent;color:#1E1E1E;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;padding:17px;border-radius:10px;margin-top:10px;}
    .quest_var.active>.variant{background-color:#0074F4;color:white;}

    @media screen and (max-width:686px){

        .quest_var_image{margin-bottom:10px;display:flex;align-items:center;background-color:white;padding:20px;border-radius:15px;cursor:pointer;display:flex;flex-basis:100%;}
        .quest_var_image .image{border:1px solid #eee;text-align:center;overflow: hidden;border-radius:10px;box-sizing:border-box;width:50px;height:50px;}
            .quest_var_image .image>img{width:100%}        
        .quest_var>.variant{margin-top:0;}

    }


    .quest_var_text{background-color:#F7F7F7;color:#1E1E1E;padding:15px;text-align:center;border-radius:10px;cursor:pointer;font-size:14px;}
    .quest_var_text.active{background-color:#0074F4;color:white;}

        .quest_var_text_desc{background-color:#F7F7F7;color:#1E1E1E;padding:15px;text-align:center;border-radius:10px;cursor:pointer;}
            .quest_var_text_desc>.name{margin-bottom:20px;font-size:14px;font-weight:600;text-transform:uppercase;}
            .quest_var_text_desc>.desc{font-size:12px;font-weight:400;text-align:center;}
        .quest_var_text_desc.active{background-color:#0074F4;color:white;}
    
    .send_but_s{display:flex;justify-content:center;}
        .send_but_s .iface_but_key{padding:20px 30px;font-size:20px;}

    .agree{display:flex;align-items:center;gap:10px;justify-content: center;margin-top:40px;}
    .agree .iface_but .iface_but_key{font-weight:bold;width:32px;height:32px;box-sizing:border-box;background-color:white;border:1px solid #888;color:#444;}



    .cart_item_2{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px dashed #ddd;padding:5px;}
        .cart_item_2>.image{width:10%;}
            .cart_item_2>.image>img{width:100%;}
        .cart_item_2>.name{width:90%;font-size:20px;padding-left:10px;box-sizing:border-box;}
        .cart_item_2>.price{width:70%;}
            .cart_item_2>.price .iface_price_val{font-size:24px;margin-right:10px;}
        .cart_item_2>.controls{width:15%;display:flex;align-items:center;width:20%;}
            .cart_item_2>.controls>.iface{margin:0 10px;}
        

        @media screen and (max-width:500px){
            .cart_item_2{display:block;padding-bottom:20px;}
            .cart_item_2>.image{width:auto;text-align:center;}
                .cart_item_2>.image>img{width:50%;}
            .cart_item_2>.name{width:auto;text-align:center;}
            .cart_item_2>.price{width:auto;display:flex;justify-content: center;padding:20px 0;}
            .cart_item_2>.controls{width:auto;justify-content: center;}
        }        


    .cart_item_ps{cursor:pointer;display:flex;align-items:center;gap:15px;padding:10px 20px; width: 100%;border-radius:15px;margin:5px 0;}
    .cart_item_ps.active{background-color:#0074f4;}
        .cart_item_ps.active>div{color:white;}

    .catalog_tovs>.panel .toggle_block{}
        .main_filter .toggle_block>.hdr{padding:10px 0;margin-bottom:10px;}
        .main_filter .toggle_block>.hdr>.name{color:#444;font-size:16px;font-weight:700;padding:10px 0;}
        .main_filter .toggle_block>.content{margin-bottom:40px;}

        .main_filter .toggle_block .iface_list{display:block;}

    .filter_list_item{margin:10px 0;cursor:pointer;}
    .filter_list_item_content{display:flex;}
        .filter_list_item_content>.checker{min-width:18px;min-height:18px;width:18px;height:18px;background-color:#F7F7F7;margin-right:10px;border-radius:3px;border:1px solid #EDEDED;}
        .filter_list_item_content>.name{font-size:16px;}


    .filter_list_item.active .checker{background-color:var(--primary-color);}

    .filter_tov_line{position:fixed;left:10px;right:10px;bottom:10px;background-color:#fff;padding:10px;background-color:var(--primary-color);color:white;}

    @media screen and (max-width:500px){
        .filter_tov_line{bottom:70px;}
    }

    .search_adding{padding:5px 10px;border-radius:5px;cursor:pointer;background-color:#F7F7F7;}

    @media screen and (max-width:646px){
        .search_adding{flex-grow:1;text-align:center;font-size:12px;padding:5 10px;}    
    }

    .search_r{margin-top:10px;padding:10px;}
    .search_r>h1{font-size:20px;margin-top:40px;}
    .search_r>.addings{display:flex;gap:5px;flex-wrap:wrap;padding-left:430px;}
    .search_r>.tovs{}
    .search_r>.info{margin:20px 0;}

    @media screen and (max-width:646px){

        .search_r>.addings{padding-left:0;}
        
    }
    

    .toggle_block>.hdr{display:flex;justify-content: space-between;align-items:center;user-select: none;cursor:pointer;}
    .toggle_block>.sw{width:30px;}
    .toggle_block>.content{display:none;}
    .toggle_block>.content.opened{display:block;}



    
    
    .tov_table_row{display:flex;padding:20px 0;gap:40px;border-bottom:1px dashed #92a1b2;align-items:center;cursor:pointer;justify-content: space-between;}
        .tov_table_row>div{flex-basis:10%;height:38px;}
        .tov_table_row>div>label{font-size:12px;display:block;margin-bottom:5px;color:#92a1b2;height: 30px;}

        .tov_table_row>.image{height:100px;}
            .tov_table_row>.image>img{height:100%;}
        .tov_table_row>.name{flex-basis:30%;}
        .tov_table_row>.price{font-size:20px;font-weight:600;}        
        .tov_table_row>.base{flex-basis:20%;}
   

    .tov_table_row:hover{}


    @media screen and (max-width:646px){

        .tov_table_row{display:block;}
            
            .tov_table_row>div>label{display:inline;}

    }


    .tov_tile_filter_line{min-width:280px;border:1px solid #eee;margin:5px;padding:5px;text-decoration:none;color:#444;background-color:white;}
        .tov_tile_filter_line .image>img{width:50px;padding:5px;}