/* GENERAL ------------------------------------------- */
body{font-family: 'Montserrat', sans-serif; color: #353535; line-height: 1.7;}
.txt-azulClaro-jh{color: #003857;}
/* GENERAL ------------------------------------------- */


/* LOADER ------------------------------------------- */
.lds-ripple {display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-ripple div {position: absolute;border: 4px solid #fff;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
  0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
  4.9% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
  5% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}
  100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}
}

.loader{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background: radial-gradient(circle, rgba(1,66,106,1) 0%, rgba(12,23,17,1) 100%); position: fixed; top: 0; z-index: 10; opacity: 1; clip-path: circle(150% at 100% 0); transition: all 0.8s ease;}
.loader2{clip-path: circle(0 at 100% 0);  opacity: .25; transition: all 0.8s ease;}
/* LOADER ------------------------------------------- */


/* MENU ------------------------------------------- */
.navbar-brand img{max-height: 60px}
.logo-jess-hector{height: 162px;}
.menu-jess-hector{background: url(../img/var/bk-menu.png) center top/auto 112px no-repeat; z-index: 4;}
.menu-jess-hector .nav-item:nth-child(2),
.menu-jess-hector .nav-item:nth-child(4){margin-left:60px; margin-right: 60px;}
.menu-jess-hector .nav-link{font-family: 'Cormorant Infant', serif; color:#BAC4C9; font-weight: 600; font-size: 18px; letter-spacing: .2px; position: relative; padding-bottom: 2px; margin-top: 26px;}
.menu-jess-hector .nav-link::before{content: ''; width: 0; height: 2px; background-color: #FCC433; position: absolute; bottom: 0; left: 50%; transition:all .3s ease;}
.menu-jess-hector .nav-link.active,
.menu-jess-hector .nav-link:hover{color:#FCC433;}
.menu-jess-hector .nav-link.active::before,
.menu-jess-hector .nav-link:hover::before{width: 54px;  margin-left: -27px;}

/* MENU ------------------------------------------- */


/* BANNER ------------------------------------------- */
.banner-jess-hector{margin-top: -82px;}
/* BANNER ------------------------------------------- */

/* TIMMER ------------------------------------------- */
.section-timmer{background:url(../img/var/bk-bottom.png) center top/auto auto no-repeat; margin-top: -26px; position: relative; z-index: 1;}
.section-timmer::before{content: ''; background-color: #031F26;position: absolute;left: 0;right: 0;bottom: 0;top: 70%;z-index: -1;}
.save-timer{height: 100px; display:block; margin: 40px auto 30px;}
.wrap-timmer{font-family: 'Cormorant Infant', serif; color:#E3ECEC; font-weight: 700; padding: 0; text-align: center; margin: 10px auto 0;}
.wrap-timmer li{display: inline-block;}
.item-timer{font-size: 50px; line-height: 1; padding: 2px 10px; list-style: none;}
.item-timer span{font-size:20px; display: block; font-weight: 500; letter-spacing: .2px;}
.divider-timer{padding: 2px 10px; background:url(../img/var/divider-timer.png) center repeat-y; width: 1px; height: 60px;}
/* TIMMER ------------------------------------------- */


/* NOVIOS ------------------------------------------- */
.novios-section{background-color: #f7f7f7; text-shadow: 1px 1px 0 #fff; padding:100px 0 80px; position: relative;}
.foto-novios{border-radius: 100%;background: #fff;padding: 20px;box-shadow: 0 0 30px rgba(0,0,0, 0.5);display: block;margin: 0 auto; width: 100%; max-width: 460px;}
.name-novios{font-family: "Cormorant Infant"; font-size: 32px; color: #003857; text-align: center;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;padding: 20px;margin-top: 10px; position: relative; background: url(../img/var/brush.png) center top/auto 82px no-repeat;}
.name-novios:before{content:''; width: 68px; height: 2px; background-color: #6B0C1C;  position: absolute; left: 50%; margin-left: -34px; bottom: 12px;}
.union-novios{position: absolute; left: 50%; top: 180px;width: 240px;margin-left: -120px;}
/* NOVIOS ------------------------------------------- */



/* FRASE ------------------------------------------- */
.frase-section{position: relative; padding: 80px 0; background: url(../img/var/bk-frase.jpg) fixed center; color: #f7f7f7; text-align: centerq;}
.frase-section::before{content:''; position: absolute; top: 0; bottom:0; right: 0; left: 0; background: linear-gradient(149deg, rgba(107, 12, 28, 0.90) 6.81%, rgba(0, 56, 87, 0.90) 74.76%);}
.frase-section .col{z-index: 1; text-align: center; font-family: 'Cormorant Infant', serif; color:#E3ECEC; font-weight: 700;}
.frase-section h2{font-size: 38px;}
.frase-section h3{font-size: 18px; text-transform: uppercase; letter-spacing: 2px; padding-top: 20px;}
.frase-section h3 span{display: inline-block; padding: 0 10px;}
.frase-section h3::before, 
.frase-section h3::after{content: ''; width: 40px; height: 1px; display: inline-block; background-color: #f7f7f7; vertical-align:middle;}
/* FRASE ------------------------------------------- */


/* EVENTO ------------------------------------------- */
.evento-section{padding: 80px 0;}
.tit-img {position: relative; z-index: 2}
.tit-img h2{text-transform: uppercase; letter-spacing: 2px; font-size: 18px; font-weight: 400; text-align: center; display: block;}
.tit-img img{display: block; margin: 2px auto 40px; max-width: 324px; width: 100%;}

.wrap-blokEvento{padding: 40px 0;}
.wrap-blokEvento .img-fluid{border-radius: 14px;}

.info-event h3{font-family: "Cormorant Infant"; font-weight: 700; color: #003857; font-size: 24px; position: relative; padding-bottom: 18px;}
.info-event h3::after{content:''; width: 68px; height: 2px; background-color: #6B0C1C; display: block;}
.info-event p{display: block; padding: 2px 0 2px 30px; background-position: 0 3px; background-repeat: no-repeat; background-size: 24px;}
.info-event strong{font-weight: 500; display: block;}

.info-event ul{padding: 0;}
.info-event li{display: inline-block; padding: 4px 0 16px 30px; background: url(../img/var/ico-time.svg) 0 3px/24px no-repeat; width: 48%;}

.fecha{background-image: url(../img/var/ico-calendar.svg);}
.lugar{background-image: url(../img/var/ico-gps.svg);}
.regalo{background-image: url(../img/var/ico-regalo.svg);}


.btn-evento{border-radius: 6px; background: linear-gradient(139deg, #6B0C1C 21.21%, #003857 77.04%); padding: 10px 16px; text-align: center; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #fff; transition: all 0.3s ease; text-decoration: none; margin-left: 30px;margin-top: 14px;display: inline-block;}
.btn-evento:hover,
.btn-evento:focus{box-shadow: 0 0 20px rgba(0, 0, 0, 0.45); background: linear-gradient(139deg, #003857 11.21%, #6B0C1C 77.04%);  color: #fff;}
.btn-evento img{display: inline-block; width: 13px; height: auto; margin-top: -1px;}
.link-mesa{font-size: 14px; display: block; margin-top: -4px;max-width: 80px;}
/* EVENTO ------------------------------------------- */



/* COMENTARIOS ------------------------------------------- */
.comentarios-section{position: relative; padding: 80px 0 60px; background: url(../img/var/comentarios.jpg) fixed center; color: #f7f7f7; text-align: centerq;}
.comentarios-section::before{content:''; position: absolute; top: 0; bottom:0; right: 0; left: 0; background: linear-gradient(149deg, rgba(107, 12, 28, 0.90) 6.81%, rgba(0, 56, 87, 0.90) 74.76%);}

.xtra-import-carrusel{height: 100%; padding-bottom: 60px;}
#button-testimonial-prev,
#button-testimonial-next{background: transparent; border: none; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;position: absolute; top: calc(50% - 70px); z-index: 2;}
#button-testimonial-prev{left: -40px;}
#button-testimonial-next{ right:-40px; }
#button-testimonial-prev::after {content: 'prev';}
#button-testimonial-next::after {content: 'next';}

.wrap-comentario{padding: 30px 30px 30px 80px; height: 100%; background: url(../img/var/pin-comentario.png) 10px 20px/auto 60px no-repeat; text-shadow: 1px 1px 10px rgba(0,0,0, 0.8);}
.wrap-comentario h5{font-family: "Cormorant Infant"; font-weight: 600; font-size: 17px; letter-spacing: .2px; text-shadow: 1px 1px 10px rgba(0,0,0, 0.8);}
.wrap-comentario h5::after{content:''; display: inline-block; width: 60px; height: 1px; background-color: #fff; vertical-align: middle; margin-left: 10px; box-shadow: 1px 1px 8px rgba(0,0,0, 0.8);}
.swiper-pagination-bullet-active{background-color: #fff;}

.btn-vermensajes{background-color: #FCC433; color:#003857; padding: 10px 16px; text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; text-decoration: none; z-index: 2; position: relative; border-radius: 6px; margin: 20px auto; display: block; max-width: 250px; display:none;}
.btn-vermensajes:hover, .btn-vermensajes:focus{opacity: .8;}
.btn-vermensajes img{margin-top: -2px; display: inline-block;}
/* COMENTARIOS ------------------------------------------- */


/* FORM COMENTARIOS ------------------------------------------- */
.sectionFormComentarios{position: relative; padding: 90px 0 100px;}
.tit-merjorDeseo{font-family: "Cormorant Infant"; font-weight: 600; font-size: 32px; color: #003857; background:url(../img/var/brush.png) 120px center/340px 80px no-repeat; margin-bottom: 30px;}
.tit-merjorDeseo img{display: inline-block; height: 160px; margin-right: 24px;}
.tit-merjorDeseo span{display: inline-block; vertical-align: middle;}
.tit-merjorDeseo span > span{width: 68px; height: 2px; background-color: #6B0C1C; margin-right: 6px;}

.form-comentarios > img {display: block; margin: 0 auto 20px;}
.form-comentarios label{color:#003857; font-family: "Cormorant Infant"; font-weight: 600; font-size: 17px; font-weight: 600; margin-bottom: 4px;}
.form-comentarios label span{color:#410302; font-size: 13px;}
.form-comentarios textarea{height: 100px; resize: none;}
.form-comentarios .btn-evento{margin-left: 0; width: 100%;}
/* FORM COMENTARIOS ------------------------------------------- */


/* PIE PAG ------------------------------------------- */
.sectionFooter{background: url(../img/var/bk-bottom.png) center top/auto 150px no-repeat; padding: 50px 0 10px; color:#f7f7f7; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: 600;}
.sectionFooter img{height: 28px;}
/* PIE PAG ------------------------------------------- */


/* BANNER SECCIONES ------------------------------------------- */
.section-banner{padding: 120px 0; position: relative; background-size: cover; background-position: center; color: #fff; margin-top: -82px;}
.section-banner::before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.6);}

#historia{background-image: url(../img/banner/banner-nuestraHistoria.jpg);}
/* BANNER SECCIONES ------------------------------------------- */


/* NUESTRA HISTORIA ------------------------------------------- */
.nuestraHistoria-section{padding: 80px 0;position: relative;}
.nuestraHistoria-section::before{content: ''; width: 1px; background: url(../img/var/line-dashed.png) center repeat-y; position: absolute; top: 0; bottom: 0; left: 50%; opacity: .6;}
.wrap-bio span{position: relative; display: block;}
.wrap-bio span::before{content:''; width: 40px; height: 40px; background:url(../img/var/milestone.png) center/100% no-repeat; position: absolute;  top:50%; margin-top: -20px;}
.wrap-bio .img-fluid{border-radius: 10px; margin-bottom: 20px;}
.wrap-bio h3{font-family: "Cormorant Infant";font-weight: 700;color: #003857;font-size: 24px;position: relative;}
.wrap-bio h3::after{content: '';width: 68px;height: 2px;background-color: #6B0C1C;display: block;}
.wrap-bio h5{font-family: "Cormorant Infant"; font-weight: 600; font-size: 16px; margin-bottom: 16px;}


.izq{padding-right: 80px;}
.der{padding-left: 80px; margin-top: 24%;}
.izq span::before{right:calc(-100px);}
.der span::before{left: calc(-100px);}
/* NUESTRA HISTORIA ------------------------------------------- */


/* COMENTARIOS PAG ------------------------------------------- */
.comentariosAll-section{padding: 80px 0;}
.comentariosAll-section .wrap-comentario{margin-bottom: 40px;}
.comentariosAll-section .wrap-comentario,
.comentariosAll-section .wrap-comentario h5{text-shadow: none;}
.comentariosAll-section .wrap-comentario h5{color:#003857;}
.comentariosAll-section .wrap-comentario h5::after{box-shadow: none; background-color: #6B0C1C}
/* COMENTARIOS PAG ------------------------------------------- */


/* ---------------------------------------------------------- MEDIA QUERY  ---------------------------------------------------------- */
@media (max-width: 1399px){
}

@media (max-width: 1199px){
  /* NOVIOS ------------------------------------------- */
  .foto-novios{max-width: 420px;}
  /* NOVIOS ------------------------------------------- */

  /* FORM COMENTARIOS ------------------------------------------- */
  .tit-merjorDeseo{font-size: 28px;background-position: 54px center;}
  .tit-merjorDeseo img{display: inline-block;height: 150px;margin-right: 5px;}
  .tit-merjorDeseo span > span{width: 58px;}
  /* FORM COMENTARIOS ------------------------------------------- */

  /* COMENTARIOS PAG ------------------------------------------- */
  .comentariosAll-section{padding: 60px 0;}
  /* COMENTARIOS PAG ------------------------------------------- */
}

@media (max-width: 991px){
  /* MENU ------------------------------------------- */
  .logo-jess-hector{height: 138px;}
  .menu-jess-hector .nav-item:nth-child(2),
  .menu-jess-hector .nav-item:nth-child(4){margin-left: 40px; margin-right: 40px;}
  /* MENU ------------------------------------------- */


  /* TIMMER ------------------------------------------- */
  .section-timmer{background-size:auto 120px;}
  .save-timer{height: auto; width: 100%; margin: 25px auto 20px;}
  .item-timer{font-size: 40px;}
  .item-timer span{font-size: 16px;}
  .divider-timer{height: 50px;}
  /* TIMMER ------------------------------------------- */


  /* NOVIOS ------------------------------------------- */
  .novios-section{padding: 60px 0 60px;}
  .union-novios{top: 160px; width: 210px; margin-left: -105px;}
  /* NOVIOS ------------------------------------------- */


  /* FRASE ------------------------------------------- */
  .frase-section{padding: 50px 0;}
  .frase-section h2{font-size: 32px;}
  .frase-section h3{font-size: 16px;}
  /* FRASE ------------------------------------------- */


  /* EVENTO ------------------------------------------- */
  .evento-section{padding: 60px 0 20px;}
  .tit-img h2{font-size: 16px;}
  .tit-img img{max-width: 290px; margin: 2px auto 20px;}
  /* EVENTO ------------------------------------------- */


  /* COMENTARIOS ------------------------------------------- */
  .comentarios-section{padding: 60px 0 40px;}
  .wrap-comentario {padding: 30px 30px 0px 80px;}
  #button-testimonial-prev{left: -20px;}
  #button-testimonial-next{ right:-20px;}
  /* COMENTARIOS ------------------------------------------- */


  /* FORM COMENTARIOS ------------------------------------------- */
  .sectionFormComentarios{padding: 60px 0 80px;}
  /* FORM COMENTARIOS ------------------------------------------- */


  /* NUESTRA HISTORIA ------------------------------------------- */
  .izq{padding-right: 50px;}
  .der{padding-left: 50px; margin-top: 30%;}
  .izq span::before{right:calc(-70px);}
  .der span::before{left: calc(-70px);}
  /* NUESTRA HISTORIA ------------------------------------------- */


  /* COMENTARIOS PAG ------------------------------------------- */
  .comentariosAll-section{padding: 46px 0;}
  /* COMENTARIOS PAG ------------------------------------------- */


  /* BANNER SECCIONES ------------------------------------------- */
  .section-banner{padding: 100px 0 60px;}
  /* BANNER SECCIONES ------------------------------------------- */

}


  

@media (max-width: 767px){
  /* MENU ------------------------------------------- */
  .navbar-nav{padding: 70px 20px 30px;width: 240px;height: 100vh;}
  .menu-jess-hector .nav-item:nth-child(2), 
  .menu-jess-hector .nav-item:nth-child(4) {margin-left: 0;margin-right: 0s;}
  .menu-jess-hector .nav-link{margin-top: 16px;}
  .menu-jess-hector .nav-link::before{left: 0;}
  .menu-jess-hector .nav-link.active::before, .menu-jess-hector .nav-link:hover::before {margin-left: 0;}

  .navbar-toggler{border:none; font-size: 24px; color:#f7f7f7; z-index: 2; background-color: rgba(255,255,255, 0); transition: all 0.6s ease;}
  .navbar-toggler.collapsed{background-color: rgba(255,255,255, 0.1);}
  .navbar-toggler.collapsed .bi-x-lg::before{content: '\f479';}
  .navbar-toggler:focus {box-shadow: none;}
  .menu-jess-hector{background-position: center -80px; background-size:auto 100px}
  .navbar-collapse{background: linear-gradient(139deg, rgba(107, 12, 28, 0.90) 21.21%, #003857 77.04%);position: fixed; top: 0; right: 0; bottom: 0;}
  /* MENU ------------------------------------------- */


  /* TIMMER ------------------------------------------- */
  .timer-xs{padding:0;}
  .save-timer{max-width: 260px;}
  .wrap-timmer{background-color: #031F26; padding-bottom: 20px;}
  .item-timer{font-size: 32px;}
  .item-timer span{font-size: 15px;}
  .divider-timer{height: 40px;padding: 2px 4px;}
  /* TIMMER ------------------------------------------- */


  /* NOVIOS ------------------------------------------- */
  .foto-novios{padding: 6px;}
  .name-novios{font-size: 26px; letter-spacing: 1px; background-size:auto 60px;}
  .union-novios{top: 180px;width: 160px;margin-left: -80px;}
  /* NOVIOS ------------------------------------------- */


  /* FRASE ------------------------------------------- */
  .frase-section h2{font-size: 28px;}
  /* FRASE ------------------------------------------- */


  /* EVENTO ------------------------------------------- */
  .tit-img h2{font-size: 14px;}
  .tit-img img{max-width: 260px;margin: 2px auto 10px;}
  .wrap-blokEvento .img-fluid{margin-bottom: 20px;}
  /* EVENTO ------------------------------------------- */


  /* FORM COMENTARIOS ------------------------------------------- */
  .tit-merjorDeseo img{display: block;height: 152px;margin: 0 auto 10px;}
  /* FORM COMENTARIOS ------------------------------------------- */


  /* NUESTRA HISTORIA ------------------------------------------- */
  .nuestraHistoria-section::before{left: 50px;}
  .izq, .der{padding-right: 30px;padding-left: 100px;margin: 0 auto 60px;}
  .izq span::before{right: auto;left: -70px;}
  /* NUESTRA HISTORIA ------------------------------------------- */

  /* BANNER SECCIONES ------------------------------------------- */
  .section-banner{padding: 80px 0 50px;}
  /* BANNER SECCIONES ------------------------------------------- */
}

@media (max-width: 575px){
  /* NOVIOS ------------------------------------------- */
  .union-novios{top: auto; bottom: 20px;}
  /* NOVIOS ------------------------------------------- */
   

  /* COMENTARIOS ------------------------------------------- */
  #button-testimonial-prev,
  #button-testimonial-next{display: none;}
  .wrap-comentario p{display: -webkit-box;/*-webkit-line-clamp: 6;*/-webkit-box-orient: vertical;overflow: hidden;}
  .btn-vermensajes{display: block;}
  /* COMENTARIOS ------------------------------------------- */

  /* FORM COMENTARIOS ------------------------------------------- */
  .tit-merjorDeseo{text-align: center; font-size: 28px;background-position: center 80px;}
  .tit-merjorDeseo span > span,
  .tit-merjorDeseo span > br {display: none;}
  /* FORM COMENTARIOS ------------------------------------------- */


  /* NUESTRA HISTORIA ------------------------------------------- */
  .nuestraHistoria-section::before{left: 33px;}
  .wrap-bio span::before{content: '';width: 32px;height: 32px;}
  .izq, .der{padding-right: 24px;padding-left: 80px;}
  .izq span::before, .der span::before {left:-62px;}
  /* NUESTRA HISTORIA ------------------------------------------- */

  /* BANNER SECCIONES ------------------------------------------- */
  .section-banner{padding: 70px 0 40px;}
  /* BANNER SECCIONES ------------------------------------------- */
}