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

@media screen and (max-width: 1299px){
	/* ------------ VARIABLES ---------- */	
	.nav {

		--c-menu-hamburguesa:	#1C2531;

		--c-texto-nav-1:   		#676565;
		--c-texto-hov-1:   		#454545;

		--c-fondo-nav-r:   		#F0F0F0;   /* fondo de opción regresar */
		--c-fondo-nav-1:   		#F3F3F3;
		--c-fondo-hov-1:   		#E9E7E7;

		--c-flecha:   			#9F9F9F;

		--borde-nav:  			1px solid #9F9F9F;
	}

	/*------Agregados por IvanLuna-Re. Empieza------*/
	ul.re-ul-principal li span.re-subMenu {
		display: none;
	}
	.dl-menuwrapper li a span.re-subMenu {
		display: none;
	}
	/* re-nav-color */
	.re-nav-color .dl-menuwrapper button,
	.re-nav-color .dl-menuwrapper button:hover,
	.re-nav-color .dl-menuwrapper button.dl-active {
		background: none;
	}
	.re-nav-color .dl-menuwrapper button.dl-active span {
		background-color: transparent;  /*Color de las raya de enmedio cuando se despliega el menú para que no se muestre*/
	}
	.re-nav-color .dl-menuwrapper button.dl-active span:before {
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
	.re-nav-color .dl-menuwrapper button.dl-active span:after {
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-o-transform: rotate(30deg);
		transform: rotate(30deg);
	}
	.re-nav-color .dl-menuwrapper ul {
		background-color: white;				/* al parecer no se muestra */
	}
	/*----*/
	.no-pointerevents .dl-menuwrapper .dl-menu {
		display: none;
	}
	.no-pointerevents .dl-menuwrapper .dl-menu.dl-menuopen {
		display: block;

	}
	/*-----Agregados por IvanLuna-Re. Termina-----*/

	/* Common styles of menus */
	.dl-menuwrapper{	/*div contenedor*/
		max-width: 100%;
		/*float: left;*/ /*¿Provoca fallas en Chrome?*/
		/* position: relative; */
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
	}
	/* .dl-menuwrapper:first-child{
		margin-right: 100px;
	} */
	.dl-menuwrapper button {			/*Posición del botón hamburguesa*/
		width: 34px;
		height: 34px;
		overflow: hidden;
		display: block;					/*Para que funcione en IE*/
		position: relative;
		top: 0;
		outline: none;
		text-indent: -900em;
		cursor: pointer;
		background-color: white;				/* al parecer no se muestra */
		z-index: 2;		
	}
	.dl-menuwrapper button:hover,
	.dl-menuwrapper button.dl-active,
	.dl-menuwrapper ul{
		background-color: white;				/* al parecer no se muestra */
	}
	.dl-menuwrapper button span {		/*Color de las rayas del menú hamburguesa*/
		width: 100%;
		height: 2px;
		position: absolute;
		top: 50%;
		left: 0;
		border-radius: 3px;
		margin-top: -2px;
		background-color: var(--c-menu-hamburguesa);
	}
	.dl-menuwrapper button span:before,
	.dl-menuwrapper button span:after {
		content: '';
		width: 100%;
		height: 2px;
		display: block;
		position: absolute;
		left: 0;
		border-radius: 3px;
		background-color: var(--c-menu-hamburguesa);
	}
	.dl-menuwrapper button span,
	.dl-menuwrapper button span:before,
	.dl-menuwrapper button span:after {
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.dl-menuwrapper button span:before {
		bottom: 7px;
		-webkit-transform-origin: 90% bottom;
		-moz-transform-origin: 90% bottom;
		-ms-transform-origin: 90% bottom;
		-o-transform-origin: 90% bottom;
		transform-origin: 90% bottom;
	}
	.dl-menuwrapper button span:after {
		top: 7px;
		-webkit-transform-origin: 90% top;
		-moz-transform-origin: 90% top;
		-ms-transform-origin: 90% top;
		-o-transform-origin: 90% top;
		transform-origin: 90% top;
	}
	.dl-menuwrapper ul {
		padding: 0;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.dl-menuwrapper li {
		position: relative;
	}
	.dl-menuwrapper li a {		/*Alto Peso y Color de los enlaces*/
		display: block;
		position: relative;
		padding: 15px 30px;
		outline: none;
		font-size: .9rem;
		background-color: var(--c-fondo-nav-1);
		border-bottom: var(--borde-nav);
/*		text-align: left;*/
	}
	.dl-menuwrapper li a p{		/* texto enlaces */
		color: var(--c-texto-nav-1);
	}
	.dl-menuwrapper li:last-child a {
		border-bottom: none;
	}
	
	/*Indicadores de submenu y regresar*/
	.no-touch .dl-menuwrapper li a:hover {
		background-color: var(--c-fondo-hov-1);
	}
	.no-touch .dl-menuwrapper li a p:hover {
		color: var(--c-texto-hov-1);
	}
	.dl-menuwrapper li.dl-back > a {		/* enlace Regresar a menú anterior */
		padding-left: 30px;
		background-color: var(--c-fondo-nav-r); 
	}
	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li > a:not(:only-child):after {
		position: absolute;
		top: 8px;
		font-family: 'icomoon';
		line-height: 40px;
		speak: none;
		-webkit-font-smoothing: antialiased;
		content: "\e000";
	}
	.dl-menuwrapper li.dl-back:after {
		left: 10px;
		color: var(--c-flecha);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.dl-menuwrapper li > a:after {
		right: 4%;
		color: var(--c-flecha);
	}

	/*Menu y Submenus*/
	.dl-menuwrapper .dl-menu {
		margin-top: 8px;/*Margenes de ULMenu*/
		position: absolute;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.dl-menuwrapper .dl-menu.dl-menu-toggle {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

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

	/* 
	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 .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: 42px;/*Espacio entre ULMenu y el contenedor*/
		left: 0;
		margin: 0;
	}

	/* Animation classes for moving out and in */
	/*------*/
	.dl-menu.dl-animate-out-1 {
		-webkit-animation: MenuAnimOut1 0.4s;
		-moz-animation: MenuAnimOut1 0.4s;
		animation: MenuAnimOut1 0.4s;
	}
	.dl-menu.dl-animate-out-2 {
		-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
		-moz-animation: MenuAnimOut2 0.3s ease-in-out;
		animation: MenuAnimOut2 0.3s ease-in-out;
	}
	.dl-menu.dl-animate-out-3 {
		-webkit-animation: MenuAnimOut3 0.4s ease;
		-moz-animation: MenuAnimOut3 0.4s ease;
		animation: MenuAnimOut3 0.4s ease;
	}
	.dl-menu.dl-animate-out-4 {
		-webkit-animation: MenuAnimOut4 0.4s ease;
		-moz-animation: MenuAnimOut4 0.4s ease;
		animation: MenuAnimOut4 0.4s ease;
	}
	.dl-menu.dl-animate-out-5 {
		-webkit-animation: MenuAnimOut5 0.4s ease;
		-moz-animation: MenuAnimOut5 0.4s ease;
		animation: MenuAnimOut5 0.4s ease;
	}

	/*------*/
	.dl-menu.dl-animate-in-1 {
		-webkit-animation: MenuAnimIn1 0.3s;
		-moz-animation: MenuAnimIn1 0.3s;
		animation: MenuAnimIn1 0.3s;
	}
	.dl-menu.dl-animate-in-2 {
		-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
		-moz-animation: MenuAnimIn2 0.3s ease-in-out;
		animation: MenuAnimIn2 0.3s ease-in-out;
	}
	.dl-menu.dl-animate-in-3 {
		-webkit-animation: MenuAnimIn3 0.4s ease;
		-moz-animation: MenuAnimIn3 0.4s ease;
		animation: MenuAnimIn3 0.4s ease;
	}
	.dl-menu.dl-animate-in-4 {
		-webkit-animation: MenuAnimIn4 0.4s ease;
		-moz-animation: MenuAnimIn4 0.4s ease;
		animation: MenuAnimIn4 0.4s ease;
	}
	.dl-menu.dl-animate-in-5 {
		-webkit-animation: MenuAnimIn5 0.4s ease;
		-moz-animation: MenuAnimIn5 0.4s ease;
		animation: MenuAnimIn5 0.4s ease;
	}

	/*------*/
	.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
		-webkit-animation: SubMenuAnimIn1 0.4s ease;
		-moz-animation: SubMenuAnimIn1 0.4s ease;
		animation: SubMenuAnimIn1 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
		-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
		animation: SubMenuAnimIn2 0.3s ease-in-out;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
		-webkit-animation: SubMenuAnimIn3 0.4s ease;
		-moz-animation: SubMenuAnimIn3 0.4s ease;
		animation: SubMenuAnimIn3 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
		-webkit-animation: SubMenuAnimIn4 0.4s ease;
		-moz-animation: SubMenuAnimIn4 0.4s ease;
		animation: SubMenuAnimIn4 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
		-webkit-animation: SubMenuAnimIn5 0.4s ease;
		-moz-animation: SubMenuAnimIn5 0.4s ease;
		animation: SubMenuAnimIn5 0.4s ease;
	}

	/*------*/
	.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
		-webkit-animation: SubMenuAnimOut1 0.4s ease;
		-moz-animation: SubMenuAnimOut1 0.4s ease;
		animation: SubMenuAnimOut1 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
		-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
		animation: SubMenuAnimOut2 0.3s ease-in-out;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
		-webkit-animation: SubMenuAnimOut3 0.4s ease;
		-moz-animation: SubMenuAnimOut3 0.4s ease;
		animation: SubMenuAnimOut3 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
		-webkit-animation: SubMenuAnimOut4 0.4s ease;
		-moz-animation: SubMenuAnimOut4 0.4s ease;
		animation: SubMenuAnimOut4 0.4s ease;
	}
	.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
		-webkit-animation: SubMenuAnimOut5 0.4s ease;
		-moz-animation: SubMenuAnimOut5 0.4s ease;
		animation: SubMenuAnimOut5 0.4s ease;
	}

	/* No JS Fallback */
	.no-js .dl-menuwrapper .dl-menu {
		position: relative;
		opacity: 1;
		-webkit-transform: none;
		-moz-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);			/* al parecer no se muestra */
	} 
	.no-js .dl-menuwrapper li > a:not(:only-child):after {
		content: '';
	}
}

	/****************************************************/	
	@-webkit-keyframes MenuAnimOut1 {
		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;
		}
	}

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

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

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

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

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

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

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

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

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

	@keyframes MenuAnimOut1 {
		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 {
		100% {
			transform: translateX(-100%);
			opacity: 0;
		}
	}

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

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

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



	/********************************************/
	@-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;
		}
	}

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

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

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

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

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

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

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

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

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

	@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;
		}
	}




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

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

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

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

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

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

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

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

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

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

	@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;
		}
	}	



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

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

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

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

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

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

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

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

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

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

	@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;
		}
	}