.slick-prev, .slick-next {
    background: #575757 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    z-index: 99 !important;
}
.slick-prev {
  top: auto !important;
  left: 0px !important;
  bottom: -22px !important;
}
.slick-next {
  top: auto !important;
  right: auto !important;
  left: 45px !important;
  bottom: -22px !important;
}

.bg-absolute {
    position: relative;
}
.absolute {
    position: absolute;
}
.absolute1 {
    top: -151px;
    left: -708px;
}
.absolute2 {
    top: -78px;
    left: 64px;
}
.absolute3 {
    top: -204px;
    right: -423px;
}


svg {
  height: 80px;
  position: absolute;
  width: 80px;
}


.plate {
  height: 80px;
  width: 80px;
}
.burger {
  filter: url(#gooeyness);
}
.x {
  transform: scale(0);
  transition: transform 400ms;
}
.line {
  fill: none;
  stroke: rgb(77, 77, 77);
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: 50%;
  transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
}
.x .line {
  stroke-width: 5.5px;
}
/* First plate */
.plate1 .line2 {
  stroke-dasharray: 40 200;
  stroke-dashoffset: 0px;
}
.plate1 .line3 {
  stroke-dasharray: 40 179;
  stroke-dashoffset: 0px;
}
.active .line {
  transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
}
.active.plate1 .line1 {
  transform: scale(0, 1);
  transition: transform 500ms 100ms;
}
.active.plate1 .line2 {
  stroke-dasharray: 5px 200;
  stroke-dashoffset: -164px;
}
.active.plate1 .line3 {
  stroke-dasharray: 5px 179;
  stroke-dashoffset: -142px;
}
.active .x {
  transform: scale(1);
  transition: transform 400ms 350ms;
}

/* 992px - 1200px */
@media screen and (max-width: 1200px) {
	.slick-next {
      right: -15px !important;
  }
  .slick-prev {
      left: -15px !important;
  }

}
/* 992px - 1200px */
@media screen and (max-width: 992px) {
  .slick-slide.slick-current {
    transform: scale(0.85);
    position: relative;
    z-index: 1;
  }

}