#modal-video {
	background: none;
	box-shadow: none;
	margin: 0;
	
	video {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 7rem;
	}
	
	.modal-close:before {
		background: rgba(30, 30, 30, .6);
		height: 44px;
		text-align: center;
		width: 44px;
	}
}

.main-slider {
	height: 320px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-end;
	justify-content: center;
}

.slider__nav {
	width: 12px;
	height: 12px;
	margin: 2rem 12px;
	border-radius: 50%;
	z-index: 10;
	outline: 6px solid #ccc;
	outline-offset: -6px;
	box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
	cursor: pointer;
	appearance: none;
	backface-visibility: hidden;
}

.slider__nav:checked {
	animation: check 0.4s linear forwards;
}

.slider__nav:checked:nth-of-type(1)~.slider__inner {
	left: 0%;
}

.slider__nav:checked:nth-of-type(2)~.slider__inner {
	left: -100%;
}

.slider__nav:checked:nth-of-type(3)~.slider__inner {
	left: -200%;
}

.slider__nav:checked:nth-of-type(4)~.slider__inner {
	left: -300%;
}

.slider__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 100%;
	transition: left 0.4s;
	display: flex;
	flex-flow: row nowrap;
}

.slider__contents {
	display: flex;
	flex: 1;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
}

.slider__image {
	height: 100%;
    width: 100%;
}

.slider__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.slider-block {
	color: #fff;
	height: 145px;
	font-size: 1.5rem;
	margin-left: 10rem;
	min-width: 49%;
	position: absolute;
	text-align: left;
	transform: translate(-50%, -50%);
	width: min-content;
}

.slider-video {
	display: flex;
	flex: 2;
	align-items: center;
	cursor: pointer;
	position: absolute;
    background: #fff;
    right: 5%;
    bottom: 20%;
}

.slider-video .icon {
	background: linear-gradient(180deg, rgb(219, 0, 0) 10%, rgb(208 88 41) 100%);
	width: 4em;
	height: 4em;
}

.slider-video .icon span {
	border-top: 15px solid transparent;
	border-left: 20px solid #fff;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 23%;
	left: 8%;
}

.slider-video .info {
	display: grid;
	text-align: left;
	padding: 7px;
}

.slider-video .info span {
	color: #666;
}

@media (max-width: 1199px) {
	.slider-block {
		font-size: 1.2rem;
	}
}

@media (max-width: 991px) {
	.slider-block {
		font-size: 1rem;
		min-width: 58%;
	}
	
	#modal-video video {
		margin-top: 17rem;
	}
	
	.slider-video {
		right: 0;
		bottom: 14%;
		transform: scale(0.7);
	}
}

@media (max-width: 600px) {
	.main-slider {
	  height: 130px;
	}
	.slider__nav {
	  width: 12px;
	  height: 12px;
	  margin: 2.4rem 12px;
	}
	.slider__image img {
	  object-fit: contain;
	}
}

@keyframes check {
	50% {
		outline-color: #db0000;
		box-shadow: 0 0 0 12px #db0000, 0 0 0 36px rgba(51, 51, 51, 0.2);
	}

	100% {
		outline-color: #db0000;
		box-shadow: 0 0 0 0 #db0000, 0 0 0 0 rgba(51, 51, 51, 0);
	}
}