@keyframes ani_modal {
  0%   {
      transform: scale(2.5) translate(0px, 100px);
      opacity: 0;
  }

  100% {
    transform: scale(1) translate(0px, 0px);
      opacity: 1;
  }
}





div#myModal {
    flex-direction: column;
    align-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    padding: 50px 0 0 0;
}


.corpo_modal {
    background: #fff;
    padding: 80px;
    width: 600px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 21px 65px -27px rgba(98,11,220,1);
-moz-box-shadow: 0px 21px 65px -27px rgba(98,11,220,1);
box-shadow: 0px 21px 65px -27px rgba(98,11,220,1);

animation: ani_modal 350ms cubic-bezier(0, 0.79, 0.23, 1.14);


}


select#showSelect {
    padding: 15px;
    background: #F1EDF5;
    border-radius: 7px;
    border: solid 1px #c5b6db;
    outline: 0 !important;
    box-shadow: none !important;
    margin-bottom: 30px;
    color: #26005E;
    font-family: 'quicksand';
    font-size: 20px;
}


button#confirmBtn {
    width: auto;
    padding: 17px 30px;
    border-radius: 50px;
    align-self: center;
    min-width: 243px;
    background: #1DD694;
    border: none;
    color: #26005E;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent;
}

h1.titulo_modal {
    font-size: 17px;
    color: #620BDC;
    font-family: 'quicksand';
        text-align: center;
}









@keyframes fake_loader {
    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 #F2295B, 0 0 0 #FC5723, 0 0 0 #C61A62, 0 0 0 #620BDC;
    }
    100% {
        transform: translate(0, -130vw);
        box-shadow: 0 200px 0 #F2295B, 0 400px 0 #FC5723, 0 600px 0 #C61A62, 0 880px 0 #620BDC;
    }

}



.fk_loader {
      animation: fake_loader 1000ms ease-in-out both ;
      animation-delay: 1000ms;
}



@keyframes saida_instante {
    0% {
       opacity: 0;
       
     
    }
    100% {
       opacity: 1;
       
    }

}




.fk_loader_saida {
   opacity: 0;
   top: -5000px !im;
   
}

.fk_loader_saida.saida_ativada {
     animation: saida_instante 200ms linear both ;
  
}

@media only screen and (max-width: 1200px) {
    @keyframes fake_loader {
    0% {
        transform: translate(0, 0);
        box-shadow: 0 0 0 #F2295B, 0 0 0 #FC5723, 0 0 0 #C61A62, 0 0 0 #620BDC;
    }
    100% {
        transform: translate(0, -1600px);
        box-shadow: 0 200px 0 #F2295B, 0 400px 0 #FC5723, 0 600px 0 #C61A62, 0 880px 0 #620BDC;
    }

}
}