/* # sourceMappingURL=reset.css.map */

/* # sourceMappingURL=reset.css.map */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

input[type="button"] {
   -webkit-appearance:none;
   appearance: none;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*# sourceMappingURL=reset.css.map */
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-ExtraBold.eot");
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-ExtraBold.woff") format("woff"), url("fonts/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Heavy.eot");
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Heavy.woff") format("woff"), url("fonts/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-LightItalic.eot");
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url("fonts/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-LightItalic.woff") format("woff"), url("fonts/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-ThinItalic.eot");
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url("fonts/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-ThinItalic.woff") format("woff"), url("fonts/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-BlackItalic.eot");
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url("fonts/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-BlackItalic.woff") format("woff"), url("fonts/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-BoldItalic.eot");
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url("fonts/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-BoldItalic.woff") format("woff"), url("fonts/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-SemiBold.eot");
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-SemiBold.woff") format("woff"), url("fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-UltraLightItalic.eot");
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url("fonts/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-UltraLightItalic.woff") format("woff"), url("fonts/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-SemiBoldItalic.eot");
  src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url("fonts/Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-SemiBoldItalic.woff") format("woff"), url("fonts/Gilroy-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Light.eot");
  src: local("Gilroy Light"), local("Gilroy-Light"), url("fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-MediumItalic.eot");
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("fonts/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-MediumItalic.woff") format("woff"), url("fonts/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-ExtraBoldItalic.eot");
  src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url("fonts/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-ExtraBoldItalic.woff") format("woff"), url("fonts/Gilroy-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-HeavyItalic.eot");
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url("fonts/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-HeavyItalic.woff") format("woff"), url("fonts/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Medium.woff") format("woff"), url("fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-RegularItalic.eot");
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("fonts/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-RegularItalic.woff") format("woff"), url("fonts/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-UltraLight.eot");
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("fonts/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-UltraLight.woff") format("woff"), url("fonts/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Bold.woff") format("woff"), url("fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Thin.eot");
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url("fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Thin.woff") format("woff"), url("fonts/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Black.eot");
  src: local("Gilroy Black"), local("Gilroy-Black"), url("fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Black.woff") format("woff"), url("fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
.t-arrow-down {
  cursor: pointer;
}
.t-arrow-down:after {
  content: url("images/arrow-down.svg");
  margin-left: 8px;
  position: relative;
  top: -1px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  transition: 0.4s;
}
.t-arrow-down:hover:after {
  transform: rotate(180deg);
  top: 1px;
}

body,
html {
  height: 100%;
  background: #fff;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  color: #1B2326;
  min-width: 360px;
}
@media (max-width: 767px) {
  body,
html {
    font-size: 15px;
    line-height: 25px;
  }
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

p {
  margin-bottom: 15px;
}

svg {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

input,
textarea {
  padding: 19px 15px;
  border-radius: 4px;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
  padding: 12px 0 17px 0;
  font-family: "Gilroy", Arial, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 25px;
  border: 0;
  border-bottom: 1px solid #E2E2E2;
  box-sizing: border-box;
  background: transparent;
  border-radius: 0;
  outline: none;
}
@media (max-width: 767px) {
  input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
    font-size: 15px;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #72CFEC;
}
input[type=text].dirty,
input[type=email].dirty,
input[type=tel].dirty,
input[type=password].dirty,
textarea.dirty {
  padding-top: 23px;
  padding-bottom: 6px;
}
@media (max-width: 767px) {
  input[type=text].dirty,
input[type=email].dirty,
input[type=tel].dirty,
input[type=password].dirty,
textarea.dirty {
    padding-top: 26px;
    padding-bottom: 7px;
  }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 0.7;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 0.7;
}

a {
  transition: 0.4s;
  text-decoration: none;
  color: #2B2E33;
}
a:hover {
  text-decoration: none;
  color: #0F6986;
}

svg {
  transition: 0.4s;
}

h2, h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 48px;
}

h1 {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

h2 {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  h2 {
    font-weight: 400;
    font-size: 28px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}

h3 {
  font-size: 28px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  h3 {
    font-size: 20px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}

strong {
  font-weight: 500;
}

label {
  cursor: pointer;
}

.radio-block {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.radio-block input,
.radio-block .radioArea {
  display: none;
}
.radio-block label {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  height: 55px;
  display: block;
  padding: 10px 30px;
}
.radio-block:first-child label {
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  -ms-border-radius: 100px 0 0 100px;
  border-radius: 100px 0 0 100px;
  border-right: 0;
}
.radio-block:last-child label {
  -webkit-border-radius: 0 100px 100px 0;
  -moz-border-radius: 0 100px 100px 0;
  -ms-border-radius: 0 100px 100px 0;
  border-radius: 0 100px 100px 0;
}
section {
  margin: 90px 0;
}
@media (max-width: 1379px) {
  section {
    margin: 70px 0;
  }
}
@media (max-width: 1023px) {
  section {
    margin: 50px 0;
  }
}
@media (max-width: 767px) {
  section {
    margin: 40px 0;
  }
}

.icon:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.icon-svg {
  fill: #0F6986;
}
.icon-svg__soc {
  width: 25px;
  height: 25px;
}
.icon-svg__soc-tg:hover {
  fill: #25a3e1;
}
.icon-svg__soc-wa:hover {
  fill: #0fca6d;
}
.icon-svg__cab {
  width: 18px;
  height: 19px;
  margin-right: 12px;
}
.icon-svg__phone {
  width: 20px;
  height: 18px;
  margin-right: 7px;
}
.icon-svg__check {
  width: 20px;
  height: 16px;
}
.icon-svg__close {
  width: 20px;
  height: 20px;
}
.icon-svg__burger {
  width: 30px;
  height: 18px;
}

.icon-more {
  stroke: #0F6986;
  width: 14px;
  height: 10px;
  margin-left: 10px;
  vertical-align: inherit;
}

.icon-menu:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 10px;
  transition: 0.4s;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%232B2E33' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  vertical-align: middle;
}
.icon-menu:hover:after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%230F6986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.icon-norma-4 {
  height: 23px;
}
.icon-norma-5 {
  height: 18px;
}
.icon-norma-8 {
  height: 23px;
}

/*all*/
.outtaHere {
  position: absolute;
  left: -3000px;
}



.form-list .outtaHere[type="checkbox"], .outtaHere[type="checkbox"], .form-list .outtaHere[type="radio"], .outtaHere[type="radio"] {
    position: absolute;
    z-index: -10;
    left: 0;
    width: 10px;
    padding:0;
    -webkit-appearance:none;
    appearance: none;
}




span.left, span.center, .selectArea a, .checkboxArea, .radioArea {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  box-sizing: border-box;
}

/*select*/
.selectArea {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  color: #4a4a4a;
  position: relative;
  font-size: 15px;
  background: #ffffff;
  border: solid 1px #e6e6e6;
  border-radius: 3px;
  min-width: 100px;
}

a.selectButton, span.left {
  height: 27px;
  position: absolute;
  top: 0;
}

a.selectButton {
  width: 18px;
  height: 100%;
  right: 14px;
  background: url(images/select.svg) no-repeat center center;
}

.bt {
  text-align: left;
  cursor: pointer;
  line-height: 19px;
  padding: 32px 16px 7px 16px;
  font-size: 14px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .bt {
    padding-top: 25px;
    padding-bottom: 6px;
    font-size: 13px;
    color: #1B2326;
  }
}

/*option*/
.optionsDivVisible {
  z-index: 999;
}

.select-center {
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  padding: 10px 3px 5px 3px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.select-center ul {
  padding: 0;
}
.select-center ul > li {
  padding: 3px 17px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .select-center ul > li {
    padding: 3px 10px;
    font-size: 13px;
  }
}
.select-center ul > li:before {
  content: "";
  display: none;
}

.select-center a {
  line-height: 18px;
  color: #2a2a2a;
  text-decoration: none;
  display: block;
}

.select-center a:hover {
  color: #008ac1;
}

.radioArea, .checkboxArea {
  width: 20px;
  cursor: pointer;
  background: #fff;
  margin-right: 10px;
}

/*checkbox*/
.checkboxArea {
  height: 20px;
  width: 20px;
  border: 1px solid #DAD8D8;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.checkboxAreaChecked {
  position: relative;
  background-image: url("images/check.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 0;
}

/*radio*/
.radioArea {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #DADADA;
}

.radioAreaChecked {
  position: relative;
  border: solid 6px #1465C8;
}

.wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 75px;
  box-sizing: border-box;
  max-width: 1440px;
}
@media (max-width: 1379px) {
  .inner {
    padding: 0 32px;
  }
}
@media (max-width: 1023px) {
  .inner {
    padding: 0 28px;
  }
}
@media (max-width: 767px) {
  .inner {
    padding: 0 20px;
  }
}

.inner-wide {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  padding: 0;
}

.inner-narrow {
  width: 85%;
  min-width: 1000px;
}

.inner-full {
  max-width: 10000px;
  padding: 0 35px;
}

.inner-slim {
  max-width: 630px;
  padding: 0;
}

.inner-primary {
  padding-top: 11px;
  padding-bottom: 50px;
}

.main {
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  display: none;
  z-index: 10;
}
.overlay .l-flex {
  height: 100%;
  width: 100%;
}
.overlay-callback .popup {
  width: 500px;
}

.popup {
  max-height: 90%;
  overflow-y: auto;
}

.popup {
  text-align: left;
  background: #fff;
  max-width: 100%;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
  width: 886px;
}
@media (max-width: 1023px) {
  .popup {
    max-width: 90%;
  }
}
.popup-header {
  font-weight: 700;
  font-size: 23px;
  line-height: 30px;
  padding: 28px 40px;
}
@media (max-width: 767px) {
  .popup-header {
    padding: 15px 20px;
    font-size: 16px;
  }
}
.popup-close {
  position: absolute;
  right: 14px;
  top: 14px; width: 30px; height: 30px;
}

.popup-close:before {width: 30px; height: 30px; background-size: contain;}
.popup-body {
  padding: 4px 30px 35px 30px;
}
.popup-body_nopadding {
  padding: 0;
}

.l-nols {
  padding: 0;
  margin: 0;
  list-style: none;
}
.l-nols li:before {
  display: none;
  content: "";
  padding: 0;
}

.l-horizontal > * {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 20px 0 0;
  margin: 0;
}

.l-right {
  float: right;
}
.l-right :last-child {
  padding-right: 0;
}

.l-left > :first-child {
  padding-left: 0;
}

.l-grid {
  display: grid;
}

.l-table,
.l-preparent-table > * > * > * {
  display: table;
}
.l-table > *,
.l-preparent-table > * > * > * > * {
  display: table-cell;
  vertical-align: middle;
}

.l-table-with-rows {
  display: table;
  width: 100%;
}
.l-table-with-rows > div {
  display: table-row;
}
.l-table-with-rows > div > * {
  display: table-cell;
}

.l-w100 {
  width: 100%;
}

.l-expand li {
  position: relative;
}
.l-expand > li > ul {
  display: none;
  position: absolute;
  z-index: 1000;
}
.l-expand > li:hover > ul {
  display: block;
}

.l-grid > *.l-w100 {
  width: 100%;
}

.l-grid > *.l-w50 {
  width: 50%;
}

.l-grid > *.l-w33 {
  width: 33.33%;
}

.l-grid > *.l-w25 {
  width: 25%;
}

.l-2-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.l-2-col .l-w100 {
  grid-column: 1 / 3;
}

.l-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.l-3-col .l-w100 {
  grid-column: 1 / 4;
}

.l-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.l-4-col .l-w100 {
  grid-column: 1 / 5;
}

.l-5-col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.l-5-col  .l-w100 {
  display: grid;
  grid-column: 1 / 6;
}

@media (max-width: 767px) {
  .l-2-col, .l-3-col, .l-4-col, .l-5-col {
    grid-template-columns: 1fr;
  }


  .l-2-col .l-w100, .l-3-col .l-w100, .l-4-col .l-w100, .l-5-col .l-w100 {
     grid-column: 1 / 2;
  }

}
.l-vertical-fix {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 100%;
  width: 0px;
  vertical-align: middle;
}

.l-center {
  text-align: center;
}

.l-ovf {
  overflow: hidden;
}

.l-clr {
  clear: both;
}

.l-h1 {
  height: 1px;
}

.l-tabs {
  font-size: 0;
}
.l-tabs > li {
  font-size: 15px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
}

.tab-content {
  display: none;
}

.tab-content-active {
  display: block;
}

.l-nowrap {
  white-space: nowrap;
}

.l-w25 {
  width: 25%;
  padding-right: 10px;
}

.l-w35 {
  width: 35%;
  padding-right: 10px;
}

.l-top > * {
  vertical-align: top;
}

.l-abs {
  position: absolute;
}

.l-relative {
  position: relative;
}

.l-flex {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-flex-left {
  -webkit-justify-content: left;
  justify-content: left;
}

.l-half {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.l-2-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 80px;
  -moz-column-gap: 80px;
  column-gap: 80px;
}
@media (max-width: 1550px) {
  .l-2-columns {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
}
@media (max-width: 1379px) {
  .l-2-columns {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}
@media (max-width: 1023px) {
  .l-2-columns {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (max-width: 767px) {
  .l-2-columns {
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.tablet-show,
.phone-show,
.full-only-inline {
  display: none;
}

@media (max-width: 1023px) {
  .tablet-show {
    display: block;
  }
}
@media (max-width: 767px) {
  .phone-show {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}
.section {
  padding: 90px 0;
}
@media (max-width: 1379px) {
  .section {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .section {
    padding: 50px 0;
  }
}

.editor {
  margin: 10px 0;
}
.editor ul > li {
  margin-bottom: 10px;
}

.l-align-right {
  text-align: right;
}

.form-wrapper {
  margin-left: -10px;
}

.form-list {
  list-style: none;
  margin-bottom: 20px;
}
.form-list input,
.form-list textarea,
.form-list .selectArea {
  width: 100%;
}
.form-list > li {
  position: relative;
  margin-bottom: 10px;
}
.form-list .note {
  left: 0;
}

.shadowed {
  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
}

.white-popup {
  border-radius: 15px;
  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04), 0px -6px 12px rgba(0, 0, 0, 0.04);
  position: absolute;
  transition: 0.4s;
  padding: 30px;
  z-index: 10;
  background: #fff;
  min-width: 200px;
  top: 100%;
  margin-top: 20px;
  list-style: none;
}
.white-popup:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 30px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.white-popup:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}

.note {
  position: absolute;
  font-size: 13px;
  color: #868686;
  top: 0px;
  left: 0;
}

.footer-agreement {
  font-size: 13px;
  line-height: 20px;
  margin: 30px 0 0 0;
  padding-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.footer-agreement a {
  text-decoration: solid underline rgba(0, 0, 0, 0.4);
}
.footer-agreement a:hover {
  text-decoration: none;
}
.footer-agreement .checkboxArea {
  position: absolute;
  left: 0px;
}

.checkbox {
  display: inline-block;
  margin-right: 25px;
  font-size: 15px;
  margin-bottom: 15px;
position:relative;
}
.checkbox > label, .checkbox > .checkboxArea {
  vertical-align: middle;
}
@media (max-width: 1379px) {
  .checkbox {
    margin-right: 20px;
    margin-bottom: 10px;
  }
}

.video-wrapper iframe {
  width: 100%;
}

.arrow-list {
  list-style: none;
}
.arrow-list > li {
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
.arrow-list > li:before {
  content: url("images/arrow.svg");
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 1px;
}

.check-list > li:before, .text-cols .check-list > li:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 10.8571L6.09091 16L15 7' stroke='%230F6986' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  top: 4px;
  left: 0px;
}

.button {
  line-height: 48px;
  font-size: 15px;
  color: #fff;
  background: #F55D3E;
  border: 1px solid #F55D3E;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  padding: 0px 30px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  zoom: 1;
  *display: inline;
  outline: none;
  position: relative;
  transition: 0.4s;
}
.button:hover {
  color: #fff;
  background: #e14525;
  border: 1px solid #e14525;
  text-decoration: none;
}
.button-white {
  background-color: #fff;
  color: #333333;
  border-color: #fff;
}
.button-white:hover {
  background-color: #0F6986;
  border-color: #0F6986;
}
.button-transparent {
  border-color: #e2e2e2;
  background: #fff;
  color: #2B2E33;
}
.button-transparent:hover {
  background: #fff;
  border-color: #0F6986;
  color: #0F6986;
}
.button-blue {
  background: #72CFEC;
  border-color: #72CFEC;
  color: #fff;
}
.button-blue:hover {
  background: #0F6986;
  border-color: #0F6986;
  color: #fff;
}
.button-40 {
  padding: 0 25px;
  line-height: 38px;
  font-size: 15px;
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-prev {
transform: scale(-1, 1);
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}

.owl-dot {
  margin: 2px;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  background: #E1E1E1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  border: 0;
  position: relative;
}
.owl-dot.active {
  background: #0F6986;
}

.owl-prev, .owl-next {
  cursor: pointer;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1L13 6M13 6L8 11M13 6H1' stroke='%2300A8FC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  width: 34px;
  height: 34px;
  background-color: #FFFFFF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
  display: block;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.header {
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 1023px) {
  .header {
    padding: 22px 0;
  }
}
.header--inner {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  padding-bottom: 15px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .header--inner {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .header--inner {
    margin-bottom: 25px;
  }
}
.header .inner {
  display: flex;
  width: 100%;
  gap: 55px;
  align-items: center;
  max-width: 1640px;
}
@media (max-width: 1379px) {
  .header .inner {
    gap: 30px;
  }
}
.header__logo {
  flex: 0 0 180px;
}
@media (max-width: 1023px) {
  .header__logo {
    flex-basis: 142px;
  }
}
.header__logo img {
  display: block;
  max-width: 100%;
}
.header__main {
  display: flex;
  flex-direction: column;
  gap: 17px;
  width: 100%;
}
.header__top {
  display: flex;
  gap: 6.5%;
  width: 100%;
  padding-top: 17px;
  align-items: center;
}
@media (max-width: 1379px) {
  .header__top {
    justify-content: space-between;
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .header__top {
    padding-top: 0;
    justify-content: flex-end;
    gap: 25px;
  }
}
@media (max-width: 767px) {
.header__top {
gap:10px;}

  .header__soc {

  }
}
.header__soc svg {
  margin-left: 7px;
  margin-right: 8px;
}
@media (max-width: 767px) {
.header__soc svg {
margin-left:4px;
margin-right:4px;}


 .header .header__phone {
    font-size:0;
  }

.header .header__phone  svg {
margin-right:0;
position:relative;
top:1px;
}
}
.header__cab {
  margin-left: auto;
}
@media (max-width: 1379px) {
  .header__cab {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .header__cab {
    display: none;
  }
}
.header__bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E2E2E2;
  padding-top: 15px;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__bottom {
    display: none;
  }
}
.header__menu-first {
  display: flex;
  list-style: none;
  gap: 45px;
}
@media (max-width: 1379px) {
  .header__menu-first {
    gap: 30px;
  }
}
.header__menu-first > li.parent {
  position: relative;
}
.header__menu-second {
  display: none;
}
li:hover > .header__menu-second {
  display: block;
}
.header__menu-second li {
  margin-bottom: 10px;
}
.header__menu-second li:last-child {
  margin-bottom: 0;
}
.header__city {
  position: relative;
}
@media (max-width: 767px) {
  .header__city {
    display: none;
  }
}
.header__city-list {
  visibility: hidden;
  left: -10000px;
  opacity: 0;
  transition: opacity 0.4s;
  list-style: none;
  top: 100%;
  margin-top: 15px;
}
.header__city-list li {
  margin-bottom: 10px;
}
.header__city-list li:last-child {
  margin-bottom: 0;
}
.header__city-list li a:hover {
  color: #72CFEC;
}
.header__city--active:hover .header__city-list {
  left: -20px;
  opacity: 1;
  visibility: visible;
}
.header__city--active {
  position: relative;
  display: inline-block;
  color: #0F6986;
  cursor: pointer;
}

.banner-left, .banner__subheader, .banner__header {
  max-width: 55%;
}
@media (max-width: 1023px) {
  .banner-left, .banner__subheader, .banner__header {
    max-width: 56%;
  }
}
@media (max-width: 767px) {
  .banner-left, .banner__subheader, .banner__header {
    max-width: 100%;
  }
}

.banner {
  padding: 57px 0;
}
@media (max-width: 1379px) {
  .banner {
    padding: 43px 0;
  }
}
@media (max-width: 1023px) {
  .banner {
    padding: 17px 0;
  }
}
@media (max-width: 767px) {
  .banner {
    padding: 0;
  }
}
.banner__img {
  float: right;
  width: 40%;
  text-align: right;
  padding-right: 4%;
}
@media (max-width: 1379px) {
  .banner__img {
    padding-right: 0;
    padding-top: 10px;
  }
}
@media (max-width: 1023px) {
  .banner__img {
    padding-top: 0;
    width: 42%;
  }
}
@media (max-width: 767px) {
  .banner__img {
    float: none;
    width: 100%;
    max-width: 245px;
    margin: 0 auto 35px auto;
  }
}
.banner__img img {
  max-width: 100%;
  display: block;
}
.banner__header {
  font-weight: 700;
  font-size: 48px;
  line-height: 59px;
  padding-top: 1.5%;
  margin-bottom: 42px;
}
@media (max-width: 1379px) {
  .banner__header {
    padding-top: 0;
    margin-bottom: 27px;
    font-size: 42px;
    line-height: 52px;
  }
}
@media (max-width: 1023px) {
  .banner__header {
    font-size: 36px;
    line-height: 45px;
    padding-top: 17px;
    margin-bottom: 31px;
  }
}
@media (max-width: 767px) {
  .banner__header {
    font-size: 25px;
    line-height: 31px;
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.banner__subheader {
  font-size: 24px;
  line-height: 29px;
  color: #868686;
}
@media (max-width: 1023px) {
  .banner__subheader {
    font-size: 20px;
    line-height: 25px;
  }
}
.banner__buttons {
  margin: 40px 0;
  display: flex;
  gap: 30px;
}
@media (max-width: 1379px) {
  .banner__buttons {
    margin: 30px 0;
  }
}
@media (max-width: 1023px) {
  .banner__buttons {
    gap: 20px;
    clear: both;
  }
}
@media (max-width: 767px) {
  .banner__buttons {
    flex-direction: column;
    margin: 20px 0;
    gap: 15px;
  }
}
.banner-bottom {
  background: #72CFEC;
  border-radius: 15px;
  color: #fff;
  display: flex;
  height: 105px;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0;
}
@media (max-width: 1379px) {
  .banner-bottom {
    margin: 18px 0;
  }
}
@media (max-width: 767px) {
  .banner-bottom {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 20px 20px 0 25px;
    gap: 13px;
    margin: 50px 0;
  }
}
.banner-bottom__text {
  font-size: 32px;
  line-height: 39px;
  padding-left: 6%;
  max-width: 40%;
}
@media (max-width: 1379px) {
  .banner-bottom__text {
    padding-left: 3%;
  }
}
@media (max-width: 1023px) {
  .banner-bottom__text {
    font-size: 24px;
    line-height: 29px;
    padding-left: 4%;
  }
}
@media (max-width: 767px) {
  .banner-bottom__text {
    padding-left: 0;
    max-width: 100%;
    font-size: 20px;
    line-height: 25px;
  }
}
.banner-bottom__img {
  flex: 0 0 245px;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .banner-bottom__img {
    flex: 0 0 auto;
    order: 3;
    height: 130px;
    width: 100%;
  }
}
.banner-bottom__img:before {
  content: "";
  position: absolute;
  left: 40px;
  width: 180px;
  height: 90px;
  bottom: 0;
  background: #0F6986;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
}
.banner-bottom__img img {
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: 0;
  display: block;
  max-width: 295px;
}
.banner-bottom__button {
  padding-right: 6%;
  white-space: nowrap;
}
@media (max-width: 1379px) {
  .banner-bottom__button {
    padding-right: 3%;
  }
}

.banner-inner {
  background: #F5FDFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 65px;
  gap: 3%;
}
@media (max-width: 1379px) {
  .banner-inner {
    padding-left: 35px;
    padding-right: 25px;
  }
}
@media (max-width: 767px) {
  .banner-inner {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.banner-inner__header {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.banner-inner__img {
  max-height: 90px;
}
.banner-inner__text {
  max-width: 35%;
}
@media (max-width: 1023px) {
  .banner-inner__text {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 767px) {
  .banner-inner__text {
    max-width: 100%;
  }
}

.form {
  gap: 60px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .form {
    gap: 20px;
  }
}
.form--2 {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .form--2 {
    display: block;
    position: relative;
    gap: 30px;
  }
}
.form--2 .footer-agreement {
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .form--2 .footer-agreement {
    margin-bottom: 10px;
    margin-bottom: 10px;
  }
}
.form--3-inner {
  padding: 80px 0;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .form--3-inner {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .form--3-inner {
    padding: 30px 0;
  }
}
.form--3-inner .form-cols {
  gap: 45px;
}
.form--inner {
  padding: 45px 0;
  margin: 50px 0;
}
@media (max-width: 1023px) {
  .form--inner {
    padding: 35px 0;
    margin: 30px 0;
  }
}
@media (max-width: 767px) {
  .form--inner {
    padding: 20px 0;
    margin: 20px 0;
  }
}
.form--inner .form--1 {
  gap: 45px;
}
@media (max-width: 1379px) {
  .form--inner .form--1 {
    gap: 25px;
  }
}
.form__header {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .form__header {
    margin-bottom: 23px;
  }
}
@media (max-width: 767px) {
  .form__header {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) and (min-width: 766px) {
  .form__left--2 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 1023px) and (min-width: 766px) {
  .form__left-top {
    width: 40%;
  }
}
.form__right--1 {
  margin-top: -10px;
}
.form__right--2 {
  padding: 25px 40px 40px 40px;
}
@media (max-width: 1379px) {
  .form__right--2 {
    margin-top: -25px;
  }
}
@media (max-width: 767px) {
  .form__right--2 {
    padding: 13px 20px 20px 20px;
  }
}
.form__right-header {
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px;
}
.form__right-list {
  gap: 25px;
}
@media (max-width: 1379px) and (min-width: 1022px) {
  .form__right-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  .form__right-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
  }
}
@media (max-width: 767px) {
  .form__right-list--2 {
    grid-template-columns: 1fr;
  }
}
.form__img {
  margin-top: 50px;
  text-align: center;
}
.form__img img {
  max-width: 100%;
}
@media (max-width: 1023px) {
  .form__img--2 {
    width: 60%;
    overflow: hidden;
    margin-top: 0;
  }
  .form__img--2 img {
    width: 110%;
    max-width: 110%;
  }
}
@media (max-width: 767px) {
  .form__img--2 {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
  }
  .form__img--2 img {
    width: 100%;
    max-width: 360px;
    display: block;
    margin: 20px auto;
  }
}
.form-cols {
  align-items: center;
  padding-top: 20px;
}
@media (max-width: 1023px) {
  .form-cols--3 {
    padding-top: 0;
  }
}
.form__img--3 {
  margin-left: 11%;
}
@media (max-width: 1023px) and (min-width: 766px) {
  .form__img--3 {
    margin-left: 0;
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .form__img--3 {
    max-width: 205px;
    margin-bottom: 20px;
  }
}

.solutions-list-item {
  padding: 35px 60px 20px 40px;
  position: relative;
}
@media (max-width: 1379px) {
  .solutions-list-item {
    padding: 25px 25px 25px 30px;
  }
}
@media (max-width: 1023px) {
  .solutions-list-item {
    padding-top: 28px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .solutions-list-item {
    padding: 20px 20px 75px 20px;
  }
}
.solutions-list-item__button {
  position: absolute;
  right: 40px;
  top: 38px;
}
@media (max-width: 1379px) {
  .solutions-list-item__button {
    top: 28px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .solutions-list-item__button {
    top: auto;
    bottom: 20px;
    right: auto;
    left: 20px;
  }
}
.solutions-list-item:not(:first-child) {
  margin-top: -30px;
  padding-top: 65px;
}
@media (max-width: 1379px) {
  .solutions-list-item:not(:first-child) {
    padding-top: 50px;
  }
}
@media (max-width: 1023px) {
  .solutions-list-item:not(:first-child) {
    padding-top: 65px;
  }
}
@media (max-width: 767px) {
  .solutions-list-item:not(:first-child) {
    padding-top: 45px;
  }
}
.solutions-list-item:not(:first-child) .solutions-list-item__button {
  top: 68px;
}
@media (max-width: 1379px) {
  .solutions-list-item:not(:first-child) .solutions-list-item__button {
    top: 53px;
  }
}
@media (max-width: 1023px) {
  .solutions-list-item:not(:first-child) .solutions-list-item__button {
    top: 63px;
  }
}
@media (max-width: 767px) {
  .solutions-list-item:not(:first-child) .solutions-list-item__button {
    top: auto;
  }
}
.solutions-list-item__tabs {
  gap: 6%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1379px) {
  .solutions-list-item__tabs {
    gap: 3%;
  }
}
@media (max-width: 1023px) {
  .solutions-list-item__tabs {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #E2E2E2;
  }
}
@media (max-width: 767px) {
  .solutions-list-item__tabs {
    gap: 18px;
  }
}
.solutions-list-item__tabs-body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6%;
}
@media (max-width: 1379px) {
  .solutions-list-item__tabs-body {
    gap: 3%;
  }
}
@media (max-width: 1023px) {
  .solutions-list-item__tabs-body {
    display: block;
    padding-top: 19px;
  }
}
.solutions-list-item__tabs-header {
  padding: 5px 0px 10px 0;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .solutions-list-item__tabs-header {
    color: #868686;
    position: relative;
    top: 1px;
    padding-bottom: 6px;
  }
  .solutions-list-item__tabs-header.is-active {
    color: #2B2E33;
    border-bottom: 4px solid #F55D3E;
  }
}
.solutions-list-item__tab {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .solutions-list-item__tab {
    grid-template-columns: 4fr 4fr 3fr;
    gap: 45px;
    display: none;
  }
  .solutions-list-item__tab.is-active {
    display: grid;
  }
}
@media (max-width: 767px) {
  .solutions-list-item__tab {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}
.solutions-list-item__tab-header {
  border-top: 1px solid #E2E2E2;
  padding-top: 10px;
}
@media (max-width: 1023px) {
  .solutions-list-item__tab-header {
    border-top: 0;
    padding-top: 0px;
  }
}
.solutions-list-item__tab-header-drw {
  margin: 10px 0 8px 0;
  color: #868686;
}
@media (max-width: 767px) {
  .solutions-list-item__tab-header-drw {
    margin-top: 0;
  }
}
.solutions-list-item__tab-text {
  color: #868686;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 8px 0;
}
@media (max-width: 1023px) and (min-width: 766px) {
  .solutions-list-item__tab-text {
    order: 3;
  }
}
.solutions-list-item__tab-price {
  margin-top: auto;
}
@media (max-width: 1023px) {
  .solutions-list-item__tab-price {
    order: 2;
    margin-top: 0;
  }
}
.solutions-list-item__tab-price-item {
  display: flex;
  gap: 0.25rem;
}
.solutions-list-item__tab-price-item-value {
  font-weight: 700;
  color: #0F6986;
}
.sections-block {
  display: grid;
  align-items: center;
  grid-gap: 30px;
  grid-template-columns: 1fr 1.5fr;
  border-radius: 15px;
  padding: 30px 50px;
  background-color: #f5fffc;
  margin: 100px 0;
  box-shadow: 0 0 1px 0 rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.04), 0 16px 24px 0 rgba(0,0,0,0.04), 0 24px 32px 0 rgba(0,0,0,0.04);
}
.sections-block__title {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding: 30px 0 30px 120px;
}
.sections-block__title::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%23285680' d='m80,5.52v8.28h-40c-1.52,0-2.75-1.24-2.76-2.76v-2.76c0-1.52-1.24-2.75-2.76-2.76H0C0,2.47,2.47,0,5.52,0h68.97c3.05,0,5.52,2.47,5.52,5.52Z'/%3E%3Cpath fill='%233b97d3' d='m80,13.79v5.52H0V5.52h34.48c1.52,0,2.75,1.24,2.76,2.76v2.76c0,1.52,1.24,2.75,2.76,2.76h40Z'/%3E%3Cpath fill='%23ecf0f1' d='m80,19.31v46.9c0,3.05-2.47,5.52-5.52,5.52H5.52c-3.05,0-5.52-2.47-5.52-5.52V19.31h80Z'/%3E%3Cpath fill='%23ecf0f1' d='m22.07,13.79H6.9c-.76,0-1.38-.62-1.38-1.38s.62-1.38,1.38-1.38h15.17c.76,0,1.38.62,1.38,1.38s-.62,1.38-1.38,1.38Z'/%3E%3Cpath fill='%23285680' d='m32.3,12.41l.4-.4c.52-.54.52-1.4-.02-1.93-.53-.53-1.39-.54-1.93-.02l-.4.4-.4-.4c-.54-.52-1.4-.52-1.93.02-.53.53-.54,1.39-.02,1.93l.4.4-.4.4c-.36.35-.5.86-.38,1.34.13.48.5.86.99.99.48.13,1-.02,1.34-.38l.4-.4.4.4c.54.52,1.4.52,1.93-.02.53-.53.54-1.39.02-1.93l-.4-.4Z'/%3E%3Cpath fill='%23e64c3c' d='m71.72,8.28c.76,0,1.38-.62,1.38-1.38s-.62-1.38-1.38-1.38-1.38.62-1.38,1.38.62,1.38,1.38,1.38Z'/%3E%3Cpath fill='%23f0c419' d='m66.21,8.28c.76,0,1.38-.62,1.38-1.38s-.62-1.38-1.38-1.38-1.38.62-1.38,1.38.62,1.38,1.38,1.38Z'/%3E%3Cpath fill='%234fba6f' d='m60.69,8.28c.76,0,1.38-.62,1.38-1.38s-.62-1.38-1.38-1.38-1.38.62-1.38,1.38.62,1.38,1.38,1.38Z'/%3E%3Cpath fill='%2365ddb9' d='m62.92,37.08l-11.06,25.81c-.5,1.18-1.66,1.95-2.94,1.94h-.07c-.88,0-1.73-.34-2.36-.97-.63-.62-.98-1.47-.98-2.36v-6.34c0-1.1-.44-2.15-1.21-2.92-.78-.77-1.83-1.21-2.92-1.2h-.21c-1.77,0-3.48-.7-4.73-1.96-1.25-1.25-1.96-2.96-1.96-4.73v-.18c0-1.83.72-3.59,2.01-4.89,1.29-1.3,3.05-2.03,4.88-2.03h2.76c1.52,0,2.75-1.24,2.76-2.76-.02-1.51-1.24-2.73-2.76-2.76h-2.76c-2.29,0-4.14-1.85-4.14-4.14v-2.62c.92-.09,1.84-.14,2.76-.14,9.21-.01,17.81,4.59,22.92,12.25Z'/%3E%3Cpath fill='%233b97d3' d='m67.59,52.41c.01,10.32-5.75,19.77-14.92,24.5-1.67-2.3-4.31-3.7-7.14-3.81-1.73.07-3.45-.3-5.01-1.08-2.1-1.12-4.44-1.7-6.81-1.68-3.67,0-7.09,1.87-9.08,4.97-1.96-1.31-3.74-2.87-5.3-4.65.33-10.61,5.5-12.01,5.5-18.25-.01-2.15-.58-4.27-1.64-6.14-.75-1.43-1.14-3.03-1.12-4.65,0-1.37-.5-2.69-1.39-3.72l-2.28-2.63c4.62-5.85,11.42-9.57,18.84-10.3v2.62c0,2.29,1.85,4.14,4.14,4.14h2.76c1.51.02,2.74,1.24,2.76,2.76,0,1.52-1.24,2.75-2.76,2.76h-2.76c-1.83,0-3.59.73-4.88,2.03-1.29,1.3-2.02,3.06-2.01,4.89v.18c0,1.77.7,3.48,1.96,4.73,1.25,1.25,2.96,1.96,4.73,1.96h.21c1.1,0,2.15.43,2.92,1.2.78.77,1.21,1.82,1.21,2.92v6.34c0,.88.35,1.73.98,2.36.63.62,1.48.97,2.36.97h.07c1.28,0,2.44-.76,2.94-1.94l11.06-25.81c3.05,4.53,4.67,9.87,4.66,15.34Z'/%3E%3Cpath fill='%2365ddb9' d='m24.83,52.41c0,6.23-5.17,7.64-5.5,18.25-8.85-10.01-9.24-24.93-.92-35.39l2.28,2.63c.89,1.04,1.38,2.36,1.39,3.72-.02,1.62.37,3.22,1.12,4.65,1.06,1.87,1.63,3.99,1.64,6.14Z'/%3E%3Cpath fill='%2365ddb9' d='m52.66,76.91c-8.94,4.63-19.69,4.02-28.04-1.6,1.98-3.09,5.4-4.96,9.08-4.97,2.38-.01,4.72.57,6.81,1.68,1.55.77,3.27,1.14,5.01,1.08,2.84.11,5.47,1.51,7.14,3.81Z'/%3E%3C/svg%3E%0A") no-repeat center center;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  left: 0;
}
.sections-block__items {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr;
}
.sections-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  flex-wrap: wrap;
  gap: 2%;
}
@media (max-width: 1379px) {
  .sections-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .sections-block {
    grid-gap: 30px;
    grid-template-columns: 1fr 1.5fr;
  }
  .sections-block__title {
    padding: 20px 0 20px 100px;
  }
}
@media (max-width: 1023px) {
  .sections-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .sections-list {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .sections-block {
    grid-template-columns: 1fr;
    padding: 25px 20px;
    grid-gap: 0;
    margin: 50px 0;
  }
  .sections-block__title {
    padding: 0 0 20px;
    font-size: 20px;
  }
  .sections-block__title::before {
    display: none;
  }
  .sections-block__items {
    grid-template-columns: 1fr;
  }
}
.sections-item {
  padding: 20px 35px 33px 35px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  background: #F5FDFF;
  margin-bottom: 10px;
}
@media (max-width: 1379px) {
  .sections-item {
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .sections-item {
    gap: 13px;
    padding-left: 30px;
    padding-bottom: 25px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sections-item {
    position: relative;
    padding-left: 120px;
    padding-bottom: 17px;
    min-height: 95px;
  }
}
.sections-item:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 4;
}
.sections-item:nth-child(2) {
  grid-column-start: 4;
  grid-column-end: 9;
}
.sections-item:nth-child(2) img {
  max-height: 90px;
}
@media (max-width: 767px) {
  .sections-item:nth-child(2) .sections-item__icon {
    top: 5px;
    left: 5px;
  }
}
.sections-item:nth-child(3) {
  grid-column-start: 9;
  grid-column-end: 13;
}
.sections-item:nth-child(3) img {
  max-height: 90px;
}
@media (max-width: 767px) {
  .sections-item:nth-child(3) .sections-item__icon {
    left: 15px;
  }
}
.sections-item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 5;
}
.sections-item:nth-child(4) img {
  max-height: 74px;
}
.sections-item:nth-child(5) {
  grid-column-start: 5;
  grid-column-end: 8;
}
.sections-item:nth-child(5) img {
  max-height: 82px;
  margin-left: -5px;
}
@media (max-width: 767px) {
  .sections-item:nth-child(5) .sections-item__icon {
    top: 19px;
    left: 15px;
  }
}
.sections-item:nth-child(6) {
  grid-column-start: 8;
  grid-column-end: 13;
}
.sections-item:nth-child(6) img {
  max-height: 85px;
}
@media (max-width: 767px) {
  .sections-item:nth-child(6) .sections-item__icon {
    left: 15px;
  }
}
@media (max-width: 1379px) {
  .sections-item:nth-child(n) {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.sections-item__header {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .sections-item__header {
    font-size: 18px;
    line-height: 25px;
  }
}
.sections-item__icon {
  height: 97px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .sections-item__icon {
    position: absolute;
    left: 20px;
    top: 15px;
  }
}
.sections-item__icon img {
  max-height: 90px;
  display: block;
}
@media (max-width: 767px) {
  .sections-item__text {
    display: none;
  }
}
.sections-item__link {
  margin-top: auto;
  color: #0F6986;
  font-weight: 700;
  transition: 0.4s;
}
.sections-item:hover {
  background: #F9FFF5;
  color: #2B2E33;
}
.sections-item:hover .sections-item__link {
  color: #2B2E33;
}
.sections-item:hover .sections-item__link svg {
  stroke: #2B2E33;
}
.sections-item--accent {
  background: #F9FFF5;
}
.sections-item--accent:hover {
  background: #F5FDFF;
}

.video {
  margin-top: 50px;
}
@media (max-width: 1379px) {
  .video {
    margin-top: 65px;
  }
}
@media (max-width: 767px) {
  .video .owl-dots {
    padding: 0;
  }
}
.video-list__item img {
  max-width: 100%;
}

.popular-list .owl-item {
  padding: 0 20px 0 10px;
}
@media (max-width: 1023px) {
  .popular-list .owl-item {
    padding-right: 10px;
  }
}
.popular-list-wrapper {
  margin-left: -10px;
  margin-right: -20px;
}
@media (max-width: 1023px) {
  .popular-list-wrapper {
    margin-right: -10px;
  }
}
.popular-list .owl-dots {
  position: absolute;
  left: 200px;
  right: 0;
}
@media (max-width: 767px) {
  .popular-list .owl-dots {
    left: auto;
    right: 10px;
  }
}
.popular-item {
  padding: 0 30px 30px 30px;
  margin-bottom: 35px;
}
@media (max-width: 1023px) {
  .popular-item {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 18px;
  }
}
.popular-item__img {
  display: block;
  margin-left: -30px;
  margin-bottom: 20px;
  margin-right: -30px;
  border-radius: 15px 15px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1023px) {
  .popular-item__img {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
  }
}
.popular-item__img img {
  max-width: 100%;
  visibility: hidden;
}
.popular-item__name {
  color: #0F6986;
  line-height: 25px;
  display: inline-block;
}
.popular-item__name:hover {
  color: #2B2E33;
}
@media (max-width: 1023px) {
  .popular-item__name {
    font-size: 15px;
    line-height: 25px;
  }
}
.popular-item__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin-top: 5px;
  color: #868686;
}
.popular-item__equal {
  margin-bottom: 15px;
}
.popular-item__price {
  font-size: 24px;
  line-height: 30px;
}
.popular-item__price span {
  font-size: 17px;
}
@media (max-width: 1023px) {
  .popular-item__price {
    font-size: 20px;
    line-height: 25px;
  }
}
.popular-item__price-text {
  color: #868686;
  font-size: 13px;
  line-height: 20px;
  margin-top: 6px;
}
.popular-item__prices {
  margin-top: auto;
}
.zips .owl-dots {
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .zips .owl-dots {
    padding-top: 0;
  }
}

.sales-list {
  gap: 30px;
}
@media (max-width: 1379px) {
  .sales-list {
    gap: 24px;
  }
}
@media (max-width: 1023px) {
  .sales-list {
    display: block;
  }
}
@media (max-width: 1023px) {
  .sales-list .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .sales-list .owl-dots {
    bottom: 0;
  }
}
@media (max-width: 1023px) {
  .sales-list__wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .sales-list__wrapper .owl-item {
    padding: 0 20px 40px 20px;
  }
}
.sales-list-item {
  position: relative;
  padding: 40px 45% 40px 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
z-index:2;
}
@media (max-width: 1379px) and (min-width: 1022px) {
  .sales-list-item {
    padding: 40px 30% 30px 30px;
  }
}
@media (max-width: 1023px) {
  .sales-list-item {
    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 15px;
    padding-right: 46%;
  }
}
@media (max-width: 767px) {
  .sales-list-item {
    padding: 23px 20px 130px 20px;
  }
}
.sales-list-item__img {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50%;
  top: 15%;
}
@media (max-width: 1379px) and (min-width: 1022px) {
  .sales-list-item__img {
    left: 55%;
    top: 35%;
  }
}
@media (max-width: 767px) {
  .sales-list-item__img {
    left: 10%;
    top: auto;
    height: 190px;
  }
}
.sales-list-item__img:before {
  content: "";
  border-radius: 100%;
  background: #72CFEC;
  display: block;
  position: absolute;
  aspect-ratio: 1/1;
  bottom: -60px;
  top: 30px;
  right: -50px;
  z-index: -1;
}
.sales-list-item__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #0F6986;
  margin-bottom: 24px;
}
@media (max-width: 1379px) {
  .sales-list-item__name {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .sales-list-item__name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
  }
}
.sales-list-item__button {
  margin-top: auto;
}
.sales-list-item__text {
  padding-right: 15%;
}
@media (max-width: 1379px) and (min-width: 1022px) {
  .sales-list-item__text {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (max-width: 1023px) {
  .sales-list-item__text {
    padding-right: 0;
  }
}
.sales-list-item p {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .sales-list-item p {
    margin-bottom: 12px;
  }
}

.measurer-list {
  padding: 25px;
  background: #F7F7F7;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
  border-radius: 15px;
}
@media (max-width: 1379px) {
  .measurer-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .measurer-list {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding: 20px;
  }
}
.measurer-list__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.measurer-list__item svg {
  flex-shrink: 0;
  margin-top: 6px;
}
.measurer-form {
  position: relative;
  padding-right: 50%;
  margin-top: 55px;
}
@media (max-width: 1023px) {
  .measurer-form {
    padding-right: 0;
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .measurer-form {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) and (min-width: 766px) {
  .measurer-form__wrapper {
    padding-right: 50%;
  }
}
.measurer-form__img {
  position: absolute;
  right: 6%;
  width: 37%;
}
@media (max-width: 1379px) {
  .measurer-form__img {
    right: 0;
    width: 44%;
  }
}
@media (max-width: 1023px) and (min-width: 766px) {
  .measurer-form__img {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .measurer-form__img {
    top: 65px;
    width: 150px;
  }
}
.measurer-form__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  margin-left: auto;
}
@media (max-width: 1023px) {
  .measurer-form__img img {
    max-height: 300px;
  }
}
@media (max-width: 767px) {
  .measurer-form__img img {
    max-width: 130px;
  }
}
.measurer-form__header {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .measurer-form__header {
    font-size: 20px;
    line-height: 25px;
  }
}
.measurer-form__text {
  max-width: 510px;
  margin-bottom: 39px;
}
@media (max-width: 1023px) and (min-width: 766px) {
  .measurer-form__text {
    max-width: 100%;
    margin-bottom: 29px;
  }
}
@media (max-width: 767px) {
  .measurer-form__text {
    padding-right: 150px;
    min-height: 130px;
    max-width: 100%;
    margin-bottom: 25px;
  }
}

.reviews-list__wrapper {
  margin-left: -10px;
  margin-right: -20px;
}
.reviews-list .owl-dots {
  position: absolute;
  left: 200px;
  right: 0;
}
@media (max-width: 767px) {
  .reviews-list .owl-dots {
    left: auto;
    right: 20px;
    padding-top: 0;
  }
}
.reviews-list .owl-item {
  padding-left: 10px;
  padding-right: 20px;
  margin-bottom: 40px;
}
.reviews-list-item {
  padding: 40px 40px 25px 40px;
}
@media (max-width: 767px) {
  .reviews-list-item {
    padding: 20px;
  }
}
.reviews-list-item__name {
  padding-top: 7px;
  color: #0F6986;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .reviews-list-item__name {
    font-size: 15px;
    line-height: 24px;
    padding-top: 0;
  }
}
.reviews-list-item__img {
  width: 58px;
  float: left;
  margin-right: 12px;
}
.reviews-list-item__info {
  font-size: 15px;
  line-height: 25px;
  color: #868686;
}
@media (max-width: 767px) {
  .reviews-list-item__info {
    font-size: 13px;
    line-height: 20px;
  }
}
.reviews-list-item__text {
  clear: both;
  margin-top: 35px;
  font-size: 15px;
  line-height: 25px;
}
@media (max-width: 767px) {
  .reviews__button {
    margin-top: -15px;
  }
}

.faq-list-item {
  padding-bottom: 5px;
  border-radius: 0 0 15px 15px;
}
.faq-list-item:not(:first-child) {
  margin-top: -15px;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .faq-list-item:not(:first-child) {
    margin-top: -20px;
  }
}
.faq-list-item__q {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  color: #0F6986;
  padding: 36px 85px 25px 40px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .faq-list-item__q {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    padding: 22px 50px 15px 20px;
  }
}
.faq-list-item__q:after {
  content: url("images/expand.svg");
  position: absolute;
  right: 40px;
  top: 38px;
  transition: 0.4s;
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .faq-list-item__q:after {
    width: 20px;
    height: 20px;
    top: 31px;
    right: 20px;
    content: url("images/expand-min.svg");
  }
}
.is-open > .faq-list-item__q:after {
  transform: rotate(180deg);
}
.faq-list-item__a {
  padding: 3px 85px 26px 60px;
  font-size: 15px;
  line-height: 25px;
  display: none;
}
@media (max-width: 1023px) {
  .faq-list-item__a {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .faq-list-item__a {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }
}
.faq-list-item__a.is-open {
  display: block;
}
.contacts {
  margin-bottom: 15px;
}
.contacts__left {
  padding: 50px 60px;
}
@media (max-width: 1379px) {
  .contacts__left {
    padding-left: 40px;
  }
}
@media (max-width: 1023px) {
  .contacts__left {
    padding-right: 40px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .contacts__left {
    padding: 20px 20px 30px 20px;
  }
}
@media (max-width: 767px) {
  .contacts__right {
    height: 421px;
  }
}
.contacts__subheader {
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .contacts__subheader {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .contacts__text {
    font-size: 17px;
    line-height: 25px;
  }
}
.contacts__text-link {
  color: #0F6986;
}
.contacts__text-link:hover {
  color: #2B2E33;
}

.text__header {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .text__header {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .text__header {
    margin-bottom: 20px;
  }
}
.text__subheader {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 25px;
}
p + .text__subheader {
  margin-top: 50px;
}
@media (max-width: 767px) {
  p + .text__subheader {
    margin-top: 30px;
  }
}
.text-inner {
  line-height: 30px;
}
.text-inner > img {max-width: 100%; height: auto;}
@media (max-width: 1023px) {
  .text-inner {
    line-height: 25px;
  }
}
.text-inner p + p {
  margin-top: 30px;
}
.text-cols {
  gap: 50px;
  margin: 50px 0;
}
@media (max-width: 1023px) {
  .text-cols {
    margin: 40px 0;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .text-cols {
    margin: 30px 0;
    gap: 20px;
  }
}
.text-cols__img {
  text-align: center;
}
@media (max-width: 1023px) {
  .text-cols__img {
    margin-bottom: 20px;
    padding: 0 50px;
    order: -1;
    max-width: 400px;
  }
}
.text-cols__img img {
  max-width: 100%;
}
.text-cols ul {
  padding-left: 0px;
  margin: 25px 0;
  list-style: none;
  line-height: 25px;
}
.text-cols ul > li {
  padding-left: 35px;
  position: relative;
  margin-bottom: 20px;
}
.text-cols ul > li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  left: 18px;
  background: #0F6986;
  border-radius: 100%;
}
.text__anounce {
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  color: #868686;
  max-width: 960px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .text__anounce {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .text__anounce {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}
.text-contents {
  background: #F7F7F7;
  padding: 35px 40px 20px 40px;
  border-radius: 15px;
  counter-reset: contains;
  width: calc(50% - 20px);
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .text-contents {
    width: auto;
    padding: 25px 30px 10px 30px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .text-contents {
    padding: 18px 20px 10px 20px;
    margin-top: 20px;
  }
}
.text-contents__header {
  margin-bottom: 15px;
}
.text-contents__list > li {
  counter-increment: contains;
}
.text-contents__list > li > a {
  color: #0F6986;
}
.text-contents__list > li > a:before {
  content: counter(contains) ". ";
}
.norma__wrapper {
  padding: 0;
}
.norma__header {
  font-weight: 600;
  text-align: left;
  margin-bottom: 20px;
}
.norma-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #E2E2E2;
}
.norma-row:last-child {
  border: 0;
}
.norma-row__db {
  flex: 0 0 60px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.norma-row__icon {
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.norma-row__text {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 20px 10px 0;
}
@media (max-width: 767px) {
  .norma-row__text {
    padding: 5px 0;
  }
}
.norma-row__text-header {
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
}

.materials {
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .materials {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .materials {
    margin-bottom: 30px;
  }
}
.materials__header {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #0F6986;
  cursor: pointer;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .materials__header {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.materials__header:after {
  content: "";
  background-image: url("images/expand2.svg");
  transition: 0.4s;
  width: 16px;
  height: 15px;
  margin-left: 16px;
  display: inline-block;
  transform-origin: 50% 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .materials__header:after {
    height: 10px;
    margin-left: 10px;
  }
}
.is-open > .materials__header:after {
  transform: rotate(0deg);
}
.materials__header span {
  border-bottom: 1px dotted #0F6986;
}
.materials-list {
  gap: 30px;
}
@media (max-width: 1379px) {
  .materials-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023px) {
  .materials-list {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .materials-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .materials-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.materials-list-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0px 20px 20px 20px;
  position:relative;
align-items:flex-start;
}
.materials-list-item__img {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
}
.materials-list-item__img img {
  max-width: 100%;
display:block;
margin-left:auto;
margin-right:auto;

}
.materials-list-item__price {
  margin-top: auto;
margin-bottom:10px;
}
.materials-list-item__price--2 {
  color: #868686;
margin-top:-10px;
}
.materials-list-item__text {
  margin-bottom: 15px;
}

.materials-item-button {
position:absolute;
right:25px;
bottom:25px;
width:auto;
height:40px;
padding:0 16px;
line-height:40px;}

@media (max-width: 1023px) and (min-width:500px) {
   .materials-item-button {
      position:static;
   }
}
.footer {
  padding: 50px 0;
  border-top: 1px solid #E2E2E2;
}
@media (max-width: 1023px) {
  .footer {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: 27px 0;
  }
}
.footer-top {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  display: flex;
  width: 100%;
  margin-bottom: 35px;
  align-items: center;
  gap: 100px;
}
.footer-top--flex {
  justify-content: space-between;
}
@media (max-width: 1379px) {
  .footer-top {
    gap: 50px;
  }
}
@media (max-width: 1023px) {
  .footer-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .footer-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 15px;
    margin-bottom: 25px;
  }
}
.footer-top a {
  text-decoration: underline solid rgba(43, 46, 51, 0.4);
}
.footer-top a:hover {
  text-decoration: none;
}
.footer__block {
  display: flex;
  align-items: center;
}
.footer__disclaimer {
  color: #868686;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.footer__soc {
  padding-left: 50px;
}
.footer__soc--flex {
  display: flex;
  align-items: center;
}
@media (max-width: 1379px) {
  .footer__soc {
    padding-left: 0;
  }
}
@media (max-width: 1023px) and (min-width: 766px) {
  .footer__soc {
    order: 4;
  }
}
@media (max-width: 767px) {
  .footer__soc {
    order: 1;
  }
}
.footer__soc-block {
  height: 30px;
}
.footer__soc-item {
  margin: 0 10px;
  display: inline-block;
}
.footer__soc-item img {
  display: block;
}
@media (max-width: 1023px) {
  .footer__soc-item {
    margin: 0px 20px 0 0;
  }
}
@media (max-width: 767px) {
  .footer__footer-agreement {
    order: 2;
  }
}
.footer__design {
  margin-left: auto;
}
@media (max-width: 767px) {
  .footer__design {
    margin-left: 0;
    order: 4;
  }
}

.is-open:after, .is-closed:before, .filter-blocks-item.is-open .filter-blocks-item__header:after {
  transform: rotate(180deg);
}

.is-hide {
  display: none;
}

.t-blue {
  color: #72CFEC;
}

.t-gray-bg {
  background: #F7F7F7;
}

.t-uc {
  text-transform: uppercase;
}

.t-medium {
  font-weight: 500;
}

.t-bold {
  font-weight: 700;
}

.t-dotted {
  border-bottom: 1px dotted #000;
}
.t-dotted:hover {
  text-decoration: none;
}
.t-dotted a:hover {
  text-decoration: none;
}
.t-nopadding {
  padding: 0;
  text-align: left;
}

.t-padding-22 {
  padding: 22px 0;
}

.t-padding-11 {
  padding: 11px 0;
}

.t-arrow-after:after {
  content: url("images/arrow-right-black.svg");
}
@media (max-width: 767px) {
  .t-arrow-after:after {
    /* content:url('images/arrow-right-small.svg'); */
  }
}

.t-arrow-after:hover:after {
  content: url("images/arrow-right.svg");
}

.t-black-bg {
  background: #1B2326;
  color: #fff;
}

.t-dark-bg h1, .t-dark-bg h2 {
  color: #fff;
}

.t-orange-bg {
  background: #FE6A00;
}

.t-fs46 {
  font-size: 46px;
}

.t-orange {
  color: #FE6A00;
}

.t-fs24 {
  font-size: 24px;
}

.t-toppadding-0 {
  padding-top: 1px;
}

.t-border-top {
  border-top: 1px solid #d8d8d8;
}

.t-border-bottom {
  border-bottom: 1px solid #d8d8d8;
}

.t-noborder {
  border: 0 !important;
}

.t-nowrap {
  white-space: nowrap;
}

.t-right {
  text-align: right;
}

.t-left {
  text-align: left;
}

.t-400 {
  font-weight: 400;
}

.t-middle {
  vertical-align: middle;
}
.t-middle img {
  vertical-align: middle;
}

.t-rub {
  white-space: nowrap;
}
.t-rub:after {
  content: " ₽";
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: 3px;
}

.t-white-bg {
  background: #fff;
}

.t-shadow-bg {
  position: relative;
}
.t-shadow-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.t-shadow-darkbg:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/*@import 'desktop';
@import 'tablet';
@import 'phone';*/
.mobile {
  display: none;
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  padding-top: 150px;
}
@media (max-width: 767px) {
  .mobile {
    padding-top: 90px;
    font-size: 17px;
    line-height: 21px;
  }
}
.mobile__inner {
  padding: 0 90px;
  display: flex;
}
@media (max-width: 767px) {
  .mobile__inner {
    padding: 0 40px;
    flex-direction: column;
  }
}
.mobile .header__bottom {
  display: block;
  width: 50%;
  border: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .mobile .header__bottom {
    width: 100%;
  }
}
.mobile .header__bottom .header__im-button {
  display: none;
}
.mobile .header__top {
  width: 50%;
  padding-left: 10px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 20px;
}
@media (max-width: 767px) {
  .mobile .header__top {
    order: -1;
    width: 100%;
    padding-left: 0;
    margin-bottom: 50px;
    gap: 25px;
  }
}
.mobile .header__soc {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.mobile .header__soc a {
  margin: 0 0 15px 0;
  display: inline-block;
}
.mobile .header__cab {
  display: block;
}
.mobile .header__menu-first {
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .mobile .header__menu-first {
    gap: 25px;
  }
}
.mobile .header__menu-first .parent:after {
  display: none;
}
.mobile .header__menu-second {
  display: block !important;
  box-shadow: none;
  position: relative;
  margin-top: 0;
  padding: 10px 30px;
}
.mobile .mobile__inner {
  max-height: calc(100dvh - 90px);
  overflow-y: auto;
}
.mobile .header__burger {
  display: none;
}
.mobile__close {
  right: 34px;
  top: 35px;
}
@media (max-width: 767px) {
  .mobile__close {
    right: 25px;
    top: 31px;
  }
}
@media (max-width: 767px) {
  .mobile .header__city, .mobile .header__phone, .mobile .header__soc {
    display: block;
  }
}
/*# sourceMappingURL=maps/default.css.map */

.section-materials {
  padding-top: 10px;
}

.section-blue-bg input:not([type="submit"]), .section-blue-bg textarea {
background:#fff;
padding-left:10px;
padding-right:10px;
}

@media (max-width:767px) {
    .type-item {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0;

    }

    .type-item-img {
        width: auto;
        max-width: 340px;
        margin: 0;
    }

    .type-item-left {
        display: block;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        line-height: 18px;
        padding-right: 20px;
    }

    .type-item-right {
        margin: 0;
        width: auto;
        order: 99;
        padding-left: 20px;
        padding-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
align-items:center;
    }

    .type-item .l-clr {
        display: none;
    }

    .type-item-name {
        margin-bottom: 0;
    }

    .type-item .solution-chars > li {
        padding-right: 10px;
        font-size: 13px;
        padding-top: 10px;
    }

    .type-item .solution-chars > li:last-child {
        padding-right: 0;
    }

    .type-item-left-text {
        font-size: 13px;
        margin-top: 10px;
    }

    .type-item-right-block {
        flex: 0 0 150px;
    }

    .type-item-right-block:nth-child(2n+1) .question-desc {
        left: -80px;
    }

    .type-item-right .type-item-right-block:nth-child(2n+1) .question-desc:before {
        left: 91px;
    }
.type-item-right-label {
font-size:12px}


.type-item-right .button.button-orange {
white-space:nowrap;}

.solution-icon:before {
margin-right:4px;}

}

/* Оформление страницы безопасной сделки */
.secure-transaction {
    position: relative;
}

.secure-transaction__title {
    max-width: 100%;
    padding-right: 50px;
}

.secure-transaction-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 188px;
    position: relative;
    padding: 34px;
    background: #F5FFFC;
    overflow: hidden;
}

.secure-transaction-list__img {
    position: relative;
    flex: 0 0 320px;
    align-self: flex-end;
}

.secure-transaction-list__img::after {
    content: "";
    display: block;
    position: absolute;
    top: -78px;
    right: -20px;
    width: 100%;
    height: 250px;
    background-image: url(/data/secure-transactions/1.png);
    background-repeat: no-repeat;
    background-size: 310px;
    background-position: top;
    transform: rotate(-30deg);
}

.banner-inner__header_margin {
    margin-bottom: 15px;
}

.secure-transaction-list-text {
    max-width: 486px;
    font-size: 17px;
}

.secure-transaction-list__button {
    flex-shrink: 0;
}

@media (max-width: 1359px) {
    .secure-transaction-list {
        min-height: 213px;
    }

    .secure-transaction__title {
        max-width: 800px;
        margin-bottom: 40px;
    }

    .secure-transaction-list-text {
        max-width: 434px;
        margin-right: 20px;
    }

    .secure-transaction-list__img {
        flex: 0 0 210px;
    }

    .secure-transaction-list__img::after {
        top: -90px;
        right: -15px;
        background-size: contain;
    }
}

@media (max-width: 1023px) {
    .secure-transaction {
        padding: 0 8px;
    }

    .secure-transaction-list {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        padding-top: 50px;
    }

    .secure-transaction-list-text {
        max-width: 60%;
        padding: 0;
    }

    .secure-transaction-list__img {
        position: absolute;
        right: -45px;
        bottom: 98px;
        width: 305px;
    }
}

@media (max-width: 767px) {
    .secure-transaction {
        padding: 0;
    }

    .secure-transaction__title {
        margin-bottom: 20px;
        padding: 0;
    }

    .banner-inner__header_margin {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .secure-transaction-list {
        padding: 20px;
        min-height: 343px;
        justify-content: flex-start;
    }

    .secure-transaction-list-text {
        max-width: 100%;
        font-size: 15px;
    }

    .secure-transaction-list__button {
        margin-bottom: 110px;
    }

    .secure-transaction-list__img::after {
        top: -45px;
        right: 0;
    }
}

@media (max-width: 409px) {
    .secure-transaction-list__img {
        width: 195px;
    }

    .secure-transaction-list__img::after {
        top: 5px;
        right: -25px;
    }
}

html {
    scroll-behavior: smooth;
}

.secure-transactions {
    counter-reset: nav;
}

.secure-transactions__main-title {
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 50px;
}

.secure-transactions__main-text {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    color: #868686;
}

.secure-transactions-link {
    color: #72cfec;
}

.secure-transactions-link:hover {
    color: #2B2E33;
}

.secure-transactions__nav {
    max-width: 630px;
    padding: 35px;
    background: #F7F7F7;
    border-radius: 15px;
}

.secure-transactions__nav .secure-transactions__title_mobile {
    margin-top: 0;
    margin-left: 5px;
}

.secure-transactions__nav ol {
    padding-left: 45px;
}

.secure-transactions__nav li {
    position: relative;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #0F6986;
}

.secure-transactions__nav a {
    color: inherit;
}

.secure-transactions__nav a:hover {
    color: #2B2E33;
}

.secure-transactions__nav li::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: -45px;
    top: 7px;
    border-top: 2px solid #0F6986;
    border-right: 2px solid #0F6986;
    transform: rotate(45deg);
}

.secure-transactions__title {
    margin-top: 60px;
    font-weight: 600;
    font-size: 24px;
    line-height: 126.67%;
}

#item-1 {
    margin-top: 45px;
}

.secure-transactions__title-counter::before {
    counter-increment: nav;
    content: counter(nav) ". ";
}

.secure-transactions__text {
    position: relative;
    margin: 30px 0;
    max-width: 1130px;
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
}

.secure-transactions__text_underline {
    max-width: 630px;
    margin: 0;
}

.secure-transactions__text_underline::after {
    content: "";
    display: block;
    max-width: 520px;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -60px;
    background-color: #E2E2E2;
}

.secure-transactions__content-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 80px;
}

.secure-transactions__box-item {
    margin-left: 30px;
}

.secure-transactions__img {
    width: 630px;
}

.old-place {
    display: block;
}

.new-place {
    display: none;
}

.secure-transactions__text_underline:nth-child(1) {
    max-width: 520px;
    margin-bottom: 50px;
}

.secure-transactions__img_left + .secure-transactions__text_underline {
    margin-top: 32px;
}

.secure-transactions__img_right {
    margin-left: 30px;
}

.secure-transactions__img_left {
    width: 510px;
}

.secure-transactions__list-title {
    font-weight: 600;
    font-size: 17px;
}

.secure-transactions__list-wrap {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}

.secure-transactions__list-item {
    flex: 1 1 auto;
    padding: 30px;
    max-width: 410px;
    min-height: 135px;
    background-repeat: no-repeat;
    background-size: auto 38px;
    background-position: right 30px bottom 30px;
}

.secure-transactions__list-item_document {
    background-image: url("/data/secure-transactions/document.svg");
}

.secure-transactions__list-item_payment {
    background-image: url("/data/secure-transactions/payment.svg");
}

.secure-transactions__list-item_tender {
    background-image: url("/data/secure-transactions/tender.svg");
}

.secure-transactions__list a {
    box-sizing: border-box;
}

.secure-transactions__list-item-text {
    max-width: 290px;
}

.lead-magnet-form {
    min-height: 475px;
    padding: 30px 0;
    background: #F7F7F7;
}

.lead-magnet__title {
    max-width: 520px;
    align-self: start;
    font-weight: 500;
    font-size: 48px;
    line-height: 58px;
}

.form__right__position {
    padding-left: 15px;
}

.lead-magnet-form__button {
    margin-top: 10px;
}

@media (max-width: 1440px) {
    .secure-transactions__main-text {
        margin-bottom: 50px;
    }

    .secure-transactions__title_mobile {
        padding-left: 5px;
    }
}

@media (max-width: 1439px) {
    .secure-transactions__text {
        max-width: 850px;
    }

    .secure-transactions__content-box {
        gap: 40px 20px;
        margin-bottom: 90px;
    }

    .secure-transactions__box-item {
        margin-left: 85px;
    }

    .secure-transactions__text_underline::after {
        bottom: -30px;
    }

    .secure-transactions__img_right {
        margin-left: 85px;
        max-width: 386px;
    }

    .secure-transactions__img_left {
        width: 470px;
    }

    .secure-transactions__img_left + .secure-transactions__text {
        margin-top: 30px;
    }

    .secure-transactions__list-item {
        background-position: right 20px bottom 20px;
    }

    .secure-transactions__list-wrap {
        gap: 20px;
    }

    .lead-magnet-form {
        padding: 0;
    }

    .lead-magnet__title {
        max-width: 450px;
    }

    .form__right__position {
        padding: 18px 12px;
        align-self: flex-start;
    }
}

@media (max-width: 1023px) {
    .secure-transactions__title_mobile {
        margin-bottom: 17px;
    }

    .secure-transactions__title {
        margin-top: 50px;
    }

    #item-1 {
        margin-top: 40px;
    }

    .secure-transactions__content-box {
        gap: 20px 0;
        margin-bottom: 70px;
    }

    .secure-transactions__box-item {
        margin: 0;
    }

    .secure-transactions__box-item .secure-transactions__title {
        margin-top: 40px;
    }

    .secure-transactions__box-item .secure-transactions__text_underline {
        margin-top: 0;
    }

    .secure-transactions__text {
        margin: 25px 0 0;
        max-width: 650px;
    }

    .secure-transactions__text_underline {
        padding-right: 20px;
    }

    .secure-transactions__text_underline::after {
        bottom: -15px;
    }

    .secure-transactions__img {
        max-width: 345px;
    }

    .secure-transactions__img_right {
        margin: 27px 0 0 0;
    }

    .secure-transactions__img_left {
        margin-right: 21px;
    }

    .secure-transactions__list {
        margin-top: 28px;
    }

    .secure-transactions__list-wrap {
        margin-top: 25px;
    }

    .secure-transactions__list-item {
        padding: 25px;
        background-position: right 20px bottom 20px;
    }

    .l-2-col {
        grid-template-columns: repeat(2, 1fr);
    }

    .lead-magnet__title {
        font-size: 36px;
        line-height: 44px;
    }

    .lead-magnet-form {
        margin-top: 50px;
        padding-top: 30px;
    }

    .form__right__position {
        padding: 0 10px;
    }

    .lead-magnet-form__button {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .secure-transactions__content-box {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: 55px;
    }

    .secure-transactions__title {
        margin-top: 45px;
    }

    .secure-transactions__main-title {
        margin-bottom: 30px;
        font-weight: 600;
        font-size: 25px;
        line-height: 31px;
    }

    .secure-transactions__main-text {
        margin-bottom: 30px;
        font-weight: 600;
        font-size: 17px;
        line-height: 25px;
    }

    .secure-transactions__title {
        font-weight: 600;
        font-size: 17px;
        line-height: 25px;
    }

    .secure-transactions__title_mobile {
        padding-left: 15px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .secure-transactions__nav {
        padding: 17px 0;
        margin: 45px 0 0;
    }

    .secure-transactions__nav > ol {
        padding: 0 60px;
    }

    .secure-transactions__nav li {
        font-size: 15px;
    }

    .secure-transactions__content {
        margin-top: 0;
    }

    #item-1 {
        margin-top: 35px;
    }

    .secure-transactions__text {
        font-size: 15px;
        line-height: 25px;
    }

    .secure-transactions__text_underline {
        margin-bottom: 0;
        padding: 0;
    }

    .secure-transactions__text_underline:nth-child(1) {
        margin-bottom: 15px;
    }

    .secure-transactions__img {
        margin: 25px auto 40px;
        max-width: 250px;
    }

    .secure-transactions__list {
        margin-bottom: 45px;
    }

    .secure-transactions__list-title {
        font-weight: 500;
    }

    .secure-transactions__list-wrap {
        flex-direction: column;
        gap: 15px;
    }

    .secure-transactions__list-item {
        max-width: 100%;
        min-height: 115px;
        background-position: right 20px bottom 20px;
    }

    .secure-transactions__list-item_payment {
        background-position: right 30px bottom 20px;
    }

    .secure-transactions__list-item-text {
        max-width: 200px;
    }

    .old-place {
        display: none;
    }

    .new-place {
        display: block;
    }

    .l-2-col_1fr {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .lead-magnet-form {
        margin-top: 42px;
        padding: 46px 0;
    }

    .lead-magnet__title {
        font-weight: 700;
        font-size: 25px;
        line-height: 31px;
    }

    .form__right__position {
        padding: 0;
    }
}

/* Типовые решения */
.typical-solutions {
    margin: 85px auto;
}

.typical-solutions a {
    color: inherit;
    box-sizing: border-box;
}

.typical-solutions a:hover {
    cursor: pointer;
}

.typical-solutions__header {
    font-size: 48px;
    margin-bottom: 70px;
}

.typical-solutions-list {
    display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    gap: 30px;
}

.typical-solutions-list-item {
    position: relative;
    min-height: 200px;
    min-width: 180px;
    padding: 37px 40px;
    background: #F5FFFC;
    overflow: hidden;
}

.typical-solutions-list-item:hover {
    background: #e7faff;
}

.typical-solutions-list-item__img {
    display: block;
    width: 350px;
    position: absolute;
    right: -110px;
    bottom: -110px;
}

.typical-solutions-list-item__text {
    position: relative;
    z-index: 1;
    font-size: 24px;
    margin-right: 150px;
    line-height: 126.67%;
}
.title {
  font-size: 48px;
}
.block {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(6, 1fr);
}
.block-tile {
  grid-column: span 2;
}
.block-tile:nth-child(5n + 1),
.block-tile:nth-child(5n + 2) {
  grid-column: span 3;
}
.block-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
}
.block-tile {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 16px 24px 0 rgba(0, 0, 0, 0.04), 0 24px 32px 0 rgba(0, 0, 0, 0.04);
}
.block-tile--mint-cream {
  background-color: #f5fffc;
}
.block-tile--azure {
  background-color: #f5fdff;
}
.block-tile--ghost-white {
  background-color: #f5fcff;
}
.block-tile--floral-white {
  background-color: #fffaf5;
}
.block-tile--milk {
  background-color: #f9fff5;
}
.block-tile__image {
  font-size: 0;
  line-height: 1;
}
.block-tile__image-link {
  display: block;
}
.block-tile__image-element {
  width: 100%;
  height: auto;
}
.block-tile__content {
  padding: 30px;
}
.block-tile__content-title {
  font-size: 24px;
  margin-bottom: 15px;
}
.block-tile__content-text {
  font-size: 15px;
}
.contacts-block {
  background-color: #F7F7F7;
  padding: 50px 0;
  margin: 100px 0;
}
.contacts-block__container {
  display: grid;
  grid-gap: 100px;
  grid-template-columns: 1fr 1fr;
}
.contacts-block__content {
  padding: 30px 0;
}
.contacts-block__content--border-top {
  border-top: 1px solid #e2e2e2;
}
.contacts-block__content-title {
  font-weight: normal;
}
.contacts-block__content-text {
  font-size: 20px;
  max-width: 550px;
}
.contacts-block__content-text span {
  color: #72cfec;
}
.contacts-block__link-block {
  display: inline-block;
  margin: 5px 30px 5px 0;
}
.contacts-block__link {
  display: inline-block;
  padding-left: 36px;
  position: relative;
}
.contacts-block__link::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  background: no-repeat center center;
  background-size: contain;
}
.contacts-block__link--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230f6986' fill-rule='evenodd' d='m3.09,9.33c2.45,5.34,6.81,9.58,12.22,11.88h.02s1.05.47,1.05.47c1.33.59,2.9.17,3.75-1.01l1.75-2.42c.11-.15.08-.35-.06-.47l-3.05-2.46c-.15-.12-.37-.09-.49.06l-1.19,1.6c-.29.39-.81.52-1.25.32-4.05-1.83-7.31-5.09-9.14-9.14-.2-.44-.06-.96.32-1.25l1.6-1.19c.16-.12.18-.34.06-.49l-2.46-3.05c-.11-.14-.32-.17-.47-.06l-2.43,1.76c-1.19.86-1.61,2.44-1,3.78l.76,1.67s0,0,0,0Zm11.41,13.77c-5.89-2.5-10.62-7.11-13.28-12.91h0s-.76-1.68-.76-1.68C-.55,6.28.15,3.64,2.13,2.21L4.56.45c1.03-.75,2.47-.55,3.27.44l2.46,3.05c.86,1.06.66,2.62-.44,3.43l-.92.68c1.55,3.01,4.01,5.47,7.01,7.02l.68-.92c.81-1.1,2.37-1.3,3.43-.44l3.05,2.46c.99.8,1.18,2.24.44,3.27l-1.75,2.42c-1.42,1.97-4.03,2.68-6.26,1.69l-1.04-.46Z'/%3E%3C/svg%3E%0A");
}
.contacts-block__link--whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230f6986' fill-rule='evenodd' d='m24,12c0,6.63-5.37,12-12,12S0,18.63,0,12,5.37,0,12,0s12,5.37,12,12Zm-11.61,6.68h0c3.93,0,7.13-3.2,7.14-7.14,0-1.91-.74-3.7-2.09-5.05-1.35-1.35-3.14-2.09-5.05-2.09-3.93,0-7.13,3.2-7.14,7.14,0,1.26.33,2.49.95,3.57l-1.01,3.7,3.78-.99c1.04.57,2.22.87,3.41.87Z'/%3E%3Cpath fill='%230f6986' fill-rule='evenodd' d='m9.37,16.64l-.22-.13-2.24.59.6-2.19-.14-.22c-.59-.94-.91-2.04-.91-3.16,0-3.27,2.66-5.93,5.93-5.93,1.58,0,3.07.62,4.19,1.74,1.12,1.12,1.74,2.61,1.74,4.2,0,3.27-2.66,5.93-5.93,5.93h0c-1.06,0-2.11-.29-3.02-.83Zm6.37-3.57c.12.06.21.1.24.16.04.07.04.43-.1.85-.15.42-.86.8-1.2.85-.31.05-.7.07-1.12-.07-.26-.08-.59-.19-1.02-.38-1.67-.72-2.8-2.34-3.01-2.65-.01-.02-.03-.04-.03-.04h0c-.09-.13-.73-.97-.73-1.84,0-.82.4-1.25.59-1.45.01-.01.02-.03.03-.04.16-.18.36-.22.48-.22s.24,0,.34,0c.01,0,.03,0,.04,0,.1,0,.23,0,.36.31.05.12.12.29.2.48.15.37.32.79.35.85.04.09.07.19.01.31,0,.02-.02.03-.03.05-.04.09-.08.16-.15.25-.03.03-.06.07-.09.11-.06.07-.12.15-.18.2-.09.09-.18.19-.08.36.1.18.46.76.99,1.24.57.51,1.07.72,1.32.83.05.02.09.04.12.05.18.09.28.07.39-.04.1-.12.45-.52.56-.7.12-.18.24-.15.4-.09.16.06,1.04.49,1.22.58.03.02.07.03.1.05Z'/%3E%3C/svg%3E%0A");
}
.contacts-block__link--mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%230f6986' d='m22.91,0H1.09c-.29,0-.57.11-.77.29-.2.19-.32.44-.32.71v16c0,.27.11.52.32.71.2.19.48.29.77.29h21.82c.29,0,.57-.11.77-.29s.32-.44.32-.71V1c0-.27-.11-.52-.32-.71-.2-.19-.48-.29-.77-.29Zm-1.09,16H2.18V2h19.64v14ZM3.42,4.5c.07-.11.17-.21.28-.29s.24-.14.38-.17.28-.04.43-.03c.14.02.28.06.4.13l7.09,3.72,7.09-3.72c.25-.13.55-.17.83-.1.28.07.52.24.66.47s.18.5.11.76-.26.48-.51.61l-7.64,4c-.16.09-.35.13-.54.13s-.38-.05-.54-.13L3.83,5.87c-.13-.06-.24-.15-.32-.26-.09-.1-.15-.22-.19-.35-.04-.13-.05-.26-.03-.39.02-.13.06-.26.14-.37Zm4.99,5.79c.2.19.32.44.32.71s-.11.52-.32.71l-2.18,2c-.21.18-.48.28-.77.28-.29,0-.56-.11-.76-.29s-.32-.44-.32-.7c0-.26.11-.51.31-.7l2.18-2c.21-.19.48-.29.77-.29.29,0,.57.11.77.29h0Zm10.91,2c.1.09.19.2.24.32.06.12.09.25.09.39,0,.13-.03.26-.08.39-.05.12-.14.23-.24.33-.1.09-.22.17-.36.22-.13.05-.28.08-.42.07-.14,0-.29-.03-.42-.08-.13-.05-.25-.13-.35-.22l-2.18-2c-.2-.19-.31-.44-.31-.7,0-.26.12-.51.32-.7s.48-.29.76-.29.56.1.77.28l2.18,2Z'/%3E%3C/svg%3E%0A");
}
.contacts-form {
  padding: 20px 0;
}
.contacts-form__block {
  margin-top: 30px;
}
.cases-block img,
.video-list-additional img {
  width: 100%;
}
.cases-block .owl-nav,
.video-list-additional .owl-nav {
  width: 100%;
  position: absolute;
  top: 50%;
}
.cases-block .owl-prev,
.cases-block .owl-next,
.video-list-additional .owl-prev,
.video-list-additional .owl-next {
  cursor: pointer;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  position: absolute;
  top: 0;
}
.cases-block .owl-prev.disabled,
.cases-block .owl-next.disabled,
.video-list-additional .owl-prev.disabled,
.video-list-additional .owl-next.disabled {
  cursor: initial;
}
.cases-block .owl-prev,
.video-list-additional .owl-prev {
  left: -24px;
  background-image: url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='24' transform='matrix(-1 0 0 1 80 8)' fill='%23ffffff'/%3E%3Cpath d='M58 38L52 32L58 26' stroke='%23F55D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transform: none;
}
.cases-block .owl-next,
.video-list-additional .owl-next {
  right: -24px;
  background-image: url("data:image/svg+xml,%3Csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='56' cy='32' r='24' fill='%23ffffff'/%3E%3Cpath d='M54 38L60 32L54 26' stroke='%23F55D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.cases-block__item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 16px 24px 0 rgba(0, 0, 0, 0.04), 0 24px 32px 0 rgba(0, 0, 0, 0.04);
}
.cases-block__item-image {
  font-size: 0;
  line-height: 0;
}
.cases-block__item-content {
  padding: 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cases-block__item-title {
  font-size: 20px;
}
.cases-block__item-link {
  margin-top: 20px;
}
.link--forward {
  display: inline-block;
  position: relative;
  color: #0f6986;
  font-size: 17px;
  padding-left: 25px;
}
.link--forward::before {
  content: '';
  display: block;
  width: 14px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath fill='%230f6986' d='m9,10c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l2.29-2.29H1c-.55,0-1-.45-1-1s.45-1,1-1h9.59l-2.29-2.29c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l4,4c.1.1.17.21.22.33.05.12.08.24.08.38h0c0,.14-.03.27-.08.38-.05.12-.12.23-.22.33l-4,4c-.2.2-.45.29-.71.29Z'/%3E%3C/svg%3E%0A") no-repeat center center;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  left: 0;
}
.cases-block .owl-stage {
  padding: 0 0 50px;
}
.slides-block {
  margin-top: 70px;
}
@media (max-width: 1550px) {
    .typical-solutions-list-item {
        padding: 40px;
    }

    .typical-solutions__header {
        margin-bottom: 53px;
    }

    .typical-solutions-list-item__text {
        margin-right: 100px;
    }

    .typical-solutions-list-item__img {
        width: 350px;
        right: -150px;
        bottom: -110px;
    }
}
@media (max-width: 1440px) {
  .title {
    font-size: 36px;
  }
  .contacts-block__content-text {
    font-size: 17px;
  }
}
@media (max-width: 1023px) {
    .typical-solutions {
        margin: 55px auto;
    }

    .typical-solutions__header {
        font-weight: 500;
    }

    .typical-solutions-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .typical-solutions-list-item {
        min-height: 150px;
        padding: 25px;
    }

    .typical-solutions-list-item__text {
        margin-right: 80px;
        font-weight: 500;
        font-size: 17px;
        line-height: 25px;
    }

    .typical-solutions-list-item__img {
        width: 240px;
        right: -100px;
        bottom: -75px;
    }

    .typical-solutions-list-item__text {
        font-size: 17px;
    }
    .block {
      grid-template-columns: 1fr 1fr;
    }
    .block .block-tile {
      grid-column: span 1;
    }
}
@media (max-width: 767px) {
  .typical-solutions {
    margin: 35px auto;
  }

  .typical-solutions__header {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .typical-solutions-list {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .typical-solutions-list-item {
    min-height: 150px;
    padding: 25px;
  }

  .typical-solutions-list-item__text {
    margin-right: 75px;
    font-size: 17px;
  }

  .typical-solutions-list-item__img {
    width: 190px;
    right: -75px;
    bottom: -55px;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .title {
    font-size: 25px;
  }
  .block {
    margin-bottom: 20px;
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
  .block .block-tile {
    grid-column: span 1;
  }
  .contacts-block__content {
    padding: 20px 0;
  }
  .contacts-block__container {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .contacts-block__link-block {
    display: block;
    padding: 5px 30px 10px 0;
  }
}


.toppanel {font-weight: 500; border-bottom: 1px solid #E2E2E2; font-size: 16px; line-height: 135%; background: #fff; position: relative; z-index: 10; }
.toppanel a {color: inherit; text-decoration: none;}
.toppanel .all {margin: 0 auto; height: 64px; display: flex; align-items: center; justify-content: space-between; max-width: 1640px; padding: 0 75px;}
.toppanel .left {display: flex; align-items: center;}
.choose-city-block {position: relative; margin: 0 60px 0 0; display: flex; align-items: center;}
.choose-city-block .active {cursor: pointer; position: relative; margin: 0 0 0 8px;}
.choose-city-block .active:after {transition: all 0.3s ease; filter: grayscale(100%) brightness(0); content: ''; display: block; width: 12px; height: 12px; position: absolute; top: 50%; left: calc(100% + 4px); margin-top: -5px; background: url(img/blue-arr-down.svg) center center no-repeat;}
.choose-city-block:hover .active:after {filter: none;}
.choose-city-block.open .active:after {transform: rotate(-180deg);}
.choose-city-block .drop {padding: 8px 12px; display: block; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,0.06), 0 1px 2px 0 rgba(0,0,0,0.02);  position: absolute; left: -99999px; top: -9999px; opacity: 0; transition: opacity 0.3s ease; margin: 0; list-style-type: none;}
.choose-city-block.open .drop {top: calc(100% + 10px); left: 74px; opacity: 1;}
.choose-city-block .drop:before {content: ''; display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 10px;}
.choose-city-block .drop li {margin: 0; white-space: nowrap;}
.choose-city-block .drop li a {color: #2B2E33; text-decoration: none; display: block; padding: 8px; border-radius: 8px; font-weight: normal;}
.choose-city-block .drop li a:hover {color: inherit; background: #F0F0F0;}
.choose-city-block .drop li.current a {font-weight: 500; color: #056ED6;}
.toppanel .phone {margin: 0 40px 0 0;}
.toppanel .phone a {position: relative; padding-left: 32px; display: table;}
.toppanel .phone a:before {width: 24px; height: 24px; display: block; content: ''; position: absolute; left: 0; top: 0; background: url(img/call-ic.svg) center center no-repeat;}
.toppanel .phone a:hover {color: #056ED6;}
.toppanel .icons {display: flex; align-items: center;}
.toppanel .icons a {display: flex; border-radius: 50%; width: 25px; height: 25px;}
.toppanel .icons a svg {width: auto; height: auto;}
.toppanel .icons a svg path {transition: all 0.3s ease;}
.toppanel .icons a:hover svg path {fill: #056ED6;}
.toppanel .icons a + a {margin-left: 12px;}
.toppanel .right {display: flex; align-items: center;}
.toppanel .enter {position: relative; display: table; padding-left: 32px;}
.toppanel .enter:before {width: 24px; height: 24px; display: block; content: ''; position: absolute; left: 0; top: 0; background: url(img/enter-ic.svg) center center no-repeat;}
.toppanel .enter:hover {color: #056ED6;}
.toppanel .cart {margin: 0 0 0 24px; display: block; position: relative; min-width: 24px; height: 24px; background: url(img/cart-ic.svg) center center no-repeat;}
.toppanel .cart.fill {height: 40px; padding: 0 24px 0 58px; line-height: 40px; border-radius: 25px; background-color: #F0F0F0; white-space: nowrap; background-position: left 24px center;}

header {margin: 0 0 40px; box-shadow:0 0 1px 0 rgba(0,0,0,0.04), 0 0 10px 0 rgba(0,0,0,0.06); position: relative; z-index: 8; min-width: 320px; max-width: 100vw;}
header .back-ic {display: none;}
header .phone, header .choose-city-block {display: none;}
header .all {margin: 0 auto; max-width: 1640px; padding: 0 75px; height: 64px; display: flex; align-items: center; justify-content: space-between;}
header .logo img {display: block; max-height: 44px;}
header nav ul {padding: 0; margin: 0; list-style-type: none; display: flex;}
header nav ul li {position: relative; margin: 0 20px;}
header nav ul li a {font-size: 16px; color: inherit; font-weight: 500; text-decoration: none;}
header nav ul li a .str {display: none;}
header nav ul li.menu-parent>a {position: relative; padding-right: 16px;}
header nav ul li.menu-parent>a:after {transition: all 0.3s ease; filter: grayscale(100%) brightness(0); content: ''; display: block; width: 12px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -5px; background: url(img/blue-arr-down.svg) center center no-repeat;}
header nav ul li.menu-parent:hover>a:after {filter: none;}
header nav ul li a:hover {color: #056ED6;}
header nav ul li ul {padding: 8px 12px; display: block; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px 0 rgba(0,0,0,0.06), 0 1px 2px 0 rgba(0,0,0,0.02); position: absolute; top: -99999px; left: -9999999px; opacity: 0; transition: opacity 0.3s ease;}
header nav ul li ul:before {content: ''; display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 10px;}
header nav ul li ul li {margin: 0; white-space: nowrap;}
header nav ul li ul li a {display: block; padding: 8px; border-radius: 8px; font-weight: normal;}
header nav ul li ul li a:hover {color: inherit; background: #F0F0F0;}
header nav ul li:hover ul {left: -20px; top: calc(100% + 10px); opacity: 1;}
header .callback {display: table; color: #fff; text-decoration: none; background: #F55D3E; line-height: 40px; border-radius: 25px; padding: 0 24px; font-size: 16px; font-weight: 500;}
header .callback:hover {background: #F2340D;}


header .catalog-nav {display: none;}
header nav ul .active.city {display: none;}
header nav ul .icons {display: none;}
header nav ul .callback {display: none;}



footer {font-weight: normal; border-top: 1px solid #E2E2E2; padding: 32px 0;}
footer .all {margin: 0 auto;  max-width: 1640px; padding: 0 75px;}
footer a {color: inherit; text-decoration: none;}
footer .top {margin: 0 0 15px; display: flex; align-items: center; justify-content: space-between;}
footer .phone {margin: 0 40px 0 0;}
footer .phone a {position: relative; padding-left: 32px; display: table;}
footer .phone a:before {width: 24px; height: 24px; display: block; content: ''; position: absolute; left: 0; top: 0; background: url(img/call-ic.svg) center center no-repeat;}
footer .phone a:hover {color: #056ED6;}
footer .footer-agreement {color: #056ED6; font-size: inherit; margin: 0; padding: 0;}
footer .icons {display: flex; align-items: center;}
footer .icons a {display: flex; border-radius: 50%; width: 30px; height: 30px;}
footer .icons a img {max-height: 100%;}
footer .icons a svg path {transition: all 0.3s ease;}
footer .icons a:hover svg path {fill: #056ED6;}
footer .icons a + a {margin-left: 20px;}
footer small {display: block; color: #868686; font-size: 12px; line-height: 130%;}

.mobile-bottom-panel {display: none;}



.popup#callback {max-width: 100%; box-shadow: none; border-radius: 0; max-height: 100dvh; overflow: hidden; transition: opacity 0.3s ease; opacity: 0; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: -99999px; left: -99999px; bottom: 0; width: 100%; background: rgba(43, 46, 51, 0.6);}
.popup#callback.visible {opacity: 1; left: 0; top: 0;}
.popup#callback .into {width: 100%; max-width: 470px; padding: 32px; position: relative; background: #fff; border-radius: 16px;}
.popup#callback .into .close:not(.btn) {display: block; cursor: pointer; position: absolute; top: 0; right: 0; width: 48px; height: 48px; background: url(/style/rf/img/close-ic.svg) center center no-repeat;}
.popup#callback .into p.title {font-size: 24px; line-height: 30px; margin: 0 0 32px; font-weight: 600; color: #2B2E33;}
.popup#callback .thanks-block {max-width: 316px; margin: 0 auto; text-align: center;}
.popup#callback .thanks-block img {display: table; margin: 0 auto 12px;}
.popup#callback .thanks-block .btn {margin: 16px 0 0 0; width: 100%; text-align: center;}
.popup#callback .thanks-block p {margin: 0; padding: 0 0 8px;}
.popup#callback .ovlay {position: absolute; top: 0; left: 0; width: 100%; bottom:0;}


.popup#callback .form .outer {margin: 0 0 16px; width: 100%; position: relative;}
.popup#callback .form .outer.short {width: calc(50% - 8px);}
.popup#callback .form .outer.third {width: calc(100% / 3 - 11px);}
.popup#callback .form .outer .inp-txt {font-size: 16px; color: #2B2E33; transition: all 0.2s ease; width: 100%; height: 56px; border-radius: 30px; font-family: inherit; border-radius: 8px; border: 1px solid #E2E2E2; padding: 18px 16px 0;}
.popup#callback .form .outer .inp-txt:hover {border-width: 1.5px;}
.popup#callback .form .outer .inp-txt::-moz-placeholder {opacity: 0; color: #868686;}
.popup#callback .form .outer .inp-txt::-webkit-input-placeholder {opacity: 0; color: #868686;}
.popup#callback .form .outer .inp-txt:focus::-moz-placeholder {opacity: 1;}
.popup#callback .form .outer .inp-txt:focus::-webkit-input-placeholder {opacity: 1;}
.popup#callback .form .outer label {position: absolute; display: block; pointer-events: none; left: 16px; top: 0; transition: all 0.2s ease; line-height: 56px; color: #868686; font-size: 16px;}
.popup#callback .form .outer .inp-txt:focus + label,
.popup#callback .form .outer .inp-txt.ok + label {line-height: 31px; font-size: 13px;}
.popup#callback .form .outer .inp-txt:focus {border-width: 1.5px; border-color: #72CFEC;}
.popup#callback .form .btn {margin-top: 32px;}
.popup#callback .form p {width: 100%; font-size: 18px; line-height: 145%; margin: 0 0 12px; font-weight: 500;}
.popup#callback .form p:not(:first-child) {padding-top: 16px;}
.popup#callback .form .checkboxes {padding: 0 0 0px; display: flex; flex-wrap: wrap;}
.popup#callback .form .checkboxes label {margin: 0 32px 12px 0; width: auto;}
.popup#callback .form .checkboxes label .t {white-space: nowrap;}

.popup#callback .btn {font-family: inherit; border: 0; cursor: pointer; transition: all 0.3s ease; color: #fff; font-weight: 500; text-decoration: none; display: table; padding: 0 32px; border-radius: 50px; line-height: 56px; background: #F55D3E; font-size: 18px;}
.popup#callback .btn:hover {background: #F2340D;}


.popup#callback label.checkbox {width: 100%; font-size: 14px; color: #2B2E33; line-height: 140%; cursor: pointer; position: relative; display: flex; align-items: flex-start;}
.popup#callback label.checkbox input {position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; cursor: pointer; width: 24px; height: 24px;}
.popup#callback label.checkbox input:checked + .i {border-color: #F55D3E; background: #F55D3E url(img/check-ic.svg) center center no-repeat;}
.popup#callback label.checkbox .i {display: block; width: 24px; height: 24px; margin: 0 12px 0 0; border-radius: 4px; border: 1px solid #E2E2E2; transition: all 0.3s ease; background: center center no-repeat;}
.popup#callback label.checkbox .t {width: calc(100% - 36px); padding: 2px 0 0 0;}
.popup#callback label.checkbox a {color: #056ED6; text-decoration: none;}

@media all and (max-width:1300px) {
.popup#callback label.checkbox {font-size: 13px;}
.popup#callback label.checkbox .i {width: 20px; height: 20px;}
.toppanel .all {padding: 0 32px; height: 58px;}
.all {padding: 0 32px;}
.toppanel {font-size: 14px;}
.choose-city-block .active:after {width: 10px; height: 10px; background-size: contain; margin-top: -5px;}
.toppanel .phone a {padding-left: 28px;}
.toppanel .phone a:before {background-size: contain; width: 20px; height: 20px;}
.toppanel .icons a {width: 22px;}
.toppanel .icons svg {width: 100%;}
.toppanel .enter {padding-left: 28px;}
.toppanel .enter:before {width: 20px; height: 20px; background-size: contain;}
.toppanel .cart {width: 20px; height: 20px; background-size: contain;}
header {margin: 0 0 24px;}
header .all {height: 62px;}
header .logo img {max-height: 38px;}
header nav ul li {margin: 0 8px;}
header nav ul li a {font-size: 14px;}
header nav ul li.menu-parent>a {padding-right: 14px;}
header nav ul li.menu-parent>a:after {width: 10px; height: 10px; background-size: contain; margin-top: -4px;}
header .callback {line-height: 34px; padding: 0 20px; font-size: 14px;}
footer .icons a + a {margin-left: 16px;}
footer .icons a {width: 26px; height: 26px;}
footer small {font-size: 11px;}

.popup#callback .form .outer .inp-txt {padding: 0 12px; font-size: 14px; padding-top: 12px; height: 46px;}
.popup#callback .form .outer {margin-bottom: 16px;}
.popup#callback .form .outer label {font-size: 14px; line-height: 46px; left: 12px;}
.popup#callback .form .outer .inp-txt:focus + label, .form .outer .inp-txt.ok + label {font-size: 12px; line-height: 22px;}
.popup#callback label.checkbox {font-size: 13px;}
.popup#callback label.checkbox .i {width: 20px; height: 20px;}
.popup#callback .btn {line-height: 46px; padding: 0 24px; font-size: 16px;}
}

@media all and (max-width:1023px) {
footer .all, .toppanel .all, header .all {padding: 0 20px;}
}


@media all and (max-width:1000px) {
header nav ul .callback {display: block; width: 100%; text-align: center; margin: 24px 0 0 0; line-height: 40px; box-sizing: border-box;}
header nav ul .icons {display: flex; align-items: center; margin: 24px 0 0 0;}
header nav ul .icons a {display: flex; border-radius: 50%; width: 25px; height: 25px;}
header nav ul .icons a svg path {transition: all 0.3s ease;}
header nav ul .icons a svg {width: auto; height: auto;}
header nav ul .icons a + a {margin-left: 12px;}
header .catalog-nav {display: block;}
header nav ul li a .str {display: block; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; margin-top: -12px; background: url(img/mob-menu-arr.svg) center center no-repeat;}
header .back-ic {transition: all 0.3s ease; visibility: hidden; opacity: 0; display: block; position: absolute; top: 50%; margin-top: -12px; z-index: -1; left: 16px; width: 24px; height: 24px; background: #fff url(img/back-arr.svg) center center no-repeat;}
header .back-ic.visible {z-index: 51; opacity: 1; visibility: visible;}
body.pop-open {max-height: 100dvh; overflow: hidden;}
header .logo {top: auto; margin: 0; width: auto;}
.toppanel {display: none;}
.main {padding-top: 52px;}
.choose-city-block .drop {height: calc(100dvh - 52px); padding: 10px 20px; position: absolute; box-shadow: none; width: 100vw; border-radius: 0; top: 52px; left: -100vw; opacity: 1; transition: left 0.3s ease;}
.choose-city-block .drop li a {background: none!important; padding: 10px 0; border-radius: 0; font-size: 15px;}
.choose-city-block .drop li.current {background: url(img/current-ic.svg) center right no-repeat;}
.choose-city-block.open .drop {left: 0; top: 52px; z-index: 10;}
.mobile-bottom-panel {padding: 0 20px; display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; height: 64px; background: #fff; box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.05);}
.mobile-bottom-panel ul {padding: 0; margin: 0; list-style-type: none; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.mobile-bottom-panel ul li {font-size: 12px; color: #868686; line-height: 14px; text-align: center;}
.mobile-bottom-panel ul li.blue {color: #056ED6;}
.mobile-bottom-panel ul li.blue .ic img {filter: none; opacity: 1;}
.mobile-bottom-panel ul li a {color: inherit; text-decoration: none;}
.mobile-bottom-panel ul li .ic {position: relative;}
.mobile-bottom-panel ul li .ic .count {position: absolute; left: calc(50% + 4px); top: -4px; width: 16px; height: 16px; background: #F55D3E; border-radius: 50%; position: absolute; text-align: center; line-height: 16px; color: #fff; font-size: 13px;}
.mobile-bottom-panel ul li .ic img {transition: all 0.3s ease; filter: grayscale(100%); opacity: 0.75; height: 24px; display: table; margin: 0 auto 4px;}
.container {padding-bottom: 64px; padding-top: 52px;}
header .logo img {max-height: 32px;}
header .choose-city-block {position: static; display: block; margin: 0;}
header .choose-city-block .city-title {box-shadow: 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 8px 0 rgba(0,0,0,0.04); font-weight: 500; font-size: 16px; background: #fff url(img/back-arr.svg) left 16px center no-repeat; z-index: 55; top: 0; position: absolute; height: 100dvh;  left: -100vw; width: 100vw; transition: left 0.3s ease; text-align: center; height: 52px; line-height: 52px;}
header .choose-city-block.open .city-title {left: 0;}
header .choose-city-block .active {margin: 0; display: block; width: 24px; height: 24px; text-indent: 99999px; overflow: hidden; background: url(img/address-ic.svg) center center no-repeat;}
header .phone {position: relative; z-index: 56; display: block; width: 24px; height: 24px; text-indent: 99999px; overflow: hidden; background: url(img/call-ic.svg) center center no-repeat;}
header .phone a {position: absolute; top: 0; left: 0; width: 100%; bottom: 0; display: block; text-indent: 9999px;}
header .all {height: 52px;}
header {top: 0; left: 0; width: 100%; background: #fff; position: fixed; z-index: 30; margin: 0;}
header:after {visibility: hidden; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; box-shadow: 0 1px 0 0 rgba(0,0,0,0.04), 0 0 2px 0 rgba(0,0,0,0.06), 0 4px 8px 0 rgba(0,0,0,0.04);}
.pop-open header:after {visibility: visible; z-index: 50;}
header nav {top: 52px; height: calc(100dvh - 100px); overflow-y: auto; transition: left 0.3s ease; position: absolute; left: -100vw; visibility: hidden; width: 200vw; display: block; background: #fff; z-index: 4;}
header nav.visible.left {left: -100vw;}
header nav ul {min-height: calc(100dvh - 100px); width: 50%; background: #fff; visibility: visible; padding: 12px 20px; display: block;}
header nav ul li {position: static; border-bottom: 1px solid #E2E2E2; margin: 0;}
header nav ul li a, header nav ul li ul li a {display: block; position: relative; padding: 14px 30px 14px 0; font-size: 15px; line-height: 20px;}
header nav ul li.menu-parent>a:after {display: none;}
header nav ul li ul, header nav ul li:hover ul {padding: 12px 20px; transition: none; position: absolute; top: 0; left: 50%; visibility: hidden; opacity: 0; height: calc(100dvh - 100px); box-shadow: none; border-radius: 0; width: 100vw;}
header nav ul li.open ul {visibility: visible; opacity: 1;}
header nav.visible {left: 0;}
header nav .catalog-list {display: none;}
header .callback {display: none;} 
header nav ul .phone {background-position: left center; display: block; width: 100%; font-size: 16px; line-height: 24px; color: #2B2E33; margin: 24px 0 0 0;}
header nav ul .phone a {width: 100%; color: inherit; text-decoration: none; position: relative; padding-left: 32px; display: block; text-indent: 0;}
header nav ul .active.city {margin: 24px 0 0 0; font-size: 16px; line-height: 24px; color: #2B2E33; display: block; position: relative; padding-left: 32px;}
header nav ul .active.city:before {width: 24px; height: 24px; display: block; content: ''; position: absolute; left: 0; top: 0; background: url(img/address-ic.svg) center center no-repeat;}

footer .top {display: block;}
footer {padding: 24px 0;}
footer .phone {margin: 16px 0;}
footer .icons {margin: 16px 0 0 0;}
footer .icons a {width: 30px; height: 30px;}
footer .icons a + a {margin-left: 20px;}
}
@media all and (max-width: 767px) {
footer .all, .toppanel .all, header .all {padding: 0 20px;}
}


@media all and (max-width:700px) {
.popup#callback {left: 0; top: 0; transition: all 0.3s ease; visibility: hidden;}
.popup#callback .into {position: fixed; bottom: -100dvh; transition: bottom 0.3s ease; left: 0; width: 100%; max-width: 100%; border-radius: 16px 16px 0 0; padding: 28px 20px;}
.popup#callback .into .close:not(.btn) {display: none;}
.popup#callback.visible {z-index: 999; visibility: visible;}
.popup#callback.visible .into {left: 0; bottom: 0;}
.popup#callback.visible .into:before {content: ''; display: block; position: absolute; top: 8px; left: 50%; height: 4px; background: #E2E2E2; border-radius: 4px; width: 32px; margin-left: -16px;}
.popup#callback .form .btn {width: 100%; text-align: center;}
}


.user-agreement input[type="checkbox"] {width: 20px; height: 20px; padding: 0; position: absolute; top: 3px; left: 0; cursor: pointer;}
.user-agreement input[type="checkbox"]:checked {background: #F55D3E url(img/check-ic.svg) center center no-repeat;}