.slider-wrapper {
}

.slider-wrapper .content___wraper {
  /*display: none;
  */
}

.content___wraper {
  position: absolute;
  opacity: 0;
  transform-origin: 50% 50%;
  transform: translateX(50%) translateZ(-200px);
  -webkit-transform: translateX(50%) translateZ(-200px);
  -moz-transform: translateX(50%) translateZ(-200px);
  -ms-transform: translateX(50%) translateZ(-200px);
  -o-transform: translateX(50%) translateZ(-200px);
  transition: all 1.2s cubic-bezier(0.51, -0.29, 0.47, 1.62);
  -webkit-transition: all 1.2s cubic-bezier(0.51, -0.29, 0.47, 1.62);
  -moz-transition: all 1.2s cubic-bezier(0.51, -0.29, 0.47, 1.62);
  -ms-transition: all 1.2s cubic-bezier(0.51, -0.29, 0.47, 1.62);
  -o-transition: all 1.2s cubic-bezier(0.51, -0.29, 0.47, 1.62);
}

.content___wraper.active {
  position: relative;
  opacity: 1;
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
}
.content___wraper.back {
  transform: translateX(-50%) translateZ(-200px);
  -webkit-transform: translateX(-50%) translateZ(-200px);
  -moz-transform: translateX(-50%) translateZ(-200px);
  -ms-transform: translateX(-50%) translateZ(-200px);
  -o-transform: translateX(-50%) translateZ(-200px);
}

.header__content {
  position: relative;
  transform-style: preserve-3d;
  perspective: 200px;
}

.steps__image {
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
