/* Start custom CSS *//* Confetti explosion */
.confetti{
    max-width:640px;
    height:250px;
   display: block;
   margin: 0 auto;
   user-select: none;
}
/* Confetti explosion */

.titulo:before {
    content: ""; 
    display: block;
    margin: 0 auto;
    width: 50%;
    max-width: 450px;
    padding-top: 5px;
    border-bottom: 4px solid #C18A34;
}

.textoElegirModelo{
    max-width: 350px;
    margin:auto;
}

.titulo {
    max-width: 500px;
    margin:auto;
}

.titulo h2{
    margin-top: 25px;
}

.titulo span{
    color:#C18A34;
    font-size: 22px;
}

.orem_wc_price{
    color:#cf9684;
    text-align: center;
    font-size: 20px!important;
    
}

.contenedorBoton{
    margin-top: -40px;
    margin-bottom: 80px
}

.back-button {
    cursor: pointer;
}
.boton{
    width:100%;
    font-size: 13px;
    color: white;
    border-radius: 6px;
    background-color: #CF9684;
    font-family: 'Prompt';
    cursor: pointer;
}

.contenedorBoton.noTopMargin{
    margin-top: -10px;
    
}
.boton.si{
    width:50%;
}
.boton.no{
    width:50%;
    font-size: 16px;
    color: black;
    background-color: #DAF2F1;
}
.boton:hover{
    background-color: #FFFFFF;
    color:#9AA8BA;
    border: 1px solid #9AA8BA;
}


.error{
    color:red;
}

.animateIn{
  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: .9s; /* don't forget to set a duration! */
  
}

.animateOut{
  animation: fadeOut; /* referring directly to the animation's @keyframe declaration */
  animation-duration: .9s; /* don't forget to set a duration! */
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid grey;
  border-right: .5em solid rgba(255, 255, 255, 0.2);
  border-bottom: .5em solid grey;
  border-left: .5em solid grey;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.gray{
    background-color:#Bfc0c1;
}

#qlwapp {
	display: none!important;
}/* End custom CSS */