/* MENU-MAIN -------------------------------------------------------------- */

.tmpl-menu-main-wrapper { }
.tmpl-menu-main { position: relative; display: flex; align-items: center; background-color: #f4f7fb; border-radius: 10px; transition: background-color; transition-duration: .2s; }
.tmpl-menu-main.hover { background-color: #ebf3ff; }

.tmpl-menu-main .tmpl-search-link { flex-shrink: 0; width: 64px; height: 64px; background-image: url("/bitrix/templates/gosexpert_rcit/components/bitrix/menu/rcit_top/images/ico-menu-search.svg"); background-repeat: no-repeat; background-position: center; cursor: pointer; transition: .2s; }
.tmpl-menu-main .tmpl-search-link:hover { opacity: .85; }
.tmpl-menu-main .navbar { padding: 0; position: static !important; }

.tmpl-menu-main ul.navbar-nav > li { /*position: static !important;*/ position: relative; flex-grow: 1; margin: 0 8px; max-width: fit-content; }

.tmpl-menu-main ul.navbar-nav > li > a { position: relative; display: flex; align-items: center; text-align: center; color: #0252a8 !important; font-size: 1rem; text-decoration: none; line-height: 1.1; height: 64px; padding: 0 16px; cursor: pointer; }
.tmpl-menu-main ul.navbar-nav > li > a:hover { opacity: .75; }
.tmpl-menu-main ul.navbar-nav > li.submenu-exist > a { padding-right: 20px; }
.tmpl-menu-main ul.navbar-nav > li.submenu-exist > a::after { position: absolute; right: 0; top: 28px; font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 700; font-size: .66rem; }

.tmpl-menu-main .dropdown-menu { box-shadow: 0 -6px 10px rgb(102, 140, 196, .2), 0 3px 4px rgb(102, 140, 196, .2); background-color: #ebf3ff; display: block; visibility: hidden; opacity: 0; padding: 0; margin: 0; transition: 0.2s; position: absolute; top: 95%; border: none; padding: 8px 0; font-size: .93rem; z-index: 99; border-radius: 10px; width: 300px; }
.tmpl-menu-main .navbar-collapse .dropdown:not(.onMobile):hover > a { opacity: .8; }
.tmpl-menu-main .navbar-collapse .dropdown:not(.onMobile):hover > .dropdown-menu { /*clip: rect(auto, auto, 20rem, auto);*/ visibility: visible; opacity: 1; transform: translateZ(0); }
.tmpl-menu-main .dropdown-menu > li.dropdown-item { /*display: inline-block; width: 33%;*/ display: block; padding: 0 16px; vertical-align: top; }
.tmpl-menu-main .dropdown-menu > li.dropdown-item > a { position: relative; display: block; text-align: left; color: #0252a8; padding: 12px; cursor: pointer; border-bottom: 1px dashed #d9e1ea; white-space: normal; line-height: 1.1; }
.tmpl-menu-main .dropdown-menu > li.dropdown-item > a:hover { opacity: .75; }
.tmpl-menu-main .dropdown-menu > li.dropdown-item:last-of-type > a { border-bottom: none; }
.tmpl-menu-main .dropdown-menu > li.dropdown-item:hover { background-color: #ebf3ff; }
.tmpl-menu-main .dropdown-menu::after { content: ""; bottom: 100%; left: 10%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ebf3ff; border-width: 8px;}


.tmpl-menu-main button.navbar-toggler { border-radius: 0; padding: 0; border: none;}
.tmpl-menu-main button.navbar-toggler:focus { outline: none; }
.tmpl-menu-main button.navbar-toggler .nav-icon-wrapper { display: flex; align-items: center; justify-content: center; height: 64px; width: 64px; }
.tmpl-menu-main button.navbar-toggler .nav-icon { width: 30px; height: 24px; position: relative; cursor: pointer; display: inline-block; }
.tmpl-menu-main button.navbar-toggler .nav-icon span { background-color: #0252a8; position: absolute; border-radius: 2px; transition: .3s cubic-bezier(.8, .5, .2, 1.4); width: 100%; height: 4px; }
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(1) { top: 0; left: 0; }
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(2) { top: 10px; left: 0; opacity: 1; }
.tmpl-menu-main button.navbar-toggler .nav-icon span:nth-child(3) { bottom: 0; left: 0; }
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(1) { transform: rotate(45deg); top: 10px; transition-delay: 50ms; }
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(2) { opacity: 0; }
.tmpl-menu-main button.navbar-toggler[aria-expanded="true"] .nav-icon span:nth-child(3) { transform: rotate(-45deg); top: 10px; transition-delay: 50ms; }

.tmpl-menu-main .navbar-brand { color: #0252a8; text-transform: uppercase; flex: 1; height: 64px; align-items: center;padding: 0; margin: 0;}


@media (max-width: 1919px) {
    .tmpl-menu-main ul.navbar-nav > li > a { padding: 0 10px; }
    .tmpl-menu-main ul.navbar-nav > li.submenu-exist > a { padding-right: 15px; }
}
@media (max-width: 1023px) {
    .tmpl-menu-main.hover { background-color: #f4f7fb; }
    .tmpl-menu-main .tmpl-search-link { width: 50px; height: 50px; border-right: 1px dotted #8a949e;  }
    .tmpl-menu-main .navbar { width: 100%; }
	.tmpl-menu-main ul.navbar-nav > li { max-width: 100%; }
    .tmpl-menu-main ul.navbar-nav > li > a { height: auto; height: 48px; }
    .tmpl-menu-main ul.navbar-nav > li.submenu-exist > a::after { top: 16px; }
    .tmpl-menu-main .dropdown-menu { background-color: #f4f7fb; position: static; display: none; visibility: visible; opacity: 1; width: 100%; transform: translateZ(0); border: none; margin-left: 0; margin-right: 0; }
    .tmpl-menu-main .dropdown-menu.show { display: block; }
    .tmpl-menu-main .dropdown-menu::after { /*left: 32px;*/ display: none; }
    .tmpl-menu-main .dropdown-menu .dropdown-item { margin: 0 !important; white-space: normal; width: 100% !important; }
    .tmpl-menu-main .dropdown-menu .dropdown-item:hover,
    .tmpl-menu-main .dropdown-menu .dropdown-item:focus { background-color: RGBa(255,255,255,0.2); }
    .tmpl-menu-main .dropdown-menu > li.dropdown-item > a { padding: 12px 0; }
}