@import url('https://fonts.googleapis.com/css2?family=Teko:wght@600&display=swap');      /**/
   .atel {
    margin-bottom: 57px;
   }
  @font-face {
    font-family: Pompadur; /* Гарнитура шрифта */
    src: url(/assets/font/lcd_ds_1_bolditalic.otf); /* Путь к файлу со шрифтом */
   }
   @font-face {
    font-family: Mavka; /* Гарнитура шрифта */
    src: url(/assets/font/Mavka.ttf); /* Путь к файлу со шрифтом */
   }
   h1 {
    font-family: Pompadur;
   }


body {


  font-family: "lato", sans-serif;
}
.table {
	width: 100%;
	margin-bottom: 20px;
	border: 5px solid #fff;
	border-top: 5px solid #fff;
	border-bottom: 3px solid #fff;
	border-collapse: collapse;
	outline: 3px solid #ffd300;
	font-size: 15px;
	background: #fff!important;
}
.table th {
	font-weight: bold;
	padding: 7px;
	background: #ffd300;
	border: none;
	text-align: left;
	font-size: 25px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #ffd300;
}
.table td {
	padding: 7px;
	border: none;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font-size: 25px;
}
.table tbody tr:nth-child(even){
	background: #f8f8f8!important;
}



 .but {
     margin: 20px 0;
 }

a.but {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;

}



 .responsive-table .table-row a{
    text-decoration: none;
    color: #333;
}
 .responsive-table .header_non {
    display: none;
  }

 .rows1  {
  background-color: #ffd700;
   text-transform: uppercase;
  font-size: 23px;
  font-weight: 700;
}

.rows2  {
  background-color: #42aaff;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
}
.rows3  {
  background-color: #e07f1f;
 font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
}
.rows  {
  background-color: #c0c0c0;
  font-weight: 500;
  font-size: 22px;
  text-transform: uppercase;
}

.rowst  {
  background-color: #F2DCE4;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}

h2 {
  font-size: 26px;
  margin: 20px 0;
  text-align: center;
}
h2 small {
  font-size: 0.5em;
}


.timnam {

   /* background-color: #0087F5;    */

  margin: 50px 210px;


  width: 1418px;
    height: 851px;
}

.timp {
    color: #FFFF00;
     padding-top:  310px;
  font-size: 250px;
  font-family: Mavka;
  font-weight: 700;
  text-align: center;
  line-height: 80%;
}


.responsive-table li {
  border-radius: 3px;
  padding: 8px 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.responsive-table .table-header {
  background-color: #95A5A6;
  font-size: 26px;
  font-weight: 900;
  text-transform: uppercase;
   margin-top: 5px;
  }
 .table-headers {
  background-color: #D0D82C;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

 .table-headert {
  background-color: #D0D82C;
  font-size: 18px;
  font-weight: 700;

}

.responsive-table .table-row {
//  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
.responsive-table .col-1 {
  flex-basis: 20%;
}
.responsive-table .col-2 {
  flex-basis: 7%;
}
.responsive-table .col-3 {
  flex-basis: 7%;
}
.responsive-table .col-4 {
  flex-basis: 7%;
}
.responsive-table .col-5 {
  flex-basis: 7%;
}
.responsive-table .col-6 {
  flex-basis: 7%;
}
.responsive-table .col-7 {
  flex-basis: 7%;
}
.responsive-table .col-8 {
  flex-basis: 12%;
}
.responsive-table .col-9 {
  flex-basis: 7%;
}
.responsive-table .col-10 {
  flex-basis: 12%;
}
.responsive-table .col-11 {
  flex-basis: 7%;
}
@media all and (max-width: 767px) {
  .responsive-table .table-header {
    display: none;
  }
  .responsive-table .table-headers{
    display: none;
  }
  .responsive-table .table-headert{
    display: none;
  }
  .responsive-table li {
    display: block;
  }
  .responsive-table .col {
    flex-basis: 100%;
  }
  .responsive-table .col {
    display: flex;
   /* padding: 10px 0; */
  }
  .responsive-table .col:before {
    color: #6C7A89;
    padding-right: 10px;
    content: attr(data-label);
    flex-basis: 50%;
    /*text-align: right; */
  }
  .responsive-table .header_non {
    display: none;
  }
}