/* Start:/local/templates/kids/components/bitrix/catalog.section/truth/style.css?17190551785237*/
.truth_count{
	text-align: center;
}
.truth_slide{
	font-size: var(--normal-font);
	display: flex;
	flex-direction: column;
	width:100%;
	border-radius: 10px;
	overflow: hidden;
	background: var(--gradient);
}
.truth_slide img{
	height: 215px;
	width: 100%;
	object-fit: contain;
}
.truth_slide_text{
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}
.truth_slide_btn{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.truth_slide_btn button{
	width: calc(50% - 10px);
	border-radius: 50px;
	border: 1px solid white;
	background: transparent;
	padding: 16px 20px;
	transition-duration: 0.3s;
}
.truth_slide_btn button:hover{
	background: #F4F4F4;
}
/*
.truth_slide_btn.active .correct, .truth_slide_btn.active .correct:hover{
	background: var(--green-color);
	border: 1px solid var(--green-color);
}*/
.correct.active, .correct.active:hover{
	background: var(--green-color);
	border: 1px solid var(--green-color);
}
.incorrect.active, .incorrect.active:hover{
	background: var(--red-color);
	border: 1px solid var(--red-color);
}
.explanation.truth_slide_btn {
    opacity: 0;
    display: none;
    color: var(--gray-color);
    font-size: var(--normal-font);
    padding: 20px 0 0;
}
.explanation.truth_slide_btn.active {
    opacity: 1;
    display: block;
    color: rgba(0, 0, 0, 1);
    font-size: 120%;
    text-align: center;
}
.truth_video{
	height: 320px;
	width: 320px;
	max-width: 100%;
	max-height: calc(100vw - 40px);
	object-fit: cover;
	border-radius: 100%;
	margin-bottom: 20px;
	position: relative;
}
.truth_video_container{
	display: flex;
	justify-content: center;
	position: relative;
}
.truth_video.play{

}
.truth_video_container.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;	
}
.truth_video_container.play:hover:after{
	opacity: 1;	
}
.truth_video_container: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.3;
    opacity: 1;
}
.truth_video_container:not(.play):hover:after{
	opacity: 0.5;	
}
.truth_video:not(.play){

}
@media screen and (min-width: 768px){
	.truth_slide img{
		min-height: 330px;
	}
}
@media screen and (min-width: 1200px){
	.truth_slide{
		flex-direction: row;
	}
	.truth_slide img{
		width: calc(50% + 30px);
        min-height: 430px;
        flex-shrink: 0;
	}
	.truth_slide_text{

		width: calc(50% - 30px);width: 100%;
		gap: 30px;
        padding: 30px 50px;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
    	align-items: none;
	}
	.truth_slide_video .truth_slide_text{
		width: 100%;
	}
	.truth_slide_count{
		width: 100px;
		text-align: right;
	}
	.truth_slide_disc{
		order: -1;
		width: calc(100% - 130px);
	}
	.truth_slide_video{
		display: flex;		
	}
	.truth_video_container{
		margin: 0 100px;
	}
	.truth_slide_video .truth_video{
		height: 420px;
		width: 420px;
	}
	.truth_slide_video .truth_slide{
		width: calc(100% - 620px);
	}
}
/* End */
/* /local/templates/kids/components/bitrix/catalog.section/truth/style.css?17190551785237 */