/*Меню*/
div.menu{
    position:static;
    top:0px;
    left:50%;
    width:1100px; /*58.9%*/
    box-sizing:border-box;
    z-index:999;
    margin:0 auto;
    overflow:hidden;
    background:#FFF;
    padding-right: 0.3%;
}
        

div.menu div.header{
    width:100%;
    margin: 0 auto;
    height:85px;
}

    div.header div.cell_header{
        float:left;
        width:20%;
        height:110px;
        position: relative;
    }
    
        div.cell_header div.navigation{
            position:absolute;
            -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            top:40%;
            width:100%;
            text-align: right;
        }
            div.navigation a{
                color:#000;
                padding:5px 15px;
                display: inline-block;
                font-size:13pt;
            }
                div.navigation a:hover{
                    color: #878786;
                }

            div.navigation div.location_link{
                float:right;
                margin-left: 20px;
            }
                div.location_link a{
                    color:#000;
                    display:inline-block;
                    padding:5px;
                }

                    div.location_link a:after{
                        content: '|';
                        position:relative;
                        left:6px;
                        font-size:15pt;
                    }
                    
                    div.location_link a:last-child:after{
                        content: '';
                        position:relative;
                        left:6px;
                        font-size:15pt;
                    }
                
                    div.location_link a:hover{
                        color: #878786;
                    }
            
        div.cell_header div.header_logo img{
            width:150px;
            margin-top:28px;
            cursor:pointer;
        }
        
        div.cell_header a.link_home{
            display:none;
            width: 40px; /*56*/
            height: 40px;
            position:absolute;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            top:50%;
            left:50%;
            background: url('../img/llo_green.png') top no-repeat;
            background-size:100% 100%;
        }
        
        div.cell_header div.social_block{
            float:right;
            margin-top:32px;
            cursor:default;
        }
            div.social_block div.social_link{
                width:36px;
                height:36px;
                float:right;
                margin-right:8px;
                cursor:pointer;
            }
                #inst_link{
                    background: url('../img/inst.png') top no-repeat;
                    background-size:100% 100%;
                }
                
                    #inst_link:hover{
                        background: url('../img/inst_activ.png') top no-repeat;
                        background-size:100% 100%;
                    }
                
                #be_link{
                    background: url('../img/be.png') top no-repeat;
                    background-size:100% 100%;
                }
                    #be_link:hover{
                        background: url('../img/be_activ.png') top no-repeat;
                        background-size:100% 100%;
                    }
        
            div.social_block div.lang{
                font-size:14pt;
                width:20px;
                height:36px;
                padding:7px 0;
                margin-left:10px;
                box-sizing:border-box;
                float:right;
                cursor:pointer;   
            }
            
            div.lang a{
               color:black; 
            }
                div.lang a:hover{
                    color:rgb(70,174,90);
                }
   
/*Мобильное меню*/
div.mobile_menu{
    float:right;
    margin-top:20px;
    margin-right: 15px;
    display:none;
}

    div.mobile_menu div.button_mob_menu{
        width:40px;
        height:50px;
        transition:0.2s;
        background: url('../img/mobile_menu.png') center center no-repeat;
        background-size:65% 65%;
        cursor:pointer;
    }
    
    div.list_mobile_menu{
        position:fixed;
        z-index:99999;
        top: 85px;
        left:0;
        background:#FFF;
        width:100%;
/*        height:200px;*/
        display:none;
    }
        div.list_mobile_menu a{
            display:block;
            border-bottom:1px solid rgb(108,109,112);
            margin-left:1%;
            margin-right:1%;
            padding:15px;
            color:black;
            background:#FFF;
            text-align:center;
        }
        
        div.list_mobile_menu div.lang_panel{
            width:100%;
            float:left;
            background:#FFF;
        }
        
        a.moblang{
            float:left;
            width:50%;
            margin-left:0% !important;
            margin-right:0% !important;
            border-bottom:none !important;
        }
    

@media only screen and (max-width: 1120px){
    div.menu {
        width: 850px;
    }
}

@media only screen and (max-width: 869px){
    div.menu {
        width: 620px;
    } 
    
    div.navigation{
        padding-bottom:8px;
    }
    
    div.navigation a{
        padding:10px 7px;
        font-size:10pt;
    }
    
    div.location_link a{
        padding:5px;
    }
    
}

    
@media only screen and (max-width: 650px){
    div.menu {
        width:100%;
        position:fixed; 
        top:0;
        left:0;
    }
    
    div.header div.cell_header{
        height:inherit;
    }
    
    div.cell_header div.header_logo img{
        width: 110px;
        margin-top: 35px;
        margin-left: 10px;
    }
    
    div.navigation{
       display:none; 
    }
    
    
    /*Мобильное меню*/
    div.mobile_menu{
        display:block;
    }
    
    div.social_block{
        display:none;
    }
    
    
    div.menu div.header{
        border-bottom:0px solid rgb(108,109,112);
    }

    div.display_list_public{
        margin-top: 85px !important;
    }
}

@media only screen and (max-width: 360px){
    div.social_block div.social_link{
        width:17px;
        height:17px;
    }
}
