/* ------------------- */
/* ХЛЕБНЫЕ КРОШКИ 2.0  */
/* ------------------- */

/* Эти крошки особенно красиво смотрятся с ШАПКОЙ 2.0 */

/* Хлебные крошки c отступом */

.breadcrumbs-wrap { 
	border: none;
	background-color: #fff; 
	border-radius: 5px; 
	margin-top: 30px;
	padding: 0 10px 0 10px;
}

/* Хлебные крошки по центру */

.breadcrumbs { 
	text-align: center; 
}

/* Убрать лишний отступ у хлебной крошки - МАТЕРИАЛ */

.breadcrumbs-wrap .breadcrumbs .item .icon-file-text-o:before {
    margin-top: 0;
}

/* Новая иконка хлебной крошки - МАТЕРИАЛ */

.icon-file-text-o:before {
	/* иконка - смайл */
	content: "\f118";
	
	/* иконка - файл */
	/* content: "\f0f6"; */
}

/* -------------------------------------------------- */
/* ИНДИКАТОР ПРОХОЖДЕНИЯ УРОКОВ В ХЛЕБНЫХ КРОШКАХ 2.0 */

.breadcrumbs-wrap .course-progress-wrap {
	padding-right: 45px;
}

/* Непройденная часть */

.breadcrumbs-wrap .course-progress-wrap .progress {
	height: 15px;
    margin: 0px 2px -2px 0;
    width: 100%;
	border-radius: 50px;
}

/* Пройденная часть */

.breadcrumbs-wrap .course-progress-wrap .progress-bar {
	height: 15px;
	background-image: linear-gradient(to right, #fffc00 0%, #65BF49 100%);
}

/* НА МОБИЛЬНЫХ */

@media (max-width: 767px) {

.breadcrumbs-wrap {
	display: grid;
    justify-items: center;
}

.breadcrumbs-wrap .course-progress-wrap {
	padding-top: 0px;
	width: 150px!important;
}
	}