/* Common styles of menus */

.dl-menuwrapper
{
	width: 100%;
/*	height: 100%; */
/*	max-width: 300px */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 80px;
	left: 0;
	margin: auto;
	perspective: 1000px;
	perspective-origin: 50% 200%;
	overflow-x: hidden;
}

.dl-menuwrapper a
{
	color: var(--root_color_dark); /* dziedzicza po tym wszystkie a nizszych poziomow */
	display: inline-block;
	display: block;
	position: relative;
	padding: 18px 20px 18px 20px;
	word-break: break-word;
	line-height: 1.375;
	border-radius: 12px;
}

.dl-menuwrapper ul
{
	display: block;
	list-style: none;
	transform-style: preserve-3d;
}

.dl-menuwrapper li
{
	position: relative;
}

.dl-menuwrapper li.menu-item:not(.dl-subview):not(.dl-subviewopen)
{
	padding: 0 var(--global_padding) 0 var(--global_padding);
	padding: 0 20px 0 20px;
}

.dl-menuwrapper li.menu-item:not(.dl-subview):not(.dl-subviewopen):last-of-type
{
	padding-bottom: 40px;
}

.dl-menuwrapper li.dl-start
{
	height: var(--global_header_height);
/*	background: #ffffff; */
/*	border-bottom: 2px solid #eaeaea; */
	margin: 0 0 30px 0;
	margin-bottom: 0;
	margin-left: var(--global_padding);
	margin-left: 20px;
}

.dl-menuwrapper li.dl-start > div
{
	margin: 0 72px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	margin-right: var(--global_padding);
	margin-right: 20px;
}

.dl-menuwrapper li.dl-start > div span
{
	display: block;
}

.dl-menuwrapper li.dl-start > div .logo
{
	min-width: 126px;
	height: 25px;
	min-width: 160px;
	height: 38px;
	position: relative;
/*	margin-left: var(--global_padding); */
}

.dl-menuwrapper li.dl-start > div .logo::after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='500px' height='115' viewBox='0 0 500 115' enable-background='new 0 0 500 115' xml:space='preserve'%3e%3ctitle%3e%3c?php bloginfo('name'); ?%3e%3c/title%3e%3cpath d='M154.9,26.4h19.2v16.5h7.3V3.8h-7.3v15.8h-19.2V3.8h-7.3v39.1h7.3s0-16.5,0-16.5Z' fill='%23005c57'/%3e%3cpath d='M213.3,38.6c1.2-1.5,2-3.2,2.3-5h-6.9c-.3,1.1-1,2-2.3,2.8-1.2.8-2.7,1.2-4.6,1.2s-4.6-.8-6-2.3c-1.1-1.2-1.8-2.8-2-4.8h22.1c.5-3.1,0-6-1.1-8.5-1.2-2.5-2.9-4.5-5.3-6-2.4-1.5-5.1-2.2-8.1-2.2s-5.4.6-7.6,1.9c-2.3,1.3-4,3-5.3,5.3s-1.9,4.8-1.9,7.6.6,5.5,1.9,7.7c1.3,2.3,3.1,4,5.3,5.3,2.3,1.3,4.8,1.9,7.7,1.9s4.8-.5,6.8-1.4,3.6-2.1,4.9-3.7h0v.2ZM197.4,20.9c1.2-.7,2.6-1.1,4.2-1.1s3.1.3,4.3,1,2.1,1.7,2.8,2.9c.3.6.5,1.2.6,1.8h-15.2c.1-.6.3-1.1.6-1.6.6-1.3,1.5-2.3,2.7-3h0Z' fill='%23005c57'/%3e%3cpath d='M215,54.1h4.9c2.8,0,4.9-.6,6.1-1.8,1.2-1.2,1.9-3.3,1.9-6.1V14.6h-7v30.9c0,.9-.2,1.6-.5,1.9-.4.4-1,.5-1.9.5h-3.5v6.1h0Z' fill='%23005c57'/%3e%3cpath d='M228.1,3.8h-7.1v6.5h7.1V3.8Z' fill='%23005c57'/%3e%3cpath d='M247.6,43.6c2.7,0,5.1-.5,7.3-1.6s3.9-2.5,5.2-4.4,2-4,2.2-6.5h-7c-.3,1.8-1.1,3.3-2.5,4.4-1.4,1.1-3,1.6-5,1.6s-4.3-.8-5.7-2.3c-1.4-1.6-2.1-3.6-2.1-6.1s.3-3.2,1-4.4c.6-1.3,1.6-2.3,2.8-3s2.6-1.1,4.1-1.1,3.7.5,5,1.6c1.4,1.1,2.2,2.5,2.5,4.3h7c-.2-2.4-.9-4.5-2.2-6.4-1.3-1.9-3-3.3-5.2-4.4-2.1-1-4.6-1.6-7.2-1.6s-5.5.6-7.8,1.9-4.1,3-5.4,5.3c-1.3,2.3-1.9,4.8-1.9,7.7s.6,5.4,1.9,7.7c1.3,2.3,3.1,4,5.4,5.3,2.3,1.3,4.9,1.9,7.8,1.9h-.2Z' fill='%23005c57'/%3e%3cpath d='M290.1,36.7h-15.8v-.5l15-14.7v-7h-22.9v6.1h14.4v.4l-14.9,14.8v6.9h24.3v-6.1h-.1Z' fill='%23005c57'/%3e%3cpath d='M305.3,42.9l-.9,2.9c-.2.8-.6,1.4-.9,1.7-.4.3-1,.5-1.8.5h-5.4v6.1h5.7c1.5,0,2.8-.2,3.8-.6,1-.4,1.8-1.1,2.5-2,.7-1,1.3-2.3,1.9-3.9l11.1-32.9h-7.1l-6.8,21.7h-.5l-7.7-21.7h-7.4l10.6,28.3h2.9,0Z' fill='%23005c57'/%3e%3cpath d='M332,31.8h4.8l7.4,11.1h7.9l-9.8-14.7,9-13.5h-7.4l-7.1,10.8h-4.8V3.8h-6.9v39.1h6.9s0-11.1,0-11.1Z' fill='%23005c57'/%3e%3cpath d='M172,82.8c-2.1-1-4.9-1.7-8.4-2.1-2.5-.3-4.5-.7-5.8-1.1s-2.3-.9-2.9-1.6c-.6-.6-.9-1.5-.9-2.5,0-1.6.7-2.7,2-3.5s3.2-1.2,5.5-1.2,3.2.2,4.5.7,2.3,1.2,3.1,2.1c.8,1,1.2,2.1,1.2,3.5h7.5c0-2.5-.7-4.7-2-6.7s-3.2-3.5-5.6-4.6c-2.4-1.1-5.2-1.6-8.4-1.6s-5.9.5-8.2,1.4c-2.3,1-4.1,2.3-5.4,4.1-1.2,1.8-1.9,3.9-1.9,6.3s.5,4.1,1.4,5.6,2.5,2.6,4.7,3.5,5.3,1.6,9.2,2.2c2.2.4,4,.8,5.2,1.2,1.2.4,2.1,1,2.6,1.7s.8,1.6.8,2.7c0,1.7-.7,3-2.1,3.9-1.4.9-3.3,1.3-5.8,1.3s-4-.3-5.5-.9-2.7-1.5-3.5-2.6-1.2-2.4-1.3-3.9h-7.5c0,2.8.7,5.3,2.1,7.4,1.4,2.1,3.4,3.8,6,5s5.8,1.8,9.4,1.8,5.9-.5,8.2-1.5c2.4-1,4.2-2.4,5.5-4.2,1.3-1.8,1.9-4,1.9-6.5s-.5-4.3-1.5-5.8c-1-1.6-2.5-2.8-4.7-3.8h0l.6-.3Z' fill='%23005c57'/%3e%3cpath d='M193.6,66.8h-6.9v8.8h-5.5v6.1h5.5v14.2c0,1.9.3,3.5.8,4.6.5,1.2,1.4,2,2.5,2.5s2.7.8,4.7.8h6v-6.1h-4.5c-.9,0-1.6-.2-1.9-.5-.4-.3-.5-1-.5-1.9v-13.6h7v-6.1h-7v-8.8h-.2Z' fill='%23005c57'/%3e%3cpath d='M226.8,76.7c-2.3-1.3-4.9-1.9-7.9-1.9s-5.6.6-7.9,1.9c-2.3,1.3-4.1,3-5.4,5.3-1.3,2.3-1.9,4.8-1.9,7.7s.6,5.4,1.9,7.7c1.3,2.3,3.1,4,5.4,5.3s4.9,1.9,7.9,1.9,5.6-.6,7.9-1.9,4.1-3,5.4-5.3c1.3-2.3,1.9-4.8,1.9-7.7s-.6-5.4-1.9-7.7c-1.3-2.3-3.1-4-5.4-5.3ZM225.9,94.1c-.6,1.3-1.6,2.3-2.8,3s-2.6,1-4.2,1c-2.4,0-4.3-.8-5.7-2.3-1.5-1.6-2.2-3.6-2.2-6.1s.3-3.2,1-4.4c.6-1.3,1.6-2.3,2.8-3s2.6-1,4.2-1c2.4,0,4.3.8,5.8,2.3,1.4,1.6,2.1,3.6,2.1,6.1s-.3,3.2-1,4.4h0Z' fill='%23005c57'/%3e%3cpath d='M275.1,76c-1.4-.8-3.1-1.2-5.1-1.2s-3.5.4-4.9,1.2c-1.4.8-2.5,2-3.4,3.6h-.5c-.7-1.5-1.7-2.7-3-3.6-1.3-.8-2.8-1.3-4.6-1.3s-3.2.3-4.4,1c-1.3.7-2.3,1.7-3,3.1h-.5v-3.4h-6.9v28.3h6.9v-17.3c0-1.7.4-3,1.3-4,.9-.9,2.1-1.4,3.7-1.4s2.8.5,3.6,1.4c.9.9,1.3,2.3,1.3,4v17.3h6.9v-17.3c0-1.7.4-3,1.3-4,.9-.9,2.1-1.4,3.7-1.4s2.8.5,3.6,1.4c.9.9,1.3,2.3,1.3,4v17.3h7v-18.8c0-2.1-.4-3.9-1.1-5.5-.7-1.5-1.8-2.7-3.3-3.5h0Z' fill='%23005c57'/%3e%3cpath d='M307.6,79.8h-.4c-.9-1.7-2.2-2.9-4-3.8-1.7-.8-3.6-1.3-5.6-1.3s-5,.6-7.1,1.9-3.7,3-4.8,5.3c-1.2,2.3-1.7,4.8-1.7,7.7s.6,5.4,1.7,7.7c1.2,2.3,2.8,4,4.8,5.3,2.1,1.3,4.4,1.9,7.1,1.9s4-.4,5.7-1.3c1.7-.8,3-2.1,3.9-3.8h.4v4.3h7v-28.3h-7v4.3h0ZM306.6,94.2c-.6,1.3-1.6,2.3-2.8,3-1.2.7-2.7,1-4.3,1-2.4,0-4.4-.8-5.9-2.3s-2.3-3.6-2.3-6.2.3-3.2,1-4.5,1.6-2.3,2.9-3c1.2-.7,2.7-1,4.3-1,2.5,0,4.5.8,5.9,2.3,1.5,1.5,2.2,3.6,2.2,6.2s-.3,3.2-1,4.5h0Z' fill='%23005c57'/%3e%3cpath d='M330.6,66.8h-6.9v8.8h-5.5v6.1h5.5v14.2c0,1.9.2,3.5.8,4.6.5,1.2,1.4,2,2.5,2.5s2.7.8,4.7.8h6v-6.1h-4.5c-.9,0-1.6-.2-1.9-.5-.4-.3-.5-1-.5-1.9v-13.6h7v-6.1h-7v-8.8h-.2Z' fill='%23005c57'/%3e%3cpath d='M363.9,76.7c-2.3-1.3-4.9-1.9-7.9-1.9s-5.6.6-7.9,1.9-4.1,3-5.4,5.3-1.9,4.8-1.9,7.7.6,5.4,1.9,7.7c1.3,2.3,3.1,4,5.4,5.3s4.9,1.9,7.9,1.9,5.6-.6,7.9-1.9,4.1-3,5.4-5.3,1.9-4.8,1.9-7.7-.6-5.4-1.9-7.7c-1.3-2.3-3.1-4-5.4-5.3ZM363,94.1c-.7,1.3-1.6,2.3-2.8,3-1.2.7-2.6,1-4.2,1-2.4,0-4.3-.8-5.7-2.3-1.5-1.6-2.2-3.6-2.2-6.1s.3-3.2,1-4.4c.6-1.3,1.6-2.3,2.8-3,1.2-.7,2.6-1,4.2-1,2.4,0,4.3.8,5.8,2.3,1.4,1.6,2.1,3.6,2.1,6.1s-.3,3.2-1,4.4h0Z' fill='%23005c57'/%3e%3cpath d='M383.1,64.7h-6.9v39.1h6.9v-39.1Z' fill='%23005c57'/%3e%3cpath d='M411.1,76.7c-2.3-1.3-4.9-1.9-7.9-1.9s-5.6.6-7.9,1.9-4.1,3-5.4,5.3-1.9,4.8-1.9,7.7.6,5.4,1.9,7.7c1.3,2.3,3.1,4,5.4,5.3s4.9,1.9,7.9,1.9,5.6-.6,7.9-1.9,4.1-3,5.4-5.3,1.9-4.8,1.9-7.7-.6-5.4-1.9-7.7c-1.3-2.3-3.1-4-5.4-5.3ZM410.1,94.1c-.6,1.3-1.6,2.3-2.8,3-1.2.7-2.6,1-4.2,1-2.4,0-4.3-.8-5.7-2.3-1.5-1.6-2.2-3.6-2.2-6.1s.3-3.2,1-4.4c.6-1.3,1.6-2.3,2.8-3,1.2-.7,2.6-1,4.2-1,2.4,0,4.3.8,5.8,2.3,1.4,1.6,2.1,3.6,2.1,6.1s-.3,3.2-1,4.4h0Z' fill='%23005c57'/%3e%3cpath d='M444.5,79.8h-.5c-.9-1.7-2.2-2.9-3.8-3.8-1.6-.8-3.4-1.3-5.4-1.3s-4.8.6-6.8,1.8c-2,1.2-3.6,2.9-4.7,5.1s-1.7,4.7-1.7,7.4.6,5.2,1.7,7.4c1.1,2.2,2.7,3.9,4.7,5.1s4.3,1.8,6.8,1.8,3.8-.4,5.4-1.3c1.6-.8,2.8-2.1,3.8-3.8h.5v3c0,2.8-.6,4.8-1.8,6-1.2,1.2-3.1,1.8-5.8,1.8s-3.7-.3-4.8-1c-1.2-.6-1.9-1.5-2-2.6h-7.1c0,1.9.7,3.6,1.8,5,1.1,1.5,2.7,2.6,4.8,3.4,2.1.8,4.5,1.2,7.3,1.2,4.7,0,8.3-1.2,10.8-3.5s3.7-5.7,3.7-10.2v-26.3h-6.9v4.3h0v.5ZM443.5,93.5c-.6,1.2-1.5,2.1-2.7,2.8-1.2.7-2.5,1-4.1,1-2.3,0-4.2-.7-5.6-2.2s-2.1-3.4-2.1-5.8.3-3,1-4.2c.6-1.2,1.5-2.1,2.7-2.8,1.2-.7,2.5-1,4.1-1,2.3,0,4.2.7,5.6,2.2s2.1,3.4,2.1,5.8-.3,3-1,4.3h0Z' fill='%23005c57'/%3e%3cpath d='M464.6,75.5h-6.9v28.3h6.9v-28.3Z' fill='%23005c57'/%3e%3cpath d='M464.7,64.7h-7.1v6.5h7.1v-6.5Z' fill='%23005c57'/%3e%3cpath d='M493,75.5v4.3h-.4c-.9-1.7-2.3-2.9-4-3.8-1.7-.8-3.6-1.3-5.6-1.3s-5,.6-7.1,1.9-3.7,3-4.8,5.3c-1.2,2.3-1.7,4.8-1.7,7.7s.6,5.4,1.7,7.7c1.2,2.3,2.8,4,4.8,5.3,2.1,1.3,4.4,1.9,7.1,1.9s4-.4,5.7-1.3,3-2.1,3.9-3.8h.4v4.3h7v-28.3h-7ZM492,94.2c-.6,1.3-1.6,2.3-2.8,3-1.2.7-2.7,1-4.3,1-2.4,0-4.4-.8-5.9-2.3s-2.3-3.6-2.3-6.2.3-3.2,1-4.5,1.7-2.3,2.9-3c1.2-.7,2.7-1,4.3-1,2.5,0,4.5.8,5.9,2.3,1.5,1.5,2.2,3.6,2.2,6.2s-.3,3.2-1,4.5h0Z' fill='%23005c57'/%3e%3cpath d='M106.8,17.7l-.2-.3c-7.6-14.6-26.4-21.2-41.6-15.2-3.3,1-6.6,2-10,1.9-4.9,0-9.8-2.4-14.7-3.4-6.9-1.4-14.1-.6-20.5,2.3C5.3,9.2-2.4,26.3.7,41.5c2.8,12.3,8,28.3,11.2,40.1,2.7,9.1,3.3,13.4,8.6,19,5,5.2,12.9,7.1,19.6,4.5,4.6-1.5,7.9-5,10.3-9.1,5.2-10.3-.8-24.4-.8-24.4-5.6-11.9-14.3-15.7-35.1-20.1q2.9,0,0,0c29.5-6.2,34.7-11.2,41.1-39.8q0,2.8,0,0c6.4,28.6,11.6,33.6,41.1,39.8q-2.9,0,0,0c-20.8,4.4-29.5,8.2-35.1,20.1,0,0-6.4,15.2-.2,25.6,6.8,10.2,21.4,12.7,30.3,2.4,5-6,5.1-10,8.2-19.9,2.4-8.4,5-17.6,7.4-25.9,3.9-11.9,6.1-24.1-.3-36h-.2Z' fill='%23005c57'/%3e%3c/svg%3e");
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

.dl-menuwrapper li.dl-start > div .menu
{
	text-align: center;
	padding: 0 20px 0 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: none;
}

.dl-menuwrapper li.dl-back
{
	height:  var(--global_header_height);
/*	background-color: var(--root_color_white); */
/*	border-bottom: 2px solid #eaeaea; */
	margin: 0 0 30px 0;
	margin-bottom: 0;
	margin-left: var(--global_padding);
	cursor: pointer;
}

.dl-menuwrapper li.dl-back > div
{
/*	margin: 0 72px 0 0; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.dl-menuwrapper li.dl-back > div .arrow
{
	min-width: 36px;
	height: 36px;
	cursor: pointer;
	background-color: #e2e3e2;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dl-menuwrapper li.dl-back > div .arrow::after
{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-left: 2px solid var(--root_color_dark);
	border-bottom: 2px solid var(--root_color_dark);
	transform: rotate(45deg);
	margin-left: 6px;
}

.dl-menuwrapper li.dl-back > div .name
{
	text-align: left;
	padding: 0 20px 0 10px;
	width: 100%;
	font-size: var(--global_font_size_p_small);
	font-weight: 800;
	word-break: break-word;
}

.dl-menuwrapper > .sub-menu > li > a /* dla skaczacego znaczku eco */
{
	display: inline-flex;
	align-items: center;
}

.dl-menuwrapper li.products_category a
{
	display: inline-flex;
	align-items: center;
}

.dl-menuwrapper ul.sub-menu li.menu-item-object-produkt_post a.is_see_all
{
	display: none;
}
 
.dl-menuwrapper ul.sub-menu li.menu-item-object-produkt_post:nth-of-type(2) a.is_see_all
{
	display: inline-flex;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.dl-menuwrapper li.menu-item-has-children > a
{
	width: 100% !important;
	display: flex;
	padding-right: 50px;
	position: relative;
}

.dl-menuwrapper li.menu-item-has-children > a::after
{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #171716;
	border-right: 2px solid #171716;
	margin: -3px 0 0 0;
	transform: rotate(45deg);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dl-menuwrapper li.menu-item-has-children:hover > a::after
{
/*	border-top: 2px solid #fd5900;
	border-right: 2px solid #fd5900; */
}

.dl-menuwrapper li a:not(.logo):hover
{
	background-color: #e2e3e2;
}

.dl-menuwrapper li a span /* eco */
{
	order: 1;
	align-self: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
/*	font-size: 18px; */
	color: #1e8d2d;
/*	color: #24b33b; */
	display: inline-block;
	margin: 0 0 0 6px;
/*	margin: 0 0 0 6px; */
}

.dl-menuwrapper .dl-menu
{
	position: absolute;
	width: 100%;
/*	opacity: 0; */
/*	visibility: hidden; */
	pointer-events: none;
	transform: translate(0, 0);
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle
{
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.dl-menuwrapper .dl-menu.dl-menuopen
{
/*	opacity: 1; */
/*	visibility: visible; */
	pointer-events: auto;
	transform: translate(0, 0);
}

/* Hide the inner submenus */
.dl-menuwrapper li .sub-menu
{
	display: none;
}

.no-touch .dl-menuwrapper li a:hover
{
/*	color: #fd5900; */
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a
{
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .sub-menu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .sub-menu,
.dl-menu.dl-subview li.dl-subviewopen > .sub-menu > li
{
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .sub-menu
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	animation: MenuAnimOut5 0.4s ease;
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	animation: MenuAnimIn5 0.4s ease;
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .sub-menu.dl-animate-in-1 {
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-in-2 {
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .sub-menu.dl-animate-in-3 {
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-in-4 {
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-in-5 {
	animation: SubMenuAnimIn5 0.4s ease;
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .sub-menu.dl-animate-out-1 {
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-out-2 {
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .sub-menu.dl-animate-out-3 {
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-out-4 {
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .sub-menu.dl-animate-out-5 {
	animation: SubMenuAnimOut5 0.4s ease;
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	transform: none;
}

.no-js .dl-menuwrapper li .sub-menu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

@media screen and (max-width: 800px)
{
	.dl-menuwrapper li.menu-item:not(.dl-subview):not(.dl-subviewopen)
	{
	/*	padding: 10px 20px 10px 20px; */
	}
}

@media screen and (max-width: 480px)
{
	.dl-menuwrapper li.menu-item:not(.dl-subview):not(.dl-subviewopen)
	{
	/*	padding: 10px 15px 10px 15px; *?
	}
}