/* style time */

.cont_contador{
  /* background: #793d3d; */
  background: url(../images/fondo_contador.jpg) no-repeat center #000000;
  margin-top: 0;
  position: relative;
  z-index: -1;
  box-shadow: 14px 7px 1px #ff0030 ;
}

.flores_izq {
  position: absolute;
  left: -6%;
  top: -3%;
  width: 16%;
  z-index: 2;
}

.flores_der{
  position: absolute;
  right: 0%;
  width: 19%;
  bottom: -20%;
  filter: url(#water2);
  z-index: 2;
}

.banco{
  color: #d2317c;
  background: #fff;
  text-align: center;
  padding: 50px 0 20px;
}

.banco h3{
  margin-top: 30px;
  font-family: "Bebas Neue", sans-serif;
}

.content-hours {
  padding-top: 6%;
  padding-bottom: 2%;
  position: relative;
}

.title-desc {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #4f2c9c;
}

.h3-title {
  color: #ff0030;
  font-family: "Bebas Neue", sans-serif;
  margin-bottom: 0;
}


.days_ref,
.hour_ref,
.hours_ref,
.minutes_ref,
.seconds_ref {
  text-align: center;
}

ul.countdown {
  list-style: none;
  margin: 15px auto;
  padding: 0;
  display: inline-flex;
  color: #ffffff;
  justify-content: center;
}

ul.countdown li {
  display: inline-block;
  line-height: 80px;
  margin: 1%;
  padding: 2%;
  
}


ul.countdown li span {
  font-size: 10rem;
  font-family: "Bebas Neue", sans-serif;
  background: -webkit-linear-gradient(342deg, #ffffff 0%, #ffffff 40%, #ffffff 63%);
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text;
}

.linia {
  display: block;
  position: absolute;
  top: 14%;
  width: 100%;
  height: 3px;
  background: #494650;
  z-index: 999;
}

.tx_rojo {
  display: inline-block;
  padding: 5px 35px;
  background: url(../images/fondo-rosado.jpg) center no-repeat #ed3477;
  color: #ffffff;
  margin-bottom: 10px;
  border: 4px solid #e1cdb8;
  border-radius: 23px;
  transform: rotate(1deg);
  font-family: "Bebas Neue", sans-serif;
}

ul.countdown li.seperator {
  font-size: 5rem;
  font-family: "Bebas Neue", sans-serif;
  background: -webkit-linear-gradient(342deg, #ffffff 0%, #ffffff 40%, #ffffff 63%);
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text;
}

.faltan {
  color: #b05ea6;
  font-weight: 900;
  font-family: "Bebas Neue", sans-serif;
}



ul.countdown li p {
  font-size: 1.5rem;
  font-weight: 100;
  font-family: "Bebas Neue", sans-serif;
  background: -webkit-linear-gradient(342deg, #ffffff 0%, #ffffff 40%, #ffffff 63%);
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text;
}

.time {
  display: grid;
  color: #20152a;
  padding-top: 20px;
}

.contad {
  padding: 56px 0 25px;
  border-top: 1px #b5aa6e dashed;
}

/**/

/**/

@media only screen and (max-width: 1367px) {}

@media only screen and (max-width: 1200px) {}

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

@media only screen and (max-width: 992px) {

  .flores_der {
    right: -2%;
    width: 22%;
    bottom: -13%;
}

.flores_izq {
  left: -9%;
  top: 1%;
  width: 19%;
}

.fondo_arcoiris {
  display: none;
}

}

@media only screen and (max-width: 820px) {

  ul.countdown li span {
    font-size: 8rem;
    font-family: "Bebas Neue", sans-serif;
}

ul.countdown li.seperator {
  font-size: 4rem;
}

}

@media only screen and (max-width: 768px) {

  ul.countdown li span {
    font-size: 7rem;
  }

  ul.countdown li.seperator {
    font-size: 4rem;
  }


}

@media only screen and (max-width: 575px) {
  ul.countdown li span {
    font-size: 6rem;
  }

  .time {
    padding: 20px 20px 0;
  }

  ul.countdown li {
    line-height: 65px;
    margin: 1%;
    padding: 1%;
  }

  ul.countdown li p {
    font-size: 1rem;
  }

  .flores_izq {
    left: -4%;
    top: -9%;
    width: 12%;
  }

  .cont_contador {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 480px) {

  ul.countdown li span {
    font-size: 6rem;
  }

  ul.countdown li {
    line-height: 55px;
    margin: 1%;
    padding: 0;
  }

  .flores_izq {
    left: -13%;
    top: 0%;
    width: 22%;
}

.banco h3 {
  font-size: 1.2rem;
}

}

@media only screen and (max-width: 430px) {
  ul.countdown li span {
    font-size: 4rem;
}
}

@media only screen and (max-width: 320px) {

  ul.countdown li span {
    font-size: 4rem;
  }

  ul.countdown li p {
    font-size: 0.7rem;
  }

  ul.countdown li {
    line-height: 45px;
    margin: 1%;
    padding: 0;
  }

}