/***** VARIABLES *****/
		:root 
      {
        /* FONT-SIZES */
        --font_size_modal_cuestionario: 1.5rem;
        --textos: 0.75rem;
        --textos0: 0.875rem;
        --textos1: 1.125rem;
        --textos2: 1rem;
        --textos3: 1.25rem;
        --textos4: 1.375rem;
        --textos5: 1.5rem;
        --textos6: 3.125rem;
        --textos7: 4rem;
        --textos8: 3.5rem;

        /*FONT FAMILY*/
        --font_family_titulos: GreatVibes-Regular, sans-serif;
        --font_family_redaccion: Georgia-Regular;

        /* COLORS */
        --blanco: #ffffff; /*rgba(255,255,255,1)*/
        --gris_oscuro: #333333; /*rgba(51,51,51,1)*/
        --gris_claro: #e1e1e1;
        --negro:  #000000; /*rgba(0,0,0,1)*/

        --color_titulo:  rgba(10,54,84,1); /* #0a3654 */
        --color_redaccion:  rgba(96,96,96,1); /* #606060 */
        --color_redaccion_azul:  rgba(32,54,76,1); /* #20364c */
        --color_botones:  rgba(206,166,78,1); /* #cea64e */
        --color_fondo:  rgba(107,148,144,1); /* #A277B2 */
        --color_fondoB:  rgb(255, 255, 255); /* #A277B2 */
        

        --blanco_transparente:  rgba(255,255,255,0.5);
        --negro_transparent: rgba(0,0,0,0.8);
        --color_botones_transparent:  rgba(206,166,78,0.8); /* rgba(162,119,178,0.8); #A277B2 */
        --color_botones_transparent05:  rgba(206,166,78,0.5); /* rgba(162,119,178,0.5); #A277B2 */
        --color_botones_transparent03:  rgba(206,166,78,0.3); /* rgba(162,119,178,0.3); #A277B2 */

      }

/***** IMPORTAR LAS FUENTES *****/
		@font-face 
		{
		  font-family: GreatVibes-Regular;
		  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
		}
		@font-face 
		{
		  font-family: GeorgiaPro-CondLight;
		  src: url(../fonts/GeorgiaPro-CondLight.ttf) format("truetype");
		}

/***** GENERAL *****/

		html, body
		{
			font-family: var(--font_family_redaccion);
			color: var(--gris_oscuro);
			font-size: var(--textos1);
			margin: 0;
			padding: 0;
		}


/***** PARA LOS MODALES *****/

		/* Modal en general */
		.modal
		{
			width: 80%!important;
			height: 100%!important;
			max-height: 75%!important;
		}
		/* Para el modal especifico de los mensajes de confirmación */
		#modal_mensaje
		{
			width: 80%!important;
			font-size: var(--textos5);
			height: auto!important;
		}
		.title_cards_modales
		{
			font-family: var(--font_family_titulos);
			color: var(--color_titulo);
		}

/***** PARA EL IFRAME DE MAPS *****/

		.maps
		{
			width: 100%;
			height: 300px;
		}

/*****  PARA LAS CARDS *****/

    	/*Titulos de las tarjetas*/
		.title_cards
		{
			font-family: var(--font_family_titulos);
			color: var(--color_titulo);
		}
		/*En caso de que se quiera poner algun adorno a las tarjetas de las mesas de regalo Habilitar*/
		/*.mycard
		{
			border: 10px double var(--color_botones);
			background-color: transparent;
		}*/


/***** PARA LOS TEXTOS *****/
		.font5
		{
			font-size: var(--textos5);
		}
		.font0
		{
			font-size: var(--textos0);
		}
		.font1
		{
			font-size: var(--textos1);
		}


/***** PARA LOS BOTONES *****/

		.bg-buttons,.bg-buttons:hover,.bg-buttons:focus
		{
			background-color: var(--color_botones);
			font-weight: bolder;
			color: var(--blanco);
			font-family: var(--font_family_redaccion);
		}

/***** PARA LA INVITACION *****/

		#overlay 
		{
		  position: fixed;
		  display: none;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: var(--negro_transparent);
		  z-index: 99999;
		  cursor: pointer;
		}
		#text_invitacion
		{
		  position: absolute;
		  font-size: var(--textos3);
		  color: var(--blanco);
		  right: 0;
		  padding:20px!important;
		}
		#video
		{
		  position: absolute;
		  top: 52%;
		  left: 50%;
		  font-size: var(--textos6);
		  color: var(--blanco);
		  transform: translate(-50%,-50%);
		  -ms-transform: translate(-50%,-50%);
		  outline: none;
		  border: 0;
		}
		#overlay .video_invitacion 
		{
		  width: 55%; /*55*/
		  max-width: 80%; /*80*/
		  max-height: 100%;
		}

		
/***** PARA EL LOADER *****/
		.preloader-background 
		{
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  background-color: var(--blanco);
		  opacity: 0.8;
		  position: fixed;
		  z-index: 999999;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		}
		.lds-heart 
		{
		  display: inline-block;
		  position: relative;
		  width: 80px;
		  height: 80px;
		  transform: rotate(45deg);
		  transform-origin: 40px 40px;
		}
		.lds-heart div 
		{
		  top: 32px;
		  left: 32px;
		  position: absolute;
		  width: 32px;
		  height: 32px;
		  background: var(--color_titulo);
		  animation: lds-heart 1.0s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		.lds-heart div:after,
		.lds-heart div:before 
		{
		  content: " ";
		  position: absolute;
		  display: block;
		  width: 32px;
		  height: 32px;
		  background: var(--color_titulo);
		}
		.lds-heart div:before 
		{
		  left: -24px;
		  border-radius: 50% 0 0 50%;
		}
		.lds-heart div:after 
		{
		  top: -24px;
		  border-radius: 50% 50% 0 0;
		}
		@keyframes lds-heart 
		{
		  0% {
		    transform: scale(0.95);
		  }
		  5% {
		    transform: scale(1.1);
		  }
		  39% {
		    transform: scale(0.85);
		  }
		  45% {
		    transform: scale(1);
		  }
		  60% {
		    transform: scale(0.95);
		  }
		  100% {
		    transform: scale(0.9);
		  }
		}
		
/***** PARA EL BUTTON TOP PAGE *****/
		.btn-floating
		{
			background-color: var(--color_botones_transparent);

		}
		.btn-floating:hover
		{
			background-color: var(--color_botones);
		}
		.btn-floating i
		{
			font-size: var(--textos5);
			line-height: inherit!important;
		}


/***** PARA EL BOTON FLOATING *****/
		.audio-floating-btn
		{
			bottom: 100px;
		}
		.audio-floating-btn .btn-floating
		{
			color: var(--blanco);
		}
		.audio-floating-btn .btn-floating i
		{
			color: var(--gris_oscuro);
		}
		.audio-floating-btn .btn-floating i
		{
			color: var(--gris_oscuro);
		}
		.audio-floating-btn ul li a.pausarAudio img
		{
			width: var(--textos5); 
			margin-top:20%;
		}
		.audio-floating-btn ul li a.playAudio i
		{
			width: var(--textos5);
			color: var(--negro);
		}

/***** PARA EL MENU *****/

		/***** Para el menu *****/
		#mobile-demo
		{
			background-color: var(--color_botones_transparent05);
			width: 275px; 
		}

		/***** Para las letras del menu  *****/
		.sidenav li>a
		{
		    -webkit-transition: background-color .3s;
		    transition: background-color .3s;
		    font-size: var(--textos1);
		    color: var(--blanco);
		    font-weight: 600;
		    display: block;
		    padding: 0 15px;
		    cursor: pointer;
		    font-family: var(--font_family_redaccion);
		}

		/***** Para el hover de las letras del menu *****/
		.sidenav li>a:hover
		{
			background-color: var(--color_botones_transparent03);
		}

		/***** Para los li del sidenav left *****/
		.li_inicio
		{
			margin-top: 40%;
		}
		/* Para los elementos del menú */
		.li_cont
		{
			margin-top: 8%;
		}
		/*Para el icono para abrir el menú*/
		#iconArrow
		{
			height: 56px;
		   line-height: 56px;
			position: absolute;
			z-index: 9;
			left: 20px;
			color: var(--blanco);
			top: 50%;
			background-color: var(--color_botones_transparent)!important;
		}
		/* Para el icono de abrir el menu sidenavleft */
		#iconArrow i
		{
			font-size: var(--textos5);
		}
		/* Para cerrar el menu left sidenav */
		.close_icon_sidenav
		{
			color: var(--blanco);
			font-size: var(--textos1);
			padding: 0 170px;
		}
		/* Para el icono hamburguer abrir el menu */
		#iconHamburguer
		{
			height: 56px;
		   line-height: 56px;
		   color: var(--blanco);
			position: absolute;
			z-index: 9;
			left: 20px;
			font-size: var(--textos1);
		}

/***** PARA EL PARALLAX PRINCIPAL *****/
		
		/*Abarcamos el 100% del alto de la pantalla*/
		#parallax-container-principal 
		{
		  height: 100vh;
		}
		/* Contiene principal el emblema y el contador */
		.seccionportada
		{
			width: 90%!important;
			margin-top: 15%;
		}
		/* Para el contenedor especifico del emblema, en caso de ser texto colocamos el color */
		.seccionportada div.contenedor_emblema
		{
			color: var(--blanco);
		}
		/* Para el contenedor especifico de la fecha, en caso de ser texto colocamos el color */
		.seccionportada div.contenedor_fecha
		{
			color: var(--blanco);
			font-weight: bold;
			font-size: var(--textos2);
			font-family: var(--font_family_redaccion);
			margin-top: -75px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
		}
		.seccionportada div.contenedor_emblema .logoemblema
		{
			width:330px;
			/* filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(2%) hue-rotate(66deg) brightness(105%) contrast(100%); */
		}
		.seccionportada div.contenedor_nombre_novios .nombre_novios
		{
			font-family: var(--font_family_redaccion);
			color: var(--color_redaccion);
			font-size: var(--textos5);
			margin-top: -75px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
		}
		/*Para la imagen del fondo de portada principal*/
		.parallax-container #img_parallax_principal img
		{
			/* HABILITAR TODOS LOS BLOQUES Y JUGAR CON LOS PORCENTAJES SI LA PORTADA ES GRANDE */
			/*-webkit-transform: translate3d(0, 0, 0);*/
		    /*transform: translate3d(0, 0, 0);*/
		    /*-webkit-transform:  scale(0.8) translateY(40%) translateX(-60%)!important;*//*Agregar este si la imagen es muy grande*/
		    /*-webkit-transform:  translateY(40%) translateX(-60%)!important;*/
		    /*transform:  translateY(40%) translateX(-60%)!important;*/
		    /*transform:  scale(0.8) translateY(40%) translateX(-60%)!important;*//*Agregar este si la imagen es muy grande*/

		}
		/*Para la imagen del fondo del celular*/
		.parallax-container #img_parallax_principal_movil img 
		{
			-webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
		    /*-webkit-transform:  scale(0.35) translateY(100%) translateX(-143%)!important;*//*Agregar este si la imagen es muy grande*/
		    -webkit-transform:  translateY(10%) translateX(-60%)!important;
		    /*transform:  scale(0.35) translateY(100%) translateX(-143%)!important;*//*Agregar este si la imagen es muy grande*/
		    transform:  translateY(10%) translateX(-60%)!important;
		}
		
/***** PARA EL CONTADOR *****/

		#timerCont
		{
			font-family: var(--font_family_redaccion);
			font-size: var(--textos0);
			font-weight: bold;
			/*background-color:rgba(132,131,101, 0.5);*/ /*En caso de fondo del timer descomentar*/
			color: var(--blanco);
			margin-top: -40px; /*Colocamos para que este un poo más pegado al emblema*/
		}

/***** EN CASO DE HABER GALERIA REVUELTA GRID *****/

		/* ---- isotope ---- */
		/*.grid {
		  background: #fffff9;
		}

		
		.grid:after {
		  content: '';
		  display: block;
		  clear: both;
		}

		

		.grid-sizer,
		.grid-item {
		  width: 33.333%;
		}

		.grid-item {
		  float: left;
		}

		.grid-item img {
		  display: block;
		  max-width: 100%;
		}*/
	
/***** PARA EL ICONO DE INSTAGRAM *****/
		#section_hashtag i.icono_instagram
		{
			color: var(--color_fondo);
		}

/***** PARA EL ENLACE DEL HASHTAG *****/
		#section_hashtag a.enlace_hashtag
		{
			color: var(--color_botones);
			font-weight: bold;
		}
		#section_hashtag a.bg-button-ig, #section_hashtag a.bg-button-ig:hover, #section_hashtag a.bg-button-ig:focus
		{
			background-color: var(--color_botones)!important;
			font-weight: bolder;
			color: var(--blanco)!important;
			font-family: var(--font_family_redaccion)!important;
		}

/***** PARA LOS TITULOS DE LAS SECCIONES *****/
		.section_title
		{
			font-family: var(--font_family_titulos);
			font-size: var(--textos7);
			text-transform: capitalize;
			color: var(--color_titulo);
		}

/***** PARA LOS FONDOS DE LAS SECCIONES *****/
		#section_hashtag
		{
			background: url(../images/FONDOS/Fondo_Wendy_1.png) no-repeat center center; 
			color:white;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_pedidaMano
		{
			background: url(../images/FONDOS/Fondo_Wendy_1.png) no-repeat center center; 
			color:white;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_ubication
		{
			background: url(../images/FONDOS/Fondo_Wendy_1.png) no-repeat center center; 
			color:#ffffff !important; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_savedate
		{
			background: url(../images/FONDOS/Fondo_Wendy_5.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		.section_comentarios
		{
			background: url(../images/FONDOS/FondoElena5.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		.section_salud
		{
			/* background: url(../images/FONDOS/FondoElena6.png) no-repeat center cente;  */
			background: var(--color_fondoB);
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_otros
		{
			/* background: url(../images/FONDOS/FondoElena6.png) no-repeat center top ;  */
			background: var(--blanco);
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_ubication
		{
			color: var(--color_redaccion);
		}
		#section_dresscode
		{
			background: var(--color_fondoB); 
			color: var(--color_redaccion);
		}
		#section_dresscode .section_title
		{
			color: var(--color_titulo);
		}
/***** PARA EL ICONO DEL HOTEL ******/
		#section_ubication .icono_hotel
		{
			margin-top: 50px;
			width: 100px;
		}
		#section_ubication .icono_cronograma
		{
			/* margin-top: 50px; */
			width: 390px;
		}
		#section_ubication .contenedor_frase_hotel
		{
			margin-top: -20px;
		}
		#section_ubication .frase_hotel
		{
			margin-left: -20px;
		}

/***** PARA QUE SE MUESTREN CORRECTAMENTE LAS IMAGENES DE LOS PARRALAX ******/
		.parallax-container .mi_parallax 
		{
			z-index: 1;
		}
/***** PARA EL MENSAJE DE LOS DRESS CODE *****/
		.dress-code-msj
		{
			font-size: var(--textos1);
			z-index: 99999999;
			margin-top: -0px;
			color: var(--color_redaccion);
		}
		.dress-code-msj-general
		{
			font-size: var(--textos1);
			color: var(--blanco);
			font-weight: bold;
		}
		#dress-code-msj-subtitulo
		{
			font-family: var(--font_family_redaccion);
			color: var(--blanco);
		}

/***** PARA EL IDIOMA *****/

		/*Habilitar en caso de haber textos para cambiar de idioma*/
		.idiomas a
		{
			 /*text-decoration: underline;
			 color: #4c1c56;
			 font-weight: 600;*/
		}

/***** PARA EL TEXTO DE LOS BANNERS MENSAJES *****/

		.section_redaccion1 h4, .section_redaccion2 h4, .section_redaccion3 h4
		{
			font-family: var(--font_family_redaccion);
			color: var(--gris_oscuro);
		}
/***** PARA LAS SECCIONES DE LAS REDACCIONES *****/
		.section_redaccion1
		{
			  background: url(../images/FONDOS/#!) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		.section_redaccion2
		{
			  background: url(../images/FONDOS/#!) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		.section_redaccion3
		{
			  background: url(../images/FONDOS/#!) no-repeat center center;
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}

		
/***** CAROUSEL PARA LIBRO DE FIRMAS *****/
			.carousel-libro-firmas .carousel-item 
			{
				background-color: var(--color_redaccion); 
				color: var(--blanco); 
				opacity: 1;
				overflow-y: auto;
				padding: 80px 50px 80px 50px;
			}
			.carousel-libro-firmas .indicators .indicator-item.active
			{
				background-color: var(--color_redaccion);
			}
			.carousel-libro-firmas .indicators .indicator-item
			{
				background-color: var(--color_redaccion);
			}
		
/***** PARA EL FORMULARIO *****/
			
		[type="checkbox"].filled-in:checked+span:not(.lever):after 
		{
		    top: 0;
		    width: 20px;
		    height: 20px;
		    border: 2px solid var(--color_redaccion)!important;
		    background-color: var(--color_redaccion)!important;
		    z-index: 0;


		}
		textarea.materialize-textarea:focus:not([readonly]) 
	   { 
	      border-bottom: 1px solid var(--color_redaccion); 
	      -webkit-box-shadow: 0 1px 0 0 var(--color_redaccion); 
	      box-shadow: 0 1px 0 0 var(--color_redaccion);
	   }
		.input-field-color label 
		{
		  color: var(--color_redaccion);
		}
		.input-field-color input,.input-field-color textarea /* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--color_redaccion)!important;
		}
		.input-field-color input:focus + label, .input-field-color textarea:focus + label /* label titulo focus color */
		{
		  color: var(--color_redaccion)!important;
		}
		.input-field-color input:focus, .input-field-color textarea:focus/* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--color_redaccion)!important;
		  box-shadow: 0 1px 0 0 var(--color_redaccion)!important;
		}
		.input-field-color input:focus,.input-field-color textarea:focus /* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--color_redaccion)!important;
		  box-shadow: 0 1px 0 0 var(--color_redaccion)!important;
		}
		.dropdown-content li>a, .dropdown-content li>span 
		{
		    font-size: 16px;
		    color: var(--color_redaccion);
		    display: block;
		    line-height: 22px;
		    padding: 14px 16px;
		}
		.select-wrapper .caret 
		{
			fill: var(--color_redaccion);
		}
		.select-wrapper input.select-dropdown 
		{
			color: var(--color_redaccion);
		}
		/*´Para el alert del form */
		#alert_questions
		{
			font-size:10px;
			padding: 8px;
			border-radius: 3%;
			background-color: var(--color_redaccion);
		}		

/***** EN CASO DE HABER NOMBRE DE PADRES O PADRINOS *****/
		p font.text-padres
		{
			font-family: var(--font_family_redaccion);
			font-size: var(--textos4);
			color: var(--color_redaccion); 
			font-weight: bold;
		}
		p.text-font-padres
		{
			font-size: var(--textos1);
		}

/***** EN CASO DE HABER AGRADECIMIENTOS *****/
		.text-agradecimientos
		{
			font-size: var(--textos4);
		}

/***** PARA EL FOOTER *****/

		.page-footer
		{
			background-color: var(--blanco);
		}
		.page-footer .footer-copyright
		{
			color: var(--gris_oscuro);
			background-color: var(--blanco);
		}

/***** EN CASO DE HABER UN VIDEO O MENSAJE DE INTRO A LA PÁGINA *****/
		.myintroiframe
		{
			width: 100%;
			height: 100%;
		}

@media (min-width: 1500px)
{ 
	#img_parallax_principal
	{
		height: 100vh;
	}
}  
/* Escritorios muy grandes
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1499px)
{ 
	
}   
   
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) 
{ 
	.li_inicio
	{
		margin-top: 45%!important;
	}
}   
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) 
{
	.seccionportada
	{
		margin-top: 65%;
	}
	.sidenav li>a
	{
	    font-size: var(--textos0);
	}
	#overlay .video_invitacion 
	{
	  width: 80%;
	  max-width: 800%;
	  max-height: 90%;
	}
	#video
	{
	  width: 100%;
	}
	#timerCont
	{
		font-size: var(--textos);
		margin-top: -35px;
	}
	.seccionportada div.contenedor_emblema .logoemblema
	{
		width:250px;
		/* filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(2%) hue-rotate(66deg) brightness(105%) contrast(100%); */
	}
	.seccionportada div.contenedor_fecha
	{
		font-size: var(--textos0);
		margin-top: -55px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
	}
	.seccionportada div.contenedor_nombre_novios .nombre_novios
	{
		font-size: var(--textos3);
		margin-top: -55px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
	}
	.section_title
	{
		font-size: var(--textos8);
	}
	.li_inicio		
	{
		margin-top: 10%;
	}
	.li_cont
	{
		margin-top: 0;
	}
	.text-agradecimientos
	{
		font-size: var(--textos0);
	}
	.dress-code-msj
	{
		margin-top: -235px;
		font-size: var(--textos0);
	}
	.dress-code-msj-general
	{
		font-size: var(--textos0);
		margin-top: 60px;

	}
	#dress-code-msj-subtitulo
	{
		font-size: var(--textos0);
	}
	.carousel-mujeres
	{
		margin-top: -0px;
		margin-bottom: -150px;/*Para que no quede mucho espacio en blanco*/
	}
	.parallaxlast2
	{
		transform: translateX(-0%) translateY(-10%) scale(0.8)!important;
	}
	#section_hashtag
	{
		background: url(../images/FONDOS/Fondo_Wendy_1.png) no-repeat left; 
		color:white;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_ubication
	{
		background: url(../images/FONDOS/Fondo_Wendy_1.png) no-repeat right; 
		color:#ffffff;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_savedate
	{
		background: url(../images/FONDOS/Fondo_Wendy_5.png) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_otros
	{
		background: var(--blanco);
	}
	.section_comentarios
	{
		background: url(../images/FONDOS/FondoElena6Vertical.png) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_salud
	{
		/* background: url(../images/FONDOS/FondoElena6Vertical.png) no-repeat right;  */
		background: var(--color_fondoB);
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_dresscode
	{
		background: var(--color_fondoB); 
		color: var(--color_redaccion);
	}
	
	.section_redaccion1
	{
		  background: url(../images/FONDOS/#!) no-repeat center center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion2
	{
		  background: url(../images/FONDOS/#!) no-repeat center center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion3
	{
		  background: url(../images/FONDOS/#!) no-repeat center center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion1 h4, .section_redaccion2 h4, .section_redaccion3 h4
	{
		font-size: var(--texto5);
	}
	.mi-container-mesa
   {
   	width: 100%!important;
   }
}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) 
{ 
	.seccionportada
	{
		margin-top: 135%;
	}
	.sidenav li>a
	{
	    font-size: var(--textos0);
	}
	#overlay .video_invitacion 
	{
	  width: 80%;
	  max-width: 80%;
	  max-height: 90%;
	}
	#video
	{
	  width: 100%;
	}
	#timerCont
	{
		font-size: var(--textos);
		margin-top: -35px;
	}
	.seccionportada div.contenedor_emblema .logoemblema
	{
		width: 250px;
		/* filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(2%) hue-rotate(66deg) brightness(105%) contrast(100%); */
	}
	.seccionportada div.contenedor_fecha
	{
		font-size: var(--textos0);
		margin-top: -55px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
	}
	.section_title
	{
		/* font-size: var(--textos7); */
		font-size: 2rem;
	}
	.li_inicio		
	{
		margin-top: 10%;
	}
	.li_cont
	{
		margin-top: 0;
	}
	.text-agradecimientos
	{
		font-size: var(--textos0);
	}
	.dress-code-msj
	{
		margin-top: -235px;
		font-size: var(--textos0);
	}
	.dress-code-msj-general
	{
		font-size: var(--textos0);
		margin-top: 60px;
		
	}
	#dress-code-msj-subtitulo
	{
		font-size: var(--textos0);
	}
	#section_pedidaMano p.centra_mano
	{
		position:relative;
		left:10%;
	}
	.carousel-mujeres
	{
		margin-top: 0px;
		margin-bottom: -150px;/*Para que no quede mucho espacio en blanco*/
	}
	.parallaxlast2
	{
		transform: translateX(-0%) translateY(-10%) scale(0.8)!important;
	}
	#section_hashtag
	{
		background: url(../images/FONDOS/Fondo_Wendy_2.png) no-repeat left; 
		color:white;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_pedidaMano
	{
		background: url(../images/FONDOS/Fondo_Wendy_2.png) no-repeat left; 
		color:white;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_ubication
	{
		 background: url(../images/FONDOS/Fondo_Wendy_2.png) no-repeat right; 
		 color:#ffffff;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	#section_savedate
	{
		background: url(../images/FONDOS/Fondo_Wendy_6.png) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_otros
	{
		background: var(--blanco);
	}
	.section_salud
	{
		/* background: url(../images/FONDOS/FondoElena6Vertical.png) no-repeat right;  */
		background: var(--color_fondoB);
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_comentarios
	{
		background: url(../images/FONDOS/FondoElena6Vertical.png) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_dresscode
	{
		background: var(--color_fondoB); 
		color: var(--color_redaccion);
	}
	#section_dresscode .section_title
	{
		
		color: var(--color_titulo)!important;
	}
	.section_redaccion1
	{
		  background: url(../images/FONDOS/#!) no-repeat center center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion2
	{
		  background: url(../images/FONDOS/#!) no-repeat center center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion3
	{
		  background: url(../images/FONDOS/#!) no-repeat center center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.section_redaccion1 h4, .section_redaccion2 h4, .section_redaccion3 h4
	{
		font-size: var(--texto5);
	}
	.mi-container-mesa
   {
   	width: 100%!important;
   }
}



/***** PARA CUANDO SE HAGA EL SCROLL LAS IMAGENES DE FONDO TENGAN ESE EFECTO *****/
@supports ( -webkit-touch-callout : none) 
{
	.section_comentarios,.section_salud,#section_dresscode, #section_pedidaMano, #section_savedate,#section_maquillistas,#section_ubication,#section_hashtag,.section_redaccion2,.section-mi-container-mesa,.section_redaccion_agradecimientos,#section_otros
	{
		background-attachment:inherit;
	}
	
}

@supports not ( -webkit-touch-callout : none) 
{
	.section_comentarios,.section_salud,#section_dresscode, #section_pedidaMano, #section_savedate, #section_maquillistas,#section_ubication,#section_hashtag,.section_redaccion2,.section-mi-container-mesa,.section_redaccion_agradecimientos,#section_otros
	{
		background-attachment: fixed;
	}
}









/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) 
{
	.parallaxlast
	{
		transform: scale(0.8);
	}
	.parallaxlast23
	{
		transform: translatex(-10%) translateY(-15%) scale(0.5)!important;
	}
	.parallaxlast3
	{
		transform: translatex(-20%) translateY(10%)!important;
	}
	
}
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) 
{ 
	.parallaxlast
	{
		transform: scale(0.5);
	}
	.parallaxlast3
	{
		transform: translatex(-20%) translateY(-10%)!important;
	}
	.parallaxlast22
	{
		transform: translatex(5%) translateY(-10%) scale(0.5)!important;
	}
	.parallaxlast23
	{
		transform: translatex(-10%) translateY(10%) scale(0.5)!important;
	}
	.parallaxlast2v
	{
		transform: translatex(0%) translateY(-5%) scale(0.85)!important;
	}
	.parallaxlast23v
	{
		transform: translatex(-39%) translateY(0%) scale(0.6)!important;
	}
	
}