.fade-right-anim {
  transform: translateX(50px);
  transition: 1s;
  opacity: 0;
}

.fade-right-anim-play {
  transform: translateX(0px);
  opacity: 1;
}

.fade-left-anim {
  transform: translateX(-50px);
  transition: 1s;
  opacity: 0;
}

.fade-left-anim-play {
  transform: translateX(0px);
  opacity: 1;
}

.insta-modal {
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.insta-modal .close {
  position: absolute;
  text-shadow: none;
  top: 0.25rem;
  right: 0;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0.75;
  z-index: 9999;
}
.insta-modal .close svg {
  transform: scale(0.8);
}
.insta-modal .close svg path {
  fill: white;
}
.insta-modal .close:hover {
  opacity: 1 !important;
}
.insta-modal .insta-slider-wrapper {
  max-width: 100vw;
}

.insta-slider .slick-arrow {
  z-index: 9999;
}
.insta-slider .slick-arrow.slick-disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.insta-slider .slick-arrow:before {
  transition: 0.3s;
}
.insta-slider .slick-arrow:focus:before {
  opacity: 0.75;
}
.insta-slider .slick-arrow:hover:before {
  opacity: 1;
}
.insta-slider .slick-prev {
  left: 1rem;
}
.insta-slider .slick-next {
  right: 1rem;
}
@media only screen and (max-width: 575px) {
  .insta-slider .slick-prev {
    left: 0.15rem;
  }
  .insta-slider .slick-next {
    right: 0.15rem;
  }
}

.insta-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.insta-slide.slick-current .insta-box {
  transform: scale(1);
}
.insta-slide.slick-current .insta-box:after {
  opacity: 0;
}

.insta-box {
  transform: scale(0.925);
  transition: 0.3s;
  position: relative;
  margin: 0 15px;
  overflow: hidden;
  background-color: black;
}
.insta-box .main {
  image-rendering: -webkit-optimize-contrast;
  max-height: calc(100vh - 3rem);
  max-width: calc(100vw - 3rem);
}
.insta-box .anim {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  z-index: 1;
}
.insta-box:hover:after {
  opacity: 0.25;
}
.insta-box:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  pointer-events: none;
  opacity: 0.5;
  transition: 0.6s;
  z-index: 2;
}

/*.insta-box[id="1"] {
	.anim-1 {
		top: 0%;
	}
}*/
.insta-box[id="8"] {
  position: relative;
}
.insta-box[id="8"] .slide-link-1 {
  position: absolute;
  width: 46%;
  height: 9%;
  top: 62%;
  left: 27%;
  z-index: 1;
}

/*# sourceMappingURL=instagram.css.map */