:root {
	--side-menu-app-width:72px;
	--side-menu-app-link-color:#000;
	--side-menu-app-panel-background-color:#fff;
}

#side-menu-app {
	width: var(--side-menu-app-width);
	background: #fff;
	color: var(--side-menu-app-link-color);
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	z-index: 609;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}

#side-menu-app.active {
	width: 100%;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}

#side-menu-app .nav-side {
	padding-top:var(--nav-main-height);
    width: var(--side-menu-app-width);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: start;
	justify-content: flex-start;
	z-index: 609;
	background-color: var(--primary-color);
}

#side-menu-app .nav-side .nav-side-menu-item, #side-menu-app .nav-side .nav-side-menu-item-extern {
	width: 100%;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 36px;
	transition: all .6s cubic-bezier(.9,0,.1,1);
	overflow: hidden;
	text-decoration: none;
	display: -ms-inline-flexbox;
	display: inline-flex;
	letter-spacing: .02em;
}

#side-menu-app .nav-side .nav-side-menu-item .nav-side-menu-link, #side-menu-app .nav-side .nav-side-menu-item-extern .nav-side-menu-link {
	text-decoration: none;
	letter-spacing: .15em;
	line-height: 2;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
}

#side-menu-app .nav-side .nav-side-menu-item .nav-side-menu-link.vertical, #side-menu-app .nav-side .nav-side-menu-item-extern .nav-side-menu-link.vertical {
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size:0.7rem;
}

#side-menu-app #panel-side-close {
	border: none;
	background-color: unset;
	color: #000;
	display: none;
	text-align: center;
	padding: .5rem;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.0s, visibility 1.0s;
}

#side-menu-app #panel-side-close.active {
	display: block;
	visibility: inherit;
	opacity: 1;
	transition: opacity 1.0s, visibility 1.0s;
}

#side-menu-app .panel-side {
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	background-color: var(--side-menu-app-panel-background-color);
	top: 0;
	left: 0;
	margin: 0;
	z-index: 608;
	visibility: hidden;
	opacity: 0;
	transition: opacity 1.5s, visibility 1.5s;
}

#side-menu-app .panel-side.show {
	visibility: inherit;
	opacity: 1;
	transition: opacity 1.5s, visibility 1.5s;
}

#side-menu-app .panel-side .panel-side-item {
	margin: 0;
	padding: 50px;
	padding-left: calc(50px + var(--side-menu-app-width));
}

#side-menu-app .panel-side .panel-side-item .panel-side-item-inner {
	/*
	height: 100%;
	overflow-y: scroll;
	*/
}

#side-menu-app .panel-side .panel-side-item.hide {display:none;}
#side-menu-app .panel-side .panel-side-item.show {display:block;}

#side-menu-app .panel-side .panel-side-item .panel-side-item-inner .shortcode-get-post .av-special-heading {margin-top:0;}



@media (min-width: 558px) {

	#side-menu-app {
		display: -ms-flexbox;
		display: flex;
	}

	#header, #main, responsive.html_mobile_menu_tablet #top #wrap_all #header {
		width: calc(100% - var(--side-menu-app-width)) !important;
	}

	/* Mobile Navigation *************************************************** */

		#mobile-navigation {padding-right:var(--side-menu-app-width);}
		.mobile-navbody {padding-right:var(--side-menu-app-width);}
		.mobile-navbody ul {padding-right:var(--side-menu-app-width);}
		.mobile-navbody ul.mobile-level {overflow-y:auto;}

	/* ********************************************************************* */

}

@media (max-width: 557px) {

	#header, #main {
		width: 100%;
	}

}

/*#side-menu-app .header-main--nav {margin-bottom:36px;}*/
#side-menu-app .header-main--nav .header-main--burger {position:fixed;top:calc(132px/2);right:21px;visibility:unset;display:flex;}
/*
#side-menu-app .header-main--nav .header-main--burger {position:relative;top:unset;right:unset;visibility:unset;display:flex;margin:-5px auto 0 auto;padding:5px;}
*/

/* XS Navigation *********************************************************** */

#side-menu-app-xs {position:absolute;right:0;bottom:30px;}
#side-menu-app-xs .nav-side-xs {text-align:right;line-height:normal;}
#side-menu-app-xs .nav-side-xs .nav-side-xs-menu-item {display:inline-block;padding:5px 10px;font-size:0.75rem;color:#969696;text-transform:uppercase;text-decoration:none;}
#side-menu-app-xs .nav-side-xs .nav-side-xs-menu-item:hover {color:#000;text-decoration:none;}

#side-menu-app-xs .nav-side-xs {}
#side-menu-app-xs .nav-side-xs > .nav-side-xs-menu-item:last-child {padding-right:0;}

/* Control Navigation ****************************************************** */

#side-menu-app-xs {bottom:38px;}
#side-menu-app-xs .nav-side-xs-control {display:block;width:100%;line-height:normal;text-align:right;}
#side-menu-app-xs .nav-side-xs-control button {display:inline-block;background-color:unset;border:0;}
#side-menu-app-xs .nav-side-xs-control .callback-button-search {display:inline-block;margin-right:10px;}
#side-menu-app-xs .nav-side-xs-control .callback-button-search .sticky-navbar--icon {display:inline-block;}
#side-menu-app-xs .nav-side-xs-control .header-main--burger {display:inline-block;height:auto;}
#side-menu-app-xs .nav-side-xs-control .header-main--burger .header-main--burgerlink {display:inline-block;top:0;}
#side-menu-app-xs .nav-side-xs-control .header-main--burger .header-main--burgerlink img {height:25px;width:auto;}

	@media (max-width: 767px) {
		.responsive #top #wrap_all #header {
			position: fixed !important;
		}
	}