.frm{width: auto; height: auto; 
    background-color: #ffffffbd;
   position: absolute; z-index: 999; 
     top:-510px!important;  }


.colr{width:100%; background-color: #007bffc7; }


@media(max-width: 768px){

  .frm{position: static; margin: 10px 0px;}
}

/*modal*/
.fd{background-color: #1b9ce338;}
.modal-body{height:auto; }

.header{width: 100%; height: 80px;}

.pb{width: 100%; height: 60px;}


.popup{display: none; position: absolute; z-index:999; top:140px; background-color:white; width:30%; 

left:30%; animation: 1s frm;    }
@keyframes frm{

from{top:-800px;}
to{ top:240px; }
}


/*page*/