@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao4CP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtaooCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoooCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpYCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapYCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpYCP.ttf)
    format("truetype");
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Regular.eot),
    url(../fonts/Gilroy/Gilroy-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Regular.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Regular.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-ExtraboldItalic.eot),
    url(../fonts/Gilroy/Gilroy-ExtraboldItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-ExtraboldItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-ExtraboldItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Bold.eot),
    url(../fonts/Gilroy/Gilroy-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Bold.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Bold.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Black.eot),
    url(../fonts/Gilroy/Gilroy-Black.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Black.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Black.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Semibold.eot),
    url(../fonts/Gilroy/Gilroy-Semibold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Semibold.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Semibold.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-MediumItalic.eot),
    url(../fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-MediumItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-MediumItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-BlackItalic.eot),
    url(../fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-BlackItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-BlackItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-UltraLight.eot),
    url(../fonts/Gilroy/Gilroy-UltraLight.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-UltraLight.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-UltraLight.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-RegularItalic.eot),
    url(../fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-RegularItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-RegularItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-SemiboldItalic.eot),
    url(../fonts/Gilroy/Gilroy-SemiboldItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-SemiboldItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-SemiboldItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-HeavyItalic.eot),
    url(../fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-HeavyItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-HeavyItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Extrabold.eot),
    url(../fonts/Gilroy/Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Extrabold.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Extrabold.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Extrabold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-BoldItalic.eot),
    url(../fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-BoldItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-BoldItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-UltraLightItalic.eot),
    url(../fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-UltraLightItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-UltraLightItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-LightItalic.eot),
    url(../fonts/Gilroy/Gilroy-LightItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-LightItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-LightItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Heavy.eot),
    url(../fonts/Gilroy/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Heavy.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Heavy.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-Thin.eot),
    url(../fonts/Gilroy/Gilroy-Thin.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-Thin.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-Thin.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gilroy;
  src: url(../fonts/Gilroy/Gilroy-ThinItalic.eot),
    url(../fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/Gilroy/Gilroy-ThinItalic.woff2) format("woff2"),
    url(../fonts/Gilroy/Gilroy-ThinItalic.woff) format("woff"),
    url(../fonts/Gilroy/Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Bold.otf) format("opentype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Regular.otf) format("opentype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Thin.otf) format("opentype");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-ExtraLight.otf) format("opentype");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Light.otf) format("opentype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Medium.otf) format("opentype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-SemiBold.otf) format("opentype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-ExtraBold.otf) format("opentype");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: RalewayNum;
  src: url(../fonts/Raleway/Raleway-Heavy.otf) format("opentype");
  font-weight: 900;
  font-display: swap;
}

* {
  font-family: Raleway, sans-serif;
  box-sizing: border-box;
  font-feature-settings: "pnum" on, "lnum" on;
}

a {
  text-decoration: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

p {
  margin: 0;
}

button {
  cursor: pointer;
}

section {
  margin-bottom: 110px;
  width: 100%;
}

.h1,
h1 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
}

h3 {
  font-family: Raleway;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin-top: 0;
}

.h2,
h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
}

.catalog_header {
  position: relative;
}

.catalog_header .search {
  position: absolute;
  top: -6px;
  right: 0;
  width: 100%;
  max-width: 253px;
}

.catalog_header .search_submit {
  position: absolute;
  height: 100%;
  display: block;
  border-radius: 10px;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: none;
  top: 0;
  right: 0;
  padding-right: 17px;
}

.catalog_header .search_input {
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  padding-right: 48px;
}

@media screen and (max-width: 850px) {
  .catalog_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .catalog_header .search {
    position: relative;
    top: 0;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 500px) {
  .catalog_header {
    justify-content: space-around;
  }
  .catalog_header .search {
    max-width: unset;
  }
}

body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  padding-top: 80px;
  max-width: 100%;
  width: 100%;
}

header + section {
  padding-top: 40px;
}

.wrapper {
  max-width: 1216px;
  padding: 0 8px;
  margin: auto;
}

.num {
  font-family: RalewayNum;
  font-feature-settings: "pnum" on, "lnum" on;
}

.purple {
  color: #3d19f9;
}

.phone {
  font-family: RalewayNum;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 18px;
  line-height: 116%;
  font-weight: 700;
}

.purple {
  color: #3d19f9;
}

.logo {
  font-family: Gilroy;
  color: #000;
  font-weight: 800;
  font-size: 24px;
  line-height: 140%;
}

.logo .logo_small,
.logo p {
  font-size: 12px;
  color: #9b9b9b;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 1px;
}

.logo p {
  margin-top: 5px;
  text-align: justify;
}

.button {
  color: #fff;
  font-size: 15px;
  line-height: 140%;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: linear-gradient(90deg, #1683f8 0, #3d19f9 100%);
  box-shadow: 0 10px 30px rgba(61, 25, 249, 0.3);
  border-radius: 100px;
  padding: 12px 36px;
  cursor: pointer;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 80px;
  z-index: 5000;
}

header .burger {
  display: none;
}

header .wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

header .mobile_menu {
  display: none;
}

header nav {
  width: 36.019736%;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 18px;
}

header .header_meta p {
  font-size: 15px;
  line-height: 140%;
  font-weight: 500;
}

@media screen and (max-width: 900px) {
  header .burger {
    display: flex;
  }
  header .mobile_menu {
    display: block;
  }
  header nav.main {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  header .main {
    display: none;
  }
}

.mobile_menu {
  padding: 0;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: #fff;
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}

.mobile_menu.open {
  height: calc(100vh - 80px);
  padding: 39px 16px;
  overflow: scroll;
}

.mobile_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: -25px;
}

.mobile_menu ul:first-child {
  margin-right: 100px;
}

.mobile_menu ul li {
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 18px;
}

.mobile_menu .button {
  margin-top: 10px;
  margin-bottom: 30px;
}

.mobile_menu nav {
  margin-bottom: 30px;
}

.mobile_menu .meta_info {
  margin-bottom: 20px;
}

.mobile_menu .society {
  width: 100%;
  max-width: 217px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.burger {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 8px 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.burger span,
.burger:after,
.burger:before {
  content: " ";
  transform-origin: 100% 50%;
  display: block;
  width: 29px;
  height: 3px;
  transition-duration: 0.3s;
  border-radius: 3px;
  background: #000;
}

.burger:after,
.burger:before {
  transform: rotate(0);
}

.burger span {
  margin: 4px 0;
  transform: scaleX(1);
}

.burger.open span {
  transform: scaleX(0);
}

.burger.open:after {
  transform: rotate(45deg) translateY(4px) scaleX(0.96);
}

.burger.open:before {
  transform: rotate(-45deg) translateY(-4px) scaleX(0.96);
}

.banner {
  padding-top: 70px;
  padding-bottom: 70px;
}

.banner .wrapper {
  padding-top: 70px;
  padding-bottom: 79px;
  background: url(../images/dest/banner_fon.png) no-repeat right top;
  background-size: auto 100%;
}

.banner h1 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 121%;
  letter-spacing: 0.05em;
  margin-top: 0;
  margin-bottom: 30px;
  max-width: 505px;
  text-align: left;
}

.banner p {
  font-size: 18px;
  line-height: 121%;
  margin-bottom: 30px;
  max-width: 525px;
}

@media screen and (max-width: 1100px) {
  .banner {
    background: linear-gradient(
        rgba(255, 255, 255, 0.9),
        rgba(255, 255, 255, 0.9)
      ),
      url(../images/dest/banner_fon__blur.png) no-repeat right center;
    padding-bottom: 0;
    background-size: auto 100%;
    padding-top: 0;
  }
  .banner .wrapper {
    background: 0 0;
  }
}

@media screen and (max-width: 540px) {
  .banner {
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 0;
    margin-bottom: 0;
  }
  .banner h1 {
    font-size: 30px;
    max-width: unset;
  }
}

.link {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #1683f8;
}

.link:after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/dest/next.svg);
  background-size: 100% 100%;
  position: relative;
  top: 7px;
}

.main_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}

.we_fix {
  margin-bottom: 75px;
  overflow: visible;
}

.grid_container {
  display: grid;
  width: 100%;
  grid-template-rows: 250px 250px 250px;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

.grid_container .card {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 34px;
}

.grid_container .card h3 {
  margin-bottom: 30px;
}

.grid_container .card ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
}

.grid_container .card li {
  font-size: 15px;
  line-height: 18px;
  color: #595959;
  margin-bottom: 15px;
}

.grid_container .card li:last-child {
  margin-bottom: 0;
}

.grid_container .card li:hover {
  color: #1683f8;
}

.grid_container .card .link {
  margin-top: auto;
}

.grid_container .card:first-child {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-top: 40px;
  padding-right: 24px;
  padding-bottom: 43px;
}

.grid_container .card:first-child picture {
  width: 49.655172%;
  height: auto;
}

.grid_container .card:first-child img {
  width: 100%;
  height: auto;
}

.grid_container .card:nth-child(2) img {
  width: 100%;
  height: auto;
  position: relative;
  top: 30px;
}

.grid_container .card:nth-child(2),
.grid_container .card:nth-child(3) {
  padding-top: 27px;
  padding-bottom: 30px;
}

.grid_container .card:nth-child(2) picture,
.grid_container .card:nth-child(3) picture {
  width: 56.206896%;
}

.grid_container .card:nth-child(2) img,
.grid_container .card:nth-child(3) img {
  width: 100%;
  height: auto;
}

.grid_container .card:nth-child(4) picture {
  width: 42.75%;
}

.grid_container .card:nth-child(4) img {
  width: 100%;
  height: auto;
}

.grid_container .card:last-child picture {
  width: 40%;
}

.grid_container .card:last-child img {
  width: 100%;
  height: auto;
}

.grid_container .card:last-child,
.grid_container .card:nth-child(4) {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 30px;
}

.grid_container .card:last-child .main_card,
.grid_container .card:nth-child(4) .main_card {
  padding-top: 19px;
  padding-bottom: 18px;
}

@media screen and (max-width: 1045px) {
  .grid_container {
    display: block;
  }
  .grid_container .card {
    margin-bottom: 40px;
    padding: 40px 34px;
  }
}

@media screen and (max-width: 450px) {
  .grid_container .card {
    display: block;
    padding: 0;
    padding-bottom: 0;
    padding-right: 0;
    max-height: 400px;
  }
  .grid_container .card li:nth-child(n + 6) {
    display: none;
  }
  .grid_container .card li:nth-child(5) {
    margin-bottom: 0;
  }
  .grid_container .card .main_card {
    margin-bottom: 38px;
    padding: 0 34px;
  }
  .grid_container .card:first-child {
    max-height: 500px;
    padding-right: 0;
  }
  .grid_container .card:first-child img {
    margin: auto;
    width: 61%;
    display: inline-block;
    margin-left: 17.5%;
  }
  .grid_container .card:nth-child(2) .main_card {
    margin-bottom: 10px;
  }
  .grid_container .card:nth-child(2) img {
    width: calc(100% - 34px);
    margin-left: 17px;
  }
  .grid_container .card:nth-child(3) .main_card {
    margin-bottom: 10px;
  }
  .grid_container .card:nth-child(3) img {
    width: 100%;
  }
  .grid_container .card:nth-child(4) {
    padding-right: 0;
  }
  .grid_container .card:nth-child(4) img {
    width: calc(100% - 58px);
    margin-left: 29px;
  }
  .grid_container .card:last-child {
    padding-right: 0;
  }
  .grid_container .card:last-child img {
    width: calc(100% - 132px);
    margin-left: 66px;
  }
}

.tab_buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.tab_button {
  font-weight: 700;
  font-size: 18px;
  color: #9b9b9b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  outline: 0;
  border: none;
  width: 16.666666%;
  padding: 15px;
  padding-bottom: 14px;
  display: inline-block;
  transition-duration: 0.3s;
}

.tab_button.active,
.tab_button:hover {
  background: linear-gradient(90deg, #1683f8 0, #3d19f9 100%);
  background-size: 300% 100%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: #fff;
  background-position: 0 0;
}

@media screen and (max-width: 680px) {
  .tab_button.active:hover {
    background: linear-gradient(90deg, #1683f8 0, #3d19f9 100%);
    background-size: 300% 100%;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    color: #fff;
    background-position: 0 0;
  }
  .tab_button:hover {
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    color: #9b9b9b;
  }
}

table {
  width: 100%;
  margin-bottom: 40px;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  border-spacing: collapse;
}

table .link {
  position: relative;
  top: -5px;
}

table th {
  text-align: left;
  padding-top: 29px;
  padding-bottom: 25px;
}

table td:first-child,
table th:first-child {
  padding-left: 34px;
}

table td {
  padding-top: 5px;
  padding-bottom: 20px;
}

table td:nth-child(2) {
  white-space: nowrap;
}

table tr:last-child td {
  padding-bottom: 29px;
}

table tr:hover td {
  color: #1683f8;
}

@media screen and (max-width: 870px) {
  table td:nth-child(3),
  table th:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  table td:nth-child(4),
  table th:nth-child(4) {
    display: none;
  }
  table td:first-child,
  table th:first-child {
    padding-left: 16px;
    padding-right: 16px;
  }
  table td:nth-child(2),
  table th:nth-child(2) {
    padding-right: 16px;
  }
}

.price_list {
  margin-bottom: 75px;
  overflow: visible;
}

.price_list table {
  display: none;
}

.price_list table.table_active {
  display: table;
}

.price_list .button {
  max-width: 265px;
  text-align: center;
  display: block;
  margin: auto;
}

@media screen and (max-width: 680px) {
  .price_list .wrapper {
    padding: 0;
  }
  .price_list h2 {
    margin-bottom: 0;
  }
  .price_list .tab_container {
    overflow: scroll;
    padding: 0 8px;
    padding-bottom: 30px;
  }
  .price_list .tab_overflow {
    overflow: hidden;
    height: 130px;
  }
  .price_list .tab_buttons {
    margin-top: 40px;
    width: 1200px;
  }
  .price_list table {
    width: calc(100% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media screen and (max-width: 680px) {
  .tab_container {
    overflow: scroll;
    padding: 0 8px;
    padding-bottom: 30px;
  }
  .tab_overflow {
    overflow: hidden;
    height: 130px;
  }
  .tab_buttons {
    margin-top: 40px;
    width: 1200px;
  }
}

.flex_container {
  width: calc(100% + 40px);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -40px;
}

.flex_card {
  width: calc(100% / 4 - 40px);
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px;
  text-align: center;
  margin-bottom: 40px;
}

.flex_card img {
  margin-bottom: 30px;
  max-width: 100%;
}

.flex_card h3 {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
  .flex_card {
    width: calc(100% / 3 - 40px);
  }
}

@media screen and (max-width: 680px) {
  .flex_card {
    width: calc(100% / 2 - 40px);
  }
}

@media screen and (max-width: 450px) {
  .flex_card {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
    min-width: 270px;
  }
}

.promotion .container {
  background: linear-gradient(90deg, #fff 0, #eef6ff 100%) left top/100% 100%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 45px 96px;
  overflow: hidden;
  position: relative;
}

.promotion .container * {
  position: relative;
  z-index: 30;
}

.promotion .promo_img {
  position: absolute;
  right: 6.17%;
  bottom: 0;
  z-index: 1;
  max-width: 50%;
  height: auto;
}

.promotion h2 {
  text-align: left;
  font-size: 28px;
  line-height: 34px;
  max-width: 352px;
  margin-bottom: 0;
}

.promotion .slogan {
  font-family: Gilroy;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: 57px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 30px;
  background: linear-gradient(180deg, #1683f8 0, #3d19f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1683f8;
}

.promotion .alterate {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  max-width: 190px;
}

.promotion .phone {
  font-weight: 800;
  font-size: 18px;
  line-height: 173.4%;
  margin-bottom: 25px;
  display: block;
}

@media screen and (max-width: 890px) {
  .promotion .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .promotion .promo_img {
    position: relative;
    top: 10px;
    margin: auto;
    display: inline-block;
    margin-top: 30px;
    left: 0;
    right: 0;
    max-width: 90%;
  }
  .promotion .container {
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .promotion .container > div {
    align-self: flex-start;
  }
}

@media screen and (max-width: 420px) {
  .promotion .container {
    padding-right: 14px;
    background: linear-gradient(90deg, #fff 0, #eef6ff 100%) left top/100% 100%;
  }
}

@media screen and (max-width: 374px) {
  .promotion h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .promotion .slogan {
    font-size: 30px;
    line-height: 51px;
  }
}

.promotion.flex_img .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.promotion.flex_img .promo_img {
  position: static;
}

@media screen and (max-width: 768px) {
  .promotion.flex_img .container {
    padding-bottom: 45px;
  }
}

input {
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 100px 0 0 100px;
  outline: 0;
  height: 45px;
  font-size: 14px;
  line-height: 16px;
  padding-left: 27px;
}

.submit {
  background: linear-gradient(90deg, #1683f8 0, #3d19f9 100%);
  box-shadow: 0 10px 30px rgba(61, 25, 249, 0.3);
  border-radius: 0 100px 100px 0;
  color: #fff;
  outline: 0;
  border: none;
  height: 45px;
}

.promotion form {
  display: flex;
}

.promotion form input {
  width: 237px;
}

.promotion form .submit {
  width: 135px;
  text-align: center;
}

@media screen and (max-width: 418px) {
  .promotion form input {
    width: 63.71%;
    max-width: unset;
  }
}

.meta_info {
  margin-bottom: 30px;
}

.meta_info small {
  font-size: 15px;
  line-height: 18px;
  color: #595959;
}
.meta_info-header {
  margin-bottom: 10px;
  display: block;
}
footer .meta_info small {
  color: #ffffff;
}
.meta_info p {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}

.about {
  overflow: hidden;
}

.about .media_container {
  display: flex;
  margin-bottom: 30px;
}

.about iframe {
  margin-right: 40px;
}

.about .about__info {
  background: url(../images/dest/hotpng6.png) no-repeat left 240px center, #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  width: 35.25%;
  padding: 35px;
}

.about .button {
  display: block;
  text-align: center;
  margin-top: 35px;
  max-width: 202px;
}

@media screen and (max-width: 950px) {
  .about .media_container {
    flex-direction: column-reverse;
  }
  .about .media_container > * {
    width: 100%;
  }
  .about .media_container .about__info {
    margin-bottom: 30px;
    background-position: right center;
  }
}

@media screen and (max-width: 753px) {
  .about iframe {
    width: 100%;
    height: 47vw;
  }
}

@media screen and (max-width: 450px) {
  .about .media_container .about__info {
    background-position: left 240px center;
  }
}

.show_more {
  cursor: pointer;
}

.full_text {
  overflow: hidden;
  position: relative;
  transition-duration: 0.5s;
}

.full_text.closed {
  height: 268px;
}
@media screen and (max-width: 500px) {
  .full_text.closed {
    height: 268px;
  }
}
.full_text.closed:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 168px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
}

.full_text.open {
  max-height: unset;
}

.full_text.open:after {
  content: none;
}

.full_text p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 18px;
}

.full_text h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 200%;
  margin-bottom: 0;
}

.copyright {
  margin: 0;
  text-align: center;
  background: #121212;
  color: #fff;
  padding: 11px;
  font-size: 15px;
  line-height: 18px;
}

footer {
  background: #1e1e1e;
  margin: 0;
  overflow: hidden;
  color: #fff;
  padding-top: 0px;
  padding-bottom: 56px;
}

footer .wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -56px;
}
footer .grid {
  display: flex;
  flex-wrap: wrap;
}
footer .grid .meta_info {
  width: 50%;
}
.footer_contacts {
  max-width: 447px;
}
.grid .timeline p,
.grid .filial p {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
}
footer .footer_block {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
  padding-top: 35px;
}

footer .logo {
  color: #fff;
  margin-bottom: 30px;
  font-size: 28px;
  line-height: 140%;
}

footer .description {
  max-width: 190px;
  margin-bottom: 30px;
}

footer .description p {
  font-size: 15px;
  line-height: 18px;
}

footer .society {
}

footer .society a:hover path {
  fill: #fff;
}

footer picture {
  margin-bottom: 25px;
}

footer picture:last-child {
  margin-bottom: 0;
}

footer .footer_nav {
  display: flex;
  justify-content: space-between;
}

footer .footer_nav_list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

footer .footer_nav_list:first-child {
}

footer .footer_nav_list li {
  margin-bottom: 25px;
}

footer .footer_nav_list li:last-child {
  margin-bottom: 0;
}

footer .meta_info:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 400px) {
  footer .wrapper {
    flex-direction: column;
  }
  footer .footer_block {
    width: 100%;
  }
  footer .footer_block .description {
    max-width: unset;
  }
  footer .paycards {
    order: 4;
    flex-direction: row;
    justify-content: space-between;
  }
  footer .paycards img {
    width: 100%;
    margin: 0;
  }
  footer .paycards > * {
    width: calc((100% - 9px) / 3);
    margin: 0;
  }
}

.choise_model,
.typo_problem {
  padding-top: 40px;
}

.choise_model .button,
.typo_problem .button {
  display: block;
  max-width: 200px;
  margin: auto;
  margin-top: 40px;
}

.choise_model .flex_container .flex_card img,
.typo_problem .flex_container .flex_card img {
  transform: scale(1);
  transition-duration: 0.3s;
}

.choise_model .flex_container .flex_card h3,
.typo_problem .flex_container .flex_card h3 {
  margin-top: auto;
  transition-duration: 0.3s;
}

.choise_model .flex_container .flex_card:nth-child(n + 9),
.typo_problem .flex_container .flex_card:nth-child(n + 9) {
  position: absolute;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}

.choise_model .flex_container .flex_card:hover img,
.typo_problem .flex_container .flex_card:hover img {
  transform: scale(1.1);
}

.choise_model .flex_container .flex_card:hover h3,
.typo_problem .flex_container .flex_card:hover h3 {
  color: #1683f8;
}

.choise_model .flex_container.open .flex_card:nth-child(n + 9),
.typo_problem .flex_container.open .flex_card:nth-child(n + 9) {
  position: static;
  height: auto;
  overflow: hidden;
  padding: 34px 29px;
  animation-fill-mode: forwards;
  animation: accordeon 0.3s normal;
}

@media screen and (max-width: 450px) {
  .choise_model .flex_container .flex_card:nth-child(n + 5),
  .typo_problem .flex_container .flex_card:nth-child(n + 5) {
    position: absolute;
    height: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
  }
  .choise_model .flex_container .flex_card:hover img,
  .typo_problem .flex_container .flex_card:hover img {
    transform: none;
  }
  .choise_model .flex_container .flex_card:hover h3,
  .typo_problem .flex_container .flex_card:hover h3 {
    color: #000;
  }
  .choise_model .flex_container.open .flex_card:nth-child(n + 5),
  .typo_problem .flex_container.open .flex_card:nth-child(n + 5) {
    position: static;
    height: auto;
    overflow: hidden;
    padding: 34px 29px;
    animation-fill-mode: forwards;
    animation: accordeon 0.3s normal;
  }
}

@keyframes accordeon {
  from {
    transform: translateY(-100%);
    opacity: 0;
    position: absolute;
    height: 0;
    overflow: hidden;
    padding: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
    position: static;
    height: auto;
    padding: 29px 34px;
  }
}

.model .tab_buttons {
  justify-content: center;
}

.model .tab_buttons a,
.model .tab_buttons button {
  margin: 0 25px;
}

@media screen and (max-width: 680px) {
  .model .tab_buttons {
    width: 700px;
    justify-content: flex-start;
  }
  .model .tab_buttons a {
    width: 200px;
    margin: 0 15px;
  }
  .model .tab_buttons button {
    width: 200px;
    margin: 0 15px;
  }
  .model .tab_buttons button:first-child {
    margin-left: 0;
  }
  .model .tab_container {
    overflow: unset;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 490px) {
  .model .tab_buttons {
    width: 600px;
  }
}

@media screen and (max-width: 430px) {
  .model .tab_buttons {
    width: 700px;
  }
}

@media screen and (max-width: 350px) {
  .model .tab_buttons {
    width: 550px;
  }
}

@media screen and (max-width: 680px) {
  .model.tables h1 {
    margin-bottom: 0;
  }
}

.model_container {
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  padding: 36px 64px;
}

.model_container picture {
  margin-right: 75px;
  max-width: 250px;
}

.model_container img {
  width: 100%;
}

.model_container h2 {
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}

.model_container h3 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 30px;
}

.model_container ul {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 80px;
  grid-row-gap: 25px;
  list-style-type: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.model_container .show,
.model_container li {
  font-size: 15px;
  line-height: 18px;
}

.model_container .show:hover a,
.model_container li:hover a {
  color: #1683f8;
}

.model_container .show:before,
.model_container li:before {
  content: " ";
  display: inline-block;
  margin-right: 10px;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #1683f8;
}

.model_container .show {
  display: none;
}

@media screen and (max-width: 1000px) {
  .model_container ul {
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 900px) {
  .model_container {
    flex-direction: column;
    align-items: flex-start;
  }
  .model_container ul {
    grid-template-columns: auto auto auto;
  }
  .model_container picture {
    align-self: center;
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 750px) {
  .model_container {
    padding: 36px 16px;
  }
  .model_container ul {
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 500px) {
  .model_container ul {
    display: block;
    max-height: 145px;
    overflow: hidden;
    margin-bottom: 25px;
    transition-duration: 0.8s;
  }
  .model_container li {
    margin-bottom: 25px;
    outline: 0;
  }
  .model_container li:last-child {
    margin-bottom: 0;
  }
  .model_container .show {
    display: block;
  }
  .model_container .show_list:checked + ul {
    max-height: 10000px;
  }
}

.model.tables {
  overflow: visible;
}

.model.tables .model_container {
  display: none;
}

.model.tables .model_container.table_active {
  display: flex;
}

.show_list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}

.show {
  text-decoration: underline;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.cyan {
  color: #1683f8;
}

.big {
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
}

.problem {
  padding-top: 40px;
}

.problem .problem_container {
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 38px 78px;
  padding-right: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: -40px;
}

.problem .problem_container picture {
  max-width: 250px;
}

.problem .problem_container picture img {
  width: 100%;
}

.problem h3 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 10px;
}

.problem .big {
  margin-bottom: 40px;
}

.problem ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 30px;
}

.problem li {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 25px;
}

.problem li:last-child {
  margin-bottom: 0;
}

.problem li:before {
  content: "✓";
  color: #1683f8;
  margin-right: 10px;
}

.problem .problem_block {
  margin-bottom: 40px;
}

.problem .full_text {
  margin-top: 80px;
}

@media screen and (max-width: 500px) {
  .problem .problem_container {
    padding: 36px 16px;
    flex-direction: column;
  }
  .problem .problem_block:last-child {
    margin-bottom: 0;
  }
  .problem picture {
    align-self: center;
    margin-bottom: 30px;
  }
  .problem .meta_info:last-child {
    margin-bottom: 0;
  }
}

.contacts {
  padding-top: 40px;
}

.contacts .container {
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.contacts iframe {
  display: block;
  width: 100%;
}
.contacts .contacts_block {
  display: flex;
  padding: 0px 40px;
  justify-content: space-between;
}
.contacts_block-item {
  padding-top: 35px;
  padding-bottom: 40px;
}
.contacts .line {
  border-color: #e5e5e5;
}
.contacts_grid {
  display: flex;
  flex-wrap: wrap;
  max-width: 430px;
  margin-bottom: -30px;
}
.contacts .meta_info p {
  font-size: 20px;
  line-height: 23px;
}
.contact_block-header {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 30px;
}
.contacts_phone {
  font-weight: 600;
  font-size: 36px;
  line-height: 42px;
  display: block;
  margin-bottom: 22px;
}
.contacts .contacts_block .button {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0;
}

.contacts .society {
  margin-bottom: -20px;
}

.header-address {
  display: -ms-flexbox;
  display: flex;
}
.header-address-button {
  display: none;
}
.header-address__vline {
  margin: 0 30px;
  background: hsla(0, 0%, 100%, 0.2);
  width: 1px;
  height: 24px;
  -ms-flex-item-align: center;
  align-self: center;
}
.header-address__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.header-address__item-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.header-address__item-text {
  white-space: nowrap;
}
.header-address__item-icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-address__item-icon.blue {
  background: #06f;
}
.header-address__item-icon.red {
  background: #ff2532;
}
.header-address__item-icon.green {
  background: #00c572;
}
@media screen and (max-width: 1160px) {
  .header-address {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .contacts .contacts_block {
    flex-direction: column;
    padding: 0;
  }
  .contacts_block-item {
    padding: 35px 16px;
  }
  .contacts .line {
    margin-left: 0;
    margin-right: 0;
  }
  .contacts_society,
  .contacts_society + .line {
    display: none;
  }
}
.contacts .society a {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 18px;
}
.contacts .society a img {
  margin-right: 10px;
}
.contacts .society a svg path {
  fill: #c9c9c9;
}

.contacts .society a:hover svg path {
  fill: #1683f8;
}

@media screen and (max-width: 680px) {
  .contacts .container {
    flex-direction: column;
  }
  .contacts iframe {
    height: 103vw;
  }
  .contacts .button {
    max-width: 202px;
  }
  /* .contacts .contacts_block {
	    padding: 43px 16px;
	    padding-top: 23px;
	    border-radius: 20px;
	    position: relative;
	    top: 20px;
	    background: url(../images/dest/hotpng6.png) right center no-repeat, #fff
	} */
  .contacts_phone {
    font-size: 30px;
  }
}

@media screen and (max-width: 420px) {
  .contacts .contacts_block {
    background-position: left 211px center;
  }
}

.catalog .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -40px;
}

.catalog article {
  width: calc((100% - 40px) / 2);
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  border-radius: 20px;
  padding: 28px 33px;
}

.catalog article h3 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 20px;
}

.catalog article p {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
}

.catalog article .link {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .catalog article {
    width: 100%;
    padding: 28px 18px 31px 18px;
  }
}

.paginator {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}

.paginator .page {
  font-family: RalewayNum;
  font-feature-settings: "pnum" on, "lnum" on;
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  margin: 0 16px;
}

.paginator .page.active {
  color: #1683f8;
}

.paginator .page:hover {
  color: #1683f8;
}

.article h1 {
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
}

.article .article_content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.article .article_content p {
  margin-bottom: 16px;
}

.article .article_content img {
  margin: auto;
  border-radius: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.article .article_content a {
  color: #1683f8;
  text-decoration: underline;
}

.article .container {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 20px;
  padding: 36px;
}

.article .link {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  margin-left: auto;
  display: block;
  max-width: 222px;
}

@media screen and (max-width: 768px) {
  .article h1 {
    text-align: left;
  }
  .article .container {
    padding: 36px 16px;
  }
}

.popup {
  position: fixed;
  padding-left: 8px;
  padding-right: 8px;
  height: 0;
  width: 100%;
  overflow: hidden;
  top: 80px;
  left: 0;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: opacity 0.5s ease 0s, height 0s linear 0.5s;
}

.popup.open {
  overflow: auto;
  transition: opacity 0.5s ease 0s, height 0s linear 0s;
  height: calc(100vh - 80px);
  opacity: 1;
}

.contact_form__block {
  background: url(../images/dest/Group143.png) no-repeat right 20px bottom -22px,
    #fff;
  margin: auto;
  margin-top: 17vh;
  margin-bottom: 15vh;
  max-width: 620px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 27px 55px;
}

.contact_form__block h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact_form__block h2 img {
  cursor: pointer;
}

.contact_form__block .contact_form__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.contact_form__block h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}

.contact_form__block form {
  max-width: 237px;
}

.contact_form__block form h3 {
  margin-bottom: 30px;
}

.contact_form__block form .button,
.contact_form__block form input {
  width: 100%;
}

.contact_form__block form input {
  border-radius: 100px;
  margin-bottom: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contact_form__block form input[type="tel"] {
}

.contact_form__block .contact_form__info {
  max-width: 190px;
}

.contact_form__block .contact_form__info a {
  margin-bottom: 10px;
  display: inline-block;
}

.contact_form__block .contact_form__info a,
.contact_form__block .contact_form__info p {
  font-size: -18px;
  font-weight: 700;
}

@media screen and (max-width: 620px) {
  .contact_form__block {
    padding-bottom: 154px;
    background-position: center bottom -22px;
  }
  .contact_form__block .contact_form__main {
    flex-direction: column;
    align-items: center;
  }
  .contact_form__block form {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 400px) {
  .contact_form__block {
    padding-left: 16px;
    padding-right: 16px;
  }
  .contact_form__block .contact_form__main {
    align-items: flex-start;
  }
  .contact_form__block .contact_form__info,
  .contact_form__block form {
    width: 100%;
    max-width: unset;
  }
}

.widgethelptrigger.leftbottom {
  display: none;
}

@media screen and (max-width: 800px) {
  .widgethelptrigger.leftbottom {
    display: block;
  }
}

.delivery .wrapper {
  background: url(../images/dest/klipartz.png) no-repeat right center,
    linear-gradient(90deg, #fff 0, #eef6ff 100%);
  background-size: auto 100%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding-top: 57px;
  padding-left: 96px;
  padding-right: 96px;
  padding-bottom: 56px;
}

.delivery .delivery_cont {
  max-width: 479px;
}

.delivery h3 {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  max-width: 327px;
  margin-bottom: 30px;
}

.delivery h2 {
  text-align: left;
  margin-bottom: 30px;
  font-family: Gilroy;
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(180deg, #1683f8 0, #3d19f9 100%);
  font-size: 35px;
  line-height: 43px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1683f8;
}

.delivery .delivery_bar {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.delivery h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

.delivery .phone {
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
  margin-top: 9px;
  display: inline-block;
}

@media screen and (max-width: 1240px) {
  .delivery .wrapper {
    margin-left: 8px;
    margin-right: 8px;
    background-size: 50% auto, 100% 100%;
  }
}

@media screen and (max-width: 1114px) {
  .delivery .wrapper {
    background-size: 40% auto, 100% 100%;
  }
}

@media screen and (max-width: 950px) {
  .delivery .wrapper {
    background-size: 30% auto, 100% 100%;
  }
}

@media screen and (max-width: 800px) {
  .delivery .wrapper {
    background-position: right 0 bottom 0, left 0 top 0;
  }
}

@media screen and (max-width: 754px) {
  .delivery .wrapper {
    background-size: 50% auto, 100% 100%;
    padding-bottom: 30%;
  }
}

@media screen and (max-width: 564px) {
  .delivery .wrapper {
    background-size: 100% auto, 100% 100%;
    padding-bottom: 70%;
    padding-left: 16px;
    padding-right: 16px;
  }
  .delivery h3 {
    max-width: unset;
  }
  .delivery .delivery_meta {
    margin-bottom: 20px;
  }
  .delivery .phone {
    margin-top: 0;
  }
}

.typo_problem {
  padding-top: 0;
}

.typo_problem .flex_card {
  width: calc(100% / 3 - 40px);
}

.typo_problem .flex_card h3 {
  margin-top: 30px;
  margin-bottom: 0;
}

@media screen and (max-width: 850px) {
  .typo_problem .flex_card {
    width: calc(100% / 2 - 40px);
  }
}

@media screen and (max-width: 600px) {
  .typo_problem .flex_card {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
    min-width: 270px;
  }
}

@media screen and (max-width: 350px) {
  .head_main {
    font-size: 24px;
  }
}
.popup {
  z-index: 9999;
}
.grid_problem_container {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.grid_problem_container .problem_block {
  flex-grow: 1;

  border-left: 1px solid #e5e5e5;
  margin-top: -38px;
  margin-bottom: -38px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.grid_problem_container .price_list {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
.grid_problem_container .price_list_item {
  padding-bottom: 30px;
  padding-top: 30px;

  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 10px;
  padding-right: 10px;
}
.problem_block_garranty,
.actualy {
  padding-left: 63px;
}
.actualy {
  margin-top: 9px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5;
}
.grid_problem_container .price_list_item:first-child {
  padding-top: 0px;
}
.grid_problem_container .price_list_item h3 {
  font-size: 16px;
}
.grid_problem_container .price_list_item:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.grid_problem_container .big {
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 0;
}
.grid_pic {
  padding-right: 63px;
}
.grid_problem_container .problem .problem_container.has_grid {
  align-items: center;
  flex-wrap: nowrap;
}
.grid_problem_container .problem_block.meta_problem_block {
  padding-left: 63px;
  width: auto;
  flex-grow: unset;
}
.grid_problem_container .date {
  font-weight: bold;
  border-bottom: none;
}
@media screen and (max-width: 1060px) {
  .grid_problem_container .problem .problem_container.has_grid {
    display: block;
  }
  .grid_problem_container .problem .problem_container picture img.grid_pic {
    width: auto;
    padding-right: 0;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .grid_problem_container .problem_block {
    flex-direction: column;
  }
  .grid_problem_container {
    border: 1px solid #e5e5e5;
  }
  .grid_problem_container .problem_block {
    margin-top: 0;
    margin-bottom: 0;
  }
  .grid_problem_container .problem_block.meta_problem_block {
    padding-right: 63px;
  }
}
@media screen and (max-width: 900px) {
  .grid_problem_container .price_list,
  .problem_block_garranty_block {
    border-bottom: 1px solid #e5e5e5;
  }

  .grid_problem_container
    .grid_problem_container
    .problem_block.meta_problem_block {
    width: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 500px) {
  .grid_problem_container .problem_block_garranty,
  .actualy {
    padding-left: 8px;
  }
  .grid_problem_container .problem_block.meta_problem_block {
    padding-left: 8px;
  }
  .grid_problem_container .problem_block.meta_problem_block .button {
    margin-top: 20px;
  }
  .grid_problem_container .problem_block.meta_problem_block {
    padding-right: 0px;
  }
}
.review_main {
  user-select: none;
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 75px;
}
.review_container {
  /* display: flex;
    flex-wrap: wrap; */
}
h5 {
  font-weight: 800;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 20px;
  font-family: "Gilroy";
  margin-top: 0;
}

.review_block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0px;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  padding: 35px;
  align-items: flex-start;
}
.review_block hr {
  margin-bottom: 20px;
  height: 1px;
  width: 100%;
  border: none;
  background: #e5e5e5;
  color: #e5e5e5;
}
.review_main h2 {
  margin-bottom: 20px;
}
.review_info {
  display: flex;
  margin-bottom: 30px;
}
.review_info_data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.review_info_data p {
  margin-right: 15px;
  font-size: 15px;
  line-height: 18px;
}
.review_info_data .blue {
  font-weight: 500;
}
.blue {
  color: #1683f8;
}
.review_source {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.review_source img {
  margin-right: 10px;
  margin-bottom: 0px;
}
.review_source p {
  font-size: 15px;
  line-height: 18px;
}
.flex_card .username {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 20px;
  text-align: left;
}

.review_text {
  text-align: left;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 20px;
}
.outer_review {
  display: flex;
  margin-left: auto;
}
.art_cont {
  padding: 20px;
}
.outer_review_item {
  padding: 13px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-radius: 10px;
  width: 100%;
  margin-right: 10px;
}
.outer_review_item:last-child {
  margin-right: 0px;
}
.outer_review_item img {
  margin-bottom: 0px;
}
.manage_review {
  margin-top: 60px;
  display: flex;
  align-items: center;
}

.flex_card .review_user_photo {
  margin-right: 30px;
  margin-bottom: 0px;
}

element.style {
}
.contact_form__block form.send_review_form {
  width: 100%;
  max-width: 875px;
  display: block;
  text-align: left;
  padding: 35px;
  margin: 0;
}

.send_review_desc {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 18px;
}
.input_block {
  margin-bottom: 20px;
  width: 255px;
}
.input_block:last-child {
  margin-bottom: 0px;
}
.inputs {
  margin-right: 40px;
}
.inputs:last-child {
  margin-right: 0px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.send_review .container {
  background: url("../images/sendform.png") center right no-repeat;
}
.textarea_block,
.textarea_block textarea {
  width: 100%;
}
.textarea_block {
  margin-bottom: 20px;
}
.textarea_block textarea {
  padding: 15px 20px;
  font-size: 16px;
  max-height: 165px;
  resize: none;
  outline: none;
}
.input_block input,
.textarea_block textarea {
  background: #f6f6f6;
  border-radius: 10px;
  border: none;
  width: 100%;
}
.inputs_container {
  width: 100%;
  margin: 0;
  justify-content: flex-start;
}
.send_review_form label {
  display: block;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 17px;
}
.send_review_form .button {
  margin-top: auto;
}
.send_review_form h3 {
  text-align: left;
}
.manage_review_buttons {
  display: flex;
  width: 110px;
  margin-left: 70px;
  justify-content: space-between;
}
.manage_review_button {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  padding: 13px;
  width: calc(50% - 5px);
  height: 50px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .contact_form__block form.send_review_form {
    padding: 35px 16px;
  }
  .input_block {
    width: 100%;
  }
  .inputs {
    margin-right: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .manage_review {
    flex-direction: column-reverse;
  }
  .manage_review_buttons {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .outer_review {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 450px) {
  .outer_review_item {
    min-width: unset;
  }
}
body {
  overflow-x: hidden;
}
.warning_container {
  background: linear-gradient(90deg, #ffffff 0%, #eef6ff 100%);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 35px;
  position: relative;
}
.warning_main {
  margin-bottom: 30px;
  position: relative;
  z-index: 100;
  max-width: 638px;
}
.warning_fon {
  position: absolute;
  z-index: 50;
  bottom: 0;
  right: 50px;
}
.warning_text {
  font-size: 15px;
  line-height: 18px;
}
.wraning_text .blue {
  font-weight: 500;
}

.warning_header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.warning_header img {
  margin-right: 25px;
}
.warning_title {
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .warning_container {
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .warning_fon {
    position: static;
    display: block;
    max-width: 100%;
    height: auto;
  }
  .warning_title {
    font-size: 25px;
    line-height: 30px;
  }
  .warning_header img {
    margin-right: 15px;
    width: 30px;
    height: auto;
  }
}
@media screen and (max-width: 680px) {
  .price_list .h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 350px) {
  .h2,
  h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .warning_title {
    font-size: 20px;
    line-height: 25px;
  }
}
.exchange h2 {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;

  margin-bottom: 30px;
  max-width: 420px;
}
.exchange .slogan {
  font-weight: 800;
  font-size: 35px;
  line-height: 43px;
  margin-bottom: 30px;
  max-width: 420px;
}
.exchange .alterate {
  margin-bottom: 30px;
}
.exchange .phone {
  margin-bottom: 30px;
}
.exchange .promo_img {
  right: 0;
  max-width: 60%;
}
@media screen and (max-width: 768px) {
  .exchange .promo_img {
    width: 100%;
    max-width: 100%;
    left: 16px;
  }
}
.gradient_text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  background: linear-gradient(180deg, #1683f8 0, #3d19f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1683f8;
}
.footer_header {
  border-bottom: 2px solid #121212;
}
.footer_header .wrapper {
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer_header .description {
  max-width: unset;
  margin-bottom: 0;
}
.footer_header .button {
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .footer_header .wrapper {
    flex-wrap: wrap;
  }
  .footer_logo {
    margin-bottom: 20px;
  }
}
.footer_logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer_logo .logo {
  margin-bottom: 0;
  margin-right: 35px;
}
.footer_block-header {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 30px;
}
footer .society svg {
  margin-right: 10px;
}
footer .society a {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.line {
  border: 1px solid #121212;
  margin-left: 15px;
  margin-right: 15px;
}
footer .society a:last-child {
  margin-bottom: 0;
}
.meta_info p.meta_info-small-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.contacts_block-text {
  max-width: 300px;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .footer_body {
    flex-direction: column;
  }
  footer .line {
    margin: 0;
  }
  footer .footer_nav_list,
  footer .society {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -25px;
    width: 100%;
  }
  footer .society a:last-child {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  footer .society a {
    width: 50%;
  }
  footer .footer_nav_list li {
    width: 50%;
  }
  footer .grid .meta_info {
    width: 100%;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 8px;
  overflow-x: hidden;
  margin: 0;
  z-index: -1;
  opacity: 0;
}
.modal.open {
  opacity: 1;
  z-index: 6000;
}
.modal-cont {
  max-width: 770px;
  margin: auto;
  min-height: 100%;
  display: flex;
  align-items: center;
}
.modal-body {
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 30px;
  width: 100%;
}
.modal-title {
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  text-align: left;
  margin-bottom: 20px;
}
.modal-desc {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 30px;
}
.choise-cont {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.choise-item {
  width: calc(50% - 5px);
  padding: 15px;
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.choise-body__main {
  background: #fff;
  border-radius: 30px;
  padding: 30px;
  position: relative;
}
.choise-body__cont {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.choise-body__item {
  width: calc(50% - 5px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  padding: 25px 15px 25px 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
.choise-body__item * {
  transition: 0.3s;
}
.choise-body__item path {
  fill: #fff;
}
.choise-body__item-icon {
  margin-bottom: 15px;
  background: var(--bg);
  width: 44px;
  height: 44px;
  border-radius: 17px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.choise-body__item-title {
  font-family: Gilroy;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .choise-body__item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }
  .modal-body {
    padding: 15px;
  }
}
.choise-body__item-body {
  margin-right: auto;
}
.choise-body__item-arrow {
  margin-left: 20px;
}
.choise-body__item-metro {
  font-weight: 400;
  font-size: 13px;
  line-height: 150%;
  color: #aeaeae;
  margin-bottom: 10px;
}
.choise-body__item-metro:last-child {
  margin-bottom: 0;
}
.choise-body__item--red {
  --bg: #ff2532;
}
.choise-body__item--blue {
  --bg: #0061ff;
}
.choise-body__item--green {
  --bg: #00c572;
}
@media screen and (min-width: 1024px) {
  .choise-body__item:hover {
    background: var(--bg);
  }
  .choise-body__item:hover * {
    color: #fff !important;
  }
  .choise-body__item:hover path {
    fill: var(--bg);
  }
  .choise-body__item:hover .choise-body__item-icon {
    background: #fff;
  }
  .choise-body__item:hover .choise-body__item-arrow {
    filter: invert(100%);
  }
}
@media screen and (max-width: 760px) {
  .choise-body__main {
    padding: 15px;
  }
  .choise-photo {
    display: none !important;
  }
  .choise .close {
    top: 15px;
    right: 15px;
  }
  .choise .feedback-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .choise .feedback-desc {
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    margin-bottom: 20px;
  }
  .choise-body__cont {
    display: block;
  }
  .choise-body__item {
    width: 100%;
    padding: 15px 10px 15px 15px;
  }
  .choise-body__item:first-child {
    margin-bottom: 9px;
  }
  .choise-body__item-icon {
    margin-bottom: 10px;
  }
  .choise-body__item-title {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
  }
  .choise-body__item-metro {
    margin-bottom: 0;
  }
  .choise-body__item-metro:last-child {
    display: none;
  }
}
.close {
  background: none;
  border: none;
  padding: 0;
  outline: none;
  position: absolute;
  top: 30px;
  right: 30px;
}
.problem-grid {
  background: #ffffff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  display: flex;
  border-radius: 20px;
}
.problem-grid__column {
  border-right: 1px solid #e5e5e5;
  width: 25%;
}
.problem-grid__column:last-child {
  border-right: none;
}
.problem-grid__cell {
  padding: 30px 30px;

  border-bottom: 1px solid #e5e5e5;
}
.problem-grid__cell:first-child {
  padding-top: 26px;
}
.problem-grid__cell:last-child {
  border-bottom: none;
  padding-bottom: 26px;
}
.problem-grid__cell .big {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
}
.problem-grid__cell > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 250px;
  margin: auto;
}
.problem-grid__cell .address-phone {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 10px;
}
.recall-button {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: #00c572;
  z-index: 11;
  border: none;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  position: fixed;
  bottom: 10px;
  right: 9px;
  animation: 1s infinite b;
}
@media screen and (max-width: 1024px) {
  .recall-button {
    display: flex;
  }
  .problem-grid {
    flex-wrap: wrap;
  }
  .problem-grid__column {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .problem-grid__column:last-child {
    border-bottom: none;
  }
}
.map-block {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  grid-column: span 8;
}
.map-block__cont {
  width: 100%;
  height: 450px;
  border-radius: inherit;
  overflow: hidden;
}
.map-block__cont > ymaps {
  border-radius: 30px;
  overflow: hidden;
}
.map__master-card {
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 20px;
  background-color: var(--bg-color);
  border-radius: 30px;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s, transform 0.1s 0.3s;
  -o-transition: opacity 0.3s, transform 0.1s 0.3s;
  max-width: 375px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
.map__master-card.open {
  opacity: 1;
  transform: translateY(0);
  z-index: 11;
  transition: opacity 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
}
.map__master-title {
  font-family: Evolventa;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .map__master-card {
    left: 8px;
    bottom: 9px;
    right: 8px;
    padding: 16px;
  }
  .map__master-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }
}
.map__master-title--header {
  margin-bottom: 0;
  margin-right: 15px;
}
.map__master-photo {
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.map__master-pic {
  margin-bottom: 20px;
  filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.1));
}
.map__master-rate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 20px;
}
.map__master-rate--header {
  margin-bottom: 0;
}
.map__master-address {
  margin-bottom: 10px;
}
.map__master-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.map__master-link {
  margin-left: 10px;
}
.map__master-exp {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  margin-bottom: 20px;
  color: #aeaeae;
}
.map__master-close {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
.map__master-star {
  margin-right: 5px;
}
.map__master-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
}
.map__master-num {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.map__master-district {
  margin-bottom: 20px;
}


.online-frame {
    width: 100%;
    height: 700px;
}
@media screen and (max-width: 1246px) {
    .online-frame {
        height: calc((100vw - 16px) / 1.748) !important;
    }
}
.online-button {
    background: #ff2532;
    padding: 10px 10px;
    animation: 1s infinite a;
    margin-right: auto;
    display: flex;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-right: 0px;
    width: 40px;
    height: 40px;
}
@keyframes a {
    0% {
    box-shadow: 0 0 0 0 rgba(255, 37, 50, .2), 0 0 0 0 rgba(255, 37, 50, .4);
}

100% {
    box-shadow: 0 0 0 40px rgba(255, 37, 50, 0), 0 0 0 20px rgba(255, 37, 50, 0);
}

}