/* Start:/bitrix/components/bitrix/player/templates/.default/style.min.css?1758364844122*/
td.popupmenu div.popupitem .playlist-edit{background-image:url(/bitrix/components/bitrix/player/images/playlist_edit.gif)}
/* End */


/* Start:/local/templates/kids/components/bitrix/news.detail/videoD/style.css?17583648617194*/
.video_detail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.video_detail_main{
	width:100%;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.video_detail_video{
	width: 100%;
	height: auto;
}
.video_detail_video video{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.video_detail_type{
margin-bottom: 10px;
}
.video_detail_text{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.video_detail_title{
	margin: 0 0 10px;
	padding: 0;
	font-family: 'Casus Pro', sans-serif;
	font-size: var(--big-font);	
	font-weight: 450;
}
.video_detail_disc{
	font-size: 12px;
}
.video_detail_recommended{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 40px;
}
.video_detail_recommendedo_item{
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--black-color);
	text-decoration: none;
}
.video_detail_recommended_video{
	width: 100%;
	height: 190px;
	position: relative;
}
.video_detail_recommended_video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video_detail_recommended_video:after{
	content: attr(data-time);
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 3px 8px 5px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background: white;
	z-index: 1;
}
.video_detail_recommended_text{
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.video_detail_recommended_title{
	font-weight: 700;
	font-family: 'Casus Pro', sans-serif;
}
.video_detail_disc{
	font-size: 12px;
}


.circle_detail{
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.circle_detail_main{
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 30px;
}
.circle_detail_title{
	margin: 0;
	padding: 0;
	font-family: 'Casus Pro', sans-serif;
	font-size: var(--big-font);	
	font-weight: 450;
	text-align: center;
}
.circle_detail_video{
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	display: flex;
}
.circle_detail_video video{
	width: 100%;
	height: calc(100vw - 40px);
	object-fit: cover;
}
.circle_detail_slider{
	width: 100%;
}


.f-thumbs{
	width: 100%;
}
.carusel_mobile{
	width: calc(100% + 40px);
    margin: 0 -20px;
}
.carusel_mobile .f-carousel__slide{
  	width: calc(100% - 50px);
  	max-width: 280px;
  	margin-left: 20px;
}
.carusel_mobile .f-carousel__slide img{
	width: 100%;
	height: 166px;
	object-fit: contain;
	border-radius: 10px;
}
.pc_slider{
	display: none;
}
.show_more{
	width: 100%;
}


.circle_detail_video.play{

}
.circle_detail_video.play:after{
	content: "";
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2218%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2218%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2218%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20x%3D%2218%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2226%22%20rx%3D%222%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.3s;	
}

.circle_detail_video:not(.play):after{
	content: "";
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.75%203.10946C3.75%202.80673%203.82227%202.50985%203.95898%202.24423C4.4082%201.38485%205.42383%201.07431%206.23047%201.55282L26.3281%2013.4434C26.6016%2013.6056%2026.8262%2013.8458%2026.9766%2014.1368C27.4258%2014.9962%2027.1328%2016.0802%2026.3281%2016.5567L6.23047%2028.4474C5.98535%2028.5936%205.70537%2028.6712%205.41992%2028.672C4.49805%2028.672%203.75%2027.8751%203.75%2026.8927V3.10946Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    transition-duration: 0.5;
    opacity: 1;
}

.circle_detail_video:not(.play){

}

@media screen and (min-width: 400px){
	.circle_detail_video{
		width: 320px;
		height: 320px;
		margin: 0 auto;
	}
	.circle_detail_video video{
		width: 320px;
		height: 320px;
	}
}
@media screen and (min-width: 768px){

}
@media screen and (min-width: 1200px){
	.circle_detail_video.play:hover:after{
		opacity: 1;
	}
	.circle_detail_video:not(.play):hover:after{
		opacity: 0.5;
	}
	.video_detail_main{
		width: calc(100% - 295px);
		gap: 30px;
	}
	.video_detail_recommended{
		margin-top: 0;
		width: 265px;
	}
	.circle_detail{
		gap: 50px;
	}
	.pc_slider{
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: calc(100% - 470px);
	}
	.carusel_mobile{
		display: none;
	}

	.circle_detail_main{
		width: 420px;
	}
	.circle_detail_video{
		width: 420px;
		height: 420px;
	}
	.circle_detail_video video{
		width: 420px;
		height: 420px;
	}
	.circle_detail_slider .f-carousel__slide{
		height: 400px;
		overflow: hidden;
		margin-right: 10px;
		border-radius: 10px;
	}
	.circle_detail_slider .f-carousel__slide img{
		width: 100%;
		height: 400px;
		object-fit: contain;
	}
	.f-thumbs__track .f-thumbs__slide{
		width: 150px;
		height: 150px;
		margin-right: 15px!important;
		border-radius: 0;	
		transition-duration: 0.3s;	    
	}
	.f-thumbs__track .f-thumbs__slide.is-nav-selected{
		box-shadow: 0px 0px 0px 4px #FAC534 inset;
	}
	.f-thumbs__track .f-thumbs__slide__button{
		border-radius: 0;
		opacity: 1!important;
		z-index: -1;
	}
	.pc_slider .f-thumbs__slide__img{
		object-fit: contain;
	}
	.video_detail_recommended_video{
		width: 100%;
		height: 150px;
	}
	.video_detail_recommended_type{
		font-size: 16px;
	}
	.video_detail_recommended_date{
		font-size: 14px;
	}
}
@media screen and (min-width: 1600px){
	.video_detail_main{
		width: calc(100% - 595px);
	}
	.video_detail_recommended{
		width: 565px;
	}
	.video_detail_recommendedo_item{
		flex-direction: row;
	}
	.video_detail_recommended_video{
		width: 210px;
		height: 117px;
	}
	.video_detail_recommended_text{
		width: calc(100% - 220px);
	}
	.circle_detail_slider .f-carousel__slide img{
		height: 540px;
	}
	.circle_detail_slider .f-carousel__slide{
		height: 540px;	
	}
}
/* End */
/* /bitrix/components/bitrix/player/templates/.default/style.min.css?1758364844122 */
/* /local/templates/kids/components/bitrix/news.detail/videoD/style.css?17583648617194 */