body{


}
*{
  padding: 0;
  margin: 0;
}
li{
  list-style: none;
  display: flex;
}
a{
  text-decoration: none;
}
header{
  background: #cecece;
  padding 22px 0;

  font-family: 'Montserrat Alternates', sans-serif;
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Roboto Slab', serif;

}
.header-container{
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.header-container a{
  color: #000;
  font-size: 16px;
  margin-left: 63px;
  padding: 27px 6px;
}
.header-container a:hover{
  background: #6578d4;
}
#menu-checkbox{
  display: none;
}
ul{
display: flex;
}
nav{
  margin-top: 30px;
}
.top-slide{
background-image: url("../img/background.png");
background-repeat: no-repeat;
background-position: center;
background-color: #000;
height: 332px;

}
.top-slide h1{
color: #fff;
padding-left: 50px;
padding-top: 100px;
text-shadow: 1px 1px 2px black, 0 0 1em red;

}
.top-slide h2{
color: #fff;
padding-left: 50px;
text-shadow: 1px 1px 2px black, 0 0 1em red;

}

.red{
color: red;
font-size: 150%;
margin-bottom: 20px;
}
.speciolize-container{
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.cards{
align-items: center;
}
.speciolize-cards{
  justify-content: center;
  align-items: center;
display: flex;

}
.text_mob
{
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: justify;
  display: inline-block;
  width: 420px;
}

.text{
margin-top: 50px;
margin-bottom: 50px;
text-align: justify;
display: inline-block;
width: 420px;

}
.ceneter
{
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
.ceneter_text
{
  margin: 0 auto;
  text-align: justify;
  display: inline-block;
width: 250px;
height: 150px;
margin-right: 40px;
margin-bottom: 40px;
}

.ceneter_text_box
{
  margin: 0 auto;
  text-align: justify;
  display: inline-block;
width: 250px;
height: 350px;
margin-right: 40px;
margin-bottom: 40px;
}

.ceneter_text_box_fot
{
  margin: 0 auto;
  text-align: justify;
  display: inline-block;
margin-right: 40px;
margin-bottom: 40px;
}
.ceneter_text_box_fot p{
  text-align: center;
}
.ceneter_text_double
{
  margin: 0 auto;
  text-align: justify;
  display: inline-block;
width: 320px;
margin-right: 30px;
margin-bottom: 40px;
}

.ceneter_text_double_mob
{
  margin: 0 auto;
  text-align: justify;
  display: inline-block;
width: 320px;
margin-right: 30px;
margin-bottom: 40px;
}

.scale {
    transition: 1s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(1.3); /* Увеличиваем масштаб */
  }
  .text_mono
  {
    margin: 0 auto;
    text-align: justify;
    display: inline-block;
  }
  .bold_
  {
    font-style: oblique;
    font-size: 120%;
    color: red;
  }




  /* Стили таблицы (IKSWEB) */

  table.iksweb{
  	width: 100%;
  	border-collapse:collapse;
  	border-spacing:0;
  	height: auto;
  }
  table.iksweb,table.iksweb td, table.iksweb th {
  	border: 1px solid #595959;
  }
  table.iksweb td,table.iksweb th {
  	padding: 3px;
  	width: 30px;
  	height: 35px;
  }
  table.iksweb th {
  	background: #347c99;
  	color: #fff;
  	font-weight: normal;
  }

  /* Стили таблицы (IKSWEB) */

  table.iksweb_s{
  	width: 300px;
  	border-collapse:collapse;
  	border-spacing:0;
  	height: auto;
        margin: 0 auto;
  }
  table.iksweb_s,table.iksweb_s td, table.iksweb_s th {
  	border: 1px solid #595959;
  }
  table.iksweb_s td,table.iksweb_s th {
  	padding: 3px;
  	width: 30px;
  	height: 35px;
  }
  table.iksweb_s th {
  	background: #347c99;
  	color: #fff;
  	font-weight: normal;
  }





@media screen and (max-width: 700px)
{
  .header-container{
    width: 100%;
    display: flex;
    justify-content: space-around;
  }
  .main-menu{
    display: none;
  }
  .main-menu li{
    width: 100%;
    display: block;
    font-size: 12px;
  }
  .main-menu a{
    display:  block;
    padding: 8px;
  }


  .text_mob
  {
    margin: 0 auto;
    text-align: justify;
    display: inline-block;
  }

  .ceneter_text_double
  {
    margin: 0 auto;
    text-align: justify;
    display: inline-block;
  }




.toggle-button{
  text-align: center;
  display: block;
  cursor: pointer;
  color: #000;
  margin-top: 20px;
}
.toggle-button::after{
  content: attr(data-open);
  display: block;
}
#menu-checkbox:checked + nav[role="navigation"] .main-menu{
  display: block;
}