



div.shess1{

border:0px solid #aaaaaa;
display: flex; 
align-items:center; 
justify-content:center; 
flex-direction:column;
max-width:1800px;
padding: 6%;
margin: 0 auto;
left:50%;
}



div.shess1 > h2 {
  font-family: Open Sans, sans-serif;
  font-size: calc(30px + 5 * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #455B66;
  line-height: 105%;
  padding: 1%;
  margin-bottom: 3%;
  text-align: center;
  border:0px solid #eeeeee;
}





/*--------------------------------------------------------------*/
/* Внешний контейнер, задает центрирование */
div.shess1 > div.cell{
  text-align: center;
  max-width: 1800px;
  width:95%;
  border:0px solid #aaaaaa;  
  margin-top: 0px; 
}

/* Главный контейнер, компоновка текста и видео/картинки (нечетные блоки)*/
div.shess1 > div.cell:nth-child(2n) > div.cell_test {
  display: inline-flex;

  border:0px solid #0000aa;
  width:100%;
}
/* Главный контейнер, компоновка текста и видео/картинки (четные блоки) */
div.shess1 > div.cell:nth-child(2n+1) > div.cell_test {
  display: inline-flex;

  border:0px solid #aaaaaa;
  flex-direction:row-reverse; 
  width:100%;
}



/* Текстовый блок */
div.shess1 > div.cell > div.cell_test > div.txt{
  border:0px solid #55aa00;
  flex-basis:50%;
  max-width:1800px;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: calc(15px + 3 * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #455B66; 
  padding:10px;
  text-align:left;
}


div.shess1 > div.cell > div.cell_test > div.txt > div {
  font-family: Open Sans, sans-serif;
  font-size: calc(20px + 5 * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #455B66;
  line-height: 125%;
  margin-bottom: 10px;
  margin-left: 20px;
}



div.shess1 > div.cell > div.cell_test > div.txt > ul > li {
  position: relative;
  display: block;
  text-align: left;
  padding-left: 20px;
  padding-top: 8px;
  




  font-family: Open Sans, sans-serif;
  font-size: calc(15px + 3 * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #455B66;  /* */
  line-height: 125%;
}
div.shess1 > div.cell > div.cell_test > div.txt > ul > li:before {
  content: " ";
  left: 5;
  top: 15px;
  position: absolute;
  height: 7px;
  width: 7px;
  background-color: #e22b2b;
  border-radius: 50%;
  display: inline-block;
}




div.shess1 > div.cell > div.cell_test:nth-child(2n+1) > div.txt{
padding-left:2%; /* */
}



/* */
div.shess1 > div.cell > div.cell_test > div.txt > p{
  font-family: Open Sans, sans-serif;
  font-size: calc(15px + 3 * ((100vw - 320px) / (1920 - 320)));
  font-weight: 400;
  color: #455B66;  /* */
  line-height: 125%;
  margin-bottom: 1%;
}


/* Контейнер для video */
div.shess1 > div.cell > div.cell_test > div.picvid{
  border:0px solid #aaaaaa;
  outline: 0px solid #aaaaaa;
  outline-offset: -1px;
/*   border-style: outset; border-style: inset;*/

  flex-basis:50%;
  max-width:900px;
}

/* video внутри контейнера для video */
div.shess1 > div.cell > div.cell_test > div.picvid > img{
  width:100%;
}

div.shess1 > div.cell > div.cell_test > div.picvid > video{
  width:100%;
  display: inline-block;
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

/*--------------------------------------------------*/








/*-----------------------------------------*/
@media only screen and (max-width: 1600px) {
    div.shess1 > div.cell:nth-child(2n+1) > div.cell_test,
    div.shess1 > div.cell:nth-child(2n) > div.cell_test
     {
    display: inline-flex;
    }
    
}
    
@media only screen and (max-width: 968px) {
    div.shess1 > div.cell:nth-child(2n+1) > div.cell_test, 
    div.shess1 > div.cell:nth-child(2n) > div.cell_test
    {
    flex-direction:column;
    justify-content:center;
    }        
}


@media only screen and (max-width: 576px) {  
 
      
}






