.slide-panel {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100%;
  width: 100%;
  visibility: hidden;
  transition: visibility 0s 0.6s;
  z-index: 4;
  overflow-y: auto;
}

.slide-panel.slide-panel--is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}


.slide-panel__container {
  position: absolute;
  width: 90%;
  min-height: 100%;
  top: 0;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  padding: 2em 4em;
  border-left: 1px solid #d1d3e0;
}

.slide-panel--from-right .slide-panel__container {
  right: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-panel--from-left .slide-panel__container {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.slide-panel--is-visible .slide-panel__container {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}

.red-button {
}

form input[type="submit"].green-button {
  background-color: #027b2a;
  border-color: #027b2a #027b2a #015d1f;
  box-shadow: 0 1px 0 #015d1f;
}


form button.red-button {
  background-color: #bc092e;
  border-color: #960725 #960725 #960725;
  box-shadow: 0 1px 0 #960725;
  
}

.js-slide-panel-contact {
 z-index: 5;
}