#slider{
  	user-select: none;
  	position: fixed;
    top: 0;
    right: 0;
    width: calc(100vw - var(--size-lr));
    height: calc(100dvh - var(--size-mb));
}
	
	#slider .slides{
      	display: flex;
  		position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	}
		.slide{
    		height: 100%;
          	display: flex;
    		flex-direction: column;
    		justify-content: center;
          	padding-top: 140px;
		}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*| text |*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.slide a:hover{
  	color: var(--color);
}
.slide__text{
  	transform-origin: left;
}
.slide .slide__text *{
  	font-family: Gilroy;
    font-style: normal;
    font-weight: 800;
  	letter-spacing: 0.05em;
  	text-transform: uppercase;
}
.slide__text .size-1{
  	font-size: 8.33vw;
  	line-height: 7.33vw;
}
.slide__text .size-2{
  	font-size: 4.6875vw;
  	line-height: 100%;
}
.slide__text .size-3{
  	font-size: 3.125vw;
  	line-height: 100%;
}

@media screen and (max-width: 999px){
  	.slide__text .size-1{
  		font-size: calc(8.33vw * 1.5);
  		line-height: calc(7.33vw * 1.5);
	}
	.slide__text .size-2{
  		font-size: calc(4.6875vw * 1.5);
	}
	.slide__text .size-3{
  		font-size: calc(3.125vw * 1.5);
	}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

	#slider .slides-image{
	  	position: absolute;
	    top: 0;
	    right: 0;
	    height: 100%;
	    width: 100%;
	}
		.slide-image{
		  	position: absolute;
    		top: 0;
    		right: calc(var(--size-lr) * 2);
    		width: 460px;
    		height: 100%;
    		background-size: cover;
    		background-repeat: no-repeat;
    		background-position: center;
          	clip: rect(0, auto, 0, 0);
		}
			.slide-image.active-slide{
  				clip: rect(0, auto, 100dvh, 0);
			}
			.slide-image.prev-slide{
  				clip: rect(100dvh, auto, 100dvh, 0);
			}

		@media screen and (max-width: 1799px){
		  	.slide-image{
		  	  	width: 288px;
		  	}
		}
		@media screen and (max-width: 1199px){
		  	.slide-image{
		  	  	width: 237px;
		  	}
		}
		@media screen and (max-width: 999px){
          	.slide__text{
  				transform-origin: left bottom;
			}
          	.slide{
            	padding: calc(var(--size-mt) + 80px) 0 calc(var(--size-lr) + 380px);
              	justify-content: flex-end;
          	}
		  	.slide-image{
		  	  	bottom: 0;
              	top: auto;
              	right: 0;
              	width: 100%;
              	height: 380px;
              	clip: rect(0, 100dvh, auto, 100dvh);
		  	}
          	.slide-image.active-slide{
  				clip: rect(0, 100dvh, auto, 0);
			}
			.slide-image.prev-slide{
  				clip: rect(0, 0, auto, 0);
			}
		}
		@media screen and (max-width: 799px){
          	.slide{
            	padding: calc(var(--size-mt) + 130px) 0 calc(var(--size-lr) + 186px);
          	}
		  	.slide-image{
              	height: 186px;
		  	}
		}

	#slider .buttons{
	  	position: fixed;
    	right: 0;
    	bottom: var(--size-mb);
    	display: flex;
    	width: var(--size-lr);
    	height: 40px;
    	align-items: center;
    	justify-content: center;
      	gap: 10px;
      	z-index: 9;
	}
		#slider .buttons .prev{
          	transform: scale(-1);
		}
		#slider .buttons .next, #slider .buttons .next img, #slider .buttons .prev img, #slider .buttons .prev{
		  	height: 100%;
          	width: auto;
          	cursor: pointer;
          	transition: 200ms;
		}
		#slider .buttons .prev img:hover, #slider .buttons .next img:hover{
		  	transform: scale(1.2);
		}

	#slider .progress{
	  	position: fixed;
    	top: 0;
    	left: 0;
    	width: var(--size-lr);
    	height: 100dvh;
    	display: flex;
    	justify-content: center;
    	align-items: center;
      	padding: 145px 0 calc(var(--size-mb) + 200px);
	}
		#slider .progress .container{
		  	width: 1px;
    		height: 100%;
          	max-height: 250px;
          	background-color: var(--color-2);
          	display: flex;
    		align-items: flex-end;
		}
			#slider .progress .container div{
			  	width: 100%;
              	height: 50%;
              	background-color: var(--color);
			}
@media screen and (max-width: 999px){
  	#slider .progress, #slider .buttons{
    	display: none;
  	}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*| scroll |*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
@media screen and (max-width: 499px){
  	body.home-page{
  		min-height: 100dvh;
	}
	body.home-page #slider{
  		height: calc(100dvh - var(--size-mb));
	}
}


#slider{
  	z-index: 99;
}
	.slides__container{
	  	height: 100%;
	  	position: relative;
	  	transition: transform 650ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
      	z-index: 9;
	}
		.scroll-container-show .slides__container{
		  	transform: translateY(-102%);
		}
	.slides-image{
  		transition: transform 650ms cubic-bezier(0.47, 0, 0.75, 0.72);
	}
		.scroll-container-show .slides-image{
		  	transform: translateY(-102%);
		}
	.progress, .buttons{
	  	opacity: 1;	
      	transition: opacity 650ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
	}
		.scroll-container-show .progress, .scroll-container-show .buttons{		
    		opacity: 0;	
		}

.scroll-container-show{
  	overflow: hidden;
}
.scroll-container{
  	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
}
	.scroll {
	  	width: calc(100vw - var(--size-lr) - var(--size-lr));
    	height: calc(100dvh - var(--size-mt) - var(--size-mb) - 110px);
    	position: absolute;
    	margin: calc(var(--size-mt) + 110px) var(--size-lr) var(--size-mb);
    	transition: transform 650ms cubic-bezier(0.45, 0.05, 0.55, 0.95), opacity 1s;
    	opacity: 0;
    	transform: translateY(100%);
    	z-index: 99;
	}
		.scroll > div{
          	height: auto;
          	transform-origin: top;
		}
		.scroll-container-show .scroll {
	      	position: relative;
    		opacity: 1;
    		transform: translateY(0%);
		}
h3.more-news {
    text-align: center;
    margin-top: 30px;
}
h3.more-news a{
  	border: none;
}