/* Yonesis стилизация */


/* ------------- 
content start - 1
------------- */

/* Заголовки с разделителями */
.nshp-subheader .html-content {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.nshp-subheader .html-content::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0px;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #CF2E2E;
}

.nshp-subheader .html-content .nshp-header {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    background: #211F20;
}


/* Вылет диалога Татьяны */
.nshp-message img {
    position: absolute;
    top: 60px;
    z-index: 20;
    -webkit-animation: scale-in-tl 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-tl 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    
}
  
  
@media (max-width:320px) {
    .nshp-message img {
        top: -40px;
    }
}

@-webkit-keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes scale-in-tl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
  
  .nshp-right-col .nshp-lamp {
    position: absolute;
    top: -22%;
    width: 93px;
    height: 273px;
    background: #211F20 url(https://fs.gcfiles.net/fileservice/file/download/a/27113/sc/150/h/c8ab9cc384b57a4416937b15369b6b1d.png);
    background-blend-mode: lighten;
    z-index: 0;
}
  @media (max-width: 992px) {
    .nshp-right-col .nshp-lamp {
        display: none;
    }
}

.nshp-avatar {
    position: relative;
    z-index: 10;
}

/* Кнопки контроля */
.nshp-control {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 60px;
    padding: 55px 20px 25px;
    background: #343132;
    border-radius: 10px;
}

.nshp-control .nshp-c-header {
    position: absolute;
    top: 0;
    left: 20px;
    display: inline-block;
    padding: 10px;
    color: #D0C6BD;
    font-weight: bold;
    font-size: 18px;
    background: #161516;
    border-radius: 0 0 10px 10px;
}

.nshp-control .nshp-c-btn {
    position: relative;
    flex: 1 1 30%;
    padding: 20px 10px 20px 60px;
    font-weight: bold;
    font-size: 16px;
    color: #343132;
    text-align: left;
    background: #D0C6BD;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s;
}

.nshp-control .nshp-c-btn:hover {
    transform: translatey(-5px);
}

.nshp-control .nshp-c-btn::after {
    position: absolute;
    top: 55%;
    left: 0px;
    transform: translatey(-50%);
}

.nshp-control .nshp-c-btn.b1::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/243/h/7bebf29abd5876530f14ac188710eef1.png);
}

.nshp-control .nshp-c-btn.b2::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/33/h/02f8d5345c55eb8ac748a21d50100515.png);
}

.nshp-control .nshp-c-btn.b3::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/244/h/d186e1ded20188f7b2708a2e8af8ac80.png);
}

@media (max-width:1050px) and (min-width:992px) {
    .nshp-control .nshp-c-btn {
        flex: 0 0 45%;
    }
}

@media (max-width: 630px) {
    .nshp-control .nshp-c-btn {
        flex: 1 1 50%;
    }
}


/* Модули */
.nshp-modules tr[data-training-id="578623804"],
.nshp-modules tr[data-training-id="578623807"],
.nshp-modules tr[data-training-id="578623808"],
.nshp-modules tr[data-training-id="578623867"] {
    display: none;
}

.nshp-modules .stream-table {
    margin: 0 0 60px !important;
}

.nshp-modules tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.nshp-modules tbody tr {
    display: block;
    flex: 1 1 45%;
    max-width: calc(100% / 2 - 10px);
    padding: 0 !important;
    background: none;
    border: 2px solid #D0C6BD;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-modules tbody tr:hover {
    transform: scale(1.03);
}

.nshp-modules tbody tr td {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.nshp-modules tbody tr td:hover {
    background: none !important;
}

.nshp-modules tbody tr td a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 140px;
    overflow: hidden;
}

.nshp-modules tbody tr td a .stream-img {
    position: absolute;
    top: 60%;
    right: 10px;
    transform: translatey(-50%);
}

.nshp-modules tbody tr td a .stream-img img {
    width: 140px;
    height: 140px;
}

.nshp-modules tbody tr td a .t-one {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 20px;
    width: 100%;
    min-height: 30px;
    font-size: 14px;
    color: #D0C6BD;
    background: none;
    border-radius: 10px 10px 0 0;
    z-index: 10;
}

.nshp-modules tbody tr td a .t-second {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 20px;
    padding: 20px 0 0;
    font-weight: bold;
    font-size: 22px;
    color: #D0C6BD;
}

.nshp-modules tbody tr td a .nshp-les {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    padding: 8px 20px;
    min-height: 30px;
    font-size: 12px;
    color: #fff;
    background: #343132;
    border-radius: 0 8px 0 10px;
    z-index: 20;
}

.nshp-modules tbody tr td a .nshp-les .nshp-les-count,
.nshp-modules tbody tr td a .nshp-les .nshp-les-date{
    position: relative;
}

.nshp-modules tbody tr td a .nshp-les .nshp-les-count::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/110/h/9b7b5b834e146093de5b980ce0672c49.png);
    position: relative;
    top: 2px;
}

.nshp-modules tbody tr td a .nshp-les .nshp-les-date::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/143/h/4712a1ef646c41ab5b1c87d2c6491f75.png);
    position: relative;
    top: 2px;
    margin-left: 20px;
    margin-right: 2px;
}

@media (max-width:1170px) and (min-width:992px) {
    .nshp-modules tbody tr td a .t-one {
        display: none;
    }
}

@media (max-width:710px) {
    .nshp-modules tbody tr {
        flex: 1 1 50%;
      max-width: 100%;
    }
}

@media (max-width:320px) {
    .nshp-modules tbody tr td a .t-one {
        display: none;
    }
}

/* Сервис менеджер */

.nshp-supportTime .html-content {
    padding: 20px;
    background: #D0C6BD;
    border-radius: 10px;
}

.nshp-supportTime .html-content .supportHeader {
    font-size: 18px;
}

.nshp-supportTime .html-content .supportBudni {
    font-weight: bold;
    font-size: 24px;
    color: #CF2E2E;
}

.nshp-supportTime .html-content .supportLink a {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 60px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #D0C6BD;
    background: #CF2E2E;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-supportTime .html-content .supportLink a:hover {
    background: #1B191A;
    text-decoration: none;
}

/* Итоги модуля */

.nshp-result {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}

.nshp-result .nshp-r-btn {
    position: relative;
    flex: 1 1 24%;
    padding:  100px 15px 20px;
    min-height: 100px;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    color: #D0C6BD;
    background: #2F2D2E;
    border: none;
    border-radius: 10px;
    transition: all .3s;
    vertical-align: top;
}

.nshp-result .nshp-r-btn:hover {
    transform: translatey(-5px);
    box-shadow: 0px 10px 0px #CF2E2E;
}

.nshp-result .nshp-r-btn::before {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translatex(-50%);
}

.nshp-result .nshp-r-btn.b1::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/95/h/00b126596f75a50a7506d6dbdb0f9709.png);
}

.nshp-result .nshp-r-btn.b2::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/191/h/6a4cb107194a75eefc6e7f2e89b30211.png);
}

.nshp-result .nshp-r-btn.b3::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/101/h/506af0b8909a24977474da16e53ab73d.png);
}

.nshp-result .nshp-r-btn.b4::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/71/h/2837153428af6fa580a27f2679b4f99e.png);
}


/* Фото Татьяны */

.nshp-avatar {
    margin-top: 70px;
    
}

@media (min-width: 992px) {
    .nshp-avatar {
        margin-top: -70px;
    }
}


/* Кнопки мессенджера */

.nshp-side {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap:10px;
    margin-bottom: 15px;
}

.nshp-side button {
    flex: 1 1 45%;
    padding: 15px 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    color: #D0C6BD;
    background: #CF2E2E;
    border: 0;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-side button:hover {
    color: #fff;
    background: #D0C6BD;
    transform: translatey(-5px);
}

/* Актуальные события */
.nshp-calendar .nshp-c-header {
    padding: 15px;
    font-family: font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #D0C6BD;
    background: #161516;
    border-radius: 10px 10px 0 0;
}
  
/*-- Календарь событий --*/
.nshp-c-calendar .calendar .nshp-c-header {
    padding: 15px;
    font-family: font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #D0C6BD;
    background: #161516;
    border-radius: 10px 10px 0 0;
}
.nshp-c-calendar .calendar {
    position: relative;
    padding: 20px;
    overflow: hidden;
    text-transform: capitalize;
    text-align: center;
    font: 15px/1em inherit;
    color: #545a5c;
    background: #D0C6BD;
    border-radius: 0 0 10px 10px;
}
.nshp-c-calendar .calendar a {
    text-decoration: none;
    color: inherit;
}
.nshp-c-calendar .calendar header .simple-calendar-btn {
    display: inline-block;
    position: absolute;
    top: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #CF2E2E;
    color: #D0C6BD;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s;
}
.nshp-c-calendar .calendar header .simple-calendar-btn:hover {
    background: #D0C6BD;
    color: #CF2E2E;
    border: 2px solid #CF2E2E;
}
.nshp-c-calendar .calendar header .simple-calendar-btn:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    transform: rotate(45deg);
    transform-origin: center center;
}
.nshp-c-calendar .calendar header .btn-prev {
    left: 20px;
    transform: rotate(-180deg);
}
.nshp-c-calendar .calendar header .btn-next {
    right: 20px;
}
.nshp-c-calendar .calendar header .btn-next:before {
    transform: rotate(45deg);
}
.nshp-c-calendar .calendar header .month {
    padding: 10px 0 20px;
    margin: 0;
    font-weight: bold;
    border-bottom: 1px dashed;
    font-size: 18px;
}
.nshp-c-calendar .calendar header .month .year {
    display: none;
    margin: 10px auto 0;
    padding-top: 10px;
    font-size: 0.4em;
    font-weight: 100;
    border-top: 1px solid #f3f3f3;
}
.nshp-c-calendar .calendar table {
    width: 100%;
    margin: 20px 0;
    border-spacing: 0px;
}
.nshp-c-calendar .calendar thead {
    font-size: 14px;
    color: #8A8A8A;
 
}
.nshp-c-calendar .calendar td {
    padding: 0.8em 0.1em;
}
.nshp-c-calendar .calendar .day {
    position: relative;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.3em;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .3s;
}
.nshp-c-calendar .calendar .day.has-event:hover {
    background: #CF2E2E;
    color: #fff;
}

.nshp-c-calendar .calendar .day.today {
    background: #CF2E2E;
    color: white;
}
.nshp-c-calendar .calendar .day.today.has-event:after {
    background: white;
}
.nshp-c-calendar .calendar .day.wrong-month {
    color: #ffffff40;
}
.nshp-c-calendar .calendar .day.wrong-month:hover {
    border: 2px solid transparent;
}

.nshp-c-calendar .calendar .day.has-event {
    border: 1px solid #CF2E2E;
}

.nshp-c-calendar .calendar .day.has-event:after {
    /*content: "";*/
    position: absolute;
    top: calc(50% + 0.6em);
    left: calc(50% - 2px);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #6691cc;
}
.nshp-c-calendar .calendar .day.disabled {
    cursor: default;
}
.nshp-c-calendar .calendar .day.disabled:hover {
    border: 2px solid transparent;
}
.nshp-c-calendar .calendar .event-container {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 70px;
    background: #00000020;
    border-radius: 0 0 10px 10px;
    backdrop-filter: grayscale(100%);
    -webkit-backdrop-filter: grayscale(100%);
    box-sizing: border-box;
    z-index: 999;
}
.nshp-c-calendar .calendar .event-container .event-wrapper {
    overflow-y: auto;
    max-height: 100%;
}
.nshp-c-calendar .calendar .event-container .close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    left: 50%;
    transform: translatex(-50%);
    cursor: pointer;
    opacity: 1;
}
.nshp-c-calendar .calendar .event-container .close:before,
.nshp-c-calendar .calendar .event-container .close:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #fff;
}
.nshp-c-calendar .calendar .event-container .close:before {
    transform: rotate(45deg);
}
.nshp-c-calendar .calendar .event-container .close:after {
    transform: rotate(-45deg);
}
.nshp-c-calendar .calendar .event-container .event {
    position: relative;
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
    background: #D0C6BD;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: left;
}
.nshp-c-calendar .calendar .event-container .event-date {
    margin-bottom: 1em;
}
.nshp-c-calendar .calendar .event-container .event-hour {
    float: right;
}
.nshp-c-calendar .calendar .event-container .event-summary {
    font-weight: 600;
}
.nshp-c-calendar .calendar .filler {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #00000020;
    transform: translate(-50%, -50%);
}
  
  /* Навыки */
.nshp-skill {
    min-height: 50px;   
}

.nshp-skill p {
    float: left;
    max-width: 190px;
    font-weight: bold;
    color: #D0C6BD;
}

.nshp-skill ul {
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 7px;
    
    padding: 0;
    width: 150px;
    list-style: none;
}

.nshp-skill ul li {
    display: block;
    width: 23px;
    height: 23px;
    border: 1px solid #CF2E2E;
    border-radius: 50px;
}

.nshp-skill ul li.active {
    background: url(https://fs.gcfiles.net/fileservice/file/download/a/27113/sc/186/h/17d8fbd886ec129950d2d001af16c3b1.png) no-repeat center;
}

@media (max-width: 375px) {
    .nshp-skill p,
    .nshp-skill ul {
        float: none;
    }
    
    .nshp-skill ul {
        justify-content: space-between;
    }
}
  
/* Статистика модуля */
  .nshp-modulestatistic .html-content .nshp-statistic {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 60px;
    
    margin-bottom: 30px;
    padding: 20px;
    color: #fff;
    background: #343132;
    border-radius: 10px;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-s-column {
    flex: 1 1 45%;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-progressheader {
    position: relative;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-module-count {
    float: left;
    font-weight: bold;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-module-percent {
    float: right;
    font-weight: bold;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-progressbar {
    position: relative;
    margin-top: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 100px;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-progressbar-length {
    position: relative;
    top: 2px;
    left: 2px;
    height: 24px;
    width: 6%;
    background: #CF2E2E;
    border-radius: 100px;
    overflow: hidden;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-progressbar-length::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 100px;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-progresslessons {
    position: relative;
    margin: 12px 0;
    width: 100%;
    min-height: 20px;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-lessons-counttext {
    float: left;
}

.nshp-modulestatistic .html-content .nshp-statistic .nshp-lessons-count {
    float: right;
}

.nshp-modulestatistic .html-content .nshp-statistic .lc1, 
.nshp-modulestatistic .html-content .nshp-statistic .bals {
    color:  #CF2E2E;
}

@media (max-width: 1125px) and (min-width:992px) {
    .nshp-modulestatistic .html-content .nshp-statistic .html-content .nshp-statistic {
        gap: 20px 60px;
    }
}

@media (max-width:680px)  {
    .nshp-modulestatistic .html-content .nshp-statistic .html-content .nshp-statistic {
        gap: 20px 60px;
    }
}

@media (max-width: 320px) {
    .html-content .nshp-statistic .nshp-progressheader {
        font-size: 10px;
    }
}
/* ------------- 
content finish - 1
------------- */

/* ------------- 
content start - 02 - younesis - модули и списки уроков
------------- */

.nshp-map img {
    border-radius: 10px;
    margin-bottom: 30px;
}

.nshp-welcome img {
    border-radius: 10px;
    margin-bottom: 10px;
}

.nshp hr {
    border-top: 1px dashed #E9856E;
}
  
  


/* Информация о модуле и навигация */

.nshp-m-results .html-content {
    margin-bottom: 20px;
    padding: 20px;
    color: #fff;
    background: #332022;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
}

.nshp-m-results .html-content strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
}

.nshp-m-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
    margin-bottom: 60px;
}

.nshp-m-navigation .nshp-mn-btn {
    position: relative;
    flex: 1 1 30%;
    min-height: 60px;
    color: #fff;
    background: #1B191A;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-m-navigation .nshp-mn-btn:hover {
    background: #CF2E2E;
}

.nshp-m-navigation .nshp-mn-btn.b-back::before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0101 1.02539L1.9408 9.55469L9.79347 18.0574' stroke='%23F68D75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 58%;
    left: 20px;
    transform: translatey(-50%);
    font-size: 18px;
    color: #CF2E2E;
}

.nshp-m-navigation .nshp-mn-btn.b-back:hover::before  {
    content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0101 1.02539L1.9408 9.55469L9.79347 18.0574' stroke='%231B191A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.nshp-m-navigation .nshp-mn-btn.b-next::before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0101 1.02539L1.9408 9.55469L9.79347 18.0574' stroke='%23F68D75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 42%;
    right: 20px;
    transform: translatey(-50%) scale(-1);
    font-size: 18px;
    color: #CF2E2E;
}

.nshp-m-navigation .nshp-mn-btn.b-next:hover::before  {
    content: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0101 1.02539L1.9408 9.55469L9.79347 18.0574' stroke='%231B191A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (max-width: 650px) {
    .nshp-m-navigation .nshp-mn-btn {
        flex: 1 1 100%;
    }
}

/* Подмодули модулей */
.nshp-m-modules .stream-table {
    margin: 0 0 60px !important;
}

.nshp-m-modules .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
}

.nshp-m-modules .stream-table tbody tr {
    display: block;
    flex:  1 1 30%;
    padding: 0 !important;
    background: none;
    border: 2px solid #D0C6BD;
    border-radius: 10px;
    transition: all .3s;
    overflow: hidden;
}

.nshp-m-modules .stream-table tbody tr:hover {
    background: #CF2E2E;
    border: 2px solid transparent;
}

.nshp-m-modules .stream-table tbody tr td {
    display: block;
    padding: 0 !important;
    height: 100%;
    width: 100%;
}

.nshp-m-modules .stream-table tbody tr:hover td {
    background: none;
}

.nshp-m-modules .stream-table tbody tr td a {
    position: relative;
    display: block;
    width: 100%;
    min-height: 140px;
    padding: 20px 20px 40px;
}

.nshp-m-modules .stream-table tbody tr .stream-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #D0C6BD;
}

.nshp-m-modules .stream-table tbody tr:hover .stream-title {
    color: #fff;
}

.nshp-m-modules .stream-table tbody tr td a div {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 5px 20px;
    color: #fff;
    background: #D0C6BD;
    transition: all .3s;
}
  
.nshp-m-modules .stream-table tbody tr td a div b {
    color: #343132;
}

.nshp-m-modules .stream-table tbody tr:hover div {
    background: #343132;
}

.nshp-m-modules .stream-table tbody tr:hover div b {
    color: #fff;
}

@media (max-width: 650px) {
    .nshp-m-modules .stream-table tbody tr {
        flex:  1 1 100%;
      max-width: 100%;
    }
    
    .nshp-m-modules .stream-table tbody tr td a {
        min-height: 90px;
    }
}

.nshp-m-result-btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 18px;
    color: #fff;
    background: #343132;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-m-result-btn:hover {
    background: #CF2E2E;
    transform: translatey(-5px);
}

/* Уроки блоками */

.nshp-m-lessons .lesson-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 15px;
    padding: 0 !important;
    background: 0 !important;
}

.nshp-m-lessons .lesson-list li {
    position: relative;
    display: block;
    flex: 1 1 30%;
    max-width: calc(100% / 3 - 10px);
    margin: 0 !important;
    background: transparent;
    border: 1px solid #D0C6BD;
    border-radius: 10px;
    transition: all .3s;
}

.nshp-m-lessons .lesson-list li:hover {
    transform: scale(1.03);
}

.nshp-m-lessons .lesson-list li.divider {
    display: none;
}

.nshp-m-lessons .lesson-list li a {
    position: relative;
    display: block;
    padding: 15px 15px 40px;
    height: 100%;
    background: 0 !important;
}

.nshp-m-lessons .lesson-list li .hidden-xs {
    display: none;
}

.nshp-m-lessons .lesson-list li .info {
    margin-left: 0;
    background: 0 !important;
    border: 0 !important;
}

.nshp-m-lessons .lesson-list li table {
    min-width: inherit;
}
  
.nshp-m-lessons .lesson-list li table td {
    vertical-align: top;
}

.nshp-m-lessons .lesson-list li .info .vmiddle {  
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 0 !important;
}
  
.nshp-m-lessons .lesson-list li .item-main-td {
    padding-top: 0 !important;
}

.nshp-m-lessons .lesson-list li .title {
    margin-right: 0px !important;
}
  
.nshp-m-lessons .lesson-list li .title .t-one {
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    font-size: 14px;
    color: #CF2E2E;
}

.nshp-m-lessons .lesson-list li .title .t-second {
    display: block;
    margin-top: 0px;
    font-weight: bold;
    font-size: 20px;
    color: #D0C6BD;
    line-height: 1.2;
}

.nshp-m-lessons .lesson-list li .description {
    display: none;
}


.nshp-m-lessons .lesson-list li .user-state-label {
    display: none;
}


/* Нет задания */

.nshp-m-lessons .lesson-list li a::after {
    content: "Нет задания";
    position: absolute;
    bottom: 0;
    left: 0px !important;
    display: block;
    width: 100% !important;
    height: 35px;
    padding: 9px 10px 6px;
    color: #211F20 !important;
    background: #D0C6BD;
    z-index: 1;
}

/* Есть задание */
.nshp-m-lessons .lesson-list li.user-state-need_accomplish a::after,
.nshp-m-lessons .lesson-list li.user-state-has_mission a::after {
    content: "Есть задание";
    padding-left: 35px;
    bottom: 0px;
    z-index: 1;
}

.nshp-m-lessons .lesson-list li.user-state-need_accomplish a::before,
.nshp-m-lessons .lesson-list li.user-state-has_mission a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/107/h/a3a21f2121936a16b6ca42212b7d1ba5.png);
    position: absolute;
    bottom: 3px;
    left: 15px;
    z-index: 5;
}



/* Задание на проверке */
.nshp-m-lessons .lesson-list li.user-state-answered {
    border: 2px solid #595657;
}

.nshp-m-lessons .lesson-list li.user-state-answered a::after {
    content: "На проверке";
    padding-left: 35px;
    bottom: 0px;
    color:#fff !important;
    background: #595657;
    z-index: 1;
}

.nshp-m-lessons .lesson-list li.user-state-answered a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/159/h/a31e3b6008f2ed56689997a0ffd6d533.png);
    position: absolute;
    bottom: 3px;
    left: 15px;
    z-index: 5;
}


/* Задание выполнено */

.nshp-m-lessons .lesson-list li.user-state-accomplished a::after {
    content: "Выполнено";
    padding-left: 35px;
    color: #fff !important;
    bottom: 0px;
    background: #309977;
    z-index: 1;
}

.nshp-m-lessons .lesson-list li.user-state-accomplished a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/459/h/17f432291a62240ff555e106c391d806.png);
    position: absolute;
    bottom: 3px;
    left: 15px;
    z-index: 5;
}

.nshp-m-lessons .lesson-list li.user-state-accomplished {
    border:2px solid #309977;
}

.nshp-m-lessons .lesson-list li.user-state-not_reached .title,
.nshp-m-lessons .lesson-list li.user-state-not_reached .description,
.nshp-m-lessons .lesson-list li.user-state-not_reached a::after,
.nshp-m-lessons .lesson-list li.user-state-not_reached .info .vmiddle::before {
    color: #C0C0C0;
}

/* Повреждена ссылка - удалена */
.nshp-m-lessons .lesson-list li.user-state-not_reached .description::before {
    content: url();
    position: relative;
    top: 2px;
}

@media (max-width:1250px) and (min-width: 992px) {
    .nshp-m-lessons .lesson-list li {
        flex: 1 1 45% !important;
    }
}

@media (max-width:650px) {
    .nshp-m-lessons .lesson-list li {
        flex: 1 1 95% !important;
        max-width:100%;
    }
    
    .nshp-m-lessons .lesson-list li .info .vmiddle {
        margin-left: 0 !important;
    }
}
/* ------------- 
content finish - 02 - younesis - модули и списки уроков
------------- */

/* ------------- 
content start - 03 - younesis - оформление урока.css
------------- */

.nshp.gc-main-content {
    background: #1B191A;
}

.nshp .breadcrumbs a,
.nshp .breadcrumb a {
    color: #E9856F;
}

.nshp .page-header {
    border: none !important;
}

.nshp .page-header h1 a {
    color: #fff;
}

.nshp .content-menu {
	border: none !important;
}

.nshp .center-block {
    max-width: 100% !important;
}

.nshp .col-md-10 {
    width: 100%;
    margin: 0 !important;
}

.nshp .lt-block-wrapper .container {
    max-width: 950px;
    margin: 0 auto !important;
}

.nshp .lt-lesson-comment-block .lt-block-wrapper .container,
.nshp .lt-lesson-mission-block .lt-block-wrapper .container {
    max-width: inherit;
}

.nshp .gc-both-main-content.container-auto-width .my-container {
    margin-right: 0 !important;
}

.nshp .image-box {
	text-align:Center;
}

.nshp .image-box img {
    border-radius: 20px;
}

/* Текст в урках */

.nshp .f-text,
.nshp .f-text p,
.nshp .f-text p span, 
.nshp .f-text ul li,
.nshp .f-text ol li {
    font-size: 16px;
    color: #fff !important;
}

.nshp .f-text strong em,
.nshp .f-text em strong,
.nshp .f-text strong i,
.nshp .f-text i strong{
    color: #DE2121;
    font-size: 18px;
}

.nshp .f-text h5 {
    display: inline-block;
    margin: 15px 0;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    background: #CF2E2E;
}

.nshp p a {
    color: #DE2121;
    border-bottom: 1px solid #DE2121;
    transition: all .1s;
}

.nshp p a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}




/* Шапка урока */
.nshp  .lesson-header-block.row-section {
    position: relative;
    margin-top: 80px;
    min-height: 240px;
    background: #D0C6BD url(https://fs.gcfiles.net/fileservice/file/download/a/27113/sc/299/h/09fbdd2ea9d85850ed2475248fee2bc3.png) no-repeat center !important;
    background-size: cover !important;
    border: 0 !important;
    padding-bottom: 10px !important;
    border-radius: 10px;
}

.nshp  .lesson-header-block.row-section::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/239/h/10d2efe759b9a3db6a2b6dcd29381155.png);
    position: absolute;
    bottom: -6px;
    right: 100px;
}

.nshp  .lesson-header-block .col-md-12 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 40px 30px 10px !important; 
}

.nshp  .lesson-header-block .col-md-12::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 375px;
    height: 1px;
    border-bottom: 1px dashed #211F2040;
}

.nshp  .lesson-header-block .lesson-title-value {
    flex: 0 0 100%;
    order: 1;
    max-width: 400px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 36px;
    text-align: left;
    color: #211F20;
    padding: 15px 0px 0 0;
}

.nshp  .lesson-header-block .lesson-description-value {
    flex: 0 0 100%;
    order: 1;
    display: block;
    margin-bottom: 20px;
    padding: 0px 350px 0 0;
    font-weight: normal;
    font-size: 18px !important;
    text-align: left;
    color: #fff !important;
    line-height: 1;
}

.nshp  .lesson-header-block .lesson-navigation {
    position: relative;
    color: #fff;
    font-size: 14px !important;
    z-index: 100;
}

.nshp  .lesson-header-block .lesson-navigation tr {
    display: flex;
    flex-wrap: wrap;
}

.nshp  .lesson-header-block .lesson-navigation td {
    margin: 10px 10px 50px;
    width: inherit;
   
}

.nshp  .lesson-header-block .lesson-navigation td.text-center {
    display: none;
}

.nshp  .lesson-header-block .lesson-navigation a {
    background: #CF2E2E;
    font-weight: bold;
    color: #fff;
    padding: 8px 30px;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: all .3s;
}

.nshp  .lesson-header-block .lesson-navigation a:hover {
    background: #211F20;
    color: #fff;
    text-decoration: none;
}


.nshp  .lesson-header-block .lesson-navigation div.hidden-xs {
    display: none;
}

@media (max-width:1024px) {
    .nshp  .lesson-header-block.row-section::after {
        right: 0;
    }
}

@media (max-width:768px) {
    
    .nshp  .lesson-header-block.row-section::after {
        bottom: -30px
        transform: scale(.9);
    }
    
    
    .nshp  .lesson-header-block .lesson-title-value {
        font-size: 36px;
    }
    
    .nshp  .lesson-header-block .col-md-12::before {
        width: 230px;
    }
    
    
    .nshp  .flex-container.wrap-col {
		flex-flow: nowrap !important;
	}
}

@media (max-width:425px) {
    
    .nshp  .lesson-header-block.row-section {
        min-height: inherit;
    }
    
    .nshp  .lesson-header-block.row-section::before,
    .nshp  .lesson-header-block.row-section::after {
        display: none;
    }
    
    .nshp .lesson-header-block .lesson-navigation .text-right a {
        margin-left: 20px;
    }
    
        
    
    .nshp  .lesson-header-block .lesson-description-value {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .nshp  .lesson-header-block .lesson-description-value b {
        font-size: 24px !important;
    }
    

    .nshp  .lesson-header-block .lesson-title-value {
        padding: 15px 0 0;
    }
}

@media (max-width:375px) { 
    
    .nshp .lesson-header-block .lesson-navigation .text-right a {
        margin-left: 0px;
    }
    
    .nshp  .lesson-header-block .col-md-12::before {
        width: 200px;
    }
    .nshp  .lesson-header-block .lesson-navigation td {
        margin-bottom: 10px;
        padding-left: 20px;
    }
    
    .nshp  .lesson-header-block .lesson-description-value {
        font-size: 20px !important;
    }
    .nshp  .lesson-header-block .lesson-navigation td::nth-child(1) {
        margin-left: 20px !important;
    }
}

@media (max-width:320px) {
    .nshp  .lesson-header-block .lesson-title-value {
        font-size: 30px;
    }
}


/* Блок заголовки */
.nshp .lt-lesson-header .modal-block-content {
    margin-left: 0 !important;
    width: 100% !important;
}

.nshp .header.f-lesson-header-1 {
    padding: 10px 0;
    text-align:left !important;
    font-weight: bold;
    color: #fff !important;
    border-bottom: 1px dashed #ffffff50;
    position: relative;
    overflow: hidden;
}

.nshp .timecode .header.f-header.f-lesson-header-1 {
    padding-right: 50px;
}

.nshp .timecode .header.f-header.f-lesson-header-1::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/118/h/5497dba7c4ca5e659526d498048b3f54.png);
    position: absolute;
    top:10px;
    right:10px;
}
  
  .nshp .shpHeader {
    padding-bottom: 10px;
    color: #fff;
    border-bottom: 1px dashed #ffffff50;
}

.nshp .shpHeader p {
    font-size: 24px;
}

  .nshp .shpHeader.timecode {
    position: relative;
} 

.nshp .shpHeader.timecode::after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/27113/sc/118/h/5497dba7c4ca5e659526d498048b3f54.png);
    position: absolute;
    top:5px;
    right:0px;
}
  
/* Двуколоночный блок */
.nshp .twocolumn-block div[data-path="column2"] {
    padding: 20px;
    background: #1B191A url(https://fs.gcfiles.net/fileservice/file/download/a/27113/sc/195/h/fc73ae0770e7e39dec435c0c2953451d.png) no-repeat top right;
    border-radius: 10px;
}

@media (max-width:375px) {
    .nshp .twocolumn-block div[data-path="column2"] {
        background: #1B191A !important;
    }
}


/* Блок видео */
.nshp .clearfix.videoWrapper,
.nshp .vhi-root {
    margin-bottom: 30px !important;
}

.nshp .clearfix.videoWrapper iframe,
.nshp .vhi-root iframe {
	margin-bottom: 30px !important;
    border: 2px solid #CF2E2E;
    border-radius: 10px;
}

.nshp .vhe-cdn-change {
    display: none !important;
}

/* Блок Разделитель */
.nshp .lt-separator .lt-block-wrapper {
	background:none !important;
}

.nshp .lt-separator hr {
    margin:30px auto !important;
    padding: 0;
    width:95%;
    max-width:920px !important;
    text-align: center;
    border: none;
    border-top: medium double #CF2E2E;
    overflow: visible;
}

/* Блок файлы */
.nshp .table.files-table {
    background: #CF2E2E;
    border-radius: 10px !important;
    display: block;
}

.nshp .table.files-table td {
    border:none;
}

.nshp .table.files-table tr td:nth-child(1) {
    padding-top:20px;
}

.nshp .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    color: #fff;
}

.nshp .table.files-table tr td:nth-child(2):after {
    content: "";
    position: absolute;
    top:50%;
    right:0;
    width: 2px;
    height:60%;
    background:  #fff;
    transform: translatey(-50%);
}

.nshp .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
}

.nshp .table.files-table tr td:nth-child(3) a {
    color:  #fff;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.2em;
    display: block;
    transition: all .3s;
}

.nshp .table.files-table tr td:nth-child(3) a:hover {
    transform: scale(1.05) translatex(10px);
}

@media (max-width:425px) {
    .nshp .table.files-table tr td:nth-child(1) {
        display: none;
    }
    .nshp .table.files-table {
        background-image: none !important;
        padding: 20px;
    }
}

/* Словарь продюссера */
  .nshp-dictionary .lt-block-wrapper .container {
    padding: 35px 25px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    background: #343132 url(https://fs.gcfiles.net/fileservice/file/download/a/27113/sc/182/h/eeef7577eccf3870c595617241ff8939.png) no-repeat right top;
    border-radius: 10px;
}

.nshp-dictionary .lt-block-wrapper .container h3 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 28px;
}

.nshp-dictionary .lt-block-wrapper .container strong {
    color: #CF2E2E;
}
  
/* Кнопки */
.nshp .btn.f-btn {
    background: #CF2E2E !important;
    border-radius: 10px;
    transition: all .3s;
}

.nshp .btn.f-btn:hover {
    background: #D0C6BD !important;
    transform: translatey(-5px);
}


/* Блок ДЗ */

.nshp .lt-lesson-mission-block {
    margin-top: 20px;
    
}

.nshp .lt-lesson-mission-block .container,
.nshp .lt-lesson-comment-block .container {
    padding:0 !important;
}

.nshp .lt-lesson-mission-block h3 {
    width: 100%;
    padding: 20px 10px 10px 25px;
    padding-left: 25px;
    font-size: 24px !important;
    border: 1px solid #CF2E2E;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-transform: uppercase;
}

.nshp .lesson-mission-text {
    margin-bottom: 20px;
    padding: 10px 25px 25px !important;
    color: #fff;
    border: 1px solid #CF2E2E;
    border-top: none;
    border-radius: 0 0 10px 10px;
}


.nshp .testing-widget {
    margin: 0 -20px;
    padding: 20px 0;
    background: #D0C6BD !important;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
}

.nshp .testing-widget .btn-restart {
    background: #CF2E2E;
    border-radius: 5px;
}

.nshp .testing-widget .question-title-big {
    text-align: center;
    font-weight: bold;
}

.nshp .testing-widget .js__btn-variant {
    border-radius: 5px;
}

.nshp .testing-widget .btn-default.js__btn-variant {
    font-family: Montserrat, sans-serif;
    color: #fff;
    background: #211F20;
    border: none !important;
    transition: all .3s;
}

.nshp .testing-widget .js__btn-variant.btn-success {
    background: #1EB182 !important;
}

.nshp .testing-widget .js__btn-variant.btn-danger {
    background: #8D4D4D !important;
}


.nshp .testing-widget .btn-send-variant {
    font-family: Montserrat, sans-serif;
    background: #CF2E2E;
    border: none;
    border-radius: 3px !important;
    transition: all .3s;
}

.nshp .testing-widget .btn-send-variant:hover {
    background: #A71818;
    color: #fff;
}

.nshp .testing-widget .btn-restart {
    color: #fff !important;
}


.nshp .lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:-1px;
    border: 0;
}

.nshp #lessonAnswerForm {
    padding: 10px;
    background: #151415;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
}


.nshp #lessonAnswerForm label,
.nshp #lessonAnswerForm .addfield-type-currency div {
    color: #fff;
}

.nshp #lessonAnswerForm .type-currency {
    color: #000;
}

.nshp .answer-form {
    background: transparent;
}

.nshp .answer-form .addfield .type-text {
	color: #000 !important;
}


@media (max-width:425px) {
    .nshp .lt-lesson-mission-block .answer-form::after { display: none; }
}

.nshp #lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}

.nshp .user-profile-image {
    border-radius: 100px;
}


.nshp .field-lessonanswer-answer_text .uploadifive-button {
    background: #CF2E2E;
    border-radius: 3px;
    font-weight: 600;
}

.nshp .lt-lesson-mission-block .btn-send-answer,
.nshp #showMoreAnswers,
.nshp .lt-lesson-comment-block .simple-answer .btn-send {
    background-color: #fff;
    color: #000;
    font-size: 16px !important;
    border: none;
    border-radius: 5px;
    transition: all .3s;
    font-weight: 300 !important;
    font-size: 18px;
    padding: 12px 30px;
}

.nshp .lt-lesson-mission-block .btn-save-draft {
    border: 1px solid #fff;
    padding: 12px 30px;
    border-radius: 5px;
    color:  #fff !important;
    transition: all .3s;
}

.nshp .answer-form .answer-textarea-container {
    width: 100%;
}

.nshp .lt-lesson-mission-block .btn-send-answer:hover,
.nshp .lt-lesson-mission-block .btn-save-draft:hover,
.nshp .lt-lesson-comment-block .simple-answer .btn-send:hover {
    transform: translatey(-5px);
}

.nshp .lt-lesson-mission-block #user_hide_answer,
.nshp .lt-lesson-mission-block label {
    margin-bottom:15px;
}


@media (max-width:425px) {
    .nshp .btn-save-draft {
        margin-top: 10px !important;
        margin-left:0 !important;
    }
    
    .nshp .lesson-answers-title .pull-right {
        width: 100%;
        display: block;
    }
    
    .nshp .flex-container.wrap-col {
		flex-flow: row wrap !important;
	}
    
    .nshp .lesson-mission-text {
        margin: 0;
    }
}

@media (max-width:375px) {
    .btn-save-draft {
        margin-top:10px;
    }
}

/* Комментарии и ответы */

.nshp .self-answers .type-mission_answer {
    padding: 0 30px;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
}

.nshp .self-answers .type-mission_answer a {
    color: #CF2E2E;
}

.nshp .self-answers .type-mission_answer .answer-status a {
    color: #ffffff50;
}

.nshp .self-answers {
    color: #fff;
}

.nshp .self-answers .button.positive,
.nshp .self-answers .b-notifications-subscribe,
.nshp .self-answers .b-notifications-subscribe span {
    color: #CF2E2E !important;
    border: none !important;
}

.nshp .self-answers .new-comment .btn-send {
    padding: 10px 20px;
    background: #CF2E2E;
    border: 0;
    border-radius: 10px;
}



.nshp .lt-lesson-comment-block .lesson-answers-title {
    width: 100%;
    background: none;
    padding: 10px;
    border: none !important;
    color: #fff;
}


.nshp .lt-lesson-comment-block .lesson-answers-title a {
    color: #CF2E2E;
}

.nshp .lt-lesson-comment-block .lesson-answers-title h3 {
    margin-bottom: 0 !important;
}

.nshp .lt-lesson-comment-block .simple-answer {
    background: #fff;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
    margin-top:-1px;
    margin-bottom: 20px;
}

.nshp .lt-lesson-comment-block .simple-answer .user-image img {
    border-radius: 40px;
    margin-top:-5px;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer {
    background: #fff !important;
    padding: 10px 20px;
    border: 1px solid #CF2E2E;
    border-radius: 10px;
    margin:5px 0 10px;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .user-profile-image {
    border-radius: 50px;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-content .text, .nshp .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-date a {
    color: #333;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-status a {
    color: #C4C4C4;
}

.nshp .user-answer.status-accepted .answer-status .answer-status-label {
    background: #CF2E2E !important;
    color: #fff;
}

.nshp .user-answer.status-declined .answer-status .answer-status-label {
    background: #ccc !important;
    color: #fff;
}

.nshp .user-answer.status-viewed .answer-status .answer-status-label {
    background: #CF2E2E !important;
    color: #fff;
    padding: 5px 20px;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-text {
    margin-top: 20px;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-files img {
    border:3px solid #CF2E2E;
    transition: all .3s;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-files img:hover {
    transform: scale(1.03,1.03);
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span {
    color: #CF2E2E !important;
    border: none;
}

.nshp .lt-lesson-comment-block .answers-list .user-answer .lesson-answer-comment {
    padding: 10px;
    background: #ffffff !important;
    margin: 10px 0 20px;
    border-radius: 5px;
}

.nshp .self-answers .type-mission_answer .comments-container .lesson-answer-comment {
    background: transparent;
}

.nshp .self-answers .type-mission_answer .comments-container .user-related-data .worker .text {
    color: #fff;
}

.nshp .emoji-textarea {
    color: #000 !important;
}

.nshp .lt-lesson-comment-block .btn.btn-primary.btn-send {
    background: #CF2E2E;
    border: 1px solid #CF2E2E;
    color: #fff;
    border-radius: 10px;
    
}

.nshp .lt-lesson-comment-block .btn.btn-primary.btn-send .text {
    color:#fff;
    font-weight: 300;
}

.nshp .user-answer .addfield {
	margin-top: 15px;
    border-radius: 10px;
    background: #D0C6BD !important;
    color: #000000 !important;
}
/* ------------- 
content finish - 03 - younesis - оформление урока.css
------------- */