/***** 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: PHOTOGRAPH_SIGNATURE, sans-serif;
        --font_family_redaccion: HARMONY_PERSONAL_USE, sans-serif;

        /* 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:  #ac4c35; 
		/* confirmar color */
        --color_redaccion:  #606060; 
        --color_redaccionB: #a6ac81; 
		/* confirmar color */
        --color_botones:  #a6ac81; 
        --color_fondo:  rgb(166, 172, 129); 
        

        --blanco_transparente:  rgba(255,255,255,0.5);
        --negro_transparent: rgba(0,0,0,0.8);
        --color_botones_transparent:  rgb(166, 172, 129,0.8); 
        --color_botones_transparent05:  rgb(166, 172, 129,0.5); 
        --color_botones_transparent03:  rgb(166, 172, 129,0.3);

      }

/***** IMPORTAR LAS FUENTES *****/
		@font-face 
		{
		  font-family: PHOTOGRAPH_SIGNATURE;
		  src: url(../fonts/PHOTOGRAPH_SIGNATURE.ttf) format("opentype");
		}
		@font-face 
		{
		  font-family: HARMONY_PERSONAL_USE;
		  src: url(../fonts/HARMONY_PERSONAL_USE.otf) format("opentype");
		  /* src: url(../fonts/CORMORANT-MEDIUM.otf) format("truetype"); */
		}

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

		html, body
		{
			font-family: var(--font_family_redaccion);
			color: var(--color_redaccion);
			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: 250px;
		}

/***** PARA EL CRONOGRAMA DE IMAGEN  *****/
		.cronograma_img
		{
			width: 40%;
		}

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

    	/*Titulos de las tarjetas*/
		.title_cards
		{
			font-family: var(--font_family_titulos);
			color: var(--color_titulo);
		}
		.title_cardsDos
		{
			font-family: var(--font_family_titulos);
			color: #cc9933;
		}
		/*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);
		}
		.font3
		{
			font-size: var(--textos3);
		}


/***** 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 EL TAB MENU DE GALERIAS *****/
		#menu_galeria .tab a:hover, #menu_galeria .tab a.active 
		{
		    background-color: transparent;
		    color: var(--color_botones);
		}
		#menu_galeria .indicator 
		{
		    position: absolute;
		    bottom: 0;
		    height: 2px;
		    background-color: var(--color_botones);
		    will-change: left, right;
		}
		.tabs .tab a 
		{
		    color: var(--color_botones_transparent05);
		    display: block;
		    width: 100%;
		    height: 100%;
		    padding: 0 24px;
		    font-size: 14px;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    -webkit-transition: color .28s ease, background-color .28s ease;
		    transition: color .28s ease, background-color .28s ease;
		}

/***** 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(--blanco);
		}
		.audio-floating-btn .btn-floating i
		{
			color: var(--blanco);
		}
		.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;
		}
		.parallaxlast2
		{
			transform: translateX(0%) translateY(-50%) scale(1)!important;
		}
		.parallaxlast22
		{
			transform: translateX(0%) translateY(-40%) scale(1)!important;
		}
		.parallaxlast23
	{
		transform: translatex(0%) translateY(10%) scale(1)!important;
	}
		/* Contiene principal el emblema y el contador */
		.seccionportada
		{
			width: 90%!important;
			margin-left: -30%;
			margin-top: 17%;
		}
		/* 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(--color_titulo);
			font-weight: bold;
			font-size: var(--textos2);
			font-family: var(--font_family_redaccion);
			margin-top: -25px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/

		}
		.seccionportada div.contenedor_fecha .fecha
		{
			border-top: 3px solid rgba(152,122,54,1);
			border-bottom: 2px solid rgba(152,122,54,1);
			
		}
		.seccionportada div.contenedor_emblema .logoemblema
		{
			width:500px;
			/*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(1) translateY(5%) translateX(-50%)!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(0%) translateX(-46%)!important; */
		    transform:  scale(1) translateY(0%) translateX(-60%)!important;/*Agregar este si la imagen es muy grande*/
		    /* transform:  translateY(0%) translateX(-46%)!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(--color_titulo);
			margin-top: -20px; /*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: white;
			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);
		}

		.section_redaB
		{
			color: var(--color_redaccionB);
		}
		.section_title2
		{
			font-family: var(--font_family_redaccion);
			font-size: var(--textos5);
		}
		.section_titleDressCode
		{
			font-family: var(--font_family_titulos);
			font-size: var(--textos7);
			text-transform: capitalize;
			color:  rgb(0,42,68);
		}

/***** PARA LOS FONDOS DE LAS SECCIONES *****/
		#section_familiares
		{
			background: url(../images/fondos/Fondos_Paola1.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_cronograma
		{
			/* background: var(--color_fondo);  */
			background: url(../images/fondos/fondo2h.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		/* #section_cronograma .section_title
		{
			color: var(--blanco);
		} */
		#section_hashtag
		{
			  background: url(../images/fondos/FondoH3.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_ubication
		{
			 background: url(../images/fondos/fondo1h.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_hospedaje
		{
			 background: url(../images/fondos/fondo3h.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_savedate
		{
			background: url(../images/fondos/fondo1h.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/#!) no-repeat center center; 
			color: var(--color_redaccionB);
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		.section_redaccion_agradecimientos
		{
			background: url(../images/fondos/FondosBrenda-03.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/fondo2h.png) no-repeat center center; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}

		#section_otros
		{
			background: url(../images/fondos/fondo3h.png) no-repeat center left ; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}
		#section_dresscode
		{
			background: var(--color_fondo); 
			color: var(--blanco);
		}
		#section_dresscode .section_title
		{
			color: var(--blanco);
		}
/***** PARA EL ICONO DEL HOTEL ******/
		#section_ubication .icono_hotel
		{
			margin-top: 50px;
			width: 100px;
		}
		#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(--blanco);
		}
		.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_fondo); 
				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);;
			}

			.filter-switch label {
				cursor: pointer;
			  }
			  .filter-switch-item input:checked + label {
				color: inherit;
			  }
			  .filter-switch-item input:not(:checked) + label {
				--bg-opacity: 0;
				box-shadow: none;
			  }
			  
			  .filter-switch label {
				cursor: pointer;
			  }
			  .filter-switch-item input:checked + label {
				color: inherit;
			  }
			  .filter-switch-item input:not(:checked) + label {
				--bg-opacity: 0;
				box-shadow: none;
			  }
			  
		
/***** 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);
	   }
	   .inpuColor{
			color: 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;
		}

		.input-field-colorFN label 
		{
		  color: var(--blanco);
		}
		.input-field-colorFN input,.input-field-colorFN textarea /* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--blanco)!important;
		}
		.input-field-colorFN input:focus + label, .input-field-colorFN textarea:focus + label /* label titulo focus color */
		{
		  color: var(--blanco)!important;
		}
		.input-field-colorFN input:focus, .input-field-colorFN textarea:focus/* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--blanco)!important;
		  box-shadow: 0 1px 0 0 var(--blanco)!important;
		}
		.input-field-colorFN input:focus,.input-field-colorFN textarea:focus /* label input text underline focus color */
		{
		  border-bottom: 1px solid var(--blanco)!important;
		  box-shadow: 0 1px 0 0 var(--blanco)!important;
		}
		.dropdown-content li>a, .dropdown-content li>span 
		{
		    font-size: 16px;
		    color: var(--blanco);
		    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_redaccionB);
		}		

/***** 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;
	}
	.parallaxlast2
	{
		transform: translateX(35%) translateY(30%) scale(0.3)!important;
	}
}   
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) 
{
	.seccionportada
	{
		margin-top: -50%;
	}
	.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: -25px;
		color: var(--blanco);
	}
	.seccionportada div.contenedor_emblema .logoemblema
	{
		width: 200px;
		/*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: -25px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
		color:  var(--blanco);
	}
	.section_title
	{
		font-size: var(--textos8);
	}
	.section_title2
		{
			
			font-size: var(--textos5);
		}
	.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: -250px;/*Para que no quede mucho espacio en blanco*/
	}
	.carousel-hombre
	{
		margin-top: 0px;
		margin-bottom: -190px;/*Para que no quede mucho espacio en blanco*/
	}
	.parallaxlast2
	{
		transform: translateX(-0%) translateY(-10%) scale(0.8)!important;
	}
	#section_hashtag
	{
		background: url(../images/fondos/FondoH3.png) no-repeat center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_ubication
	{
		 background: url(../images/fondos/fondo1h.png) no-repeat center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_hospedaje
	{
		 background: url(../images/fondos/fondo3h.png) no-repeat center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	.section_redaccion_agradecimientos
		{
			background: url(../images/fondos/FondosBrenda-04-04.png) no-repeat center ; 
		    -webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		}

	#section_savedate
	{
		background: url(../images/fondos/fondo1h.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/fondo2h.png) no-repeat right; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	.section_comentarios
	{
		background: url(../images/fondos/#!) no-repeat left; 
		color: var(--color_redaccionB);
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_dresscode
	{
		background: var(--color_fondo); 
		color: var(--blanco);
	}
	#section_dresscode .section_title
	{
		
		color: var(--blanco)!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;
   }
   .nombres_familiares
 	{
 		font-size: 1.3rem;
 	}
 	.cronograma_img
		{
			width: 100%;
		}
}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) 
{ 
	.seccionportada
	{
		margin-left: 0%;
		margin-top:110%;
	}
	.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: -25px;
		color: var(--blanco);
	}
	.seccionportada div.contenedor_emblema .logoemblema
	{
		width: 200px;
		/*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: -25px;/*Vara que se encuentre un poco pegado al logo en caso de tener si no comentar*/
		color: var(--blanco);
	}
	.section_title
	{
		font-size: var(--textos8);
	}
	.section_title2
		{
			font-family: var(--font_family_redaccion);
			font-size: var(--textos5);
		}
	.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: -250px;/*Para que no quede mucho espacio en blanco*/
	}
	.carousel-hombre
	{
		margin-top: 0px;
		margin-bottom: -190px;/*Para que no quede mucho espacio en blanco*/
	}
	.parallaxlast2
	{
		transform: translateX(8%) translateY(-30%) scale(1)!important;
	}
	#section_hashtag
	{
		background: url(../images/fondos/FondoV3.png) no-repeat center; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_familiares
	{
		background: url(../images/fondos/Fondos_Paola2.png) no-repeat center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#section_cronograma
	{
			background: url(../images/fondos/fondo2v.png) no-repeat center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	/* .section_redaccion_agradecimientos
	{
		background: url(../images/fondos/FondosBrenda-04-04.png) no-repeat center ; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	} */
	#section_ubication
	{
		 background: url(../images/fondos/fondo1v.png) no-repeat center ; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_hospedaje
	{
		 background: url(../images/fondos/fondo3v.png) no-repeat center ; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	#section_savedate
	{
		background: url(../images/fondos/fondo1v.png) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	#section_otros
	{
		background: url(../images/fondos/fondo3v.png) no-repeat center left ; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.section_salud
	{
		background: url(../images/fondos/fondo2v.png) no-repeat right; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	/* .section_comentarios
	{
		background: url(../images/fondos/#!) no-repeat left; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	} */
	#section_dresscode
	{
		background: var(--color_fondo); 
		color: var(--blanco);
	}
	#section_dresscode .section_title
	{
		
		color: var(--blanco)!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;
 	}
 	.nombres_familiares
 	{
 		font-size: 1.3rem;
 	}
 	.cronograma_img
		{
			width: 100%;
		}
}



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

@supports not ( -webkit-touch-callout : none) 
{
	#section_familiares,.section_comentarios,.section_salud,#section_dresscode, #section_savedate, #section_maquillistas,#section_ubication,#section_hospedaje,#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.1)!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(15%) translateY(-10%) scale(1)!important;
	}
	.parallaxlast23
	{
		transform: translatex(0%) translateY(10%) scale(0.8)!important;
	}
	
}