.key_events {
  width: 100%;
  height: auto;
  /* background: #000; */
  position: relative;
}
.key_events .title_wicon {
  margin-bottom: 3vw;
  padding-top: 15px;
}

.key_events .title_wicon i {
  position: unset;
}
.sliderkey {
  margin: 0 auto;
  width: 80% !important;
  height: 100% !important;
  position: relative;
  perspective: 1000px;
  max-height: 100%;
  max-width: 100%;
  will-change: transform;
}
.sliderkey:not(.zoom) .item {
  transition: all 900ms ease-in-out, opacity 400ms linear 0ms;
  opacity: 0;
}
.sliderkey:not(.zoom) .item.active {
  width: 100% !important;
  height: 100% !important;
  line-height: 100%;
  position: relative;
  /* display: flex; */
  opacity: 1;
  pointer-events: all;
}
.sliderkey:not(.zoom) .item.active span {
  top: 0;
  transform: scale(1);
  opacity: 1;
}
.sliderkey:not(.zoom) .item.active .btn {
  transform: scale(1);
  height: 46px;
  opacity: 1;
}
.sliderkey:not(.zoom) .item.active .btn span {
  top: 16px;
}
.sliderkey:not(.zoom) .item.item1 {
  transform: rotateY(0deg) translateZ(0);
}
.sliderkey:not(.zoom) .item.item2 {
  transform: rotateY(180deg) translateZ(0);
}
/* .sliderkey:not(.zoom) .item.item3 {
  transform: rotateY(240deg) translateZ(0);
} */
.sliderkey.zoom .item {
  transition: all 900ms ease-in-out, opacity 300ms linear 500ms;
  opacity: 0.5;
}
.wrapperkey {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 900ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
}
.item {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 39%;
  height: 50%;
  line-height: 50%;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
  transition: all 900ms ease-in-out;
  transform-origin: center;
  pointer-events: none;
  will-change: transform;
}
.item.item1 {
  transform: rotateY(0deg) translateZ(500px);
  background-position: 50% 0%;
}
.item.item1.active {
  transform: rotateY(0deg) translateZ(250px);
  opacity: 1;
}
.item.item2 {
  transform: rotateY(120deg) translateZ(500px);
}
.item.item2.active {
  transform: rotateY(120deg) translateZ(250px);
  opacity: 1;
}
/* .item.item3 {
  transform: rotateY(240deg) translateZ(550px);
}
.item.item3.active {
  transform: rotateY(240deg) translateZ(250px);
  opacity: 1;
} */
/*.item.active .item__info.two,
.item.active .item__info{
	display: block;
	opacity: 1;
}*/
/*.item__info {
	text-align: right;
	 will-change: transform; 
	position: absolute;
	left: -23%;
	top: 35%;
	width: 42%;
	padding-left: 3vw;
	opacity: 0;
	transition: all .2s ease;
	display: none;
}
.item__info.two {
	right: -36%;
	top: 10%;
	text-align: left;
	left: auto;
	padding-right: 3vw;
	padding-left: inherit;
	opacity: 0;
	transition: all .2s ease;
	display: none;
}*/
.slider3d-info .slide-infos > .item__info > p {
  font-size: 55px;
  overflow: hidden;
  line-height: 1;
  will-change: transform;
  margin: 0;
  margin-bottom: 1.5vw;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
/* .item__year span {
	position: relative;
	top: 180px;
	transition: all 900ms linear;
}*/
.slider3d-info .slide-infos > .item__info > .item__name {
  font-size: 17px;
  overflow: hidden;
  line-height: 1.2;
  will-change: transform;
  margin: 0;
  margin-bottom: 2vw;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
/*.item__name span {
	position: relative;
	top: 18px;
	transition: all 900ms ease-in-out;
	display: inline-block;
	transform: scale(0.7);
	white-space: nowrap;
	will-change: transform;
	opacity: 0;
}*/
.btn {
  color: var(--yellow);
  text-decoration: none;
  display: inline-block;
  transform: scale(0);
  height: 0;
  position: relative;
  overflow: hidden;
  transition: all 900ms ease-in-out;
  will-change: transform;
  opacity: 0;
  text-decoration: underline;
  font-size: 18px;
}
.btn span {
  position: relative;
  top: 16px;
  will-change: transform;
}
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  transition: all 0.5s ease-in-out;
  transform-origin: 50% 50%;
  will-change: transform;
  z-index: 2;
}
.arrow:hover {
  transform: translateY(-50%) scale(1.1);
}
.arrow.arrow-next {
  right: 2em;
  background: url("../images/arrow-right-blue.png") no-repeat center;
  background-size: 40px !important;
  filter: brightness(0) invert(1);
}
.arrow.arrow-prev {
  left: 2em;
  background: url("../images/arrow-left-blue.png") no-repeat center;
  background-size: 40px !important;
  filter: brightness(0) invert(1);
}
@media (min-width: 1400px) {
  .sliderkey {
    max-height: 700px;
    max-width: 1500px;
  }
  /*.arrow-next {
		 right: -45% !important;
	}
	 .arrow-prev {
		 left: -45% !important;
	}*/
}

.break > div {
  position: relative;
  margin: 0;
}
.split-outer {
  overflow: hidden;
}
.split-inner {
  display: inline-block;
}
.text-heading {
  margin-top: 300px;
  width: 900px;
}
.slider3d-info {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 12vw;
  color: #fff;
}
.slider3d-info .slide-infos {
  height: 100%;
  display: flex;
  justify-content: space-between;
  display: none;
  opacity: 0;
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
}
.slider3d-info .slide-infos.active {
  display: flex;
}
@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: none;
  }
}

.slider3d-info .slide-infos .item__info {
  text-align: right;
  padding-top: 30%;
  width: 40%;
  padding-left: 0vw;
  padding-right: 15px;
}
.slider3d-info .slide-infos .two {
  right: -36%;
  padding-top: 0%;
  text-align: left;
  left: auto;
  padding-right: 0;
  padding-left: 0vw;
}
.slider3d-info .slide-infos .three {
  right: -36%;
  padding-top: 30%;
  text-align: left;
  left: auto;
  padding-right: 0;
  padding-left: 0;
}
.sliderkey .images-div {
  display: flex;
  gap: 5rem;
}
.sliderkey .images-div img {
  width: 100%;
  filter: brightness(0.6);
}
/*.sliderkey .item .images-div .emptyHeight {
	height: 6vw;
}*/
.sliderkey .item .images-div .img:first-child,
.sliderkey .item .images-div .img:last-child {
  margin: 6vw 0 0;
}