.welcome-container {
	padding: 60px 70px 44px;
	background: #000;
	animation: next-page-animation 1s forwards;
	animation-delay: 6.6s;
	height: 100%;
 }
 
 .welcome-block {
	position: relative;
	height: 100%;
	margin: 0 auto;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: end;
	font-family: NewYork-SemiBold;
	text-transform: uppercase;
	font-size: 64px;
 
	animation: slide-in-width-container 1s forwards;
	animation-delay: 0.2s;
 }
 
 .welcome-block__img {
	height: 100%;
	max-height: 674px;
	max-width: 506px;
	display: flex;
	align-items: flex-end;
	opacity: 0;
	animation: slide-in-from-bottom 1s forwards, slide-out-from-bottom 1s forwards;
	animation-delay: 3.8s, 5.8s;
 
	> img {
	  height: 100%;
	  object-fit: contain;
	}
 }
 
 .welcome-categories-block {
	position: absolute;
	min-width: 100vw;
	max-width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
 
	animation: slide-in-width 1s forwards;
	animation-delay: 0.5s;
 
	> div {
	  line-height: 65px;
	  transform: translateX(100vw);
	  animation: slide-in 0.7s forwards, slide-out 0.7s forwards;
 
	  &:nth-child(1) {
		 animation-delay: 0s, 6.2s;
	  }
 
	  &:nth-child(2) {
		 animation-delay: 0.2s, 6.4s;
	  }
 
	  &:nth-child(3) {
		 animation-delay: 0.4s, 6.6s;
	  }
	}
 }
 
 
 .welcome-font {
	font-family: NewYork;
 }
 
 .welcome-categories-block__text {
	overflow: hidden;
	height: 65px;
	font-family: NewYork;
 
	> div {
	  animation: tween 3s;
	  animation-delay: 1.4s;
 
	  > div {
		 line-height: 65px;
	  }
	}
 }
 
 @keyframes slide-in {
	0% {
	  transform: translateX(100vw);
	}
	100% {
	  transform: translateX(0);
	}
 }
 
 @keyframes slide-out {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(-100vw);
	}
 }
 
 @keyframes slide-in-width {
	0% {
	  min-width: 100vw;
	  max-width: 100vw;
	}
	100% {
	  position: relative;
	  min-width: 528px;
	  max-width: 528px;
	}
 }
 
 @keyframes slide-in-width-container {
	0% {
	  max-width: 100vw;
	}
	100% {
	  max-width: 1300px;
	}
 }
 
 @keyframes slide-in-from-bottom {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
 }
 
 @keyframes slide-out-from-bottom {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
 }
 
 @keyframes tween {
	0% {
	  margin-top: 0;
	}
	30% {
	  margin-top: -65px;
	}
	60% {
	  margin-top: -130px;
	}
	80% {
	  margin-top: -195px;
	}
	100% {
	  margin-top: -195px;
	}
 }
 
 @media (max-width: 950px) {
	.welcome-block__img {
	  > img {
		 height: auto;
	  }
	}
 }
 
 @media (min-width: 750px) and (max-width: 1050px) {
	.welcome-block {
	  font-size: 40px;
	}
	@keyframes slide-in-width {
	  0% {
		 min-width: 100vw;
		 max-width: 100vw;
	  }
	  100% {
		 position: relative;
		 min-width: 350px;
		 max-width: 350px;
	  }
	}
 }
 
 @media (max-width: 1000px) {
	.welcome-container {
	  padding: 30px 15px;
	}
	.welcome-block {
	  align-items: center;
	  flex-direction: column-reverse;
	  justify-content: center;
	  font-size: 5.5vw;
	  row-gap: 3vw;
	}
	.welcome-block__img {
	  margin: 20px 0 20px;
	  height: 50%;
	  > img {
		 height: 100%;
	  }
	}
	.welcome-categories-block {
	  height: 50%;
	  position: relative;
	  width: 100vw;
	  display: block;
	  > div {
		 line-height: 35px;
	  }
	}
	.welcome-categories-block__text {
	  height: 35px;
 
	  > div > div {
		 line-height: 35px;
	  }
	}
 
	@keyframes slide-in-width {
	  0% {
		 min-width: 100vw;
		 max-width: 100vw;
	  }
	  100% {
		 position: relative;
		 min-width: 500px;
		 max-width: 500px;
	  }
	}
	@keyframes tween {
	  0% {
		 margin-top: 0;
	  }
	  30% {
		 margin-top: -35px;
	  }
	  60% {
		 margin-top: -70px;
	  }
	  80% {
		 margin-top: -105px;
	  }
	  100% {
		 margin-top: -105px;
	  }
	}
 }
 

 @media (max-width: 600px) {
	.welcome-categories-block__text {
		height: 35px;
  
		> div > div {
		  line-height: 35px;
		}
	 }
	 .welcome-categories-block {
		height: 185px;
		position: relative;
		width: 100vw;
		display: block;
		> div {
		  line-height: 40px;
		}
	 }
	 @keyframes slide-in-width {
		0% {
		  min-width: 100vw;
		  max-width: 100vw;
		}
		100% {
		  position: relative;
		  min-width: 350px;
		  max-width: 350px;
		}
	 }
	 .welcome-block {
		align-items: center;
		flex-direction: column-reverse;
		font-size: 40px;
	 }
 }

 @media (max-width: 415px) {
	.welcome-block {
		align-items: center;
		justify-content: center;
		flex-direction: column-reverse;
		font-size: 35px;
	 }

	 .welcome-categories-block {
		height: 185px;
		position: relative;
		width: 100vw;
		display: block;
		> div {
		  line-height: 40px;
		}
	 }
	 @keyframes slide-in-width {
		0% {
		  min-width: 100vw;
		  max-width: 100vw;
		}
		100% {
		  position: relative;
		  min-width: 250px;
		  max-width: 250px;
		}
	 }
	 .welcome-block {
		align-items: center;
		flex-direction: column-reverse;
		font-size: 30px;
	 }
 }



 @media (min-width: 3500px) and (max-width: 5000px) {

	.welcome-block {
		position: relative;
		height: 100%;
		margin: 0 auto;
		color: #fff;
		display: flex;
		justify-content: space-between;
		align-items: end;
		font-family: NewYork-SemiBold;
		text-transform: uppercase;
		font-size:4vw;
	 	min-width: 65vw;
		animation: slide-in-width-container 1s forwards;
		animation-delay: 0.2s;
	 }
	 
	 .welcome-block__img {
		height: 100%;
		max-height: 35.1vw;
		max-width: 26.35vw;
		display: flex;
		align-items: flex-end;
		opacity: 0;
		animation: slide-in-from-bottom 1s forwards, slide-out-from-bottom 1s forwards;
		animation-delay: 3.8s, 5.8s;
	 
		> img {
		  height: 100%;
		  object-fit: contain;
		}
	 }

	 .welcome-categories-block__text {
		overflow: hidden;
		height: 4vw;
		font-family: NewYork;
	 
		> div {
		  animation: tween 3s;
		  animation-delay: 1.4s;
	 
		  > div {
			 line-height: 4vw;
		  }
		}
	 }
	 .welcome-categories-block {
		height: 15vw;
		position: relative;
		width: 100vw;
		display: block;
		> div {
		  line-height: 4vw;
		}
	 }
	 @keyframes slide-in-width {
		0% {
		  min-width: 100vw;
		  max-width: 100vw;
		}
		100% {
		  position: relative;
		  min-width: 36vw;
		  max-width: 36vw;
		}
	 }
	 
	 @keyframes tween {
		0% {
		  margin-top: 0;
		}
		30% {
		  margin-top: -4vw;
		}
		60% {
		  margin-top: -7.77vw;
		}
		80% {
		  margin-top: -12.2vw;
		}
		100% {
		  margin-top: -12.2vw;
		}
	 }
	 
 }



 @media (aspect-ratio: 667 / 375), (aspect-ratio: 896 / 414), (aspect-ratio: 844 / 390), (aspect-ratio: 932 / 430), (aspect-ratio: 915 / 412), (aspect-ratio: 740 / 360), (aspect-ratio: 882 / 344), (aspect-ratio: 914 / 412) {

	.welcome-block {
		position: relative;
		height: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		align-items: end;
		justify-content: center;
		column-gap: 1.6vw;
		font-size: 4vw;
	 	animation: slide-in-width-container 1s forwards;
		animation-delay: 0.2s;
	 }
	 
	 .welcome-block__img {
		height: 100%;
		max-height: 36.1vw;
		max-width: 26.35vw;
		display: flex;
		align-items: flex-end;
		opacity: 0;
		animation: slide-in-from-bottom 1s forwards, slide-out-from-bottom 1s forwards;
		animation-delay: 3.8s, 5.8s;
	 
		> img {
		  height: 100%;
		  object-fit: contain;
		}
	 
		> img {
		  height: 100%;
		  object-fit: contain;
		}
	 }
	 
	 .welcome-categories-block {
		height: 185px;
		position: relative;
		width: 100vw;
		display: flex;
		justify-content: center;
		> div {
		  line-height: 40px;
		}
	 }
	 @keyframes slide-in-width {
		0% {
		  min-width: 100vw;
		  max-width: 100vw;
		}
		100% {
		  position: relative;
		  min-width: 50%;
		  max-width: 50%;
		}
	 }
	 
 }