body.dbg footer:after { content: "xs: 320px "; display: block; padding: 5px; position: fixed; bottom: 0; left: 0; background-color: rgba(255,0,0,0.5); color: #fff; z-index: 3;}body.dbg footer:hover:after { opacity: 0;}.container { padding: 0 10px; overflow: hidden;}.col1 > *,.col2 > *,.col3 > *,.col4 > *,.col5 > *,.col6 > * { margin-top: 20px;}.col1 > *:after { content: ""; display: table; clear: both;}@media only screen and (min-width: 390px) { body.dbg footer:after {  content: "xsm: 390px "; }}@media only screen and (min-width: 576px) { body.dbg footer:after {  content: "sm: 576px "; } .col2, .col3, .col4, .col5, .col6 {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center; } .col2 > *, .col3 > *, .col4 > *, .col5 > *, .col6 > * {  width: calc(50% - 20px);  margin: 20px 10px 0; }}@media only screen and (min-width: 768px) { body.dbg footer:after {  content: "md: 768px "; } body.dbg footer:after {  content: "md: 768px "; } .col3 > *, .col4 > *, .col5 > *, .col6 > * {  width: calc(33.333333333333% - 20px); }}@media only screen and (min-width: 992px) { body.dbg footer:after {  content: "lg: 992px "; } .col4 > *, .col5 > *, .col6 > * {  width: calc(25% - 20px); }}@media only screen and (min-width: 1220px) { body.dbg footer:after {  content: "xl: 1220px "; } .container {  width: 1200px;  margin: 0 auto; } .col5 > * {  width: calc(20% - 20px); } .col6 > * {  width: calc(16.666666666667% - 20px); }}body { font-family: Roboto, sans-serif; font-size: 20px; font-weight: 300; line-height: 1.5; color: #000000; background-color: #ffffff; text-align: left;}header { height: 100px; position: fixed; width: 100%; top: 0; left: 0; z-index: 2; background-color: #ffffff; border-bottom: 1px solid #bfbfbf;}header .top { height: 40px; overflow: hidden; transition: height 0.2s; background-color: #000; font-size: 24px;}header .top a { color: #fff; display: flex; justify-content: center; align-items: center; text-decoration: none; font-weight: 700;}header.scroll .top { height: 0;}header .bottom { height: 60px; padding: 10px 0; background-color: #fff; border: 1px solid #e6e6e6;}header a.header { text-decoration: none; color: #000;}svg.hamburger,svg.close { fill: #003c6a;}header.scroll { height: 60px;}.wrapper { display: flex; flex-direction: column; min-height: 100vh; padding-top: 100px; justify-content: space-between;}header .container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 100%;}.phones { font-family: "Roboto Condensed", sans-serif; font-weight: 700;}.phones a { display: flex; justify-content: start; align-items: center; height: 40px; overflow: hidden; color: #fff; text-decoration: none;}.phones a:hover { color: #cccccc;}.phones a svg { margin-right: 5px;}header .top .phones { display: flex; justify-content: center; align-items: center;}header .top .container svg { width: 24px; height: 24px; display: inline-block; fill: #fff;}header .top .container > a > svg { margin-left: 20px;}header .top svg.expand-bottom,header .top svg.expand-top { position: relative; top: 4px; margin-right: 0; fill: #fff; width: 30px; height: 30px;}header .top .container svg.expand-bottom { margin-left: 0;}header .top .container { justify-content: center; align-items: center;}header .spoiler > :checked ~ div { position: absolute; top: 35px; left: 0; background-color: #000; padding: 5px 5px 5px 10px; width: 100%; z-index: 1; text-align: center;}header .spoiler label { margin-left: 5px;}header .bottom .site-name { display: flex; justify-content: start; align-items: center; font-size: 17px;}header .bottom .site-name img { margin-right: 5px;}footer a { text-decoration: none;}footer .top { background-color: #5292c9; padding: 20px 0 0; text-align: center; display: none;}footer .top a { color: #000; font-size: 30px;}footer .top a:hover { color: #fff;}footer .bottom { background-color: #003c6a; text-align: center; padding: 0 0 20px;}footer .bottom,footer .bottom a { color: #fff;}footer .bottom .tar { text-align: center;}footer .phones a svg { fill: #000; width: 30px; height: 30px;}footer .header { margin-bottom: 10px;}h1,h2,h3,.name,.header { font-family: "Roboto Condensed", sans-serif; font-weight: 700; margin-top: 30px; margin-bottom: 30px; line-height: 1.2; color: #000;}h1 > span,h2 > span,h3 > span,.name > span,.header > span { color: #e2001a;}h1,.index .header { font-size: 46px; color: #003c6a;}.index form .header { font-size: 26px; color: #000;}h2,.header { font-size: 28px;}h3,.name,.footer { font-size: 28px; line-height: 1.2;}footer h1 { display: inline; font-family: Roboto, sans-serif; font-size: 20px; font-weight: 300; line-height: 1.5;}a { color: #5292c9; transition: color 0.5s;}a:hover { color: #2b5e8a;}a.name { display: block;}p { margin: 20px 0;}svg { display: inline-block; width: 20px; height: 20px; fill: #000;}.tabs,.accordion { margin-top: 20px;}.tabs { display: flex; flex-wrap: wrap; justify-content: center; align-items: start;}.spoiler > div,.spoiler > input[type=checkbox],.tabs > div,.tabs > input[type=radio],.accordion > div,.accordion > input[type=checkbox],.accordion > input[type=radio] { display: none;}.spoiler .headerless,.spoiler > :checked ~ label > .headermore { display: none;}.spoiler > :checked ~ label > .headerless { display: block;}.tabs > div { order: 1; width: 100%;}.spoiler > label,.tabs > label,.accordion > label { display: inline-block; cursor: pointer;}.accordion > label { display: block;}.tabs > :checked + label,.accordion > :checked + label { cursor: text;}.spoiler > :checked + label ~ div,.tabs > :checked + label + div,.accordion > :checked + label + div { display: block;}.phone a { font-size: 30px; text-decoration: none; color: #000;}.phone a svg { top: 10px;}#to-top { position: fixed; right: 0; bottom: 40px; line-height: 0; font-size: 0; padding: 10px; transform: rotate(180deg); border-radius: 100%; transform: translateX(100%); transition: .35s all cubic-bezier(.65,.05,.36,1); background-color: #5292c9;}#to-top.view { transform: unset;}#to-top svg { width: 30px; height: 30px; fill: #fff;}a.img { margin: 20px 0 0; display: block; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;}a.img.no-img { background-image: url(/local/data/img/img.svg);}nav.menu { font-size: 20px; font-weight: 500; line-height: 3;}nav.menu li { position: relative;}nav.menu a { text-decoration: none;}nav.menu span { cursor: pointer; color: #5292c9; transition: color 0.5s;}nav.menu span:hover { color: #2b5e8a;}nav.menu input[type="checkbox"] { display: none;}nav.menu > label { display: block; width: 40px; height: 40px; cursor: pointer;}nav.menu > label > svg { display: block; width: 100%; height: 100%;}nav.menu > div { padding: 20px; position: fixed; top: 100px; left: 0; z-index: 2; width: 100%; height: calc(100vh - 100px); max-height: calc(100vh - 100px); overflow: auto; transform: translateX(100%); transition: .35s all cubic-bezier(.65,.05,.36,1); background-color: #ffffff;}header.scroll nav.menu > div { top: 60px;}nav.menu > div > ul { margin: 0; list-style: none outside; padding: 0;}nav.menu input[type="checkbox"]:checked ~ div { transform: translateX(0);}nav.menu > label > svg.hamburger,nav.menu input[type="checkbox"]:checked ~ label > svg.close,nav.menu > div > ul input[type="checkbox"]:checked ~ ul { display: block;}nav.menu > label > svg.close,nav.menu input[type="checkbox"]:checked ~ label > svg.hamburger,nav.menu > div > ul ul { display: none;}nav.menu li.lp { text-align: right; white-space: nowrap;}nav.menu li.lp a { background-color: #cccccc; color: #fff; display: inline-block; border-radius: 8px; padding: 5px 10px 8px; line-height: 1; font-size: 90%;}nav.menu > div label { display: block; position: absolute; top: 20px; right: 0; width: 40px; height: 40px; margin-top: 0;}nav.menu > div label::before { content: "v";}.btn,button { padding: 15px 40px; cursor: pointer; font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-weight: normal; line-height: 1; margin: 20px auto 0; display: block; text-align: center; outline: none; background-color: #5292c9; border: none; border-radius: 8px; color: #fff; transition: background-color 0.5s;}.btn { width: fit-content;}input,textarea,select { outline: none; padding: 10px; font-family: "Roboto Condensed", sans-serif; font-size: 24px; background-color: #fff; border: 1px solid #d9d9d9; line-height: 1; margin: 10px 0 0; display: inline-block; width: 100%; border-radius: 8px;}input::-webkit-input-placeholder { color: #cccccc;}input::-moz-placeholder { color: #cccccc;}input:-ms-input-placeholder { color: #cccccc;}input:-moz-placeholder { color: #cccccc;}input::-webkit-input-placeholder { color: #cccccc;}textarea { height: 15vh;}input:focus,textarea:focus,select:focus,input:active,textarea:active,select:active { border-color: #b3b3b3;}input.error,textarea.error,select.error { border-color: red;}span.btn,button[disabled] { cursor: text;}.btn:hover,button:not([disabled]):hover { background-color: #2b5e8a;}.btn.active,button.active { background-color: #13293c;}.btn.primary,button.primary { color: #fff; background-color: #5292c9; position: relative;}.btn.primary:hover,button.primary:not([disabled]):hover,.btn.primary:hover::before,button.primary:hover::before { background-color: #003c6a;}form { margin: 20px 0;}form .group .header { margin-bottom: 0; line-height: 1.1;}form .group { position: relative;}form .control { color: red; font-weight: 500; font-size: 16px; position: absolute; bottom: -16px; left: 5px; background-color: #ffffff; padding: 0 5px;}.tingle-modal-box__content { padding: 1rem 1rem;}ul.pagination { text-align: center;}ul.pagination li { display: none; padding: 5px;}ul.pagination li[class] { display: inline-block;}ul.pagination a { text-decoration: none; display: block; width: 100%; height: 100%;}.well { border: 1px solid #e6e6e6; background-color: #f2f2f2; padding: 20px; margin: 20px 0; border-radius: 10px;}.line { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: start;}.line.social,.line.messenger { justify-content: center; align-items: center; text-align: center;}.line.social a { border: 1px solid #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; margin-left: 10px;}.line.social a:hover { border-color: #2b5e8a;}.line.social a:hover svg { fill: #2b5e8a;}.line.social a:first-child { margin-left: 0;}.line.social svg { margin-top: 10px;}.visible-sm,.visible-md,.visible-lg { display: none;}.map { height: 50vh;}.swipe { overflow: hidden; visibility: hidden; position: relative;}.swipe-wrap { overflow: hidden; position: relative;}.swipe-wrap > div { float: left; width: 100%; position: relative;}.swipe .img-block { height: 30vh;}.messenger a { width: 40px; height: 40px; display: inline-block;}.messenger a { margin-left: 10px;}.messenger a:first-child { margin-left: 0;}.messenger svg { width: 40px; height: 40px;}.fl { margin: 0 20px 20px 0;}.fr { margin: 0 0 20px 20px;}footer ul { list-style: none outside; padding: 0;}.bg1 { background: url(/local/image/033/000/nasos-forsunka.png) no-repeat 50% 50%; background-size: contain;}.bg1.bg-cup { background-image: url(/local/image/034/000/cup-2021.jpg); background-color: #0044c6; text-align: center;}.bg1 .container { padding: 0;}.bg1 .block { padding: 40px 20px; color: #fff; background: rgba(0,0,0,0.55); padding: 30px; margin: 20px; border-radius: 8px;}.bg1.bg-cup .block { background: rgba(0,0,0,0.25); padding: 10px 20px; margin: 20px;}.bg1.bg-cup .block a { text-decoration: none; color: #fff; display: inline-block; margin-top: 10px; text-shadow: 1px 1px 2px #000, 1px 1px 2px #5292c9; font-size: 16px;}.bg1 button,form button { margin-top: 40px;}.bg1 .header { color: #fff; margin-top: 0; font-size: 44px;}.bg1.bg-cup .header { font-size: 30px; margin-bottom: 220px;}.bg1 .header > span { color: #5292c9;}.bg2 { background: url(/local/image/022/000/defect.jpg) no-repeat 50% 50%; background-size: cover;}.bg3 { padding: 30px 10px; background-color: rgba(29,27,28,0.8);}.bg3 .header { color: #fff; font-size: 30px;}.bg3 .name { font-size: 24px; margin-top: 0;}.bg4 { background: url(/local/image/031/000/why.jpg) no-repeat 0 0; background-size: cover; padding-top: 120px; padding-bottom: 20px; color: #fff;}.bg4 .header,.bg4 .name { color: #fff;}.bg4 .flex > div { margin-top: 40px;}.services { color: #fff; margin: 40px 0;}.services > * { margin-top: 20px; padding: 30px; border-radius: 8px; background-color: #fff;}.services > * { color: #000;}.services .name { color: #003c6a;}.services > *:first-child { margin-top: 0;}.services .h { position: relative; padding-right: 30px;}.services label { position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: right;}.services .spoiler svg { fill: #003c6a; width: 30px; height: 30px;}.benefits svg { fill: #fff; width: 50px; height: 50px;}.benefits > div { margin-top: 30px; display: flex; justify-content: start; align-items: start;}.benefits > div > *:first-child { min-width: 80px;}.benefits .name { margin-top: 0;}.view1 .img { height: 260px; background-size: contain; background-repeat: no-repeat;}.view1 .glide__slide { height: unset; padding-bottom: 40px;}.view1 .glide__arrow { top: auto; bottom: 0; z-index: 0;}.view1 .glide__arrow--left { left: auto; right: 60px; margin-top: 0;}.view1 .glide__arrow--right { right: 0; margin-top: 0;}.view1 .name { font-size: 22px;}.price { font-weight: 700; font-size: 30px; color: #000;}.price > span { font-size: 14px; color: #808080; margin-left: 4px; font-weight: 300;}.price > span.from { margin-left: 0; margin-right: 4px;}.btn2 { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}.btn2 > .price,.btn2 button { margin-top: 20px; padding: 15px 20px; line-height: 20px;}.btn2 > .price { padding: 8px 0 8px;}.btn2 button { margin: 20px 0 0;}.cols3d > * { margin-top: 20px;}button.mtbgutter { margin: 40px auto;}.tingle-modal-box__content { padding: 2rem 2rem;}.map-wrapper { display: none;}.map-wrapper.show { display: flex; flex-wrap: wrap;}.map-wrapper > * { margin-top: 20px;}.map-wrapper .header { margin-top: 0;}.map-wrapper .map-contact { padding: 20px; width: 100%; order: -1;}.map-contact .phones a { color: #003c6a;}.map-contact svg,.map-contact .phones a svg { fill: #003c6a;}.map-contact a { text-decoration: none;}.signs-malfunction { margin: 20px auto; padding: 0 40px; list-style: none; font-size: 1rem; text-align: center;}.signs-malfunction > li { margin-top: 20px;}.signs-malfunction > li:first-child { margin-top: 0;}.signs-malfunction svg { width: 50px; height: 50px; display: block; margin: 20px auto; fill: #003c6a;}.glide.view1 { margin-top: 40px;}.glide__bullets { position: static; transform: unset; display: flex; margin: 20px auto 40px; justify-content: center;}.glide.view1 .glide__bullet { width: 40px; height: 40px; border: 2px solid #5292c9; border-radius: 0; color: #5292c9;}.glide.view1 .glide__bullet--active { background-color: #5292c9; color: #fff;}.benefits-wr { text-align: center;}.benefits-img-wr { padding: 20px; background-color: red; display: inline-block; margin: 20px auto;}@media only screen and (min-width: 390px) { header .bottom .site-name {  font-size: 22px; } @-moz-document url-prefix() {  header .bottom .site-name {   font-size: 18px;  } } .btn, button {  font-size: 26px; } .view1 .img {  height: 360px; }}@media only screen and (min-width: 576px) { .signs-malfunction {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center;  align-items: center; } .signs-malfunction > * {  width: calc(50% - 20px);  margin: 20px 10px 0; } .signs-malfunction > li:first-child {  margin-top: 20px; } .view6 .name {  padding-right: 20px; } .view1 .img {  height: 500px; }}@media only screen and (min-width: 768px) { .btn2 > button {  font-size: 26px;  padding: 15px 30px; } .services {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center; } .services > * {  width: calc(50% - 20px);  margin: 20px 10px 0;  display: flex;  flex-direction: column;  justify-content: space-between; } .services > *:first-child {  margin-top: 20px; }}@media only screen and (min-width: 992px) { .services > * {  width: calc(33.333333333333% - 20px); } header .top .phones {  display: flex;  align-items: center; } header .top .spoiler label {  display: none; } header .top .spoiler > div {  display: flex; } header .top .phones a {  margin-left: 20px; } header .top .phones > a:first-child {  margin-left: 0; } .bg1 .block {  width: 63%; } .cols3d {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center; } .cols3d > * {  width: calc(50% - 20px);  margin: 20px 10px 0; } .btn2 > button {  padding: 15px 40px; } .bg1 {  background: url(/local/image/021/000/hero.jpg) no-repeat 50% 100%;  padding-bottom: 40px;  min-height: 480px; } .bg1.bg-cup {  background-position: 90% 100%; } .bg1.bg-cup .header {  margin-bottom: 40px; } .bg3 {  background: url(/local/image/030/000/price.jpg) no-repeat 50% -120px rgba(29,27,28,0.8);  padding-top: 90px; } .bg4 {  background-position: 50% 0; } .bg4 .flex {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center; } .bg4 .flex > * {  width: calc(50% - 20px);  margin: 20px 10px 0; } .view1 .glide__slide {  display: flex;  flex-wrap: wrap;  margin-left: -10px;  margin-right: -10px;  justify-content: center; } .view1 .glide__slide > * {  width: calc(50% - 20px);  margin: 20px 10px 0; } .view1 .img {  height: 400px; } .bg1.bg-cup .block {  margin: 10% 0 0 20px;  padding: 40px; }}@media only screen and (min-width: 1220px) { nav.menu {  font-size: 16px;  line-height: 1;  flex-grow: 1; } nav.menu > label {  display: none; } nav.menu > div {  transform: none;  position: static;  height: auto;  max-height: unset;  padding: 0;  overflow: unset;  background: unset; } nav.menu > div:last-child {  font-size: 20px; } nav.menu > div > ul {  display: flex;  flex-wrap: nowrap;  justify-content: space-around;  align-items: center;  height: 40px;  margin-right: 5px;  margin-left: 5px;  background: #fff; } nav.menu > div > ul > li {  margin-left: 10px; } nav.menu > div > ul > li:first-child {  margin-left: 0; } nav.menu > div > ul > li.lp {  margin-left: 20px; } .bg1 .block {  width: 50%; } nav.menu > div > ul {  justify-content: space-evenly; } footer .bottom {  text-align: left; } footer .bottom .tar {  text-align: right; } .map-wrapper.show {  display: block;  position: relative; } .map-wrapper > * {  margin-top: 0; } .map-wrapper .map-contact {  position: absolute;  top: 20%;  left: 10%;  background-color: #fff;  width: auto;  padding: 40px;  border-radius: 8px;  box-shadow: 0 1rem 3rem rgba(0,0,0,0.175); } .view6 > div, .header[data-block=b-24] {  width: 65%; }}