:root {
	--topbar-height: 80px;
	--gap-tile: 20px;
	--gap-touch-x: 8px;
	--gap-touch-y: 5px;
	--easy-tap: 12px;	
	--gap-viewport: 24px;
	--label-width: 40px;
}
@media all and (min-width: 1200px) and (max-width: 1399.98px) { :root {
	--gap-tile: 14px;
}}
@media all and (max-width: 1199.98px) { :root {
	--topbar-height: 100px;
	--gap-tile: 14px;
}}
@media all and (max-width: 767.98px){ :root {
	--topbar-height: 70px;
	--gap-viewport: 2vmax;
}}
@media all and (max-width: 767.98px) { .navbar-logo { --label-width: 35px; } }
@media all and (min-width: 768px) { .navbar-logo {	--label-width: 39px; } }
footer { --label-width: 48px; }

#bx-panel ~ #menu {
	top: var(--topbar-height);
}
/* navbar */
.navbar {
	--gap-item: 6px;
	height: var(--topbar-height);
}
.navbar[data-hs-header-options*=fixMoment] {
	transition:  width 0s, transform .3s;
}
.navbar.navbar-untransitioned{
	transition:  0s;
}
.navbar.navbar-light {
	background-color: white;
}
/* .navbar.navbar-light .navbar-nav .nav-link, 
.navbar.navbar-light .nav-item a 
{
	color:  rgba(255,255,255,.7);
} */
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.7);
}
.navbar.navbar-scrolled { --topbar-height: 80px; }
@media (max-width: 767.98px) {
	.navbar.navbar-scrolled { --topbar-height: 70px; }
}
.navbar.navbar-scrolled.navbar-dark {
	background-color: transparent;
}


.navbar-expand-lg .nav-item:not(:last-child) {
	margin-right: calc(var(--easy-tap) * 1.5);
}
.navbar-nav .hs-has-mega-menu a.hs-mega-menu-invoker ,
.navbar-nav .hs-has-sub-menu a.hs-mega-menu-invoker  {
	cursor: default;
}
/* navbar */


/* logo */
.navbar-brand svg {
	height: var(--label-width);
	width: auto;
}
.navbar-dark .navbar-brand.navbar-label  svg * {
	fill: white;
}
.navbar-light .navbar-brand.navbar-label svg * {
	fill: #377dff;
}
@media all and (max-width: 991.98px) {
	.navbar-brand.navbar-label svg rect,
	.navbar-brand.navbar-label svg path:nth-child(2)
	{
		display: none;
	}
	.navbar-brand.navbar-label {
		overflow: hidden;
		
	} 
}

@media (max-width: 575.98px) {
	.navbar.navbar-scrolled {
    --label-width: 35px;
	}
}


.navbar-dark .navbar-brand svg .blue-logo, 
.navbar-light .navbar-brand svg .white-logo {
	display: none;
}

.bg-dark .label-logo,
.bg-secondary .label-logo {
	background: url(https://dev.mai.ru/generic/images/logo/mai-white-bold.svg) no-repeat;
}
.bg-dark .label-title svg *,
.bg-secondary .label-title svg * {
	fill: white;
}
.label {
	display: flex;
	/* flex-direction: column; */
	/* justify-content: space-between; */
	height: 100%;
	max-height: 104px;
}
.label-logo {
	display: block;
	flex-shrink: 0;
	width: var(--label-width);
	height: var(--label-width);
	background: url(https://dev.mai.ru/generic/images/logo/mai-web.svg) no-repeat;
	background-size: contain;
	margin-bottom: 0;
	margin-right: var(--gap-viewport);
}
.label-title {
	width: calc(var(--label-width) * 2.2);
	font-weight: var(--font-extrabold);
	text-transform: uppercase;
	display: block;	
}




/* .label {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	max-height: 104px;
}
.label-logo {
	display: block;
	flex-shrink: 0;
	width: var(--label-width);
	height: var(--label-width);
	background: url(https://dev.mai.ru/generic/images/logo/mai-web.svg) no-repeat;
	background-size: contain;
	margin-bottom: 14px;
}
.label-title {
	width: calc(var(--label-width) * 2.2);
	font-weight: var(--font-extrabold);
	text-transform: uppercase;
	display: block;	
}
.bg-dark .label-logo {
	background: url(https://dev.mai.ru/generic/images/logo/mai-white-bold.svg) no-repeat;
}
.bg-dark .label-title svg * {
	fill: white;
}
.navbar-logo {
	padding: 1.6rem 4.8rem 1.6rem 0;
	height: var(--topbar-height);
}
.navbar.navbar-scrolled .label-logo {
	margin-bottom: 0;
}
.navbar.navbar-scrolled .navbar-logo {
	padding: 1rem 4.8rem 1rem 0;
}
.navbar.navbar-scrolled .label {
	justify-content: center;
}
.navbar.navbar-scrolled .navbar-logo .label-title {
	display: none;
} */
/* logo */

/* footer */
.footer-menulist .menu__link
{
	display: inline-block;
	font-size: .8rem;
}
.footer-menulist .menu__list > li
{
	margin-bottom: .3rem;
}
.footer-menulist .menu__item-text
{
	display: inline-block;
}
/* footer */

/* mainmenu */
.mainmenu {
	display: flex;
	align-items: center;
	/* font-size: .8rem; */
	/* font-weight: var(--font-semibold); */
}
.navbar .navbar-nav .nav-link.mainmenu-item
{
	/* text-transform: uppercase; */
	position: relative;
	white-space: nowrap;
	padding-top: calc(var(--gap-viewport)*1);
	padding-bottom: calc(var(--gap-viewport)*1);
	padding-right: var(--easy-tap);
	padding-left: var(--easy-tap);
	margin-right: var(--gap-item);
	margin-left: var(--gap-item);
	/* color: var(--color-text-gray); */
}
.mainmenu .mainmenu-none {
	display: none;
}
li > .mainmenu-item {
	margin: 0;
}
.mainmenu-item:hover, .hs-mega-menu-opened .mainmenu-item {
	color: var(--color-link);
}
.mainmenu-item.item-search
{
	font-size: 1.4em;
	line-height: 1;
}
/* .mainmenu-item:not(.hs-mega-menu-invoker):last-child,
.navbar-mainmenu .navbar-nav li:last-child { 
	margin-right: calc(var(--easy-tap) * -1 );
}
.mainmenu-item:not(.hs-mega-menu-invoker):first-child,
.navbar-mainmenu .navbar-nav li:first-child { 
	margin-left: calc(var(--easy-tap) * -1 );
} */
.navbar-mainmenu {
	height: var(--topbar-height);
}
.navbar.navbar-scrolled .mainmenu-item {
	padding-bottom: calc(var(--gap-viewport)*1.2);
}
.navbar .mainmenu-item.btn-icon {
	margin-bottom: var(--gap-viewport);
}
.navbar.navbar-scrolled .mainmenu-item.btn-icon {
	margin-bottom: calc(var(--gap-viewport) * .8);
}

/* mainmenu */




/* topbar */
.topbar
{
	display: flex;
	align-items: center;	
	font-size: .875em;
	font-weight: var(--font-regular);
}
.topbar-item
{
	white-space: nowrap;	
	padding-top: calc(var(--gap-viewport)*0.3);
	padding-bottom: calc(var(--gap-viewport)*0.3);
	padding-right: calc(var(--easy-tap)*0.4);
	padding-left: calc(var(--easy-tap)*0.4);
	margin-left: var(--gap-item);	
	margin-right: var(--gap-item);
	color: var(--color-text-gray);
}
li > .topbar-item {
	margin: 0;
}
.topbar-item:hover {
	color: var(--color-link);
}
.topbar-item:not(.hs-mega-menu-invoker):first-child,
.navbar-topbar .navbar-nav li:first-child {
	margin-left: calc(var(--easy-tap) * -0.4);
}
.topbar-item:not(.hs-mega-menu-invoker):last-child,
.navbar-topbar.navbar-nav li:last-child	{
	margin-right: calc(var(--easy-tap) * -0.4);
}
.topbar-item.btn:not(.hs-mega-menu-invoker):last-child {
	margin-right: calc(var(--easy-tap) * -1.2);
}
.navbar-topbar {
	height: 70px;
	display: flex;
}
.topbar-btn
{
	display: inline-block;
	padding: 5px;
	color: black;
	font-size: 1.6em;	
}
.navbar-dark .topbar-btn {
	color: white;
}
/* topbar */

/* submenu */
/* .swiper_breadcrumb
{
	margin-left: -.6em;
}
.swiper_breadcrumb .swiper-wrapper
{
	margin: 0; padding: 0;
}
.swiper_breadcrumb .swiper-slide
{	
	width: auto;
	margin-right: 15px;
}
.swiper_breadcrumb .swiper-slide > a
{
	display: inline-block;
	white-space: nowrap;
	padding: 1em .6em;
	font-size: .85em;
	font-weight: var(--font-semibold);
}
.swiper_breadcrumb .swiper-slide > a.selected,
.swiper_breadcrumb .swiper-slide > a.active
{
	color: var(--color-text-muted);
} */
section.breadcrumb
{
	background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(255,255,255,.02) 100%);
	background-repeat: no-repeat;
	padding-top: 2vh;
	padding-bottom: 2vh;
	overflow: hidden;
}
@media all and (max-width: 575.98px)
{
	section.breadcrumb
	{
		padding-top: 1.6vh;
		padding-bottom: 1.6vh;
	}
}
.breadcrumb .breadcrumb-item a {
	color: #98a1b0;
}
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus,
.breadcrumb .breadcrumb-item a:active {
	color: var(--color-link-hover);
}
.swiper-breadcrumb {
	overflow: visible;
}
.swiper-breadcrumb .swiper-slide
{
	width: auto;
	white-space: nowrap;
}
@media all and (max-width: 1199.98px) {

	/* .swiper-breadcrumb .swiper-slide:first-child, */
	/* .swiper_breadcrumb .swiper-slide
	{
		margin-left: var(--gap-viewport);
	} */
	.swiper-breadcrumb .swiper-slide:last-child
	{
		margin-right: var(--gap-viewport) !important;
	}
	/* .swiper_breadcrumb .swiper-slide:last-child 
	{
		min-width: calc(100vw - 15px);
	} */
}
/* submenu */


.dropdown-item {
  white-space: inherit;
	padding: .4rem 1rem;
}

.dropdown-header {
	margin-bottom: .5rem;
	color: #1e2022;
}


@media all and (min-width: 1450px) { 
	.navbar-logo {
		position: absolute;
		left: 0;
		top: 0;
		padding: 1.6rem 4.8rem 1.6rem 1.6rem;
	}
	.navbar.navbar-scrolled .navbar-logo {
		padding: 1rem 1.6rem;
	}
}


@media all and (min-width: 1400px) and (max-width: 1499.98px)
{
	.mainmenu-item
	{
		padding-right: calc(var(--easy-tap)*0.8);
		padding-left: calc(var(--easy-tap)*0.8);
		margin-right: calc(var(--gap-item)*0.8);
		margin-left: calc(var(--gap-item)*0.8);
	}
}

@media all and (max-width: 1199.98px)
{
	.navbar * {
		transition: all .2s!important;
	}
	.navbar {
		position: fixed!important;
    transform: none!important;
	}
	.navbar .label
	{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;		
	}	
	.navbar .label-logo
	{
		margin-bottom: 0;
		margin-right: var(--gap-viewport);
	}
	.navbar .label-title
	{
		width: calc(var(--label-width) * 1.8)
	}
	.navbar.navbar-scrolled .navbar-topbar {
    display: flex;
	}
	.navbar-topbar {
		height: var(--topbar-height);
	}
	.navbar, .navbar-topbar, .navbar-logo {
		transition: all .3s!important;
	}
}

@media all and (max-width: 991.98px)
{
	footer .label	{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;		
	}	
	footer .label-logo	{
		margin-bottom: 0;
		margin-right: var(--gap-viewport);
	}
	footer .label-title	{
		width: calc(var(--label-width) * 1.8)
	}
}
@media all and (max-width: 767.98px) { 
	.navbar-logo {
		padding: 1rem 2rem 1rem 0;
		height: var(--topbar-height);
	}
	.navbar.navbar-scrolled .navbar-logo {
		padding: .5rem 2rem .5rem 0;
	}
}
@media all and (max-width: 575.98px) {
	.topbar-btn	{
		display: inline-block;
		padding: var(--gap-touch-y) var(--gap-touch-x);
		color: black;
		font-size: 1.4em;	
	}
	.navbar .label-title {
		display: none;
	}
	.navbar.navbar-scrolled {
    --topbar-height: 60px;
	}
}