@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/0a060e63c19dda9964d315b18ab5a94e.otf/a/563254/sc/186)
		format('opentype');
    font-weight: 300;
}

@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/70178a5d0b82c479dcd12da1bf008de8.otf/a/125294/sc/233)
		format('opentype');
    font-weight: 400;
}

@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/082cebecd882f4f78f57c095464208a5.otf/a/558326/sc/162) format('opentype');
   font-weight: 600;
} 

@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/7e72a55215abfdf7cd97cd60fdb99a2c.ttf/a/563254/sc/394) format('truetype');
   font-weight: 700;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url(/fileservice/file/download/h/b6bb3326a8e97afc0c50d55d37f51093.otf/a/125294/sc/190)
		format('opentype');
}

@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/9ea7d20f525a852251189800f0a2a6cc.otf/a/563254/sc/86)
		format('opentype');
    font-weight: 800;
}

@font-face {
	font-family: 'Montserrat';
	src: url(/fileservice/file/download/h/77997a3e65e3dcdb6eced52a2fe3e9fa.otf/a/558326/sc/452)
		format('opentype');
    font-weight: 900;
}

:root {
  --font-family: 'Montserrat';
  --text-color: #292929;
  --temno-zelenyy: #213430;
  --listva: #5cb15a;
}



body.psy_main {
 background: #F2F5F7;   
}

.psy_main .logo-link {
    display: none;
}

.psy_main .container {
    max-width: 1900px !important;
    width: auto;
}

.psy_main .xdget-row {
 margin: 0 !important; 
}

.psy-col1 {
  max-width: 865px;  
}

.psy_main .stream-table  {
  margin: 0;
}

.psy_main .stream-table tr {
    border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;
    min-height: 154px;
background: var(--linear, linear-gradient(180deg, #D7EAE0 0%, rgba(102, 159, 142, 0.67) 100%));
    padding-left: 132px;
    background-size: cover;
    position: relative;
    transition: 0.3s;
}

.psy_main .stream-table tr:hover {
    transform: translateY(-2px);
}

.psy_main .stream-table tr td {
  height: 100% !important;
    min-height: 154px;
    display: block;
    padding: 0;
    position: relative;
}

.psy_main .stream-table tr td:hover {
    background: transparent;
}

.psy_main .stream-table tr td a {
  height: 100%;
    min-height: 154px;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    flex-direction: column;
    padding: 60px 200px 20px 0;
}

.psy_main .stream-table tr td a:before {
  content: "Перейти";
    position: absolute;
    top: 67px;
    right: 47px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-top: 14px;
    width: 156px;
    height: 48px;
    border-radius: 6px;
    background: #5CB15A;
}

/*Программа*/
.psy_main .stream-table tr td a.program:after {
  content: "Программа";
  position: absolute;
  top: 17px;
  left: 0;
  width: 110px;
  height: 28px;
  border: 1px solid #515361;
  border-radius: 10px;
  text-align: center;
  padding: 3px 0 0 0;
  color: #515361;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
}

/*Курс*/
.psy_main .stream-table tr td a.curse:after {
  content: "Курс";
    position: absolute;
  top: 17px;
  left: 0;
  width: 75px;
  height: 28px;
  border: 1px solid #515361;
  border-radius: 10px;
  text-align: center;
  padding: 3px 0 0 0;
    color: #515361;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
}

/*Переподготовка*/
.psy_main .stream-table tr td a.perepodgotovka:after {
  content: "Переподготовка";
    position: absolute;
  top: 17px;
  left: 0;
  width: 143px;
  height: 28px;
  border: 1px solid #515361;
  border-radius: 10px;
  text-align: center;
  padding: 3px 0 0 0;
    color: #515361;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
}

/*Стажировка*/
.psy_main .stream-table tr td a.stag:after {
  content: "Стажировка";
    position: absolute;
  top: 17px;
  left: 0;
  width: 115px;
  height: 28px;
  border: 1px solid #515361;
  border-radius: 10px;
  text-align: center;
  padding: 3px 0 0 0;
    color: #515361;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
}

.psy_main .stream-table tr:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 20px;
  width: 100px;
  height: 134px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/265/h/a1fa74964b48f49fcbceb8b863738e91.svg)no-repeat;
}

.psy_main .stream-table .stream-title {
  color: #292929;
  font-family: var(--font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
}

.psy_main .stream-table tr td a b {
  color: #515361;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.psy_main .stream-table tr td a div {
  color: transparent;
}

.instruction-box {
  	border: 3px solid #213430;
  	border-radius: 14px;
  	padding: 17px 47px 21px 21px;
  	position: relative;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/150/h/2b3c2ba9463789930cae72cd06e5a289.png)no-repeat;
  	transition: 0.3s;
}

.instruction-box:hover {
  transform: translateY(-2px);
}

.instruction-box:before {
    content: "Перейти";
    position: absolute;
    top: 67px;
    right: 47px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-top: 14px;
    width: 156px;
    height: 48px;
    border-radius: 6px;
    background: #5CB15A;
}

.instruction-box h4 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: #34495e;
}

.instruction-box  .pse .html-content {
  display: flex;
  gap: 10px;
  align-items: center;
}

.instruction-box  .pse p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #2bbeb1;
  border: 1px solid #2bbeb1;
  border-radius: 10px;
  margin: 0;
  padding: 3px 8px;
}

h2.psy-title {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  color: #292929;
}

/*Правая колонка*/
.col-gc-3{
  max-width: 370px;
  width: 30%;
}

.u-right {
  border-radius: 10px;
  background: linear-gradient(215deg, #FFF 20.79%, #CEE8E2 109.76%);
  padding: 25px 22px;
  color: #292929;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  display: flex;
  flex-direction: column;
  
}

.u-right .xdget-html span  {
  font-weight: 600;
}

.u-right  .xdget-button {
  border-radius: 3px;
  background:  #5CB15A; 
  border: none;
  color: var(--White, #FFF);
  text-align: center;
  font-family: var(--font-family);
  font-size: 12px;
  line-height: 100%;
  font-weight: 500;
  padding: 0 32px 0 13px;
  align-self: flex-end;
  margin-top: 10px;
  background-position: center right 12px;
  height: 30px;
}

.u-right p {
  margin: 0;
}

.u-right .text-bible {
  font-weight: 700;
}

.u-right  img {
  margin-bottom: 15px;
}

.psi-support {
  border-radius: 15px;
border: 1px solid #5CB15A;
background: #213430;
box-shadow: 0px 4px 10px 0px rgba(148, 148, 148, 0.60);
  border: none;
  color: #fff;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  width: 100%;
  min-height: 60px;
    transition: 0.3s;
}

.psi-support:hover {
 transform: translateY(-2px);   
}


/*social*/
 .social-block_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 19px 17px 27px 24px;
}

 .social__title {
  color: #292929;
  text-align: center;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 15px;
  position: relative;
}

 .social__images  {
    display: flex;
    justify-content: center;
    gap: 16px;
    transition: 0.3s;
}

 .xdget-image.with-link {
    transition: 0.3s;
}

 .social__images .xdget-image:hover {
    transform: translateY(-4px);
    transition: 0.3s;
}
/*END social*/

.commerce-banner {
  	border-radius: 10px;
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/183/h/163c6de51b64210fb2cc757a0f3f384d.png)no-repeat;
  	background-size: cover;
  	min-height: 300px;
  	padding: 39px 30px 26px 30px;
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
    transition: 0.3s;
}

.commerce-banner h3 {
  color: #292929;
  font-family: var(--font-family);
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

.commerce-banner .html-content p {
  color: #292929;
  font-family: var(--font-family);
  font-size: 18px;
  font-weight: 500;
}

.commerce-banner .xdget-button {
  border: none;
  width: 100%;
  border-radius: 6px;
 background:  #5CB15A;
  height: 48px;
  color:  #FFF;
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin-top: 40px;
}

.commerce-banner .xdget-button:hover {
  border: 1px solid #5CB15A;
  background: transparent;
  color: #292929;
}

@media(max-width: 1361px) {
  .psy-col1 {
    max-width: 800px !important;
}
  
  .psy_main .col-gc-3 {
    width: 35% !important;
  }
  
  .psy_main .stream-table .stream-title {
    max-width: 420px !important;
    font-size: 26px !important;
  }
  
  .psy_main .stream-table tr td a:before {
    right: 20px !important;
  }
  
  .psy_main .container {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media(max-width: 1241px) {
    .psy-col1 {
    max-width: 710px !important;
}
  
}

@media(max-width: 1138px) {
  .psy-col1 {
    max-width: 640px !important;
}
  
  .psy_main .col-gc-3  {
    padding-left: 0 !important;
  }
 
  
  .u-right {
    font-size: 22px !important;
  }
}


@media(max-width: 1080px) {
  .psy_main .stream-table tr td a {
    padding: 60px 20px 90px 0 !important;
  }
  
  .psy_main .stream-table tr td a:before {
    top: 65% !important;
    left: 0 !important;
  }
  
  .psy_main .stream-table tr {
    padding: 0 20px 0 25px !important;
  }
  
  .psy_main .stream-table tr:after {
    width: 0 !important;
    height: 0 !important;
  }
  
  .psy_main .stream-table .stream-title {
    font-size: 22px !important;
  }
  
  .psy_main .stream-table tr td a b {
    font-size: 12px !important;
  }
  
}

@media(max-width: 1041px)  {
  .btn-col {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  
  .psy_main .col-gc-3 {
    padding-left: 15px !important;
    width: 100% !important;
    max-width: 390px !important;
}
  
  .instruction-box:before {
    top: 71% !important;
    left: 20px !important
  }
  
  .instruction-box {
    padding: 17px 47px 80px 21px !important;
}
}

@media(max-width: 480px) {
  h2.psy-title {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
  
  .commerce-banner h3 {
    margin-bottom: 26px !important;
  }
    
    
    .psy_main .container {
      padding: 0 !important;  
    }
    
    .instruction-box h4 {
     font-size: 22px !important;   
    }
    
    .commerce-banner h3 {
      font-size: 26px !important;  
    }
    
   .psy_main .page-header {
     margin: 0 !important;   
    }
    
   .psy_main .instruction-box img {
        max-width: 60% !important;
    }
}

/* ------------- 
content start - Урок
------------- */

body.psy_lesson {
  background: #F2F5F7;
}

.psy_lesson .page-header h1 a {
    color: #292929;
    font-family: var(--font-family);
    font-size: 32px;
    font-weight: 800;
}

.psy_lesson .breadcrumb li a {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	color: #292929;
}

/*Шапка урока*/
@media (min-width: 772px) {
  
.psy_lesson .row.lesson-navigation tr td .hidden-xs {
    font-family: var(--font-family);
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #292929;
}
  .psy_lesson .lesson-navigation td:nth-child(3) .hidden-xs  {
    text-align: right;
  }
  
    .psy_lesson .lesson-navigation td:nth-child(1) .hidden-xs  {
    text-align: left;
  }
  
 .psy_lesson .lesson-navigation td:nth-child(3) {
    padding-right: 60px !important;
  }
  
   .psy_lesson .lesson-navigation td:nth-child(1) {
    padding-left: 60px !important;
  }
  
  
  .psy_lesson .lesson-navigation td:nth-child(1) ,
  .psy_lesson .lesson-navigation td:nth-child(3) {
    width: 34% !important;
  }
  
  .psy_lesson .lesson-navigation td:nth-child(2)  {
    width: 32% !important;
  }
  
 .psy_lesson .lesson-navigation td:nth-child(1) a:before {
        content: "";
    position: absolute;
    top: 2px;
    left: -40px;
    width: 35px;
    height: 26px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/124/h/c149d95d17dd01f77847d36763c75fc8.svg)no-repeat;
    background-size: contain;
  }
  
  .psy_lesson .lesson-navigation td:nth-child(3) a:before {
    content: "";
    position: absolute;
    top: 2px;
    right: -40px;
    width: 35px;
    height: 26px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/128/h/6b1c074186333029c9f0b6cbb3d27ab2.svg)no-repeat;
    background-size: contain;
  }
  
 .psy_lesson .row.lesson-navigation tr {
    display: flex;
    align-items: center;
}
}

 .psy_lesson .lesson-header-block.row-section {
    border-radius: 10px;
    background:  url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/217/h/f2d561eaf477795793bfc8684b9bc20d.png)no-repeat !important;
    background-size: cover !important;
    background-position: center;
   border: none !important;

}

 .psy_lesson .lesson-header-block.row-section .lesson-title-value {
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 28px;
    line-height: 157%;
    text-align: center;
    color: #292929;
    margin-top: 10px;
}

.psy_lesson .lesson-header-block.row-section .row.lesson-navigation {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

.psy_lesson .lesson-header-block.row-section .row.lesson-navigation td,
.psy_lesson  .lesson-header-block.row-section .user-state-label {
  color: #292929;
  text-align: center;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 400;
}


.psy_lesson .lesson-header-block.row-section .row.lesson-navigation .user-state-has_mission > div {
  font-size: 16px !important;
}

.psy_lesson .lesson-navigation td a {
    text-decoration: none;
    position: relative;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 167%;
    color: #515361;
    display: block;
}

.psy_lesson .lesson-navigation td:nth-child(3) a {
   text-align: right;
}

.psy_lesson .lesson-navigation td:nth-child(1) a {
   text-align: left;
}

.psy_lesson .lesson-description-value {
    color: #292929;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
}
/*Конец шапка урока*/

.fin_lesson .lt-lesson .videoWrapper iframe {
  border-radius: 9px;
}

.lt-lesson-text  p,
.lt-lesson-text  span  {
  font-family: 'Montserrat'!important;
  font-size: 16px;
  line-height: 130% !important;
}

/********* Урок аудио **********/
.psy_lesson .lt-lesson.lt-lesson-audio .container {
    padding: 0;
}

/*Плашка аудио*/
.psy_lesson .jp-audio, .jp-audio-stream, .jp-video {
    background-color: #213430;;
    border-radius: 10px;
    padding: 10px;
    max-width: 870px;
    margin: 10px 0;
}

 .psy_lesson .jp-video .jp-controls-holder {
   max-width: 440px;
   width: auto;
}

/*Полоска прогресса*/
 .psy_lesson div.jp-video .jp-progress {
    border-top: none;
    border-bottom: none;
    width: 100%;
    height: 12px;
    background-image: none;
    background: #fff;
    border-radius: 10px;
    padding: 0;
}

 .psy_lesson .jp-seek-bar {
   border-radius: 20px;
   background: #fff;
}

.psy_lesson .jp-play-bar {
   border-radius: 20px;
   background: #ff5213;
}

.jp-interface {
    position: relative;
    width: 100%;
    background-color: transparent;
}


.psy_lesson div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    background: transparent;
    border-top: 1px none;
    border-bottom: none;
}

/*Название*/
 div.jp-type-playlist div.jp-playlist li.jp-playlist-current a {
    color: #e0f1e8;
}

/*Минуты*/
.jp-current-time, .jp-duration {
  color: #fff;
}

/*Кнопки управления*/
 .psy_lesson .jp-controls {
  background: transparent;
   height: 27px;
   padding: 0;
}

 .psy_lesson .jp-type-playlist .jp-controls button {
   height: 27px; 
   width: 45px;
   border-radius: 6px;
   margin: 0 4px 0 0;
}

.psy_lesson .jp-controls .jp-play {
  background: #ff5213 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/195/h/8c712562a2f72f365f36dde45ca43a7c.svg)no-repeat;
  background-size: 33%;
  background-position: center;

}

 .jp-type-playlist .jp-play:focus {
  background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/114/h/235f53a6386377e7de905e7e016d53df.svg)no-repeat;
  background-size: 33%;
  background-position: center;
   border: 1px solid #fff;
}

 .jp-state-playing div.jp-type-playlist .jp-play,
 .jp-state-playing div.jp-type-playlist .jp-play:focus {
    background: #ff5213   url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/197/h/fd724762a50f52dc0de93955bee7114d.svg)no-repeat;
    background-size: contain;
}

 .jp-type-playlist .jp-stop {
      background: #ff5213 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/137/h/878608e1db56f2868d8f6df1d7958b90.svg)no-repeat;
  background-size: 33%;
  background-position: center left 13px;
}

 .jp-type-playlist .jp-stop:focus {
      background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/245/h/c0dd3b8e2690ee475165e96235abe0ef.svg)no-repeat;
  background-size: 33%;
  background-position: center left 13px;
   border: 1px solid #fff;
}

 .jp-type-playlist .jp-next {
        background: #ff5213 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/236/h/1a3b1dc95edb2bc6172cf695354b807c.svg)no-repeat;
   background-size: contain;
}

 .jp-type-playlist .jp-next:focus {
        background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/236/h/1a3b1dc95edb2bc6172cf695354b807c.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
   border: 1px solid #fff;
}

 .jp-type-playlist .jp-previous {
        background: #ff5213  url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/54/h/ba33a5ad7536f471e5456b0830699d45.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

 .jp-type-playlist .jp-previous:focus {
   background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/54/h/ba33a5ad7536f471e5456b0830699d45.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
   border: 1px solid #fff;
}

 .jp-volume-controls button {
  width: 20px;
  height: 15px;
}

.jp-volume-controls .jp-mute {
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/53/h/78d2efd935046f444b52d081057061ef.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}
.jp-state-muted .jp-volume-controls .jp-mute,
.jp-state-muted .jp-volume-controls .jp-mute:focus,
.jp-volume-controls .jp-mute:focus  {
     background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/429/h/58c5808a950307a33408d45b584459d6.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}


 .jp-volume-controls .jp-volume-max {
       background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/97/h/e3b50ba662a75ef04770022cc3978e76.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.jp-volume-controls .jp-volume-max:focus {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/97/h/e3b50ba662a75ef04770022cc3978e76.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.lt-lesson.lt-lesson-audio .jp-volume-bar {
 background: #fff;
  border-right: none;
  padding: 0px 2px 0 0;
}

 .jp-volume-bar-value {
  background: #ff5213;
}

 .lt-lesson.lt-lesson-audio .jp-repeat {
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/169/h/aa01fcb3080d6b2e4d970b823bd12571.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

 .lt-lesson.lt-lesson-audio .jp-repeat:focus {
   background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/226/h/f3f041257fecb4c03c0971acdc72e243.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

 .lt-lesson.lt-lesson-audio .jp-shuffle {
     background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/354/h/8bad6d292429ee8bd6a0f0fd4e789cc7.svg)no-repeat;
   background-size: contain;
}

 .lt-lesson.lt-lesson-audio .jp-shuffle:focus  {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/446/h/13a9b93bc084c623083a3d6510814043.svg)no-repeat;
   background-size: contain;
 
}

 .lt-lesson.lt-lesson-audio .jp-full-screen {
       background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/99/h/e3ac207e2b1a6e664f9238963f04852a.svg)no-repeat;
   background-size: 60%;

}

.lt-lesson.lt-lesson-audio .jp-full-screen:focus {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/272/h/1c36f3d1a501531ae08ba8ee4deed903.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

 .jp-playback-rate {
  color: #fff !important;
   font-size: 12px !important;
}
/*Конец Урок аудио*/

.psy_lesson .lt-lesson-video iframe {
  border-radius: 9px;
}

/*Контент урока*/
.psy_lesson .lt-lesson.lt-lesson-header .header.f-header.f-lesson-header-1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 71%;
  color: #292929;
}

.psy_lesson .lt-lesson.lt-lesson-text .f-text {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 125%;
	color: #292929;
}
/*END Контент урока*/

.psy_lesson .lt-lesson.lt-lesson-mission-block {
  margin-top: 70px;
}

.psy_lesson .lt-lesson.lt-lesson-mission-block h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 20px;
  line-height: 120%;
  color: #292929;
  position: relative;
  margin: 0 0 12px 27px;  
}

.psy_lesson .lt-lesson-mission-block h3:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -27px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff5213;
}

.psy_lesson .user-profile-image  {
  border-radius: 100%;
  border: 2px solid #F0F0F0;
}

/*Блок задания до отправки*/
.psy_lesson  .lesson-mission-text {
 border-bottom: none; 
}

.psy_lesson .lesson-mission-wrapper .answer-form{
    border-radius: 10px;
    background:  #e0f1e8;
   color: #292929;
}

.psy_lesson .lesson-mission-wrapper {
  border: 1px solid #a3c9b4;
  border-radius: 10px;
}

.psy_lesson .lesson-mission-wrapper .lesson-mission-text p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 156%;
  color: #292929;  
}

.psy_lesson .lesson-mission-wrapper .addfield.addfield-type-checkbox {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: #292929;  
}

.psy_lesson  .lesson-mission-wrapper .self-answers .user-answer {
    border-top: none;
}

.psy_lesson  .emoji-textarea {
  border: 1px solid #b7dab9;
  border-radius: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 183%;
  color: #999;
}

.psy_lesson .lt-lesson-mission-block .text-muted.small {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  color: #292929;
}

.psy_lesson .uploadifive-queue-item.complete {
  background: transparent;
  border: 1px solid #fff;
}
/*END Блок задания до отправки*/

/*Кнопки*/
.psy_lesson .btn-link.btn-save-draft {
 color: #292929;
 font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #5cb15a;
  border-radius: 10px;
  padding: 10px 20px;
}

.psy_lesson .btn.btn-link.btn-save-draft:hover {
  text-decoration: none;
}

.psy_lesson .btn.btn-primary.btn-lg {
  	align-self: center;
  	border: none;
  	color: #FFF;
  	font-family: var(--font-family);
  	font-size: 14px;
  	font-weight: 400;
  	border-radius: 10px;
  	background:  #5cb15a;
  	padding: 12px 25px;
    border: 1px solid #5cb15a;
}

.psy_lesson .btn.btn-primary.btn-lg:hover {
  background: transparent;
  border: 1px solid  #5cb15a;
    color: #292929;
}

.psy_lesson .lt-lesson-mission-block .uploadifive-button {
  border: 1px solid #5cb15a;
  border-radius: 10px;
  width: 172px;
  height: 30px;
  background: transparent;
  margin: 7px 0 7px 0;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 13px;
  color: #292929;
}

 .lesson-mission-wrapper .uploadifive-button:hover {
   cursor: pointer;
}
/*END Кнопки*/

/*Статусы ответов*/
.psy_lesson .user-answer .answer-status .answer-status-label {
  border-radius: 5px;
  color: #fff;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  background: #515361;
}

.psy_lesson .user-answer.status-declined .answer-status .answer-status-label {
    background: #ff5213;
    color: #fff;
}

.psy_lesson .user-answer.status-accepted .answer-status .answer-status-label {
    background: #b7dab9;
    color:  #213430;
}
/*END Статусы ответов*/

.psy_lesson .answer-date .text-muted.pl-3 {
  display: none;
}


.psy_lesson .comment-form-wrapper .new-comment.active .btn-send {
  border-radius: 5px;
  background: #5cb15a;
  color: #FFF;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  height: 34px;
}

.psy_lesson .comment-form-wrapper .fa.fa-send {
   font-size: 10px;
   margin-right: 5px;
}

.psy_lesson .comment-form-wrapper .new-comment-textarea {
  border-radius: 6px;
  border: 1px solid #A3C9B4;

}

.psy_lesson .user-answer .addfield {
	background: transparent;
}

.psy_lesson .user-profile-link.worker span,
.psy_lesson .answer-date a {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	text-align: center;
	color: #7f7f7f;
}

#uploadifive-comment-upload-button0 {
  border: none;
}

/*Комментарий к ответу*/
.lesson-answer-comment {
  background: #e0f1e8;
  border-radius: 10px;
}


 .psy_lesson .lt-lesson.lt-lesson-comment-block h3 {
  color: #292929;
  font-family: var(--font-family);
   font-weight: 700;
  font-size: 22px;
}
 

/*Блок комментарии*/
 .psy_lesson .lt-lesson.lt-lesson-comment-block .simple-answer.user-answer {
  border-radius: 10px;
  background:  #e0f1e8;
}

 .psy_lesson  .lt-lesson.lt-lesson-comment-block .btn.btn-primary.btn-send {
    border-radius: 5px;
    background: #5cb15a;
    color: #FFF;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    height: 34px;
    border: none;
}

.psy_lesson .why-no-form {
    border-top: none !important;
    color: #292929;
    font-family: var(--font-family);
    font-size: 16px;
}

.psy_lesson .comment-form-wrapper .new-comment-textarea {
  border-radius: 6px;
  border: 1px solid #A3C9B4;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 183%;
  color: #999;
  min-height: 40px !important;
  padding: 7px 5px 5px 5px;
  background: #F2F5F7;
}

.psy_lesson .lt-lesson-comment-block .lesson-answers-title h3,
.psy_lesson .lt-lesson-comment-block .lesson-answers-title h3 a {
  	font-family: var(--font-family);
  	font-weight: 800;
  	font-size: 22px;
  	color: #213430;
  	text-decoration: none;
    position: relative;
}

.psy_lesson .lt-lesson-comment-block .lesson-answers-title h3 {
  margin-left: 30px;
}

.psy_lesson .lt-lesson-comment-block .lesson-answers-title h3:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -27px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff5213;
}

.psy_lesson .lt-lesson-comment-block .user-profile-link {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	color: #7f7f7f;
}

@media(max-width: 772px) {
  .psy_lesson .lesson-header-block.row-section .lesson-title-value {
    font-size: 20px !important;
    line-height: 120% !important; 
    }
    
    .psy_lesson .page-header h1 a {
        font-size: 22px !important;
    }
    
    .psy_lesson .lt-lesson.lt-lesson-header .header.f-header.f-lesson-header-1 {
        font-size: 20px !important;
    }
    
    .psy_lesson .breadcrumb {
    	margin-top: 75px !important;
    }
}

@media(max-width: 500px) {
    .psy_lesson .btn-link.btn-save-draft {
     	margin: 10px 0 0 0 !important;
     	width: 100% !important;
    }
    
    .psy_lesson .btn.btn-primary.btn-lg {
       width: 100% !important; 
    }
    
    .psy_lesson .lt-block-wrapper > .container {
  		padding: 0 !important;
  		margin: 0 !important;
}
}
/* ------------- 
content finish - Урок
------------- */

/* ------------- 
content start - Меню
------------- */

@font-face {
	font-family: 'Montserrat-Regular';
	src: url(/fileservice/file/download/h/70178a5d0b82c479dcd12da1bf008de8.otf/a/125294/sc/233)
		format('opentype');
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url(/fileservice/file/download/h/082cebecd882f4f78f57c095464208a5.otf/a/558326/sc/162) format('opentype');
} 

@font-face {
	font-family: 'Montserrat-Bold';
	src: url(/fileservice/file/download/h/b6bb3326a8e97afc0c50d55d37f51093.otf/a/125294/sc/190)
		format('opentype');
}

:root {

    --bg: #213430;
    --cma: #7C51A1;
    --csb: #F2F4F4;
    
    --iNotice: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/342/h/a19ec247f7e2e18df1b04eff8464a4dc.svg");   
    --iSite: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/286/h/1f63da19dadf4cdbb4388194e11f831c.svg");
    --iStudy: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/503/h/d25203d8a530859bb127072e07392c7a.svg");
    --iUsers: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/20/h/f0b46784276a84342708d48b67ddc818.svg");
    --iTasks: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/89/h/b97437bd75e5196011be05af837b100c.svg");
    --iMessages: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/400/h/7f4e3493843b6097516093868d55438e.svg");
    --iSales:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/62/h/617b7269225c5317f7f7c34da3b787c3.svg");
    --iChatium:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/62/h/92ac90d47473d36720897ab84e1c960d.svg");
    --iSubmenuBG:  url("");
    
     --iNoticeActive: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/267/h/bdbe8107423bac60a41fe05e13c4bd76.svg");
     --iSiteActive: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/80/h/fd73c187e4e2ed58236592ef73474992.svg");
     --iStudyActive: url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/62/h/7e813c664562768ec66ff37a4d2124d1.svg");
     --iUsersActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/509/h/61eb26c737aa22848d4516007612ed66.svg");
     --iTasksActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/484/h/07564fd535fd30529a385815580e874f.svg");
     --iMessagesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/42/h/18112d92dc2e54e64480e7380c2107fb.svg");
     --iSalesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/263/h/8edcce28fc110cfc398c8e577a827881.svg");
     --iChatiumActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/81/h/610aeaf3f01bc52157418c22b948117f.svg");
}

.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: var(--bg);
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu,
    .gc-account-leftbar .toggle-link {
      background: var(--bg) !important;
    }
}


/*Размер ячейки*/
.gc-account-leftbar .gc-account-user-menu li a {
  height: 70px;
  width: 70px;
}

/*Размер ячейки Профиль*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
  background: #E0F1E8;
  height: 90px;
}

/*Обводка Профиль*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a  .menu-item-icon {
  border-radius: 45px;
  border: 2px solid #5CB15A;
  width: 50px;
}


/*Размер ячейки уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 60px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .content {   
 margin-bottom: 15px;   
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image .user-profile-image  {
  border-radius: 50px !important;
}

.gc-fade-wrapper .gc-fade {
    left: 70px;
    background:  #CBCBCB;
}

/*Submenu*/ 
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    margin: 0 0 10px 0;
}

.gc-account-user-submenu-bar h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 115%;
	letter-spacing: 0.1em;
	color: #AEB1B6;
    font-family: 'Montserrat-Regular';
    font-weight: 800;
    margin-bottom: 30px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 70px;
    width: 300px;
    height: 100vh;
	background: var(--bg);
    padding: 0 20px;
}

/*Баланс бонусы*/
.gc-account-leftbar .gc-account-user-submenu-bar div .user-balance {
  color: #AEB1B6;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-size: 18px;
	line-height: 115%;
    font-family: 'Montserrat-Regular';
    font-weight: 800;
    text-transform: none;
    padding-left: 15px;
    margin-left: 3px;
    color: #fff !important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover  {
	background: transparent;
    color: #5CB15A !important;
    text-decoration: none;
    transition: 0.3s;
    
}

/* убираем полоску в админ меню*/
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a {
    border-top: none !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top: none !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

/*menu*/
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon
 {
  display:none !important;
}

/* Уведомления */
li.menu-item-notifications_button_small a:after { 
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  z-index: 1;
  top: 16px;
  left: 18px;
  background: var(--iNotice) no-repeat;
  background-size: contain !important;
}

li.menu-item-notifications_button_small.active a:after,
li.menu-item-notifications_button_small.selected a:after,
li.menu-item-notifications_button_small a:hover:after { 
  background: var(--iNoticeActive) no-repeat;
  background-size: contain !important;
}

/* Сайт */
li.menu-item-cms a:after { 
  content: "";
  position: absolute;
  width: 34px;
  height: 30px;
  z-index: 1;
  top: 17px;
  left: 18px;
  background: var(--iSite) no-repeat;
  background-size: contain !important;  
}

li.menu-item-cms.active a:after,
li.menu-item-cms.selected a:after,
li.menu-item-cms a:hover:after { 
  background: var(--iSiteActive) no-repeat;
  background-size: contain !important; 
}

/* Обучение */
li.menu-item-teach a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iStudy) no-repeat;
  background-size: contain !important;    
}

li.menu-item-teach.active a:after,
li.menu-item-teach.selected a:after,
li.menu-item-teach a:hover:after { 
  background: var(--iStudyActive) no-repeat;
  background-size: contain !important; 
}

/* Пользователи*/ 
li.menu-item-user a:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iUsers ) no-repeat;
  background-size: contain !important;
}

li.menu-item-user.active a:after,
li.menu-item-user.selected a:after,
li.menu-item-user a:hover:after { 
  background: var( --iUsersActive) no-repeat;
  background-size: contain !important;  
}
/* Задачи */
li.menu-item-tasks a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iTasks ) no-repeat;
  background-size: contain !important;
}

li.menu-item-tasks.active a:after,
li.menu-item-tasks.selected a:after,
li.menu-item-tasks a:hover:after { 
  background: var( --iTasksActive ) no-repeat;
  background-size: contain !important;   
}

/* Сообщения*/
li.menu-item-notifications a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iMessages ) no-repeat;
  background-size: contain !important;  
}

li.menu-item-notifications.active a:after,
li.menu-item-notifications.selected a:after,
li.menu-item-notifications a:hover:after { 
  background: var( --iMessagesActive) no-repeat;
  background-size: contain !important; 
}

/* Продажи */
li.menu-item-sales a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iSales) no-repeat;
  background-size: contain !important; 
}

li.menu-item-sales.active a:after,
li.menu-item-sales.selected a:after,
li.menu-item-sales a:hover:after { 
  background: var(--iSalesActive) no-repeat;
  background-size: contain !important; 
}

/*chatium*/
li.menu-item.menu-item-chatium a:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iChatium) no-repeat;
  background-size: contain !important;  
}

li.menu-item-chatium.active a:after,
li.menu-item-chatium.selected a:after,
li.menu-item.menu-item-chatium a:hover:after{ 
  background: var(--iChatiumActive)  no-repeat;
  background-size: contain !important;  
}

.gc-account-user-menu li.new-chatium-icon img {
    border: none;
}

/*Эффекты при наведении*/
.gc-account-leftbar .gc-account-user-menu li a:hover {
	background-color: transparent; 
}
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
    background: transparent;
    border-left: 3px solid #5CB15A; 
}

/*Убираем иконки в раскрывающемся субменю */
.gc-account-user-submenu li a:after {
 	display: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
}

/*Оповещения и кол-во входящих */
.menu-item .notify-count  {
    background: #FF5213 !important;
    color: #fff !important;
    font-size: 8px !important;
    font-family: 'Montserrat-Regular';
    width: 25px;
    padding: 2px 0;
    bottom: 50%;
    z-index: 50;
}

/*Оповещения и кол-во входящих submenu*/
.gc-account-leftbar .notify-count {
    background: #FF5213 !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    right: 12px;
    bottom: 50%;
    z-index: 50;
}

/*Слово Уведомления   */
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
color: #ffffff;
    font-weight: 400;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
	line-height: 110%;
}

.mark-viewed-all {
    color: #fff;
    font-weight: 400;
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    margin-top: 10px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    display: block;
    color: #333333;
    border-top: 1px solid #e0e0e0;
    position: relative;
    padding: 14px 14px 10px 20px;
    background-color: #E0F1E8;
    font-size: 0.9em;
    border-radius: 6px;
    margin-bottom: 5px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: #D8D8D8;
    border-radius: 15px;
    color: #000;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
 color: #000;   
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  min-height: 1em;
  width: 100%;
  overflow: hidden;
  position: relative;
  color: white;
  position: absolute;
  bottom: 16px; 
  left: 0;
  font-size: 9px;
  font-family: 'Montserrat-Regular';   
}

/*Меню мобильное*/
@media (max-width: 768px) {
.gc-account-leftbar .gc-account-user-menu {
    width: 80px !important;
 } 
.gc-page-nav-items-menu.lt-page-edit-link { 
  height: 80px !important;
  top: 0 !important;
  bottom: auto !important;
}

.toggler-item {
    color: transparent !important;
    background: transparent !important;
  }
    
.gc-account-leftbar.expanded .toggle-link {
    height: 80px;
  }
    
.gc-account-leftbar .toggle-link {
  position: relative;
  top: 0 !important;
  bottom: auto !important;
}
    
.gc-account-leftbar .toggle-link img {
    display: none;
  }
    
.gc-account-leftbar .toggle-link:after {
  position: absolute;
  content: "";
  top: 17px;
  left: 20px;
   width: 34px;
   height: 30px;
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/92848/sc/104/h/5858055a48bbb9e56b442f80930b5d3d.png) no-repeat;
   background-size: contain;
}
    
.gc-account-leftbar.expanded .toggle-link:after {
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    width: 34px;
    height: 30px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/92848/sc/506/h/081037e03868c281c169fb0b66cb1561.png) no-repeat;
    background-size: contain;
}
    
.gc-account-leftbar:not(.expanded) {
    height: 60px !important;
    top: 0 !important;
}
    
.gc-account-leftbar.expanded {
    background: #000;
    top: 80px !important;
  }
    
    .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    background: transparent !important;
    height: 70px !important;
}
}

.md {
  position: fixed;
  display: block;
  top: 10px;
  right: 10px;
  width: 210px;
  height: 70px;
  color: #FFFFFF;
  z-index: 1210;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/75191/sc/145/h/f95e40f382a4d648d72ad31a7762a07a.png) no-repeat;
  }

/*Конец меню*/

/*ACTIVE*/
.gc-account-user-menu li.active a:before,
.gc-account-user-menu li.selected a:before {
  color: #000;  
}
.gc-account-user-menu li.active a:hover:before {
  color: #fff;  
} 
.gc-account-leftbar .qr-link {
    color: white;
    position: relative;
    top: -15px;
}

.fa.fa-qrcode.qr-link {
  color: transparent;
}

/*CHAT*/
/*Написать сообщение виджет */
.talks-widget-button {
    background: #213430 !important;
}

.talks-widget-window {
  border: none;
}

.talks-widget-header {
  color: #fff !important;
  background: #213430 !important;
  border: none !important;
}

.talks-widget-body {
  //color: #fff;
  background: #213430;
  padding: 0 9px;  
}

.conversation-list-footer {
  color: #fff !important;
  background: #213430 !important; 
  border: none !important;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
  background: #fff;
  color: #363636;
  border-radius: 6px;
}

.talks-widget-window .talks-widget-body .conversations-list-block 
.conversation-annotate .conversation-data-block 
.conversation-title-block {
	color: #fff;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover .conversation-title-block {
  color: #000;
}

.talks-widget-window .talks-widget-body .conversations-list-block 
.conversation-annotate .conversation-data-block 
.conversation-title-block:hover {
    color: #000;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
    background: #D8D8D8;
}

.comment-form-wrapper .new-comment .btn-send {
	width: 140px;
    height: 39px;
    border: none;
    color: #292929;
    font-size: 14px;
    background-color: #fff;
    border-radius: 6px;
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: lowercase;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate {
  background: rgba(240, 242, 250, 0.21);
  border-radius: 10px;
  margin-top: 8px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
 	background: #fff;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block {
  	border: none;
}

.talks-widget-window .talks-widget-body 
.conversations-list-block .conversation-annotate 
.conversation-data-block .conversation-title-block 
.conversation-time {
  	color: #AAB0D3;
}

.talks-widget-window .conversation-widget .comments-container {
  	background: #fff;
}

.talks-widget-window .comment-form-wrapper .new-comment-textarea {
  	min-height: 95px !important;
  	background: #0B0B0E;
    color: #fff;
  	border: 1px solid #3A3A42;
  	border-radius: 10px;
}

:focus-visible {
    outline: none;
}

.talks-widget-window .conversation-widget 
.own-user-comment .comment > .text .text-content, 
.conversation-widget .my-comment .comment > .text .text-content {
  background: #fff;
}

.talks-widget-window .emoji-wysiwyg-editor {
  background: #0B0B0E;
  border: 1px solid #3A3A42;  
}

 .talks-widget-window #uploadifive-comment-upload-button0-file-0 {
  color: #000;
}

.talks-widget-window .comment-form-wrapper {
    background: #213430;
}
/*END CHAT*/
/* ------------- 
content finish - Меню
------------- */

/* ------------- 
content start - Баннер
------------- */

/*Баннер*/
 .psy-banner .xdget-row.row {
  margin: 0 !important;
}

.psy_main .psy-banner {
  min-height: 300px;
  border-radius: 10px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/373/h/b3fafbfd5c2bf9e50c745ee2a02019a5.png)no-repeat;
  background-size:cover;
  padding: 108px 20px 28px 20px;
  margin-bottom: 45px;
  position: relative;
}

.psy_main .psy-text {
 font-family: 'Montserrat';
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 100%; /* 71px */
	color: #292929;
  	flex: 0 0 50%;
  	margin-bottom: 67px;
  	position: relative;
}

.psy_main .user-info-box {
  max-width: 470px;
  min-height: 40px;
  border-radius: 16px;
  background: #B7DAB9;
  flex: 100%;
  color: #292929;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  padding: 4px 5px 2px 5px;
}

.psy_main .real-logo {
  position: absolute;
  top: 13px;
  left: 20px;
}

.psy_main .psy-expert {
  position: absolute;
  bottom: -1px;
  right: 4px;
}

.psy_main .users_foto {
  	width: 30px;
  	height: 30px;
  	border: 1px solid #669F8E;
    border-radius: 50%;
}

.psy_main .user-info-box > .xdget-block {
  display: flex;
  align-items: center;
}

.psy_main .user-foto_mail .html-content {
  display: flex;
  gap: 12px;
  align-items: center;
}

.psy_main .user-name .html-content {
  text-align: center;
  position: relative;
    text-align: left;
}

.psy_main .user-name .html-content:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 2px;
  width: 21px;
  height: 14px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/0/h/7401381614b7d0e03817b97ad2807a9f.svg)no-repeat;
   background-size: contain;
}

.profile-btn {
  width: 51px;
  height: 30px;
  border: none;
  border-radius: 13px;
  background: #5CB15A url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/229/h/9f12e3e7df9e583d7ad59259f59ff261.svg) no-repeat;
  background-position: center;
  margin: 2px 0 0 4px;
}

.user-info-box .xdget-col {
  padding: 0;
}

.btn-col {
      text-align: right;
}

@media(max-width: 1361px) {
      .psy_main .psy-text {
    max-width: 490px !important;
    margin-bottom: 60px !important;
    font-size: 26px !important;
  }
  
 .psy-banner {
    padding: 90px 20px 25px 20px !important;
        display: flex !important;
    flex-direction: column !important;
  }
}

@media(max-width: 1241px) {
      .psy_main .psy-text {
    max-width: 440px !important;
  }
}

@media(max-width: 1138px) {
     .psy_main .psy-text {
    max-width: 400px !important;
    margin-bottom: 45px !important;
}
    
   .psy_main .user-info-box {
    max-width: none !important;
    max-height: 30px !important;
  }
}

@media(max-width: 1041px) {
 .psy-banner {
    min-height: 590px !important;
    max-width: 360px !important;
    padding: 100px 15px 20px 15px !important;
    margin: 0 auto 35px auto !important;
   display: block !important;
  }
  
  .psy_main .psy-expert {
    position: static !important;
    text-align: center !important;
  }

  .psy_main .psy-text {
    margin-bottom: 25px !important;
    font-size: 22px !important;
}
    
      .psy_main .user-info-box > .xdget-block {
    flex-direction: column !important;
    gap: 7px !important;
    position: relative !important;
  }
  
  .psy_main .user-info-box {
    max-height: none !important;
  }
  
  .psy_main .user-info-box > .xdget-block .xdget-col {
    width: 100% !important;
  }
  
  .psy_main .user-name .html-content {
    margin-left: 42px !important;
}
  
  .psy_main .user-name .html-content:before {
    left: -35px !important;
  }
  
  .psy_main .profile-btn {
    position: absolute !important;
    top: 0;
    right: 0;
  }
  
  .psy-expert img {
   max-height: 295px !important; 
  }
  
  .psy_main .user-info-box {
        padding: 4px 5px 2px 15px !important;
  }
}
/* ------------- 
content finish - Баннер
------------- */

/* ------------- 
content start - Календарик
------------- */

:root {
   --bgDateNow: #4DB56D; /* Текущая дата (Фон) */
   --bgPopup: #CAE9D4; /*Высплывающее событие (Фон)*/
    --colorPopup: #292929; /*Высплывающее событие (Цвет)*/
}

/*Календарь*/
.calend {
  border-radius: 14px;
  border: 4px solid #A3C9B4;
}

.calend .html-content {
  border-radius: 15px;
  border: 12px solid #F2F5F7;
}

/*** Шапка календаря ***/
#events-calendar {
    width: 100%;
    padding: 15px; /*Внутренний отступ*/
    background: #fff; /*Общий фон календаря*/
    border-radius: 16px; /*Скругление углов календаря*/
}

.month {
    position: relative;
    margin: 0;
    padding: 1rem 2rem;
    text-align: center;
    width: 100%;
    list-style: none;
	border-radius: 8px;
	background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 7px;
}

/*Название месяца*/
.month li {
    position: relative;
    padding: 0;
    margin: 0;
	color: #685D59;
	text-align: center;
	font-family: "Montserrat";
	font-size: 18px;
    font-weight: 700;
    text-align: center;
}
/*Год*/
.month li.year-name {
	color: #685D59;
	font-weight: 700;
}

/*Стрелочки для переключения по месяцам*/
.month li.prev,
.month li.next {
    cursor: pointer;
    flex: 100%;
}
.month li.prev:before,
.month li.next:before {
  	content: '';
  	position: absolute;
  	top: 2px;
  	width: 24px;
  	height: 24px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/565875/sc/251/h/09f48dc097a7a9be6ea205d60efb6907.svg)no-repeat;
	background-size: contain;
}

.month li.prev:before {
  left: -0.5rem;
}

.month li.next:before {
  transform: rotate(180deg);
  right: -0.5rem;
}

/*** Тело календаря ***/

/* Дни недели */
.weekdays {
  margin: 0;
  padding: 1rem 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background: #fff; /* Фон */
}

.weekdays li {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    text-align: center;
	color: #605B5A;
	font-family: "Montserrat";
	font-size: 11.19px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; 
	letter-spacing: 0.102px;
}

/* дни */
.days {
    margin: 0;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
     justify-content: left;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  	background: #fff; /* Фон */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.days li {
  position: relative;
  padding: 0.6rem;
  list-style: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  text-align: center;
  color: #605B5A;
	font-family: "Montserrat";
	font-size: 12px;
	font-weight: 700;
	line-height: 20px; 
	letter-spacing: 0.102px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/* Текущая дата */
.days li.date-now {
	color: #A3C9B4;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #A3C9B4;
}

/* Всплывающие окна с названием события */
.days li.webinar:after,
.days li.kurs:after,
.days li.seminar:after,
.days li.master-class:after,
.days li.open-master-class:after {
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 160px;
  height: auto;
  font-size: 12px; /* Размер шрифта */
  line-height: 16px; /* Высота строки */
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background: linear-gradient(180deg, #A3C9B4 0%, #E0F1E8 100%); /* Цвет фона */
  color: #292929;
  bottom: calc(100% + 7px);
  right: -60px;
  border-radius: 6px; /* Скругления углов */
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  pointer-events: none;
}

.days li.webinar:hover:after,
.days li.seminar:hover:after,
.days li.master-class:hover:after,
.days li.kurs:hover:after,
.days li.open-master-class:hover:after {
    opacity: 1;
    cursor: pointer;
}

/* Стили для даты с событием типа webinar */
li.webinar {   
    color: #fff; /* Цвет */
    border-radius: 6px;
    background: #A3C9B4;
}

/* Стили для даты с событием типа seminar */
li.seminar {
	color: #fff;
    background: #E1A8B7;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа master-class */
li.master-class{
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа kurs */
li.kurs {
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}


/* Если хочется добавить точки на даты, для обозначения события */
.days li.module:before,
.days li.lesson:before,
.days li.webinar:before,
.days li.kurs:before {
  content: '';
  position: absolute;
  bottom: 4px; /* Отступ от нижней границы даты */
  right: 6px; /* Отступ от правого края даты */
  width: 4px; /* Ширина */
  height: 4px; /* Высота */
  border-radius: 50%;
}




/* ------------- 
content finish - Календарик
------------- */

/* ------------- 
content start - Список уроков
------------- */

/*Сброс стандартных стилей*/
.psy-trening .xdget-row.row {
    margin: 0 !important;
}

.psy-trening .lesson-list {
	background: transparent;
    padding: 0;
}

.psy-trening .lesson-list li table td {
    padding: 0;   
}

.psy-trening .state-icon-block.hidden-xs {
	display: none;
}

.psy-trening .info {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	z-index: 2;
}

.psy-trening .vmiddle {
	padding: 0 !important;
}

.psy-trening .user-state-accomplished .user-state-bg,
.psy-trening .user-state-has_mission .user-state-bg,
.psy-trening .user-state-need_accomplish .user-state-bg,
.psy-trening .user-state-bg  {
    background: transparent;
}

.psy-trening .stream-table tr td:hover {
    background: transparent;
}

.psy-trening .lesson-list li a .item-image {
  display: none;
}
/*КОНЕЦ Сброс стандартных стилей*/

body.psy-trening {
  background: #F2F5F7;  
}

.psy-trening  .breadcrumbs a {
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #292929;
  padding-left: 22px;
}

.psy-trening  .breadcrumbs a:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/119/h/e84da141bc93b10e945040b00a5f5d50.svg)no-repeat;
  background-size: contain;
}

.psy-trening  .container {
    max-width: 1400px !important;
    margin-right: 0 !important;
}

.psy-trening .col-gc-8 {
    width: 70%;
    max-width: 880px;
    padding: 0 20px 0 0 !important;
}

.psy-trening .col-gc-4 {
    width: 30%;
    max-width: 366px; 
}

.psy-trening .page-header h1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  color: #292929;
}

.psy-trening .lesson-list li {
    border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;
    min-height: 129px;
    background: linear-gradient(180deg, #D7EAE0 0%, rgba(102, 159, 142, 0.67)) 100%;
    background-size: cover;
    position: relative;
    transition: 0.3s;
}

.psy-trening .lesson-list li:hover {
    transform: translateY(-2px);
}

.psy-trening .lesson-list li a {
    display: flex;
    align-items: center;
  	min-height: 129px;
  	height: 100%;
  	width: 100%;
  	z-index: 100;
  	position: relative;
  	padding: 20px 220px 20px 95px;
}

.psy-trening .lesson-list li a:before {
    content: "Перейти";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 47px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-top: 14px;
    width: 156px;
    height: 48px;
    border-radius: 6px;
    background: #5CB15A;
}

.psy-trening .lesson-list li .title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: #121422;
}

.psy-trening .lesson-list .description {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #79857F;
}

.psy-trening .lesson-list li.divider {
  display: none !important;
}

.psy-trening  .user-state-label.user-state-label-ex.is-stop-lesson {
  display: none !important;
}

.psy-trening .stream-table tr a:before {
  content: "Материалы";
  position: absolute;
  bottom: 15px;
  right: 13px;
  width: 180px;
  height: 39px;
  border-radius: 20px;
  background: #b7dab9 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/133/h/231dc780304af94e301872c0e1f6bd5d.svg)no-repeat;
  background-position: center right 9px;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-family);
  color: #292929;
  padding: 9px 0 0 15px;
}

.psy-trening .lesson-list li a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 21px;
  width: 45px;
  height: 45px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/109/h/091e65a7ad184f5cc373978d373d60c5.svg)no-repeat;
  background-size: contain;
}

/*Необходимо выполнить*/
.psy-trening .lesson-list li.user-state-need_accomplish a:after  {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/380/h/ab7c1aedcb316fa8d4391d96fe37f20a.svg)no-repeat;
  background-size: contain;
}

/*Недостигнутый*/
.psy-trening .lesson-list li.user-state-not_reached a:after  {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/95/h/cb62e375336416c1869dfc5f5b5a2122.svg)no-repeat;
  background-size: contain;
}

.psy-trening .lesson-list li.user-state-not_reached {
  border: 1px solid #e3e3e3;
  background: rgba(163, 187, 201, 0.4);
}

.psy-trening .lesson-list li.user-state-not_reached a:before {
  background: #a3bbc9;
  color: #292929;
}

/*верхние кубики подтренинги*/
.psy-trening .stream-table tbody {
  	display: flex;
  	justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px;
}

.psy-trening .stream-table  {
  margin: 0;
  margin-bottom: 40px;
}

.psy-trening .stream-table tbody tr {
  flex: 0 0 calc(33% - 7px);
  border: 3px solid #213430;;
  border-radius: 10px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/17/h/35816a7c8a9726c613446e724c582b8e.png)no-repeat;
  background-size: cover;
}

.psy-trening .stream-table tbody tr td {
  min-height: 180px;
  display: block;
  padding: 0;
}

.psy-trening .stream-table tr a {
  height: 100%;
  position: relative;
  z-index: 100;
  padding: 48px 18px 21px 21px;
}

.psy-trening .stream-table .stream-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 110%;
  color: #121422;
}

.psy-trening .stream-table a div {
  display: none;
}

.psy-trening .stream-table tr a:hover:before {
  border: 1px solid #b7dab9;
  background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/133/h/231dc780304af94e301872c0e1f6bd5d.svg)no-repeat;
  background-position: center right 9px;
}
/*Конец верхние кубики подтренинги*/


/***********  **********/
.one-col.psy-trening  .stream-table tbody tr {
  border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;
    min-height: 129px;
    background: linear-gradient(180deg, #D7EAE0 0%, rgba(102, 159, 142, 0.67)) 100%;
    background-size: cover;
    position: relative;
    transition: 0.3s;
   flex: 100%;
    border: none;
}

.one-col.psy-trening  .stream-table tbody tr:hover {
  transform: translateY(-2px);
}

.one-col.psy-trening .stream-table tbody tr td {
  min-height: 129px;
}

.one-col.psy-trening .stream-table tbody tr td a {
      display: flex;
    align-items: center;
    min-height: 129px;
    height: 100%;
    width: 100%;
    z-index: 100;
    position: relative;
    padding: 20px 220px 20px 95px;
}

.one-col.psy-trening .stream-table tr a:before {
  content: "Перейти";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 47px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    width: 156px;
    height: 48px;
    border-radius: 6px;
    background: #5CB15A;
    padding: 14px 0 0 0;
}

.one-col.psy-trening .stream-table tr a:after {
    content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 21px;
  width: 45px;
  height: 45px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/109/h/091e65a7ad184f5cc373978d373d60c5.svg)no-repeat;
  background-size: contain;
}

/*Верхние кубики подтренинги 1 колонка*/

.one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3) {
  flex: 0 0 calc(33% - 7px);
  border: 3px solid #213430;;
  border-radius: 10px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/17/h/35816a7c8a9726c613446e724c582b8e.png)no-repeat;
  background-size: cover;
}

.one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3) td {
  min-height: 180px;
  display: block;
  padding: 0;
}

.one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3) a {
  display: block;
  height: 100%;
  position: relative;
  z-index: 100;
  padding: 48px 18px 21px 21px;
}

.one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3)  .stream-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 110%;
  color: #121422;
}

.one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3) a:hover:before {
  border: 1px solid #b7dab9;
  background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/133/h/231dc780304af94e301872c0e1f6bd5d.svg)no-repeat;
  background-position: center right 9px;
}

.one-col.psy-trening  .stream-table tr:nth-child(-n+3) a:before {
  content: "Материалы";
  position: absolute;
  top: 70%;
  transform: none;
  right: 13px;
  width: 180px;
  height: 39px;
  border-radius: 20px;
  background: #b7dab9 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/133/h/231dc780304af94e301872c0e1f6bd5d.svg)no-repeat;
  background-position: center right 9px;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-family);
  color: #292929;
  text-align: left;
  padding: 9px 0 0 15px;
}

.one-col.psy-trening  .stream-table tr:nth-child(-n+3) a::after {
  width: 0;
  height: 0;
}
/*Конец верхние кубики подтренинги 1 колонка*/
/************  ********/

.no-upModules.psy-trening .stream-table tbody tr  {
  flex: 100%; 
  border: none;
  
  border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;
    min-height: 129px;
    background: linear-gradient(180deg, #D7EAE0 0%, rgba(102, 159, 142, 0.67)) 100%;
    background-size: cover;
    position: relative;
    transition: 0.3s;
}

.no-upModules.psy-trening .stream-table tbody tr td {
  min-height: 129px;
}

.no-upModules.psy-trening .stream-table tr a {
    display: flex;
    align-items: center;
    min-height: 129px;
    height: 100%;
    width: 100%;
    z-index: 100;
    position: relative;
    padding: 20px 220px 20px 95px;
}

.no-upModules.psy-trening .stream-table tr a:before {
      content: "Перейти";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 47px;
    text-align: center;
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding-top: 14px;
    width: 156px;
    height: 48px;
    border-radius: 6px;
    background: #5CB15A;
}

.no-upModules.psy-trening .stream-table tr a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 21px;
  width: 45px;
  height: 45px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/109/h/091e65a7ad184f5cc373978d373d60c5.svg)no-repeat;
  background-size: contain;
}

@media(max-width: 1341px) {
  .psy-trening .col-gc-8 {
    padding: 0 10px 0 0 !important;
}
  
  .psy-trening .container {
    margin-right: 0 !important;
    margin-left: 10px !important;
}
  
  .psy-trening .stream-table .stream-title {
    font-size: 22px !important;
  }
}

@media(max-width: 1235px)  {
  .psy-trening:not(.no-upModules) .stream-table tbody tr {
    flex: 0 0 calc(50% - 7px) !important;
    margin-bottom: 7px  !important;
  }
  
  .psy-trening .stream-table {
    margin-bottom: 30px !important;
}
  
  .psy-trening .col-gc-8 {
    width: 60% !important;
  }
  
  .psy-trening .col-gc-4 {
    width: 39% !important;
  }
  
  .psy-trening .lesson-list li .title,
  .one-col.psy-trening .stream-table .stream-title,
  .no-upModules.psy-trening .stream-table .stream-title {
    font-size: 18px !important;
  }
  
 .one-col.psy-trening  .stream-table tr:nth-child(-n+3) .stream-title {
     font-size: 22px !important;    
  }
    
  .psy-trening .lesson-list li a:after,
 .no-upModules.psy-trening .stream-table tr a::after {
    width: 35px !important;
    height: 35px !important;
  }
  
  .psy-trening .lesson-list li a,
  .no-upModules.psy-trening .stream-table tr a {
    padding: 20px 220px 20px 75px !important;
  }
}

@media(max-width: 1040px) {
  .psy-trening .col-gc-8 {
    width: 100% !important;
    max-width: 600px !important;
    padding: 0 !important;
  }
  
  .psy-trening .col-gc-4 {
    width: 100% !important;
    padding: 0 !important;
  }
    
   .psy-trening .container {
    margin-left: 0 !important;
}
    
   .psy-trening .page-header h1 {
    margin-right: 0 !important;    
    }
}

@media(max-width: 768px) {
.psy-trening .main-page-block .container .breadcrumbs {
    margin-top: 25px !important;
}  
    
.psy-trening .main-page-block .container {
    padding-top: 50px !important;
}
}


@media(max-width: 564px) {
  .psy-trening .stream-table tbody tr {
    flex: 100% !important;
}
  
  .psy-trening .lesson-list li,
  .psy-trening .lesson-list li a,
  .one-col.psy-trening .stream-table tbody tr,
  .one-col.psy-trening .stream-table tbody tr td,
  .no-upModules.psy-trening .stream-table tbody tr,
  .no-upModules.psy-trening .stream-table tbody tr td 
    {
    min-height: 200px !important;
  }
  
  .psy-trening .lesson-list li a:before,
  .one-col.psy-trening .stream-table tr a:before,
    .no-upModules.psy-trening .stream-table tr a:before  {
    top: 70% !important;
    transform: none !important;
    left: 20px !important;
  }
  
  .psy-trening .lesson-list li a:after,
  .one-col.psy-trening .stream-table tr a:after,
    .no-upModules.psy-trening .stream-table tr a::after {
    left: 83% !important;
    top: 22px !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
}
  
  .psy-trening .lesson-list li a,
    .no-upModules.psy-trening .stream-table tr a {
    padding: 20px 40px 70px 20px !important;
}

  .one-col.psy-trening .stream-table tbody tr td a {
    padding: 20px 20px 70px 20px !important;
}
    
 .psy-trening .lesson-list li .info .vmiddle {
  margin-left: 0 !important;  
  }
  
  .psy-trening .stream-table {
    margin-bottom: 20px !important;
}
  
  .psy-trening .progress-box {
    margin-bottom: 20px !important;
  }
    
    .psy-trening .page-header h1 {
     font-size: 24px !important;   
    }
    
   .psy-trening .page-header {
       margin: 0 0 10px 0 !important; 
    }
    
    .psy-trening .progress-box h3 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }
    
    .psy-trening .progress-box {
        padding: 24px 20px 30px 20px !important; 
    }
    
   .commerce-banner h3 {
    font-size: 26px !important; 
    }
    
    .one-col.psy-trening  .stream-table tbody tr:nth-child(-n+3) a {
         padding: 48px 18px 21px 21px !important;    
    }
}
/* ------------- 
content finish - Список уроков
------------- */

/* ------------- 
content start - Сменный банер
------------- */

.commerce-banner.temp {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/57/h/8e7e1716c21239c02f56975e5dd6b521.png)no-repeat;
    background-size: cover;
}
/* ------------- 
content finish - Сменный банер
------------- */

/* ------------- 
content start - Progress
------------- */

:root {
 	--progressRing: #FFD27E;
}

.psy-trening .progress-box {
  border: 1px solid #d7eae0;
  border-radius: 10px;
  background: linear-gradient(218deg, #cae7e0 0%, #d2eae3 100%);
  position: relative;
  overflow: hidden;
  padding: 28px 20px 45px 20px;
  z-index: 1;
}

.psy-trening .progress-box:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 438px;
  height: 179px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/182/h/97923fb10d15fbab3bca307425b563d8.png)no-repeat;
  z-index: 10;
  background-size: contain;
}

.psy-trening .progress-box h3 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 30px;
  line-height: 115%;
  color: #121422;
  margin-bottom: 20px;
}

/*Progress-1*/
.psy-trening .xdget-trainingAchievements {
   display:none;
}

.psy-trening .progress-header {
  color: #FFF;
  text-align: center;
  font-family: "Montserrat-Bold";
  font-size: 30px;
  line-height: 115%; /* 34.5px */
    margin-bottom: 20px;
    position: relative;
}

.psy-trening .progress-container {
     background: #000 url(https://fs.getcourse.ru/fileservice/file/download/a/186735/sc/375/h/bbbe35761da2dcd4b4f34ff41b2f73e3.png)no-repeat;
     background-size: cover;
    border-radius: 10px;
    border: 1px solid #494949;
    padding: 31px;
}

.psy-trening svg {
  	width: 220px;
  	height: 220px;
  	display: block!important;
  	margin-left: auto;
  	margin-right: auto;  
}

.psy-trening .donut-hole {
  	fill: transparent;
    stroke: #F7B49C;/* цвет внутри кольца */
    stroke-width: 2.9; 
}

.psy-trening svg .donut-ring {
    stroke: #fff; /* цвет кольца */
    stroke-width: 2.5; /* толщина кольца */
    fill: transparent;
}

.psy-trening svg .donut-segment {
  	stroke: #FF5213; /* цвет заполнения */
  	stroke-width: 3.5; /* толщина заполнения */
  	fill: transparent;
  	stroke-dasharray: "0 100";
  	stroke-dashoffset: 25;
  	stroke-lineCap: round;  
}


.psy-trening .chart-text {
  	font: 38px 'Montserrat', sans-serif;
    font-weight: 800;
  	fill: #292929; 
  	-moz-transform: translateY(0.25em); 
  	-ms-transform: translateY(0.25em); 
  	-webkit-transform: translateY(0.25em); 
  	transform: translateY(0.25em);
}

.psy-trening .chart-number {
  font-size: 0.2em;
  font-weight: 700;  
  line-height: 1; 
  text-anchor: middle; 
  -moz-transform: translateY(-0.25em); 
  -ms-transform: translateY(-0.25em); 
  -webkit-transform: translateY(-0.25em); 
  transform: translateY(-0.25em);
}

.psy-trening .chart-label {
   font-size: 0.2em;
   font-weight: 700; 
   text-transform: uppercase; 
   text-anchor: middle;
   -moz-transform: translateY(0.7em); 
   -ms-transform: translateY(0.7em); 
   -webkit-transform: translateY(0.7em);
   transform: translateY(0.7em);
}

.psy-trening .lessons-dount .chart-label {
	fill: #292929; 
}

.psy-trening .chart-text .chart-subtitle {
    font-family: 'Gilroy';
	font-weight: 400;
	font-size: 0.10em;
	line-height: 12px;
	text-anchor: middle;
	color: #1D211C;
	opacity: 0.7;
}


/* ------------- 
content finish - Progress
------------- */

/* ------------- 
content start - Страница оплаты
------------- */

.psy_pay .container {
    margin: 0 auto !important;
    padding-top: 80px;
}

.psy_pay .logo.gc-account-logo {
  display: none;
}

.psy_pay .page-header {
  margin: 0 0 20px 0;
  padding: 0;
}

.psy_pay  .page-header h1 {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 36px;
  line-height: 100%;
  color: #292929;
}

.psy_pay .content-menu {
    border-bottom: none;
}

.psy-twoCols {
  background: linear-gradient(180deg, #d7eae0 0%, rgba(102, 159, 142, 0.67) 100%);
  border-radius: 15px;
  padding: 0 !important;
}

.psy_pay .xdget-col.col-gc-8 {
  border-right: 1px dashed  #213430;
  padding: 30px 40px 40px 35px;
}

.psy_pay .xdget-col.col-gc-8  h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #7C8782;
  margin-bottom: 17px;
}

.psy_pay .xdget-col.col-gc-8 .position-actual-title {
  	font-family: var(--font-family);
  	font-weight: 800;
  	font-size: 22px;
  	line-height: 120%;
  	color: var(--text-color);
  	margin-bottom: 5px;
    display: block;
}

.psy_pay .xdget-col.col-gc-8 .text-muted.small {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #7e7f84;
  max-width: 460px;
}

/**/
.psy_pay .psy-twoCols .col-gc-3 {
   padding: 30px 20px 35px 40px;
}

.psy_pay .psy-twoCols .col-gc-3 h4 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #7C8782;
  margin-bottom: 17px;
}

.psy_pay .xdget-currentUserInfo {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: var(--text-color);
}

.psy_pay .dotted-link {
  display: none;
}

 .psy_pay #promoCode {
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    display: block !important;
    font-family: "Montserrat-Regular";
   color: transparent;
   font-size: 0;
   padding: 20px 0 10px 0;
}

.psy_pay #promoCode input {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 14px;
   line-height: 100%;
   color: #292929;
   border: 1px solid #fff;
   border-radius: 4px 0 0 4px;
   height: 25px;
   padding: 0 0 0 10px;
}

.psy_pay #promoCode input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #6A6A6A;
}

.psy_pay #promoCode  button {
  border-radius: 4px;
  width: 113px;
  height: 25px;
  background:  #5cb15a;
  border: none;
  color: #fff;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}

.psy_pay .deal-finish-price-title {
  font-family: var(--font-family);
 font-weight: 800;
 font-size: 18px;
 line-height: 100%;
 color: var(--text-color);
}

.psy_pay .deal-finish-price-title b{
  font-size: 26px;
  font-weight: 800;
}

.psy_pay .deal-position-price {
  font-weight: 800;
  font-size: 22px;
}

.psy_pay .deal-position-price .source-price {
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 110%;
text-decoration: line-through;
color: var(--text-color);
}

/*Счетчик*/

.psy_pay .xdget-dealInfo div > div {
  color: green !important;
  font-weight: 700;
}

.psy_pay .is-countdown {
  border-radius: 6px;
  background: #fff;
}

/*********************   Способы оплаты     ************************/
.psy_pay .xdget-block.xdget-html.psy-title {
  margin: 57px 0 10px 0 !important;
  font-family: var(--font-family);
 font-weight: 800;
 font-size: 18px;
 line-height: 100%;
 color: var(--text-color);
}

.psy_pay .xdget-block.xdget-separator {
  margin: 0 0 32px 0;
}

#pay-methods {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	align-items: center;
  	border-radius: 10px;
  	background: linear-gradient(180deg, #d7eae0 0%, rgba(102, 159, 142, 0.67) 100%);
  	padding: 35px 35px;
    gap: 15px;
    flex: 0 0 100%;
    margin-top: 57px;
}

#pay-methods td {
  padding: 0;
}

#pay-methods img {
  margin-top: 0;
}

#yandex-pay {
  height: 60px;
}

#yandex-pay img {
  height: 60px;
  object-fit: cover;
}

#sber-pay .pay-btn-sber-pay {
  margin-top: 0;
}

#sber-pay .table {
  margin-bottom: 0;
}

.psy_pay .gc-main-content.with-left-menu {
    margin-left: 0;
}

.psy_pay .xdget-payform tr td {
  padding: 0 !important;
}

.gc-payment-method-card > div, .gc-payment-method > div {
  margin: 0;
}

.psy_pay .card-title,
.psy_pay .other-title,
.psy_pay .gcp-oferta-buyer {
  display: none !important;
}

#tinkoff td {
  border: none;
}

.psy_pay .alternative-payments-block-main, 
.psy_pay .credit-title,
.psy_pay #tinkoffcredit,
.psy_pay #sber-pokupay,
.psy_pay #vsegdada,
.psy_pay #yandex-split,
.psy_pay #alpha-bank-podeli,
.psy_pay #tinkoff-dolyame {
    flex: 0 0 100%;
    justify-content: space-between;
    width: 100%;
    max-width: none;
}

.psy_pay #tinkoffcredit,
.psy_pay #sber-pokupay,
.psy_pay #vsegdada,
.psy_pay #yandex-split,
.psy_pay #alpha-bank-podeli,
.psy_pay #tinkoff-dolyame {
 padding-left: 35px;   
}

.psy_pay .xdget-payform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

#tinkoff, 
#jetpay,
#alternative-methods-container {
  flex: 30%;
}

.psy_pay .xdget-payform .gc-payment-method-card > div, .gc-payment-method > div {
  background: transparent;
}
.psy_pay #tinkoff .getcourse-checkout-system tr,
#jetpay tr,
#alternative-methods-container #tinkoff tr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.psy_pay #tinkoff .getcourse-checkout-system tr,
#jetpay tr {
  padding: 23px 37px 32px 37px;
}

#alternative-methods-container #tinkoff tr  {
    padding: 23px 21px 32px 21px;
}

#alternative-methods-container #tinkoff tr td label {
  font-family: var(--font-family);
font-weight: 500;
font-size: 16px !important;;
line-height: 120% !important;;
text-align: center;
color: var(--text-color);
 margin-bottom: 0;
 margin-top: 14px;
}

#alternative-methods-container #tinkoff tr td label span {
  font-family: var(--font-family);
font-weight: 500;
font-size: 10px !important;
line-height: 120%;
text-align: center;
color: var(--text-color) !important;
  margin-top: 5px;
  margin-bottom: 0;
  display: block;
}

#tinkoff.gc-payment-method-card.made-RF,
#jetpay,
#alternative-methods-container #tinkoff
 {
  background: linear-gradient(180deg, #d7eae0 0%, rgba(102, 159, 142, 0.67) 100%);
  border-radius: 10px;
}

#alternative-methods-container #tinkoff table,
#jetpay table,
#tinkoff.gc-payment-method-card.made-RF table{
  margin: 0 !important;
}

#jetpay > div,
#tinkoff.gc-payment-method-card.made-RF > div{
  padding: 0;
  display: block !important;
}

.psy_pay .text-made-card {
  font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-align: center;
color: var(--text-color);
  margin: 15px auto 30px auto; 
}



.psy_pay .xdget-payform #tinkoff button,
.psy_pay .xdget-payform #jetpay button{
  background: var(--listva);
  border: none;
  border-radius: 10px;
  width: 179px;
  height: 40px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
}

.psy_pay .xdget-payform #tinkoff button img,
.psy_pay .xdget-payform button span {
  display: none;
}

.psy_pay .xdget-payform #tinkoff img {
 margin: 0 !important; 
}

.psy_pay .xdget-payform #tinkoff  td {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*Кредиты*/
#tinkoffcredit tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#tinkoffcredit tbody tr:nth-child(2) td {
  display: flex;
  gap: 34px;
  align-items: start;
}

#tinkoffcredit .btn.tinkoffcredit-submit,
#sber-pokupay .btn.pay-btn-pokupay {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000 !important;
  background-color: #ffdd2d !important;
  border-radius: 10px;
  padding: 6px 12px;
  min-height: 38px;
}

#tinkoffcredit tbody label,
#tinkoff-dolyame td {
  font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 120%;
color: #000;
  padding-bottom: 5px;
}

.psy_pay #vsegdada tr td label {
  font-family: var(--font-family);
font-weight: 500;
font-size: 14px !important;;
line-height: 120% !important;;
text-align: center;
color: var(--text-color);
    margin-top: 4px;
}

#sber-pokupay tbody,
#vsegdada tbody,
#yandex-split tbody{
  display: flex;
  gap: 20px;
}

#sber-pokupay img,
#vsegdada  img,
#yandex-split  img,
#alpha-bank-podeli img,
#tinkoff-dolyame img {
  width: 85px !important;
}

#tinkoffcredit .btn.tinkoffcredit-submit,
#sber-pokupay .btn.pay-btn-pokupay,
#vsegdada .btn.vsegdada-submit-button,
#yandex-split .btn.pay-btn-split,
#go-to-alpha-bank-podeli {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000 !important;
  background-color: #ffdd2d !important;
  border-radius: 10px;
  padding: 6px 12px;
  min-height: 38px;
}

.psy_pay #vsegdada tr:nth-child(2) td {
      display: flex;
      gap: 34px;
      align-items: start;
}

#tinkoff-dolyame tbody {
  display: flex;
  gap: 20px;
}

#tinkoff-dolyame tr:nth-child(2) td {
  max-width: 330px;
}

.btn.pay-btn-dolyame {
   border-radius: 10px; 
}
#alternative-methods-container #tinkoff img {
  width: 68px;
  margin-bottom: 18px;
}


/*****************  *******************/
.credit-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  border-bottom: 1px solid #E3E4EB;
  padding: 0 0 10px 0;
  margin-top: 50px;
}

.alternative-payments-block-main {
  border-top: 1px solid #E3E4EB;
  padding-top: 30px;
  margin-top: 35px;
}

.alternative-payments-block-main a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-decoration: underline;
  color: var(--text-color);
}

@media(max-width: 1200px) {
  #pay-methods {
    flex-direction: column !important;
  }
}

@media(max-width: 991px) {
 .psy_pay .xdget-col.col-gc-8 {
     border-right: none !important;
    }
    
 .col-gc-3 {
    width: 100% !important;
}
    
    #tinkoffcredit tbody,
    #tinkoffcredit tbody tr:nth-child(2) td {
       flex-direction: column !important; 
    }
    
    .psy_pay #vsegdada tr:nth-child(2) td {
    gap: 20px !important;
    flex-direction: column !important;
}
    
    #tinkoff-dolyame tbody {
		flex-direction: column !important;
}
}

@media(max-width: 980px) {
  	.psy_pay .xdget-payform  {
    	flex-direction: column !important;
  }
    
    #sber-pokupay tbody,
	#vsegdada tbody,
	#yandex-split tbody{
		flex-direction: column !important;
}
}

@media(max-width: 610px)  {
  .psy_pay .deal-finish-price-title {
    font-size: 16px !important;
  }
  
  .psy_pay .deal-finish-price-title b {
    font-size: 20px !important;
  }
  
  .psy_pay .xdget-col.col-gc-8 {
    padding: 25px 20px !important;
  }
  
  .psy_pay .psy-twoCols .col-gc-3 {
    padding: 0 20px 25px 20px !important;
  }
    
    .psy_pay .page-header h1 {
     font-size: 26px !important;
    }
    
    .psy_pay #tinkoffcredit,
.psy_pay #sber-pokupay,
.psy_pay #vsegdada,
.psy_pay #yandex-split,
.psy_pay #alpha-bank-podeli,
.psy_pay #tinkoff-dolyame {
 padding-left: 0 !important; 
}
    
    #tinkoffcredit > div,
	#sber-pokupay > div,
	#vsegdada > div,
	#yandex-split > div,
	#alpha-bank-podeli > div .table {
  		margin-bottom: 20px !important;
}
    
    .credit-title {
    margin-top: 30px !important;
}
    
    .alternative-payments-block-main {
    margin-top: 0 !important;
}
}


@media(max-width: 480px) {
   .psy_pay  .deal-positions li {
    display: flex;
    flex-direction: column;
}
    
 .psy_pay .xdget-col.col-gc-8 .position-actual-title {
    order: 0;
  }
  
  .psy_pay .xdget-col.col-gc-8 .text-muted.small {
    order: 1;
  }
  
  .psy_pay .deal-position-price {
    order: 2;
    margin-top: 10px !important;
  }
  
  .psy_pay #promoCode {
    padding: 0 !important;
  }
  
  .psy_pay .psy-twoCols .col-gc-3 h4 {
    font-size: 16px !important;
  }
  
 #pay-methods {
     padding: 25px 20px !important;
     width: 100% !important;
     margin-top: 15px !important;
  }
    
    .psy_pay .xdget-col.col-gc-8 h4 {
    font-size: 18px !important;
    margin-bottom: 12px !important;
}

  .psy_pay .page-header {
    margin: 0 0 15px 0 !important;
}
    
    .psy_pay .xdget-block.xdget-separator {
    margin: 0 0 20px 0 !important;
}
    
    #tinkoffcredit tbody tr:nth-child(2) td {
    gap: 15px !important;
}
    
    #go-to-alpha-bank-podeli {
      padding: 6px 4px !important;
      margin-left: -12px !important;
    }
}

@media(max-width: 370px) {
  #pay-methods img {
    max-width: 260px !important;
  }
    
        #go-to-alpha-bank-podeli {
      font-size: 13px !important;
    }
}

@media(max-width: 360px) {
  #pay-methods img {
    max-width: 240px !important;
  }
}
/* ------------- 
content finish - Страница оплаты
------------- */

/* ------------- 
content start - Страница входа
------------- */

.psy_enter .global-confirm-checkbox-block {
   display: none; 
}

body.psy_enter {
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/89/h/adc77721d00495282126de6b5175c0bf.png)no-repeat;
   background-size: cover;
   background-position: center;
} 

.psy_enter .logo-link {
    display: none;
}

.psy_enter .container  {
   margin: 0 auto !important;
}

.psy_enter  .xdget-row.row {
     margin: 40px 0 0 0 !important;
     display: flex;
    justify-content: center;
}

.two-cols_enter {
  margin-top: 42px;
}

 .psy_enter .container_enter {
  	max-width: 840px;
  	margin: 0 auto;
   	background: #fff;
   	padding: 30px 50px 38px 50px;
   	border-radius: 16px;
}

.psy_enter .standard-form {
  	background: #fff;
  	border-radius: 16px;
  	max-width: 400px;
    height: 100%;
  	padding: 52px 25px;
}

.psy_enter .standard-form  h2 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  color: #292929;
  margin-bottom: 32px;
}

.psy_enter .xdget-loginUserForm.state-logined .logined-form h2 {
    margin-bottom: 15px;
}

 .psy_enter .container_enter .xdget-image {
  text-align: center;
}

.psy_enter .container_enter .xdget-image img {
  width: 199px;
  height: 78px;
}

.col-enter2 {
  border-radius: 16px;
  background: linear-gradient(180deg, #d7eae0 0%, rgba(102, 159, 142, 0.67) 100%);
  padding: 25px 20px 20px 20px;
}

.col-enter2 h3 {
  margin-bottom: 15px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  color: #292929;
}

.col-enter2 p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #292929;
  margin-bottom: 7px;
}

.col-enter2 .enter-link  a {
  border-radius: 8px;
  max-width: 180px;
  height: 42px;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  background: #213430 url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/46/h/2538f8628b38c0f09b0ac4b344e81811.svg)no-repeat;
   background-position: center right 12px;
  margin: 10px auto 0 auto;
}

.col-enter2 .enter-link a:hover {
  text-decoration: none;
  border: 1px solid #213430;
  background: transparent;
  color: #292929;
}

.psy_enter .col-enter1 {
  background: linear-gradient(180deg, #d7eae0 0%, rgba(102, 159, 142, 0.67) 100%);
border-radius: 16px;
  padding: 2px;
  max-width: 404px;
  margin: 0 15px 0 0;
}

/*Поля*/
.psy_enter .standard-form input {
  border: 1px solid rgba(163, 201, 180, 0.5);
  border-radius: 9px;
  padding: 9px 12px 6px 50px;
  height: 50px;
  
}

.psy_enter .xdget-block .form-field input.form-field-email{
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/125/h/bd4594ae2166607b00c94222c1abbd82.svg)no-repeat;
  background-position: 20px 18px !important;
}

.psy_enter .xdget-block .form-field input.form-field-password {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/243/h/77e92eed1b39657026e0dede5da1513c.svg)no-repeat;
  background-position: 20px 18px !important;
}

.psy_enter .standard-form input.form-field-full_name {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/299/h/80a69d6f1f8b0dafe2ebf6380d951f45.svg)no-repeat;
  background-position: 20px 18px !important;
}

.psy_enter .standard-form .remind-block input {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/563254/sc/125/h/bd4594ae2166607b00c94222c1abbd82.svg)no-repeat;
  background-position: 20px 18px !important;
}

.psy_enter .standard-form input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.psy_enter .standard-form .remind-block label {
  display: none;
}


/*Кнопки*/
.psy_enter .form-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 42px;
}

.psy_enter .logined-form .form-buttons {
  flex-direction: column;
  gap: 15px;
}

.psy_enter .remind-block .btn.btn-primary {
  margin: 10px 0 10px 0;
}

.psy_enter .register-form .xdget-button.btn.btn-success{
  margin-top: 20px;
}

.psy_enter .btn.btn-link.btn-remind,
.psy_enter .remind-block .btn.btn-link,
.psy_enter .btn.btn-link.btn-logout {
  color: #292929;
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  border-bottom: 1px solid #5cb15a;
  padding: 0;
}

.psy_enter .btn.btn-link.btn-remind:hover,
.psy_enter .remind-block .btn.btn-link:hover,
.psy_enter .btn.btn-link.btn-logout:hover {
  text-decoration: none;
}

.psy_enter .xdget-button.btn.btn-success,
.psy_enter .remind-block .btn.btn-primary,
.psy_enter .logined-form .btn.btn-primary {
  	border-radius: 6px;
  	background: #5cb15a;
  	color: #FFF;
  	font-family: var(--font-family);
  	font-weight: 600;
  	font-size: 18px;
  	border: none;
  	padding: 13px 50px;
    height: 50px;
}

.psy_enter .standard-form .btn.btn-link.btn-register,
.psy_enter .standard-form .btn.btn-link.btn-login {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: #292929;
  border-bottom: 1px solid #5cb15a;
  padding: 0;
}

.psy_enter .standard-form .btn.btn-link.btn-register:hover,
.psy_enter .standard-form .btn.btn-link.btn-login:hover {
 text-decoration: none;   
}

.psy_enter .xdget-button.btn.btn-success.btn-error {
  padding: 2px 15px;
  font-size: 16px;
}
/*END Кнопки*/

.enter-check {
  margin-top: 15px;
  max-width: 400px;
}

.enter-check p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  color: #000;
  text-align: center;
}

.enter-check p a {
  text-decoration: underline;
  color: #213430;
}

  .psy_enter .author-html {
    color: #292929;
  	font-family: var(--font-family);
  	font-size: 16px;
  	font-weight: 500;
  	line-height: normal;    
    }

@media(max-width: 1361px) {
 .psy_enter .main-page-block {
    padding-bottom: 0 !important;
  }
}

@media(max-width: 991px) {
  .psy_enter .container {
    width: 100% !important;
  }
}


@media(max-width: 820px) {
body.psy_enter {
    background-attachment: fixed !important;
}
}

@media(max-width: 816px) {
  .psy_enter .xdget-row.row {
    flex-direction: column !important;
    gap: 20px;
    align-items: center !important;
  }
  
  .psy_enter .col-enter2 {
    max-width: 400px !important;
  }
  
 .psy_enter .col-enter1 {
    margin: 0 !important;
    width: 100%;
    max-width: 396px;
  }
  
  .psy_enter .standard-form {
    padding: 35px 20px !important;
  }
  
  .psy_enter .enter-check {
    margin: 0 auto !important;
}
  .psy_enter .container_enter {
    padding: 30px 25px 38px 25px !important;
    max-width: 460px !important;
  }
  
  body.psy_enter {
    height: auto !important;
  }
}


@media(max-width: 480px) {
  .psy_enter .form-buttons {
    flex-direction: column !important;
    gap: 15px !important;
  }
  .psy_enter .xdget-button.btn.btn-success {
    width: 100% !important;
  }
  
  .psy_enter .container_enter {
    padding: 30px 20px 38px 20px !important;
}
  
  .psy_enter .form-buttons {
    margin-top: 25px !important;
}
  
  .psy_enter .standard-form {
    padding: 32px 15px !important;
}
  
  .psy_enter .xdget-row.row {
    margin: 10px 0 0 0 !important;
}
  
  .psy_enter .remind-block .btn.btn-primary,
  .psy_enter .register-form .xdget-button.btn.btn-success,
  .psy_enter .logined-form .btn.btn-primary {
    padding: 13px 10px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
  .enter-check p a {
    display: block !important;
}
    
    .psy_enter .standard-form h2 {
    margin-bottom: 20px !important;
}
    
}
/* ------------- 
content finish - Страница входа
------------- */