/***** 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: LATEEFREGOT, 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:  #5E694B; 
  --color_redaccion:  #606060; 
  --color_redaccionB: #5E694B; 
  --color_botones:  #5e694b; 
  --color_fondo:  #5E694B; 
  

  --blanco_transparente:  rgba(255,255,255,0.5);
  --negro_transparent: rgba(0,0,0,0.8);
  --color_botones_transparent:  rgba(94, 105, 75, 0.8); 
  --color_botones_transparent05:  rgba(94, 105, 75, 0.5); 
  --color_botones_transparent03:  rgba(94, 105, 75, 0.3);

}

/***** IMPORTAR LAS FUENTES *****/
  @font-face 
  {
	font-family: PHOTOGRAPH_SIGNATURE;
	src: url(../fonts/PHOTOGRAPH_SIGNATURE.ttf) format("opentype");
  }
  @font-face 
  {
	font-family: LATEEFREGOT;
	src: url(../fonts/LATEEFREGOT.TTF) format("opentype");
  }
  /* @font-face 
  {
	font-family: HARMONY_PERSONAL_USE;
	src: url(../fonts/HARMONY_PERSONAL_USE.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%;
  }

  .drop { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.8)); }

/*****  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);
  }
  .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(--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;
  }
  .parallaxlast2
  {
	  transform: translateX(0) translateY(20%) scale(1)!important;
  }
  .parallaxlast22
  {
	  transform: translateX(0%) translateY(15%) scale(1)!important;
  }
  .parallaxlast23
  {
	  transform: translatex(0%) translateY(0%) scale(1)!important;
  }
  /* Contiene principal el emblema y el contador */
  .seccionportada
  {
	  width: 90%!important;
	  margin-left: -20%;
	  margin-top: 5%;
  }
  /* 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:600px;
	  /*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.3) translateY(130%) translateX(-170%)!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(0.3) translateY(125%) translateX(-179%)!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: var(--blanco);
	  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: var(--blanco);
  }

/***** 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: url(../images/FONDOS/Fondo3_H.jpg) no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
  }
  #section_hashtag
  {
	  background: var(--color_fondo); 
	  color: var(--blanco);
  }
  #section_ubication
  {
	   background: url(../images/FONDOS/Fondo_portada_H.jpg) 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/Fondo2_H.jpg) 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/Fondo2_H.jpg) 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/Fondo_Lili-07.png) 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/Fondo2_H.jpg) 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/Fondo3_H.jpg) 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: #000000; 
		  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(--color_redaccion);
  }
  .input-field-colorFN input,.input-field-colorFN textarea /* label input text underline focus color */
  {
	border-bottom: 1px solid var(--color_redaccion)!important;
  }
  .input-field-colorFN input:focus + label, .input-field-colorFN textarea:focus + label /* label titulo focus color */
  {
	color: var(--color_redaccion)!important;
  }
  .input-field-colorFN input:focus, .input-field-colorFN 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 input:focus,.input-field-colorFN 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_redaccionB);
	  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(0) translateY(0%) scale(0.3)!important;
}
}   
/* Móviles en horizontal o tablets en vertical
------------------------------------------------------------------------- */
@media (max-width: 767px) 
{
.seccionportada
{
  margin-left: 5%;
  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: 500px;
  /*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.2)!important;
}
#section_hashtag
{
  background: var(--color_fondo); 
  color: var(--blanco);
}
/*#section_ubication
{
   background: url(../images/Fondos-B_F-07_.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/Fondo2_H.jpg) 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/Fondo_portada_H.jpg) no-repeat right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section_comentarios
{
  background: url(../images/FONDOS/Fondo_Lili-07.png) 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: 5%;
  margin-top: 117%;
}
.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: 500px;
  /*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(-12%) translateY(25%) scale(1)!important;
}
#section_hashtag
{
  background: var(--color_fondo); 
  color: var(--blanco);
}
#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/Fondo3_V.jpg) 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/Fondo_portada_V.jpg) no-repeat center center; /* center left */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#section_hospedaje
{
  background: url(../images/FONDOS/Fondo2_V.jpg) 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/Fondo2_V.jpg) no-repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#section_otros
{
  background: url(../images/FONDOS/Fondo3_V.jpg) 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/Fondo_portada_V.jpg) no-repeat center; 
  -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_hospedaje,#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_familiares,.section_comentarios,.section_salud,#section_dresscode, #section_savedate, #section_maquillistas,#section_hospedaje,#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(0%) translateY(-45%) scale(0.2)!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(0%) translateY(0%) scale(.5)!important;
}
.parallaxlast23
{
  transform: translatex(0%) translateY(3%) scale(.75)!important;
}

}