body{position:relative;}
.maxmenu{color:var(--white);}

/* ******************** DrawerBox ******************** */
.maxmenu div.drawerbox{
	width:0%;height:100%; transition: 0.5s;
	position:fixed;top:0;right:-100%;z-index:999999;
}
.maxmenu div.drawerbox.active{width:100%;right:0;}

/*.maxmenu ['data-view']{display:none;}*/

.maxmenu .navbox{background:var(--black);}
.maxmenu .navbox .navmenu{display:flex;justify-content:flex-start;gap:5px;padding:10px;}

.maxmenu .maxmenu-nav{
	display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center; 
	column-gap:10px;padding:12px 24px; list-style:none;
}

.maxmenu ul{list-style:none;} 
.maxmenu ul li{} 
.maxmenu ul li a{} 
.maxmenu ul li a span{} 
.maxmenu ul li span{} 


.maxmenu ul.rowmenu{}
.maxmenu ul.rowmenu li.menu{}
.maxmenu ul.rowmenu li.menu div.toggle-pan{display:flex;flex-wrap:nowrap;align-items:center;}
.maxmenu ul.rowmenu li.menu.current{background:var(--main);}
.maxmenu ul.rowmenu li.menu.current > div > a > span.item-icon{color:rgba(0,0,0,0.5);}

.maxmenu ul.rowmenu li.menu a{display:inline-block;padding:5px;color:var(--white);}
.maxmenu ul.rowmenu li.menu span.item-icon{padding:5px;color:var(--main);}

.maxmenu ul.rowmenu li.menu span.toggle-menu{background:rgba(0,0,0,0.1);cursor:pointer;padding:2px;}
.maxmenu ul.rowmenu li.menu span.toggle-menu::before{display:inline-block;padding:10px;transition:0.5s;}
.maxmenu ul.rowmenu li.menu span.toggle-menu.active::before{color:#ffd600;transform:translate(0,0) rotate(-45deg);}


/* ******************** Hover ******************** */
.maxmenu ul.rowmenu li.menu:hover > div.toggle-pan > a{color:var(--main);}
.maxmenu ul.rowmenu li.menu.current:hover > div.toggle-pan > a{color:var(--white);}


.menu-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;
	background:transparent;color:var(--white);column-gap:10px;padding:12px 24px;
}
.btnmenu{display:inline-block;padding:5px;cursor:pointer;}
.btnmenu .btn-bar1,.btnmenu .btn-bar2,.btnmenu .btn-bar3{
	background-color:var(--white);width:20px;height:2px;margin:3px 0px;transition:0.5s;
}
.btnmenu.toggle-icon .btn-bar1,.btnmenu.toggle-icon .btn-bar2,.btnmenu.toggle-icon .btn-bar3{
	background-color:#ffd600;
}
.btnmenu.toggle-icon .btn-bar1{transform:translate(0,5px) rotate(-45deg);}
.btnmenu.toggle-icon .btn-bar2{opacity:0;}
.btnmenu.toggle-icon .btn-bar3{transform:translate(0,-5px) rotate(45deg);}


/* ******************** Overbox Overlap ******************** */
.maxmenu div.overlap, .maxmenu div.overbox{
	content:"";width:100%;min-height:100%;background:rgba(0,0,0,0.5);
	position:absolute;top:0;right:0;z-index:900;
}

/* ******************** BoxMenu ******************** */
.maxmenu div.boxmenu{
	width:70%;min-height:100%;background:rgba(0,0,0,0.90);
	position:absolute;top:0;right:-100%;z-index:999;
	padding:12px 6px;transition:0.5s;
}
.maxmenu div.boxmenu.active{right:0;}

.maxmenu div.closebox{
	color:#ffff00;text-shadow:0px 0px 3px #141414; 
	position:absolute;bottom:50%;left:24px;z-index:999;
}

/* ******************** ImageBox ******************** */
.maxmenu div.imagebox{
	display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;
	width:100%;aspect-ratio:16/9;margin-bottom:12px; overflow:hidden;
}
.maxmenu div.imagebox img{
	/*flex-shrink:0;*/
	min-width:100%;min-height:100%;object-fit:cover;
}

/* ******************** RowMenu ******************** */
.maxmenu ul.rowmenu.level-2,.maxmenu ul.rowmenu.level-3,
.maxmenu ul.rowmenu.level-4,.maxmenu ul.rowmenu.level-5,.maxmenu ul.rowmenu.level-6{
	width:100%;height:auto;position:static;top:100%;right:0px;z-index:999;
}
.maxmenu ul.rowmenu.level-1{background:transparent;} .maxmenu ul.rowmenu.level-2{background:#090909;}
.maxmenu ul.rowmenu.level-3{background:#101010;} .maxmenu ul.rowmenu.level-4{background:#202020;}
.maxmenu ul.rowmenu.level-5{background:#303030;} .maxmenu ul.rowmenu.level-6{background:#404040;}


/* ******************** Mobile ******************** */
.maxmenu ul.rowmenu.none{display:none;}
.maxmenu ul.rowmenu{display:block;position:relative;z-index:900}
.maxmenu ul.rowmenu li.menu a{flex-grow:1;}



/* ******************** PC ******************** */
@media only screen and (min-width:720px){

	.maxmenu ul.rowmenu{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
	.maxmenu ul.rowmenu.level-2,.maxmenu ul.rowmenu.level-3,
	.maxmenu ul.rowmenu.level-4,.maxmenu ul.rowmenu.level-5,.maxmenu ul.rowmenu.level-6{
		width:100%;height:auto;position:absolute;top:100%;right:0px;z-index:999;
	}
	/*
	.maxmenu ul.rowmenu{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
	.maxmenu ul.rowmenu li.menu a{flex-grow:0;}
	*/
	.maxmenu{position:relative;}
	.maxmenu div.drawerbox{width:100%;position:relative;top:0;right:0;z-index:999999;}
	.maxmenu div.boxmenu{width:100%;position:static;top:0;right:0;z-index:999999;padding:0;}
	.maxmenu ul.rowmenu.level-1{background:#000;}
	/* imagebox */
	.maxmenu div.imagebox{display:none;}

}

#goftino_w{z-index:99999 !important;}
/*
#goftino_w div#box-widget-icon{}
#goftino_w #box-widget-icon div.widget-icon{width:48px;height:48px;}
*/