.flex {display: -webkit-box;display: -ms-flexbox;display: flex; }
.minh {min-height: 60vh;}
.wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.jcenter {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.cat8 {width: 290px; height: 200px; margin-bottom: 15px; }
.cat7 {border: 1px solid #dadada; margin: 10px; width: 300px; cursor:pointer; padding: 5px;}
.cat7:hover {border: 1px solid #1d4064;}
.cat8 img {max-height: 90%; max-width: 90%;}
.fotoh1 {line-height: 1;}
.tech {line-height: 1.2; max-width: 100%; overflow-x: auto;}
.vcenter {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.cat9 {text-align: center; font-weight: bold; line-height: 110%; }
.tech table td {border: 1px solid #dadada; font-size: 12px; padding: 2px 4px;}
.tech table th {border: 1px solid #dadada; font-size: 12px; padding: 2px 4px;}
.tech table {margin: 10px auto; line-height: 1; }
.opisanie h2 {text-align: center;}
.opisanie  {margin-top: 30px; line-height: 1.2; max-width: 100%; overflow-x: auto; }
.opisanie table {margin: 10px auto; line-height: 1;}
.opisanie table td {border: 1px solid #dadada; font-size: 12px; padding: 2px 4px;}
.opisanie table th {border: 1px solid #dadada; font-size: 12px; padding: 2px 4px;}
.tech h3 {text-align: center;}
.fotoimg2 {    width: 525px;    height: 435px;  background: #fff;    padding: 50px; overflow: hidden;
    text-align: center;    margin-top: 40px;    margin-right: 90px;    display: -webkit-box;    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;
    -ms-flex-align: center;    align-items: center; border: 1px solid #dadada;}
.fotoimg2 img {    max-height: 100%;    max-width: 100%;}
.between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.attr2attr2 {width: 100%; font-size: 14px; }
.attrd b {margin-bottom: 10px; text-decoration: underline;}
.fotoh20  {margin-top: 20px; }
.fotoh20 a {border: 1px solid #e02630; padding: 2px 10px; display: inline-block; text-decoration: none;}
.attr2attr2 div:nth-child(2) {    flex: 1 0;    border-bottom: 1px dotted #002F57;    height: 1em;    margin: 0 .4em;     bottom: -5px;
    position: relative;}
.glfg4r {width: 50px; height: 50px; border: 1px solid #dadada; display: -webkit-box;    display: -ms-flexbox; 
    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;
    -ms-flex-align: center;    align-items: center; margin-right: 5px;}
.glfg4r img {max-width: 95%; max-height: 95%; }
.glfg4r:hover {border: 1px solid #1d4064;}
.glfg {margin-top: 15px;}
.agre input {width: 20px;    height: 20px;    margin-right: 20px;    margin-bottom: 0;}
.agre {margin-bottom: 30px; font-size: 13px; text-align: left; line-height: 1;}
.middle {min-height: 80vh;}
.cat3 {margin-bottom: 30px;}
.tech  {margin-bottom: 30px;}
.breadcrumb-item {margin-bottom: 5px; }
.breadcrumb > li:before {display: none;}
.breadcrumb > li:after {display: none;}
.breadcrumb > li {margin-right: 0; padding: 0 7px; font-size: 12px;}

@media only screen and (max-width: 1040px) {
.fotoimg {display: block; }
.fotoimg2 {margin-top: 0; margin-right: 0; max-width: 100%; padding: 10px;}
.fotoimg2 a {height: 100%; }
.fotoh1 {font-size: 20px; margin: 30px 0;  }
.opisanie h2 {font-size: 18px;}
.opisanie ul {padding-left: 15px;}
.tech ul {padding-left: 15px;}
.tech {padding-left: 10px; padding-right: 10px;}
.opisanie {padding-left: 10px; padding-right: 10px;}
}    

@media only screen and (max-width: 450px) {
    .fotoimg2 {height: 250px; }
}

@media only screen and (max-width: 673px) {
.cat8 {width: 100%; height: 200px; margin-bottom: 5px; }    
.cat7 {width: calc(50% - 10px); margin: 5px;}
.cat9 {font-size: 13px ;  }   
.copyright a {display: block;}
.copyright {line-height: 1.1!important; padding: 4px 0;}
}