.image-align{
    display:flex;
    align-item:center;
    justify-content: center;
} 
 
 
 @keyframes blinking {
        0% {
          background-color: #06c3d1;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }
        100% {
          background-color: #7c39ff;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }
      }
      #blink {
        width: 100%;
        height: auto;
        animation: blinking 1s infinite;
		color: #fff;
		padding: 15px;
      }
      #blink h3{
          font-size: 18px;
      }
.card-body{
    width: 80%;
    margin: 1em auto;
    background: linear-gradient(to bottom, #006289 0%, #011f54 100%) !important;
    background-size: cover;
}
.header img {
    max-width: 300px;
    height: auto;
    margin: 0px auto;
    display: block;
}
.choose-files{
    padding: 3px 10px;
}
.col-form-label{
    color: #FFF;
}
.col-form-label span{
    color: #ff7628;
}
.btn-danger{
    font-weight: 700 !important;
    border-color: #df6a23 !important;
    background: linear-gradient(to bottom, #df6a23 0%, #f9a06b 100%) !important;
    padding: 15px;
    font-size: 20px;
}
.btn-danger:hover {
    color: #333;
    font-weight: 700 !important;
    border-color: #df6a23 !important;
    background: linear-gradient(to bottom, #df6a23 0%, #fff 100%) !important;
}
#send{
    width: 100px;
    margin: 0px auto;
}
@import url('https://fonts.googleapis.com/css?family=Exo:400,700');

*{
    margin: 0px;
    padding: 0px;
}
.register-fee{
    color:#c5a300 !important;
    font-size: 18px !important;
}
.area{
    background: #e7e7e7;  
    background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);  
    width: 100%;
    padding: 0px 0px;
}

.circles{
    top: 0;
    left: 0;
    width: 100%;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgb(254 157 79);
    animation: animate 25s linear infinite;
    bottom: -400px;
    
}

.circles li:nth-child(1){
    left: 10%;
    width: 40px;
    height: 30px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 30px;
    height: 30px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 4%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 95%;
    width: 20px;
    height: 35px;
    animation-delay: 6s;
    animation-duration: 4s;
}

.circles li:nth-child(5){
    left: 85%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 85%;
    width: 60px;
    height: 60px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 3%;
    width: 40px;
    height: 30px;
    animation-delay: 3s;
}

.circles li:nth-child(8){
    left: 10%;
    width: 35px;
    height: 35px;
    animation-delay: 1s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 10%;
    width: 35px;
    height: 35px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 6s;
    animation-duration: 11s;
}
body{
    overflow-x: hidden;
}
.scanner {
    width: 250px;
    height:auto;
}
.form-group textarea{
     height: 90px; 
}
.header h2{
    color: #47a1c9;
    text-align: center;
    font-size: 30px;
}
.header h4{
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 22px;
}
.main h2{
    text-align: center;
    color: #ffc107;
    padding-bottom: 15px;
}
.header-bg h3{
    text-align: center;
    font-size: 18px;
}
.header-bg h2{
    background: -webkit-linear-gradient(#ffc107, #006188);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-align: center;
     padding-top: 15px;
    font-size: 35px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
  border: 1px solid #ddd;
}
.b_transfer{
    padding-right: 30px;
}
@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
@media (min-width: 245px) and (max-width: 955px) {
    .circles li:nth-child(1),
    .circles li:nth-child(2),
    .circles li:nth-child(3),
    .circles li:nth-child(4),
    .circles li:nth-child(5),
    .circles li:nth-child(6),
    .circles li:nth-child(7),
    .circles li:nth-child(8),
    .circles li:nth-child(9),
    .circles li:nth-child(10){
    display: none !important;
}
}
.tittle-address{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
}