html.hc-nav-yscroll { overflow-y: scroll}
body.openmenu { overflow: visible; position: fixed; width: 100%; min-height: 100%}
.social_menu a { width: 35px; height: 35px; line-height: 35px;text-align: center; border-radius: 6px; border: 1px solid; border-color: var(--second-company-text); background-color: var(--second-company-text); color: var(--second-company-text); font-size: 16px; text-transform: capitalize; position: relative; opacity: 1; float: left; text-decoration: none; transition: all 300ms ease-out; justify-content: center; padding: 0!important}
.social_menu{ display: flex!important; gap: 24px; padding: 0 20px; margin: 30px 0 0 !important;}
.social_menu a svg { color: #fff!important; margin-right: 0!important}
.nav-close { display: none!important}
.close_icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff}
.fn_mobile_menu {  position: fixed; top: 0; height: 100%; z-index: 9999;  right: 0; display: block;}
.mob_menu_container { position: fixed;  z-index: 10000; top: 0; width: 480px;  height: 100%; max-width: 90%; max-height: 100%; box-sizing: border-box;transition: transform .4s ease, -webkit-transform .4s ease; right: 0;}
.fn_mobile_menu.hidden .mob_menu_container {transform: translate3d(480px, 0, 0);}
.fn_mobile_menu .mob_menu_container { transform: translate3d(0px, 0, 0);}
.mob_menu_wrapper { width: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;box-sizing: border-box;background: #ffffff;border-radius: 0 0 20px 20px; overflow: hidden; box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);}
.mob_menu_content {overflow: scroll;overflow-x: visible;overflow-y: auto;box-sizing: border-box;height: 100%;max-height: 100vh;}
.mob_menu_content::after, .fn_mobile_menu::after {content: ''; position: fixed;z-index: 9990;top: 0; left: 0;right: 0;bottom: 0;width: 100%;height: 100%;-ms-scroll-chaining: none;overscroll-behavior: none;visibility: hidden;opacity: 0;transition: visibility 0s ease .4s, opacity .4s ease;backdrop-filter: blur(4px);background: #00000099;}
.fn_mobile_menu.op_menu::after {visibility: visible;opacity: 1;transition-delay: .05s;}
.mob_menu_content ul {list-style: none;margin: 0;padding: 0;}
.mob_menu_content .top-nav {background: #1A0700;color: #ffffff;}
.mob_menu_content li {text-align: left;position: relative;display: block;margin: 0!important;}
.mob_menu_content .second-nav{margin-top: 40px;}
.mobile__link {position: relative;font-size: 22px;font-weight: 600;color: #414141;z-index: 1;padding: 12px 16px;justify-content: space-between;}
.second-nav li {padding: 0 20px;margin-bottom: 25px}
.mob_menu_content .header__callback {border-radius: 60px;background-color: var(--second-company-text);color: #000000;font-size: 16px;line-height: 19px;font-weight: 600;padding: 16px 75px;margin: 0 auto;width: 100%;max-width: 414px;}
.mob_menu_content .menu_group__link {padding: 15px 20px;font-size: 18px;font-weight: 600;color: #414141;z-index: 1;position: relative;display: flex;align-items: center; text-align: center; justify-content: center;}
.menu_group__link a, .menu_group__link a:hover, .menu_group__link a:focus {color: #414141;}
.mob_menu_content .mob_contacts {background: #EAF1F0!important;border-top: 1px solid #C9DBD9;padding: 30px 0 20px;margin-top: 25px;}
.mob_menu_content .mob_contacts a{font-size: 18px;font-weight: 700;padding: 8px 20px;color: #414141;z-index: 1;display: flex;align-items: center;}
.mob_menu_content .mob_contacts .email svg{width: 32px;height: 32px;margin-right: 10px;color: var(--basic-company-text);}
.mob_menu_content .social_menu a{ border-color: var(--basic-company-text); background-color: var(--basic-company-text); }
.mob_menu_content .menu_group__list--2 {padding: 0 24px;display: none}
.menu_group__link.active .arrow_menu svg {transform: rotate(270deg);}
.mob_menu_content .menu_group__list--2 .menu_group__link {font-size: 18px;padding: 5px 16px}
.arrow_menu {display: flex;width: 100%}
.arrow_menu svg {transform: rotate(90deg);width: 15px;height: 15px;margin-left: 12px;color: var(--second-company-text);transition: all .3s ease-out}
.mob_menu_content li.social_menu{gap: 30px;margin-bottom: 14px!important;}

@media (max-width : 480px) {
    .mob_menu_container{width: 100%;max-width: 100%;}
}