/* 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);
}

.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);
}

.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);
}

.dl-menuwrapper li.dl-start > div span
{
	display: block;
}

.dl-menuwrapper li.dl-start > div .logo
{
	min-width: 126px;
	height: 25px;
	min-width: 164px;
	height: 34px;
	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='101px' viewBox='0 0 500 101' enable-background='new 0 0 500 101' xml:space='preserve'%3e%3cpath fill='%230F273A' d='M99.655,32.888c-5.003,0.048-10.011-0.038-15.01-0.287c-2.418-0.121-3.258,0.367-3.247,3.016 c0.045,10.551,0.472,21.115-0.266,31.659c-0.311,4.458-1.397,8.727-3.88,12.567c-4.671,7.233-12.864,7.256-17.503,0.035 c-2.936-4.565-3.67-9.655-3.575-14.903c0.175-9.798,0.381-19.6,0.662-29.396c0.053-1.771-0.322-2.513-2.339-2.442 c-5.194,0.176-10.397,0.234-15.591,0.117c-2.082-0.044-2.527,0.634-2.553,2.55c-0.15,10.173-0.577,20.347-0.66,30.525 c-0.063,7.594,0.839,15.089,4.958,21.784c5.065,8.24,12.891,11.256,22.315,10.672c8.004-0.501,12.545-5.419,15.26-12.349 c0.068-0.176,0.123-0.354,0.172-0.538c0.382-1.385,1.513-1.221,2.557-1.147c1.452,0.101,0.921,1.208,0.883,1.928 c-0.184,3.391-0.366,6.78-0.703,10.153c-0.176,1.777,0.194,2.521,2.246,2.477c5.291-0.118,10.593-0.063,15.884,0.07 c1.932,0.046,2.697-0.302,2.519-2.467c-0.853-10.246-1.018-20.516-0.853-30.8c0.385-10.267,0.695-20.531,1.208-30.79 c0.105-2.098-0.531-2.457-2.481-2.438L99.655,32.888z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M206.315,34.278c-13.527-3.345-24.407,0.675-31.979,11.702c-0.618,0.898-0.999,2.029-2.467,1.849 c-1.861-0.224-1.408-1.737-1.664-2.831c-0.83-3.575-2.437-6.675-5.577-8.846c-8.17-5.652-20.986-2.836-25.858,5.695 c-0.546,0.958-1.01,1.97-1.426,2.989c-0.641,1.56-1.946,1.32-3.167,1.134c-1.458-0.224-1.105-1.369-1.038-2.311 c0.202-2.811,0.318-5.627,0.667-8.418c0.251-1.998-0.477-2.531-2.445-2.498c-4.878,0.084-9.769,0.118-14.635-0.121 c-2.857-0.138-3.686,0.73-3.4,3.518c1.108,10.859,0.726,21.765,0.651,32.657h-0.064c0.072,0,0.233,0,0.034,0 c0,9.052,0.161,18.103-0.098,27.148c-0.078,2.729,0.674,3.302,3.239,3.231c4.623-0.141,8.361-0.146,12.974,0.161 c2.898,0.193,3.598-0.72,3.545-3.443c-0.171-9.544-0.175-19.094-0.06-28.638c0.063-5.326,1.21-10.483,4.272-15.006 c4.99-7.363,13.229-7.132,17.833,0.458c2.633,4.344,3.464,9.161,3.388,14.12c-0.145,9.544-0.292,19.094-0.707,28.633 c-0.131,3,0.881,3.813,3.767,3.72c4.502-0.146,9.02-0.146,13.51,0.142c2.924,0.186,3.883-0.544,3.822-3.562 c-0.19-9.298-0.146-18.608,0.03-27.906c0.107-5.673,1.07-11.226,4.541-16.027c4.834-6.688,12.779-6.512,17.253,0.42 c2.831,4.382,3.801,9.285,3.715,14.393c-0.165,9.667-0.333,19.335-0.705,28.997c-0.101,2.636,0.727,3.353,3.337,3.232 c4.748-0.212,9.51-0.191,14.266-0.081c2.101,0.053,2.763-0.556,2.793-2.665c0.131-10.403,0.472-20.798,0.667-31.198 c0.063-3.433-0.252-6.855-0.997-10.214c-2.224-9.983-7.169-17.746-18.017-20.429V34.278z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M253.364,32.787c-5.269,0.135-10.548,0.187-15.81-0.02c-2.402-0.095-2.739,0.709-2.718,2.82 c0.214,20.444,1.199,40.895-0.329,61.327c-0.153,2.041,0.641,2.283,2.385,2.271c4.789-0.028,9.577,0.12,14.367,0.188 c2.593,0.04,3.889-1.248,3.889-3.863c0-9.756,0-19.509,0-29.265c0-8.306,0.307-20.824,0.388-31.236 c0.01-1.677-0.317-2.274-2.172-2.228V32.787z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M244.795,28.152c6.357,0.096,11.662-5.08,11.688-11.406c0.025-6.458-5.039-11.595-11.458-11.627 c-6.455-0.033-11.646,5.029-11.683,11.399c-0.04,6.382,5.036,11.539,11.449,11.634H244.795z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M25.162,81.569c-3.695-0.249-5.598-2.52-5.863-6.003c-0.288-3.778-0.55-7.571-0.512-11.352 c0.205-20.305,0.463-40.608,0.838-60.909c0.045-2.512-0.502-3.443-3.225-3.29C12.162,0.258,7.883,0.331,3.648,0.057 C0.492-0.148-0.033,1.055,0.001,3.812C0.144,15.556,0.062,27.3,0.062,39.044c0.026,0,0.055,0,0.082,0 c0,3.913-0.097,7.83,0.019,11.743c0.284,9.649-0.794,19.325,0.502,28.955c1.763,13.093,15.002,19.619,24.569,19.645 c1.759,0.003,2.455-0.506,2.415-2.296c-0.094-4.281-0.108-8.564,0.011-12.844c0.052-1.867-0.566-2.547-2.505-2.678H25.162z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M301.44,61.062V30.198h13.209c6.177,0,9.609,3.44,9.609,7.992c0,2.967-1.653,6.015-5.049,7.005v0.077 c3.516,0.751,6.182,3.088,6.182,7.362c0,6.448-6.182,8.427-10.825,8.427H301.44z M312.746,42.942c2.424,0,5.21-0.791,5.21-3.642 c0-2.85-2.829-3.683-5.169-3.683h-5.329v7.324H312.746z M313.355,55.64c2.427,0,5.615-0.788,5.615-3.798 c0-3.012-3.153-3.834-5.535-3.834h-5.975v7.637h5.895V55.64z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M328.996,48.954V30.198h5.975v18.279c0,4.469,1.498,7.713,6.062,7.713c4.565,0,6.015-3.244,6.015-7.713 V30.198h6.023v18.756c0,5.183-1.492,12.779-12.079,12.779C330.405,61.733,328.996,54.371,328.996,48.954z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M356.179,52.594l5.615-1.855c1.211,4.348,4.078,5.656,6.788,5.656c2.714,0,5.251-1.309,5.251-3.801 c0-2.495-2.663-3.44-5.326-4.273l-2.834-0.833c-3.106-0.909-8.399-2.967-8.399-8.823c0-5.858,4.811-9.101,10.868-9.101 c6.059,0,9.935,3.445,10.944,7.204l-5.492,2.175c-0.969-2.494-2.786-4.035-5.575-4.035s-4.445,1.387-4.445,3.283 c0,2.489,2.95,3.561,5.452,4.35l3.313,1.03c2.869,0.91,7.873,2.453,7.873,8.312c0,5.856-4.483,9.852-11.553,9.852 c-6.139,0-10.984-3.245-12.479-9.145V52.594z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M383.855,61.062V30.198h6.021v30.863H383.855z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M395.493,61.062V30.198h6.265c4.645,6.767,9.291,13.372,13.978,20.534h0.083V30.198h5.973v30.863h-6.217 c-4.642-6.69-9.29-13.098-13.937-20.103h-0.118v20.103h-6.021H395.493z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M427.449,61.062V30.198h20.604v5.418H433.47v6.924h13.772v5.699H433.47v7.36h14.988v5.462h-21.004H427.449z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M450.474,52.594l5.615-1.855c1.211,4.348,4.078,5.656,6.788,5.656c2.714,0,5.251-1.309,5.251-3.801 c0-2.495-2.663-3.44-5.326-4.273l-2.834-0.833c-3.105-0.909-8.401-2.967-8.401-8.823c0-5.858,4.813-9.101,10.87-9.101 c6.059,0,9.935,3.445,10.944,7.204l-5.492,2.175c-0.969-2.494-2.786-4.035-5.575-4.035c-2.791,0-4.444,1.387-4.444,3.283 c0,2.489,2.949,3.561,5.451,4.35l3.313,1.03c2.869,0.91,7.873,2.453,7.873,8.312c0,5.856-4.482,9.852-11.553,9.852 c-6.139,0-10.984-3.245-12.479-9.145V52.594z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M475.966,52.594l5.612-1.855c1.213,4.348,4.083,5.656,6.786,5.656c2.711,0,5.255-1.309,5.255-3.801 c0-2.495-2.668-3.44-5.331-4.273l-2.829-0.833c-3.11-0.909-8.401-2.967-8.401-8.823c0-5.858,4.808-9.101,10.868-9.101 c6.056,0,9.935,3.445,10.949,7.204l-5.5,2.175c-0.969-2.494-2.786-4.035-5.575-4.035c-2.788,0-4.439,1.387-4.439,3.283 c0,2.489,2.95,3.561,5.452,4.35l3.307,1.03c2.869,0.91,7.881,2.453,7.881,8.312c0,5.856-4.488,9.852-11.556,9.852 c-6.142,0-10.988-3.245-12.479-9.145V52.594z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M321.556,68.984h6.021v30.863h-6.021V87.424h-14.095v12.424h-6.021V68.984h6.021v12.741h14.095V68.984z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M332.912,87.735V68.979h5.976v18.278c0,4.473,1.5,7.714,6.061,7.714c4.565,0,6.018-3.241,6.018-7.714V68.979 h6.021v18.756c0,5.183-1.492,12.776-12.078,12.776C334.324,100.512,332.912,93.157,332.912,87.735z'%3e%3c/path%3e%3cpath fill='%230F273A' d='M362.28,99.842V68.979h13.209c6.179,0,9.612,3.443,9.612,7.991c0,2.968-1.654,6.018-5.052,7.005v0.08 c3.514,0.753,6.182,3.091,6.182,7.359c0,6.449-6.182,8.427-10.823,8.427H362.28z M373.591,81.726c2.422,0,5.21-0.791,5.21-3.645 c0-2.853-2.829-3.678-5.172-3.678h-5.328v7.322H373.591z M374.195,94.421c2.424,0,5.615-0.788,5.615-3.796 c0-3.005-3.154-3.841-5.535-3.841h-5.975v7.637H374.195z'%3e%3c/path%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: 18px;
	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; *?
	}
}