#main_menu{position:fixed;top:0;left:0;color:#fff;height:calc(100% - 70px);width:32px;margin-top:35px;background:rgba(0,0,0,.7058823529);padding:0 2px;overflow:auto;overflow-x:hidden;transition:width .5s,padding .5s;transition-delay:.18s;border-right:1px solid #393939;z-index:5}#main_menu.hover_el:hover{width:165px;padding:0 5px}#main_menu.hover_el:hover .main_menu_item p{max-width:200px;max-height:500px;height:auto}#main_menu.hover_el:hover #logo{max-width:150px}#main_menu .main_menu_item{margin-top:12px;padding:5px 0;white-space:nowrap;border-radius:5px;cursor:pointer}@media (pointer:coarse){#main_menu .main_menu_item:not(:first-child){margin-top:16px}}#main_menu .main_menu_item.hover_el:hover:not(.current_main_menu) i.hover_element{color:#f60!important}#main_menu .main_menu_item.hover_el:hover:not(.current_main_menu) p.hover_element{color:#f60!important}#main_menu .main_menu_item p{display:inline-block;max-width:0;max-height:100px;transition:color .5s}#main_menu .main_menu_item i{font-size:18px;width:27px;text-align:center;transition:color .5s;vertical-align:middle;transform:translateY(-1px)}#main_menu .main_menu_item:hover+.sub_main_menu{max-width:200px;max-height:200px}#main_menu .main_menu_item.current_main_menu{border:1px solid #f60}#main_menu .sub_main_menu{max-height:0;max-width:0;margin-left:10px;overflow:hidden;white-space:nowrap;transition-timing-function:ease;transition:max-height .3s,max-width .3s}#main_menu .sub_main_menu p{cursor:pointer}#main_menu .sub_main_menu p::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105";margin-right:5px}@media (pointer:coarse){#main_menu .sub_main_menu p{margin-top:7px}}#main_menu .sub_main_menu p.hover_element:hover{color:#f60!important}#main_menu .sub_main_menu:hover{max-width:500px;max-height:500px;height:auto}#main_menu #logo{max-width:0;position:absolute;bottom:5px;transition:max-width .5s}@media only screen and (max-height:405px){#main_menu #logo{position:relative;margin-top:20px;bottom:5px!important}}#open_close_menu{position:absolute;top:5px;right:5px}#open_close_menu i:first-child{margin-right:-4px;transform:rotate(-90deg) translateX(.5px)}.sub_main_menu_of_small_menu{display:none}#show_hide_menu_button{visibility:hidden;position:absolute;margin-top:-8px;left:50%;transform:translateX(-50%);color:inherit;background:0 0;border:none;cursor:pointer;outline:0}#show_hide_menu_button i{font-size:22px;cursor:pointer;color:#fff}#show_hide_menu_button .fas{transform:scale(1.3,1)}