

:root {
  --font-family: "Averta CY", sans-serif;
  --second-family: "Muller", sans-serif;
  --third-family: "Roboto", sans-serif;
	--osnovnoy: #343855;
	--science: #00a8c4;
}

.xdget-trainingAchievements {
  display:none
}
/*Прогресс движения курса - начало*/
.progress_box {
  box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.1);
  background: #ffffff;
  margin-top: 45px;
  padding: 25px 55px 55px 40px;
}
.progress_zagolovok,
.zag_kluch {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  color: var(--osnovnoy);
  }

.progress-x-bar {
  font-size: 14px;
  text-align: center;
}
.progress-x-bar .inliner {
  height: 100%;
}
.progress-x-bar .inliner,
.progress-x-bar .inliner + .inlined {
  display: inline-block;
  vertical-align: middle;
}
.progress-x-bar .inlined {
  width: 100%;
}
.progress-x-bar .progress-meter {
    margin: 20px auto 0px;
    padding: 20px 25px 30px 15px;
}
.progress-x-bar .progress-meter {
  counter-reset: point;
}

/*линия прогресса*/
.progress-x-bar .progress-meter .track {
  position: relative;
  height: 18px;
  background: #9DADFF30;
 /* opacity:0.1;*/
  top: 17px;
  z-index: 0;
}

/*линия прогресса заполненная*/
.progress-x-bar .progress-meter .progress {
  -moz-transition: width 1s;
  -o-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 18px;
  background: linear-gradient(to right, #9DADFF, #9DADFF30);
 
}

/*появление кружочков*/
.progress-x-bar .progress-meter .progress-point:before {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_669_2945)'%3E%3Crect width='32' height='32' rx='16' fill='%23EFF1FF' /%3E%3Cpath d='M5.02702 13.977C5.02702 19.5234 9.53909 24.0354 15.0849 24.0354C20.6308 24.0354 25.1429 19.5234 25.1429 13.977C25.1429 10.0511 21.9487 6.85713 18.0227 6.85713C14.0968 6.85713 10.9026 10.0511 10.9026 13.977C10.9026 16.3026 12.7947 18.195 15.1203 18.195C17.446 18.195 19.3381 16.3026 19.3381 13.977H20.7089C20.7089 17.0585 18.2018 19.5658 15.1203 19.5658C12.0389 19.5658 9.53183 17.0585 9.53183 13.977C9.53196 9.29517 13.3409 5.48633 18.0227 5.48633C22.7046 5.48633 26.5137 9.29517 26.5137 13.977C26.5137 20.2792 21.3868 25.4061 15.0849 25.4061C8.78308 25.4061 3.65621 20.2792 3.65621 13.977H5.02702Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_669_2945' x='0' y='0' width='32' height='32' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset /%3E%3CfeGaussianBlur stdDeviation='2.74286' /%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.556863 0 0 0 0 0.627451 0 0 0 0 1 0 0 0 1 0' /%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_669_2945' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items:center;
  width: 32px;
  height: 32px;
  margin: 0 auto -80px;
  border: 0px solid #8ea0ff;
-moz-box-shadow: inset 0 0 5px 0 #8ea0ff;
-webkit-box-shadow: inset 0 0 5px 0 #8ea0ff;
  box-shadow: inset 0 0 5px 0 #8ea0ff;
  text-align: center;
 /* background-color: #e5e8fb;*/
  color: white;
  z-index: 100;
}

/*расположение кружков*/
.progress-x-bar .progress-meter .progress-points {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--osnovnoy);
  position: relative;
  margin: -8px 0 0;
  padding: 0;
  list-style: none;
}

/* наполненный кружок */
.progress-x-bar .progress-meter .progress-point.completed:before {
  border: #8ea0ff;
  background-color: #8ea0ff;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_669_2935)'%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='%238EA0FF' /%3E%3Cg filter='url(%23filter0_f_669_2935)'%3E%3Cellipse cx='19.7023' cy='25.6436' rx='12.8' ry='12.3429' fill='%23BB8CE4' fill-opacity='0.9' /%3E%3C/g%3E%3Cpath d='M5.52897 14.477C5.52897 20.0234 10.041 24.5354 15.5869 24.5354C21.1327 24.5354 25.6448 20.0234 25.6448 14.477C25.6448 10.5511 22.4506 7.35713 18.5247 7.35713C14.5988 7.35713 11.4046 10.5511 11.4046 14.477C11.4046 16.8026 13.2967 18.695 15.6223 18.695C17.9479 18.695 19.84 16.8026 19.84 14.477H21.2108C21.2108 17.5585 18.7038 20.0658 15.6223 20.0658C12.5408 20.0658 10.0338 17.5585 10.0338 14.477C10.0339 9.79517 13.8429 5.98633 18.5247 5.98633C23.2065 5.98633 27.0156 9.79517 27.0156 14.477C27.0156 20.7792 21.8888 25.9061 15.5869 25.9061C9.28503 25.9061 4.15816 20.7792 4.15816 14.477H5.52897Z' fill='white' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_669_2935' x='-5.89766' y='0.500782' width='51.1996' height='50.2855' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='6.4' result='effect1_foregroundBlur_669_2935' /%3E%3C/filter%3E%3CclipPath id='clip0_669_2935'%3E%3Crect x='0.5' y='0.5' width='32' height='32' rx='16' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* следующий кружок за наполненным */
.progress-x-bar .progress-meter .progress-point.active:before {
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  border: 3px solid #8ea0ff;
}

/*башня в конце прогресса*/

.progress-x-bar .progress-meter .progress-point:nth-child(9) {
    margin-top: -20px!important;
    padding: 0;
    list-style: none;
}

.progress-x-bar .progress-meter .progress-point:nth-child(9):before {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  content: "";
  background-image: url("https://fs22.getcourse.ru/fileservice/file/download/a/263831/sc/58/h/25f69931b6d4ece441b0549354e575a4.png");
  display: flex;
  justify-content: center;
  align-items:center;
  width: 32px;
  height: 61px;
  margin: 0 auto -90px;
  border: 0px solid #8ea0ff;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
  box-shadow: none!important;
  text-align: center;
  background-color: none!important;
  z-index: 100;
}

/* установка в линию, названия этапов все*/
.progress-x-bar .progress-meter .progress-point {
  -moz-transition: color 1s;
  -o-transition: color 1s;
  -webkit-transition: color 1s;
  transition: color 1s;
  position: absolute;
  display: block;
  width: 100px;
  margin-left: -50px;
  text-align: center;
  cursor: default;
  color: #535827;
}


/* названия этапов - активные и заполненные*/
.progress-x-bar .progress-meter .progress-point.completed, 
.progress-meter .progress-point.active {
  color: #535827;
  font-family: var(--font-family);
  
}



/* Показать номера этапов */
.progress-x-bar .progress-meter .progress-point:before {
/*counter-increment: point;
  content: counter(point);*/
}

@media (max-width:900px){
  span.progress-label {
    font-size: 16px;
}
}
@media (max-width:600px){
  .progress-x-bar .progress-meter {
    padding: 40px 10px;
}
  .progress-x-bar .progress-meter .progress-point {
/*  transform: rotate(45deg);
  margin-left: -80px;  */
}
  span.progress-label {
    font-size: 12px;
}
 .progress-x-bar .progress-meter .progress-point:before { 
 /* margin-top: -28px;
    margin-left: 71px;*/
  }
}

@media (max-width:500px){
.progress_box {
  margin-top: 45px;
  padding: 25px 40px 55px 40px;
}
}
@media (max-width:450px){
.progress_box {
  margin-top: 45px;
  padding: 25px 20px 25px 20px;
}
 /*появление кружочков*/
.progress-x-bar .progress-meter .progress-point:before {
  width: 28px;
  height: 28px;
}
 /*башня*/
.progress-x-bar .progress-meter .progress-point:nth-child(9):before {
  width: 28px;
  height: 57px;
 }   
}
/*Прогресс движения курса - конец*/
/*_________________________________*/
/*Прогресс сдачи тестов - начало*/
.zag_kluch {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  color: var(--osnovnoy);
}


 .all_stage_progress{
    padding: 25px 0;
    width: 99%;
    /*margin: 0 auto;*/
    z-index: 100;
    position: relative;
}

 .all_stage_progress .html-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 32px;
}

.all_stage_progress img:nth-child(9) {
  height:62px;
  margin-top:-20px;
}

 .all_stage_progress .html-content:before {
    border-top: 2px solid #9DADFF;
    content: "";
    position: absolute;
    top: 50%;
    width: 98%;
    left:5px;
    z-index: -1;
}
 

/* адаптация */
 @media (max-width:998px) {
	 .all_stage_progress {
		width: 99%;
		/*margin: 0 auto;*/
	}

	.all_stage_progress img {
		width: 25px;
	}
   
.all_stage_progress img:nth-child(9) {
  width: 35px;
  height:62px;
  margin-top:-20px;
}
   
	.status_info_badge p {
		font-size: 10px;
	} 
}

@media (max-width:600px) {
  .all_stage_progress {
        width: 101%;
}
  
		.all_stage_progress .html-content:before {
     width: 96%;
    left:5px;
    }
  
}
/*Прогресс сдачи тестов - конец*/
