@charset "UTF-8";
@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Manrope";
  src: url("/templates/mis-new/themes/app/fonts/Manrope/Manrope-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Unbounded";
  src: url("/templates/mis-new/themes/app/fonts/Unbounded/Unbounded-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Unbounded";
  src: url("/templates/mis-new/themes/app/fonts/Unbounded/Unbounded-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Unbounded";
  src: url("/templates/mis-new/themes/app/fonts/Unbounded/Unbounded-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: "Unbounded";
  src: url("/templates/mis-new/themes/app/fonts/Unbounded/Unbounded-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: auto;
  font-style: normal; }

@font-face {
  font-family: 'icon-font';
  src: url("/templates/mis-new/themes/app/fonts/icon-font/icon-font.eot?zapzd9");
  src: url("/templates/mis-new/themes/app/fonts/icon-font/icon-font.eot?zapzd9#iefix") format("embedded-opentype"), url("/templates/mis-new/themes/app/fonts/icon-font/icon-font.ttf?zapzd9") format("truetype"), url("/templates/mis-new/themes/app/fonts/icon-font/icon-font.woff?zapzd9") format("woff"), url("/templates/mis-new/themes/app/fonts/icon-font/icon-font.svg?zapzd9#icon-font") format("svg");
  font-weight: normal;
  font-display: auto;
  font-style: normal; }

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-close:before {
  content: "\e907"; }

.fa-play:before {
  content: "\e906"; }

.fa-arrow-next:before {
  content: "\e900"; }

.fa-arrow-prev:before {
  content: "\e908"; }

.fa-Filter:before {
  content: "\e90a";
  color: #4e546c; }

.fa-wh:before {
  content: "\e902"; }

.fa-tg:before {
  content: "\e903"; }

.fa-vk:before {
  content: "\e905"; }

.fa-arrow-down:before {
  content: "\e901"; }

.fa-check:before {
  content: "\e909"; }

.fa-inst:before {
  content: "\e904"; }

.fa-pause:before {
  content: "\ea1d"; }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

button,
input {
  /* 1 */
  overflow: visible; }

button,
select {
  /* 1 */
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

@-webkit-keyframes move-light {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); } }

@keyframes move-light {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(30em) skewX(-45deg);
            transform: translateX(30em) skewX(-45deg); } }

@-webkit-keyframes move-light-mob {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(60em) skewX(-45deg);
            transform: translateX(60em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(60em) skewX(-45deg);
            transform: translateX(60em) skewX(-45deg); } }

@keyframes move-light-mob {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(60em) skewX(-45deg);
            transform: translateX(60em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(60em) skewX(-45deg);
            transform: translateX(60em) skewX(-45deg); } }

@-webkit-keyframes move-light-slow {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(10em) skewX(-45deg);
            transform: translateX(10em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(10em) skewX(-45deg);
            transform: translateX(10em) skewX(-45deg); } }

@keyframes move-light-slow {
  0% {
    -webkit-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg); }
  20% {
    -webkit-transform: translateX(10em) skewX(-45deg);
            transform: translateX(10em) skewX(-45deg); }
  100% {
    -webkit-transform: translateX(10em) skewX(-45deg);
            transform: translateX(10em) skewX(-45deg); } }

.policy {
  padding: 100px 0; }
  @media only screen and (max-width: 980px) {
    .policy {
      padding: 70px 0; } }
  @media only screen and (max-width: 720px) {
    .policy {
      padding: 50px 0; } }

*::-moz-selection {
  color: #fff;
  /* Цвет текста */
  background: #35AA46;
  /* Цвет фона */ }

*::selection {
  color: #fff;
  /* Цвет текста */
  background: #35AA46;
  /* Цвет фона */ }

html, body {
  overflow-x: hidden;
  position: relative;
  min-height: 100vh; }

body {
  width: 100%;
  min-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #272728;
  font: normal 18px/1.5 "Manrope", sans-serif;
  scroll-behavior: smooth;
  background-color: #F4F4F4; }

main {
  margin-bottom: auto;
  position: relative; }

h1, h2, h3, h4, h5, h6, p, ul, ol, a {
  text-underline-offset: 2px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit; }

h1, h2, h3, h4, h5, h6 {
  color: #272728;
  font-family: "Unbounded", sans-serif; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  color: inherit; }
  a::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  a::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }

form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

input[type="submit"] {
  cursor: pointer; }

textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

input, textarea {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  input:focus, textarea:focus {
    border-color: #35AA46 !important; }

select {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  select:hover {
    border-color: #35AA46 !important; }

select, option {
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select::-ms-expand {
  display: none; }

img::-moz-selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */ }

img::selection {
  color: inherit;
  /* Цвет текста */
  background: transparent;
  /* Цвет фона */ }

label {
  cursor: pointer;
  margin-bottom: 0; }

.slick-slide {
  outline: none !important; }

.section-frame {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .section-frame {
      max-width: 700px; } }
  @media only screen and (max-width: 720px) {
    .section-frame {
      max-width: 375px;
      padding: 0 20px; } }

.section-frame_relative {
  position: relative; }

.load * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.open-frame {
  overflow: hidden; }

.js-checkbox {
  cursor: pointer; }
  .js-checkbox input {
    display: none; }

@media only screen and (max-width: 1200px) {
  .table-hide {
    display: none !important; } }

.table-show {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show {
      display: block !important; } }

.table-show-flex {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.table-show-grid {
  display: none !important; }
  @media only screen and (max-width: 1200px) {
    .table-show-grid {
      display: grid !important; } }

@media only screen and (max-width: 720px) {
  .mob-hide {
    display: none !important; } }

.mob-show {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show {
      display: block !important; } }

.mob-show-inline {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-inline {
      display: inline !important; } }

.mob-show-flex {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-flex {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

.mob-show-grid {
  display: none !important; }
  @media only screen and (max-width: 720px) {
    .mob-show-grid {
      display: grid !important; } }

  .page-title {
    font-size: 32px;
    margin-top: 0;
  }
  .page-title b {
    color: #35AA46; }
  .page-title .black {
    color: #272728; }
  @media only screen and (max-width: 1200px) {
    .page-title br {
      display: none; } }
  @media only screen and (max-width: 720px) {
    .page-title {
      font-size: 24px; } }

.page-title_40 {
  font-size: 40px; }
  @media only screen and (max-width: 720px) {
    .page-title_40 {
      font-size: 24px; } }

.page-title_center {
  text-align: center; }

.page-title_white {
  color: #fff; }

.hidden-wrap {
  overflow: hidden; }

.header {
  width: 100%;
  padding: 15px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 20;
  left: 0;
  top: -100px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  @media only screen and (max-width: 1600px) {
    .header {
      top: 0; } }

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

.burger {
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .burger span {
    width: 100%;
    height: 2px;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    display: block;
    background-color: #35AA46;
    margin-bottom: 6px; }
    .burger span:last-child {
      margin-bottom: 0; }

.mob-frame {
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.mob-menu {
  width: 300px;
  min-height: 100%;
  padding: 30px 20px 80px;
  background: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: -300px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.mob-menu_active {
  right: 0px; }

.menu-close {
  cursor: pointer;
  font-size: 16px;
  color: #B7B7B7;
  position: absolute;
  right: 20px;
  top: 45px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .menu-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.logo {
  width: 140px;
  display: block; }
  .logo img {
    width: 100%;
    display: block; }

.footer {
  padding: 30px 0;
  background-color: #fff; }
  @media only screen and (max-width: 1200px) {
    .footer .footer-frame {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .footer .footer-frame {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.footer-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px; }

.footer-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px; }

.footer-logo__photo {
  width: 70px;
  display: block; }
  .footer-logo__photo img {
    width: 100%;
    display: block; }

.footer-logo__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .footer-logo__text p {
    width: 85px;
    color: #000;
    font-size: 12px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 10px; }
  .footer-logo__text img {
    display: block; }

.footer-content {
  margin-left: 50px; }
  @media only screen and (max-width: 1200px) {
    .footer-content {
      margin-left: 0px; } }

.footer-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  color: #6C6C6C;
  font-size: 13px; }

.footer-nav a {
  position: relative;
  overflow: hidden; }
  .footer-nav a::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #6C6C6C;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    bottom: 0;
    right: 0;
    left: auto; }
  .footer-nav a:hover::after {
    width: 100%;
    left: 0;
    right: auto; }

@media only screen and (max-width: 720px) {
  .footer-nav {
    margin-top: 20px; }
    .footer-nav ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 18px; } }

.footer-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px; }
  @media only screen and (max-width: 720px) {
    .footer-link {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 20px; } }

.footer-link__sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  color: #6C6C6C;
  font-size: 13px; }
  .footer-link__sale a {
    position: relative;
    overflow: hidden; }
    .footer-link__sale a::after {
      content: '';
      width: 0%;
      height: 1px;
      background-color: #6C6C6C;
      -webkit-border-radius: inherit;
              border-radius: inherit;
      position: absolute;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      -webkit-transform-origin: left;
          -ms-transform-origin: left;
              transform-origin: left;
      bottom: 0;
      right: 0;
      left: auto; }
    .footer-link__sale a:hover::after {
      width: 100%;
      left: 0;
      right: auto; }
  @media only screen and (max-width: 720px) {
    .footer-link__sale {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 18px; } }

.footer-policy {
  color: #6C6C6C;
  font-size: 11px;
  letter-spacing: 0.385px;
  opacity: 0.5;
  margin-left: 70px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .footer-policy:hover {
    opacity: 1; }
  @media only screen and (max-width: 1200px) {
    .footer-policy {
      font-size: 10px;
      margin-left: 10px; } }
  @media only screen and (max-width: 720px) {
    .footer-policy {
      font-size: 14px;
      margin-left: 0;
      margin-top: 20px; } }

.footer-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px;
  margin-left: auto; }
  @media only screen and (max-width: 1200px) {
    .footer-social {
      margin-left: 0; } }

.footer-contact {
  margin-left: auto; }
  .footer-contact .aside-phone {
    margin-top: 0;
    margin-left: auto; }
  .footer-contact .aside-time {
    margin-top: 7px; }
  @media only screen and (max-width: 1200px) {
    .footer-contact {
      margin-left: 0px; } }

.aside {
  width: 190px;
  height: 100vh;
  padding: 25px 20px 25px 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  @media only screen and (max-width: 1600px) {
    .aside {
      left: -200px; } }

.aside-official {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 11px;
  margin: 20px 0 60px; }
  .aside-official p {
    width: 85px;
    font-size: 12px;
    line-height: 16px; }
  .aside-official img {
    display: block; }

.main-nav {
  color: #6C6C6C;
  font-size: 14px; }
  .main-nav li {
    margin-bottom: 40px; }
    .main-nav li:last-child {
      margin-bottom: 0; }
  .main-nav a:hover {
    font-weight: 700; }
  @media only screen and (max-width: 720px) {
    .main-nav {
      font-size: 18px; }
      .main-nav li {
        margin-bottom: 25px; } }

.aside-phone {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-top: 65px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .aside-phone:hover {
    color: #35AA46; }
  @media only screen and (max-width: 720px) {
    .aside-phone {
      font-size: 18px;
      margin-top: 35px; } }

.aside-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(108, 108, 108, 0.5);
  font-size: 10px;
  letter-spacing: 0.1px;
  margin-top: 30px; }
  .aside-time::before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-color: #35AA46;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 0px 9px #33D624;
            box-shadow: 0px 0px 9px #33D624;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 5px; }
  @media only screen and (max-width: 720px) {
    .aside-time {
      font-size: 16px;
      margin-top: 20px; } }

.aside-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 15px;
  margin-top: 25px; }

.aside-social__link {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #B8B8B8;
  color: #B8B8B8;
  font-size: 14px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .aside-social__link:hover {
    background-color: #35AA46;
    border-color: #35AA46;
    color: #fff; }

@media screen and (min-width: 1200px) and (max-height: 720px) {
  .aside-official {
    margin-bottom: 30px; }
  .main-nav li {
    margin-bottom: 30px; }
  .aside-phone {
    margin-top: 30px; } }

.aurora {
  padding: 60px 0 55px;
  background: url("/templates/mis-new/themes/app/images/bg/aurora-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1600px) {
    .aurora {
      padding-top: 110px; } }
  @media only screen and (max-width: 720px) {
    .aurora {
      padding: 80px 0 410px;
      background: url("/templates/mis-new/themes/app/images/bg/aurora-mob-bg.jpg") center top no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.aurora-title {
  max-width: 750px;
  font-size: 70px;
  line-height: 135%;
  margin-bottom: 20px;
  color: #272728; }
  @media only screen and (max-width: 1200px) {
    .aurora-title {
      max-width: 425px;
      font-size: 40px; } }
  @media only screen and (max-width: 720px) {
    .aurora-title {
      max-width: 100%;
      font-size: 38px;
      text-align: left;
      margin-bottom: 5px; } }

.aurora-percent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .aurora-percent img {
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 20px; }
  .aurora-percent p {
    font-size: 21px;
    font-weight: 600;
    color: rgba(39, 39, 40, 0.6); }
  @media only screen and (max-width: 1200px) {
    .aurora-percent img {
      margin-right: 10px; }
    .aurora-percent p {
      font-size: 16px;
      text-align: left; } }
  @media only screen and (max-width: 720px) {
    .aurora-percent img {
      width: 16px; }
    .aurora-percent p {
      font-size: 12px; } }

.aurora-descripter {
  max-width: 690px;
  font-size: 32px;
  line-height: 147%;
  margin-top: 20px; }
  @media only screen and (max-width: 1200px) {
    .aurora-descripter {
      max-width: 500px;
      font-size: 22px; } }
  @media only screen and (max-width: 1200px) {
    .aurora-descripter {
      max-width: 100%;
      font-size: 16px;
      line-height: 165%;
      text-align: center;
      margin-top: 10px; } 
    
      .aurora-descripter {
        text-align: left;}
    }

.aurora-catalog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 23px; }
  .aurora-catalog img {
    width: 102px;
    display: block;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 22px; }
  .aurora-catalog p {
    max-width: 385px;
    color: #6C6C6C;
    font-size: 16px;
    line-height: 175%; }
  .aurora-catalog b {
    font-weight: 600; }
  @media only screen and (max-width: 1200px) {
    .aurora-catalog img {
      width: 80px;
      margin-right: 15px; }
    .aurora-catalog p {
      max-width: 300px;
      font-size: 14px; } }
  @media only screen and (max-width: 1200px) {
    .aurora-catalog {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-top: 20px; }
      .aurora-catalog img {
        width: 95px;
        margin-right: 30px; }
      .aurora-catalog p {
        max-width: 190px; }
      .aurora-catalog br {
        display: none; } }

.aurora-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px; }
  @media only screen and (max-width: 1200px) {
    .aurora-btn {
      margin-top: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .aurora-btn {
      grid-gap: 15px; } }

.aurora-btn__catalog {
  max-width: 100%;
  width: 360px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-right: 30px; }
  .aurora-btn__catalog input {
    display: none; }
  .aurora-btn__catalog::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .aurora-btn__catalog::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .aurora-btn__catalog *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .aurora-btn__catalog *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .aurora-btn__catalog:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .aurora-btn__catalog {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .aurora-btn__catalog::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 1200px) {
    .aurora-btn__catalog {
      width: 300px;
      height: 80px;
      margin-right: 20px; } }
  @media only screen and (max-width: 720px) {
    .aurora-btn__catalog {
      font-size: 15px;
      margin: 0 auto; } }

.aurora-btn__view {
  width: 125px;
  display: block;
  color: rgba(108, 108, 108, 0.7);
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 1.12px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase; }
  @media only screen and (max-width: 1200px) {
    .aurora-btn__view {
      width: 100%;
      font-size: 12px; } }
  @media only screen and (max-width: 720px) {
    .aurora-btn__view {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto; } }

.aurora-contact {
  position: absolute;
  top: 20px;
  left: 640px; }
  @media only screen and (max-width: 1200px) {
    .aurora-contact {
      top: 10px;
      left: 410px; } }

.aurora-contact__phone {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .aurora-contact__phone:hover {
    color: #35AA46; }

.aurora-contact__back {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #35AA46;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
  margin-left: auto;
  position: relative; }
  .aurora-contact__back::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .aurora-contact__back:hover::before {
    width: 0%; }

.advantages {
  padding-top: 30px; }

.advantages-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 4) - 6px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 4) - 6px), 1fr));
  grid-gap: 6px 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .advantages-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 6px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 6px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .advantages-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 6px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 6px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .advantages-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 6px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 6px), 1fr)); } }
  .advantages-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .advantages-list {
      grid-gap: 10px; } }

.advantages-item {
  padding: 12px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .advantages-item:hover {
    background: #FFF; }
    .advantages-item:hover .advantages-item__hide {
      opacity: 0; }
    .advantages-item:hover .advantages-item__hover {
      opacity: 1; }
  @media only screen and (max-width: 720px) {
    .advantages-item {
      background: #FFF; }
      .advantages-item .advantages-item__hide {
        opacity: 0; }
      .advantages-item .advantages-item__hover {
        opacity: 1; } }

.advantages-item__photo {
  width: 82px;
  height: 82px;
  display: block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 20px; }

.advantages-item__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }

.advantages-item__hide {
  color: #1E1E1E;
  font-family: "Unbounded", sans-serif;
  font-size: 15px;
  opacity: 0.6;
  position: absolute;
  left: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.advantages-item__hover {
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .advantages-item__hover b {
    display: block;
    color: #1E1E1E;
    font-family: "Unbounded", sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px; }
  .advantages-item__hover p {
    color: #6C6C6C;
    font-size: 13px;
    line-height: 18px; }
  .advantages-item__hover a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #35AA46;
    font-family: "Unbounded", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.85px;
    text-transform: uppercase;
    margin-top: 10px; }
    .advantages-item__hover a span {
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline; }
    .advantages-item__hover a img {
      margin-left: 10px; }

.about {
  padding-top: 65px; }
  @media only screen and (max-width: 1200px) {
    .about {
      padding-top: 50px; } }

.about-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 45px; }

.about-wrap {
  width: 625px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .about-wrap {
      width: 100%; } }

.about-title {
  font-family: "Unbounded", sans-serif;
  font-size: 64px; }
  @media only screen and (max-width: 1200px) {
    .about-title {
      font-size: 40px; } }

.about-content {
  margin-top: 35px; }
  .about-content h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px; }
    .about-content h4:last-child {
      margin-bottom: 0; }
  .about-content p, .about-content ul {
    font-size: 14px;
    line-height: 171%;
    margin-bottom: 20px; }
    .about-content p:last-child, .about-content ul:last-child {
      margin-bottom: 0; }
  .about-content li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .about-content li::before {
      content: '';
      width: 4px;
      height: 4px;
      display: block;
      background-color: #272728;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      margin-right: 10px;
      margin-top: 10px; }
  @media only screen and (max-width: 1200px) {
    .about-content {
      margin-top: 20px; } }
  @media only screen and (max-width: 720px) {
    .about-content h4, .about-content p, .about-content ul {
      margin-bottom: 15px; }
    .about-content img {
      margin: 15px 0; } }

.about-more {
  color: #35AA46;
  font-family: "Unbounded", sans-serif;
  position: relative; }
  .about-more::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .about-more:hover::before {
    width: 0%; }

.about-content__hide {
  width: 1170px;
  display: none; }
  @media only screen and (max-width: 1200px) {
    .about-content__hide {
      width: 100%; } }

.about-photo {
  width: 875px;
  height: 410px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px 0 0 20px;
          border-radius: 20px 0 0 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-top: 20px; }
  @media only screen and (max-width: 1200px) {
    .about-photo {
      width: 100%;
      height: auto;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      margin: 20px 0; } }

.kp {
  padding-top: 80px; }
  @media only screen and (max-width: 1200px) {
    .kp {
      padding-top: 50px; } }
  @media only screen and (max-width: 720px) {
    .kp {
      padding-top: 40px; } }

.kp-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 55px; 

}
  @media only screen and (max-width: 1200px) {
    .kp-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 500px; } }

.kp-content {
  width: 100%;
  position: relative; }

.kp-title {
  font-size: 50px;
  line-height: 1;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .kp-title {
      font-size: 62px;
      text-align: center; } }
  @media only screen and (max-width: 720px) {
    .kp-title {
      font-size: 40px; } }

.kp-rout {
  pointer-events: none;
  position: absolute;
  left: -160px;
  top: -130px; }
  @media only screen and (max-width: 1200px) {
    .kp-rout {
      left: -10px;
      top: -50px; } }
  @media only screen and (max-width: 720px) {
    .kp-rout {
      left: -180px;
      top: -80px; } }

.kp-rout__photo {
  width: 925px;
  height: 840px; }
  @media only screen and (max-width: 1200px) {
    .kp-rout__photo {
      width: 700px;
      height: 640px; } }

.kp-rout__info {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 180px;
  margin: 0 auto;
  -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
          transform: translateX(-10px); }

.kp-rout__min {
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 125%; }

.kp-rout__km {
  font-family: "Unbounded", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 187%; }

.kp-list {
  width: 505px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 16px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 16px), 1fr));
  grid-gap: 50px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .kp-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 16px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 16px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .kp-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 16px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 16px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .kp-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 16px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 16px), 1fr)); } }
  .kp-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .kp-list {
      margin: 0 auto; } }
  @media only screen and (max-width: 720px) {
    .kp-list {
      width: 100%;
      grid-gap: 20px 15px; } }

.kp-item {
  display: block; }
  .kp-item img {
    width: 200px;
    height: 200px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    margin: 0 auto 20px; }
  .kp-item span {
    display: block;
    opacity: 0.7;
    text-align: center; }
  .kp-item:hover span {
    font-weight: 500;
    text-decoration: underline; }
  @media only screen and (max-width: 720px) {
    .kp-item img {
      width: 100%;
      height: 160px;
      margin-bottom: 10px; }
    .kp-item span {
      font-size: 14px; } }

.infrastructure {
  padding-top: 80px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .infrastructure {
      padding-top: 50px; } }

.infrastructure-list {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 25px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 25px), 1fr));
  grid-gap: 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .infrastructure-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 25px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .infrastructure-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 3 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 3 - 25px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .infrastructure-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 25px), 1fr)); } }
  .infrastructure-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .infrastructure-list {
      margin-top: 25px; } }

.infrastructure-wrap {
  position: relative; }

.infrastructure-slider {
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden; }

.infrastructure-photo {
  width: 100%;
  height: 240px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden; }
  .infrastructure-photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .infrastructure-photo:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  @media only screen and (max-width: 1200px) {
    .infrastructure-photo {
      height: 140px; } }
  @media only screen and (max-width: 720px) {
    .infrastructure-photo {
      height: 220px; } }

.infrastructure-dots {
  width: 100%;
  position: absolute;
  bottom: 15px; }
  .infrastructure-dots button {
    display: none; }
  .infrastructure-dots ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 10px; }
  .infrastructure-dots li {
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.3;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .infrastructure-dots li:hover {
      opacity: 0.6; }
  .infrastructure-dots .slick-active {
    opacity: 1; }

.infrastructure-item__title {
  color: #272728;
  text-align: center;
  font-size: 20px;
  margin-top: 25px; }
  @media only screen and (max-width: 1200px) {
    .infrastructure-item__title {
      font-size: 14px;
      margin-top: 15px; } }

.infrastructure-item__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #35AA46;
  font-family: "Unbounded", sans-serif;
  font-size: 14px;
  margin: 25px auto 0;
  position: relative; }
  .infrastructure-item__btn::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .infrastructure-item__btn:hover::before {
    width: 0%; }
  @media only screen and (max-width: 1200px) {
    .infrastructure-item__btn {
      font-size: 12px;
      margin-top: 15px; } }

.map {
  padding-bottom: 965px;
  position: relative;
  margin-top: 60px; }
  .map h2 {
    position: relative;
    z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .map {
      padding-bottom: 1265px; } }
  @media only screen and (max-width: 720px) {
    .map {
      margin-top: 50px; } }

.map-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 22px;
  margin-top: 25px;
  position: relative;
  z-index: 2; }

.map-filter {
  width: 220px;
  padding: 15px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .map-filter {
      width: 180px; } }
  @media only screen and (max-width: 720px) {
    .map-filter {
      width: 160px; } }

.map-filter__title {
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  font-size: 12px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1200px) {
    .map-filter__title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .map-filter__title span {
        text-decoration: underline; } }

.map-filter__list {
  margin-top: 15px; }
  @media only screen and (max-width: 1200px) {
    .map-filter__list {
      display: none; } }

.map-filter__item {
  margin-bottom: 15px; }
  .map-filter__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .map-filter__item {
      margin-bottom: 10px; } }

.map-filter__item-title {
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1200px) {
    .map-filter__item-title {
      font-size: 10px;
      margin-bottom: 10px; } }

.map-filter__check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-bottom: 10px; }
  .map-filter__check p {
    color: #6C6C6C;
    font-size: 15px; }
  .map-filter__check:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .map-filter__check {
      margin-bottom: 5px; }
      .map-filter__check p {
        font-size: 12px; } }

.map-filter__circle {
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 10px; }
  .map-filter__circle::before {
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    background-color: #35AA46;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  @media only screen and (max-width: 1200px) {
    .map-filter__circle {
      width: 15px;
      height: 15px; } }

.map-filter__check_active .map-filter__circle::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.map-zone {
  width: 220px;
  padding: 15px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 720px) {
    .map-zone {
      width: 100px;
      padding: 15px 10px;
      -webkit-border-radius: 20px;
              border-radius: 20px; } }

.map-zone__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px; }
  .map-zone__item img {
    width: 24px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 10px; }
  .map-zone__item p {
    color: #6C6C6C;
    font-size: 15px;
    font-weight: 500; }
  .map-zone__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .map-zone__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 10px; }
      .map-zone__item img {
        width: 28px;
        margin-bottom: 6px;
        margin-right: 0; }
      .map-zone__item p {
        font-size: 10px; } }

.map-frame {
  position: absolute;
  right: 0;
  top: -30px; }
  @media screen and (max-width: 1450px) {
    .map-frame {
      right: -130px; } }
  @media only screen and (max-width: 1200px) {
    .map-frame {
      width: 100%;
      overflow-x: scroll;
      right: auto;
      left: 0;
      top: 120px; } }

.map-plan-wrap {
  width: 1920px;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }
  @media only screen and (max-width: 1200px) {
    .map-plan-wrap {
      margin-left: -360px; } }

.map-plan {
  width: 100%; }

.map-popup {
  width: 340px;
  padding: 20px 20px 25px;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 rgba(0, 0, 0, 0.1);
  position: absolute; }

.map-popup__close {
  font-size: 8px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .map-popup__close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.map-popup__photo {
  width: 100%;
  height: 230px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  margin-bottom: 10px; }

.map-popup__title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px; }

.map-popup__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  margin-bottom: 10px; }
  .map-popup__item p, .map-popup__item span {
    width: 120px; }
  .map-popup__item p {
    color: #6C6C6C; }
  .map-popup__item span {
    color: #000;
    font-weight: 500;
    text-align: right; }
  .map-popup__item:last-child {
    margin-bottom: 0; }

.map-popup__btn {
  max-width: 100%;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 10px; }
  .map-popup__btn input {
    display: none; }
  .map-popup__btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .map-popup__btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .map-popup__btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .map-popup__btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .map-popup__btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .map-popup__btn {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .map-popup__btn::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }

.map-decor-1 {
  width: 78px;
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 5;
  left: 822px;
  top: 665px; }

.map-decor-2 {
  width: 69px;
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 5;
  left: 841px;
  top: 719px; }

.map-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 2; }

.map-item__plot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .map-item__plot path {
    fill: #000;
    fill-opacity: 0.3;
    stroke-width: 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .map-item__plot span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    pointer-events: none;
    position: absolute; }
  .map-item__plot:hover {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9); }
    .map-item__plot:hover path {
      stroke: #fff;
      stroke-width: 1px; }

.map-item_free path {
  fill: #35AA46;
  fill-opacity: 0.6;
  stroke: #fff; }

.map-item_booked {
  pointer-events: none; }
  .map-item_booked path {
    fill: #F4AE25;
    fill-opacity: 0.6;
    stroke: #fff; }

.map-item_sales {
  pointer-events: none; }
  .map-item_sales path {
    fill: #CC4747;
    fill-opacity: 0.8;
    stroke: #fff; }

.map-item-1 {
  left: 613px;
  top: 703px;
  z-index: 3; }

.map-item-2 {
  left: 580px;
  top: 733px; }

.map-item-3 {
  left: 564px;
  top: 773px; }

.map-item-4 {
  left: 554px;
  top: 820px; }

.map-item-5 {
  left: 535px;
  top: 863px; }

.map-item-6 {
  left: 540px;
  top: 916px; }

.map-item-7 {
  left: 768px;
  top: 623px; }
  .map-item-7 span {
    right: 26px;
    bottom: 25px; }

.map-item-8 {
  left: 662px;
  top: 747px; }

.map-item-9 {
  left: 639px;
  top: 784px; }

.map-item-10 {
  left: 696px;
  top: 798px; }

.map-item-11 {
  left: 747px;
  top: 814px; }

.map-item-12 {
  left: 751px;
  top: 775px; }

.map-item-13 {
  left: 712px;
  top: 725px; }

.map-item-14 {
  left: 771px;
  top: 749px; }
  .map-item-14 span {
    font-size: 8px; }

.map-item-15 {
  left: 798px;
  top: 733px;
  z-index: 3; }
  .map-item-15 span {
    font-size: 10px;
    margin-right: 5px; }

.map-item-16 {
  left: 783px;
  top: 731px;
  z-index: 4; }
  .map-item-16 span {
    font-size: 8px; }

.map-item-17 {
  left: 821px;
  top: 743px; }

.map-item-18 {
  left: 801px;
  top: 833px; }

.map-item-19 {
  left: 856px;
  top: 845px; }

.map-item-20 {
  left: 904px;
  top: 859px; }

.map-item-21 {
  left: 934px;
  top: 786px;
  z-index: 3; }

.map-item-22 {
  left: 901px;
  top: 768px; }
  .map-item-22 span {
    font-size: 12px;
    bottom: 10px;
    right: 44px; }

.map-item-23 {
  left: 870px;
  top: 752px; }
  .map-item-23 span {
    font-size: 12px;
    bottom: 10px;
    right: 25px; }

.map-item-24 {
  left: 959px;
  top: 869px; }

.map-item-25 {
  left: 1010px;
  top: 887px; }

.map-item-26 {
  left: 1062px;
  top: 908px; }

.map-item-27 {
  left: 1080px;
  top: 854px; }

.map-item-28 {
  left: 1028px;
  top: 828px; }

.map-item-29 {
  left: 983px;
  top: 805px; }

.map-item-30 {
  left: 619px;
  top: 848px; }

.map-item-31 {
  left: 676px;
  top: 863px; }

.map-item-32 {
  left: 726px;
  top: 876px; }

.map-item-33 {
  left: 618px;
  top: 927px; }
  .map-item-33 span {
    font-size: 13px; }

.map-item-34 {
  left: 674px;
  top: 936px; }
  .map-item-34 span {
    font-size: 13px; }

.map-item-35 {
  left: 723px;
  top: 945px; }
  .map-item-35 span {
    font-size: 13px; }

.map-item-36 {
  left: 617px;
  top: 954px; }
  .map-item-36 span {
    font-size: 13px; }

.map-item-37 {
  left: 671px;
  top: 954px; }
  .map-item-37 span {
    font-size: 13px; }

.map-item-38 {
  left: 719px;
  top: 964px; }
  .map-item-38 span {
    font-size: 13px; }

.map-item-39 {
  left: 670px;
  top: 978px; }
  .map-item-39 span {
    font-size: 13px; }

.map-item-40 {
  left: 717px;
  top: 989px; }
  .map-item-40 span {
    font-size: 13px; }

.map-item-41 {
  left: 778px;
  top: 888px; }

.map-item-42 {
  left: 831px;
  top: 901px; }

.map-item-43 {
  left: 882px;
  top: 913px; }

.map-item-44 {
  left: 773px;
  top: 955px; }
  .map-item-44 span {
    font-size: 12px; }

.map-item-45 {
  left: 830px;
  top: 965px; }
  .map-item-45 span {
    font-size: 12px; }

.map-item-46 {
  left: 879px;
  top: 975px; }
  .map-item-46 span {
    font-size: 12px; }

.map-item-47 {
  left: 772px;
  top: 974px; }
  .map-item-47 span {
    font-size: 12px; }

.map-item-48 {
  left: 829px;
  top: 983px; }
  .map-item-48 span {
    font-size: 12px; }

.map-item-49 {
  left: 874px;
  top: 1004px; }
  .map-item-49 span {
    font-size: 12px; }

.map-item-50 {
  left: 774px;
  top: 1000px; }
  .map-item-50 span {
    font-size: 12px; }

.map-item-51 {
  left: 827px;
  top: 1008px; }
  .map-item-51 span {
    font-size: 12px; }

.map-item-52 {
  left: 943px;
  top: 928px; }

.map-item-53 {
  left: 1009px;
  top: 956px; }

.map-item-54 {
  left: 1064px;
  top: 983px; }

.map-item-55 {
  left: 1032px;
  top: 1005px; }
  .map-item-55 span {
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-56 {
  left: 1001px;
  top: 998px; }
  .map-item-56 span {
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-57 {
  left: 979px;
  top: 994px; }
  .map-item-57 span {
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-58 {
  left: 955px;
  top: 989px; }
  .map-item-58 span {
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-59 {
  left: 934px;
  top: 984px; }
  .map-item-59 span {
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-60 {
  left: 612px;
  top: 989px; }

.map-item-61 {
  left: 667px;
  top: 1010px; }

.map-item-62 {
  left: 713px;
  top: 1022px; }

.map-item-63 {
  left: 775px;
  top: 1036px; }

.map-item-64 {
  left: 824px;
  top: 1039px; }

.map-item-65 {
  left: 876px;
  top: 1041px; }

.map-item-66 {
  left: 935px;
  top: 1047px; }

.map-item-67 {
  left: 999px;
  top: 1051px; }

.map-item-68 {
  left: 1063px;
  top: 1047px; }

.map-item-69 {
  left: 1184px;
  top: 955px; }
  .map-item-69 span {
    font-size: 10px;
    bottom: 0; }

.map-item-70 {
  left: 1211px;
  top: 955px; }
  .map-item-70 span {
    top: 7px; }

.map-item-71 {
  left: 1250px;
  top: 957px; }
  .map-item-71 span {
    top: 7px; }

.map-item-72 {
  left: 1298px;
  top: 958px; }
  .map-item-72 span {
    top: 7px; }

.map-item-73 {
  left: 1334px;
  top: 961px; }

.map-item-74 {
  left: 1296px;
  top: 994px; }
  .map-item-74 span {
    font-size: 13px; }

.map-item-75 {
  left: 1249px;
  top: 993px; }
  .map-item-75 span {
    font-size: 13px; }

.map-item-76 {
  left: 1211px;
  top: 989px; }
  .map-item-76 span {
    font-size: 13px; }

.map-item-77 {
  left: 1173px;
  top: 988px; }
  .map-item-77 span {
    font-size: 11px; }

.map-item-78 {
  left: 1226px;
  top: 876px; }

.map-item-79 {
  left: 1213px;
  top: 899px; }

.map-item-80 {
  left: 1202px;
  top: 929px; }

.map-item-81 {
  left: 1251px;
  top: 895px; }

.map-item-82 {
  left: 1297px;
  top: 911px; }

.map-item-83 {
  left: 1322px;
  top: 879px; }

.map-item-84 {
  left: 1324px;
  top: 833px; }

.map-item-85 {
  left: 1323px;
  top: 790px; }

.map-item-86 {
  left: 1332px;
  top: 767px; }

.map-item-87 {
  left: 1342px;
  top: 737px; }

.map-item-88 {
  left: 1336px;
  top: 709px; }

.map-item-89 {
  left: 1317px;
  top: 675px; }

.map-item-90 {
  left: 1397px;
  top: 980px; }

.map-item-91 {
  left: 1464px;
  top: 977px; }

.map-item-92 {
  left: 1397px;
  top: 933px; }

.map-item-93 {
  left: 1462px;
  top: 933px; }
  .map-item-93 span {
    font-size: 10px;
    left: 6px;
    top: 13px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.map-item-94 {
  left: 1481px;
  top: 932px; }
  .map-item-94 span {
    font-size: 12px; }

.map-item-95 {
  left: 1511px;
  top: 930px; }
  .map-item-95 span {
    font-size: 12px; }

.map-item-96 {
  left: 1401px;
  top: 876px; }
  .map-item-96 span {
    font-size: 13px;
    right: 2px;
    bottom: 17px; }

.map-item-97 {
  left: 1397px;
  top: 890px; }
  .map-item-97 span {
    font-size: 13px; }

.map-item-98 {
  left: 1463px;
  top: 875px; }
  .map-item-98 span {
    font-size: 12px;
    left: 3px; }

.map-item-99 {
  left: 1488px;
  top: 906px; }
  .map-item-99 span {
    font-size: 12px; }

.map-item-100 {
  left: 1489px;
  top: 875px; }
  .map-item-100 span {
    font-size: 12px; }

.map-item-101 {
  left: 1400px;
  top: 828px; }
  .map-item-101 span {
    font-size: 12px; }

.map-item-102 {
  left: 1462px;
  top: 850px; }
  .map-item-102 span {
    font-size: 12px; }

.map-item-103 {
  left: 1489px;
  top: 848px; }
  .map-item-103 span {
    font-size: 12px; }

.map-item-104 {
  left: 1462px;
  top: 826px; }
  .map-item-104 span {
    font-size: 12px; }

.map-item-105 {
  left: 1401px;
  top: 774px; }

.map-item-106 {
  left: 1460px;
  top: 795px; }

.map-item-107 {
  left: 1461px;
  top: 767px; }

.map-item-108 {
  left: 1397px;
  top: 723px; }

.map-item-109 {
  left: 1457px;
  top: 715px; }

.map-item-110 {
  left: 1491px;
  top: 706px; }

.map-item-111 {
  left: 1382px;
  top: 667px; }

.map-item-112 {
  left: 1433px;
  top: 641px; }

.map-item-113 {
  left: 1358px;
  top: 622px; }

.map-item-114 {
  left: 1422px;
  top: 624px; }
  .map-item-114 span {
    font-size: 10px; }

.map-item-115 {
  left: 1456px;
  top: 610px; }
  .map-item-115 span {
    font-size: 10px; }

.map-item-116 {
  left: 1412px;
  top: 602px; }
  .map-item-116 span {
    font-size: 10px; }

.map-item-117 {
  left: 1446px;
  top: 588px; }
  .map-item-117 span {
    font-size: 10px; }

.map-item-118 {
  left: 1333px;
  top: 587px; }

.map-item-119 {
  left: 1387px;
  top: 549px; }

.map-item-120 {
  left: 1298px;
  top: 552px; }
  .map-item-120 span {
    font-size: 13px;
    right: 25px; }

.map-item-121 {
  left: 1309px;
  top: 582px; }
  .map-item-121 span {
    font-size: 12px; }

.map-item-122 {
  left: 1361px;
  top: 523px; }
  .map-item-122 span {
    -webkit-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
            transform: rotate(-43deg); }

.map-item-123 {
  left: 1343px;
  top: 502px; }
  .map-item-123 span {
    -webkit-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
            transform: rotate(-43deg); }

.map-item-124 {
  left: 1265px;
  top: 519px; }

.map-item-125 {
  left: 1324px;
  top: 481px; }
  .map-item-125 span {
    -webkit-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
            transform: rotate(-43deg); }

.map-item-126 {
  left: 1296px;
  top: 460px; }
  .map-item-126 span {
    -webkit-transform: rotate(-43deg);
        -ms-transform: rotate(-43deg);
            transform: rotate(-43deg); }

.map-item-127 {
  left: 1231px;
  top: 500px; }

.map-item-128 {
  left: 1263px;
  top: 439px; }

.map-item-129 {
  left: 1549px;
  top: 867px; }
  .map-item-129 span {
    font-size: 12px; }

.map-item-130 {
  left: 1550px;
  top: 903px; }
  .map-item-130 span {
    font-size: 12px; }

.map-item-131 {
  left: 1549px;
  top: 930px; }
  .map-item-131 span {
    font-size: 12px; }

.map-item-132 {
  left: 1551px;
  top: 957px; }
  .map-item-132 span {
    font-size: 12px; }

.map-item-133 {
  left: 1551px;
  top: 982px; }
  .map-item-133 span {
    font-size: 12px; }

.map-item-134 {
  left: 1551px;
  top: 1009px; }
  .map-item-134 span {
    font-size: 12px; }

.map-item-135 {
  left: 1605px;
  top: 928px; }
  .map-item-135 span {
    font-size: 12px; }

.map-item-136 {
  left: 1608px;
  top: 957px; }
  .map-item-136 span {
    font-size: 12px; }

.map-item-137 {
  left: 1609px;
  top: 979px; }
  .map-item-137 span {
    font-size: 12px; }

.map-item-138 {
  left: 1609px;
  top: 1009px; }
  .map-item-138 span {
    font-size: 12px;
    left: 11px; }

.map-item-139 {
  left: 1667px;
  top: 923px; }
  .map-item-139 span {
    font-size: 12px;
    left: 11px; }

.map-item-140 {
  left: 1675px;
  top: 953px; }

.map-item-141 {
  left: 1678px;
  top: 986px; }

.map-item-142 {
  left: 1731px;
  top: 946px; }

.map-item-143 {
  left: 1642px;
  top: 1024px; }

.map-item-144 {
  left: 1588px;
  top: 702px; }
  .map-item-144 span {
    font-size: 12px;
    bottom: 2px; }

.map-item-145 {
  left: 1590px;
  top: 734px; }
  .map-item-145 span {
    font-size: 12px; }

.map-item-146 {
  left: 1590px;
  top: 768px; }
  .map-item-146 span {
    font-size: 12px; }

.map-item-147 {
  left: 1593px;
  top: 805px; }
  .map-item-147 span {
    font-size: 12px;
    right: 15px; }

.map-item-148 {
  left: 1598px;
  top: 845px; }
  .map-item-148 span {
    right: 40px; }

.map-item-149 {
  left: 1639px;
  top: 804px; }
  .map-item-149 span {
    bottom: 45px; }

.map-item-150 {
  left: 1657px;
  top: 763px; }

.map-item-151 {
  left: 1651px;
  top: 713px; }

.map-item-152 {
  left: 1636px;
  top: 655px; }

.map-item-153 {
  left: 1602px;
  top: 636px; }

.map-item-154 {
  left: 1562px;
  top: 594px; }
  .map-item-154 span {
    bottom: 25px; }

.map-item-155 {
  left: 1509px;
  top: 583px; }

.map-item-156 {
  left: 1482px;
  top: 546px; }

.map-item-157 {
  left: 1452px;
  top: 514px; }

.map-item-158 {
  left: 1429px;
  top: 472px; }

.map-item-159 {
  left: 1473px;
  top: 442px; }

.map-item-160 {
  left: 1502px;
  top: 414px; }

.map-item-161 {
  left: 1511px;
  top: 370px; }

.map-item-162 {
  left: 1504px;
  top: 333px; }

.map-item-163 {
  left: 1484px;
  top: 299px; }

.map-item-164 {
  left: 1447px;
  top: 270px; }

.map-item-165 {
  left: 1408px;
  top: 251px; }

.map-item-166 {
  left: 1368px;
  top: 255px; }
  .map-item-166 span {
    top: 39px;
    left: 16px; }

.map-item-167 {
  left: 1340px;
  top: 295px; }

.map-item-168 {
  left: 1304px;
  top: 335px; }

.map-item-169 {
  left: 1264px;
  top: 365px; }

.map-item-170 {
  left: 1217px;
  top: 395px; }

.map-item-171 {
  left: 1202px;
  top: 429px; }
  .map-item-171 span {
    bottom: 50px;
    right: 28px; }

.map-item-172 {
  left: 1166px;
  top: 447px; }
  .map-item-172 span {
    -webkit-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
            transform: rotate(-85deg); }

.map-item-173 {
  left: 1128px;
  top: 436px; }
  .map-item-173 span {
    -webkit-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
            transform: rotate(-85deg); }

.map-item-174 {
  left: 1088px;
  top: 426px; }
  .map-item-174 span {
    -webkit-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
            transform: rotate(-85deg); }

.map-item-175 {
  left: 1069px;
  top: 407px; }
  .map-item-175 span {
    -webkit-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
            transform: rotate(-85deg); }

.map-item-176 {
  left: 1060px;
  top: 496px; }
  .map-item-176 span {
    font-size: 11px; }

.map-item-177 {
  left: 1105px;
  top: 510px; }
  .map-item-177 span {
    font-size: 11px; }

.map-item-178 {
  left: 1091px;
  top: 537px; }
  .map-item-178 span {
    font-size: 11px; }

.map-item-179 {
  left: 1051px;
  top: 518px; }
  .map-item-179 span {
    font-size: 11px; }

.map-item-180 {
  left: 1329px;
  top: 403px; }
  .map-item-180 span {
    font-size: 11px; }

.map-item-181 {
  left: 1352px;
  top: 423px; }
  .map-item-181 span {
    font-size: 11px; }

.map-item-182 {
  left: 1376px;
  top: 444px; }
  .map-item-182 span {
    font-size: 11px; }

.map-item-183 {
  left: 1399px;
  top: 461px; }
  .map-item-183 span {
    font-size: 11px; }

.map-item-184 {
  left: 1424px;
  top: 437px; }
  .map-item-184 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-185 {
  left: 1406px;
  top: 421px; }
  .map-item-185 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-186 {
  left: 1385px;
  top: 403px; }
  .map-item-186 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-187 {
  left: 1408px;
  top: 376px; }
  .map-item-187 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-188 {
  left: 1428px;
  top: 395px; }
  .map-item-188 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-189 {
  left: 1449px;
  top: 411px; }
  .map-item-189 span {
    font-size: 11px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.map-item-190 {
  left: 1449px;
  top: 361px; }

.map-item-191 {
  left: 1403px;
  top: 340px; }

.map-item-192 {
  left: 1380px;
  top: 350px; }
  .map-item-192 span {
    font-size: 13px; }

.map-item-193 {
  left: 1365px;
  top: 371px; }
  .map-item-193 span {
    font-size: 13px; }

.map-item-194 {
  left: 1352px;
  top: 389px; }
  .map-item-194 span {
    font-size: 13px; }

.current {
  padding: 100px 0 70px;
  background: url("/templates/mis-new/themes/app/images/bg/current-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .current {
      padding: 50px 0; } }

.current-lot {
  width: 445px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  grid-gap: 10px;
  margin-top: 50px; }
  @media only screen and (max-width: 720px) {
    .current-lot {
      width: 200px;
      display: block;
      margin-top: 180px; } }

.current-lot__photo {
  width: 265px;
  height: 220px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px 0 0 20px;
          border-radius: 20px 0 0 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 720px) {
    .current-lot__photo {
      width: 100%;
      height: 165px;
      -webkit-border-radius: 20px 20px 0 0;
              border-radius: 20px 20px 0 0; } }

.current-lot__info {
  padding: 15px; }
  .current-lot__info p {
    color: #6C6C6C;
    font-size: 15px;
    margin-bottom: 10px; }
  .current-lot__info b {
    display: block;
    font-size: 20px;
    font-weight: 500; }
  .current-lot__info a {
    color: #35AA46;
    font-family: "Unbounded", sans-serif;
    font-size: 12px;
    position: relative; }
    .current-lot__info a::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #35AA46;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s; }
    .current-lot__info a:hover::before {
      width: 0%; }
  @media only screen and (max-width: 720px) {
    .current-lot__info {
      width: 100%;
      padding: 10px 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

.price h2 {
  font-size: 37px; }

@media only screen and (max-width: 720px) {
  .price h2 {
    font-size: 22px;
    text-align: center; } }

.price-wrap {
  padding: 35px 35px 35px 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px;
  background: url("/templates/mis-new/themes/app/images/bg/price-bg.jpg") center no-repeat, #fff;
  -webkit-background-size: cover;
          background-size: cover;
  -webkit-border-radius: 20px;
          border-radius: 20px; }
  @media only screen and (max-width: 1200px) {
    .price-wrap {
      padding: 35px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (max-width: 720px) {
    .price-wrap {
      padding: 30px 20px;
      background-position: center bottom -270px; } }

.price-form {
  width: 360px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 1200px) {
    .price-form {
      margin: 0 auto; } }
  @media only screen and (max-width: 720px) {
    .price-form {
      width: 100%; } }

.page-input {
  width: 100%;
  height: 100px;
  padding: 0 20px;
  text-align: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #D9D9D9;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #FFF;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
          box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1200px) {
    .page-input {
      font-size: 12px; } }
  @media only screen and (max-width: 720px) {
    .page-input {
      height: 80px; } }

.price-submit {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear; }
  .price-submit input {
    display: none; }
  .price-submit::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-submit::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-submit *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-submit *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .price-submit:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .price-submit {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .price-submit::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .price-submit {
      height: 80px; } }

.page-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px; }
  .page-copy p {
    color: #B8B8B8;
    font-size: 10px;
    opacity: 0.5;
    margin-top: 2px; }
  .page-copy a {
    text-decoration: underline; }
  @media only screen and (max-width: 720px) {
    .page-copy {
      margin-top: 10px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .page-copy br {
        display: none; } }

.page-copy_start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.page-copy__check {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #B8B8B8;
  font-size: 6px;
  color: #35AA46;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  margin-right: 10px; }
  .page-copy__check i {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .page-copy__check input {
    display: block !important;
    position: absolute;
    pointer-events: none;
    opacity: 0; }

.page-copy_active i {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.catalog {
  margin-top: 80px; }
  @media only screen and (max-width: 1200px) {
    .catalog {
      margin-top: 50px; } }

.catalog-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 30px; }
  @media only screen and (max-width: 720px) {
    .catalog-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.catalog-filter {
  width: 195px;
  padding: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF; }
  @media only screen and (max-width: 720px) {
    .catalog-filter {
      width: 100vw;
      height: 100vh;
      display: none;
      padding: 40px 20px;
      overflow-y: auto;
      -webkit-border-radius: 0;
              border-radius: 0;
      position: fixed;
      z-index: 30;
      left: 0;
      top: 0; } }

.filter-close {
  font-size: 16px; }

.catalog-filter__title {
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 23px; }
  @media only screen and (max-width: 720px) {
    .catalog-filter__title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      grid-gap: 10px; } }

.catalog-filter__item {
  margin-bottom: 25px; }
  .catalog-filter__item:last-child {
    margin-bottom: 0; }

.catalog-filter__item-title {
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 11px; }

.catalog-filter__check {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-bottom: 10px; }
  .catalog-filter__check p {
    color: #6C6C6C;
    font-size: 15px; }
  .catalog-filter__check:last-child {
    margin-bottom: 0; }

.catalog-filter__circle {
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 10px; }
  .catalog-filter__circle::before {
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    background-color: #35AA46;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }

.catalog-filter__check_active .catalog-filter__circle::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.catalog-filter__info {
  margin-left: 10px;
  position: relative;
  z-index: 2; }
  .catalog-filter__info img {
    width: 17px;
    display: block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    cursor: pointer; }
  .catalog-filter__info p {
    width: 200px;
    padding: 15px;
    background-color: #fff;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 10px;
    bottom: 10px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .catalog-filter__info:hover p {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }

.catalog-filter__apply {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #35AA46;
  font-family: "Unbounded", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  margin: 20px auto 0;
  position: relative; }
  .catalog-filter__apply::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .catalog-filter__apply:hover::before {
    width: 0%; }

.catalog-filter__remove {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  margin: 20px auto 0;
  position: relative; }
  .catalog-filter__remove::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #B8B8B8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .catalog-filter__remove:hover::before {
    width: 0%; }

.catalog-wrap__content {
  width: 100%; }

.catalog-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 50px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1200px) {
    .catalog-nav {
      grid-gap: 20px; } }
  @media only screen and (max-width: 720px) {
    .catalog-nav {
      display: block; } }

.catalog-sort {
  position: relative; }
  .catalog-sort:hover .catalog-sort__active {
    border-color: #35AA46; }

.catalog-sort__active {
  width: 195px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #6C6C6C;
  font-family: "Unbounded", sans-serif;
  border: 1px solid #fff;
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  z-index: 2; }
  .catalog-sort__active i {
    font-size: 10px;
    margin-left: 10px;
    color: #6C6C6C; }

.catalog-sort__drop {
  width: 100%;
  padding: 45px 15px 20px;
  display: none;
  -webkit-border-radius: 0 0 10px 10px;
          border-radius: 0 0 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-family: "Unbounded", sans-serif;
  border: 1px solid #fff;
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  left: 0;
  top: 20px; }

.catalog-sort__item {
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer; }
  .catalog-sort__item:last-child {
    margin-bottom: 0; }
  .catalog-sort__item:hover {
    color: #35AA46; }

.catalog-tabs {
  padding: 6px 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF; }
  @media only screen and (max-width: 720px) {
    .catalog-tabs {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.catalog-tab {
  padding: 10px;
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 10px;
  font-weight: 500;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media only screen and (max-width: 1200px) {
    .catalog-tab {
      text-align: center; } }

.catalog-tab_active {
  color: #FFF;
  font-weight: 700;
  background-color: #35AA46; }

.catalog-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 4) - 25px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 4) - 25px), 1fr));
  grid-gap: 35px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .catalog-list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 25px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 25px), 1fr)); } }
  .catalog-list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 720px) {
    .catalog-list {
      grid-gap: 15px; } }

.catalog-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 15px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background-color: #fff; }
  @media only screen and (max-width: 720px) {
    .catalog-item {
      -webkit-border-radius: 10px;
              border-radius: 10px; } }

.catalog-item__photo {
  width: 100%;
  height: 185px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px 20px 0 0;
          border-radius: 20px 20px 0 0; }
  @media only screen and (max-width: 720px) {
    .catalog-item__photo {
      height: 125px;
      -webkit-border-radius: 10px 10px 0 0;
              border-radius: 10px 10px 0 0; } }

.catalog-item__content {
  padding: 10px 15px 6px; }
  .catalog-item__content p {
    color: #6C6C6C;
    font-size: 15px;
    margin-bottom: 6px; }
  .catalog-item__content b {
    color: #272728;
    font-size: 20px;
    font-weight: 500;
    display: block; }
  @media only screen and (max-width: 720px) {
    .catalog-item__content p {
      font-size: 12px; }
    .catalog-item__content b {
      font-size: 14px; } }

.catalog-item__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: block;
  color: #35AA46;
  font-family: "Unbounded", sans-serif;
  font-size: 12px;
  margin: auto 15px 0;
  position: relative; }
  .catalog-item__btn::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .catalog-item__btn:hover::before {
    width: 0%; }
  @media only screen and (max-width: 720px) {
    .catalog-item__btn {
      font-size: 10px; } }

.catalog-sign {
  max-width: 100%;
  width: 360px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin: 30px auto 0; }
  .catalog-sign input {
    display: none; }
  .catalog-sign::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .catalog-sign::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .catalog-sign *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .catalog-sign *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .catalog-sign:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .catalog-sign {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .catalog-sign::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 1200px) {
    .catalog-sign {
      width: 320px;
      height: 80px; } }

.catalog-sell {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #6C6C6C;
  font-size: 12px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  margin: 10px auto 0;
  position: relative;
  opacity: 0.7; }
  .catalog-sell::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #6C6C6C;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .catalog-sell:hover::before {
    width: 0%; }

.catalog-mob-nav {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.mob-filter-btn {
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff; }

.full {
  margin-top: 80px; }
  @media only screen and (max-width: 1200px) {
    .full {
      margin-top: 50px; } }

.full-wrap {
  padding: 35px 60px 40px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(57.8%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 57.8%);
  background: -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 57.8%);
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 57.8%);
  position: relative; }
  @media only screen and (max-width: 720px) {
    .full-wrap {
      padding: 30px 20px; } }

.full-title {
  max-width: 645px;
  position: relative;
  z-index: 2; }
  .full-title h2 {
    font-family: "Unbounded", sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 166%; }
  .full-title b {
    font-weight: 700; }
  .full-title p {
    max-width: 500px;
    color: #6C6C6C;
    font-size: 24px;
    font-weight: 300;
    margin-top: 15px; }
  @media only screen and (max-width: 1200px) {
    .full-title h2 {
      font-size: 30px; }
    .full-title p {
      font-size: 20px; } }
  @media only screen and (max-width: 720px) {
    .full-title h2 {
      font-size: 22px; }
    .full-title p {
      font-size: 16px; }
    .full-title br {
      display: none; } }

.full-form {
  width: 360px;
  margin-top: 30px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .full-form {
      width: 100%;
      margin-top: 20px; } }

.full-sub {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear; }
  .full-sub input {
    display: none; }
  .full-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .full-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .full-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .full-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .full-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .full-sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .full-sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .full-sub {
      height: 80px; } }

.full-circle {
  width: 190px;
  height: 190px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-filter: drop-shadow(0px 0px 120px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 0px 120px rgba(0, 0, 0, 0.1));
  position: absolute;
  z-index: 22;
  top: 42px;
  right: 97px; }
  .full-circle p {
    color: #6C6C6C;
    font-size: 20px;
    line-height: 120%;
    position: relative;
    z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .full-circle {
      top: 302px;
      right: 27px; } }
  @media only screen and (max-width: 720px) {
    .full-circle {
      position: relative;
      top: auto;
      right: auto;
      margin: 20px auto 0; } }

.full-circle__bg {
  width: 100%;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.full-circle__icon {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  z-index: 2;
  animation: 2s rotate infinite linear reverse; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.full-photo {
  width: 1253px;
  display: block;
  position: absolute;
  bottom: 0;
  right: -400px; }
  @media only screen and (max-width: 1200px) {
    .full-photo {
      width: 823px;
      right: -200px; } }
  @media only screen and (max-width: 720px) {
    .full-photo {
      display: none; } }

.calculator {
  margin-top: 85px; }
  @media only screen and (max-width: 1200px) {
    .calculator {
      margin-top: 50px; } }

.calculator-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 55px; }
  @media only screen and (max-width: 1200px) {
    .calculator-frame {
      grid-gap: 30px; } }
  @media only screen and (max-width: 720px) {
    .calculator-frame {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px; } }

.calculator-setting {
  width: 430px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #FFF; }
  @media only screen and (max-width: 1200px) {
    .calculator-setting {
      width: 300px;
      padding: 20px; } }
  @media only screen and (max-width: 720px) {
    .calculator-setting {
      width: 100%; } }

.calculator-setting__item {
  margin-bottom: 35px; }
  .calculator-setting__item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .calculator-setting__item {
      margin-bottom: 25px; } }

.calculator-setting__title {
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1200px) {
    .calculator-setting__title {
      font-size: 16px; } }

.calculator-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.calculator-radio__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-bottom: 10px; }
  .calculator-radio__item p {
    color: #6C6C6C;
    font-size: 15px; }
  .calculator-radio__item:last-child {
    margin-bottom: 0; }

.calculator-radio__circle {
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 10px; }
  .calculator-radio__circle::before {
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    background-color: #35AA46;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }

.calculator-radio__item_active .calculator-radio__circle::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.calculator-setting__input {
  width: 100%;
  height: 65px;
  padding: 0 20px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #FFF;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #FFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
          box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
  text-align: center;
  color: #B8B8B8;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.96px;
  text-transform: uppercase; }

.calculator-setting__rang {
  margin-top: 20px; }

.calculator-setting__descripter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #6C6C6C;
  font-size: 14px;
  margin-top: 12px; }

.calculator-setting__rang {
  margin-top: 20px; }
  .calculator-setting__rang .irs--round .irs-min, .calculator-setting__rang .irs--round .irs-max {
    opacity: 0; }
  .calculator-setting__rang .irs--round {
    height: 5px; }
  .calculator-setting__rang .irs--round .irs-line {
    height: 5px;
    top: 0;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #D9D9D9; }
  .calculator-setting__rang .irs--round .irs-bar {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #35AA46;
    top: 0; }
  .calculator-setting__rang .irs--round .irs-from, .calculator-setting__rang .irs--round .irs-to, .calculator-setting__rang .irs--round .irs-single {
    opacity: 0; }
  .calculator-setting__rang .irs--round .irs-handle {
    width: 11px;
    height: 11px;
    background-color: #35AA46;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    top: -3px;
    cursor: pointer; }

.calculator-title {
  font-family: "Unbounded", sans-serif;
  font-size: 50px;
  margin-bottom: 65px; }
  @media only screen and (max-width: 1200px) {
    .calculator-title {
      font-size: 36px;
      text-align: center; } }
  @media only screen and (max-width: 720px) {
    .calculator-title {
      font-size: 24px;
      margin-bottom: 0px; } }

.calculator-item {
  margin-bottom: 30px; }
  .calculator-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .calculator-item {
      margin-bottom: 20px; } }

.calculator-item__title {
  text-align: center;
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 25px; }
  @media only screen and (max-width: 1200px) {
    .calculator-item__title {
      font-size: 16px;
      margin-bottom: 15px; } }

.calculator-item__counter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 30px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #FFF;
  font-size: 36px;
  font-weight: 500;
  margin: 0 auto; }
  @media only screen and (max-width: 1200px) {
    .calculator-item__counter {
      padding: 10px 20px;
      font-size: 24px; } }

.calculator-descripter {
  color: #6C6C6C;
  text-align: center;
  font-size: 14px;
  opacity: 0.5;
  margin-top: 45px; }
  @media only screen and (max-width: 1200px) {
    .calculator-descripter br {
      display: none; } }
  @media only screen and (max-width: 720px) {
    .calculator-descripter {
      margin-top: 20px; } }

.calculator-form {
  padding: 30px 40px 20px 365px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  margin-top: 45px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .calculator-form {
      padding: 30px 20px;
      margin-top: 30px; } }

.calculator-form__title {
  font-family: "Unbounded", sans-serif;
  font-size: 32px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .calculator-form__title {
      font-size: 22px;
      text-align: center;
      margin-bottom: 20px; } }

.calculator-form__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 20px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .calculator-form__group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 0; } }

.calculator-form__sub {
  max-width: 100%;
  width: 360px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear; }
  .calculator-form__sub input {
    display: none; }
  .calculator-form__sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .calculator-form__sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .calculator-form__sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .calculator-form__sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .calculator-form__sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .calculator-form__sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .calculator-form__sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .calculator-form__sub {
      width: 100%;
      height: 80px; } }

.calculator-photo {
  width: 445px;
  display: block;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .calculator-photo {
      width: 275px; } }
  @media only screen and (max-width: 720px) {
    .calculator-photo {
      display: none; } }

.why {
  padding: 85px 0 65px;
  background: url("/templates/mis-new/themes/app/images/bg/why-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin-top: 80px; }
  @media only screen and (max-width: 720px) {
    .why {
      padding: 50px 0;
      margin-top: 50px; } }

.why-content {
  width: 415px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #FFF;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  margin-top: 170px; }
  @media only screen and (max-width: 1200px) {
    .why-content {
      margin-top: 70px; } }
  @media only screen and (max-width: 720px) {
    .why-content {
      width: 100%;
      padding: 20px;
      margin-top: 30px; } }

.why-content__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .why-content__title img {
    margin-right: 15px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .why-content__title b {
    display: block;
    font-size: 24px; }
  @media only screen and (max-width: 720px) {
    .why-content__title img {
      width: 20px;
      margin-right: 10px; }
    .why-content__title b {
      font-size: 20px; } }

.why-info {
  color: #6C6C6C;
  font-size: 20px;
  margin-top: 25px; }
  @media only screen and (max-width: 720px) {
    .why-info {
      font-size: 16px;
      margin-top: 15px; } }

.why-play {
  max-width: 100%;
  width: 220px;
  height: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-size: 50px;
  position: absolute;
  right: 135px;
  top: 130px; }
  .why-play input {
    display: none; }
  .why-play::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .why-play::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .why-play *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .why-play *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .why-play:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .why-play {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .why-play::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  .why-play::before {
    -webkit-animation: move-light-slow 3s linear infinite;
            animation: move-light-slow 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .why-play {
      width: 120px;
      height: 120px;
      font-size: 20px;
      right: 45px; }
      .why-play::before {
        -webkit-animation: move-light 3s linear infinite;
                animation: move-light 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .why-play {
      position: relative;
      right: auto;
      top: auto;
      margin: 30px auto 0; } }

.agreement {
  padding-bottom: 100px;
  margin-top: 70px;
  background: url("/templates/mis-new/themes/app/images/bg/agreement-bg.png") center bottom no-repeat;
  -webkit-background-size: 1920px auto;
          background-size: 1920px auto; }
  @media only screen and (max-width: 1200px) {
    .agreement {
      padding-bottom: 750px; } }
  @media only screen and (max-width: 720px) {
    .agreement {
      padding-bottom: 540px;
      -webkit-background-size: 620px auto;
              background-size: 620px auto;
      margin-top: 50px; } }

.agreement-wrap {
  max-width: 670px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .agreement-wrap {
      max-width: 100%; } }

.agreement-title {
  font-family: "Unbounded", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 187%; }
  .agreement-title b {
    font-weight: 500; }
  @media only screen and (max-width: 720px) {
    .agreement-title {
      font-size: 24px; } }

.agreement-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 70px;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .agreement-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      grid-gap: 20px;
      margin-top: 20px; } }

.agreement-form {
  width: 360px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (max-width: 720px) {
    .agreement-form {
      width: 100%; } }

.agreement-form__info {
  color: #6C6C6C;
  font-size: 24px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 720px) {
    .agreement-form__info {
      font-size: 18px;
      margin-bottom: 20px; } }

.agreement-sub {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 20px; }
  .agreement-sub input {
    display: none; }
  .agreement-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .agreement-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .agreement-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .agreement-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .agreement-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .agreement-sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .agreement-sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .agreement-sub {
      height: 80px;
      margin-top: 0; } }

.agreement-person {
  width: 100%; }

.agreement-person__photo {
  width: 100%;
  height: 265px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1200px) {
    .agreement-person__photo {
      height: 335px; } }
  @media only screen and (max-width: 720px) {
    .agreement-person__photo {
      height: auto; } }

.agreement-person__info p {
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  text-transform: uppercase; }

.agreement-person__info span {
  display: block;
  color: #6C6C6C;
  font-size: 12px;
  line-height: 2;
  margin-top: 8px; }

@media only screen and (max-width: 720px) {
  .agreement-person__info p {
    font-size: 16px; }
  .agreement-person__info span {
    font-size: 10px;
    margin-top: 6px; } }

.agreement-document {
  position: absolute;
  right: -250px;
  top: -60px; }
  @media only screen and (max-width: 1200px) {
    .agreement-document {
      top: auto;
      bottom: -670px;
      right: -90px; } }
  @media only screen and (max-width: 720px) {
    .agreement-document {
      bottom: -500px;
      right: -135px; } }

.agreement-document__photo {
  width: 712px;
  display: block; }
  @media only screen and (max-width: 720px) {
    .agreement-document__photo {
      width: 510px; } }

.agreement-document__btn {
  width: 280px;
  position: absolute;
  left: 130px;
  bottom: 30px; }
  .agreement-document__btn p {
    color: #6C6C6C;
    text-align: center;
    font-size: 18px;
    line-height: 144%;
    margin-bottom: 20px; }
  .agreement-document__btn a {
    max-width: 100%;
    width: 100%;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
    font: 700 15px "Unbounded", sans-serif;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    font-size: 13px; }
    .agreement-document__btn a input {
      display: none; }
    .agreement-document__btn a::-moz-selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .agreement-document__btn a::selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .agreement-document__btn a *::-moz-selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .agreement-document__btn a *::selection {
      color: inherit;
      /* Цвет текста */
      background: transparent;
      /* Цвет фона */ }
    .agreement-document__btn a:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1.5em;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      -webkit-transform: translateX(-4em) skewX(-45deg);
          -ms-transform: translateX(-4em) skewX(-45deg);
              transform: translateX(-4em) skewX(-45deg);
      -webkit-animation: move-light 3s linear infinite;
              animation: move-light 3s linear infinite; }
    @media only screen and (max-width: 1200px) {
      .agreement-document__btn a {
        font-size: 12px; } }
    @media only screen and (max-width: 1200px) {
      .agreement-document__btn a::before {
        -webkit-animation: move-light-mob 3s linear infinite;
                animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .agreement-document__btn {
      width: 260px;
      left: 63px;
      bottom: 10px; }
      .agreement-document__btn p {
        font-size: 14px; } }

.gallery {
  margin-top: 25px; }

.gallery-title {
  position: relative; }

.nav-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 17px; }

.nav-arrow {
  max-width: 100%;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  font-size: 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }
  .nav-arrow input {
    display: none; }
  .nav-arrow::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-arrow::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-arrow *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-arrow *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .nav-arrow {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .nav-arrow::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  .nav-arrow::before {
    -webkit-animation: move-light-slow 3s linear infinite;
            animation: move-light-slow 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .nav-arrow {
      font-size: 6px; } }

.nav-play {
  max-width: 100%;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  font-size: 16px;
  -webkit-border-radius: 50%;
          border-radius: 50%; }
  .nav-play input {
    display: none; }
  .nav-play::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-play::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-play *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-play *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .nav-play:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .nav-play {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .nav-play::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  .nav-play .fa-pause {
    display: none; }
  .nav-play::before {
    -webkit-animation: move-light-slow 3s linear infinite;
            animation: move-light-slow 3s linear infinite; }

.gallery-nav {
  position: absolute;
  right: 0;
  top: 5px; }
  @media only screen and (max-width: 720px) {
    .gallery-nav {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      position: static;
      margin: 20px auto 0; } }

.gallery-slider {
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 30px; }

.gallery-slide {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  grid-gap: 30px;
  margin: 0 10px; }
  @media only screen and (max-width: 1200px) {
    .gallery-slide {
      grid-gap: 15px; } }

.gallery-slide__left {
  width: 405px;
  height: 590px;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .gallery-slide__left img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .gallery-slide__left:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  @media only screen and (max-width: 1200px) {
    .gallery-slide__left {
      width: 265px;
      height: 375px; } }

.gallery-slide__right {
  width: 100%; }

.gallery-slide__group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 30px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 30px), 1fr));
  grid-gap: 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px; }
  @media screen and (max-width: 1200px) {
    .gallery-slide__group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .gallery-slide__group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 30px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .gallery-slide__group {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 30px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 30px), 1fr)); } }
  .gallery-slide__group img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .gallery-slide__group {
      grid-gap: 15px;
      margin-bottom: 15px; } }

.gallery-slide__item {
  width: 100%;
  height: 270px;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .gallery-slide__item img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .gallery-slide__item:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  @media only screen and (max-width: 1200px) {
    .gallery-slide__item {
      height: 130px; } }

.gallery-slide__item-single {
  width: 100%;
  height: 290px;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .gallery-slide__item-single img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .gallery-slide__item-single:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  @media only screen and (max-width: 1200px) {
    .gallery-slide__item-single {
      height: 230px; } }

.gallery-slider-mob {
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden;
  margin-top: 25px; }

.gallery-slide__photo {
  width: 100%; }
  .gallery-slide__photo img {
    width: 100%;
    display: block; }

.other {
  margin-top: 65px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .other {
      margin-top: 50px; } }

.other-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 60px;
  margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .other-list {
      grid-gap: 20px;
      margin-top: 20px; } }
  @media only screen and (max-width: 720px) {
    .other-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 20px;
      margin-top: 25px; } }

.other-item {
  width: 320px;
  text-align: center; }
  @media only screen and (max-width: 1200px) {
    .other-item {
      width: 230px; } }
  @media only screen and (max-width: 720px) {
    .other-item {
      width: 100%; } }

.other-item__photo {
  width: 100%;
  height: 205px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1200px) {
    .other-item__photo {
      height: 135px; } }
  @media only screen and (max-width: 720px) {
    .other-item__photo {
      height: 215px; } }

.other-item__title {
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 1200px) {
    .other-item__title {
      font-size: 16px;
      margin-bottom: 5px; } }
  @media only screen and (max-width: 720px) {
    .other-item__title {
      font-size: 18px; } }

.other-item__address {
  color: #6C6C6C;
  line-height: 144%;
  margin-bottom: 10px; }
  @media only screen and (max-width: 1200px) {
    .other-item__address {
      font-size: 12px;
      margin-bottom: 5px; } }
  @media only screen and (max-width: 720px) {
    .other-item__address {
      font-size: 14px; } }

.other-item__info {
  color: #6C6C6C;
  font-size: 14px; }
  @media only screen and (max-width: 1200px) {
    .other-item__info {
      font-size: 12px; } }
  @media only screen and (max-width: 720px) {
    .other-item__info {
      font-size: 14px; } }

.owner {
  margin-top: 50px; }

.owner-title {
  max-width: 660px;
  position: relative;
  z-index: 2; }
  .owner-title h2 {
    font-family: "Unbounded", sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 153%;
    margin-bottom: 30px; }
  .owner-title p {
    max-width: 620px;
    color: #6C6C6C;
    font-size: 24px;
    font-weight: 300; }
  .owner-title b {
    font-weight: 500; }
  @media only screen and (max-width: 720px) {
    .owner-title h2 {
      font-size: 24px;
      margin-bottom: 20px; }
    .owner-title p {
      font-size: 18px; } }

.owner-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 15px;
  margin-top: 40px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 1200px) {
    .owner-form {
      width: 300px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.form-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px; }

.form-social__item {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
          box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.6) inset;
  position: relative; }
  .form-social__item p {
    font-family: "Unbounded", sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    text-align: center; }
  @media only screen and (max-width: 1200px) {
    .form-social__item {
      width: 70px;
      height: 70px; }
      .form-social__item p {
        font-size: 6px; } }

.form-social__icon {
  font-size: 30px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 1200px) {
    .form-social__icon {
      font-size: 24px; } }

.form-social__check {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  color: #35AA46;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  font-size: 7px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  right: -7px;
  top: -7px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

.form-social__item_tg {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #56A8CB;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #56A8CB;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #56A8CB;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #56A8CB; }
  .form-social__item_tg .form-social__icon {
    color: #24637E; }
  .form-social__item_tg p {
    color: #24637E; }

.form-social__item_wh {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #79BB1E;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #79BB1E;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #79BB1E;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #79BB1E; }
  .form-social__item_wh .form-social__icon {
    color: #588B11; }
  .form-social__item_wh p {
    color: #588B11; }

.form-social__item_active .form-social__check {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.owner-input {
  width: 300px;
  height: 80px;
  margin-bottom: 0px; }
  @media only screen and (max-width: 1200px) {
    .owner-input {
      width: 100%; } }

.owner-wrap-sub {
  width: 330px; }
  @media only screen and (max-width: 1200px) {
    .owner-wrap-sub {
      width: 100%; } }

.owner-sub {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  font-size: 13px; }
  .owner-sub input {
    display: none; }
  .owner-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .owner-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .owner-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .owner-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .owner-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .owner-sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .owner-sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }

.owner-photo {
  width: 1919px;
  display: block;
  position: absolute;
  right: -400px;
  top: -360px; }
  @media only screen and (max-width: 1200px) {
    .owner-photo {
      top: -120px; } }
  @media only screen and (max-width: 720px) {
    .owner-photo {
      width: 1220px;
      top: 20px; } }

.personal {
  margin-top: 70px;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 720px) {
    .personal {
      margin-top: 50px; } }

.personal-wrap {
  max-width: 745px;
  margin-left: auto; }
  @media only screen and (max-width: 720px) {
    .personal-wrap {
      max-width: 100%; } }

.personal-title {
  font-family: "Unbounded", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 157%;
  margin-bottom: 30px; }
  @media only screen and (max-width: 720px) {
    .personal-title {
      font-size: 24px;
      margin-bottom: 20px; } }

.personal-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px; }
  @media only screen and (max-width: 720px) {
    .personal-group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.personal-content {
  max-width: 325px; }

.personal-name p {
  color: #B8B8B8;
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.personal-name span {
  display: block;
  color: rgba(39, 39, 40, 0.8);
  font-size: 16px;
  line-height: 162%; }

.personal-contact {
  margin-top: 20px; }

.personal-contact__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px; }
  .personal-contact__item img {
    display: block;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .personal-contact__item span {
    color: rgba(39, 39, 40, 0.8);
    line-height: 144%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .personal-contact__item:last-child {
    margin-bottom: 0; }
  .personal-contact__item:hover span {
    color: #35AA46; }

.personal-descripter {
  padding-left: 60px;
  color: #6C6C6C;
  font-size: 14px;
  line-height: 185%;
  margin-top: 40px; }
  @media only screen and (max-width: 720px) {
    .personal-descripter {
      padding-left: 0;
      margin-top: 20px; } }

.personal-list {
  max-width: 335px; }
  @media only screen and (max-width: 720px) {
    .personal-list {
      max-width: 100%; } }

.personal-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px; }
  .personal-item img {
    width: 42px;
    height: 42px;
    display: block;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    margin-right: 20px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .personal-item p {
    color: rgba(39, 39, 40, 0.8);
    line-height: 144%; }
  .personal-item:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 720px) {
    .personal-item {
      margin-bottom: 20px; }
      .personal-item p {
        font-size: 16px; } }

.personal-person {
  width: 1061px;
  display: block;
  pointer-events: none;
  position: absolute;
  top: -30px;
  left: -350px; }
  @media only screen and (max-width: 1200px) {
    .personal-person {
      display: none; } }

.office {
  position: relative;
  z-index: 2;
  margin-top: 65px; }
  @media only screen and (max-width: 720px) {
    .office {
      margin-top: 50px; } }

.office-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  grid-gap: 30px;
  margin-top: 15px; }
  @media only screen and (max-width: 1200px) {
    .office-list {
      grid-gap: 15px; } }
  @media only screen and (max-width: 720px) {
    .office-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.office-item {
  height: 293px;
  display: block;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden; }
  .office-item img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .office-item:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  @media only screen and (max-width: 1200px) {
    .office-item {
      height: 180px; } }
  @media only screen and (max-width: 720px) {
    .office-item {
      height: auto; }
      .office-item img {
        height: auto; } }

.office-item_100 {
  width: 100%; }

.office-item_75 {
  width: -webkit-calc(75% - 20px);
  width: calc(75% - 20px); }
  @media only screen and (max-width: 1200px) {
    .office-item_75 {
      width: -webkit-calc(75% - 10px);
      width: calc(75% - 10px); } }
  @media only screen and (max-width: 720px) {
    .office-item_75 {
      width: 100%; } }

.office-item_50 {
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px); }
  @media only screen and (max-width: 1200px) {
    .office-item_50 {
      width: -webkit-calc(50% - 10px);
      width: calc(50% - 10px); } }
  @media only screen and (max-width: 720px) {
    .office-item_50 {
      width: 100%; } }

.office-item_25 {
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px); }
  @media only screen and (max-width: 1200px) {
    .office-item_25 {
      width: -webkit-calc(25% - 10px);
      width: calc(25% - 10px); } }
  @media only screen and (max-width: 720px) {
    .office-item_25 {
      width: 100%; } }

.reviews {
  margin-top: 65px; }
  @media only screen and (max-width: 1200px) {
    .reviews {
      margin-top: 50px; } }

.free {
  padding: 60px 0 40px;
  background: url("/templates/mis-new/themes/app/images/bg/free-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin-top: 140px; }
  @media only screen and (max-width: 1200px) {
    .free {
      margin-top: 50px;
      background-position: center left -540px; } }
  @media only screen and (max-width: 720px) {
    .free {
      padding: 125px 0 120px;
      background: url("/templates/mis-new/themes/app/images/bg/free-mob-bg.jpg") center no-repeat;
      -webkit-background-size: cover;
              background-size: cover; } }

.free-title {
  max-width: 580px;
  margin-top: 15px; }
  .free-title h2 {
    font-family: "Unbounded", sans-serif;
    font-size: 32px; }
  .free-title p {
    max-width: 415px;
    color: #6C6C6C;
    font-size: 24px; }
  @media only screen and (max-width: 720px) {
    .free-title h2 {
      font-size: 24px; }
    .free-title p {
      font-size: 16px;
      line-height: 187%; } }

.free-form {
  width: 330px;
  margin-top: 30px; }
  @media only screen and (max-width: 720px) {
    .free-form {
      width: 100%;
      margin-top: 20px; } }

.free-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1200px) {
    .free-social {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 15px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media only screen and (max-width: 720px) {
    .free-social {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }

.free-social__title {
  width: 85px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #6C6C6C;
  font-size: 14px;
  line-height: 2.03;
  margin-right: 20px; }
  @media only screen and (max-width: 1200px) {
    .free-social__title {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 720px) {
    .free-social__title {
      width: 85px;
      margin-right: 20px;
      margin-bottom: 0; } }

.free-input {
  height: 80px;
  font-size: 13px; }
  @media only screen and (max-width: 720px) {
    .free-input {
      margin-bottom: 15px; } }

.free-sub {
  max-width: 100%;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear; }
  .free-sub input {
    display: none; }
  .free-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .free-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .free-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .free-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .free-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .free-sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .free-sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }

.policy-title {
  font-size: 40px;
  text-align: center; }
  .policy-title h1 {
    line-height: 1.3; }
  .policy-title span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #35AA46;
    margin: 0 auto; }
  @media only screen and (max-width: 720px) {
    .policy-title {
      font-size: 28px; } }

.policy-list {
  margin-top: 40px; }

.policy-item {
  margin-bottom: 40px; }
  .policy-item h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    margin-bottom: 15px;
    color: #414141; }
  .policy-item p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px; }
  .policy-item a {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
    .policy-item a:hover {
      color: #35AA46; }

.policy-btn {
  max-width: 100%;
  width: 300px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin: 0 auto; }
  .policy-btn input {
    display: none; }
  .policy-btn::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .policy-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .policy-btn {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .policy-btn::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }

.popup-frame {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: 0;
  z-index: 80; }

.js-popup {
  cursor: pointer; }

.popup-default {
  display: block;
  width: 550px;
  padding: 75px;
  background-color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  position: relative;
  margin: auto; }
  @media only screen and (max-width: 720px) {
    .popup-default {
      padding: 50px 20px; } }

.popup-default-title {
  margin-bottom: 30px; }
  .popup-default-title h3 {
    font-size: 34px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #272727; }
  .popup-default-title p {
    max-width: 75%;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: 400;
    margin: 15px auto 0;
    color: #999; }
  @media only screen and (max-width: 720px) {
    .popup-default-title h3 {
      font-size: 24px; } }

.popup-default-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
  position: relative; }
  .popup-default-item p {
    font-weight: 400;
    position: absolute;
    font-size: 16px;
    bottom: 13px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer; }
  .popup-default-item input {
    width: 100%;
    height: 50px;
    border: none;
    font-size: 16px;
    border-bottom: 1px solid #DEDEDE;
    background-color: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    /* Цвет фона */ }

.active-default-input p {
  bottom: 48px;
  font-size: 12px; }

.popup-default-sub {
  max-width: 100%;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  margin-top: 40px; }
  .popup-default-sub input {
    display: none; }
  .popup-default-sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-default-sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .popup-default-sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .popup-default-sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  @media only screen and (max-width: 720px) {
    .popup-default-sub {
      margin-top: 20px; } }

.popup-default-close {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer; }
  .popup-default-close::before, .popup-default-close::after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #999;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .popup-default-close::before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .popup-default-close::after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .popup-default-close:hover::before, .popup-default-close:hover::after {
    background-color: #35AA46; }

.popup {
  display: none;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }

.popup-close {
  cursor: pointer;
  font-size: 16px;
  color: #B8B8B8;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 20px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }
  .popup-close:hover {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  @media only screen and (max-width: 1200px) {
    .popup-close {
      font-size: 12px;
      right: 15px;
      top: 15px; } }

.popup-close_lot {
  font-size: 10px;
  right: 15px;
  top: 10px; }
  @media only screen and (max-width: 1200px) {
    .popup-close_lot {
      color: #fff;
      top: 15px; } }

.popup-active {
  display: block; }

.popup-catalog {
  width: 800px;
  padding: 30px 230px 20px 40px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: url("/templates/mis-new/themes/app/images/bg/popup-catalog-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .popup-catalog {
      width: 300px;
      padding: 30px 20px;
      background: #fff; } }

.popup-catalog__title {
  font-family: "Unbounded", sans-serif;
  font-size: 32px;
  line-height: 137%;
  margin-bottom: 15px; }
  .popup-catalog__title b {
    color: #35AA46; }
  @media only screen and (max-width: 1200px) {
    .popup-catalog__title {
      font-size: 24px;
      margin-bottom: 10px; } }

.popup-group {
  width: 330px; }
  .popup-group .free-input {
    margin-bottom: 10px; }
  .popup-group .page-copy {
    margin-top: 10px; }
  @media only screen and (max-width: 1200px) {
    .popup-group {
      width: 100%; }
      .popup-group .free-social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      .popup-group .free-social__title {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; }
      .popup-group .form-social {
        width: 100%; } }

.popup-catalog_circle {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  top: 22px;
  right: 27px; }
  @media only screen and (max-width: 1200px) {
    .popup-catalog_circle {
      display: none; } }

.popup-view {
  width: 800px;
  padding: 30px 220px 20px 40px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: url("/templates/mis-new/themes/app/images/bg/popup-view-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .popup-view {
      width: 300px;
      padding: 30px 20px;
      background: #fff; } }

.popup-view__title {
  font-family: "Unbounded", sans-serif;
  margin-bottom: 35px; }
  .popup-view__title h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 137%;
    margin-bottom: 10px; }
  .popup-view__title p {
    font-size: 20px; }
  @media only screen and (max-width: 1200px) {
    .popup-view__title {
      margin-bottom: 15px; }
      .popup-view__title h3 {
        font-size: 26px; }
      .popup-view__title p {
        font-size: 16px; }
      .popup-view__title br {
        display: none; } }

.popup-presentation {
  width: 800px;
  padding: 30px 70px 20px 400px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: url("/templates/mis-new/themes/app/images/bg/popup-presentation-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .popup-presentation {
      width: 300px;
      padding: 30px 20px;
      background: #fff; } }

.popup-presentation_circle {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  right: auto;
  top: 20px;
  left: 80px; }
  .popup-presentation_circle p {
    font-size: 15px;
    line-height: 28px;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .popup-presentation_circle b {
    font-size: 24px; }
  @media only screen and (max-width: 1200px) {
    .popup-presentation_circle {
      display: none; } }

.popup-presentation__save {
  display: block;
  margin: 15px auto 0;
  position: relative;
  z-index: 2;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2); }

.popup-sell {
  width: 800px;
  padding: 30px 40px 40px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: url("/templates/mis-new/themes/app/images/bg/popup-sell-bg.jpg") center no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }
  @media only screen and (max-width: 1200px) {
    .popup-sell {
      width: 300px;
      padding: 30px 20px;
      background: #fff; } }

.popup-sell__title {
  margin-bottom: 20px; }
  .popup-sell__title h3 {
    font-family: "Unbounded", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 137%;
    margin-bottom: 10px; }
  .popup-sell__title p {
    max-width: 430px;
    color: #6C6C6C;
    font-family: "Unbounded", sans-serif;
    font-size: 16px;
    line-height: 187%; }
  @media only screen and (max-width: 1200px) {
    .popup-sell__title {
      margin-bottom: 15px; }
      .popup-sell__title h3 {
        font-size: 24px; }
      .popup-sell__title p {
        font-size: 14px; }
      .popup-sell__title br {
        display: none; } }

.popup-sell__group {
  width: 285px; }
  .popup-sell__group .page-input {
    margin-bottom: 10px; }
  .popup-sell__group .page-copy {
    margin-top: 10px; }
  @media only screen and (max-width: 1200px) {
    .popup-sell__group {
      width: 100%; } }

.form-social_sell {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px; }
  .form-social_sell .form-social__item {
    width: 130px;
    height: 40px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .form-social_sell .form-social__icon {
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 0; }

.popup-sell__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 4) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 4) - 20px), 1fr));
  grid-gap: 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 15px; }
  @media screen and (max-width: 1200px) {
    .popup-sell__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .popup-sell__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .popup-sell__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  .popup-sell__list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .popup-sell__list {
      grid-gap: 15px; } }

.popup-sell__item {
  padding: 10px;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  background: #F4F4F4;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  position: relative; }
  .popup-sell__item:hover .popup-sell__item_hide {
    opacity: 0; }
  .popup-sell__item:hover .popup-sell__item-hover {
    opacity: 1; }

.popup-sell__item_hide {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.popup-sell__item-photo {
  width: 82px;
  height: 82px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: 0 auto 20px; }

.popup-sell__item-info {
  font-size: 11px;
  text-align: center;
  line-height: 16px; }

.popup-sell__item-hover {
  width: 100%;
  height: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  background: #F4F4F4;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  opacity: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  position: absolute;
  left: 0;
  top: 0; }
  .popup-sell__item-hover p {
    color: #6C6C6C;
    text-align: center;
    font-size: 11px;
    line-height: 15px; }
  .popup-sell__item-hover b {
    font-weight: 600; }
  @media only screen and (max-width: 1200px) {
    .popup-sell__item-hover p {
      font-size: 12px;
      line-height: 17px; } }

.popup-kp {
  width: 850px;
  padding: 25px 35px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background-color: #fff; }
  @media only screen and (max-width: 1200px) {
    .popup-kp {
      width: 300px;
      padding: 30px 20px; } }

.popup-kp__title {
  text-align: center;
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__title {
      font-size: 20px;
      margin-bottom: 15px; } }

.popup-kp__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 3) - 17px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 3) - 17px), 1fr));
  grid-gap: 17px 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .popup-kp__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 17px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 17px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .popup-kp__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 17px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 17px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .popup-kp__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 17px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 17px), 1fr)); } }
  .popup-kp__list img {
    max-width: 100%;
    display: block; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__list {
      grid-gap: 15px; } }

.popup-kp__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .popup-kp__item p {
    padding-left: 20px;
    font-size: 14px;
    line-height: 171%;
    margin: auto 0; }
    @media only screen and (max-width: 1200px) {
      .popup-kp__item p {
        padding-left: 0;
        font-size: 12px;
        line-height: 1.4; } }
  .popup-kp__item ul {
    padding-left: 5px;
    font-size: 13px;
    line-height: 18px;
    margin: auto 0; }
    .popup-kp__item ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 10px; }
      .popup-kp__item ul li::before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #272728;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        margin-right: 7px;
        margin-top: 6px; }
      .popup-kp__item ul li:last-child {
        margin-bottom: 0; }

.popup-kp__item-photo {
  height: 150px;
  display: block;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden; }
  .popup-kp__item-photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-border-radius: inherit;
            border-radius: inherit;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .popup-kp__item-photo:hover img {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3); }

.popup-kp__descripter {
  text-align: center;
  font-size: 20px;
  margin-top: 30px; }
  .popup-kp__descripter span {
    font-weight: 500; }
  .popup-kp__descripter b {
    font-weight: 600; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__descripter {
      font-size: 16px;
      margin-top: 15px; } }

.popup-kp__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 20px;
  margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__group {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      grid-gap: 15px;
      margin-top: 20px; } }

.kp-input {
  width: 360px;
  height: 100px; }
  @media only screen and (max-width: 1200px) {
    .kp-input {
      width: 100%;
      height: 80px;
      margin-bottom: 0; } }

.popup-kp__sub-wrap {
  width: 360px; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__sub-wrap {
      width: 100%; } }

.popup-kp__sub {
  max-width: 100%;
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  padding-left: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left; }
  .popup-kp__sub input {
    display: none; }
  .popup-kp__sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-kp__sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-kp__sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-kp__sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-kp__sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .popup-kp__sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }
  .popup-kp__sub img {
    width: 163px;
    position: absolute;
    bottom: -13px;
    right: 8px; }
  @media only screen and (max-width: 1200px) {
    .popup-kp__sub {
      height: 80px;
      padding-left: 30px; }
      .popup-kp__sub img {
        width: 120px;
        bottom: -7px;
        right: 10px; } }

.popup-infrastructure {
  width: 1000px;
  padding: 40px 45px 35px;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: #fff; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure {
      width: 300px;
      padding: 30px 20px; } }

.popup-infrastructure__title {
  text-align: center;
  font-family: "Unbounded", sans-serif;
  font-size: 24px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__title {
      font-size: 20px;
      margin-bottom: 10px; }
      .popup-infrastructure__title br {
        display: none; } }

.popup-infrastructure__info p {
  font-size: 14px;
  line-height: 171%;
  margin-bottom: 15px; }
  .popup-infrastructure__info p:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 1200px) {
  .popup-infrastructure__info p {
    line-height: 1.4;
    margin-bottom: 10px; } }

.popup-infrastructure__wrap {
  padding: 0 65px;
  margin-top: 40px; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__wrap {
      padding: 0;
      margin-top: 20px; } }

.popup-infrastructure__wrap-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 15px;
  margin-bottom: 20px; }
  .popup-infrastructure__wrap-title p {
    font-family: "Unbounded", sans-serif;
    font-size: 20px; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__wrap-title {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center; } }

.popup-infrastructure__slider {
  width: -webkit-calc(100% + 18px);
  width: calc(100% + 18px);
  margin-left: -9px; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__slider {
      width: -webkit-calc(100% + 10px);
      width: calc(100% + 10px);
      margin-left: -5px; } }

.popup-infrastructure__slide {
  margin: 0 9px; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__slide {
      margin: 0 5px; } }

.popup-infrastructure__photo {
  width: 100%;
  height: 150px;
  display: block;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px; }
  .popup-infrastructure__photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .popup-infrastructure__photo:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .popup-infrastructure__photo:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1200px) {
    .popup-infrastructure__photo {
      margin-bottom: 15px; } }

@media only screen and (max-width: 1200px) {
  .popup-lot {
    width: 300px; } .object .popup-lot {width: 100%;}}

.popup-lot__frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__frame {
      display: block; } }

.popup-lot__wrap {
  width: 530px;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__wrap {
      width: 100%; }
    .object .popup-lot__wrap, .object .popup-lot__content {width: 100%!important}
  }

.popup-lot__nav {
  position: absolute;
  z-index: 2;
  top: 23px;
  left: 30px; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__nav {
      left: 15px;
      top: 15px; } }

.popup-lot__slider {
  height: 100%;
  -webkit-border-radius: 20px 0 0 20px;
          border-radius: 20px 0 0 20px;
  overflow: hidden; }
  .popup-lot__slider .slick-list, .popup-lot__slider .slick-track {
    height: 100%; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__slider {
      -webkit-border-radius: 20px 20px 0 0;
              border-radius: 20px 20px 0 0; } }

.popup-lot__photo {
  width: 100%;
  height: 100%;
  display: block; }
  .popup-lot__photo img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__photo {
      height: 390px; } }

.popup-lot__content {
  width: 470px;
  padding: 25px 30px 15px 40px;
  -webkit-border-radius: 0 20px 20px 0;
          border-radius: 0 20px 20px 0;
  background: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__content {
      width: 100%;
      padding: 20px;
      -webkit-border-radius: 0 0 20px 20px;
              border-radius: 0 0 20px 20px; } }

.popup-lot__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 60px; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__header {
      grid-gap: 15px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .object .popup-lot__header {
      grid-gap: 15px;
      -webkit-box-orient: unset;
      -webkit-box-direction: unset;
      -webkit-flex-direction: unset;
      -ms-flex-direction: unset;
      flex-direction: unset;
      -webkit-box-align: unset;
      -webkit-align-items: unset;
      -ms-flex-align: unset;
    flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;}}

.popup-lot__title {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  display: block; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__title {
      font-size: 20px; } .object .popup-lot__title {
                               font-size: 25px;
                             } }

.popup-lot__price {
  padding: 10px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background: #F4F4F4;
  color: #35AA46;
  font-size: 21px;
  font-weight: 700; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__price {
      font-size: 18px; } .object     .popup-lot__price {
                               font-size: 30px;
                             }}

.popup-lot__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( (100% / 2) - 20px), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(calc( (100% / 2) - 20px), 1fr));
  grid-gap: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px; }
  @media screen and (max-width: 1200px) {
    .popup-lot__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 980px) {
    .popup-lot__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 2 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 2 - 20px), 1fr)); } }
  @media screen and (max-width: 700px) {
    .popup-lot__list {
      grid-template-columns: repeat(auto-fill, minmax(-webkit-calc( 100% / 1 - 20px), 1fr));
      grid-template-columns: repeat(auto-fill, minmax(calc( 100% / 1 - 20px), 1fr)); } }
  .popup-lot__list img {
    max-width: 100%;
    display: block; }

.popup-lot__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-gap: 10px;
  margin-bottom: 10px; }
  .popup-lot__item p {
    font-size: 14px; }
    .popup-lot__item p:nth-child(1) {
      width: 110px;
      color: #6C6C6C;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .popup-lot__item p:nth-child(2) {
      width: 100%;
      color: #000;
      font-weight: 500; }
  .popup-lot__item:last-child {
    margin-bottom: 0; }

.popup-lot__item_single {
  margin-bottom: 0;
  margin-top: 10px; }

.popup-lot__group-title {
  text-align: center;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  margin-top: 20px; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__group-title {
      font-size: 18px; } }

.popup-lot__group {
  width: 270px;
  margin: 20px auto 0; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__group {
      width: 100%; } }

.lot-input {
  height: 70px;
  font-size: 13px; }

.popup-lot__sub {
  max-width: 100%;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0))), #35AA46;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #35AA46;
  font: 700 15px "Unbounded", sans-serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s linear;
  -o-transition: .4s linear;
  transition: .4s linear;
  font-size: 13px; }
  .popup-lot__sub input {
    display: none; }
  .popup-lot__sub::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-lot__sub::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-lot__sub *::-moz-selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-lot__sub *::selection {
    color: inherit;
    /* Цвет текста */
    background: transparent;
    /* Цвет фона */ }
  .popup-lot__sub:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateX(-4em) skewX(-45deg);
        -ms-transform: translateX(-4em) skewX(-45deg);
            transform: translateX(-4em) skewX(-45deg);
    -webkit-animation: move-light 3s linear infinite;
            animation: move-light 3s linear infinite; }
  @media only screen and (max-width: 1200px) {
    .popup-lot__sub {
      font-size: 12px; } }
  @media only screen and (max-width: 1200px) {
    .popup-lot__sub::before {
      -webkit-animation: move-light-mob 3s linear infinite;
              animation: move-light-mob 3s linear infinite; } }

/*noinspection ALL*/
.price-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #35AA46;
  font-family: "Unbounded", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin: 15px auto 0;
  position: relative; }
  .price-link::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #35AA46;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
  .price-link:hover::before {
    width: 0%; }


    .plan_block svg {clip-path: inset(2px 0 2px 0);}
	
	
	.map_legend {
    position: absolute;
    z-index: 2;
    left: 970px;
    top: 1175px;
}
	
	
	
@media only screen and (max-width: 1500px) {	
	
	.map_legend {
    position: absolute;
    z-index: 2;
    left: 970px;
    top: 1260px;
}
}


@media only screen and (max-width: 1240px) {

  .map_legend {
    display: none;
  }

}

@media only screen and (max-width: 768px) {
	
	
.map-wrap {
    position: relative;
    z-index: 2;
}




.map-filter {
    width: 220px;
    padding: 0;
	
}

}

@media only screen and (max-width: 620px) {

.map-wrap {
    /* margin-top: 209px; */
    margin-top: 45px;
    position: absolute;
    z-index: 2;
    margin-left: 262px;
}


    .map-zone {
        width: 154px;
        padding: 8px 10px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
	
	    .map-zone__item {
     
        margin-bottom: 0px!important;
        gap: 5px!important;
    }

  }


   .adress_leto {
    color: rgba(39, 39, 40, 0.8);
    font-size: 16px;
    /* font: 16px / 1.5 'Main-Font', sans-serif; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    font-family: "Unbounded", sans-serif;
    gap: 10px;
	width: 50%;
}

a.phone_leto {
    font-weight: 700;
}

@media only screen and (max-width: 620px) {


.adress_leto p, .adress_leto a {
 
  font-size: 12px;
} 
  .adress_leto {
    color: rgba(39, 39, 40, 0.8);
    font-size: 16px;
    /* font: 16px / 1.5 'Main-Font', sans-serif; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    font-family: "Unbounded", sans-serif;
    gap: 10px;
	width: 100%;
}

}