



/* ------------- 
content start - Main
------------- */

.main-page-block{
background-color: #FBFBFB;
  color: #333333;
}

.stream-table { 
  margin-left:0!important;
}

.stream-table tbody {
  display:flex;
  flex-wrap: wrap;
  margin-left: -20px
}

.stream-table tbody tr {
    display: block;
  position:relative;
  /*flex:0 0 calc(33.3333% - 20px);*/
  flex:0 0 calc(100% - 20px);
  height:auto;
  min-height: 120px;
  border-radius:9px;
  box-shadow:0 0 3px 1px #838282;
  overflow:hidden;
  margin:10px;
  transition:all 0.5s;
}

@media (max-width:850px) {
  .stream-table tbody tr {
    flex:0 0 calc(100%);
  }
}

@media (max-width:510px) {
  .stream-table tbody tr {
      flex:0 0 100%;
  }
}
 .stream-table tr td a {
/*.stream-table tr a {*/
	height: 100%;
    width:100%;
	z-index: 2;
	/*position: relative;*/
  
}

/*.stream-table tbody tr:hover {
  transform:scale(1.05);

}*/
.stream-table tr td:hover{
  background: none !important;
}

.stream-table tbody tr td {
  position:relative;
  display:flex;
  height:100%;
  width:100%;
  padding: 20px 20px 20px 160px !important;
  /*padding:20px 160px!important;*/
}

.stream-table tbody tr td .stream-title {
  color: #333333!important;
  line-height: 1.3em;
    font-size: 150%;
}

/*.stream-table tbody tr td div b, .tr-des {
  display: none;
}*/

.stream-table tbody tr{
overflow: visible;}


.stream-table tbody tr td div{
  color: #333333;
  margin-top: 15px  !important;
  padding: 20px 160px 20px 0px !important;
}
.stream-table tbody tr td div b{
display: none;
}
.stream-table tbody tr td:before {
  content:"Смотреть";
  position:absolute;
  bottom:20px;
  padding: 10px 30px;
  right:20px;
  color: #000000;
  background: #FFD819;
  /*border:1px solid #f00;*/
  border-radius:10px;
  transition:all 0.3s;
}

.stream-table tbody tr td:hover:before {
  background: #838282;
    color: #fff;
}

.stream-table tbody tr[data-training-id="935005429"] td:after {
    position: absolute;
    top: 15%;
   	left: 15px;
    content: "";
    width: 115px;
    height: 90px;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/732790/sc/103/h/576321c3db97f16f866660328c0c8aca.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:9px;
}

.stream-table tbody tr[data-training-id="935007080"] td:after {
    position: absolute;
    top: 15%;
   	left: 15px;
    content: "";
    width: 115px;
    height: 90px;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/732790/sc/198/h/b856c4bbc76847a7ce480b3c4538b6c0.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:9px;
}

.stream-table tbody tr[data-training-id="935082189"] td:after {
    position: absolute;
    top: 15%;
   	left: 15px;
    content: "";
    width: 115px;
    height: 90px;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/732790/sc/212/h/919c9379eb09c1df6e245a2a4a74ee88.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:9px;
}

/*.stream-table tbody tr[data-training-id="935005429"]{
    
    background: url("https://fs.getcourse.ru/fileservice/file/download/a/732790/sc/375/h/f492eeff83f815e8fe39e6ebb5f467b7.png");
	background-position: center left;
  	background-size:115px;
    background-repeat: no-repeat;
    }*/

/*.stream-table tbody tr:after {
  content:"";
  position:block;

  left:10px;
  top:10px;
    height: 115px;
  color: #fff;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/732790/sc/375/h/f492eeff83f815e8fe39e6ebb5f467b7.png'); 
  border-radius:15px;
  transition:all 0.3s;*/
}
.stream-table tbody tr[data-training-id="935005429"] td:before{
   content:"Смотреть";
}
.stream-table tbody tr[data-training-id="935007080"] td:before{
   content:"Смотреть";
}
.stream-table tbody tr[data-training-id="935005429"] td:before{
   content:"Смотреть";
}
.stream-table tbody tr[data-training-id="847430678"] td:before{
   content:"Смотреть";
}
.stream-table tbody tr[data-training-id="935082189"] td:before{
   content:"Смотреть";
}
.stream-table tbody tr.noaccess-mode-show{
filter: grayscale(0.8);
  /*pointer-events: none;*/
}
.stream-table tbody tr.noaccess-mode-show td:before{
content: 'Недоступно';
  
}

.stream-table tbody tr[data-training-id="935082189"].noaccess-mode-show td:before{
content: 'Смотреть';
  
}
@media(min-width: 991px) and (max-width: 1100px){
  .stream-table tbody tr td .stream-title {
  color:#fff!important;
  line-height: 1.3em;
  font-size: 18px;
}
  
}

/* ------------- 
content finish - Main
------------- */

/* ------------- 
content start - trening
------------- */

body{
  background: #ffffff !important;
  /*color: #fff;*/
}

.lesson-list li .info {
   margin-left: 20px!important; 
   
}

.lesson-list{ 
  margin-left:0!important;
  background: none;
}

.lesson-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lesson-list li {
  position:relative;
  -webkit-box-flex:0;
      -ms-flex:0 0 100%;
          flex:0 0 100%;
  border-radius:9px;
  -webkit-box-shadow:0 0 3px 1px #838282;
          box-shadow:0 0 3px 1px #838282;
  overflow:hidden;
  margin:10px;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
}
.contener{
border-radius:9px!important;
  -webkit-box-shadow:0 0 3px 1px #838282;
          box-shadow:0 0 3px 1px #838282;
}  
.xdget-common-container {
    border-radius:9px;
}
.lesson-list li .info{
border: none !important;
background: none !important;
}
.lesson-list li .state-icon-block{
  display: none;
}
.lesson-list li .user-state-bg{
  background: none;
}

.lesson-list li a {
	height: 100%;
    width:100%;
	z-index: 2;
	position: relative;
}

.lesson-list li:hover, .standard-form .btn-success:hover, .offer-form:hover {
  -webkit-transform:scale(1.05);
      -ms-transform:scale(1.05);
          transform:scale(1.05);

}

.lesson-list li .title {
  color: #333333!important;
  line-height: 1.3em;
    font-size: 150%;
    padding-right: 100px!important;
}


.lesson-list li .title:before {
  content:"Смотреть";
  position:absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 5px 30px;
  font-size: 12px;
  right:20px;
  color: #000000;
  background: #FFD819;
  /*border:1px solid #f00;*/
  border-radius:10px;
  -webkit-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

.btn.my-btn {
  padding: 10px 35px;
  font-size: 12px;
  right:20px;
  color: #fff;
  background: #f00;
  border:1px solid #f00;
  border-radius:10px;
  -webkit-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
      line-height: 1.3em;

}
.btn.btn-success{
border-radius:10px;
}


.lesson-list li .title:hover:before {
  background: #838282;
    color: #fff;
}

.stream-table tbody tr[data-training-id="847430675"] td:before{
   content:"Бесплатно";
}

.stream-table tbody tr[data-training-id="847430678"] td:before{
   content:"Смотреть";
}

.lesson-list li.user-state-not_reached{
-webkit-filter: grayscale(0.8);
        filter: grayscale(0.8);
  pointer-events: none;
}
.lesson-list li.user-state-not_reached .title:before{
content: 'Недоступно';
}


.offer-form{
  background: none;
  color: #fff;
  position:relative;
  -webkit-box-flex:0;
      -ms-flex:0 0 100%;
          flex:0 0 100%;
  border-radius:9px;
  -webkit-box-shadow:0 0 3px 1px #F00;
          box-shadow:0 0 3px 1px #F00;
  overflow:hidden;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
}

.offer-form h3{
  color: #fff;
  font-weight: 400 !important;
}
/* ------------- 
content finish - trening
------------- */
