* {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section {display:block;}
img, a img {vertical-align: top; border: 0;}
a[data-title]:hover {border: 0;}
b, i, u, a, p, span {vertical-align: baseline;}
.cls {clear: both;}
.dang {font-weight: bold;}
/* адаптивная ширина видео */
.youtobe-video {
position: relative;
margin: 0 0 16px 0;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}

html {height: 100%;}
body {
background: #fbfbfb; font-family: Verdana, Geneva, sans-serif;
display: flex;
flex-direction: column;
height: 100%;
}
header, main, footer, .wrap {
max-width: 1200px;
margin: 0 auto;
}
.baner {
max-width: 1200px;
margin: 4px auto 10px auto;
padding: 0 10px;
}
header {flex: 0 0 auto; order: 1; width: 100%; padding: 0 0 10px 0;}
.logo {margin: 4px 0; }
.header-text {text-align: right; clear: both;  margin: 0 0 10px 0;}
main {flex: 1 0 auto; order: 2; width: 100%;}
.block {border-radius: 4px;}
.img-right {float: right; margin: 6px 0 10px 10px;}
.img-left {float: left; margin: 6px 10px 10px 0;}
.img-galery {height: 100px; width: auto; margin: 0 10px 10px 0;}
.img-text {margin: 10px; width: auto; margin: 0 10px 10px 0;}
.img-big {margin: 10px 0; width:98%; height: auto;}
address {font-style: normal; display: inline-block;}
.header-uaz {float: right;}
.telefon {text-align: right;text-decoration: none; white-space: nowrap;}
.telefon:hover {color: #ff6633; border-bottom: 1px solid #ff6633;}
.icon {
vertical-align: middle;
padding: 2px 6px 6px 0;
width: 24px;
height: 24px;
}
/* для тех кто пользуется табом для перехода по ссылкам */
a:focus {
outline: none;
background: #cccccc;
}
.uaz-item1, .uaz-item2 {position: relative; z-index: 1; height: 140px; width: auto;}
.uaz-item1:hover, .uaz-item2:hover {z-index: 2;}
.uaz-item2 {margin-left: -100px;}
nav {order: 1; flex-basis: 260px; padding: 0 10px 10px 0;}
.nav ul {list-style-type: none;}
.nav li {
padding: 4px 0;
font-size: 1em;
}
.nav a {
text-decoration: none;
color: #0033cc;
}
.nav li::before {
padding-right: 8px;
content: "\203A";
color: #0033cc;
}
.nav a:hover, .nav a.active {
text-decoration: none;
color: #ff6633;
border-bottom: 1px solid #ff6633;
}
.mobile-select {
display: none;
border: 2px solid #ff6600;
background: #fff;
border-radius: 10px;
width: 100%;
padding: 10px;
font-size: 1em;
margin: 10px 0 20px 0;
outline: none;
}
#topcontrol {z-index: 100; margin: 0 16px 20% 0;}
h1 {margin: 0 0 10px 0; color: #cc6600; font-weight: 500;}
h2, h3, h4, h5, .text_zagol {margin: 20px 0 10px 0; color: #cc6600; font-weight: 500;}
h1 {font-size: 1.4em;}
h2, h3, .text_zagol {font-size: 1.3em;}
h4 {font-size: 1.2em; color: #cc6600;}
h5 {font-size: 1.2em; color: #cc6600; font-weight: normal;}
p {margin: 10px 0; font-size: 1em; line-height: 1.4em;}
.mapyandex {
max-width: 1100px;
max-height: 500px;
}
section {display: flex;}
article {order: 2; flex: 82%; hyphens: manual; word-wrap: break-word;}
article ol, article ul {
margin: 10px;
font-size: 1em;
list-style-position: inside;
}
article li {padding: 0 0 6px 0;}
.ul-clear {list-style: none;}
.ul-line {line-height: 1.4em;}
.ul-line li {display: inline;}
.ol-line li {float: left; padding: 0 0 0 10px; line-height: 1.6em;}
.ul-site-map {list-style: none; columns: 2 auto;}
.ul-site-map li::before {
content: '\1F6E0';
padding-right: 10px;
}



	article hr {
		border: 0;
		border-bottom: solid 1px rgba(210, 215, 217, 0.75);
		margin: 2em 0;
	}

		article hr.major {
			margin: 3em 0;
		}
article h3 {color: #000000;
font-size: 20px;}

.ul-site-map a {text-transform: capitalize;}
article a {text-decoration: none;}
article a:hover {
color: #ff6633;
border-bottom: 1px solid #ff6633;
}
a[href$=".pdf"] {
background: url(../img/icon-pdf.png) no-repeat right;
background-size: contain;
padding-right: 18px;
}
a[href$=".zip"] {
background: url(../img/icon-zip.png) no-repeat right;
background-size: contain;
padding-right: 20px;
}
a[href$=".rar"] {
background: url(../img/icon-rar.png) no-repeat right;
background-size: contain;
padding-right: 20px;
}
.textnav {list-style: none;}
.textnav li::before {
padding-right: 8px;
content: "\203A";
}
table {
border-collapse: collapse;
margin: 10px 10px 20px 0;
width: 100%;
}
table td, table th {
border: 1px solid #333;
padding: 4px;
}
table th, table tr:hover {background: #eaeaea;}
.footer-diz {flex: 0 0 auto; order: 3; background: #ececec;}
footer {
flex: 0 0 auto;
width: 100%;
min-height: 120px;
padding: 10px 0;
font-size: 1em;
}
.figure-img {display: inline-block; margin: 0; padding: 10px;}
.figure-img >figcaption {text-align: center; padding: 10px 0; font-size: .9em; width: 98%; display: table-caption; caption-side: bottom;}
.footer-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 0;
}
footer details {
margin: 0 0 20px 0;
flex-basis: 320px;
}
.summenu {cursor: pointer; color: #000099;}
.summenu:hover {text-decoration: underline; cursor: pointer; color: #ff6633;}
summary {display: block; color: #000099;}
summary::-webkit-details-marker {display: none;}
summary::before {
content: '\25B6';
padding-right: 6px;
}
details[open] > summary::before {content: '\25BC';}
footer ul {list-style: none;}
footer li {padding: 8px 0 0 0;}
footer li:before {
padding-right: 8px;
content: "\203A";
color: #000099;
}
footer a {color: #000099; text-decoration: none;}
footer a:hover {color: #ff6633; border-bottom: 1px solid #ff6633;}
.btn_pc {margin: 10px 0;}
.btn_pc, .btn_head {
font-size: 1em;
display: inline-block;
padding: 10px;
font-style: italic;
font-weight: bold;
box-shadow: 2px 4px 8px #999;
border: 1px solid #336600;
border-radius: 4px;
background: #669933;
color: #fff;
text-decoration: none;
background: -moz-linear-gradient(to bottom, #669933, #336600);
background: -webkit-linear-gradient(#669933, #336600);
background: linear-gradient(to bottom, #669933, #336600);
}
.btn_pc:hover, .btn_head:hover {background: #336600; color: #ffff00; border: 1px solid #336600;}
.btn_pc:active, .btn_head:active {
position: relative;
top: 1px;
box-shadow: 2px 4px 6px #666;
}
@media screen and (max-width:1200px), handheld and (max-width:1200px){
header, main, footer, .wrap {padding: 0 6px; width: 94%;}
.uaz-item1, .uaz-item2 {height: 130px; width: auto;}
}
@media screen and (max-width:960px), handheld and (max-width:960px){
.logo {width: auto; height: 80px; float: left;}
.uaz-item1, .uaz-item2 {height: 120px; width: auto;}
}
@media screen and (max-width:768px), handheld and (max-width:768px){
.logo {width: auto; height: 70px; float: left;}
.img-right, .img-left, .img-galery, .img-text, figure, figure img {float: none; width: 96%; height: auto; margin: 0 0 10px 0; clear: both; display: block;}
section {flex-direction: column; flex-wrap: wrap; padding: 0 10px 0 0;}
nav {order: 1; flex-basis: auto; padding: 0;}
.mobile-select {display: block;}
#menu-top-menu, .header-uaz {
/* замена display: none; seo */
clip: rect(0 0 0 0);
position: absolute;
width: 19px;
height: 18px;
margin: -18px;
}

h1, h2, h3 {font-size: 1.3em;}
video {width:96%; height: auto;}
table tr {
border-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
}
table th {margin: 4px 2px 4px 0;}
table td {
border: 1px solid;
margin: 0 -1px -1px 0;
width: 90%;
}
table tr:hover {background: none;}
.ul-site-map {columns: 1;}
}
@media screen and (max-width:480px), handheld and (max-width:480px){
footer details {
margin: 0 0 20px 0;
flex-basis: 100%;
}
}
video {width:96%; height: auto;}
/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: stretch; }
  .row > * {
    box-sizing: border-box; }
  .row.gtr-uniform > * > :last-child {
    margin-bottom: 0; }
  .row.aln-left {
    justify-content: flex-start; }
  .row.aln-center {
    justify-content: center; }
  .row.aln-right {
    justify-content: flex-end; }
  .row.aln-top {
    align-items: flex-start; }
  .row.aln-middle {
    align-items: center; }
  .row.aln-bottom {
    align-items: flex-end; }
  .row > .imp {
    order: -1; }
  .row > .col-1 {
    width: 8.33333%; }
  .row > .off-1 {
    margin-left: 8.33333%; }
  .row > .col-2 {
    width: 16.66667%; }
  .row > .off-2 {
    margin-left: 16.66667%; }
  .row > .col-3 {
    width: 25%; }
  .row > .off-3 {
    margin-left: 25%; }
  .row > .col-4 {
    width: 33.33333%; }
  .row > .off-4 {
    margin-left: 33.33333%; }
  .row > .col-5 {
    width: 41.66667%; }
  .row > .off-5 {
    margin-left: 41.66667%; }
  .row > .col-6 {
    width: 50%; }
  .row > .off-6 {
    margin-left: 50%; }
  .row > .col-7 {
    width: 58.33333%; }
  .row > .off-7 {
    margin-left: 58.33333%; }
  .row > .col-8 {
    width: 66.66667%; }
  .row > .off-8 {
    margin-left: 66.66667%; }
  .row > .col-9 {
    width: 75%; }
  .row > .off-9 {
    margin-left: 75%; }
  .row > .col-10 {
    width: 83.33333%; }
  .row > .off-10 {
    margin-left: 83.33333%; }
  .row > .col-11 {
    width: 91.66667%; }
  .row > .off-11 {
    margin-left: 91.66667%; }
  .row > .col-12 {
    width: 100%; }
  .row > .off-12 {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0em; }
    .row.gtr-0 > * {
      padding: 0 0 0 0em; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0em; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0em; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.375em; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.375em; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.375em; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.375em; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -0.75em; }
    .row.gtr-50 > * {
      padding: 0 0 0 0.75em; }
    .row.gtr-50.gtr-uniform {
      margin-top: -0.75em; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 0.75em; }
  .row {
    margin-top: 0;
    margin-left: -1.5em; }
    .row > * {
      padding: 0 0 0 1.5em; }
    .row.gtr-uniform {
      margin-top: -1.5em; }
      .row.gtr-uniform > * {
        padding-top: 1.5em; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -2.25em; }
    .row.gtr-150 > * {
      padding: 0 0 0 2.25em; }
    .row.gtr-150.gtr-uniform {
      margin-top: -2.25em; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 2.25em; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -3em; }
    .row.gtr-200 > * {
      padding: 0 0 0 3em; }
    .row.gtr-200.gtr-uniform {
      margin-top: -3em; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 3em; }