@font-face {

    font-family: 'proxy';

    src: url('/fileservice/file/download/h/d93996e2949a6676989b14490b9c493c.otf/a/732288/sc/510') format('opentype'),

        url('/fileservice/file/download/h/147146daabd788213ededb3e6b1b6b2a.woff/a/732288/sc/322') format('woff');

}

.f-header,
.f-btn,
.f-description,
.f-desc,
.f-name,
.f-subheader,
.title 
{
    font-family: 'proxy', sans-serif !Important;
}

a {
    color: #000000;
    text-decoration: none;
}

/* Шапка */
.center-block .lesson-header-block.row-section {
    position: relative;
    padding: 25px 40px !important;
    min-height: 270px;
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/224212/sc/145/h/f3f61a6cd773380a8a223da55e65c770.png) no-repeat center right,
        linear-gradient(77deg, rgba(142,68,33,1) 0%, rgba(142,68,33,1) 50%, rgba(187,105,57,1) 68%, rgba(204,121,67,1) 100%) !important;
        border: 0 !important;
    border-radius: 10px;
}

.center-block .lesson-header-block.row-section::before {
    position: absolute;
    height: 330px;
    right: 0;
    bottom: 0px;
}

.center-block .lesson-header-block .col-md-12.text-center {
    text-align: left;
    padding: 0 !important;
}

.center-block .lesson-header-block h2.lesson-title-value {
    margin: 0;
    font-family: 'Forum';
    font-weight: 600;
    font-size: 33px;
    color: #F7F3E7;
	max-width: 600px;
}

.center-block .lesson-description-value {
	max-width: 600px;
}

.center-block .lesson-description-value, 
.center-block .lesson-navigation {
    font-size: 12px;
    color: #000;

}

.center-block .lesson-header-block .lesson-navigation {
    position: absolute;
    bottom: 25px;
    left: 40px;
    margin-top: 20px;
    padding: 10px 0 !important;
    width: 500px;
}

.center-block .lesson-header-block .lesson-navigation tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.center-block .lesson-header-block .lesson-navigation td {
    padding: 0 !important;
    flex: 1 1 30%;
}

.center-block .lesson-header-block .lesson-navigation a {
    margin-bottom: 10px;
    padding: 4px 10px;
    color: #000;
    background: #F7F3E7;
    box-shadow: 0px 2px 0px #fff;
    border-radius: 10px;
    transition: all .3s;
}
.center-block .lesson-header-block .lesson-navigation a:hover {
    background: #fff; 
    color: #354B39;
    text-decoration: none;
}

.center-block .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
    content: "◄";
    font-size: 8px;
}

.center-block .lesson-header-block .lesson-navigation .text-right a:after {
    content: "►";
    font-size: 8px;
}

.center-block .lesson-header-block .lesson-navigation div.hidden-xs,
.center-block .lesson-header-block .lesson-navigation div[class^="user-state"] {
    display: none;
}

@media (max-width:992px) {
    .center-block .lesson-header-block .lesson-navigation {
        width: 320px;
    }
    .center-block .lesson-header-block .lesson-navigation td:nth-child(2) {
        display: none;
    }
}

@media (max-width:760px) {
    .center-block .lesson-header-block .col-md-12.text-center {
        text-align: center;
    }
    
    .center-block .lesson-header-block.row-section {
        min-height: 0;
        background-position: 65% center !important;
    }
    .center-block .lesson-header-block.row-section::before {
        display: none;
    }
    .center-block .lesson-header-block .lesson-navigation {
        position: inherit !important;
        bottom: inherit;
        left: inherit;
        padding-bottom: 0px !important;
        width: inherit;
    }
    
    .center-block .lesson-header-block .lesson-navigation td {
        flex: 1 1 100%;
        padding: 10px 0 !important;
        text-align: center;
    }
}


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

.clearfix.videoWrapper iframe,
.vhi-root iframe {
		margin-bottom: 30px !important;
    border-radius: 20px;
}

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

.clearfix.videoWrapper,
.vhi-root {
     border: 5px solid rgba(157, 124, 93, .1);
    border-radius: 20px;
  }


/* Кнопки */
.part-button button.btn.f-btn {
    transition: all .3s;
    background: linear-gradient(90deg, #E1CCB3 0%, #9D7C5D 100%) !important;
    box-shadow: 0px 4px 0px #8F755B !important;
    border-radius: 10px !important;
}

.part-button button.btn.f-btn:hover {
    box-shadow: 0px 4px 0px #8F755B, 2px 4px 8px rgba(143, 117, 91, 0.5) !important;
    transform: translatey(-10px);
}


/*Задание*/
.lt-lesson-mission-block .col-md-12 > div > h3 {
    width: 100%;
    margin-top: 30px;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    color: #FFFFFF;
    background: #D8C1A8;
    border-radius: 10px 10px 0px 0px;
}

.lt-lesson-mission-block .lesson-mission-wrapper {
    margin: 0;
    border: none;
}

.lt-lesson-mission-block .lesson-mission-text {
    padding: 10px 10px 0;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
}
.lt-lesson-mission-block .lesson-mission-text p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #000000;; 
}

.lt-lesson-mission-block .answer-form {
    position: relative;
    background: #D8C1A8;
    border-radius: 0px 0px 10px 10px;
}

.user-profile-image {
    border-radius: 100px;
    background: #fff;
    border:4px solid #F0F0F0; 
}

#lessonanswer-answer_text,
.type-text.emoji-textarea,
.type-string,
.type-currency,
.type-float {
    position: relative;
    padding: 10px;
    z-index: 10;
    border: none !important;
    border-radius: 5px;
}

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

.field-lessonanswer-answer_text .uploadifive-button,
.addfield .uploadifive-button {
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    text-transform: capitalize;
    background: #A08061 !important;
    border-radius: 5px;
}

.uploadifive-queue-item.complete div span {
    color: #000 !important;
}

.addfield span,
.addfield label {
    margin-top: 10px;
    font-weight: 400;
    color: #fff;
}

.center-block .type-string {
    padding: 4px;
}

.addfield div[style="color: orangered"],
.addfield div[style="color: orangered"] a,
.field-lessonanswer-answer_text div[style="color: orangered"],
.field-lessonanswer-answer_text div[style="color: orangered"] a {
    color: #4E6652 !important;
}

.lt-lesson-mission-block .btn-send-answer {
    padding: 12px 27px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #A08061;
    
    
    background: #FFFFFF;
    box-shadow: 0px 2px 0px #A08061;
    border: none;
    border-radius: 10px;
    transition: all .3s;
}

.lt-lesson-mission-block .btn-save-draft {
    padding: 11px 20px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    
    background: #A08061;
    box-shadow: 0px 2px 0px #fff;
    border: none;
    border-radius: 10px;
    
    transition: all .3s;
}

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

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

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

@media (max-width:425px) {
    .lt-lesson-mission-block .btn-save-draft {
        margin-left: 0;
    }
}
@media (max-width:320px){
    .lt-lesson-mission-block .btn-save-draft {
       font-size: 16px; 
    }
}

.lesson-list li.user-state-not_reached .info {
    background: #fff;
}