.menu-desk { width: 0px; opacity: 0; position: fixed; top: 0; left: -100%; bottom: 0; background: transparent; transition: all 0.5s ease-out; z-index: 999; }
.menu-desk.show { opacity: 1; left: 0; width: 480px; max-width: 85%; transition: all 0.5s ease-out; }
.menu-desk__inner { opacity: 0; position: fixed; top: 0; left: -300px; bottom: 0; width: 290px; text-align: left; box-shadow: -2px 0px 5px 0px #2222224d; background: #fff; transition: all 0.5s ease-out; cursor: pointer; z-index: 1000; }
.menu-desk.show .menu-desk__inner { opacity: 1; left: 0; }
.menu-desk__btn-exit { transition: all 0.3s ease-out; cursor: pointer; }
.menu-desk__btn-exit i { font-size: 20px; color: var(--clr-tone); }
.menu-desk.show .menu-desk__btn-exit i { transform: rotateZ(-90deg); transition: all 0.5s ease-out; }
.menu-desk__logo { display: table; margin: auto; zoom: .76; }
.menu-desk__list { padding: 15px; position: relative; }
.menu-desk-center ul { list-style: none; padding: 0; margin: 0 }
.menu-desk-center ul li.li-tim { display: none }
.menu-desk-center ul li h2 { font-size: 17px; margin-bottom: 0 }
.menu-desk-center ul li b { display: inline-block; vertical-align: top; margin-right: 8px }
.menu-desk-center ul li b img { display: inline-block; vertical-align: top }
.menu-desk-center ul li a { color: #191919; display: block; border: 1px solid rgb(132 132 132 / 20%); padding: 10px 40px 10px 10px; position: relative; font-size: 15px; margin-bottom: 12px; border-radius: 5px; transition: .5s !important; font-weight: 500 }
.menu-desk-center ul li a.active2 { color: #fff; box-shadow: 0 0 0 25px var(--clr-tone) inset; }
.menu-desk-center ul li a i { position: absolute; right: 10px; transform: rotate(90deg); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; background: var(--clr-tone); color: #fff; border-radius: 50%; top: 10px }
.menu-desk-center ul li a.active2 i { transform: rotate(0); border-left: 1px solid rgba(255, 255, 255, .2); background: #fff; color: var(--clr-tone); }
.menu-desk-center ul ul { display: none; padding-left: 15px; margin: 5px 0 10px 0 }
.menu-desk-center ul li ul li a { padding-left: 20px; color: #6f6f6f }
.menu-desk-center ul li ul li ul li a { padding-left: 20px }
.menu-desk-center ul li:last-child a { margin-bottom: 0 }
.menu-desk__social-title { font-family: var(--font-bold); font-size: 20px; color: #fff; text-align: left; margin-bottom: 10px; }
.menu-desk__social ul { list-style: none; padding: 0px; margin: 0px; }
.menu-desk__social ul li { margin-right: 15px; }
.menu-desk__social ul li:last-child { margin-right: 0; }
.menu-desk__social ul li a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 5px; background: transparent; transition: all 0.3s ease-out; }
.menu-desk__social ul li a:hover { box-shadow: 0px 0px 4px 0px #fff, 0px 0px 4px 0px #fff inset; }
.menu-btn { color: var(--clr-white); font-size: 35px; text-decoration: none; width: 20px; display: block; cursor: pointer; margin: 0; text-align: center; }
.menu-desk--top { display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 5px 15px; border-bottom: 1px solid var(--clr-tone); }
.menu-desk--bottom { padding: 15px; margin-top: auto; border-top: 1px solid var(--clr-tone); }
.menu-desk__inner { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; }
.menu-desk-center { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; }