/* Champagne CSS */
@font-face {
    font-family: 'Billion Dreams';
    src: url('BillionDreams.woff2') format('woff2'),
        url('BillionDreams.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville Old Face';
    src: url('BaskOldFace.woff2') format('woff2'),
        url('BaskOldFace.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allura';
    src: url('Allura-Regular.woff2') format('woff2'),
        url('Allura-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
    src: url('Baskerville-Bold.woff2') format('woff2'),
        url('Baskerville-Bold.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville-SemiBold';
    src: url('Baskerville-SemiBold.woff2') format('woff2'),
        url('Baskerville-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'StyleScript-Regular';
    src: url('StyleScript-Regular.woff2') format('woff2'),
        url('StyleScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'STIX-Regular';
    src: url('STIX-Regular.woff2') format('woff2'),
        url('STIX-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('CenturyGothic.woff2') format('woff2'),
        url('CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
    background: #FBFBFB !important;
}

/* Loader */

/*.loader1{
    background-color: none !important;
    background: url('../../loading_oficial.gif');
    background-size: cover;
}

.loader1 {
    width: 500px;
    height:580px;
}

.loader1 {
    position: initial;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    top: 0%; 
    left:0%;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    width: auto;
    height: 100vh;
    margin-top: 50%;
}
*/
/*.inner-loader {
    position: initial;
    left: 0%; 
     top: 0%; 
     -webkit-transform: translate(0%, 0%); 
    -ms-transform: translate(0%, 0%);
}

.loader1 {
    background-color: none;
}

.loader{
  background: #fbfbfb;
}
*/
/* Fin loader */

.seccion_nombre{
      /*background: url(../img/banner_principal.jpg);*/
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 100vh !important;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-top: 0px;
}


  .seccion_nombre2{

        padding-bottom: 0px; 
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 100vh !important;
    background-repeat: no-repeat !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

  }

/* Novio y Novia cabecera */
.heading-title{
  position: absolute;
    top: 230px;
    left: 40px;
    font-size: 6em !important;
    font-family: 'Billion Dreams' !important;
}

.titulo_1, .titulo_2{
  color: #6D8C54;
  font-family: 'Billion Dreams' !important;
}

.titulo_y{
  color: #DFC663;
  font-family: 'Billion Dreams' !important;
}

.nos_casamos{
    position: absolute;
    top: 500px;
    left: 25px;
    font-size: 2.5em !important;
    font-family: 'Billion Dreams' !important;
    color: #DFC663;
}

.fecha_cabecera{
    position: absolute;
    top: 550px;
    left: 70px;
    font-size: 2em !important;
    font-family: 'Baskerville Old Face' !important;
    font-weight: bold;
    color: #DFC663;
}

/* Ajustes mobile */
@media (min-width: 375px) and (max-width: 413px)  {

.seccion_nombre2 {
    /* padding-bottom: 0px; */
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 100vh !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


  .heading-title {
    position: absolute;
    top: 290px;
    left: 80px;
    font-size: 6em !important;
    font-family: 'Billion Dreams' !important;
}

.titulo_1, .titulo_2{
  color: #6D8C54;
  font-family: 'Billion Dreams' !important;
}

.titulo_y{
  color: #DFC663;
  font-family: 'Billion Dreams' !important;
}

.nos_casamos{
    position: absolute;
    top: 650px;
    left: 25px;
    font-size: 2.5em !important;
    font-family: 'Billion Dreams' !important;
    color: #DFC663;
}

.fecha_cabecera{
    position: absolute;
    top: 700px;
    left: 70px;
    font-size: 2em !important;
    font-family: 'Baskerville Old Face' !important;
    font-weight: bold;
    color: #DFC663;
}

}

@media (min-width: 200px) and (max-width: 359px)  {

  .heading-title{
    font-size: 4em !important;
  }

}


/* Fin novio y novia cabecera */


/* Frase */

.primer_puesto{
  background: #EE7D33; padding: 5px; margin: 0 auto; width: 240px; margin-top: 60%
}

.primer_puesto_pc{
  background: #EE7D33; padding: 5px; margin: 0 auto; width: 240px; 
    
  margin-top: 20%;
}

.frase2{
    font-size: 1.2em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 60px;
    padding-right: 60px;
    line-height: 1.2;
    text-align: center;
}


.frase3{
      position: absolute;
    top: 900px;
    left: 0px;
    font-size: 1.3em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 280px;
    padding-right: 280px;
    line-height: 1.2;
    text-align: center;
}


.biblico{
  position: absolute;
    top: 1150px;
    left: 0px;
    font-size: 1.7em !important;
    font-family: 'StyleScript-Regular';
    color: #DFC663;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.1;
    text-align: center;
}

/* Ajustes mobile */
@media (min-width: 375px) and (max-width: 600px)  {



  .primer_puesto{
  background: #EE7D33; padding: 5px; margin: 0 auto; width: 240px; margin-top: 60%
}

  .frase2{
    font-size: 1.3em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 60px;
    padding-right: 60px;
    line-height: 1.2;
    text-align: center;
}


.biblico{
  position: absolute;
    top: 1450px;
    left: 0px;
    font-size: 2em !important;
    font-family: 'StyleScript-Regular';
    color: #DFC663;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.1;
    text-align: center;
}

}

/*@media (min-width: 200px) and (max-width: 359px)  {

  .heading-title{
    font-size: 4em !important;
  }

}*/

/* Fin de frase */


/* Cuenta regresiva */

.cuenta_regresiva{
  background: url('../img/cuenta_regresiva.jpg');
  padding-bottom: 0px;
  background-size: cover !important;
  /*background-attachment: fixed;*/
  height: 100vh;
  background-repeat: no-repeat;
  /*padding-top: 30px !important;*/
  display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

/* Titulo cuenta regresiva */
.large-heading{
  color: #fff;
  font-family: 'Allura';
  font-size: 2.5em;
}

/* Fondo cuenta regresiva*/
.simply-countdown > .simply-section {
    background: #461F50;
    /*border: 1px solid #99B9D8;*/
    /*box-shadow: 0px 0px 5px 3px rgba(153,185,216,0.75);
    -webkit-box-shadow: 0px 0px 5px 3px rgba(153,185,216,0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(153,185,216,0.75);*/
}

/* Fecha y hora cuenta regresiva */
.simply-countdown > .simply-section .simply-amount {
    font-size: 2.7em;
    font-family: 'Baskerville';
    padding-bottom: 8px;
}

.simply-countdown > .simply-section .simply-word {
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    /*font-family: 'Allura';*/
}

.simply-countdown > .simply-section {
    width: 120px;
    height: 120px;
 }

.simply-countdown > .simply-section > div {
    height: 120px;
    width: 120px;
}

.simply-hours-section{
  display: inline-block !important;
  width: 100px !important;
  height: 100px !important;
}

.simply-minutes-section{
  display: inline-block !important;
  width: 100px !important;
  height: 100px !important;
  margin-left: 7px !important;
}

.simply-seconds-section{
  display: inline-block !important;
  width: 100px !important;
  height: 100px !important;
  margin-left: 7px !important;
}

.mg_top_count{
  margin-top: 80px;
}


@media (min-width: 375px) and (max-width: 600px)  {

  .mg_top_count{
   margin-top: 150px;
  }


}

/* Fin cuenta regresiva */


/* Flores cuenta regresiva y ceremonia */

.flores_cuenta_ceremonia{
  background: url('../../../banco_imagen/celeste/flores_cuenta_ceremonia.png');
  padding-bottom: 0px;
  background-size: cover !important;
  /*background-attachment: fixed;*/
  height: 300px;
  background-repeat: no-repeat;
  padding-top: 30px !important;
  margin-top: -110px;
}

/* Fin flores cuenta regresiva y ceremonia */

/* Ceremonia y festejo */

.programa{
   background: url('../img/condiciones.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 100vh;
  background-repeat: no-repeat;
      display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.premios{
   background: url('../img/premios.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 170vh;
  background-repeat: no-repeat;
  padding-top: 30px !important;
}

.premios_pc{
   background: url('../img/premios_pc.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 888px;

  background-repeat: no-repeat;
  background-position: center;


}

.archivos_pc{
   background: url('../img/archivo_pc.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 888px !important;

  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;


}


.registro_pc{
   background: url('../img/registro_pc.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 888px;

  background-repeat: no-repeat;
  background-position: center;


}

.archivo{
   background: url('../img/archivo.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/
  height: 100vh;
  background-repeat: no-repeat;
  display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.archivo_pc{
   background: url('../img/archivo_registro_pc.jpg');
  /*padding-bottom: 0px;*/
  background-size: cover !important;
  /*background-attachment: fixed !important;*/

  background-repeat: no-repeat;

}

li::before { /* Añadimos contenido antes de cada elemento de la lista */
content: "\2022"; /* Insertamos el marcador */
padding-right: 8px; /* Establecemos el espacio entre las viñetas y el list item */
color: #EE7D33; /* Coloreamos la viñeta */
}

.timeline-sec {
    padding-top: 0px;
}

.timeline-sec .timeline-heading {
    margin-bottom: 0px;
}

.icono_iglesia{
  /*margin-top: -180px;*/
}

.titulo_ceremonia_religiosa{
  color: #6D8C54;
  font-family: 'Baskerville-SemiBold';
  font-size: 2em;
}

hr.style-one {
    border: 0;
    height: 4px;
    background: #6D8C54;
    background-image: linear-gradient(to right, #6D8C54, #6D8C54, #6D8C54);
    width: 65%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.timeline-heading{
  padding-bottom: 0px;
}

.ceremonia_hora{
  padding-top: 15px;
  font-family: 'Baskerville Old Face';
  color: #DFC663;
  font-size: 1em;
}

.ceremonia_fecha{
  padding-top: 10px;
  font-family: 'Baskerville Old Face';
  color: #DFC663;
  font-size: 0.8em;
}

.texto_ceremonia{
  color: #000;
    font-family: 'Baskerville Old Face';
    font-size: 1.4em;
    text-align: center;
    /*padding-top: 45%;*/
}


.texto_archivo{
  color: #000;
    font-size: 1em;
    text-align: center;
}

.texto_premio{
  color: #fff !important;
    font-family: 'Baskerville Old Face';
    font-size: 1.4em;
    text-align: center;
    padding-top: 1%;
    font-weight: bold;
}

.btn_ubic_padding{
  padding-top: 50px;
}

.btn-primary2 {
    /*font-family: 'Baskerville-SemiBold';*/
    text-decoration: none;
    padding: 15px;
    font-size: 1.1em;
    background: #EE7D33;
    color: #fff;
    border: none;
    width: 230px;
    border-radius: 50px;
}

.icono_fiesta{
  margin-top: 0px;
}

.titulo_fiesta{
  color: #6D8C54;
  font-family: 'Baskerville-SemiBold';
  font-size: 2em;
  margin-top: 20px;
}

.flores_cuenta_ceremonia_abajo{
  background: url('../../../banco_imagen/champagne/flores_cuenta_ceremonia_abajo.png');
  padding-bottom: 0px;
  background-size: cover !important;
  /*background-attachment: fixed;*/
  height: 300px;
  background-repeat: no-repeat;
  padding-top: 30px !important;
  margin-top: -130px;
}

/* Fin ceremonia y festejo */

/* Tenida */

.tenida{
     background: url(../img/registro.jpg);
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 170vh;
    background-repeat: no-repeat;

    /* margin-top: -80px; */
    /* margin-bottom: 20px !important;*/
        background-position: center;
            display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

}

.asistencia_padding_top{
  padding-top: 100px;
  padding-bottom: 50px;
}

.margin_top_tenida{
  padding-top: 20px;
}

.titulo_confirmar_asistencia{
  color: #6D8C54;
  font-size: 2.5em;
  font-family: 'Billion Dreams' !important;
}

.texto_asistencia{
  color: #DFC663;
  font-family: 'Baskerville Old Face';
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 1.2em;
}


.form-control {
    color: #fff !important;
    background-color: #fff;
}

input[type=submit]:active, input[type=submit]:focus {
  color: #EE7D33 !important;
  background-color: #fff;
}

::-webkit-input-placeholder { /* Edge */
  color: #EE7D33 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #EE7D33 !important;
}

::placeholder {
  color: #EE7D33 !important;
}

input:focus {
  color: #EE7D33 !important;
    background-color: #fff;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus {
  color: #EE7D33 !important;
    background-color: #fff !important;
}



/**********File Inputs**********/
.container-input {
    text-align: center;
    background: #282828;
    border-top: 5px solid #c39f77;
    padding: 50px 0;
    border-radius: 6px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    border-radius: 20px;
    width: 100%;
    text-align: left;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.iborrainputfile {
  font-size:16px; 
  font-weight:normal;
  font-family: 'Lato';
}

/* style 1 */

.inputfile-1 + label {
    color: #fff;
    background-color: #EE7D33;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #EE7D33;
}


.form-control {
    color:  #EE7D33 !important;
    background-color: #fff;
}

@media (min-width: 375px) and (max-width: 600px)  {

  .premios {
    background: url(../img/premios.jpg);
    /* padding-bottom: 0px; */
    background-size: cover !important;
    /* background-attachment: fixed !important; */
    height: 130vh;
    background-repeat: no-repeat;
    padding-top: 30px !important;
}

.tenida {
    background: url(../img/registro.jpg);
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 140vh;
    background-repeat: no-repeat;
    padding-top: 80px !important;
    /* margin-top: -80px; */
    /* margin-bottom: 20px !important; */
    background-position: center;
}

}


@media (max-width: 320px){

.frase2 {
    position: absolute;
    top: 680px !important;
    left: 0px;
    font-size: 1.1em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 60px;
    padding-right: 60px;
    line-height: 1.2;
    text-align: center;
}

.mg_top_count {
    margin-top: 30px !important;
}

.premios {
    background: url(../img/premios.jpg);
    /* padding-bottom: 0px; */
    background-size: cover !important;
    /* background-attachment: fixed !important; */
    height: 200vh !important;
    background-repeat: no-repeat;
    padding-top: 60px !important;
}

.tenida {
    background: url(../img/registro.jpg);
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 200vh;
    background-repeat: no-repeat;
    padding-top: 80px !important;
    /* margin-top: -80px; */
    /* margin-bottom: 20px !important; */
    background-position: center;
}


}



@media (max-width: 320px){

.frase2 {
    position: absolute;
    top: 680px !important;
    left: 0px;
    font-size: 1.1em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 60px;
    padding-right: 60px;
    line-height: 1.2;
    text-align: center;
}

.mg_top_count {
    margin-top: 30px !important;
}

.premios {
    background: url(../img/premios.jpg);
    /* padding-bottom: 0px; */
    background-size: cover !important;
    /* background-attachment: fixed !important; */
    height: 200vh !important;
    background-repeat: no-repeat;
    padding-top: 60px !important;
}

.tenida {
    background: url(../img/registro.jpg);
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 200vh;
    background-repeat: no-repeat;
    padding-top: 80px !important;
    /* margin-top: -80px; */
    /* margin-bottom: 20px !important; */
    background-position: center;
}


}


@media (max-width: 280px){

.frase2 {
    position: absolute;
    top: 765px !important;
    left: 0px;
    font-size: 1em !important;
    /* font-family: 'StyleScript-Regular'; */
    color: #000;
    padding-left: 60px;
    padding-right: 60px;
    line-height: 1.2;
    text-align: center;
}

.mg_top_count {
    margin-top: 80px !important;
}

.premios {
    background: url(../img/premios.jpg);
    /* padding-bottom: 0px; */
    background-size: cover !important;
    /* background-attachment: fixed !important; */
    height: 200vh !important;
    background-repeat: no-repeat;
    padding-top: 120px !important;
}

.tenida {
    background: url(../img/registro.jpg);
    padding-bottom: 0px;
    background-size: cover !important;
    /* background-attachment: fixed; */
    height: 200vh;
    background-repeat: no-repeat;
    padding-top: 80px !important;
    /* margin-top: -80px; */
    /* margin-bottom: 20px !important; */
    background-position: center;
}


}

.form-control {
    color: #EE7D33 !important;
    background-color: #fff;
    border-radius: 20px;
}


.simply-countdown > .simply-section .simply-amount {
    font-size: 2.7em;
    font-family: 'Century Gothic';
    padding-bottom: 8px;
}

.simply-countdown > .simply-section .simply-word {
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    font-family: 'Century Gothic' !important;
}