/* Start:/bitrix/templates/.default/components/bitrix/news/video-s-youtube/bitrix/news.list/.default/style.css?17475951896304*/
/* .mint-container-1110
{
	max-width: calc(1110px + 40px);
	margin: 0 auto;
	padding: 0 20px;
} */

.mint-container-1110r *,
.mint-container-1110 *::after,
.mint-container-1110 *::before
{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.page-title-wrapper
{
	/*margin-top: 60px;*/

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 768px)
{
	.page-title-wrapper
	{
		flex-flow: column nowrap;
	}
}

.page-title-wrapper .videoblog-title
{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 42px;

	color: #000000;

	margin-bottom: 37px;
}

.page-title-wrapper .videoblog-desc
{
	max-width: 890px;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;

	color: #000000;
}

.page-title-wrapper .youtube-subscribe
{
	display: block;

	position: relative;

	padding: 16px 32px 16px calc(16px + 32px + 13px);
	background-color: #343434;
	border-radius: 20px;

	margin-left: 30px;

	white-space: nowrap;

	text-decoration: none;
	color: #fff;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;

	text-align: center;

	transition: background-color .3s;
}
@media screen and (max-width: 768px)
{
	.page-title-wrapper .youtube-subscribe
	{
		margin-left: 0;
		margin-top: 30px;
	}
}
@media screen and (hover: hover)
{
	.page-title-wrapper .youtube-subscribe:hover
	{
		background-color: #CDA236;
		outline: none;
	}
}

.page-title-wrapper .youtube-subscribe::before
{
	content: '';

	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);

	width: 32px;
	height: 24px;

	background-image: url('/upload/custom/youtube.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.buttons-switcher
{
	margin-top: 59px;

	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;

	border-radius: 26px;
	border: 1px solid #CDA236;
	overflow: hidden;
}
@media screen and (max-width: 768px)
{
	.buttons-switcher
	{
		flex-flow: column nowrap;
	}
}

.buttons-switcher .switch-btn
{
	outline: none;
	border: none;
	background-color: transparent;

	display: block;
	padding: 17px 0;

	flex-grow: 1;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 29px;
	text-align: center;

	color: #CDA236;

	border-radius: 26px;

	text-decoration: none;

	text-transform: lowercase;

	transition: color .3s, background-color .3s, box-shadow .3s;
}
@media screen and (max-width: 768px)
{
	.buttons-switcher .switch-btn
	{
		width: 100%;
	}
}

.buttons-switcher .switch-btn.active
{
	color: #FFFFFF;
	box-shadow: 0 5px 16px #CDA236;
	background-color: #CDA236;
}

.video-list-wrapper
{
	margin: 60px 0 97px;
}

.video-list
{
	list-style-type: none;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 67px 30px;
}
@media screen and (max-width: 1024px)
{
	.video-list
	{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 600px)
{
	.video-list
	{
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
}

.video-item
{
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 600px) {
	.video-item
	{
		box-shadow: none;
	}
}


.video-item.hidden
{
	display: none;
}

.video-item,
.video-item a.video-item-wrapper-link
{
	display: block;
	text-decoration: none;
}

.video-item a.video-item-wrapper-link
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;

	height: 100%;
}

@media screen and (max-width: 600px) 
{
	.video-item a.video-item-wrapper-link
	{
		padding: 0;
		flex-flow: row nowrap;
		gap: 15px;
	}
}

.video-item a:focus,
.video-item a:focus-visible
{
	outline: none;
}

@media screen and (hover: hover)
{
	.video-item a:hover .video-item__text,
	.video-item a:focus-visible .video-item__text
	{
		background-color: #CDA236;
		color: #fff;
	}
}

.video-preview
{
	object-fit: cover;
	width: 100%;

	max-height: 254px;
	max-width: 450px;

	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 1024px)
{
	.video-preview
	{
		max-width: 100%;
	}
}

@media screen and (max-width: 600px)
{
	.video-preview
	{
		max-width: 45%;
	}
}

@media screen and (max-width: 380px)
{
	.video-preview
	{
		max-width: 150px;
	}
}

.video-item__text
{
	background: #FFFFFF;
	color: #000;

	padding: 18px 18px 32px;

	width: 100%;
	flex-grow: 1;

	transition: background-color .3s;
}

@media screen and (max-width: 600px) {
	.video-item__text
	{
		padding: 5px;
	}
}

.video-title
{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	/*font-size: 28px;*/
	/*line-height: 33px;*/

	font-size: 24px;
	line-height: 28px;

	color: inherit;

	margin-bottom: 16px;

	transition: color .3s;
}

@media screen and (max-width: 600px) {
	.video-title
	{
		font-size: 16px;
		font-weight: 400;
		line-height: 17px;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width: 380px) {
	.video-title
	{
		font-size: 13px;
		line-height: 15px;
	}
}

.video-date {
	color: #828282;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 24px;

	transition: color .3s;
}
@media screen and (hover: hover)
{
	.video-item a:hover .video-date {
		color: #fff;
	}
}


@media screen and (max-width: 600px) {
	.video-date {
		margin: 0;
		font-size: 14px;
		line-height: 20px;
	}
}

@media screen and (max-width: 380px) {
	.video-date {
		margin: 0;
		font-size: 10px;
		line-height: 15px;
	}
}

.video-desc
{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;

	color: inherit;

	transition: color .3s;
}

.videoblog-description-bottom
{
	margin: 0 0 97px;
}

.videoblog-desc__title
{
	margin-bottom: 29px;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 42px;

	color: #000000;
}

.videoblog-desc__text
{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;

	color: #000;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news/video-s-youtube/bitrix/news.list/.default/style.css?17475951896304 */