BODY {background:#f7f6f6;}

@font-face {font-family:'alternate'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/AlternateGothic.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-N.woff') format('woff');}
@font-face {font-family:'PTS'; font-weight:bold; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/PTS-B.woff') format('woff');}
@font-face {font-family:'icomoon'; font-weight:normal; font-style:normal; src:url('https://www.urbecom.com/css/fuentes/icomoon.woff') format('woff');}

@font-face {font-family:'GothXNw'; font-weight:400; font-style:normal; src:url('fuentes/GothXNw-N.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:400; font-style:italic; src:url('fuentes/GothXNw-NI.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:600; font-style:normal; src:url('fuentes/GothXNw-B.woff') format('woff');}
@font-face {font-family:'GothXNw'; font-weight:600; font-style:italic; src:url('fuentes/GothXNw-BI.woff') format('woff');}



/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {text-decoration:none; margin:0; padding:0;}	
.limpiar {clear:both;}
p, form, h1, .productos h1, h2, h3 {margin:0px; padding:0px;}
table {border-collapse:collapse; border:none;}
td, th {font-size:14px; text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02); cursor:pointer;}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#ffffff;}
select {padding:3px;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0px; display:inherit;}
h1 {font-size:16px;}

#CabzWeb, #PieWeb, .noMov {display:block;}
#CabzMov, #PieMov, .noWeb {display:none;}

#arriba, #arriba img {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}

BODY, A {font-family:Arial, Helvetica, sans-serif;}
A       {color:#ed207c;}
A:hover {color:#000000;}


/* --------------------------------------------------------------------------------------------------- */

#Cabz {width:100%; margin:auto; background:url(images/cabecera-fondo.png) repeat-x top center; z-index:-1;}

#cabecera, #cuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor, #pieTexto {width:1020px; margin:auto;}

#cabecera {height:195px; margin:0 auto 0 auto;}

	.logo {margin:30px 0px 0px 20px; position:absolute;}

	#idiomas {margin:15px 0px 0px 200px; position:absolute;}

	.contactoMail {margin:30px 0px 0px 470px; position:absolute;}
	.contactoTel {margin:80px 0px 0px 470px; position:absolute;}

	#usuarios {width:150px; min-height:40px; margin:30px 0px 0px 720px; position:absolute;}
	#usuarios-icono {left:0px; position:absolute;}
	#usuarios-txt {padding:0px 0px 0px 45px; text-align:left;}
	#usuarios-txt a {color:#000000; font:normal 18px 'GothXNw', Arial, Helvetica, sans-serif; line-height:40px; text-transform:uppercase;}
	#usuarios-txt a:hover {color:#ed207c;}

	#carro3 {width:150px; min-height:40px; margin:30px 0px 0px 860px; position:absolute;}
	#carro-icono {left:0px; position:absolute;}
		#Cart, #Cart a, #carro-total {font:normal 18px 'GothXNw', Arial, Helvetica, sans-serif; line-height:18px;}
		#Cart {padding:3px 0px 0px 45px; text-align:left;}
		#Cart, #Cart a:hover {color:#000000;}
		#Cart a, #carro-total {color:#ed207c; font-weight:bold;}
		#carro-total {margin-top:2px;}
		#carro-vacio {line-height:35px;}
	
	#buscar {width:280px; height:30px; margin:85px 0px 0px 720px; text-align:left; position:absolute;}
		.buscar {width:100%; height:22px; padding:3px 25px 3px 5px;}
		form#busca input, form#busca textarea {
			font:12px Verdana, Arial; border-radius:5px; border:1px solid #3d3d3d; color:#000000; background:rgba(255,255,255,0.8); display:block;}
		form#busca input:focus, form#busca input:hover {border:1px solid #ed207c; color:#000000; background:#ffffff;}
		.separador {width:12px;}
		.botonBuscar {width:30px; height:30px; float:left; display:block; line-height:27px; border-radius:5px; background:#3d3d3d;}
		.botonBuscar:hover {background:#ed207c;}
		.botonBuscar img {width:18px; vertical-align:middle;}
	
	#cabeceraMenu {width:1000px; height:40px; margin:150px 0px 0px 10px; text-align:left; overflow:hidden; position:absolute;}
		ul#menu {margin:0; text-align:center; float:left; left:50%; position:relative;}
		ul#menu li {float:left; list-style:none; position:relative; right:50%;}
		ul#menu li a {padding:0px 17px; color:#414141; font:normal 22px 'GothXNw', Arial; border-radius:7px; line-height:40px; display:block;}
		ul#menu li a:hover {color:#ffffff; background:#ed207c;}


#cuerpo {margin:auto; text-align:left;}


#Pie {width:100%; margin:auto; background:#131313;}

	#pieAnuncios {margin:auto; text-align:center; border-bottom:solid 1px #c4c4c4; background:#3d3d3d;}
		.linksImg {float:none; display:inline;}
		.linksImg img {margin:15px 25px; vertical-align:middle;}

	#pieContenedor {margin:auto;}
	#pieContenedor, #pieContenedor a {font:normal 16px 'GothXNw', Arial, Helvetica; line-height:16px; color:#cccccc;}	
	#pieContenedor a:hover {color:#ffffff;}

	.pieBloque {width:210px; margin:0px 20px; text-align:left; float:left; display:block;}
	.pieBloque p {margin:0px 1px 3px 5px;}

	.pieTitular {width:100%; height:45px; margin-bottom:10px; text-align:left; border-bottom:solid 1px #ffffff;}
	.pieTitular p {padding:20px 0px 0px 0px; color:#ff86b6; font:bold 20px 'GothXNw', Arial, Helvetica; line-height:20px; text-transform:uppercase;}

	.redesPie {margin:10px 2px 0px 5px; text-align:left; float:left; display:block;}
	.redesPie img {width:36px;}	

	#boletin {width:210px; padding-top:1px; margin:-5px auto auto -10px; text-align:center;}
		.boletinTxt {margin:7px auto auto auto; text-align:center;}
		.boletinTxt input {width:80%; margin-bottom:5px; border:solid 1px rgba(0,0,0,0.3); background:#ffffff;}
		.boletinTxt input:hover {border:solid 1px rgba(0,0,0,0.7);}
		.PhoneSuscriptor {display: none;}
		#boletinAcepto {margin-left:20px; margin-top:3px; text-align:right; float:left; display:inline;}
		#boletinAcepto, #boletinAcepto a {font:normal 10px Arial, Helvetica, sans-serif;}
		#boletinAcepto a {color:#ff86b6;}
		#boletinAcepto, #boletinAcepto a:hover {color:#cccccc;}
		.checknews {margin:3px 0px 0px 7px; float:left; display:inline; -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

	#pieTexto {width:100%; margin:25px auto auto auto; text-align:center; border-top:solid 1px #ffffff; background:#ed207c;}
	#pieTexto, #pieTexto a {font:normal 16px 'GothXNw', Arial, Helvetica; line-height:60px; color:#ffffff;}
	#pieTexto a:hover {color:#f6c8dc;}

.ventanaWhatsApp a {width:140px; height:40px; bottom:15px; right:15px; text-align:center; color:#ffffff; font:normal 20px 'alternate', Arial; line-height:40px;
	background:#40A22E; border:solid 2px #ffffff; border-radius:8px; box-shadow:0px 0px 15px rgba(0,0,0,0.3); position:fixed; z-index:1000; display:inherit;}
.ventanaWhatsApp a:hover {background:#1f6d10;}
.ventanaWhatsApp img {width:28px; margin:-3px 5px 0px 0px; vertical-align:middle; display:inline;}


/* ---------------------------- RESPONSIVE ---------------------------------------*/

@media only screen and (min-width: 1330px) {

#cuerpo, #franjaSuperior, #tablaPrincipal, #franjaInferior, #pieContenedor {width:1270px;}
#franjaSuperior {background:url(images/principal-a2.png) no-repeat top center;}

#tablaPrincipal {background:url(images/principal-b2.png) repeat-y}
.tablaCent {width:1025px;}
#principal {width:980px;}

#franjaInferior {background:url(images/principal-c2.png) no-repeat top center;}
.pieBloque {width:230px; margin:0px 40px;}
.linksImg img {margin:15px 50px;}

}


@media only screen and (max-width: 1000px) {

#CabzWeb, #PieWeb, .noMov {display:none;}
#CabzMov, #PieMov, .noWeb {display:block;}

p, form, h1, h2, h3, .productos h1 {margin:0px; padding:0px;}
.MsoNormal {color:#000;}
.highslide-caption {margin-top:15px}
table {border-collapse:collapse; border:none;}
td, th {font-size:12px; text-align:left; vertical-align:top;}
.tituloSeccion {width:90%; height:35px; margin:10px auto; text-align:center; border-bottom:solid 1px rgba(0,0,0,0.35);}
img {border:0px;}

BODY, A {font:normal 20px 'GothXNw', Arial, Helvetica, sans-serif;}


/* ------------------------------------ CABECERA ----------------------------------------- */

#logoMovil {width:100%; margin:0 auto; background:#ffffff; border-bottom:solid 2px #cccccc;}
#logoMovil img {max-width:480px; margin:60px auto auto auto; text-align:center;}
	
#menu-fondo {width:100%; height:60px; top:0; position:absolute; background:#d4176c;}

#menu-general {width:210px; top:0; left:50%; margin-left:-105px; text-align:center; position:absolute; z-index:900;}
	.botonera {width:70px; margin:0px auto; float:left; display:inline;}
	.botonera img {height:60px;}

.contador-carro {width:30px; height:30px; top:1px; margin-left:35px; text-align:center; background:#5a5a5a;
	border-radius:49%; border:solid 2px #ffffff; box-shadow:0px 0px 8px rgba(0,0,0,0.5); position:absolute;}
	.numero-con, .numero-con a {margin:4px 0px 0px 0px; font-weight:600; font-size:21px; text-decoration:none; color:#ffffff;}

#menu-cat {width:270px; top:0; height:60px; text-align:left; position:absolute; z-index:100;}
#menu-sec {width:270px; top:0; right:0; height:60px; text-align:left; position:absolute; z-index:100;}
#menu-cat img, #menu-sec img {height:60px;}
#menu-cat a, #menu-cat a:hover, #menu-sec a, #menu-sec a:hover {color:#ffffff; font:normal 20px 'PTS'; line-height:20px; text-decoration:none;}
.derecha {margin-left:200px;}

.colorCat ul {background:#ee2b7b;}
.colorSec ul {background:#5a5a5a;}

.dl-menuwrapper {width:100%; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px;
	-webkit-perspective-origin:50% 200%; perspective-origin:50% 200%;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper ul {padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative; border-bottom:solid 1px rgba(255,255,255,0.3);}

.dl-menuwrapper li a {display:block; position:relative; padding:15px; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
.dl-menuwrapper li.dl-back > a {padding-left:30px; background:rgba(0,0,0,0.2);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
	position:absolute; top:0; line-height:50px; font-family:'icomoon'; speak:none; -webkit-font-smoothing:antialiased; content:"\e000";}
.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(255,255,255,0.4); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:5px; color:rgba(0,0,0,0.3);}
.dl-menuwrapper .dl-menu {margin:0; position:absolute; width:100%; opacity:0; pointer-events:none;
	-webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px);}

/* ---- OCULTA SUBMENÚS ANTERIORES -------- */
.dl-menuwrapper li .dl-submenu {display:none;}
.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 .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}

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


/* ------------------------------------ CUERPO ----------------------------------------- */

#Cuerpo {width:100%; margin:auto; text-align:left; color:#000000;}


/* ------------------------------------ PIE --------------------------------------------- */		

#separata {width:100%; height:10px; margin:auto; clear:both;}

#Pie {width:100%; margin:auto; text-align:center; color:#ff86b6; background:#131313;}

.pie-contenedor {width:100%; margin:auto;}
	.pie-contenedor, .pie-contenedor a, .pie-contenedor a:hover {font-size:16px;}
	.pie-contenedor a {color:#cccccc;}
	.pie-contenedor a:hover {color:#ff86b6;}

	.pie-home  {padding:20px 0px 0px 0px;}
	
	.cabecera-menus {padding:10px 0px 0px 0px;}
	.cabecera-menu {padding-top:5px; text-align:center;}
		.cabecera-menu li {float:none; display:inline; list-style:none; line-height:25px;}	
	
	.pie-menus {padding:10px 0px 0px 0px;}
	.pie-menu {padding-top:5px; text-align:center;}
		.pie-menu li {float:none; display:inline; list-style:none; line-height:25px;}

	.pie-redes  {width:300px; margin:auto; padding-top:30px; text-align:center;}
	.pie-idioma {width:300px; margin:auto; padding-top:25px; text-align:center;}
		.links  {margin:0px 5px; text-align:left; float:none; display:inline;}
		.links img {width:48px;}

	.pie-logos {padding:20px 0px 0px 0px;}
		.pie-logos img {width:200px;}
		
	.pie-pagos {margin:30px auto 20px auto;}
		.pie-pagos img {width:250px;}
		.pie-pagos p {margin:10px auto; font:600 22px 'PTS'; line-height:18px;}

	.pie-conta {padding:25px 0px 5px 0px; font-size:20px; font-weight:bold;}
	.pie-conta2 {padding:5px 0px 0px 0px;}
	.pie-mail, .pie-telef {padding:15px 0px 0px 0px;}
		.pie-mail img, .pie-telef img {height:40px; vertical-align:top; margin-right:8px;}
		.pie-mail a, .pie-mail a:hover {font-size:20px; line-height:40px;}
		.pie-telef a, .pie-telef a:hover {font-size:28px; line-height:40px;}

	.pie-copys {padding:15px 10px 70px 10px; text-align:center;}
	.pie-copys, .pie-copys a {color:#cccccc; font-size:14px;}
	.pie-copys a:hover 	     {color:#ff86b6;}
	.pie-copys p {padding-bottom:10px;}

#ventanaWhatsApp a {width:140px; height:40px; bottom:15px; left:15px; text-align:center; color:#ffffff; font:normal 20px 'alternate', Arial; line-height:40px;
	background:#40A22E; border:solid 2px #ffffff; border-radius:8px; box-shadow:0px 0px 15px rgba(0,0,0,0.3); position:fixed; z-index:1000; display:inherit;}
#ventanaWhatsApp img {width:28px; margin:-3px 5px 0px 0px; vertical-align:middle; display:inline;}


}


@media only screen and (max-width: 450px) {

#logoMovil img {margin-top:50px;}
	
#menu-fondo, #menu-general, #menu-cat, #menu-sec, .toggleMenu img, #menu-cat img, #menu-sec img {height:50px;}
	.dl-menuwrapper > .dl-submenu {top:53px;}
	.derecha {margin-left:210px;}

#menu-general {width:180px; top:0; left:50%; margin-left:-90px;}
	.botonera {width:60px;}
	.botonera img {height:50px;}

#menu-pie {height:50px;}

		
}



/* ---------------------- PROPIEDADES DEL CARRITO Y DE FINALIZACIÓN COMPRAS --------------------------------- */

.redondo1 {padding:4px; text-align:center; vertical-align:middle;}
.redondo2 {width:100%; padding:2px 2px 5px 2px; background:rgba(0,0,0,0.15); border-collapse:separate;}
.form_login, .redondo1, .redondo2, input, select {border-radius:5px;}

label, .borde {color:#555555;}
hr {border:1px solid #ed207c; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}

.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}
.ibutton {width:155px; margin-top:5px;}
.boton_buscar, .boton_area, .ibutton {height:25px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; border-radius:4px;
	border:1px Solid #ed207c; color:#ffffff; background:#ed207c; /* text-indent: -9999px; */}
.boton_buscar:hover, .boton_area:hover, .ibutton:hover {border:1px Solid #000000; color:#000000; background:#ffffff;}


/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, .opacidad img, .realce img, .respland img, .sombra, .ampliar img, .amplia2 img, .ampliaCapa, .desplaza img, .ruleta img, .circulo img, .cuadrado img, .grises img, 
#menu li a, .nav li a, .carro-flotante, .efectos, .efectos img, .efectos a, input {
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;}

.productos-contenedor, .productos-imagen img, .ficha-boton, .ficha-boton2, .productos-botonera, .vista-rapida-ficha, .efecto5, .efecto5 img, .efecto5 a {
	transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.6;}

.respland img {box-shadow:0px 0px 0px #ffffff;}
.respland img:hover {box-shadow:0px 0px 5px #ffffff;}

.sombra {box-shadow:0px 0px 0px rgba(0,0,0,0);}
.sombra:hover {box-shadow:0px 0px 6px rgba(0,0,0,0.5);}

.ampliar img, .amplia2 img {-webkit-transform: scale(1); transform: scale(1);}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}
.amplia2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}

.ampliaCapa {-webkit-transform: scale(1); transform: scale(1);}
.ampliaCapa:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}

.desplaza img, .ruleta img {margin-top:0px; padding-bottom:0px;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}
.ruleta img:hover {margin-top:-30px; padding-bottom:30px;}

.circulo img, .cuadrado img:hover {border:solid 2px #ffffff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #ffffff; border-radius:50%;}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* ----------------------------- ESTILOS UTILES VARIOS  ----------------------------------------*/

.imags, .formas-pago-cont-item, .profile-items {text-align:center;}
.imags img, .formas-pago-cont-item img, .profile-items img {display:inline;}
.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.margen-5  {margin-top:5px;}	
.margen-10 {margin-top:10px;}
.margen-15 {margin-top:15px;}
.margen-20 {margin-top:20px;}
.margen-25 {margin-top:25px;}
.margen-30 {margin-top:30px;}
.margen-35 {margin-top:35px;}


/* -------- ANIMACIONES MENU CATEGORÍAS ----------- */

.dl-menu.dl-animate-in-1 {-webkit-animation:MenuAnimIn1 0.3s; animation:MenuAnimIn1 0.3s;}
@-webkit-keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); opacity:1;}
}
@keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); transform:translateZ(0px) rotateY(0deg); opacity:1;}
}

.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s; animation:MenuAnimOut1 0.4s;}
@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}
@keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation:SubMenuAnimIn1 0.4s ease; animation:SubMenuAnimIn1 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); opacity:1;}
}
@keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation:SubMenuAnimOut1 0.4s ease; animation:SubMenuAnimOut1 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); opacity:0;}
}
@keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative; opacity:1; -webkit-transform:none; transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {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:'';}