@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.icon { display: inline-block; width: 1em; fill: currentColor; }

.icon-check { /*font-size:(3.2/10)*1rem;*/ width: 1.09969em; }

.icon-clock { /*font-size:(512/10)*1rem;*/ width: 1em; }

.icon-dev-hleb-kroshki { /*font-size:(10/10)*1rem;*/ width: 0.7em; }

.icon-home { /*font-size:(512/10)*1rem;*/ width: 1em; }

.icon-look { /*font-size:(5.759/10)*1rem;*/ width: 1.83348em; }

.icon-mail { /*font-size:(10.239/10)*1rem;*/ width: 1.25012em; }

.icon-mail-white { /*font-size:(10.239/10)*1rem;*/ width: 1.25012em; }

.icon-menu { /*font-size:(5.12/10)*1rem;*/ width: 1.375em; }

.icon-minus { /*font-size:(512/10)*1rem;*/ width: 1em; }

.icon-need-help { /*font-size:(18.239/10)*1rem;*/ width: 1.05263em; }

.icon-next { /*font-size:(40/10)*1rem;*/ width: 1em; }

.icon-pamyat { /*font-size:(19.199/10)*1rem;*/ width: 1.23335em; }

.icon-phone { /*font-size:(6.399/10)*1rem;*/ width: 1em; }

.icon-phone-w { /*font-size:(6.399/10)*1rem;*/ width: 1em; }

.icon-plus { /*font-size:(512/10)*1rem;*/ width: 1em; }

.icon-point { /*font-size:(6.399/10)*1rem;*/ width: 0.69995em; }

.icon-point-w { /*font-size:(6.399/10)*1rem;*/ width: 0.69995em; }

.icon-pomojem { /*font-size:(18.285/10)*1rem;*/ width: 1.04999em; }

.icon-search { /*font-size:(5.12/10)*1rem;*/ width: 1em; }

.icon-time { /*font-size:(6.399/10)*1rem;*/ width: 1em; }

.icon-time-w { /*font-size:(6.399/10)*1rem;*/ width: 1em; }

.icon-x-button { /*font-size:(512/10)*1rem;*/ width: 1em; }

* { box-sizing: border-box; }

body { margin: 0; padding: 0; font-size: 18px; background:url(../images/fon.jpg); color: #000; font-family: "Roboto Condensed", Arial, serif; }

h1 { font-size: 30px; color: #81b244; text-transform: uppercase; }
h2 { font-size: 26px; color: #81b244; text-transform: uppercase }
h3 { font-size: 22px; color: #81b244; text-transform: uppercase }

a { text-decoration: none; color: #1aadd9; }

input, textarea { width: 100%; outline: none; font-size: 18px; border-radius: 4px; padding: 13px 14px; font-family: "Roboto Condensed", Arial, serif; font-weight: 300; margin: 0 0 26px 0; border: #c4c4c4 solid 1px; box-sizing: border-box; }

textarea { resize: vertical; }

select { width: 100%; }

input[type=submit] { width: auto; padding: 13px 30px; margin: 0; font-size: 22px; cursor: pointer; font-family: "Roboto Condensed", Arial, serif; color: #fff; border: none; background: #81b244; transition: all ease-out 0.25s; }

input[type=submit]:hover { background: #72a138; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8f8f8f; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #8f8f8f; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8f8f8f; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #8f8f8f; }

input::placeholder, textarea::placeholder { color: #8f8f8f; }

.warn { border: #ff0000 solid 2px; }

.warn::-webkit-input-placeholder, .warn::-webkit-input-placeholder { color: #FF0000; }

.warn::-moz-placeholder, .warn::-moz-placeholder { color: #FF0000; }

.warn:-ms-input-placeholder, .warn:-ms-input-placeholder { color: #FF0000; }

.warn::-ms-input-placeholder, .warn::-ms-input-placeholder { color: #FF0000; }

.warn::placeholder, .warn::placeholder { color: #FF0000; }

img { max-width: 100%; }

.menu-but, .menu-but-w { width: 23px; height: 16px; display: none; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0; cursor: pointer; color: #000; font-size: 12px; letter-spacing: 1px; z-index: 7; }

.menu-but-w { color: #FFF; }

.menu-ico { width: 100%; height: 16px; position: relative; top: 6px; }

.menu-ico span:after, .menu-ico span:before { content: ""; position: absolute; left: 0; top: -6px; }

.menu-ico span:after { top: 6px; }

.menu-ico span { position: relative; display: block; }

.menu-ico span, .menu-ico span:after, .menu-ico span:before { width: 100%; height: 2px; background-color: #81b244; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px; }

.menu-but-w .menu-ico span, .menu-but-w .menu-ico span:after, .menu-but-w .menu-ico span:before { background-color: #fff; }

.on { color: #ffffff; background: none; z-index: 1000; margin: -64px 0 0 0; }

.on .menu-ico span { background-color: transparent; }

.on span:before { -webkit-transform: rotate(45deg) translate(10px, 10px); transform: rotate(45deg) translate(10px, 10px); background-color: #fff; }

.on span:after { -webkit-transform: rotate(-45deg) translate(4px, -4px); transform: rotate(-45deg) translate(4px, -4px); background-color: #fff; }

.on .menu-ico { height: 30px; }

.close { width: 34px; height: 30px; display: none; position: absolute; right: 20px; top: 20px; cursor: pointer; }

.close:after, .close:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background-color: #fff; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 4px; -moz-border-radius: 4px; }

.close:before { -webkit-transform: rotate(45deg) translate(10px, 10px); transform: rotate(45deg) translate(10px, 10px); }

.close:after { -webkit-transform: rotate(-45deg) translate(4px, -4px); transform: rotate(-45deg) translate(4px, -4px); top: 20px; }

.clear { clear: both; }
.cont-vn { margin: 0 0 60px 0;}
.b-krohki { display: flex; justify-content: flex-start; align-items: center; margin: 30px 0;}
.his-back { border:#81b244 solid 2px; display:inline-block; padding:0 12px; color:#81b244; font-weight:bold; cursor:pointer; border-radius:3px; transition: all ease-out 0.25s}
	.his-back:hover { background:#81b244; color:#fff}
	.ico-home { width:20px;position: relative;top: 2px}
    .ico-home img { display: block;}
	.hlebn-krohki { padding:0 0 0 40px;color:#604632}
	.hlebn-krohki a {color:#1aadd9}
	.hlebn-krohki ul { list-style:none; padding:0; margin:0}
	.hlebn-krohki li { display:inline-block}
	.hlebn-krohki-dev { padding:0 10px}
.b-doc { margin: 60px 0 50px 0;}
  .b-doc-item-w100 { width: 46%; margin: 0 4% 0 0; }
  .b-doc-item-w100:nth-child(2n){ margin: 0;}
  .b-doc-item-w100 p { font-weight: bold;}
  .b-doc-item { margin: 0 40px 40px 0; display: flex; align-items: center;}
    .b-doc-item img { width:60px; margin:0 20px 0 0}
    .el-doc a { font-size:18px;}
.b-link-but { display: flex; flex-wrap: wrap; margin: 60px 0 50px 0;}
  .link-but-item { margin: 0 20px 10px 0;}
.img-left { display: flex;}
  .img-left-img { max-width: 400px; flex-shrink: 0; margin: 0 30px 20px 0;}
img[align=left] { max-width: 400px; margin: 0 30px 20px 0;}
img[align=right] { max-width: 550px; margin: 0 0 20px 30px;}
.box-part { display: flex; flex-wrap: wrap; align-items: center; margin: 60px 0;}
  .part-el { width: 24%; margin: 0 1% 40px 0; text-align: center;}
  .part-el:nth-child(4n){ margin: 0 0 40px 0;}
.vn-menu { display: flex; justify-content: space-between;}
  .vn-menu-left { width: 77%;}
  .vn-menu-right { width: 18%;}
.menu-sub-box-active { width: inherit; position: fixed; right: 42px; top: 50px;}
  .menu-sub { margin: 0 0 10px 0; text-align: right;}
  .menu-sub-box-left .menu-sub { text-align: left;}
  .menu-sub a, .menu-sub span { display: inline-block; color: #4a6d1d; font-size: 20px; display: inline-block; background-color: #e8e8e8; padding: 14px 18px; border-radius: 4px; transition: ease-in-out 0.25s; }
  .menu-sub a:hover, .menu-sub span:hover { background-color: #81b244; color: #fff;}
.box-pages {font-size:18px; padding:40px 0 30px 0}
  .pagest { display:inline-block;vertical-align: middle;padding:0 30px 0 0}
  .box-pages a { color:#ffffff; padding:6px 15px;display:inline-block; font-weight:bold; margin:3px; border-radius:4px; -moz-border-radius:4px; background:#81b244; text-decoration:none}
  .box-pages span {color:#81b244; padding:5px 14px;display:inline-block; font-weight:bold; margin:0 3px; border:#81b244 solid 1px; border-radius:4px; -moz-border-radius:4px}
  .cursor { cursor: pointer;}
.b-spec { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0 0 0;}
.spec-item { width: 46%; margin: 0 0 50px 0; display: flex; }
  .spec-img { margin: 0 40px 0 0; flex-shrink: 0;}
  .spec-name { font-size: 22px;}
  .spec-des, .spec-phone, .spec-fax, .spec-email { margin: 10px 0 0 0; }
.b-lic { width: 100%; display: flex; flex-wrap: wrap;}
  .lic-item { margin: 0 20px 20px 0;}
.jurnal-item { margin: 0 0 40px 0;}
  .jurnal-title { font-size: 26px; margin: 0 0 20px 0; color: #81b244; text-transform: uppercase;}
  .gallery { display: flex; flex-wrap: wrap;}
    .gallery a { display: inline-block; margin: 0 20px 20px 0;}
.b-video { display: flex; flex-wrap: wrap; justify-content: space-between;}
  .video-name { font-size: 20px; font-weight: bold; margin: 20px 0;}
  .video-item { margin: 0 0 40px 0; width: 49%;}
  .video-des { margin: 10px 0 0 0;}
.qa-item { margin: 0 0 40px 0;}
  .qa-vopros { font-weight: bold;}
  .qa-otvet { margin: 10px 0 0 0;}
.galalb { max-width: 344px; font-size: 22px; text-align: center;}
  .galalb img { display: block; margin: 0 0 16px 0;}
.map { height: 450px;}
.main, main { width: 1500px; margin: 0 auto; }

.main { width: 1500px; margin: 0 auto; padding: 0; }
.main-big { width: 1580px; padding: 0 40px 140px 40px; box-sizing: border-box; margin: 0 auto; background: #fff; box-shadow:0 0 26px rgb(0 0 0 / 20%)}
.body-main {background: url(../images/h-fon.jpg) no-repeat right 238px #fff; background-size: 100%;}
.h-line { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 138px; font-family: "Roboto Condensed", Arial, serif; font-weight: 300; }

.h-line .icon { fill: #81b244; }

.h-line-bl1 { width: 289px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.h-line-bl2 { width: 563px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.icon-look { height: 17px; }

.b-look, .h-adres, .h-phone { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.b-look .icon, .h-adres .icon, .h-phone .icon { margin: 0 31px 0 0; }

.icon-point { width: 16px; height: 23px; }

.icon-phone { width: 22px; height: 22px; }

.h-phone-box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.h-phone-box a { color: #000; text-decoration: none; }

.h-phone-text { font-size: 25px; font-weight: bold; }

nav { width: 1500px; margin: 0 auto; position: relative; z-index: 999; }

.close-menu { display: none; width: 30px; height: 30px; position: absolute; top: 20px; right: -15px; cursor: pointer; }

.b-logo { max-width: 568px; margin: 82px 0 160px 0; /*margin: 82px 0 347px 0;*/ }

.b-logo img { display: block; margin: 0 auto; }

.b-logo-text { font-size: 19px; margin: 38px 0 0 0; text-align: center; }

.b-logo-zag { font-size: 90px; color: #81b244; }

.b-logo-zag h1 { font-size: 90px; padding: 0; margin: 0; text-align: center; }

.main-cont { display: -ms-flexbox; display: flex; }

.main-cont-left { width: 80%; padding: 40px 6.1% 0 0; box-sizing: border-box; }

.main-cont-right { width: 20%; border-left: #d0d0d0 solid 1px; box-sizing: border-box; padding: 0 0 0 20px; }

.main-news-line { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.zag { font-size: 30px; color: #81b244; font-weight: bold; }

.but { text-transform: uppercase; }

.but a, .but span { color: #4a6d1d; display: inline-block; background-color: #e8e8e8; padding: 10px 18px; border-radius: 4px; transition: ease-in-out 0.25s; }
.but a:hover, .but span:hover { background-color: #81b244; color: #fff;}
.center { text-align: center;}
.news-big { position: relative; margin: 31px 0; cursor: pointer; max-height: 545px; }
.news-big img { width: 100%; max-height: 545px; object-fit: cover; }

.news-big:before { content: ''; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, transparent 57%, #000); opacity: 0.8; position: absolute; left: 0; top: 0; }

.news-big-title { width: 100%; position: absolute; bottom: 20px; left: 0; padding: 0 27px; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; }

.news-big-title a { font-size: 30px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; }

.main-news .b-news { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.b-news { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.b-news-main { display: flex; justify-content: space-between;}

.b-news .news-item { width: 23%; max-width: 344px; margin: 0 2.6% 40px 0; }
.b-news-main .news-item {width: 31%; margin: 0 0 40px 0;}
.news-item-title { font-size: 22px; margin: 18px 0 0 0; }

.news-item-title a { text-transform: uppercase; color: #000; text-decoration: none; }

.news-item-date { margin: 12px 0 0 0; }

.b-news-main .news-item:nth-child(3n) { margin: 0 0 40px 0; }
.b-news .news-item:nth-child(4n) { margin: 0 0 40px 0; }

.banner { margin: 0 0 100px 0; }

.banner img { display: block; margin: 0 0 0 auto; }
.banner-text { margin: 10px 0; }
.b-info { margin: 140px 0 230px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; }

.info-item { width: 32%; margin: 20px 1.5% 20px 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); padding: 27px 36px; border-radius: 10px; transition: all ease-in-out 0.25s; }
.info-item:nth-child(3n) { margin: 20px 0;}
.info-item .icon, .info-item-ico svg { width: 60px; height: 60px; fill: #81b244; transition: all ease-in-out 0.25s; }

.info-item-title { margin: 50px 0 30px 0; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #81b244; transition: all ease-in-out 0.25s; }

.info-item:nth-child(2) .icon { margin: 13px 0 0 0; }

.info-item:nth-child(2) .info-item-title { margin: 36px 0 20px 0; }

.info-item:nth-child(3) .icon { width: 80px; margin: 13px 0 0 0; }

.info-item:nth-child(3) .info-item-title { margin: 36px 0 15px 0; }

.info-item:hover { background: #81b244; color: #fff; }

.info-item:hover .icon, .info-item:hover .info-item-ico svg { fill: #fff; }

.info-item:hover .info-item-title { color: #fff; }

.b-form { margin: 100px 0 0 0; display: -ms-flexbox; display: flex; }

.b-form-left { width: 50%; padding: 0 40px 0 0; box-sizing: border-box; }

.b-form-right { width: 50%; padding: 10px 0 0 0; }
.chk-policy { margin: 10px 0 30px 0;}
.b-form-row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.b-form-row .chk-policy { margin: 0;}
.b-form-row input[type=text] { width: 49%; }

.b-form-row label { color: #8f8f8f; }

.b-but-chk { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 76px 0 59px 0; }

.but-chk { display: block; min-width: 110px; margin: 0 27px 0 0; text-align: center; background-color: #e8e8e8; border-radius: 4px; font-size: 22px; text-transform: uppercase; color: #4a6d1d; padding: 12px 19px; cursor: pointer; }

.but-chk input[type=radio] { display: none; }

.chk-active { background: #81b244; color: #fff; }

.check label { cursor: pointer; position: relative; padding: 0 0 0 30px; }

.check input[type=checkbox] { display: none; }

.check label:before { content: ""; display: inline-block; width: 17px; height: 17px; position: absolute; left: 0; top: 0px; background: url(../images/svg/check.svg) no-repeat 0 -21px #fff; background-size: 14px; border-radius: 2px; border: #c4c4c4 solid 1px; }

.check input[type=checkbox]:checked + label:before { content: ""; display: block; width: 17px; height: 17px; background: url(../images/svg/check.svg) no-repeat 2px 2px #fff; border-radius: 2px; background-size: 14px; }

.check label:before {width: 13px; height: 13px; top: 4px; background-size: 11px;}
.chk-policy input[type=checkbox]:checked + label:before {width: 13px; height: 13px; background: url(../images/svg/check.svg) no-repeat 2px 2px #fff; background-size: 11px; }
.warn-check label:before { border: #ff0000 solid 1px !important; }
.b-radio, .textarea, .input { margin: 20px 0;}
.radio-text { display: inline-block; margin: 20px 0;}
.radio-text span, .textarea span, .input span { color:#ff0000; }
.radio-row { display: flex; flex-wrap: wrap;}
.radio-row .radio { margin: 0 20px 10px 0;}
.radio label { cursor: pointer; position: relative; padding: 0 0 0 30px; }

.radio input[type=radio] { display: none; }

.radio label:before { content: ""; display: inline-block; width: 17px; height: 17px; position: absolute; left: 0; top: 0px; background: url(../images/svg/check.svg) no-repeat 0 -21px #fff; background-size: 14px; border-radius: 2px; border: #c4c4c4 solid 1px; }

.radio input[type=radio]:checked + label:before { content: ""; display: block; width: 17px; height: 17px; background: url(../images/svg/check.svg) no-repeat 2px 2px #fff; border-radius: 2px; background-size: 14px; }
.textarea label, .input label {display: block; margin: 20px 0;}
.textarea textarea { max-width: 800px; margin: 0;}
.input input[type=text], .input input[type=number]{ max-width: 300px; margin: 0;}

.footer-banners { background-color: #e8e8e8; padding: 60px 0; position: relative; }

.footer-banners .main { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.f-banner { margin: 0 8px; }

.f-banner:first-child { margin: 0 8px 0 0; }

.f-banner:last-child { margin: 0 0 0 8px; }

footer { background-color: #a0a0a0; color: #fff; padding: 70px 0; position: relative; }

footer .main { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; padding: 0 40px; }

.f-bl1 { max-width: 190px; font-size: 16px; }

.f-logo { text-align: center; }

.f-logo span { font-size: 30px; font-weight: bold; }

.f-logo p { margin: 44px 0 34px 0; }

.created { margin: 73px 0 0 0; text-align: center; }

.created a { color: #fff; text-decoration: none; }

.f-bl2 { max-width: 410px; }

.f-bl3 { max-width: 240px; }

.f-bl4 { max-width: 306px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.f-dev { width: 1px; background-color: #fff; }

.f-menu { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.f-menu a, .f-menu span { color: #fff; text-decoration: none; padding: 9px 0; }

.f-menu a:first-child, .f-menu span:first-child { padding: 7px 0 9px 0; }

.f-ico-block { display: -ms-flexbox; display: flex; margin: 0 0 50px 0; }

.f-ico-block .icon { width: 20px; height: 20px; margin: 10px 27px 0 0; }

.f-ico-block_text b { display: block; margin: 7px 0 0 0; }

.caution { padding: 6px 20px; background: url(/images/danger-sing.svg) no-repeat 20px 16px; color: #2a6093; border: #2a6093 solid 2px; border-radius: 10px; box-shadow: 0 15px 30px -10px rgba(90, 161, 227, 0.15); background-size: 22px; text-indent: 38px; }

#topcontrol { width: 60px; height: 60px; display: none; position: fixed; z-index: 9999; bottom: 50px; right: 50px; cursor: pointer; text-align: center; background: url(../images/up-arrow.png) no-repeat center #81b244; opacity: 0.5; filter: alpha(opacity=50); border-radius: 50%; webkit-border-radius: 50%; moz-border-radius: 50%; }

#topcontrol:hover { opacity: 1; filter: alpha(opacity=100); }

@-webkit-keyframes strtop { 0% { top: 0px; }
  50% { top: -3px; }
  100% { top: 0px; } }

.tbor { border-left: #b8b8b8 solid 2px; border-top: #b8b8b8 solid 2px; border-spacing: 0; }

.tbor th { border-bottom: #b8b8b8 solid 2px; border-right: #b8b8b8 solid 2px; background: #eaeaea; padding: 8px; }

.tbor td { border-bottom: #b8b8b8 solid 2px; border-right: #b8b8b8 solid 2px; padding: 8px; }

/*.tbor tr:nth-child(even) td { background:#f9f9f9}*/
#fade { /*--Transparent background layer--*/ display: none; /*--hidden by default--*/ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; z-index: 7; }

.popup_block { display: none; /*--hidden by default--*/ background: #ffffff; color: #333333; padding: 21px 30px; float: left; font-size: 1.2em; position: fixed; font-size: 12px; text-align: left; top: 50%; left: 50%; z-index: 8; /*--CSS3 Box Shadows--*/ box-shadow: 0px 0px 5px #252424; /*--CSS3 Rounded Corners--*/ border-radius: 5px; }

.popup_block h3 { text-transform: uppercase; }

.popup_block input, .popup_block textarea { display: block; width: 100%; box-sizing: border-box; }

.popup_block input[type=submit] { background: #e56464; border: none; color: #FFFFFF; font-size: 16px; }

img.btn_close { float: right; margin: -4px -10px 0 0; }

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }

*html .popup_block { position: absolute; }

.active-menu { display: block; left: 0; }

.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeLogo { 0% { opacity: 0;
    -webkit-transform: translate(-50%, 20px); }
  100% { opacity: 1;
    -webkit-transform: translate(-50%, 0); } }

@keyframes fadeLogo { 0% { opacity: 0;
    -webkit-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px); }
  100% { opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

.fadeLogo { -webkit-animation-name: fadeLogo; animation-name: fadeLogo; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@media only screen and (max-width: 1600px) { .main, main, nav, .main-big { width: 100%; }
  .b-logo-zag, .b-logo-zag h1 { font-size: 6vw; }
  .b-logo { width: 40%; margin: 82px 0 120px 0; }
  .body-main { background-size: 100%; }
  .banner img { max-width: 80%; }
  .news-item-title { font-size: 1.46667vw; }
  .news-big-title a, .info-item-title, .zag, .f-logo span { font-size: 2vw; }
  .b-info { margin: 100px 0 160px 0; }
  .but-chk { padding: 10px 19px; font-size: 1.46667vw; }
  input[type=submit] { padding: 10px 30px; }
  input, textarea { padding: 10px 14px; }
  .f-bl4 { width: auto; }
  .h-phone-text { font-size: 1.66667vw; } }

@media only screen and (max-width: 1500px) { .b-logo { width: 40%; } }

@media only screen and (max-width: 1460px) { .b-logo { margin: 42px 0 120px 0; }
  .b-logo img { width: 60%; }
  .b-but-chk { margin: 46px 0 29px 0; }
  .h-line { height: 100px; }
  .body-main { background: url(../images/h-fon.jpg) no-repeat 51% 180px #fff; background-size: 100%; }
  .spec-img { width: 280px;} }

@media only screen and (max-width: 1360px) { body, input, textarea { font-size: 16px; }
  .f-ico-block .icon { margin: 10px 14px 0 0; }
  .h-line-bl2 { width: 460px; }
  .check label:before { top: 1px; }
  .vn-menu-left { width: 71%;}
  .vn-menu-right { width: 22%;}
  .vn-menu-left img[align=left] { width: 50%;}
  .spec-img { width: 220px;}
}

@media only screen and (max-width: 1300px) { input[type=submit] { font-size: 20px; }
  .b-logo img { width: 57%; } }

@media only screen and (max-width: 1240px) { .f-bl2 { padding: 0 40px; }
  .f-dev { margin: 0 20px; }
  footer { font-size: 14px; }
  .b-logo-text { font-size: 17px; }
  .b-logo-zag h1 { font-size: 5vw; }
  .info-item .icon { width: 50px; height: 50px; }
  .info-item-title { margin: 26px 0 10px 0; }
  .info-item:nth-child(2) .icon, .info-item:nth-child(3) .icon { margin: 0; }
  .info-item:nth-child(2) .info-item-title, .info-item:nth-child(3) .info-item-title { margin: 26px 0 10px 0; }
  .b-form { margin: 60px 0; }
  .b-info { margin: 100px 0; }
  .created { margin: 40px 0 0 0; }
  .b-news .news-item, .b-news .news-item:nth-child(4n) { width: 31%; margin: 0 3.5% 40px 0; }
  .b-news .news-item:nth-child(3n) { margin: 0 0 40px 0; }
}

@media only screen and (max-width: 1140px) { .f-bl1 { width: 150px; }
  .f-logo img { width: 100px; }
  .main-cont-left { padding: 10px 3% 0 0; }
  .banner { margin: 0 0 50px 0; }
  .spec-item { width: 100%;}
  .spec-img { width: 100%; max-width: 342px;} }

@media only screen and (max-width: 1000px) { nav { display: block; position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; width: 100%; max-width: 300px; left: -100%; top: 0; background: #fff; margin: 0; padding: 60px 0; z-index: 25; }
  .close-menu { display: block; }
  .menu-but { display: block; }
  .h-line-bl2 { width: 380px; }
  body { font-size: 14px; }
  .body-main { background: url(../images/h-fon.jpg) no-repeat 51% 140px #fff; background-size: 100%; }
  .b-logo { margin: 28px 0 100px 0; }
  .b-logo-text { font-size: 16px; margin: 30px 0; }
  .main-cont, .b-info, .b-form, footer .main { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main-cont-left { width: 100%; padding: 10px 0 0 0; }
  .main-cont-right { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 0 0; border-left: none; -ms-flex-align: center; align-items: center; }
  .banner { width: 32%; margin: 0 2% 40px 0; }
  .banner:nth-child(3n) { margin: 0 0 40px 0; }
  .info-item { width: 100%; margin: 0 0 40px 0; }
  .b-form-left { width: 100%; margin: 0 0 30px 0; }
  .b-form-right { width: 100%; }
  .news-big-title a, .info-item-title, .zag, .f-logo span { font-size: 24px; }
  .b-logo-zag h1 { font-size: 4vw; }
  .h-phone-text, input[type=submit] { font-size: 18px; }
  .but-chk { font-size: 16px; }
  .b-but-chk { margin: 34px 0 20px 0; }
  .b-form-left { margin: 0 0 10px 0; }
  .news-item-title { font-size: 14px; }
  .b-info { margin: 50px 0; }
  .footer-banners .main { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .f-banner:first-child, .f-banner:last-child, .f-banner { margin: 8px; }
  .f-bl1 { width: 190px; -ms-flex-order: 4; order: 4; }
  .f-bl2 { max-width: none; width: 61%; -ms-flex-order: 1; order: 1; padding: 0; }
  .f-bl3 { max-width: none; width: 34%; -ms-flex-order: 2; order: 2; }
  .f-bl4 { max-width: none; -ms-flex-order: 5; order: 5; }
  .f-dev { width: 100%; height: 1px; margin: 40px 0; -ms-flex-order: 3; order: 3; }
  .cont-vn { text-align: justify;}
  .news-item-title, .spec-name { text-align: left;}
  h1 { font-size: 26px;}
  h2 { font-size: 21px;}
  h3 { font-size: 18px;}
  img[align=right] { max-width: 50%;}
  .part-el { width: 32%;}
  .part-el, .part-el:nth-child(4n){ margin: 0 1% 30px 0;}
  .part-el:nth-child(3n){ margin: 0 0 30px 0;}
  .menu-sub a, .menu-sub span { font-size: 18px;}
  .vn-menu { flex-direction: column-reverse;}
  .vn-menu-right { width: 100%; margin: 0 0 10px 0;}
  .vn-menu-left { width: 100%; }
  .menu-sub-box { display: flex; flex-wrap: wrap;}
  .menu-sub { margin: 0 10px 10px 0;}
  .menu-sub a, .menu-sub span { padding: 10px 18px; text-align: left;}
  .b-news { justify-content: space-between;}
  .b-news .news-item { width: 49%; margin: 0 0 40px 0;}
  .b-news .news-item:nth-child(3n) { margin: 0 0 40px 0; }
  .b-news .news-item:nth-child(4n) { margin: 0 0 40px 0; }
 }
@media only screen and (max-width: 900px) {
  .video-name { margin: 10px 0;}
  .video-item { width: 100%;}
}
@media only screen and (max-width: 860px) {
  .b-doc-item-w100 { width: 100%; margin: 0; }
  .img-left-img { max-width: 50%; }
  .spec-img { width: 50%; }
}
@media only screen and (max-width: 800px) { #topcontrol { bottom: 20px; right: 20px; }
 /* .b-news .news-item, .b-news-main .news-item:nth-child(3n),.b-news .news-item:nth-child(4n), .b-news .news-item:nth-child(3n) { width: 100%; margin: 0 0 40px 0; max-width: none; }*/
  .b-news-main { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .h-line-bl1 { width: 222px; }
  img[align=left] { max-width: 50%; margin: 0 20px 10px 0;}
  .map { height: 300px;}
}

@media only screen and (max-width: 700px) { .b-look span { display: none; }
  .h-line-bl1 { width: 124px; }
  .b-logo img { width: 150px; mix-blend-mode: darken; }
  .b-logo { width: 100%; max-width: none; margin: 28px 0 50px 0; position: relative; }
  .b-logo:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-filter: blur(20px); filter: blur(20px); z-index: -1; background: rgba(255, 255, 255, 0.8); }
  .b-logo-zag h1 { font-size: 30px; }
  .news-big-title a { font-size: 20px; } 
  .part-el { width: 49%;}
  .box-part { justify-content: space-between;}
  .part-el, .part-el:nth-child(4n),.part-el:nth-child(3n){ margin: 0 0 30px 0;}
  .b-news .news-item, .b-news-main .news-item, .b-news-main .news-item:nth-child(3n),.b-news .news-item:nth-child(4n), .b-news .news-item:nth-child(3n) { width: 100%; margin: 0 0 40px 0; max-width: none; }
}

@media only screen and (max-width: 600px) { .f-banner:first-child, .f-banner:last-child, .f-banner { width: 49%; margin: 5px 0; }
  .footer-banners .main { -ms-flex-pack: justify; justify-content: space-between; }
  .b-look .icon, .h-adres .icon, .h-phone .icon { margin: 0 14px 0 0; }
  .h-line-bl2 { width: 324px; }
  .news-big-title { padding: 0 14px; }
  .news-big-title a { font-size: 16px; }
  .info-item:last-child { margin: 0; }
  .footer-banners { padding: 30px 0; }
  h1 { font-size: 22px; text-align: left;}
  h2 { font-size: 20px; text-align: left;}
  h3 { font-size: 18px; text-align: left;}
  .b-doc-item { width: 100%; margin: 0 0 30px 0;}
  .b-doc-item:last-child {  margin: 0;}
  .b-doc-item img { width: 50px;}
  .img-left { flex-wrap: wrap;}
  .img-left-img { max-width: none; width: 100%; margin: 0 0 10px 0; }
  .his-back { display: none;}
  .hlebn-krohki { padding: 0;}
  .spec-img { width: 40%; margin: 0 20px 0 0; }
  .spec-name { font-size: 20px;}
}

@media only screen and (max-width: 550px) { .h-line { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 110px; }
  .h-line-bl1 { width: 100%; padding: 20px 0; }
  .h-line-bl2 { width: 100%; }
  .f-bl2 { width: 100%; }
  .f-bl3, .img-left-text { width: 100%; }
  img[align=left],.vn-menu-left img[align=left] {clear: both; float: none; max-width: none; width: 100%; margin: 0 0 10px 0;}
  img[align=right] {clear: both; float: none; max-width: none; width: 100%; margin: 0 0 10px 0;}
  .img-left { flex-wrap: wrap;}
  .img-left-img { width: 100%; margin: 0 0 10px 0;}
}

@media only screen and (max-width: 500px) { /*.main, main { padding: 0 20px; }*/ .main-big, footer .main {padding: 0 20px; }
  .news-item img, .spec-img img { width: 100%; }
  .info-item { padding: 20px; }
  .b-info { margin: 30px 0; } 
  .spec-item { flex-wrap: wrap;}
  .spec-img { width: 100%; max-width: none; margin: 0 0 20px 0;}
}

@media only screen and (max-width: 450px) { .body-main { background: url(../images/h-fon.jpg) no-repeat right 407px #fff; background-size: 128%; }
  .b-logo { margin: 28px 0 216px 0; }
  .f-bl1 { margin: 0 auto; }
  .f-bl4 { margin: 36px auto 0 auto; }
  .created { position: absolute; left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .f-ico-block:last-child { margin: 0 0 20px 0; }
  .f-bl2, .f-bl3 { text-align: center; }
  footer { padding: 40px 0 70px 0; } }

@media only screen and (max-width: 430px) { .b-but-chk { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .but-chk { margin: 0 5px 10px 0; } }

@media only screen and (max-width: 400px) { .banner { width: 44%; margin: 0 0 30px 0; }
  .main-cont-right { -ms-flex-pack: justify; justify-content: space-between; }
  .banner img { max-width: 100%; }
  .b-form-row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .b-form-row input[type=text] { width: 100%; margin: 0 0 14px 0; }
  .b-form-row .check { margin: 0 0 20px 0; }
  .news-big-title a { font-size: 14px; }
  .news-big-date { font-size: 12px; } }

@media only screen and (max-width: 362px) { .h-phone-text { font-size: 15px; } .part-el, .part-el:nth-child(4n),.part-el:nth-child(3n){ width: 100%;}}

@media only screen and (max-width: 330px) { .body-main { background: url(../images/h-fon.jpg) no-repeat right 445px #fff; background-size: 128%; } }