.background-top,
.background-sticky,
.background-collapsed {
	transition: opacity 0.2s linear;
}

.menu-close.menu-side.menu-side-logo-inside .background-top,
.menu-close.menu-side.menu-side-logo-inside .background-sticky,
.menu-close.menu-logo-inside:not(.menu-side) .background-top,
.menu-close.menu-logo-inside:not(.menu-side) .background-sticky,

.menu-open header:not(.sticky) .background-sticky,
.menu-open header.sticky .background-top,
.menu-open header .background-collapsed {
	opacity: 0!important;
}

.menu-open .sec-nav .collapse.with-background,
.menu-open .main-nav .collapse.with-background {
	position: static;
}

.sec-nav .menu-bar .navbar-brand {
	display: none;
}

.menu-close:not(.menu-side):not(.has-main-nav).menu-logo-outside .sec-nav .menu-bar .navbar-brand,
.menu-close.menu-side:not(.has-main-nav).menu-side-logo-outside .sec-nav .menu-bar .navbar-brand {
	display: block;
}

.menu-close .sec-nav > .background:not(.background-collapsed),
.menu-close .main-nav > .background:not(.background-collapsed),
.menu-open .main-nav > .background.background-collapsed,
.menu-open .main-nav .menu-bar > .background,
.menu-open .sec-nav .collapse > .background,
.menu-open .main-nav .collapse > .background {
	display: none;
}

.menu-close .main-nav .navbar-collapse.with-background > .background,
.menu-close .sec-nav .navbar-collapse.with-background > .background {
	position: fixed;
	top: 0;
	width: 30rem;
	height: 100%;
}

.menu-close .sec-nav .navbar-collapse.with-background > .background {
	left: auto;
	right: -30rem;
	transition: right 400ms cubic-bezier(0.810, 0.085, 1.000, 0.000);
}
.menu-close.moveSecNav .sec-nav .navbar-collapse.with-background > .background {
	right: 0;
  	transition: right 400ms cubic-bezier(0.000, 1.000, 0.085, 0.810);
}
.menu-close.menu-side-sec .sec-nav .navbar-collapse.with-background > .background {
	right: 0;
	transition: right 0s linear;
}
.menu-close.menu-working .sec-nav .navbar-collapse.with-background > .background {
	transition: right 0s linear;
}

.menu-close .main-nav .navbar-collapse.with-background > .background {
	right: auto;
	left: -30rem;
	transition: left 400ms cubic-bezier(0.810, 0.085, 1.000, 0.000);
}
.menu-close.moveMainNav .main-nav .navbar-collapse.with-background > .background {
	left: 0;
  	transition: left 400ms cubic-bezier(0.000, 1.000, 0.085, 0.810);
}
.menu-close.menu-side-main .main-nav .navbar-collapse.with-background > .background {
	left: 0;
	transition: left 0s linear;
}
.menu-close.menu-working .main-nav .navbar-collapse.with-background > .background {
	transition: left 0s linear;
}


@media (max-width: 460px) {
	.menu-close .main-nav .navbar-collapse.with-background > .background,
	.menu-close .sec-nav .navbar-collapse.with-background > .background {
		width: calc(100vw - 78px);
	}
	.menu-close .sec-nav .navbar-collapse.with-background > .background {
		right: calc(-100vw + 78px);
	}
	.menu-close .main-nav .navbar-collapse.with-background > .background {
		left: calc(-100vw + 78px);
	}
}

.menu-close.menu-logo-inside .header {
	pointer-events: none;
}
.menu-close.menu-logo-inside .header * {
	pointer-events: auto;
}
.menu-close.menu-logo-inside .with-scroll {
	pointer-events: none;
}
.menu-close.menu-logo-inside .with-scroll * {
	pointer-events: auto;
}
.menu-close.menu-logo-inside .sec-nav,
.menu-close.menu-logo-inside .main-nav {
	pointer-events: none;
}
.menu-close.menu-logo-inside .sec-nav *,
.menu-close.menu-logo-inside .main-nav * {
	pointer-events: auto;
}
.menu-close.menu-logo-inside .sec-nav > .background,
.menu-close.menu-logo-inside .main-nav > .background {
	pointer-events: none;
}