@font-face {
	font-family: 'sidemenu';
	src:  url('sidemenu.eot?nyadlb');
	src:  url('sidemenu.eot?nyadlb#iefix') format('embedded-opentype'),
		url('sidemenu.ttf?nyadlb') format('truetype'),
		url('sidemenu.woff?nyadlb') format('woff'),
		url('sidemenu.svg?nyadlb#sidemenu') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="smenu-icon"], [class*=" smenu-icon"],
#smenu_menus_wrap .smenu_btn:before
{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'sidemenu' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.smenu-icon-right:before,
#smenu_menus_wrap .smenu_btn:before{
	content: "\e902";
}

.smenu-icon-close:before,
#smenu_menus_wrap .smenu_btn.smclose:before{
	content: "\e900";
}
.smenu-icon-home:before,
#smenu_menus_wrap .smenu_btn.smhome:before{
	content: "\e901";
}


body.smenu_active{/* overflow:hidden; *//* overflow-y:auto */}
#smenu_menus_wrap{width:0;position:fixed;top:0;left:0;right:0;bottom:0;transition:all .3s ease;overflow:hidden;display:flex;z-index:9999999999;background:transparent!important}
#smenu_menus_wrap *{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);transition:all .3s ease}
#smenu_menus_wrap .smenu_items{z-index:100;width:80%;max-width:440px;min-width:200px;background: var(--c1);overflow-y:auto;overflow-x:hidden;margin: 0 56px 0 0;position: relative;}
#smenu_enable,#smenu_menus_wrap .smenu_items>*{display:none}
#smenu_menus_wrap .mside_item{position:relative}
#smenu_menus_wrap .mside_item ul{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;left:0;display:none;transition:all .3s ease;box-sizing:border-box;border-bottom:1px solid;border-color:inherit;}
#smenu_menus_wrap .mside_item ul.open{transform:translate3d(100%,0,0);display:block;width:100%;height: auto;}
#smenu_menus_wrap .mside_item>ul.open{transform: translate3d(0,0,0);}
#smenu_menus_wrap .mside_item ul.close{transform:translate3d(0,0,0);display:block}
#smenu_menus_wrap .mside_item>ul.close{transform:translate3d(-100%,0,0);}
#smenu_menus_wrap .mside_item li{padding:0;margin:0;border-top:1px solid;border-color:inherit;position: initial;min-height:46px;box-sizing:border-box;width: 100%;}
#smenu_menus_wrap .smenu_btn{width:53px;max-width:53px;min-height: 46px;/* position:absolute; */right:0;border-left:1px solid;border-color:inherit;text-align:center;color:inherit;cursor:pointer;line-height:15px;background-color: rgba(0,0,0,.04);font-size:1rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background: none no-repeat 50% 50% / 10px;}
#smenu_menus_wrap .smenu_btn:before{/* content:""; *//* height:15px; *//* width:15px; *//* opacity:.5; *//* background:none no-repeat 50% 50% /contain; */}
#smenu_menus_wrap .smenu_btn:hover,
#smenu_menus_wrap .smenu_btn:focus{background:rgba(0,0,0,.15);color:#4c4c4c!important}
#smenu_menus_wrap .smenu_btn:hover:before,
#smenu_menus_wrap .smenu_btn:focus:before{opacity:.9;}
#smenu_menus_wrap .mside_item a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;padding:12px 20px;margin:0;flex-grow: 1;}
#smenu_menus_wrap .mside_item .deeper>a,
#smenu_menus_wrap .mside_item .deeper>div>a{padding:12px 53px 12px 20px}
#smenu_menus_wrap .active{display:block}
#smenu_menus_wrap .header{display:flex;/* margin:0 0 20px; */box-shadow:0 0 20px rgba(0,0,0,.3);z-index: 12;position: relative;}
#smenu_menus_wrap .header>div{text-align:center;padding:10px;flex-grow:1;/* color:rgba(0,0,0,.5); */line-height:20px;}
#smenu_menus_wrap .header>div.smenu_pannel{padding:0;position:absolute;display:flex}
#smenu_menus_wrap .header .smenu_btn{position:initial;border:none;border-right:1px solid;border-color:inherit;line-height:18px}
#smenu_menus_wrap .header .smenu_btn.smback{flex-grow:1;width:auto;max-width:initial;padding-left:41px;position:relative;min-height: 57px;}
#smenu_menus_wrap .header .smenu_btn.smhome{display:none}

#smenu_menus_wrap .smenu_link{display: flex;position: relative;}

#smenu_menus_wrap .smenu_btn.smback:before{display:none;position:absolute;left:18px;transform:rotate(180deg);}
#smenu_menus_wrap .header.back_show .smenu_btn.smhome{display:flex}
#smenu_menus_wrap .header.back_show .smenu_btn.smback:before{display:block;}

/*#smenu_menus_wrap .smenu_btn:before{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='32'%3e%3cpath d='M2 2l14 14L2 30' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")}
#smenu_menus_wrap .smenu_btn.smclose:before{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3e%3cpath d='M6 26L26 6M6 6l20 20' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3e%3c/svg%3e")}
#smenu_menus_wrap .smenu_btn.smhome:before{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' stroke='%23000'%3e%3cg stroke-linejoin='round'%3e%3cpath d='M2 17L16 6l14 11' fill='none' stroke-width='3' stroke-linecap='round'/%3e%3cpath d='M16 11l10 8v9h-6v-7h-8v7H6v-9z' stroke-width='1'/%3e%3c/g%3e%3cpath d='M25 13V5' fill='none' stroke-width='4'/%3e%3c/svg%3e")}*/

#smenu_body_box,#smenu_body_wrap{transition:all .3s ease;overflow:visible;position:relative}
#smenu_body_box{z-index:-1;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);visibility:hidden;opacity:0}
body.smenu_active #smenu_menus_wrap{width:100%}
body.smenu_active #smenu_body_wrap{transform:translate3d(440px,0,0);overflow:hidden}
body.smenu_active #smenu_body_box{visibility:visible;z-index:99;opacity:1}

.menu-bar{
	background: rgba(255, 255, 255, 0.21);
	color: #fff;
	/* font-size: 0; */
	padding: 12px 20px;
	border-radius: .357rem;
	min-width: 40px;
	min-height: 55px;
	box-sizing: border-box;
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	position: relative;
	transition: all .3s ease;
}
.menu-bar i,
.menu-bar i:before,
.menu-bar i:after{
	content: '';
	position: absolute;
	border-radius: 10px;
	top: -8px;
	left: 0;
	height: 2px;
	min-width: 30px;
	background: #fff;
	transition: all 0.3s;
	transition: none;
}
.menu-bar i{position: relative;margin: auto;top: auto;left: auto;}
.menu-bar i:after{top: auto;bottom: -8px;}


.menu-bar:hover{
	background: rgba(255, 255, 255, 0.29);
}

.__mm_ .menu-bar {
	display: inline-flex;
	opacity: 1;
	visibility: visible;
}

.__mm_ .smenu_wrap{
	display:none;
}

@media only screen and (max-width : 550px){body.smenu_active #smenu_body_wrap{transform:translate3d(80%,0,0)}}
@media only screen and (max-width : 250px){body.smenu_active #smenu_body_wrap{transform:translate3d(200px,0,0)}}