

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

:root {
  --color-zag: #009af0;/*голубой*/
  --color-fon1: #92D050;/*салатовый*/
  --color-fon2: #e2e7ea;/*светло-серый*/
  --color-knopka: #ffc000;/*оранжевый*/
  --color-text:  #030003; /*почти черный*/
}
.page-header {
    padding-bottom: 0px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee;
}
.page-header h1 a{
  color:var(--color-zag)!important;
  font-family: 'Montserrat',sans-serif;
}

/*шапка*/
.lesson-header-block {
    background:#edeff0!important;
   min-height:150px;
    }
.lesson-header-block.row-section {
  border-bottom: 0px solid #ddd!important;
  margin-bottom: 0px;
}


/* название урока*/
.lesson-title-value { 
  color:var(--color-zag);
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 600;
    font-size: 30px!important;
  line-height: 37px!important;
  text-align: center;
   }

/*Описание урока в шапке*/
.lesson-description-value {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--color-text);
}
/*Отступ в шапке урока от кнопки вниз*/
.row.lesson-navigation > table > tbody > tr > td.text-right{
padding-bottom: 10px;
padding-top: 20px;
}
.row.lesson-navigation > table > tbody > tr > td:nth-child(1){
padding-bottom: 10px;
padding-top: 20px;
}
/*урок типа вебинар*/

html body {
    font-family: 'Montserrat',sans-serif!important;
}

/*шапка*/

.xdget-lessonTitle .row,
.xdget-lessonNavigation .row {
  background:#edeff0!important;
  border-bottom: 0px solid #ddd!important;
}
.xdget-lessonNavigation .row {
  height:70px;
}
/* название урока*/
.xdget-lessonTitle h2,
.xdget-lessonTitle .col-md-12.text-center{ 
  color:var(--color-zag)!important;
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 600;
    font-size: 30px!important;
  line-height: 37px!important;
  text-align: center;
   }

.hidden-xs{
  display: none;
}
.xdget-lessonNavigation .row > table > tbody > tr > td:nth-child(1) > a
{
 background-color: var(--color-zag);
  border-radius: 50px;
  padding: 10px 20px;
  color: #ffffff;
  font-family: 'Montserrat',sans-serif;
  font-weight:300;
  text-decoration: none;
 }

 .xdget-lessonNavigation .row > table > tbody > tr > td.text-right > a
{
   background-color: var(--color-knopka);
   font-family: 'Montserrat',sans-serif;
   border-radius: 50px;
   padding: 10px 20px;
   color: #010000;
   font-weight:300;
   text-decoration: none;
}
.xdget-lessonNavigation .row > table > tbody > tr > td.text-right{
padding-bottom: 10px;
padding-top: 20px;
}
.xdget-lessonNavigation .row > table > tbody > tr > td:nth-child(1){
padding-bottom: 10px;
padding-top: 20px;
}
@media (max-width: 600px){
.lesson-list .item-main-td {
     -webkit-padding-top: 23px!important;
	-moz-padding-top: 23px!important;
	-ms-padding-top: 23px!important;
    padding-top: 23px!important;
     }
}
@media (max-width:584px){
 .lesson-title-value { 
  font-size: 28px!important;
  line-height: 32px!important;
    } 
 .xdget-lessonTitle h2,
.xdget-lessonTitle .col-md-12.text-center{ 
  font-size: 28px!important;
  line-height: 32px!important;
     }   
}

@media (max-width:520px){
 .lesson-title-value { 
  font-size: 24px!important;
  line-height: 28px!important;
} 
    
.xdget-lessonTitle h2,
.xdget-lessonTitle .col-md-12.text-center{ 
  font-size: 24px!important;
  line-height: 28px!important;
} 
    
    .row.lesson-navigation > table > tbody > tr > td:nth-child(1) > a,
    .row.lesson-navigation > table > tbody > tr > td.text-right > a,
    .xdget-lessonNavigation .row > table > tbody > tr > td:nth-child(1) > a,
    .xdget-lessonNavigation .row > table > tbody > tr > td.text-right > a
{
    -webkit-padding: 5px 10px!important;
	-moz-padding: 5px 10px!important;
	-ms-padding: 5px 10px!important; 
	padding: 5px 10px!important;
    -webkit-font-size: 12px!important;
	-moz-font-size: 12px!important;
	-ms-font-size: 12px!important;
   font-size: 12px!important;
   }
}
@media (max-width:361px){
 .lesson-title-value { 
  font-size: 24px!important;
  line-height: 28px!important;
     margin-top: 25px;
} 
    
    .row.lesson-navigation > table > tbody > tr > td:nth-child(1)
{
    -webkit-padding-left: 8px!important;
	-moz-padding-left: 8px!important;
	-ms-padding-left: 8px!important;
	padding-left: 8px!important;
    }
   .row.lesson-navigation > table > tbody > tr > td:nth-child(3)
{
    -webkit-padding-right: 8px!important;
	-moz-padding-right: 8px!important;
	-ms-padding-right: 8px!important;
	padding-right: 8px!important;
    }   
}

.video-container iframe {
  width:100%!important;
  height:100%;
}
