@charset "utf-8";
html,body{ margin:0; padding:0; height:100%;}
body{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; color: #000; }
body{ background-size: 100%;width:100%; background-color:#222; background-repeat:no-repeat; background-attachment: fixed;  background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/fon.jpg)}
a {text-decoration: none; color: #BA3957;}

header {height: 50px;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;background: linear-gradient(0deg, rgba(35,162,145,.9) 0%, rgba(255,255,255,.9) 100%);padding:15px 0 0 0; text-align:right;}
@media (min-width: 1200px) {.header{width: 1150px; margin: 0 auto;}}
header a{color:#000;font-size:15px;}
header a:hover{color: #BA3957;}
header .logo{ float:left; }
header .logo #logo{  left:20px; margin:-10px 0 0 0; height: 50px;float:left; }
header .logo b{  display: inline-block; text-align: left;  padding:0; width: 270px;   }
header .logo #logo_t{margin: -15px 0 0 0; font-size:17px; letter-spacing: 1px; line-height:18px;}
header .logo #logo_t2{font-weight:normal;}
header nav, header .use { display:inline-block;vertical-align: middle;height:100%;}

header .use { margin-right:45px;}

header #nav{ box-shadow:0; }
header nav a{display: inline-block;vertical-align: middle; padding-right:25px;text-transform:uppercase; font-size:15px;font-weight:100; text-shadow: 0px 1px 1px #000;color:#000;letter-spacing: 2px}
header nav a:hover{ color:#BA3957;text-shadow: 0px 1px 1px #000; }	
header nav .a{ color:#BA3957; }	
header .nav_a{ display:none;cursor: pointer; margin-right:15px; background-image: url(menu.svg);background-size: 25px 25px; background-repeat: no-repeat; background-position: 50% 50%; width: 25px; height: 25px;  }

@media (max-width: 1100px) {
	#header {padding:15px 0 0 0; height:50px;}
	header .nav_a{ display:inline-block;} /*header #nav{display:none;}*/
	header #nav{ position:fixed; top:68px;overflow:hidden;width:100%;height:0;background: linear-gradient(0deg, rgba(35,162,145,.95) 0%, rgba(255,255,255,.95) 100%);text-align:center;box-shadow:1px 0 2px #999;}
	header nav,  header .use{display:block; margin:20px auto;  height: auto;}
	header nav a { display:block; font-size:20px; margin:20px auto; text-transform: uppercase; font-weight: bold; }
	header .use a{ font-size:16px;text-transform: uppercase;}
}
.adress{margin-top: 65px;background-color: rgba(255,255,255,.8); text-align: center;}
.adress a,.adress i{white-space: nowrap;font-size:22px;}
.pisok{ font-size:15px;font-style: oblique;text-shadow: 1px 0 1px #000; padding:0 15px;max-width: 1150px;margin: 0 auto;}
article{ min-height:calc(100% - 300px); }
article h1{ text-align:center; }
article .w{padding: 15px;max-width: 1150px;margin: 0 auto;}
/*article .table_400{ min-width: 300px;}*/
article table {margin: 20px auto;}
article table, td {margin: 20px auto;table-layout: fixed;border-collapse: collapse;border: 0.5px solid #555;}
article th {border: 0.5px solid #555;}
article tr {display: table-row;vertical-align: inherit;border-color: inherit;}
article table tr td {padding: 2px 5px;}
article li { list-style-type:none; padding: 2px 5px 2px 15px;}
article .previous img{width: 30px; position: fixed; left: 10px; bottom:10px; z-index: 10; }
article .img_l{float: left; margin: 10px 10px 10px 0; width: 400px;}
@media (max-width: 845px) {article .img_l{float:none;width: 100%; margin: 10px 0 10px 0}}
article .img_r{float:right; margin: 10px 0px 10px 10px; width: 400px;}
@media (max-width: 845px) {article .img_r{float:none;width: 100%; margin: 10px 0 10px 0}}
article .anime{ transform:rotateX(90deg);}
article .anime[active]{transition: 0.9s;transform:rotateX(0deg);}

article .div_1{background-color: rgba(255,255,255,.8)}
article .div_1_fon{background-repeat:no-repeat; background-attachment: fixed;  background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/fon.webp)}
article .div_2_fon{background-repeat:no-repeat; background-attachment: fixed;  background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/1.png)}
article .div_2{background-color: rgba(154,255,231,0.70);}
article h2 {text-align: center; color: #000}
article .doc{ text-align: center;}
article .doc div{ display: inline-block; width: 270px; padding: 5px 5px 30px 5px;}
article .blog a{color: #000;}
article .blog .img_w{width: 100%}
article .blog .img_div{text-align: center;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;}
article .blog .img_div .div_w{display: inline-block;width: calc(33% - 20px); margin: 10px;}
@media (max-width: 500px) {article .blog .img_div .div_w{width: calc(100% - 20px);}}
article .blog .img_div a img{width: 100%}


footer{ min-height:300px;background: linear-gradient(0deg, rgba(35,162,145,.8) 0%, rgba(255,255,255,.8) 100%);color: #000; text-align:center;}
footer .div1, footer .div2, footer .div3{display:inline-block;vertical-align:top; width:calc(33% - 40px); text-align:left;font-size: 14px; margin:0 20px;}

footer h4{color: #000;font-size: 20px; text-align:left;}
footer .div1  h4{ text-align:left;}
footer .logo2{ width:76px; float:left; margin:0px 0 0 0;}  
footer .s img{ width:32px; margin: 5px}
footer .div2 b{ color:#000;}
footer a{color: #003322;transition: 0.9s;}
footer a:hover{ color:#117733;}
 footer .div2, footer .div3{ margin-left:40px; margin-right:-40px;}
footer .div3 a{ display:inline-block; width:47%; padding:5px 0;} 
.©{ padding:10px 0;}
@media (min-width: 1300px) {
	.footer{width: 1250px; margin: 0 auto;}
}
@media (max-width: 1000px) { footer .div1, footer .div2, footer .div3{ margin-left:0; margin-right:0;}}
@media (max-width: 845px) {.footer{width:100%;} .footer h4{ display:inline-block; margin:20px 0 0 0;padding: 0}
footer .div1 h4{width:370px; }
footer .div1, footer .div2, footer .div3{display:block;vertical-align:top; width:100%; text-align:center;}
}
@media (max-width: 370px) {
	header, adress,article,footer{width: 350px}	
}