* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
 p {
    font-size: 17px;
    font-family: OCR A Std, monospace;
    color: #5BE575;
 }

 .inf {
    display: flex;
    text-align: center;
    font: caption;	
    justify-content: center;
    margin: 0% 0% 1% 0%;
}
 h1{margin:10px; padding:10px;}
 h2{text-align:center;}
 p{font-family: 'PPNeueMachina', Arial, sans-serif;}
.info {
    color: #5BE575;
    background:#696969;
    width: 15%;
    display: flex;
    align-items: center; 
    justify-content: center;
}

.inflogo {
    width: 30%;
    height: 100%;
    margin: 0% 0% 0% 0%;
}
.nameUp{
    display:Flex;
    flex-direction:column;
}

  .contHeader{
    display: flex;
    text-align: center;
     font: caption;	
     justify-content: space-evenly;
}

.cildContHead{
    background:#696969;
    width: 20%;
    height: 20%;
    border: #010101 3px solid;
    cursor: pointer;
}
.cildContHeadone {
    display: none;
}

.cildContHeadtwo {
  /*background-image: url("img/ychim-kod.jpg");*/
  background-size:contain;
}

.cildContHeadthree {
  /*background-image: url("img/microcxema.jpg");*/
  background-size:contain;
}

.cildContHeadfour {
  /*background-image: url("img/htmls0.jpg");*/
  background-size:contain;
}

.imgHeader{
height: 40%;
    width:100%;
}

.glavokno {
    background-color: #696969;
    width: 50%;
    /*height: 700px;*/
    margin: 3% 0% 0% 25%;
    border-radius: 5%;
}

.oknocontent {
    display: flex;
    color:#5BE575;
}

.textone {
    max-width: 40%;
    margin: 10% 0% 0% 10%;
    font-size: 140%;
}

.oknozastav {
    width: 35%;
    height: 50%;
    margin: -35% 0% 0% 62%;
    border-radius: 5%;
}

.texttwo {
    max-width: 70%;
    font-size: 150%;
    margin: 5% 0% 0% 15%;
}

.ychimkodbod {
    display: none;
}

.okode {
  display: flex;
  flex-direction: column;
  max-width: 70%;
  margin: 3% 7%;
  padding: 2%;
  border: black 2px solid;
  border-radius: 5%;
}

.okodeimg{
    float:left;
}

/* первый блок*/

.BoxDesc{
    margin:50px;
    padding-top: 10px;
  display: flex;
    text-align: center;
     font: caption;	
     align-items: center;
     justify-content: space-evenly;
}


.boxWebImg{
    width: 70%;
    height: 80%;
    border-radius: 5%;
    padding-left: 10%;
}
.boxWebCont {
    position: relative;
    top:20px;
    width:70%;
    border-bottom-right-radius: 10px ;
    opacity: 0.95;
    z-index: 1000;
    background: white;
}

.boxElectrImg{
    width: 50%;
    height: 80%;
    border-radius: 5%;
    padding-left: 10%;
}

.box3DmodelImg{
     width: 50%;
    height: 80%;
    border-radius: 5%;
    padding-left: 10%;
}

.box3DImg{
     width: 50%;
    height: 80%;
    border-radius: 5%;
    padding-left: 10%;
}

/* второй блок*/
.descrBlock{display:flex; justify-content:center;}
  #container {
    /*justify-content:center;*/
    width:100%;
      margin:0 10px;
       border:none;   
       height:100px;
       border-right: solid 2px #696969;
       border-left: solid 2px #696969;
    }
    
    #square_top {
       border-bottom-right-radius:150px 50px;
       border-bottom-left-radius:150px 50px;
       border:none;   
       border-bottom: solid 2px #696969;
       height:20px;
    }
    .squareBox{display:flex;justify-content: space-around;}
    .squareBoxOne{}
    .squareBoxTwo{}
    
    #square_bottom {
       border-bottom-right-radius:150px 50px;
       border-bottom-left-radius:150px 50px;
       border:none;   
       border-bottom: solid 2px #696969;
      /* border-right:solid 3px #696969;*/
       /*border-left:solid 2px #696969;*/
       height:20px;
    }