/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fs.getcourse.ru/fileservice/file/download/a/125071/sc/150/h/78c927c9401e70c26896d31c2adbd6d1.css');
@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap');
/* общие стили, чтобы убрать лишние обводки */
/*настройки страницы*/
:root {
   --font-family: "ABeeZee", sans-serif;
   --second-family: "Lighthaus", sans-serif!important;
   --tekst: #a46039;
   --shrift: #665b4c;
}
/* HEADER */

 .together.gc-main-content{
    background: #FFF8EE;
}
 .together .col-md-12{
    padding-left: 0;
    padding-right: 0;
}
.together .logo-text {
   display: none;  
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
.together .page-actions{
    position: relative;
    z-index: 999;
}
.together.gc-main-content .page-header {
     border-bottom: none !important;
}

.together.gc-main-content .breadcrumb li a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: var(--shrift);
    opacity: 0.5
}
.together.gc-main-content .breadcrumb{
    text-align: center !important;   
    margin-top: -40px;
}
.together .standard-page-content .breadcrumb > li + li:before {
    content: "→";
     opacity: 0.5
}
.together.gc-main-content .page-header h1 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.02em;
    text-align: center;
}
.together.gc-main-content .page-header h1 a {
    color: var(--tekst);
    text-align: center;
}
 .together .gc-tags {
  display: none;
}
.together .page-header {
   border-bottom: none;
}
/*.center-block {
    max-width: 100% !important;
}*/
.together .center-block {
    max-width: 100% !important;}

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

.together .lt-block-wrapper .container {
    max-width: 100%;
    margin: 0 auto !important;
}

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

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

/* Шапка урока */
.together .lesson-header-block.row-section {
    border-radius: 24px;
    background: -o-linear-gradient(143deg, #e7d2c0 0%, #bfa793 100%)!important;
    background: linear-gradient(307deg, #e7d2c0 0%, #bfa793 100%)!important;
    /*opacity: 0.7;*/
    position: relative;
}
.together .lesson-header-block.row-section::before {
    content: '';
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125071/sc/71/h/3bf731b13b923b596d12b015c2a1560d.png);
     background-size: contain; 
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 400px;
    height: 300px;    
}
  .together .lesson-header-block .lesson-title-value {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 10px; 
    text-align: left !important;
    padding-left: 46px;
     margin-top: 30px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    color: #751f19;
    max-width: 60%;
}

 .together .lesson-header-block .lesson-description-value {
    display: none;
}
.together .text-center.hidden-xs {
   display: none;
}

.together .lesson-description-value, .ld .lesson-navigation {
    color: #ffffff !important;
}
 .together .lesson-header-block .lesson-navigation tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.together .lesson-header-block .lesson-navigation td {
    margin: 10px 0 30px 36px;
    width: inherit;
    height: auto;
   
}
 .together .lesson-header-block .lesson-navigation a  {
    font-size: 0px;
    border-radius: 12px;
    background: #FFF;   
    color: #751F19;
    padding: 20px 10px; 
    text-decoration: none;
}
/*Навигация*/
.together .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
    content: "←";
    font-size: 30px;
   vertical-align: middle;
   
}
 .together .lesson-header-block .lesson-navigation .text-right a:after {
    content: "→";
    font-size: 30px;
    vertical-align: middle;
}

/**/
 .together .lesson-header-block .lesson-navigation div.hidden-xs {
    display: none;
}

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

.together .header.f-lesson-header-1 {
    font-family: var(--second-family)!important;
    font-weight: 400;
    font-size: 30px !important;
    color: var(--tekst);
    margin-top: 40px;
    text-align: center;
}
 .together .f-text  {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: #000;
}
.together .f-text p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: #222;
}
.together .f-text p  a{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
}
/*Img*/
.together .image-box img {
      border-radius: 24px; 
      margin-bottom: 10px;
}

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

.together .lt-separator hr {
    margin:30px auto !important;
    padding: 0;
    width:95%;
    max-width:920px !important;
    text-align: center;
    border: none;
    border-top: 1px solid #A46039;
    overflow: visible;
}

 .together .lt-separator hr:after {
    content: '';
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125071/sc/112/h/9ab1434f84090566e90f98f520f5bc4f.svg);
    background-size: contain; 
    background-repeat: no-repeat;    
    width: 110px;
    height: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
    -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
            transform: translatey(-50%);
    padding: 0 10px;
}

/* Кнопки */
.together .btn.f-btn {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    background: -o-linear-gradient(305deg, #963730 0%, #751f19 100%);
    background: linear-gradient(145deg, #963730 0%, #751f19 100%);
    border:1px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 19px 130px;
    margin-top: 20px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.together .btn.f-btn:hover {
    background: #FFF8EE !important;
    color: #963730 !important;
    border: 1px solid #963730;
   -webkit-transform: scale(1.02);
       -ms-transform: scale(1.02);
           transform: scale(1.02); 
}
.together .lt-block-wrapper{
    padding-top: 0 !important;
}

/* Блок файлы */
.together .table.files-table {
    position: relative;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    background-size: auto 105%;
    background-position: right bottom;
    background-repeat: no-repeat;      
    display: block;
    max-width: 80%;
    margin: auto;
    margin-bottom: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.together .table.files-table:hover {
    -webkit-transform: translatey(-5px);
        -ms-transform: translatey(-5px);
            transform: translatey(-5px);
}
.together .table.files-table::before {
    content: '';
    background-color: #fff !important;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/125071/sc/100/h/115c6ad80c5f0325880169c7654eef3c.svg);
    background-size: contain; 
    background-repeat: no-repeat;    
    width: 50px;
    height: 50px;
     position: absolute;
    top: -30px;
    right: 35px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.together .table.files-table td {
    border:none;
}
.together .table.files-table tr td:nth-child(1) {
    padding-top:20px;
}
.together .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    color: #22282A;
    opacity: 0.5;
}
.together .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
}
.together .table.files-table tr td:nth-child(3) a {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 17px;
    color: #000;
    text-decoration: none !important;
    display: block;
    max-width: 80%;
}
/*Блок задание*/
.together .lt-lesson-mission-block h3 {
    width: 100%;
    padding: 10px;
    padding-left: 80px;
    text-align: center;
     font-family: var(--font-family);
    font-weight: 400;
    font-size: 26px;
    text-align: left;
    color: var(--tekst);
    background: transparent;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid var(--tekst);
    margin-top: 30px;
}
.together .lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:-1px;
    background: transparent;
    border: 1px solid var(--tekst);
    border-radius: 0 0 16px 16px !important;
}

.together .lesson-mission-text{
    border-bottom: none;
}
.together .lesson-mission-text p{
    padding-left: 60px !important;
}
.together .self-answers .user-answer {
    border-top: none;
}
 .together .lt-lesson-mission-block .answer-form {
    background: -o-linear-gradient(143deg, #e7d2c0 0%, #bfa793 100%);
    background: linear-gradient(307deg, #e7d2c0 0%, #bfa793 100%);
    margin-top:-1px;
    border-top: 1px solid var(--tekst);
    border-radius: 0 0 16px 16px !important;
    position: relative;
}
.together .emoji-textarea{
    border-radius: 10px !important;
}
 .together .emoji-textarea placeholder  {
    margin-left: 10px 
}
 .together .emoji-container textarea{
    padding-left: 10px;
    padding-top: 10px;
}
.together .answer-form .addfield .type-string {
    border-radius: 8px !important;
    border: transparent;
}

.together .answer-form .addfield .type-currency {
    border-radius: 8px !important;
    border: transparent;
 }
.together .answer-form .addfield .type-float {
    border-radius: 8px !important;
    border: transparent;
}
.together .uploadifive-button {
    background: #FFFFFF;
    border-radius: 8px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    border: none;
    text-transform: none  !important;
}
 .together  #lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}
.together .user-profile-image {
    border-radius: 100px;
    border:3px solid #F0F0F0;
}
.together .field-lessonanswer-answer_text span,
.together .field-lessonanswer-answer_text label {
    color: #fff !important;
}
.together  .field-lessonanswer-answer_text .uploadifive-button {
    background: #FFF !important;
    color: #4f4c4c;
    font-weight: 600;
}
.together .uploadifive-button{
    color: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
 .together .uploadifive-button:hover{
   background: #fff;
    color:  #000;
}
.together .lt-lesson-mission-block .btn-send-answer,
  #showMoreAnswers,
.together .lt-lesson-comment-block .simple-answer .btn-send {
    background: #FFFFFF;
    border-radius: 8px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    border: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px 30px;
    margin-top: 20px;
}

.together .lt-lesson-mission-block .btn-save-draft {
    border: 1px solid #fff;
    padding: 10px 30px;
    color: #fff !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 20px;
    border-radius: 8px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}

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

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

 .together .lt-lesson-mission-block #user_hide_answer,
.together .lt-lesson-mission-block label {
    margin-bottom:15px;
    color: #000 !important;
}
.text-muted.small{
   color: #000 !important; 
}
/* Блок тестирования */
 .together .lt-lesson-mission-block .testing-widget {
    margin-top: -10px;
    margin-left: -20px;
    padding: 30px 0;
    border: none;
}
.together  .lt-lesson-mission-block .testing-widget .btn-restart {
    padding: 10px 30px;
    height: 50px;
    font-weight: 300;
    background: #963730 !important;
    border-radius: 10px;
    border:1px solid transparent;
    border: 0;
    border-radius: 6px;
    color: #fff !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.together  .text-success {
    color: red;
}

.together  .lt-lesson-mission-block .testing-widget .question .question-number {
      font-family: var(--font-family);
}
.together  .lt-lesson-mission-block .testing-widget .question-title-big {
    width: 80%;
    margin: 0 auto;
       font-family: var(--font-family);
    font-weight: bold;
    text-align: center;
} 
.together  .lt-lesson-mission-block .testing-widget .btn-send-variant {
    border-radius: 8px;
    padding: 15px;
    border: transparent;
    color: #fff !important;
    background: #963730 ;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/*Правильный ответ*/
 .together .lt-lesson-mission-block .testing-widget .btn-send-variant.btn-success {
    background: rgb(5,185,59);
    border: 1px solid transparent;
}
 .together .lt-lesson-mission-block .testing-widget .btn-send-variant.btn-danger {
    background: grey;
    color: #fff !important;
    border: 1px solid transparent;
}
/*Ответы и комментарии*/
 .together .lt-lesson-comment-block .lesson-answers-title {
    width: 100%;
    border-radius: 7px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background: #ffffff80;
    padding: 10px;
    border: none !important;
    color: #22282A!important;
    margin-bottom: 40px;
}

 .together .lt-lesson-comment-block .lesson-answers-title a {
   color: #000;
}

 .together .lt-lesson-comment-block .lesson-answers-title h3 {
    margin-bottom: 0 !important;
    font-size: 18px;
}

.together .lt-lesson-comment-block .simple-answer {
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background: -o-linear-gradient(143deg, #e7d2c0 0%, #bfa793 100%);
    background: linear-gradient(307deg, #e7d2c0 0%, #bfa793 100%);
    border-radius: 16px;
    border: 1px solid #963730;
    margin-top: 14px;
    margin-bottom: 14px;
}

.together .lt-lesson-comment-block .simple-answer .user-image img {
    border-radius: 40px;
    border:3px solid #F0F0F0;
    margin-top:-5px;
}
 .together .emoji-textarea {
    width: 100%!important;
    height: 100%!important;
    border-radius: 5px;
    border: 1px solid var(--tekst);
    padding-top: 20px !important;
    padding-bottom: 20px;
}

 .together .lt-lesson-comment-block .answers-list .user-answer {
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background: -o-linear-gradient(143deg, #e7d2c0 0%, #bfa793 100%);
    background: linear-gradient(307deg, #e7d2c0 0%, #bfa793 100%);
    padding: 10px;
    border-radius: 16px;
    border: 1px solid var(--tekst);
    margin:5px 0 10px;
    
}

.together .lt-lesson-comment-block .answers-list .user-answer .user-profile-image {
    border-radius: 50px;
    border:3px solid #F0F0F0;
}
.together .lt-lesson-comment-block .answers-list .user-answer .answer-content .text, .aliot-nld .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-date a {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #22282A;
}
 .together .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-status a {
    color: #27AE60;
}
 .together .user-answer.status-accepted .answer-status .answer-status-label {
    background: #963730 !important;
    color: #fff;
}

 .together .user-answer.status-declined .answer-status .answer-status-label {
    background: #F64545 !important;
}

.together .user-answer.status-viewed .answer-status .answer-status-label {
    background: #27AE60;
    border-radius: 5px;
    color: #fff;
    padding: 5px 20px;
}

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

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

 .together .lt-lesson-comment-block .answers-list .user-answer .answer-files img:hover {
    -webkit-transform: scale(1.03,1.03);
        -ms-transform: scale(1.03,1.03);
            transform: scale(1.03,1.03);
}
.together .lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span {
    color: #963730 !important;
}
 .together .lt-lesson-comment-block .answers-list .user-answer .lesson-answer-comment {
    padding: 10px;
    background: #ffffff !important;
    margin: 10px 0 20px;
    border-radius: 5px;
}
 .together .lt-lesson-comment-block .btn.btn-primary.btn-send {
    background: #963730;    
    border-radius: 8px;
    border: 1px solid transparent;
    color: #fff!important;      
}

.together .lt-lesson-comment-block .btn.btn-primary.btn-send .text {
    color:#fff;
    font-weight: 300;
}
.together .comment-form-wrapper .new-comment-textarea{
    border-radius: 5px;
    border: 1px solid rgba(144, 5, 19, 0.80);
}
.together .user-answer .addfield {
    margin-top:15px;}

.together .answer-status-label {
    background: -o-linear-gradient(305deg, #963730 0%, #751f19 100%) !important;
    background: linear-gradient(145deg, #963730 0%, #751f19 100%) !important;
}
/*ADAPTIVE*/
@media (max-width: 1160px){/*мобилка для шапки урока*/
  .together .lesson-header-block .lesson-title-value{
        font-size: 32px;
    }
     .together .lesson-header-block.row-section::before {
        bottom: -145px;
        right: 46px;
        width: 270px;
        height: 360px;
    
}   .together .lesson-header-block .lesson-navigation a {
        padding: 27px 15px; 
    }
}
@media (max-width:992px) {
     .together  .lesson-header-block .lesson-navigation a {
        font-size: 0;
         padding: 25px 12px; 
    }
    .together  .lesson-header-block .lesson-title-value{
        font-size: 30px;
        max-width: 70%;
    }
   .together  .lesson-header-block.row-section::before {
        bottom: -85px;
        right: 20px;
        width: 320px;
        height: 340px;
    
}
    .together .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
     font-size: 20px;      
}
     .together .lesson-header-block .lesson-navigation .text-right a:after {
     font-size: 20px;    
    
}
   .together .page-header h1{
        margin-bottom: 0 !important;
    }
     .together .table.files-table tr td:nth-child(3) {
        word-break: break-word;
         padding-left: 0px !important;
    }
}
@media (max-width: 945px){
   .together  .lesson-header-block.row-section::before {
        bottom: -142px;
        right: 20px;
        width: 250px;
        height: 340px;
    
}
}
@media (max-width:768px) {
    .together .lesson-header-block .lesson-navigation a {
        padding: 24px 12px;
    }
    
     .together .flex-container.wrap-col {
		-ms-flex-flow: nowrap !important;
		    flex-flow: nowrap !important;
	}
    .together .breadcrumb  {
       margin-top: 10px;
    }
}
@media (max-width: 570px) {
    .together  .lesson-header-block.row-section::before {
        display: none;
    }
   .together  .lesson-header-block .lesson-description-value {
        padding-right: 0px !important;
         
    }
     .together  .table.files-table tr td:nth-child(1) {
        display: none;
    }
    
     .together  .table.files-table tr td:nth-child(3) {
        word-break: break-word;
    }
    .together  .table.files-table::before  {
        display: none;
    }
}
@media (max-width:426px) {
     .together  .lesson-header-block h2.lesson-title-value {
        font-size: 30px;
        line-height: 120%;
        max-width: 100% !important;
    }    
}
@media (max-width:425px) {
    .together .lt-lesson-mission-block .answer-form::after { 
        display: none; 
    }
    .together .lt-lesson-mission-block .btn-save-draft {
        margin-left: 0;
    }
    .together .lesson-header-block.row-section::before {
        display: none;
    }
    
    .together .lesson-header-block .lesson-description-value {
        margin: 0 !important;
        padding: 0 !important;
    }
       
   .together .lesson-header-block .lesson-navigation a {
        padding: 23px 10px;
        margin-left: -30px !important
    }
    .together  .lesson-header-block .lesson-title-value {
        padding: 15px 15px;
    }
     .together .btn.f-btn  {
        padding: 10px 60px!important;
    }
    .together .table.files-table tr td:nth-child(1) {
        display: none;
    }    
     .together .table.files-table tr td:nth-child(3) {
        word-break: break-word;
    }

}
@media (max-width: 425px){
    .together .lesson-mission-text p a{
        padding-left: 0px !important;
        word-break: break-word;
}
}
@media (max-width:375px){
    .together  .lesson-header-block .lesson-description-value {
        font-size: 20px !important;
    }
}
@media (max-width:337px) {
   .together .lesson-header-block .lesson-navigation a {
        padding: 20px 20px !important;
    }}