/* Разработан 2021-05-16 */
* {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;}
b, i, u, a, p, span {vertical-align: baseline;}
embed, iframe, object, video {max-width: 100%;} /* адаптивная ширина видео */
html {height: 100%;}
body {
background: #fff; font-family: Verdana, Geneva, sans-serif;
display: flex;
flex-direction: column;
height: 100%;
}
header, main, footer, .wrap {
max-width: 1200px;
margin: 0 auto;
}
.clr {clear: both;}
.diz-header {flex: 0 0 auto; background-image: url(/img/bg_03.png); background-repeat: repeat-x; background-position: 50% 100%; background-size: 60px;}
.diz-main {flex: 1 0 auto;}
.diz-footer {flex: 0 0 auto; background: #ececec;}
.diz2 {background: url(/img/bg_02.png);}
.diz3 {background: url(/img/bg_04.jpg) no-repeat; background-size: cover; padding: 10px 0;}
.cls {clear: both;}
.img-right {float: right; margin: 0 0 10px 0;}
.img-left {float: left; margin: 0 10px 0 0;}
address {font-style: normal;}
.logo {
float: left; margin: 2px 20px 0 0;
width: 80px;
height: 80px;
}
.slogan {
display: block;
margin: 0 0 0 10px;
padding: 4px 0 0 0;
font-size: 1em;
color: #336600;
}
.slogan a, .nav-a, .telefon_num {text-decoration: none;}
.slogan a:hover, .telefon_num:hover {color: #990000;}
.icon {
vertical-align: middle;
padding: 0 6px 0 0;
width: 24px;
height: 24px;
}
nav {margin: 14px 0 4px 0; background: #669933;}
.nav li {
display: inline-block;
list-style: none;
padding: 4px 12px 4px 0;
}
.nav-a {color: #fff; font-size: 1.1em; font-weight: bold;}
.nav-a:hover {
color: #ffff00;
border-bottom: 2px solid #ffff00;
}
.may {color: #990000; display: block; margin: 10px 0; font-size: 1.2em;}
.bone_h1 {
font-size: 2.2em;
text-transform: uppercase;
padding: 20px 0 0 0;
color: #075190;
text-shadow: #1190fd 0 0 4px;
line-height: 1.6em;
}
.blokimg {font-size: 1.2em;}
.def {font-weight: normal;}
h2, h3, h4, h5, .text_zagol {margin: 20px 0 10px 0;}
h2, h3, .text_zagol {color: #075190; font-weight: 500;}
h2, h3, .text_zagol {font-size: 1.4em;}
h4 {font-size: 1.2em; color: #1a7a18;}
h5 {font-size: 1.2em; color: #2b79be; font-weight: normal;}
.best, .spisokk {list-style: none;}
.best, .spisok, .spisokk {
margin: 0 0 0 40px;
padding: 0 10px;
}
.spisokk li {
font-size: 1em;
padding: 0 0 8px 0;
color: #000;
}
.best li, .spisok li {
font-size: 1.1em;
padding: 0 0 8px 0;
transition: .3s;
color: #1a7a18;
}
.best li:before {
padding-right: 10px;
content: "\2714";
}
.best li:hover, .spisok li:hover {color: #075190;
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 1s;
}
p {margin: 10px 0; font-size: 1em; line-height: 1.4em;}
.vidos, .mapyandex {
margin: 20px auto;
box-shadow: -5px 5px  6px rgba(122,122,122,0.5);
}
.vidos {
max-width: 800px;
max-height: 450px;
}
.mapyandex {
max-width: 1100px;
max-height: 500px;
}
.otziv {
border-collapse: separate;
border: 1px dashed #2b79be;
font-size: 1em;
max-width: 99%;
}
.otziv td {
padding: 10px;
border: 1px dashed #2b79be;
}
.tabloz {
color: #2b79be;
font-weight: bold;
font-style: italic;
margin: 0;
display: block;
}
section {word-wrap: break-word;}
article {hyphens: manual; color: #000;}
article ol, article ul {
margin: 10px 0 10px 40px;
font-size: 1em;
list-style-position: inside;
}
dl {margin: 10px 0 0 0; font-size: 1em;}
dt {
font-weight: bold;
font-style: italic;
margin: 0 0 6px 0;
}
dd {margin: 0 0 20px 0;}
article img {margin: 0 2px 6px 0;}
.colonki {
margin: 0 0 0 10px;
-moz-column-count: 3;
-moz-column-rule: 1px solid #999;
-webkit-column-count: 3;
-webkit-column-rule: 1px solid #999;
column-count: 3;
column-rule: 1px solid #999;
list-style: none;
}
.colonki li {padding: 0 0 8px 0;}
summary {display: block; color: #000099;}
summary::-webkit-details-marker {display: none;}
summary::before {
content: '\25B6';
padding-right: 6px;
}
details[open] > summary::before {content: '\25BC';}
.block, .otziv, .otziv td, .btn_pc, #cForm >input, #cForm >textarea, #addGB >input {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.obvodka {border: 1px solid #ff9000;}
#cForm, #addGB {font-size: .9em;}
#cForm >label, #addGB >label {
font-weight: bold;
font-style: italic;
color: #075190;
}
#cForm >input, #cForm >textarea, #addGB >input, #filedesc {
margin: 4px 0 10px 0;
padding: 6px;
border: 1px solid #333;
}
#posName, #posEmail, #posRegard, #posText {width: 80%;}
#cForm >input:focus, #cForm >textarea:focus, #addGB >input:focus , #filedesc:focus
 {border-color: #669933;}
/* конпка */
.btn_pc {
font-size: 1.1em;
display: inline-block;
margin: 14px 0;
padding: 16px;
font-style: italic;
font-weight: bold;
box-shadow: 2px 4px 8px #999;
border: 1px solid #336600;
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 {background: #336600; color: #ffff00;}
.btn_pc:active {
position: relative;
top: 1px;
box-shadow: 2px 4px 6px #666;
}
/* конец кнопки */
footer {
min-height: 120px;
padding: 10px 0;
font-size: 1em;
}
.footer-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 0;
}
footer ul {
list-style: none;
margin: 0 0 20px 0;
}
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: #990000; border-bottom: 1px solid #990000;}

@media screen and (max-width:1200px), handheld and (max-width:1200px){
.wrap, main, footer {padding: 0 10px;}
}
@media screen and (max-width:960px), handheld and (max-width:960px){
nav {text-align: center;}
}
@media screen and (max-width:768px), handheld and (max-width:768px){
.bone_h1 {
font-size: 1.4em;
margin: 0; padding: 0;
text-shadow: none;
line-height: 1.4em;
}
/* nav */
nav {margin: 6px 0 0 0; padding: 4px; background: #669933;}
.nav {
width: 99%;
min-height: 40px;
margin: 0;
padding: 0;
background: #fff url(/img/menu.png) no-repeat 10px 11px;
}
.nav li {display: none; margin: 0;}
.nav-a:before {
padding-right: 10px;
content: "\2714";
}
.nav-a {
display: block;
text-align: left;
color: #669933;
}
.nav-a:hover {color: #0066ff; border-bottom: none;}
.nav:hover {background-image: none;}
.nav:hover li {display: block; text-align: left; padding: 4px 4px 4px 10px;}
/* nav end */
.best, .spisok, .spisokk {margin: 0;}
.logo {margin: 8px 10px 10px 8px;}
.img-right, .img-left {float: none; width: 96%; height: auto; margin: 0 0 10px 0; clear: both;}
}
@media screen and (max-width:480px), handheld and (max-width:480px){
.best {margin: 0 0 0 10px;}
.footer-box {
display: flex;
flex-direction: column;
}
footer details {
margin: 0 0 20px 0;
flex-basis: 100%;
}
}
/* добавляем стили для принтера */
@media print {
a {
color: #000 !important;
border-bottom: none !important;
}
h1, h2, h3, h4, h5 {font-size: 1em; font-weight: normal; margin: 10px 0;}
}