/* Start:/education/lib/flaers/itc-slider.css?17699955555354*/
/**
 * ItcSlider
 * @version 1.0.0
 * @author https://github.com/itchief
 * @copyright Alexander Maltsev 2020 - 2022
 * @license MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
 * @tutorial https://itchief.ru/javascript/slider
 */

.itc-slider {
	position: relative;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
}

.itc-slider__wrapper {overflow: hidden;}

.itc-slider__items {
	display: flex;
	transition: transform 0.5s ease;
	will-change: transform;
}

.itc-slider__transition-none {transition: none;}

.itc-slider__item {
	flex: 0 0 100%;
	max-width: 100%;
	user-select: none;
	will-change: transform;
}

/* кнопки влево и вправо */
.itc-slider__btn {
	position: absolute;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 50px;
	color: #fff;
	text-align: center;
	background: rgb(0 0 0 / 20%);
	background-color: unset;
	border: none;
	transform: translateY(-50%);
	cursor: pointer;
}
.itc-slider__btn.flaer {top: calc(50% - 80px);}

.itc-slider__btn_hide {display: none;}

.itc-slider__btn_prev {left:  -13px;}
.itc-slider__btn_next {right: -13px;}

.video.itc-slider__btn_prev {left:  -40px;}
.video.itc-slider__btn_next {right: -40px;}

.itc-slider__btn:hover,
.itc-slider__btn:focus {
	color: #fff;
	text-decoration: none;
	background: rgb(0 0 0 / 30%);
	outline: 0;
}

.itc-slider__btn::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 31px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}

.itc-slider__btn_prev::before {background: url('/education/lib/flaers/arrow-prev.svg') no-repeat;}
.itc-slider__btn_next::before {background: url('/education/lib/flaers/arrow-next.svg') no-repeat;}


/* индикаторы */
.itc-slider__indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: flex;
	justify-content: center;
	margin: 0 15%;
	padding-left: 0;
	list-style: none;
}

.itc-slider__indicator {
	flex: 0 1 auto;
	box-sizing: content-box;
	width: 30px;
	height: 5px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: rgb(255 255 255 / 50%);
	background-clip: padding-box;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	cursor: pointer;
}

.itc-slider__indicator_active {background-color: rgb(255 255 255 / 90%);}

/* -------------------------------------------------------------------------------------- */

*,
*::before,
*::after {box-sizing: border-box;}

.itc-slider__wrapper {
	margin-left: -10px;
	margin-right: -10px;
}

.itc-slider__items {
	gap: 0;
	padding: 10px 20px;
	margin: 0 -15px;
}

.frame {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.frame__header {position: relative;}

.frame__img {
	display: block;
	height: auto;
	max-width: 100%;
}

.frame__section {
	position: absolute;
	bottom: 6px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 12px;
	line-height: 1;
}

.frame__title {
	background: #fafafa;
	color: #424242;
	white-space: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	padding: 10px 15px;
	margin: 0;
	height: 72px;
}

.frame__footer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #fafafa;
	padding: 10px 15px 15px;
	color: #616161;
}

.frame__photo {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.frame__author {margin-left: 6px;}

.frame__icon {
	margin-left: auto;
	width: 18px;
	max-height: 20px;
}

.frame__views {margin-left: 6px;}

.itc-slider__btn:hover,
.itc-slider__btn:focus {background-color: rgba(0, 0, 0, 0.1);}

.itc-slider__indicators {bottom: 0;}

.itc-slider__indicator {background-color: #eee;}

.itc-slider__indicator_active {background-color: #757575;}


@media (max-width: 768px) {
	/* ширина слайда */
	.itc-slider {
		overflow: visible;
		max-width: 80%;
		padding-bottom: 0;
		margin: 0 auto;
	}

	.itc-slider__items {padding: 10px 14px;}

	.items-2 {height: 200px;}

	.itc-slider__btn {
		top: 50%;
		width: 12px;
		height: 21px;
	}

	.itc-slider__btn.team {top: 50%;}

	.itc-slider__btn_prev {left: 0;}
	.itc-slider__btn_next {right: 0;}

	.flaer.itc-slider__btn_prev {left:  -7px;}
	.flaer.itc-slider__btn_next {right: -7px;}

	.video.itc-slider__btn_prev {left:  -2px;}
	.video.itc-slider__btn_next {right: -2px;}


	.itc-slider__btn::before {
		width: 12px;
		height: 21px;
	}

	.itc-slider__btn_prev::before {
		background: url('/education/lib/flaers/arrow-prev-mob.svg') no-repeat;
		position: absolute;
		left: -30px;
	}

	.itc-slider__btn_next::before {
		background: url('/education/lib/flaers/arrow-next-mob.svg') no-repeat;
		position: absolute;
		right: -30px;
	}

}


@media (min-width: 767px) {
	.itc-slider__item {
		flex: 0 0 50%;
		max-width: 50%;
	}
}


@media (min-width: 1200px) {
	.itc-slider__item {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.items-2 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.items-3 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}



/* End */
/* /education/lib/flaers/itc-slider.css?17699955555354 */