.menu-bar { transition: all 0.3s ease-in-out; transition-delay: 0.2s; background-color: #337AB7; border-radius: 50%; border: 4px solid #BFE2FF; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3); position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; z-index: 9999999; box-sizing: content-box;
}
.menu-bar span { transition: all 0.3s ease-in-out; background-color: #fff; display: inline-block; height: 3px; position: absolute; top: 50%; left: 10px; width: 22px;
}
.menu-bar span:before,
.menu-bar span:after { transition: all 0.3s ease-in-out; background-color: #fff; content: ''; display: block; height: 3px; position: absolute; width: 30px;
}
.menu-bar span:before { top: -8px;
}
.menu ul .subtriggered + ul::-webkit-scrollbar {
    width: 10px;
}
.menu ul .subtriggered + ul::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #ffffff;
}
.menu ul .subtriggered + ul::-webkit-scrollbar-track {
    background: #1c2227;
}
.menu-bar span:after { top: 8px;
}
.triggered .menu-bar span { width: 0;
}
.triggered .menu-bar span:before { transform: rotate(45deg); top: 0;
}
.triggered .menu-bar span:after { transform: rotate(-45deg); top: 0;
}
.menu ul { transition: all 0.3s ease-in-out; list-style: none; margin: 0; padding: 0;
}
.menu ul li { transition: all 0.3s ease-in-out;
}
.menu ul li a { color: #fff; display: inline-block; font-size: 15px; padding: 5px 0px; position: relative; text-decoration: none; outline: none; text-transform: uppercase; font-weight: 300;
}
.menu ul li span { display: inline-block; height: 24px; top: 5px; position: relative; width: 24px; float: right;
}
.menu ul li span:before,
.menu ul li span:after { background-color: #c99326; content: ''; display: block; height: 3px; position: absolute; width: 15px;
}
.menu ul li span:before { top: 50%; transform: translateY(-50%);
}
.menu ul li span:after { transition: all 0.15s ease-in-out; top: 50%; transform: translateY(-50%) rotate(90deg);
}
.menu ul li span.subtriggered:after { transform: translateY(-50%) rotate(0);
}
.menu ul li ul li a { padding: 3px 30px; font-size: 15px; color: #ffffff;
}
.triggered .menu { opacity: 1; transform: translateY(0);
}
.menu ul ul { display: none;
}
.menu ul .subtriggered + ul { display: block; height: min-content; overflow: auto; max-height: 300px;
}
#side-checkbox { display: none;
}
.side-panel { position: fixed; z-index: 999999; top: 0; left: -360px; background: #1c2227; transition: all 0.5s; width: 320px; height: 100vh; box-shadow: 10px 0 20px rgba(0,0,0,0.4); color: #FFF; padding: 40px 20px;
}
.side-title { font-size: 20px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #c99326;
}
.side-button-1-wr { text-align: center;
}
.side-button-1 { display: inline-block;
}
.side-button-1 .side-b { margin: 5px; text-decoration: none; position: fixed;     left: -68px; top: 50%;     z-index: 100; font-size: 20px; line-height: 20px; padding: 12px 30px; color: #FFF; font-weight: bold; text-transform: uppercase; rotate: revert; background: #30373b; cursor: pointer; transform: rotate(90deg); border: 3px solid #c99326;
}
.side-button-1 .side-b:hover,
.side-button-1 .side-b:active,
.side-button-1 .side-b:focus { color: #FFF;
}
noindex.bottom-men-pol3 {
    position: absolute;
}
.side-button-1 .side-b:after,
.side-button-1 .side-b:before { position: absolute; height: 4px; left: 50%; bottom: -6px; content: ""; transition: all 280ms ease-in-out; width: 0;
}
.side-button-1 .side-open:after,
.side-button-1 .side-open:before { background: #30373b;
}
.side-button-1 .side-close:after,
.side-button-1 .side-close:before { background: #30373b;
}
.side-button-1 .side-b:before { top: -6px;
}
.side-button-1 .side-b:hover:after,
.side-button-1 .side-b:hover:before { width: 100%; left: 0;
}
/* Переключатели кнопки 1 */
.side-button-1 .side-close { display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-open { display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-close { display: block;
}
#side-checkbox:checked + .side-panel { left: 0;
}
/* Оформление кнопки на панеле */
.side-button-2 { font-size: 30px; border-radius: 20px; position: absolute; z-index: 1; top: 8px; right: 8px; cursor: pointer; transform: rotate(45deg); color: #c99326; transition: all 280ms ease-in-out;
}
.side-button-2:hover { transform: rotate(45deg) scale(1.1); color: #FFF;
}
.fa-whatsapp:before {
    content: "\f232";
    font-size: 35px;
    margin: 5px;
    color: white;
    cursor: pointer;
}
.fa-telegram:before {
    content: "\f2c6";
    font-size: 35px;
    margin: 5px;
    color: white;
    cursor: pointer;
}
.fa-vk:before {
    content: "\f189";
    font-size: 35px;
    margin: 5px;
    color: white;
    cursor: pointer;
}
.fa-youtube-play:before {
    content: "\f16a";
    font-size: 35px;
    margin: 5px;
    color: white;
    cursor: pointer;
}
.soc-subscribe {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 2px solid #c99326;
}
@media (max-width:768px){
    .side-button-1 .side-b { top: 70%;
    }

}