// .animated{
//   animation: duration 5s;
//   animation-fill-mode: both;
// }

// @keyframes bounceInUp{
//     0%{
//         opacity:0;
//         transform: translateY(300px);
        
//     }
//     60%{
//         opacity:0;
//         transform: translateY(-30px);
//     }
//     80%{
//         opacity:0;
//         transform: translateY(10px);
//     }
//     100%{
//         opacity:0;
//         transform: translateY(0);
//     }
// }
// .bounceInUp{
//     animation-name: bounceInUp;
// }

// @keyframes bounceInUp{
//     from{down:0px}
//     30% {top: 100px !important;} /* ignored */
//     from{down:200px}
// }
    

.rollover  {
    position: relative;
    animation: mymove 5s infinite;
  }
  
  @keyframes mymove {
    from   {bottom: 0px; }
    to {bottom: 100px;}
  }
 
  @media only screen and (min-height: 600px) and (min-width: 768px)
{
  .custom-modal {
    .modal-wrapper {
        
      position: absolute !important;
      height: 500px !important;
      top: calc(100% - (500px));

    }
  }
}

.redla{

    color: rgb(255, 38, 0);
    // background-color: rgb(255, 72, 0);
}

.placed{
  float:right
}