@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
--color-btn1:#FF6B3B;/*рыжий*/
 	--color-text1:#1F2D72;/*синий*/
 	--color-fon: #fff;
 	--color-btn2: #E1261D;/*красный*/
	--main-fon: #FCFDFF;/*почти белый*/
	--main-text: #344054;/*темно-серо-синий*/
	--main-text-2: #667085;/*серый*/
    --him: #522D8D;
    --mat:#034FBE;
    --fiz:#092A91;
    }

/*блок с именем и приветствием*/
.ntr .user_header_block {
    height: 118px;
    width: 100%;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/13/h/7920fbab80ab744d3edb8e7bdbbcff6a.svg');
	background-repeat: no-repeat;
	background-position:right; 
	background-size:cover;
	border-radius: 12px;
    padding: 24px;
    z-index: 0;
}
.ntr .main_user__foto .users_foto {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 12px;
    width: 95px;
}
.ntr .main_user__info .main_user__text {
    font-weight: 500;
    font-size: 24px;
    font-family: 'Roboto', sans-serif!important;
    line-height: 29px;
  color: #fff;
}
.ntr .main_user__info .main_user__counter {
    font-size: 16px;
  font-family: 'Roboto', sans-serif!important;
    margin-bottom: 0px;
}
.ntr .main_user__info {
    display: flex;
    align-items: center;
}
.ntr .main_user__foto {
    margin-right: 24px;
}


/*баннер твой куратор */
.ntr .my_mentor {
    width: 100%;
}

.ntr_lesson .new-mentor {
  width: 100%;
  height: 118px;
  margin-bottom: 54px;
  padding: 26px 24px;
  margin: 0 auto 30px;
  border-radius: 12px;
}

.ntr_lesson.him .new-mentor {
  background: linear-gradient(131deg, #FD569B 0%, #522D8D 100%);
 }
.ntr_lesson.mat .new-mentor {
  background: linear-gradient(131deg, #04CEC6 0%, #034FBE 100%);
 }
.ntr_lesson.fiz .new-mentor {
 background: linear-gradient(131deg, #349FF7 0%, #092A91 100%);
}
.ntr_lesson.russ .new-mentor {
 background: linear-gradient(131deg, #FFA63B 0%, #FF4F3B 100%);
}


.ntr .new-mentor__content {
  display: flex;
  align-items: center;
  color: #fff;
  justify-content: flex-start;
}
.ntr .new-mentor__avatar {
  display: block;
  flex-shrink: 0;
  width: 62px;
  height: 62px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 24px;
}
.ntr .new-mentor__name {
  font-style: normal;
 font-family: 'Roboto', sans-serif!important;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  margin-right: 68px;
}
.ntr .new-mentor__descr {
  font-style: normal;
   font-family: 'Roboto', sans-serif!important;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin-top: 4px;
}
.ntr .new-mentor__contacts {
  display: flex;
  align-items: center;
  justify-content: center;
 }

.ntr .new-mentor__contacts a {
  display: block;
  width: 52px;
  height: 52px;
  margin-left:50px;
  flex-shrink: 0;
  text-decoration: none;
  
}
.ntr .new-mentor__contacts a:hover, .ntr .new-mentor__contacts a:active, .new-mentor__contacts a:link, 
.ntr .new-mentor__contacts a:visited {
  text-decoration: none;
}

.ntr_lesson .new-mentor__link {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/140/h/ad83421f37c80e714ac0457bfe1c0983.svg) no-repeat center;
 }

/*кнопки телеграм и чата*/

/*.ntr .u-btns .xdget-common-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
   }*/

.ntr .u-btns .u-btn {
    position: relative;
    margin-bottom: 30px;
    padding-top: 55px;
    
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    height: 118px;
    border-radius: 12px;
    transition: all .3s;
}

.ntr .u-btns .u-btn:hover {
    transform: translatey(-10px);
}

.ntr .u-btns .u-btn::before {
    display: block;
    position: absolute;
    top: 15px; 
    left: 50%;
    transform: translatex(-50%);
}

.ntr .u-btns .u-btn.bt1::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/286/h/cfd00926a0385d101c8baee94656eede.png);
}

.ntr .u-btns .u-btn.bt2::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/309/h/fd9b9ab428cf5fe493e1998260fbbc44.png);
}

.ntr button.u-btn {
     font-family: 'Roboto', sans-serif!important;
}


/*текущий урок, выведенный на страницу тренинга скриптом-начало*/
.ntr .zag_last{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	margin-top: 20px;
}
.ntr .him .zag_last{
	color: var(--him);
   }
.ntr .mat .zag_last{
	color: var(--mat);
   }
.ntr .fiz .zag_last{
	color: var(--fiz);
   }
.ntr .russ .zag_last{
	color: var(--mat);
   }

.ntr .my_lesson_last {
  background: #FFFFFF;
  box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.1);
  padding: 16px 16px;
  border-radius: 12px;
}
.ntr .current_lesson {
  font-size:0px;
  display: flex;  
}
.ntr .current_lesson_name {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	border-radius: 8px;
	color: #FFFFFF;
	padding: 8px 20px 9px 20px;
}

/*химия*/
.ntr .him .current_lesson_name {
 background: var(--him);
}
/*математика и русский*/
.ntr .mat .current_lesson_name,
.ntr .russ .current_lesson_name{
 background: var(--mat);
}
/*физика*/
.ntr .fiz .current_lesson_name {
 background: var(--fiz);
}

.ntr .current_lesson_modul {
  font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #000000;
  margin-left: 15px;
}

/*текущий урок, выведенный на страницу тренинга скриптом-конец*/



/*контейнер прогресс-бара*/
.ntr .xdget-common-container {
    z-index: 35;
}

.ntr .i-block {
    margin: 0 0 20px;
    padding: 10px 30px 30px;
    background: #fff;
    border-radius: 10px;
    }
/*химия*/
.ntr .him .i-block {
    border: 1px solid var(--him);
}
/*математика и русский*/
.ntr .mat .i-block,
.ntr .russ .i-block {
    border: 1px solid var(--mat);
}
/*физика*/
.ntr .fiz .i-block {
    border: 1px solid var(--fiz);
}


/*Выполнено заданий*/
.ntr .ach-header {
    min-height: 60px;
}

.ntr .achh-title {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    float: left;
    }
/*сколько из скольки*/
.ntr .achh-count {
    position: relative;
    top: 5px;
    float: right;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
    }

/*сколько*/
.ntr .achh-count .st1 {
    font-weight: 500;
    font-size: 32px;
}
/*полоса шкалы*/
.ntr .ach-progressbar {
    position: relative;
    top: 0px;
    width: 100%;
    height: 16px;
    border: 1px solid #FF6B3B;
    border-radius: 12px;
}
/*заполнение полосы шкалы*/
.ntr .ach-progressbar .ach-line {
    position: relative;
    top: 1px;
    left: 1px;
    height: 12px;
    min-width: 10px;
    border-radius: 12px;
}
/*химия*/
.ntr .him .ach-progressbar .ach-line {
    background: var(--him);
    }
/*математика и русский*/
.ntr .mat .ach-progressbar .ach-line,
.ntr .russ .ach-progressbar .ach-line{
    background: var(--mat);
    }
/*физика*/
.ntr .fiz .ach-progressbar .ach-line {
    background: var(--fiz);
    }

/*% полосы шкалы*/
.ntr .ach-perc {
    position: absolute;
    top: 5px;
    right: -5px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    }
/*химия*/
.ntr .him .achh-title,
.ntr .him .achh-count,
.ntr .him .ach-perc{
    color: var(--him);
}
/*математика*/
.ntr .mat .achh-title,
.ntr .mat .achh-count,
.ntr .mat .ach-perc{
    color: var(--mat);
}
/*физика*/
.ntr .fiz .achh-title,
.ntr .fiz .achh-count,
.ntr .fiz .ach-perc{
    color: var(--fiz);
}
/*русский*/
.ntr .russ .achh-title,
.ntr .russ .achh-count,
.ntr .russ .ach-perc{
    color: var(--mat);
}

.ntr .ach-perc::before {
    content: "";
    position: absolute;
    top: -2px;
    right: 7px;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 40px;
}

/*интенсивчик*/

.ntr .progress_info {
   position: relative;
   margin-top: -350px;
}
.ntr .all_stage_progress,
.ntr .status_info_badge{
    padding: 25px 0;
    width: 60%;
    margin: 0 auto;
  
}

.ntr .all_stage_progress .html-content,
.ntr .status_info_badge .html-content{
    display: flex;
    justify-content: end;
    position: relative;
}


.ntr .status_info_badge .html-content {
     color: var(--color-btn2);
     font-size:18px;
     margin-top: -35px;
 }
.ntr .status_info_badge .html-content p {
    background: #fff;
    border-radius: 8px;
    padding: 3px 15px;
}

.ntr .badge_summa {
  font-size:22px;
}

/*.all_stage_progress .html-content:before {
    border-top: 2px dashed #D9D9D9;
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1;
}*/


.all_stage_progress img.stages_active { 
-webkit-animation-name: rotate;
   -moz-animation-name: rotate;
        animation-name: rotate;
-webkit-animation-duration: 5s;
   -moz-animation-duration: 5s;
        animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
   -moz-animation-timing-function: linear;
        animation-timing-function: linear;
}

/* Сама анимация */
@keyframes rotate {
  0% {transform:rotate(0deg);}
  25% {transform:rotate(10deg);}
  50% {transform:rotate(0);}
  75% {transform:rotate(-20deg);}
}

@-webkit-keyframes rotate {
  0% {-webkit-transform:rotate(0deg);}
  25% {-webkit-transform:rotate(10deg);}
  50% {-webkit-transform:rotate(0);}
  75% {-webkit-transform:rotate(-20deg);}
}

@-moz-keyframes rotate {
  0% {-moz-transform:rotate(0deg);}
  25% {-moz-transform:rotate(10deg);}
  50% {-moz-transform:rotate(0deg);}
  75% {-moz-transform:rotate(-20deg);}
}




  



/* адаптация */
@media (max-width:998px) {
.all_stage_progress {
		padding: 25px;
		width: 100%;
		margin: 0 auto;
	}

}

@media (max-width:1380px){
.ntr .my_info .xdget-common-container{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ntr .kol_u-btns .xdget-common-container {
  flex-direction: row;
        width: 100%;
} 
.ntr .main_user__foto .users_foto {
    width: 70px;
}     
}

/*выравнивание блоков*/
@media (max-width: 1380px) {
.ntr_lesson {
    margin-right: 20px;
}
.ntr .my_info .xdget-common-container {
padding-left:0!important;
  padding-right:0!important;
    margin-inline: auto;
}
.u-btns>.xdget-common-container,
.my_info_info>.xdget-common-container {
    display:grid!important;
    grid-template-columns: repeat(2,1fr);
    column-gap:20px;
  }
.u-btns>.xdget-common-container::before,
.u-btns>.xdget-common-container::after,
.my_info_info>.xdget-common-container::before,
.my_info_info>.xdget-common-container::after {
    display:none;
  }
  }

@media(max-width:1285px) {
.ntr .main_user__info .main_user__text {
    font-size: 20px!important;
    line-height: 20px!important;
}
.ntr .new-mentor__name {
   font-size: 22px!important;
  }
}


@media(max-width:1200px){
.ntr .new-mentor__name {
   margin-right: 0px!important;
  }
}

@media(max-width:1160px){
.ntr .main_user__info .main_user__text,    
.ntr .new-mentor__name {
   font-size: 20px!important;
   line-height: 20px!important;
  }  
}

@media(max-width:1137px){
.ntr .main_user__info .main_user__text,    
.ntr .new-mentor__name {
   font-size: 18px!important;
}  
/*.ntr .kol_my_info_info.xdget-common-container {
    width:90%;
}
.ntr .kol_u-btns.xdget-common-container {
    width:90%;
} */
.ntr_lesson .new-mentor {
        
}
.ntr .main_user__foto .users_foto {
    width: 73px;
}    
}
@media(max-width:1100px){
.ntr_lesson .new-mentor {
       
}
}
@media(max-width:1050px){
.ntr .progress_info {
  margin-top: -340px;
}
}
@media (max-width:991px){
.ntr .progress_info {
  margin-top: -305px;
}
.my_info {
   margin-top: 30px!important;
}     
.my_lesson_last {
    margin-bottom:20px;
}
.ntr .main_user__foto .users_foto {
    width: 75px;
}     
}

@media (max-width:900px){
   
.ntr .progress_info {
  margin-top: -275px;
}
.ntr .all_stage_progress,
.ntr .status_info_badge {
    width: 70%;
} 
}
@media (max-width:880px){
.ntr .new-mentor__contacts a {
     margin-left: 20px;
    }
.ntr .main_user__foto .users_foto {
    width: 90px;
}      
}
@media (max-width:830px){
   
.ntr .progress_info {
  margin-top: -220px;
}
.ntr .all_stage_progress,
.ntr .status_info_badge {
    width: 80%;
} 
}
@media (max-width:768px){
.ntr_lesson {   
	margin-right: 10px;
    margin-left: 10px;
} 
}

@media (max-width:680px){
.ntr .main_user__foto .users_foto {
    width: 110px;
}      
}
   
@media (max-width:600px){
 .ntr .progress_info {
  margin-top: -180px;
}   
.ntr .main_user__foto .users_foto {
    width: 140px;
}      
}
@media (max-width:550px){
.ntr .main_user__foto .users_foto {
    width: 65px;
}
.u-btns>.xdget-common-container, 
.my_info_info>.xdget-common-container {
    display: flex!important;
}
.new-mentor {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}    
}

@media(max-width:469px) {
.ntr .information-block-user {
    margin-bottom: 70px;
    }
.ntr .main_user__info .main_user__text {
    font-size: 18px;
    }    
.ntr .main_user__info .main_user__counter {
    font-size: 14px;
    }
.ntr .user_header_block {
  padding: 15px;
  margin-top: -40px;
    }
img.stages_active {
    width: 100px!important;
    height: 100px!important;
}
.ntr .progress_info {
    margin-top: -160px;
}

.ntr .status_info_badge {
    width: 90%;
}     
}

@media (max-width:430px){
.ntr .progress_info {
    margin-top: -140px;
}
.ntr .all_stage_progress,
.ntr .status_info_badge {
    width: 90%;
}      
}
@media (max-width:410px){
  .ntr .status_info_badge {
    width: 100%;
}    
  .u-btns .u-btn.bt2 {
     margin: 0;
  }
  .u-btns .u-btn {
      width: 100%;
}
}

@media (max-width:380px){
.ntr .progress_info {
    margin-top: -120px;
}
.ntr .badge_summa {
    font-size: 20px;
} 
.u-btns>.xdget-common-container, 
.my_info_info>.xdget-common-container {
    column-gap: 10px;
}    
}
@media (max-width:361px){
.ntr .status_info_badge .html-content {
    font-size: 16px;
   }
.ntr .badge_summa {
    font-size: 18px;
}    
}