CSS for slick slide-down animation

SlideDown.css

.THIS div.offer-box {
    margin-bottom: -5px;
}

.THIS div.offer-box-ineedspacebro {
    animation: gimmespace 2s;
    margin-bottom: 10px;
    overflow: hidden;
}

.THIS div.full-offer {
  animation: fadein 2s;
  overflow: hidden;
}

@keyframes fadein {
  from { 
        max-height: 0;
        opacity: 0;
  } to { 
       	max-height: 500px;
        opacity: 1;
  }
}

@keyframes gimmespace {
  from { 
        margin-bottom: -5px;
  } to { 
       	margin-bottom: 10px;
  }
}