@font-face {
    font-family: Onest-Regular;
    src: url(../fonts/Onest-Regular.ttf); 
   }
   
@font-face {
    font-family: Onest-Medium;
    src: url(../fonts/Onest-Medium.ttf); 
   }
   
@font-face {
    font-family: Onest-Light;
    src: url(../fonts/Onest-Light.ttf); 
   }   
   
@font-face {
    font-family: Onest-Bold;
    src: url(../fonts/Onest-Bold.ttf); 
   } 
   
@font-face {
    font-family: Onest-SemiBold;
    src: url(../fonts/Onest-SemiBold.ttf); 
   }      

body {
	width: 100%;
	height: 100%;
	font: 12px Onest-Medium, Arial, Helvetica, Geneva, sans-serif;
	background-color: #ededed;
  color:#6E7380;
}

.m_menu {width: 80px;float: left;position: fixed;height: 100%;background: #fff;    padding-top: 90px;}	
/*.m_menu:hover { width:240px!important;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;}*/
.logo_m {width: 50px;height: 50px;background: url('../images/logo-ru.png');border-radius: 50%;font-size: 30px;background-size: cover;}
.logo_m span { display:none;}
.logo_m>div {padding: 3px 9px;letter-spacing: -2px;}
.logo_m a {color: #fff; text-decoration:none}
.op { opacity:0;    position: absolute;
    left: 90px;
    top: 34px;
    width: 120px;font-family: Onest-Medium; font-size:20px}
.op span{ font-size:16px; font-family: Onest-Light;}	
.m_sep {margin: 0 20px 30px 20px; border:1px solid #828693}
.menu_p:hover { background:#f0f0f0}
.menu_p {
    padding: 6px 0;
}
.menu_l { position:relative;    padding: 8px;
    background: #F7F7F7;
    border-radius: 12px;
    margin: 0 20px;
    text-align: center;}
.menu_l_a {position:relative;    padding: 8px;
    background: #35AFF2;
    border-radius: 12px;
    margin: 0 20px;
    text-align: center;}
.menu_l img {filter: brightness(0) saturate(100%) invert(13%) sepia(44%) saturate(0%) hue-rotate(228deg) brightness(102%) contrast(93%);}
.menu_l_a img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(250deg) brightness(108%) contrast(100%);}
.opm { opacity:0;position: absolute;top: 20px;left: 72px; font-size:14px;color: #39435B;display: none;}
/*.m_menu:hover .op, .m_menu:hover .opm { opacity:1;
-moz-transition: opacity 800ms; 
-webkit-transition: opacity 800ms; 
-o-transition: opacity 800ms; 
transition: opacity 800ms;
	}*/