#MainPageBanners
{
	z-index: 400;
}
#MainPageBanners .video-background
{
	width: 100%;
}
#MainPageBanners h5
{

	font-family: Raleway;
	font-size: 60px;
	font-weight: 600;
	line-height: 60px;
	letter-spacing: -0.03em;
	text-align: left;


}
#MainPageBanners  .carousel-caption
{
	left: 0;
	width: 100%;
	top: 8px;
	bottom: auto;
	z-index: 402;
}

#MainPageBanners .carousel-control-prev,
#MainPageBanners .carousel-control-next
{
	height: 56px;
	width: 56px;
	left: auto;
	top: auto;
	bottom: 64px;

	background: var(--color-gray-scale-gray-100);
}
#MainPageBanners .carousel-control-prev
{
	right: 92px;
}
#MainPageBanners .carousel-control-next
{
	right: 24px;
}
#MainPageBanners .carousel-indicators {
	display: flex;
	justify-content: space-between;
	bottom: 81px;
	margin: 0 188px 0 0;
	left: 741px;
}
#MainPageBanners .carousel-indicators button {
	flex: 1;
	margin: 0;
	height: 2px;
}
#MainPageBanners .video-container
{
	height: 700px;
	overflow: hidden;
position: relative;
}
#MainPageBanners .video-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none; /* Чтобы градиент не блокировал взаимодействие с содержимым */
	z-index: 401;
}
#MainPageBanners .video-container img
{

	height: auto;
	min-width: 100%;
	min-height: 700px;
	width: auto !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 1919px) {
	#MainPageBanners h5{
		max-width: 650px;
		font-size: 48px;
	}
	#MainPageBanners  .carousel-caption
	{
		/*top: 286.5px;*/
	}
	#MainPageBanners .carousel-indicators
	{
		left: 577px;
	}
	#MainPageBanners .video-background {
		width: auto;
		height: 900px;
	}
	#MainPageBanners .carousel-control-prev
	{
		right: 116px;
	}
	#MainPageBanners .carousel-control-next
	{
		right: 52px;
	}
}
@media (max-width: 1399px) {
	#MainPageBanners .video-background {
		width: auto;
		height: 960px;
	}
	#MainPageBanners .video-container {
		width: 100%;
		height: 700px;
		overflow: hidden;
		display: flex;
		justify-content: center;
	}
	#MainPageBanners .carousel-item>.video-container>img{
		width: auto !important;
		height: 960px;
	}
	#MainPageBanners  .carousel-caption
	{
		/*top: 316.5px;*/
		padding-left: 36px;
		padding-right: 36px;
	}
	#MainPageBanners h5
	{
		font-size: 48px;
	}
	#MainPageBanners .carousel-indicators
	{
		left: 121px;
	}
}
@media (max-width: 767px) {
	#MainPageBanners h5
	{
		font-size: 30px;
		font-weight: 600;
		line-height: 37.5px;
		letter-spacing: -0.01em;
		text-align: left;

	}
	#MainPageBanners  .carousel-caption
	{
		top: 0px;
		/*top: 257px;*/
		padding-left: 15.5px;
		padding-right: 15.5px;
	}
	#MainPageBanners .video-background {
		width: auto;
		height: 840px;
	}
	#MainPageBanners .carousel-item>.video-container>img{
		width: auto !important;
		height: 840px;
	}
	#MainPageBanners .carousel-indicators
	{
		left: 77px;
	}
}


#MainPageBanners
{
	.breadcrumb
	{
		padding: 40px 24px;
		/*margin-bottom: 65px;*/
	}
	.breadcrumb a,
	.breadcrumb span
	{
		font-family: Segoe UI;
		font-size: 19px;
		font-weight: 400;
		line-height: 26.6px;
		letter-spacing: -0.01em;
		text-align: left;
		color: var(--color-dark-scale-dark);
		text-decoration: none;
	}
}
@media (max-width: 1919px) {
	#MainPageBanners
	{
		.breadcrumb
		{
			padding: 40px 54px;
		}
	}
}
@media (max-width: 1399px) {
	#MainPageBanners
	{

		.breadcrumb
		{
			padding: 40px 36px;
		}
	}
}
@media (max-width: 767px) {
	#MainPageBanners
	{
		height: 580px;
		overflow: hidden;
		.breadcrumb
		{
			padding: 40px 15.5px;
		}
	}
	#MainPageBanners .carousel-control-prev,
	#MainPageBanners .carousel-control-next
	{
		bottom: 32px;
	}
	#MainPageBanners .carousel-indicators
	{
		bottom: 50px;
	}
}