@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);
    --shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    --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);
}

.page-header h1 {
    font-family: var(--primary-font-2)! important;
    font-size: var(--font-size--x-large);
}

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

.stream-table {
    width: 100%;
    margin-top: 5px!important;
    margin-bottom: 10px;
    margin-left: -10px !important;
}

.stream-table tbody {
  display:flex;
  flex-wrap: wrap;
}

.stream-table tbody tr {
  position:relative;
  flex:0 0 calc(33.3333% - 20px);
  height: 280px;
  border-radius: 12px;
  box-shadow: var(--shadow--natural); /*0 2px 8px rgb(0 0 0 / 15%);*/
  overflow:hidden;
  margin:10px;
  transition:all 0.5s;
  background: var(--color-gray);
  border: none;
  /*border: 3px solid var(--color-yellow);*/ 
}

@media (max-width:1024px) {
.stream-table tbody tr td div {
    top: 170px;
    font-size: 12px;
}
}
    
@media (max-width:820px) {
  .stream-table tbody tr {
    flex:0 0 calc(46%)!important;
}
    
.stream-table tbody tr {
    height:290px!important;
}
    
.stream-table tbody tr td div {
    top: 180px ! important;
    font-size: 10px!important;
}
    
.stream-table tbody tr td:after {
    width: 100%;
    height: 120px;
}
    
.stream-table tbody tr td .stream-title {
    top: 120px! important;
}     
}

@media (max-width:510px) {
  .stream-table tbody tr {
      flex:0 0 95%! important;
      height: 320px! important;
  }
    
  .stream-table tbody tr td:before {
    top: 240px!important;
}
    
   .stream-table tbody tr td div {
  top: 190px!important;
} 
    
   .stream-table tbody tr td .stream-title {
    top: 140px!important;
    color: var(--color-black) !important;
} 
    
    .schedule-block {
    width: 375px ! important;
}
}

@media (max-width: 414px) {
  .stream-table tbody tr {
      flex:0 0 100%! important;
      height: 320px! important;
  }
    
    .schedule-block {
    width: auto ! important;
}
}

.stream-table tr a {
	height: 100%;
    width:100%;
	z-index: 2;
	position: relative;
}

.stream-table tbody tr:hover {
  transform:scale(1.03);
  transition: 2s ease transform;  
}

.stream-table tbody tr td {
  position:relative;
  display:flex;
  height:100%;
  width:100%;
  padding:0!important;
}

.stream-table tbody tr td .stream-title {
  position:absolute;
  top: 100px;
  color: var(--color-black) !important;
  z-index:1;
  margin:auto 20px;
  font-size: 15px;
  font-weight: 550;
  font-family: var(--secondary-font)!important;
}

/* Описание тренинга*/
.stream-table tbody tr td div {
  position: absolute;
  top: 170px;
  margin: auto 20px;
  line-height: 1.2em;
  color: var(--color-black);
  font-size: var(--font-size--small);
  font-family: var(--secondary-font)!important;    
}

/*.stream-table tbody tr td:before {
  content:"Перейти к изучению";
  font-family: var(--secondary-font);
  font-weight: 400;
  position:absolute;
  top:220px;
  left:20px;
  padding: 5px 7px;
  border: 1px solid var(--color-black);
  border-radius:5px;
  transition:all 0.3s;
}*/

.stream-table tbody tr td:before {
    content: "Перейти к изучению";
    font-family: var(--secondary-font);   
    position: absolute;
    top:220px;
    left:20px;
    color: var(--color-black);
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    padding: 5px 7px;
    background: var(--color-white);
    border-radius: 5px;
    border: 1px solid var(--color-black);
    transition:all 0.3s;
}

.stream-table tbody tr td:hover:before {
  background: var(--color-black);
  color: var(--color-white);
}

.stream-table tbody tr.no-public td:before {
  display:none;
}

.stream-table tbody tr td:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:90px;
  background: rgba(255,105,0,1);
  background: var(--gradient-orange-to-yellow);
  font-family: var(--secondary-font);
}

/*.lesson-list {
   background:none!important;
}

.lesson-list li .user-state-bg.item-a {
  background: var(--color-yellow);
}

.glyphicon.glyphicon-list-alt {
  color: var(--color-gray);
}

.lesson-list li .info {
  background: var(--color-gray)!important;
  border: 3px solid var(--color-yellow);
  color: var(--color-black);
  border-radius: 12px;
}*/

.talks-widget-button {
    font-size: 0!important;
}

.talks-widget-button {
    z-index: 1500;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    color: white;
    padding-top: 6px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.23);
}

.talks-widget-button:after {
    content: '';
    position: absolute !important;
    top: -5px;
    left: 0px;
    width: 58px !important;
    height: 58px !important;
    background-image: url(/pl/fileservice/user/file/download/h/5b6a24e1174d46155fa40c6c8b0f17df.svg) !important;
    background-size: cover !important;
}

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

hr {
    border-top: 1px solid transparent;
}

h3 {
    font-weight: 300;
    font-family: var(--primary-font-3);
    font-size: var(--font-size--medium);
}

.xdget-lessonSchedule h3 {
    font-size: 0;
    margin-top: 15px!important;
}

.xdget-lessonSchedule h3:before {
    margin-top: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    content:"Расписание";
    color: var(--color-black);
}
    
.bg-block {
    margin-top: 10px;
    background: var(--color-white);
    /*border: var(--color-amber);*/
    padding: 15px;
    width: 330px;
}

.schedule-block  {
    box-shadow: var(--shadow--natural);
    border: 3px solid var(--color-amber);
    /*box-shadow: 0 0 18px var(--color-amber);*/
    background: var(--color-gray);
    border-radius:16px;
}

.schedule-block .day .record {
    overflow: hidden;
    padding-left: 3px;
}

.schedule-block .event {
    margin-left: 40px! important;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: var(--secondary-font);   
}

.schedule-block .event a {
    color: var(--color-black);
    font-family: var(--secondary-font);
}

.schedule-block .time {
    width: fit-content;
    float: left;
    margin-left: 0px;
}

.schedule-block .day-label {
    position:relative;
    font-size: 15px;
    font-weight: 550;
}

.schedule-block .day-label:after {
  position:absolute;
  top:15px;
  bottom: 0;
  right: 10px;
  margin: auto 0;
  width: 23px;
  height:38px;
  font-family: FontAwesome; 
  color: var(--color-black);
} 

.schedule-block .day-label:after {
    content:"\f274";
}