*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
p {
  font-family: 'Open Sans', sans-serif;
}
.home {
    height: 102vh;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(https://www.trustsign.cl/demo/1080x1920_desktop.jpg) no-repeat center center;
}
.home a{

  width: 100px;
  height: 100px; 
  background-color: aquamarine;
 


}

.home-content {
    position: relative;
    color: #fff;
    text-align: center;
}
h1 {
    font-family: Playfair Display, serif;
    font-size: clamp(45px, 7vw, 130px);
    line-height: 1.1;
}
p {
    font-size: clamp(25px, 4vw, 40px);
    margin-top: 10px;
}
.home-content button {
    display: none;
}

p.plus {     
  color: #fff;
  position: absolute;
  top: -10px;
  z-index: 999999999;
  left: 8px;
  font-size: 1.5em;
}
.pulsating-circle1, .pulsating-circle2, .pulsating-circle3, .pulsating-circle4, .pulsating-circle5, .pulsating-circle6, .pulsating-circle7, .pulsating-circle8, .pulsating-circle9 {
  position: absolute;
  transform: translateX(-70%) translateY(-50%);
  width: 30px;
  height: 30px;
}
.pulsating-circle1:before,  .pulsating-circle2:before, .pulsating-circle3:before, .pulsating-circle4:before, .pulsating-circle5:before, .pulsating-circle6:before, .pulsating-circle7:before, .pulsating-circle8:before, .pulsating-circle9:before                  {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #FFFF00;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle1:after,  .pulsating-circle2:after, .pulsating-circle3:after, .pulsating-circle4:after, .pulsating-circle5:after, .pulsating-circle6:after, .pulsating-circle7:after, .pulsating-circle8:after, .pulsating-circle9:after          {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ba2930;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  }
  
  @-webkit-keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
  
  @keyframes pulse-ring {
    0% {
      transform: scale(0.33);
    }
    80%, 100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
  @keyframes pulse-dot {
    0% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.8);
    }
  }
/* buttons style */ 
ul{
display: none;
}
/**
 * Modals ($modals)
 */

/* 1. Ensure this sits above everything when visible */
.modal, 
.modal2, 
.modal3, 
.modal4, 
.modal5, 
.modal6, 
.modal7, 
.modal8, 
.modal9{
    position: absolute;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    color: #ffffff;;
}
.modal p, 
.modal2 p, 
.modal3 p, 
.modal4 p, 
.modal5 p, 
.modal6 p, 
.modal7 p, 
.modal8 p, 
.modal9 p      { 
    font-size: 1em;}

.modal.is-visible, 
.modal2.is-visible, 
.modal3.is-visible,
.modal4.is-visible,  
.modal5.is-visible,  
.modal6.is-visible,  
.modal7.is-visible,  
.modal8.is-visible,  
.modal9.is-visible     {
    visibility: visible;
}

.modal-overlay, 
.modal-overlay2, 
.modal-overlay3,
.modal-overlay4,
.modal-overlay5,
.modal-overlay6,
.modal-overlay7,
.modal-overlay8,
.modal-overlay9 {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal.is-visible .modal-overlay, 
.modal2.is-visible .modal-overlay2, 
.modal3.is-visible .modal-overlay3, 
.modal4.is-visible .modal-overlay4, 
.modal5.is-visible .modal-overlay5, 
.modal6.is-visible .modal-overlay6, 
.modal7.is-visible .modal-overlay7, 
.modal8.is-visible .modal-overlay8, 
.modal9.is-visible .modal-overlay9   {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 6em;
  left: 30%;
  width: 40%;
  background-color: #AD9752;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}
.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}
.modal.is-visible .modal-transition, 
.modal2.is-visible .modal-transition, 
.modal3.is-visible .modal-transition,
.modal4.is-visible .modal-transition, 
.modal5.is-visible .modal-transition, 
.modal6.is-visible .modal-transition, 
.modal7.is-visible .modal-transition, 
.modal8.is-visible .modal-transition, 
.modal9.is-visible .modal-transition   {
  transform: translateY(0);
  opacity: 1;
}

.modal-header,
.modal-content {
  padding: 1em;
}
.modal-header {
  position: relative;
  background-color: #AD9752;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
}
.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #aaa;
  background: none;
  border: 0;
}
.modal-close:hover {
  color: #777;
}
.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-content > *:first-child {
  margin-top: 0;
}
.modal-content > *:last-child {
  margin-bottom: 0;
}

/* ===== Media queries (mobile first) ===== */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home-content {
    padding-top: 60px;
}
ul{
  display: block; 
  position: absolute; list-style: none;
  width: 50%;
  margin-top: 0;
  margin-left: 20%;
}
  
li.buttonm {
 font-size: clamp(14px, 1.5vw, 18px);
border-radius: 5px;
background: transparent;
margin-top:2em; 
padding: 12px 20px;
cursor: pointer;
border: none;
background-color: #ba2930;
color: #ffffff; 
border: 3px solid #FFFF00;
}
.pulsating-circle1, .pulsating-circle2, .pulsating-circle3, .pulsating-circle4, .pulsating-circle5, .pulsating-circle6, .pulsating-circle7, .pulsating-circle8, .pulsating-circle9 {
 display: none;
}

.modal-wrapper {
   left: 10%;
   width: 80%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

/* Taller de Santa */ 
.pulsating-circle1 {
  left: 6%;
  top: 33%;
}
/* Rueda */ 
.pulsating-circle2 {
  left: 50%;
  top: 25%;
}
/* Pino Navidad */ 
.pulsating-circle3 {
  left: 75%;
  top: 30%;
}
/*Plaza Central */ 
.pulsating-circle4 {
  left: 50%;
  top: 45%;
}
 /*Globo */ 
 .pulsating-circle5 {
  left: 10%;
  top: 16%;
}
 /*Casas Duenderiles */ 
 .pulsating-circle6 {
  left: 81%;
  top: 71%;
}
 /*Faro Boreals */ 
 .pulsating-circle7 {
 left:96%;
  top: 17%;
}
 /*Carrusel */ 
 .pulsating-circle8 {
  left: 96%;
  top: 29%;
}
/*Carrusel */ 
.pulsating-circle9 {
  left: 52%;
  top: 67%;
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

/* Taller de Santa */ 
.pulsating-circle1 {
  left: 11%;
  top: 33%;
}
/* Rueda */ 
.pulsating-circle2 {
  left: 50%;
  top: 25%;
}
/* Pino Navidad */ 
.pulsating-circle3 {
  left: 70%;
  top: 30%;
}
/*Plaza Central */ 
.pulsating-circle4 {
  left: 50%;
  top: 45%;
}
 /*Globo */ 
 .pulsating-circle5 {
  left: 21%;
  top: 16%;
}
 /*Casas Duenderiles */ 
 .pulsating-circle6 {
  left: 69%;
  top: 71%;
}
 /*Faro Boreals */ 
 .pulsating-circle7 {
  left: 94%;
  top: 17%;
}
 /*Carrusel */ 
 .pulsating-circle8 {
  left: 87%;
  top: 29%;
}
/*Carrusel */ 
.pulsating-circle9 {
  left: 52%;
  top: 67%;
}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


/* Taller de Santa */ 
.pulsating-circle1 {
  left: 20%;
  top: 33%;
}
/* Rueda */ 
.pulsating-circle2 {
  left: 50%;
  top: 25%;
}
/* Pino Navidad */ 
.pulsating-circle3 {
  left: 66%;
  top: 30%;
}
/*Plaza Central */ 
.pulsating-circle4 {
  left: 50%;
  top: 45%;
}
 /*Globo */ 
 .pulsating-circle5 {
  left: 27%;
  top: 16%;
}
 /*Casas Duenderiles */ 
 .pulsating-circle6 {
  left: 69%;
  top: 71%;
}
 /*Faro Boreals */ 
 .pulsating-circle7 {
  left: 94%;
  top: 16%;
}
 /*Carrusel */ 
 .pulsating-circle8 {
  left: 98%;
  top: 29%;
}
/*Carrusel */ 
.pulsating-circle9 {
  left: 52%;
  top: 67%;
}

}
@media only screen and (min-width: 1300px) {

 /*Faro Boreals */ 
 .pulsating-circle7 {
  left: 90%;
}
 /*Carrusel */ 
 .pulsating-circle8 {
  left: 94%;
}

}
@media only screen and (min-width: 1400px) {

  /*Faro Boreals */ 
  .pulsating-circle7 {
   left: 86%;
 }
  /*Carrusel */ 
  .pulsating-circle8 {
   left: 92%;
 }
 
 }
 @media only screen and (min-width: 1600px) {

  /*Faro Boreals */ 
  .pulsating-circle7 {
    top: 14%;
   left: 82%;
 }
  /*Carrusel */ 
  .pulsating-circle8 {
    top: 28%;
   left: 85%;
 }
 
 }