@charset "UTF-8";
@font-face { font-family: "Montserrat-Regular"; src: url("../fonts/Montserrat-Regular"); src: local("Montserrat-Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Montserrat-Medium"; src: url("../fonts/Montserrat-Medium"); src: local("Montserrat-Medium"), local("Montserrat-Medium"), url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Montserrat-Light"; src: url("../fonts/Montserrat-Light"); src: local("Montserrat-Light"), local("Montserrat-Light"), url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }

* { box-sizing: border-box; }

/*html {font-size: 1.1vw;}
html { font-size: ($root-font-size / 16px) * 100%; }*/
body { margin: 0; padding: 0; font-size: 18px; overflow-x: hidden; background: #fff; color: #000; font-family: "Montserrat-Regular", Arial, serif; }

h1 { font-size: 35px; position: relative; text-transform: uppercase; }

h2, .zag { font-size: 35px; position: relative; text-transform: uppercase; font-weight: bold; }
.zag a { color: #000;}
.zag a:hover { color: #000;}
h3 { font-size: 25px; }

a { color: #456ed8; }

a:hover { text-decoration: none; color: #2659da; }

a:focus, a:active { color: #2659da; }

.icon { display: block; }

input[type=text], textarea { width: 100%; outline: none; padding: 17px 16px; font-family: "Montserrat-Regular", Arial, serif; margin: 0 0 22px 0; border: #467cca solid 1px; font-size: 16px; border-radius: 4px; transition: all ease 0.25s; }

textarea { resize: vertical; }

select { width: 100%; }

input[type=text]:not(.search-input):focus, textarea:focus { box-shadow: 0 0 0 1px #aad5fa; }

input[type=submit] { padding: 12px 52px; display: block; font-size: inherit; margin: 0 auto; cursor: pointer; font-family: "Montserrat-Regular", Arial, serif; color: #fff; border: none; border-radius: 8px; background: #467cca; transition: all ease-out 0.25s; }

input[type=submit]:hover { background: #3163aa; }

button { background: #467cca; color: #fff; border: 0; padding: 12px 17px; transition: all ease-in-out 0.25s; cursor: pointer; }

button:hover { background-color: #3163aa; }

.but a, .but span { display: inline-block; padding: 15px 40px 13px 40px; border-radius: 10px; color: #fff; text-decoration: none; background-color: #467cca; transition: all ease-in-out 0.25s; cursor: pointer; }

.but a:hover, .but span:hover { background-color: #3163aa; color: #fff; }

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

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

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

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

input::placeholder, textarea::placeholder { color: #a0a0a0; }

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

.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%; display: block; }

.menu-but, .menu-but-w { width: 28px; height: 22px; display: block; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 7; justify-self: end; }

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

.menu-ico { width: 28px; height: 22px; position: relative; top: 10px; }

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

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

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

.menu-ico span, .menu-ico span:after, .menu-ico span:before { width: 100%; height: 3px; background-color: #467cca; 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: #467cca; }

.on { color: #ffffff; background: none; z-index: 1000; }

.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; }

.clear { clear: both; }

main { max-width: 1920px; margin: 0 auto; }

.main { width: 100%; max-width: 1500px; margin: 0 auto; }

.close-menu { display: block; position: absolute; right: 33px; top: 46px; cursor: pointer; }

.close-menu .icon { width: 26px; max-height: 26px; fill: #456ed8; transition: all ease-out 0.25s; }

.close-menu .icon:hover { fill: #2659da; }

nav { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-family: "Montserrat-Medium", Arial, serif; height: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 400px; right: -400px; top: 0; background: #fff; margin: 0; padding: 120px 37px 40px 40px; z-index: 100; box-sizing: border-box; transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; }

nav span { width: 100%; display: block; padding: 14px 0; text-align: center; color: #2659da; }

nav a { width: 100%; display: block; padding: 15px 0 15px 24px; color: #000; text-decoration: none; transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; }

nav span { display: block; padding: 10px 0; }

nav ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 6; }

nav li { margin: 0; border: 0 none; padding: 0; display: block; list-style: none; position: relative; border-bottom: #84969b solid 1px; }

nav li:last-child { border-bottom: none; }

nav ul ul { display: none; text-transform: none; font-size: 14px; margin: 0 0 13px 24px; }

nav ul ul a, nav ul ul span { padding: 5px 0; }

nav ul ul ul { display: none; text-transform: none; font-size: 12px; }

nav ul ul ul a { color: #636363; }

.but-submenu { display: block; width: 50px; height: 53px; cursor: pointer; background: url(../images/svg/plus2.svg) no-repeat center; background-size: 20px; position: absolute; top: 0; right: 0; z-index: 9; }
.b-menu__m1 .but-submenu { height: 46px;}
.active-submenu > .but-submenu { background: url(../images/svg/minus.svg) no-repeat center; background-size: 20px; }

header { background: url(../images/h-fon.jpg) no-repeat center top/cover; color: #000; }

header a { color: #000; text-decoration: none; }

header a:hover { color: #000; text-decoration: underline; }

header .main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }

.main-html, .main-html .main, .main-html body { height: 100%; }

.main-html header { height: 100%; background: url(../images/h-fon.jpg) no-repeat center top/cover; }

.header-row .main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; }

.header-row { width: 100%; display: grid; grid-template-columns: 324px auto 296px 60px 30px; -ms-flex-align: center; align-items: center; gap: 23px; padding: 23px 0; line-height: 28px; }

.h-phone { font-size: 30px; font-family: "Montserrat-Medium", Arial, serif; text-align: center; }

.h-phone span { display: block; font-size: 18px; }

.h-contacts .ico-item { -ms-flex-pack: justify; /*justify-content: space-between;*/ -ms-flex-align: center; align-items: center; }

.h-phone2 { font-size: 20px; }

.h-search { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; }

.icon-search { width: 23px; max-height: 23px; fill: #467cca; cursor: pointer; }

.h-zag { text-align: center; margin: 0 0 215px 0; text-transform: uppercase; }

.h-zag h1 { display: block; color: #fff; font-size: 61px; margin: 0 auto; padding: 0; -webkit-transform: scale(0.94); transform: scale(0.94); -webkit-animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); }

.h-zag h1 span { display: block; opacity: 0; -webkit-filter: blur(4px); filter: blur(4px); font-family: "Montserrat-Light", Arial, serif; }

.h-zag h1 font { display: inline-block; opacity: 0; -webkit-filter: blur(4px); filter: blur(4px); }

.h-zag h1 span:nth-child(1) { -webkit-animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0); animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0); }

.h-zag h1 font:nth-child(2) { -webkit-animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0); animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0); }

.h-zag h1 font:nth-child(3) { -webkit-animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0); animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0); }

.header-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.ico-item { display: -ms-flexbox; display: flex; gap: 22px; }

.ico-item__img .icon { width: 23px; max-height: 23px; fill: #467cca; transition: all ease-in-out 0.25s; }

.ico-item__img .icon:hover { fill: #3163aa; }

.ico-item__info a { text-decoration: none; display: block; margin: 2px 0; }

.ico-item__info a:hover { text-decoration: underline; }

.ico-item__zag { font-weight: bold; margin: 0 0 22px 0; }

.b-search { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 11; background: rgba(0, 0, 0, 0.5); }

.b-search form { width: 400px; position: absolute; top: 156px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.b-search input[type=text] { padding: 8px 10px; margin: 6px 15px; background: none; border-top: none; border-left: none; border-right: none; border-bottom: #fff solid 3px; color: #fff; font-size: 22px; }

.b-search input[type=image] { width: 30px; padding: 0; margin: 0; border: none; }

.slider { margin: 80px auto 0 auto;}

.main-company { padding: 56px 0 77px 0; background-color: #e8e8e8; }

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

.main-company-left { width: 28.7%; position: relative; }

.main-company-right { width: 66%; padding: 42px 0 0 0; }

.main-company-right__text { margin: 26px 0 0 0; line-height: 22px; }

.policy { font-size: 14px; margin: 1px 0 0 30px; }

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

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

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

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

.warn-check label:before { border: #ff0000 solid 1px; }

.callback { outline: #fff solid 7px; border-radius: 14px; background-color: #467cca; margin: 3px 0 0 0; padding: 28px 20px; color: #fff; }

.callback-zag { text-align: center; font-size: 20px; font-family: "Montserrat-Medium", Arial, serif; text-transform: uppercase; }

.callback input[type=text], .callback textarea { border: #fff solid 1px; background: transparent; color: #fff; }

.callback input[type=text]:focus, .callback textarea:focus { outline: #aad5fa solid 3px; }

.callback input::-webkit-input-placeholder, .callback textarea::-webkit-input-placeholder { color: #fff; }

.callback input::-moz-placeholder, .callback textarea::-moz-placeholder { color: #fff; }

.callback input:-ms-input-placeholder, .callback textarea:-ms-input-placeholder { color: #fff; }

.callback input::-ms-input-placeholder, .callback textarea::-ms-input-placeholder { color: #fff; }

.callback input::placeholder, .callback textarea::placeholder { color: #fff; }

.callback-body { margin: 23px 0; }

.callback input[type=submit] { background-color: #fff; color: #467cca; padding: 9px 31px; }

.callback-footer { margin: 30px 0 0 0; }

.callback input[type=submit]:hover { background-color: #d5dfe9; }
.callback a {
  color: #fff;
}
.text-center {
  text-align: center;
}
.policy {
  margin: 30px 0 0 0;
}
.preim { width: 106%; left: -3%; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: 36px 0 0 0; }

.preim-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; gap: 14px; text-align: center; font-weight: bold; }

.preim-item .icon { width: 53px; max-height: 53px; fill: #467cca; }

.preim-item:first-child { width: 77%; }

.main-product { margin: 80px 0; position: relative; }

.main-product-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 67px 0; }

.main-product-item { width: 25%; position: relative; }

.main-product-item a { color: #fff; text-decoration: none; text-align: center; opacity: 0; padding: 0 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 22px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: all ease 0.25s; }

.main-product-item:hover a { opacity: 1; }

.main-product-item:nth-child(-n + 3) { width: 33.3333%; }

.main-dostavka { margin: 136px 0 41px 0; background: url(../images/fon1.jpg) no-repeat center top/contain; text-align: center; padding: 79px 0 0 0; }

.main-dostavka__text { max-width: 690px; margin: 62px auto; font-size: 22px; }

.main-dostavka__img { width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; padding: 289px 0 100px 0; position: relative; }

.main-dostavka__img::after { content: ''; display: block; width: 100%; height: 122px; position: absolute; left: 0; bottom: 100px; z-index: 0; border-radius: 50px; background-color: #fff; -webkit-filter: blur(20px); filter: blur(20px); }

.main-dostavka__img img { position: relative; z-index: 3; }

.cont-vn { max-width: 1500px; margin: 0 auto; padding: 10px 0 74px 0; }

.cont-td { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cont-td-left { width: 28.7%; }

.cont-td-right { width: 68.4%; margin: -10px 0 0 0; }

.cont-td-right h1 { font-size: 26px; text-transform: none; }

.b-krohki { display: flex; justify-content: flex-start; align-items: center; margin: 30px 0;}
.his-back { border:#467cca solid 2px; display:inline-block; padding:0 12px; color:#467cca; font-weight:bold; cursor:pointer; border-radius:3px; transition: all ease-out 0.25s}
.his-back:hover { background:#467cca; color:#fff}
.ico-home { width:1.4rem;position: relative;top: -2px;display: block;}
.ico-home img { display: block;}
.hlebn-krohki { padding:0 0 0 40px; color:#604632; font-size: 0.7rem;}
.hlebn-krohki a {color:#042a35}
.hlebn-krohki ul { list-style:none; padding:0; margin:0; display: flex; align-items: center; }
.hlebn-krohki li { display:inline-block}
.hlebn-krohki-dev { padding:0 10px}

.menu-vert { margin: 14px 0 40px 0; padding: 0; list-style: none; background-color: #e8e8e8; padding: 0 20px; border-radius: 14px; font-weight: bold; }

.menu-vert li { padding: 25px 30px; border-bottom: #d0d0d0 solid 1px; }

.menu-vert li ul { margin: 10px 0 0 20px; padding: 0; list-style: none; }
.menu-vert li ul li { margin: 0; padding: 10px 0; font-size: 14px; border-bottom: none; }

.menu-vert li:last-child { border-bottom: none; }

.menu-vert a { color: #000; text-decoration: none; }

.menu-vert a:hover, .menu-vert span { color: #2659da; text-decoration: underline; }

.menu-blocks { display: grid; grid-template-columns: repeat(4, 1fr); margin: 47px 0 0 0; max-width: 1024px; }

.menu-blocks-item { position: relative; font-family: "Montserrat-Medium", Arial, serif; }

.menu-blocks a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0 10px; background: rgba(0, 0, 0, 0.4); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 1; color: #fff; font-size: 22px; text-align: center; text-decoration: none; transition: all ease 0.25s; }

.menu-blocks a:hover { opacity: 0; }

.katalog { display: grid; grid-template-columns: 1fr 1fr; gap: 60px 40px; margin: 40px 0 0 0;}

.katalog-item { display: flex; justify-content: space-between;}

.katalog-item:hover .katalog-item__img img { transform: scale(1.1);}

.katalog-item__img { width: 38%; position: relative; z-index: 2;}

.katalog-item__img img { transition: all ease 0.25s;}

.katalog-item__info { width: 58%; position: relative; z-index: 4; }

.katalog-item__title { font-weight: bold; margin: 0 0 16px 0;}

.katalog-item__title a { color: #000; text-decoration: none;}

.katalog-item__title a:hover { text-decoration: underline;}

.katalog-item__param { font-size: 14px; color: #888;}

.katalog-item__param-des { margin: 8px 0; font-size: 16px;}

.katalog-full { margin: 40px 0 0 0; display: flex; justify-content: space-between; }

.katalog-full__img { width: 38%;}

.katalog-full__img-item img { width: 100%;}

.katalog-full__smimg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 10px 0 0 0;}

.katalog-full__info { width: 58%; }

.katalog-full__param { color: #888;}

.katalog-full__param-des { margin: 8px 0;}

/*.katalog-full-img { display: -ms-flexbox; display: flex; gap: 60px; }

.katalog-full-img-item__title { text-align: center; color: #888; text-transform: uppercase; margin: 20px 0 0 0; }

.katalog-full .tbor { width: 100%; margin: 70px 0 0 0; text-align: center; }*/

.license { margin: 135px 0 0 0; }

.license-row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.license-row-left { width: 50%; }

.license-row-right { width: 48%; display: -ms-flexbox; display: flex; gap: 30px; }

.contacts { display: flex; justify-content: space-between; margin: 0 0 70px 0;}

.contacts-col { width: 45%; margin: 20px 0 0 0; display: flex; flex-direction: column; gap: 34px;}

.contacts-zag { font-size: 25px; font-weight: bold; text-transform: uppercase;}

.contacts-item { display: -ms-flexbox; display: flex; gap: 25px; }

.contacts-item .icon { width: 23px; max-height: 23px; fill: #467cca; }

.contacts-info a { text-decoration: none; display: block; margin: 2px 0; }

.contacts-info a:hover { text-decoration: underline; }

.contacts-over { font-weight: bold;}

.contacts-phone { font-size: 25px;}

.contacts-text { margin: 8px 0 0 0;}

.map { height: 430px; }

footer { background: #133751; padding: 52px 0 0 0; color: #fff; font-family: "Montserrat-Medium", Arial, serif; font-size: 16px; }

footer a { color: #fff !important; text-decoration: none; }

footer .but a, footer .but span { color: #fff; padding: 12px 14px 10px 14px; }

.footer-row { display: grid; grid-template-columns: auto 413px 296px 260px; }

.footer-row .ico-item:first-child { max-width: 410px; }

.footer-phone { text-align: right; margin: -10px 0 0 0; }

.footer-phone span { font-size: 30px; font-weight: bold; display: block; margin: 0 0 13px 0; }

.footer-phone span:hover { text-decoration: underline; }

.f-soc { display: -ms-flexbox; display: flex; gap: 16px; }

.f-soc .icon { width: 26px; max-height: 26px; fill: #467cca; transition: all ease 0.25s; }

.f-soc .icon:hover { fill: #e8e8e8; }

.footer-line { color: #48718f; height: 52px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 60px 0 0 0; border-top: #48718f solid 1px; font-size: 14px; }

.created { text-align: right; }

.created span { color: #48718f; }

.created font { color: #48718f; }

.created a { color: #48718f !important; }

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

.caution { padding: 10px 20px 10px 40px; background: #e8e8e8; border-left: #467cca solid 10px; margin: 40px 0; }

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

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

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

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

.tbor td { border-bottom: #e8e8e8 solid 2px; border-right: #e8e8e8 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; }

.modal { display: none; background: #ffffff; color: #333333; padding: 21px 30px; position: fixed; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*--CSS3 Box Shadows--*/ box-shadow: 0px 0px 5px #252424; }

.modal-close { width: 20px; height: 20px; position: absolute; right: 25px; top: 25px; cursor: pointer; text-align: center; font-size: 26px; color: #133751; }

.modal-close svg { width: 20px; height: 20px; fill: #467cca; }

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

.zayavka { width: 900px; padding: 44px 25px 20px 25px; }

.zayavka-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 47px 0 0 0; }

.zayavka-item { width: 48%; }

.zayavka input[type=submit] { margin: 27px auto 0 auto; }

.policy-pop { font-size: 16px; }

@-webkit-keyframes scale { 100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes scale { 100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes fade-in { 100% { opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes fade-in { 100% { opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(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) { body { font-size: 1.125vw; }
  .h-phone2, .callback-zag { font-size: 1.25vw; }
  .h-phone, .footer-phone span { font-size: 1.875vw; }
  .h-phone span { font-size: 1.125vw; }
  h1, h2, .zag { font-size: 2.1875vw; }
  h3,.contacts-phone, .contacts-zag { font-size: 1.5625vw; }
  input[type=text], textarea, footer, .katalog-item__param-des,.menu-vert li ul li { font-size: 1vw; }
  .h-zag h1 { font-size: 3.8125vw; }
  .cont-td-right h1 { font-size: 1.625vw; }
  .b-search input[type=text], .main-dostavka__text, .menu-blocks a { font-size: 1.375vw; }
  .policy, .footer-line, .katalog-item__param { font-size: 0.875vw; } }

@media only screen and (max-width: 1560px) { .main { width: 100%; max-width: none; padding: 0 40px; } }

@media only screen and (max-width: 1500px) { .header-row { grid-template-columns: 324px auto 280px 60px 30px; } }

@media only screen and (max-width: 1440px) { .footer-row { grid-template-columns: repeat(4, auto); }
  .header-row { grid-template-columns: 324px auto 270px 60px 30px; } }

@media only screen and (max-width: 1360px) { .cont-vn { padding: 10px 0 50px 0; } }

@media only screen and (max-width: 1280px) { .main-product { margin: 70px 0; }
  .main-product-box { margin: 30px 0; }
  .main-dostavka { margin: 90px 0 41px 0; }
  .main-dostavka__img { padding: 200px 0 100px 0; }
  .header-row { grid-template-columns: 260px auto 243px 60px 30px; }
  input[type=text], textarea { padding: 12px 16px; }
  .menu-blocks { margin: 30px 0 0 0; }
  .cont-td-right { margin: 0; }
  .menu-vert li { padding: 18px 20px; } }

@media only screen and (max-width: 1220px) { .ico-item__zag { margin: 0 0 16px 0; }
  .main-dostavka { padding: 30px 0 0 0; } }

@media only screen and (max-width: 1150px) { .header-row { grid-template-columns: 240px auto 222px 60px 30px; }
  .main-company-right__text { margin: 12px 0 0 0; }
  .main-company-right { padding: 30px 0 0 0; }
  .main-dostavka__img img { height: 100px; }
  .footer-line { height: 42px; margin: 30px 0 0 0; }
  footer { padding: 40px 0 0 0; }
  .main-product { margin: 70px 0 60px 0; }
  .main-dostavka { margin: 60px 0 41px 0; }
  .main-dostavka__img { padding: 200px 0 60px 0; }
  .main-dostavka__img::after { bottom: 60px; }
  .policy { margin: 0; }
  .policy label { padding: 2px 0 0 30px; }
  .menu-vert { margin: 0 0 40px 0; }
  .contacts { margin: 0 0 50px 0;}
  .map { height: 380px;}
  .main-dostavka { background: url(../images/fon1.jpg) no-repeat center top/cover;}
}

@media only screen and (max-width: 1080px) { .menu-blocks { margin: 20px 0 0 0; }
.main-product {
  margin: 50px 0 60px 0;
}
.slider {
  margin: 50px auto 0 auto;
}
}

@media only screen and (max-width: 999px) { body { font-size: 14px; }
  footer,.katalog-item__param, .katalog-item__param-des,.menu-vert li ul li { font-size: 13px; }
  .main-html, .main-html header { height: auto; }
  #topcontrol { bottom: 20px; right: 20px; width: 50px; height: 50px; }
  .caution { padding: 10px 20px 10px 30px; }
  h2, h3, .contacts-phone, .contacts-zag, .katalog-item__title, .cont-td-right h1 { font-size: 18px; text-align: left; }
  .h-phone2, .main-product-item a { font-size: 18px; }
  .callback-zag { font-size: 16px; }
  .header-row { grid-template-columns: 180px auto 270px 50px 30px; }
  .h-contacts .ico-item { -ms-flex-pack: end; justify-content: flex-end; }
  .h-zag { margin: 0; padding: 100px 0; }
  .h-phone, .footer-phone span, h1, h2, .zag { font-size: 24px; }
  .h-phone span { font-size: 12px; }
  .main-company-right__text, .cont-td-right { text-align: justify; }
  input[type=text], textarea, footer { font-size: 14px; }
  .main-company-left { width: 30%; }
  .main-company-right { width: 65%; }
  .policy, .footer-line { font-size: 12px; }
  .b-search input[type=text], .main-dostavka__text { font-size: 17px; }
  .main-dostavka__img { padding: 100px 0 60px 0; }
  .footer-row { grid-template-columns: repeat(2, auto); gap: 40px 20px; }
  .f-mail { -ms-flex-pack: end; justify-content: flex-end; }
  .menu-vert li { padding: 14px 10px; }
  input[type=text], textarea { padding: 10px 16px; }
  .katalog-full .tbor { margin: 40px 0 0 0; }
  .katalog-item:hover .katalog-item__img img { transform: none;}
}

@media only screen and (max-width: 900px) { 
  .caution { margin: 20px 0; }
  .header-row { grid-template-columns: 1fr 1fr; gap: 50px 23px; }
  .h-search { position: absolute; top: 50px; right: 120px; }
  .logo { grid-column: 1/2; grid-row: 1; }
  .menu-but { grid-column: 2/3; grid-row: 1; }
  .h-phone { grid-column: 1/2; grid-row: 2; place-self: flex-start; }
  .h-contacts { grid-column: 2/3; grid-row: 2; margin: -12px 0 0 0; }
  .h-zag { padding: 30px 0 60px 0; }
  .main-company .main { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .main-company-left { width: 100%; margin: 30px 0 0 0; }
  .main-company-right { width: 100%; }
  .main-company-right { padding: 0; }
  .callback { max-width: 400px; margin: 0 auto; }
  .main-company { padding: 50px 0 60px 0; }
  .main-product { margin: 50px 0; }
  .main-dostavka__text { margin: 50px auto; } }

@media only screen and (max-width: 800px) { h1 { font-size: 25px; }
  .menu-blocks { grid-template-columns: repeat(3, 1fr); }
  .menu-blocks a { font-size: 14px; }
  .cont-td { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .cont-td-left { width: 100%; margin: 60px 0 0 0; }
  .cont-td-right { width: 100%; }
  .menu-blocks { grid-template-columns: repeat(4, 1fr); }
  .cont-td-right h1 { font-size: 22px; }
  .menu-vert { display: none; }
  .cont-td-left .callback { margin: 0 auto; } }

@media only screen and (max-width: 740px) { nav { font-size: 16px; }
  nav a { padding: 12px 10px 12px 24px; }
  .zag { font-size: 20px; }
  input[type=text], textarea { margin: 0 0 10px 0; }
  .but-submenu { height: 44px; } }

@media only screen and (max-width: 700px) { .policy-pop { font-size: 12px; }
  .header-row { -ms-flex-align: start; align-items: flex-start; }
  .menu-but { margin: 28px 0 0 0; }
  .h-contacts { margin: -6px 0 0 0; }
  h2 { font-size: 22px; }
  .cont-td-right h1 { font-size: 20px; }
  .menu-blocks { grid-template-columns: repeat(3, 1fr); } }

@media only screen and (max-width: 630px) { .main { padding: 0 20px; }
.katalog { grid-template-columns: 1fr;}
}

@media only screen and (max-width: 600px) { .cont-vn { padding: 10px 0 40px 0; }
  .caution { border-left: #467cca solid 7px; } }

@media only screen and (max-width: 550px) { .menu-but { margin: 18px 0 0 0; }
  .h-search { top: 40px; right: 100px; }
  .h-phone { grid-column: 1/3; place-self: initial; }
  .h-contacts { grid-row: 3; grid-column: 1/3; place-self: center; }
  .h-contacts .ico-item { -ms-flex-pack: center; justify-content: center; }
  .header-row { gap: 40px 23px; }
  .main-product-item { width: 50%; }
  .main-product-item:nth-child(-n + 3) { width: 50%; }
  .main-product-item:nth-child(1) img { width: 100%; }
  .main-product-item:nth-child(1) { width: 100%; }
  .main-dostavka__img { padding: 50px 0; margin: 0 auto; }
  .main-dostavka__img::after { bottom: 40px; }
  .footer-row, .footer-line { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; }
  .footer-phone { text-align: center; }
  .footer-row .ico-item__info { text-align: center; }
  .footer-row .ico-item { -ms-flex-align: center; align-items: center; }
  .footer-line { height: auto; padding: 16px 0; gap: 16px 0; }
  .katalog-full .tbor { border: none; }
  .katalog-full thead { display: none; }
  .katalog-full tbody { display: -ms-flexbox; display: flex; gap: 20px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }
  .katalog-full tr { display: block; width: 48%; border: #e8e8e8 solid 2px; }
  .katalog-full td { border: none; }
  .katalog-full td:nth-child(1) { display: block; font-size: 20px; font-weight: bold; }
  /*.katalog-full td:nth-child(1)::before { display: block; content: 'Наименование'; font-weight: bold; font-size: 14px;}*/
  .katalog-full td:nth-child(2) { display: block; }
  .katalog-full td:nth-child(2)::before { display: block; content: 'Защитный слой'; font-weight: bold; }
  .katalog-full td:nth-child(3) { display: block; }
  .katalog-full td:nth-child(3)::before { display: block; content: 'Диаметр арматуры'; font-weight: bold; }
  .katalog-full td:nth-child(4) { display: block; }
  .katalog-full td:nth-child(4)::before { display: block; content: 'Тип'; font-weight: bold; }
  .katalog-full td:nth-child(5) { display: block; }
  .katalog-full td:nth-child(5)::before { display: block; content: 'Кол-во шт.'; font-weight: bold; }
  .katalog-full td:nth-child(6) { display: block; }
  .katalog-full td:nth-child(6)::before { display: block; content: 'Вес кг.'; font-weight: bold; }
  .contacts { flex-direction: column; gap: 40px;}
  .contacts-col { width: 100%;}
  .map { height: 300px;}
}

@media only screen and (max-width: 530px) { .main-dostavka__img { padding: 150px 0 0px 0; }
  .main-dostavka__img::after { bottom: -6px; }
  .h-zag h1 { font-size: 26px; }
  h2 { font-size: 20px; }
  .cont-td-right h1 { font-size: 18px; } }

@media only screen and (max-width: 500px) { .menu-blocks { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 480px) { .main-dostavka__img { width: auto; }
  .main-dostavka__img img { height: auto; }
  .main-dostavka__text { text-shadow: 0 0 1px #fff; }
  .katalog-full { flex-direction: column; margin: 0;}
  .katalog-full__img { width: 100%;}
  .katalog-full__info { width: 100%; margin: 20px 0 0 0;}
}

@media only screen and (max-width: 440px) { .h-search { top: 35px; }
  .menu-but { margin: 12px 0 0 0; }
  .katalog-full td:nth-child(1) { font-size: 18px; }
  .b-search form { width: 94%;}
}

@media only screen and (max-width: 400px) { .map { height: 300px; }
  nav { width: 100%; font-size: 16px; }
  .close-menu { right: 30px; left: auto; }
  .footer-line { height: auto; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; gap: 10px; padding: 10px 0; }
  .but-submenu { height: 40px; }
  .h-zag h1 { font-size: 22px; }
  .menu-but { margin: 10px 0 0 0; }
  .h-search { top: 33px; }
  .main-company { padding: 30px 0 40px 0; }
  .main-company-left { margin: 20px 0 0 0; }
  .main-product { margin: 40px 0; }
  .katalog-full tbody { -ms-flex-direction: column; flex-direction: column; }
  .katalog-full tr, .katalog-item__info, .katalog-item__img { width: 100%; }
  .katalog-item { flex-direction: column; align-items: center; }
  .katalog-item__title, .katalog-full__paramm, .katalog-item__param-des, .katalog-item__param { text-align: center;}
  .katalog-item__img img { margin: 0 auto;}
  .slider {
    margin: 40px auto 0 auto;
}
}

@media only screen and (max-width: 360px) { .menu-but { margin: 7px 0 0 0; }
  .h-search { top: 30px; } }

@media only screen and (max-width: 340px) { .ico-item { gap: 12px; } }

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