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

@font-face {
    font-family: 'RF Dewi Extended Bold';
    src: url('/fileservice/file/download/h/8170ff0ce5844cee76d6954fa232c88d.otf/a/442890/sc/212') format('opentype'),
         url('/fileservice/file/download/h/3525db17fd0aeef5589aceaa43292a05.woff/a/442890/sc/280') format('woff');
}


@font-face {
    font-family: 'RF Dewi Extended Light';
    src: url('/fileservice/file/download/h/3c234d3b26873d85aa2a8021559cec99.otf/a/442890/sc/99') format('opentype'),
         url('/fileservice/file/download/h/4b4293c7ac86773ed9fbad5bf0cc2815.woff/a/442890/sc/295') format('woff');
}

@font-face {
    font-family: 'RF Dewi Extended Regular';
    src: url('/fileservice/file/download/h/2c2b7f54c10b381be0fc1c9e7053df38.otf/a/442890/sc/231') format('opentype'),
         url('/fileservice/file/download/h/e5f11c5102b6262c1c7b1430de66c322.woff/a/442890/sc/70') format('woff');
}

:root {
    --color-black: #000000;
    --color-cyan-bluish-gray: #0b6aba;
    --color-white: #ffffff;
    --color-gray: #F6F6F6;
    --color-vivid-red: #cf2e2e;
    --color-orange: #ff6900; 
    --color-amber: #fcb900;
    --color-yellow: #FFD600;
    --color-green-cyan: #00d084;
    --gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --gradient-orange-to-yellow: linear-gradient(35deg, #fcb900 0%, #FFD600 100%);
    --gradient--cool-to-warm-spectrum: linear-gradient(35deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --font-size--small: 13px;
    --font-size--medium: 20px;
    --font-size--large: 36px;
    --font-size--x-large: 42px;
    --spacing--20: 0.44rem;
    --spacing--30: 0.67rem;
    --spacing--40: 1rem;
    --spacing--50: 1.5rem;
    --spacing--60: 2.25rem;
    --shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --border-radius: 16px;
    --primary-font-1: 'RF Dewi Extended Bold', sans-serif;
    --primary-font-2: 'RF Dewi Extended Light', sans-serif;
    --primary-font-3: 'RF Dewi Extended Regular', sans-serif;    
    --secondary-font: 'Inter', sans-serif;
}

body {
    min-width: 360px;
    background: var(--color-white);
}

.breadcrumbs {
    font-family: var(--primary-font-3) !important;
    color: var(--color-black)!important;
    font-size: var(--font-size--medium);
    text-decoration: none;
}

.breadcrumbs a {
    font-family: var(--primary-font-3) !important;
    color: var(--color-black)!important;
    font-size: var(--font-size--medium);
    text-decoration: none;
}

/*a {
    font-family: var(--primary-font-1) !important;
    color: #408ccb;
}*/

a:focus, a:hover {
    color: var(--color-black)!important;
    text-decoration: none;
}

.logo-text {
display: none;
}

.content-menu {
    border-bottom: 0px solid var(--color-white);
}

/*Уроки*/
.page-header {
    border-bottom: 1px solid transparent;
}

.page-header a {
   color: var(--color-black)!important;
  font-family: var(--primary-font-1) !important;
}

.standard-page-content h1 {
    font-size: var(--font-size--large);
    padding-bottom: 0;
    font-family: var(--primary-font-2) !important;
    color: var(--color-black)!important;
}

.lt-lesson-mission-block h3:before {
    display: none;
}

.lt-lesson-mission-block h3 {
    font-size: 0;
}

.lesson-header-block.row-section {
    position: relative;
    margin-top: 60px;
    border: 0 !important;
    padding-bottom: 10px !important;
    border-radius: var(--border-radius);
    background: var(--gradient-orange-to-yellow) !important;
    border-bottom: 1px solid transparent;
    font-family: var(--secondary-font) !important;
    padding: 0 15px;
    color: var(--color-black);
}

.uploadifive-button {
   background: var(--color-black);
   border-radius: 9px !important;
   font-family: var(--secondary-font) !important;
   font-size: var(--font-size--small);
   font-weight: 500;
}

.simple-answer {
    margin-top: 15px! important;
    background: var(--color-white);
    border-radius: var(--border-radius)!important;
    border: 1px solid var(--color-black);
}

/*.user-answer:first-child {
    border-top: 1px solid var(--color-black);
    border-radius: var(--border-radius)
}*/

.lesson-mission-wrapper {
  margin-top: 20px! important;
	background: var(--color-white)!important;
	font-family: var(--secondary-font) !important;
	font-size:16px!important;
	border-radius: var(--border-radius)!important;
  border: 1px solid var(--color-black);
}

.answer-form {
	background: var(--color-white)!important;
	font-family: var(--secondary-font) !important;
	font-size:16px!important;
	border-radius: 16px!important;
  border: 1px solid transparent;
}

.user-answer:first-child {
    border-top: 1px solid var(--color-black);
}

.lesson-mission-text {
    border-bottom: 1px solid var(--color-white);
}

.lessonAnswerForm {
	background: var(--color-white)!important;
	font-family: var(--secondary-font) !important;
	border-radius: 16px!important;
  border: 1px solid var(--color-black);
}


.testing-widget .before-start-block .start-btn {
    background: var(--color-amber)!important;
    color: var(--color-white);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 9px;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: bold;
    font-family: var(--secondary-font) !important;
}

.testing-widget .btn-send-variant, .testing-widget .btn-next-question {
  background: var(--gradient-orange-to-yellow);
  border-radius: 6px;
  border: none;
  color: var(--color-black);
}

/*анкетирование
.btn.f-btn.btn-success {
    background: var(--color-amber);
    background: var(--gradient-orange-to-yellow)!important;
    color: var(--color-black);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 9px!important;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: bold;
    font-family: var(--secondary-font) !important;
}*/


.btn.f-btn.btn-success {
    background: var(--color-black);
    color: var(--color-amber);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 9px!important;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: bold;
    font-family: var(--secondary-font) !important;
}


.lt-form .f-input {
    border: 1px solid var(--color-black);
    border-radius: 6px;
    color: #1d1d1d;
    font-family: var(--secondary-font) !important;
}

.custom-field.required .required-sign {
    display: none;
}

.custom-field.required .field-label {
    font-family: var(--secondary-font) !important;
}

.btn-send-answer.btn-primary {
	background: var(--gradient-orange-to-yellow)!important;
  border-color: var(--color-yellow)!important;
  font-family: var(--secondary-font) !important;
	border-radius: 16px!important;
  color: var(--color-black)!important;
}

.btn-link.btn-save-draft {
	  color: var(--color-black)!important;
    font-family: var(--secondary-font) !important;
}

.lesson-navigation td .hidden-xs {
  display:none;
}

.lesson-navigation td a {
  font-size: var(--font-size--small);
  background: var(--color-white);
  color: var(--color-black);
  padding:5px 10px;
  border-radius: var(--border-radius);
  font-family: var(--secondary-font) !important;
}

.lesson-navigation td:first-child a:before {
  content:"←"
}

.lesson-navigation td:last-child a:after {
  content:"→"
}

.lesson-navigation td a {
  text-decoration:none;
}

.lesson-navigation td a:hover {
  box-shadow: var(--shadow--natural);
}

/* Блок файлы */
.table.files-table {
    background: #1d1d1d;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/134027/sc/94/h/b4a6d9c267153212c28dff7840185c0c.png) right center no-repeat;
    border-radius: 9px !important;
    display: block;
    height:85px;
}

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

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

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

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

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

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

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

@media (max-width:430px) {

.table.files-table tr td:nth-child(1) {
        display: none;
    }
    
.table.files-table {
        background-image: none !important;
        padding: 20px;
        height:85px;
    }
    
.table.files-table tr td:nth-child(2):after {
    top:20%;
}
    
.table.files-table tr td:nth-child(3) a {
    font-size: 12px! important;
    padding-bottom: 80px;
}
    
.lesson-title-value {
    font-size: 22px! important;        
    }
    
.text-right {
    font-size: 10px;
}    

.lesson-navigation td a {
    font-size: 10px;
}       
}

/*video*/
.vhi-iframe {
    box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 12%);
    border-radius: 25px! important;
    padding-bottom: 10px! important;
}

.videoWrapper iframe {
    box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 12%);
    border-radius: 25px! important;
}

.vhi-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 10px;
}