.header1 {
    position: relative;
    text-align:center;
    background-image: url('../img/Sin/boda-85-2.jpg');
    /*background: linear-gradient(60deg, #27273c 0%, #86377b 100%);*/
    color:white;
    
	width: 100%;
    background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
  }
/*título paquetes*/
  .parallaxx h2{ 
	font-family: 'Great Vibes';
  }
/*título paquetes*/
  
  /*por qué elegirnos*/
/* Cards */
.card-column {
  width: 50%;
  float: left;
  padding: 4%;
  box-sizing: border-box;
}


.card {
  width: 90%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #EB5160;
  color: #fff;
  cursor: pointer;
  margin-bottom: 60px;
}

.border {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 6px;
  border: 1px solid #fff;
  opacity: 0.5;
  left: -6px;
  top: -6px;
}

.card span {
  position: relative;
  padding: 190px 0px 100px 10px;
  width: 90%;
}

.card > img {
  width: 90%;
  position: absolute;
  top: -6%;
  left: -6%;
}

.card-color-0 {
  background-color: #EB5160;
}

.card-color-1 {
  background-color: #8F3985;
}

.card-color-2 {
  background-color: #8DAA91;
}

.card-color-3 {
  background-color: #888DA7;
}

/* The cover (expanding background) */
.cover {
  position: fixed;
  background: #EB5160;
  z-index: 100;
  transform-origin: 50% 50%;
}

/* The open page content */
.open-content {
  width: 100%;
  z-index: 110;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.open-content img {
  position: relative;
  width: 90%;
  margin-left: 3%;
  margin-top: 20px;
  z-index: 5;
}

.open-content .text {
  background: #fff;
  margin-top: -56%;
  padding: 60% 5% 5% 5%;
  width: 80%;
  margin-left: 5%;
  margin-bottom: 5%;
}

.open-content .text span, .open-content .text p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.close-content {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 30px;
  height: 30px;
}

.close-content span {
  background: #222;
  width: 30px;
  height: 6px;
  display: block;
  position: absolute;
  top: 14px;
}

.x-1 {
  transform: rotate(45deg);
}

.x-2 {
  transform: rotate(-45deg);
}

/* 
** Transitions
*/

.card {
  transition: opacity 200ms linear 320ms, transform 200ms ease-out 320ms;
}

.border {
  transition: opacity 200ms linear, transform 200ms ease-out;
}

.card img {
  transition: opacity 200ms linear 0ms, transform 200ms ease-in 0ms;
}

.card h1 {
  transform: translate3d(20%, 0px, 0px);  
  transition: opacity 200ms linear 120ms, transform 200ms ease-in 120ms;
}

/* Clicked card */
.card.clicked img {
  transform: translate3d(0px, -40px, 0px);
  opacity: 0;
}

.card.clicked .border {
  opacity: 0;
  transform: scale(1.3);
}

.card.out, .card.out img {
  transform: translate3d(0px, -40px, 0px);
  opacity: 0;
}

.card.out h1, .card.clicked h1 {
  transform: translate3d(20%, -40px, 0px);
  opacity: 0;
}

.cover {
  transition: transform 300ms ease-in-out;
}

.open-content {
  transition: opacity 200ms linear 0ms;
}

.open-content.open {
  opacity: 1;
  pointer-events: all;
  transition-delay: 1000ms;
}

/* 
** Media Queries
*/

@media screen and (max-width: 600px) {
  .card-column {
    width: 90%;
  }
  
  .column-1 {
    padding-top: 0px;
  }
  
  .open-content img {
    margin-top: 40px;
  }
}
  
    /*por qué elegirnos*/


 /*CARACTERÍSTICAS DE LOS PAQUETES Y ESO*/
 .web{
     color: #b81212;
     margin-top: 10px;
     font-size: xx-large;
 }

 /*nuestros paquetes*//*alegre*/
.parallaxx{
	width: 100%;
	  height: 30vh;
    background: linear-gradient(60deg, #2e0000 0%, red 100%);
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  display: flex;
	  justify-content: center;
	  align-items: center;	
  }
  
  @media screen and (max-width:768px){
	.parallaxx{
	  height: 20vh;
	}
  }

  /*PAQUETES*/
    .item-0 { /*oro*/
    width: 100%;
    height: 50vh;
    background-image: url('../img/Sin/Fotografía\ y\ Vídeo\ Bodas\ Bogotá\ Colombia.JPG');
    background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  display: flex;
	  justify-content: center;
	  align-items: center;	
	  -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;      
    }  

    .item-2 { /*oro*/
    width: 100%;
    height: 50vh;
    background-image: url('../img/Sin/FOTOS_INOLVIDABLES_DE_BODA.jpg');
    background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  display: flex;
	  justify-content: center;
	  align-items: center;	
	  -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;      
    }
    
    .item-3 { /*esmeralda*/
      width: 100%;
      height: 50vh;
      background-image: url('../img/Web/Boda-Diana-y-Andrés-187.webp');
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      display: flex;
      justify-content: center;
      align-items: center;	
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; 
    }
    
    .item-4 { /*diamante*/
      width: 100%;
      height: 50vh;
      background-image: url('../img/Web/bodas.webp');
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      display: flex;
      justify-content: center;
      align-items: center;	
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; 
    }

    @media (max-width:768px){
      .item-0, .item-2, .item-3, .item-4{
      width: 100%;
      height: 30vh;
      justify-content: center;
      align-items: center;
      -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      background-attachment: scroll; /*  Para el efecto parallax */
      }
    }
    
    @media (max-width:360px){
      .item-0, .item-2, .item-3, .item-4{
      height: 30vh;
      background-attachment: scroll; /*  Para el efecto parallax */
      }
    }

/*banner escríbenos*/
.buttoon{    
    justify-content: center;
    align-items: center;	
    text-align: center;
}


/*TESTIMONIOS*/
.white-heading{
  color: #ffffff;
}

.testi{
	font-family: 'Rosario', sans-serif;
}

.heading span {
  font-size: 18px;
  display: block;
  font-weight: 500;
}
.white-heading span {
  color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial:after {
  position: absolute;
  top: -0 !important;
  left: 0;
  content: " ";
  background: url('img/testimonial.bg-top.png');
  background-size: 100% 100px;
  width: 100%;
  height: 100px;
  float: left;
  z-index: 99;
}

.testimonial {
  min-height: 375px;
  position: relative;
  background: url('../img/boda\ eventos\ 2.jpg');
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center;
  background-size: cover;
}
#testimonial4 .carousel-inner:hover{
cursor: -moz-grab;
cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
left: 0;
margin: 0;
width: 100%;
font-size: 0;
height: 20px;
bottom: 15px;
padding: 0 5px;
cursor: e-resize;
overflow-x: auto;
overflow-y: hidden;
position: absolute;
text-align: center;
white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
padding: 0;
width: 14px;
height: 14px;
border: none;
text-indent: 0;
margin: 2px 3px;
cursor: pointer;
display: inline-block;
background: #ffffff;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
padding: 0;
width: 14px;
height: 14px;
border: none;
margin: 2px 3px;
background-color: #9dd3af;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
background: #eeeeee;
-webkit-border-radius: 0;
border-radius: 0;
}

.testimonial4_control_button .carousel-control{
top: 175px;
opacity: 1;
width: 40px;
bottom: auto;
height: 40px;
font-size: 10px;
cursor: pointer;
font-weight: 700;
overflow: hidden;
line-height: 38px;
text-shadow: none;
text-align: center;
position: absolute;
background: transparent;
border: 2px solid #ffffff;
text-transform: uppercase;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
left: 7%;
top: 50%;
right: auto;
}
.testimonial4_control_button .carousel-control.right{
right: 7%;
top: 50%;
left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
color: #000;
background: #fff;
border: 2px solid #fff;
}

.testimonial4_header{
top: 0;
left: 0;
bottom: 0;
display: block;
margin: 30px auto;
text-align: center;
position: relative;
}

.testimonial4_slide{
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 70%;
margin: auto;
padding: 20px;
position: relative;
text-align: center;
}
.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 136px;
  height: 136px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.4;
  margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
color: #ffffff;
font-size: 22px;
}

.testimonial .carousel {
padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
  width: 35px;
  height: 35px;
}
/* ------testimonial  close-------*/
 /*TESTIMONIOS*/


/*por qué elegirnos para la boda*/
.page-content {
  display: grid;
  grid-gap: 1rem;
  padding: 1rem;
  max-width: 1024px;
  margin: 0 auto;
  font-family: var(--font-sans);
}
@media (min-width: 600px) {
  .page-content {
    grid-template-columns: repeat(2, 1fr);
 }
}
@media (min-width: 800px) {
  .page-content {
    grid-template-columns: repeat(4, 1fr);
 }
}
.card {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
  text-align: center;
  color: whitesmoke;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
}
@media (min-width: 600px) {
  .card {
    height: 350px;
 }
}
.card:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: 0 0;
  transition: transform calc(var(--d) * 1.5) var(--e);
  pointer-events: none;
}
.card:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, 
    rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 40.2%, rgba(0, 0, 0, 0.123) 39.4%, 
    rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.320) 58.9%, 
    rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.540) 74.1%, 
    rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.790) 100%);
  transform: translateY(-50%);
  transition: transform calc(var(--d) * 2) var(--e);
}
.card:nth-child(1):before {
  background-image: url('../img/Web/boda-26.webp');
}
.card:nth-child(2):before {
  background-image: url('../img/Web/Boda-Connilo.webp');
}
.card:nth-child(3):before {
  background-image: url('../img/Sin/Bodas-fotografia-Lenin-Jenny.jpg');
}
.card:nth-child(4):before {
  background-image: url('../img/Web/Boda-Diana-y-Andrés-220.webp');
}
.content1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.3rem;
  transition: transform var(--d) var(--e);
  z-index: 1;
}
.content1 > * + * {
  margin-top: 1rem;
}
.title {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3rem;
}
.copy {
  font-family: var(--font-serif);
  font-size: 1rem;
  font-style: italic;
  line-height: 1.35;
}

@media (hover: hover) and (min-width: 600px) {
  .card:after {
    transform: translateY(0);
 }
  .content1 {
    transform: translateY(calc(100% - 4.5rem));
 }
  .content1 > *:not(.title) {
    opacity: 0;
    transform: translateY(1rem);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
 }
  .card:hover, .card:focus-within {
    align-items: center;
 }
  .card:hover:before, .card:focus-within:before {
    transform: translateY(-4%);
 }
  .card:hover:after, .card:focus-within:after {
    transform: translateY(-50%);
 }
  .card:hover .content1, .card:focus-within .content1 {
    transform: translateY(0);
 }
  .card:hover .content1 > *:not(.title), .card:focus-within .content1 > *:not(.title) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--d) / 8);
 }
  .card:focus-within:before, .card:focus-within:after, .card:focus-within .content1, .card:focus-within .content1 > *:not(.title) {
    transition-duration: 0s;
 }
}



/*galería lightbox*/
  /* GLightbox customizations */
.glightbox-container img {
  pointer-events: none;
  user-select: none;
}

/* Previene descarga con clic derecho */
.glightbox-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.glightbox-container img {
  -webkit-touch-callout: none;
}

/* Evitar guardar imagen desde lightbox */
.glightbox-container img {
  pointer-events: none !important;
}
/*galería lightbox*/

/*preguntas frecuentes*/
.faq4-section {
  max-width: 800px;
  margin: 60px auto;
  padding: 0 20px;
  font-family: 'Rubik', sans-serif;
}


.faq4-item {
  background: #e0e0e0;
  border-radius: 20px;
  box-shadow: 8px 8px 16px #bebebe,
              -8px -8px 16px #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq4-question {
  padding: 20px 30px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
}

.faq4-icon {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.faq4-answer {
  max-height: 0;
  padding: 0 30px;
  font-size: 0.95rem;
  color: #555;
  background: #f5f5f5;
  overflow: hidden;
  transition: all 0.4s ease;
}

.faq4-item.active .faq4-answer {
  padding: 20px 30px;
  max-height: 300px;
}

.faq4-item.active .faq4-icon {
  transform: rotate(45deg);
}
/*preguntas frecuentes*/