img, legend {
  border: 0; }

legend, td, th {
  padding: 0; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, optgroup, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre, textarea {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

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

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*, ::after, ::before {
  box-sizing: inherit; }

img {
  max-width: 100%;
  height: auto; }

*, ::after, ::before {
  box-sizing: border-box; }

@font-face {
  font-family: 'Euclid Circular B';
  src: url("fonts/EuclidCircularB-Light.eot");
  src: local("Euclid Circular B Light"), local("EuclidCircularB-Light"), url("fonts/EuclidCircularB-Light.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularB-Light.woff2") format("woff2"), url("fonts/EuclidCircularB-Light.woff") format("woff"), url("fonts/EuclidCircularB-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Euclid Circular B';
  src: url("fonts/EuclidCircularB-Regular.eot");
  src: local("Euclid Circular B Regular"), local("EuclidCircularB-Regular"), url("fonts/EuclidCircularB-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularB-Regular.woff2") format("woff2"), url("fonts/EuclidCircularB-Regular.woff") format("woff"), url("fonts/EuclidCircularB-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Euclid Circular B';
  src: url("fonts/EuclidCircularB-Medium.eot");
  src: local("Euclid Circular B Medium"), local("EuclidCircularB-Medium"), url("fonts/EuclidCircularB-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularB-Medium.woff2") format("woff2"), url("fonts/EuclidCircularB-Medium.woff") format("woff"), url("fonts/EuclidCircularB-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Euclid Circular B';
  src: url("fonts/EuclidCircularB-SemiBold.eot");
  src: local("Euclid Circular B SemiBold"), local("EuclidCircularB-SemiBold"), url("fonts/EuclidCircularB-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidCircularB-SemiBold.woff2") format("woff2"), url("fonts/EuclidCircularB-SemiBold.woff") format("woff"), url("fonts/EuclidCircularB-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@keyframes slide {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  7% {
    opacity: 1;
    transform: translateY(0); }
  22% {
    opacity: 1;
    transform: translateY(0); }
  32% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 0; } }
@keyframes fillAnimation {
  to {
    stroke-dashoffset: 0; } }
@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes timeline {
  to {
    width: 100%; } }
ul, li {
  margin: 0;
  padding: 0;
  display: block; }

a {
  transition: .3s all;
  outline: none;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

button {
  transition: .6s all;
  border: none;
  outline: none;
  background: none;
  padding: 0; }

h1, h2, h3, h4, h5, p {
  margin: 0; }

input {
  outline: none; }
  input.error {
    color: red !important;
    border-color: red !important; }

html {
  scroll-behavior: smooth; }

body {
  font-size: 0.75rem;
  font-family: 'Euclid Circular B', sans-serif;
  background: #f4f6fb; }

::-webkit-scrollbar {
  width: .5rem;
  height: 0.5rem; }

::-webkit-scrollbar-track {
  background: #ddd; }

::-webkit-scrollbar-thumb {
  background: #007BFB;
  border: 1px solid #ddd; }

.lazy {
  opacity: 0; }

@media (max-width: 767.98px) {
  body {
    font-size: 0.7rem; } }
:root {
  font-size: 20px; }

.container {
  max-width: 72rem;
  padding: 0 3rem;
  width: 100%;
  margin: 0 auto; }

@media (max-width: 1500.98px) {
  :root {
    font-size: 19px; } }
@media (max-width: 1400.98px) {
  :root {
    font-size: 18px; } }
@media (max-width: 1300.98px) {
  :root {
    font-size: 17px; } }
@media (max-width: 1200.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 1100.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 1000.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 900.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  :root {
    font-size: 18px; } }
@media (max-width: 767.98px) {
  :root {
    font-size: 20px; }

  .container {
    padding: 0 .75rem; } }
@media (max-width: 400.98px) {
  :root {
    font-size: 19px; } }
@media (max-width: 389.98px) {
  :root {
    font-size: 18px; } }
@media (max-width: 375.98px) {
  :root {
    font-size: 16px; } }
@media (max-width: 345.98px) {
  :root {
    font-size: 15px; } }
@media (max-width: 330.98px) {
  :root {
    font-size: 14px; } }
@media (max-width: 320.98px) {
  :root {
    font-size: 13px; } }
@media (max-width: 300.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 1000px) and (orientation: landscape) {
  :root {
    font-size: 12px; } }
@media (max-width: 700px) and (orientation: landscape) {
  :root {
    font-size: 10px; } }
.db {
  display: block !important; }

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .6s all;
  cursor: pointer;
  user-select: none;
  background: #007BFB;
  color: #fff;
  border-radius: .5rem; }
  .btn:hover {
    border-radius: 3rem; }
  .btn-white {
    border: 1px solid #E1E6F1;
    background: #fff;
    color: #007BFB; }
    .btn-white:hover {
      border-radius: .5rem;
      background: #007BFB;
      border-color: #007BFB;
      color: #fff; }
  .btn-trans {
    background: #000;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); }
    .btn-trans:hover {
      background: #007BFB; }
  .btn.disabled {
    pointer-events: none;
    background: #65B0FF; }

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem; }
  .tags li {
    border-radius: 2rem;
    background: rgba(17, 29, 59, 0.6);
    color: #fff;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 1.25rem;
    padding: 0 0.75rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 0.6rem;
    transition: .6s all; }
    .tags li.more {
      cursor: pointer; }
    .tags li.live {
      gap: .25rem; }
      .tags li.live span {
        width: .45rem;
        height: .45rem;
        background: red;
        border-radius: 50%; }
    .tags li.discount {
      gap: .25rem;
      padding-left: 0.5rem; }
      .tags li.discount img {
        width: .75rem; }
    .tags li:hover, .tags li.active {
      background: #007BFB; }
  .tags > div {
    display: none;
    flex-wrap: wrap;
    gap: .6rem; }
  .tags.active > div {
    display: flex; }

.section-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 2rem; }
  .section-title span {
    color: #007BFB; }
.section-all {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 1.5rem;
  color: #007BFB;
  background: #fff;
  gap: .5rem;
  font-size: 0.7rem;
  box-shadow: 0px 10px 15px 0px rgba(0, 48, 167, 0.05); }
  .section-all span {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .section-all svg {
    width: 0.8rem;
    height: 0.8rem; }
  .section-all p {
    opacity: 0;
    position: absolute; }
  .section-all:hover {
    width: 3.5rem;
    color: #fff;
    background: #007BFB; }
    .section-all:hover p {
      opacity: 1;
      position: static; }
    .section-all:hover span {
      background: #2590FF;
      margin-right: -0.1rem; }
.section-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: .75rem; }
  .section-wrap .section-title {
    margin-bottom: 0; }
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem; }
  .section-head .section-wrap {
    margin-bottom: 0; }

.arrows {
  display: flex;
  gap: .5rem; }
  .arrows span {
    width: 2rem;
    height: 2rem;
    box-shadow: 0px 15px 30px 0px rgba(0, 48, 167, 0.08);
    border-radius: .5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    background: #fff;
    color: #007BFB; }
    .arrows span svg {
      width: 0.9rem;
      height: 0.9rem; }
    .arrows span:hover {
      background: #007BFB;
      color: #fff;
      border-radius: 50%; }

.advice {
  position: relative; }
  .advice__text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.5rem;
    pointer-events: none;
    display: none;
    align-items: center;
    height: 2rem;
    padding: 0 1rem;
    color: #fff;
    border-radius: .4rem;
    font-weight: 500;
    font-size: 0.6rem;
    white-space: nowrap;
    background: rgba(17, 29, 59, 0.6);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
    .advice__text.advice__text-active {
      display: none; }
  .advice:hover .advice__text {
    display: inline-flex; }
    .advice:hover .advice__text.advice__text-active {
      display: none; }

.time li {
  display: flex;
  align-items: center;
  gap: .25rem;
  height: 1.5rem; }
  .time li span {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #8694B1; }
  .time li img {
    width: 0.95rem; }
  .time li::before {
    width: .35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: #35C75F;
    content: '';
    margin: 0 .3rem; }
  .time li.pink::before {
    background: #C735B8; }
  .time li.orange::before {
    background: #FF6610; }

.added {
  display: none;
  position: fixed;
  width: 44.8rem;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  z-index: 5;
  max-width: 100%;
  padding: 0 0.75rem;
  z-index: 11; }
  .added-item {
    width: 100%;
    color: #fff;
    margin-top: 0.5rem;
    border-radius: 1rem;
    background: rgba(17, 29, 59, 0.8);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5rem;
    padding: 0 1.25rem;
    font-size: 0.8rem; }
    .added-item__wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .added-item__ico {
      width: 2.5rem;
      height: 2.5rem;
      flex-shrink: 0;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: rgba(17, 29, 59, 0.6); }
      .added-item__ico img {
        width: 1.3rem; }
    .added-item__info {
      display: flex;
      align-items: center;
      gap: .5rem; }
    .added-item__name {
      font-size: 1rem;
      font-weight: 500; }
    .added-item__text {
      color: #AFBBD4; }
    .added-item__btn {
      font-weight: 500;
      height: 2.5rem;
      width: 7rem; }
      .added-item__btn img {
        display: none; }

.popup-mobile {
  display: none; }

@media (max-width: 767.98px) {
  .section-title {
    font-size: 1.1rem;
    margin-bottom: 1.5rem; }
  .section-wrap {
    justify-content: space-between;
    margin-bottom: 1.5rem; }
  .section-all {
    width: 3rem;
    height: 1.4rem; }
    .section-all p {
      position: static;
      opacity: 1; }
    .section-all span {
      display: none; }
  .section-head {
    margin-bottom: 1.5rem; }
    .section-head .section-wrap {
      width: 100%; }

  .arrows {
    display: none; }

  .mobile-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    background: #fff;
    max-height: 100svh;
    overflow: auto; }
    .mobile-content::before {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0.65rem;
      height: 0.2rem;
      width: 2.5rem;
      border-radius: .2rem;
      content: '';
      background: #E2E7F3; }

  .popup-mobile {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0; }
    .popup-mobile__layer {
      background: rgba(40, 45, 60, 0.64);
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; }
    .popup-mobile__content {
      padding: 2.5rem 0.75rem 1rem; }
    .popup-mobile .btn {
      width: 100%;
      height: 3rem;
      margin-bottom: 0.5rem;
      border: none;
      font-size: 0.8rem;
      background: #F4F6FB;
      color: #111;
      position: relative; }
      .popup-mobile .btn svg {
        color: #007BFB;
        position: absolute;
        left: 1rem;
        width: 1.2rem;
        height: 1.2rem; }
      .popup-mobile .btn.active {
        background: #007BFB;
        color: #fff; }
        .popup-mobile .btn.active svg {
          color: #fff; }
    .popup-mobile .btn.popup-mobile__close {
      margin-top: .5rem;
      border-radius: 3rem;
      color: #007BFB; }

  .added-item {
    font-size: 0.7rem; }
    .added-item__info {
      display: block; }
    .added-item__name {
      font-size: 0.85rem;
      margin-bottom: 0.25rem; }
    .added-item__btn {
      width: 2rem;
      height: 2rem; }
      .added-item__btn span {
        display: none; }
      .added-item__btn img {
        width: 0.9rem;
        display: block; } }
.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: auto; }
  .header__banner {
    display: block;
    position: relative;
    z-index: 6; }
    .header__banner img {
      width: 100%;
      display: block; }
  .header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header-wrap {
    display: flex;
    align-items: center; }
  .header-top {
    margin-top: 1rem;
    color: #fff;
    position: relative;
    z-index: 6; }
    .header-top__list {
      margin-right: 1.5rem;
      display: flex;
      align-items: center;
      gap: 1rem; }
      .header-top__list li {
        display: flex; }
      .header-top__list a {
        display: flex;
        align-items: center;
        gap: .25rem; }
        .header-top__list a img {
          width: 1.2rem; }
        .header-top__list a span {
          width: 1rem;
          height: 0.75rem;
          background: #007BFB;
          color: #fff;
          border-radius: .5rem;
          font-weight: 600;
          font-size: 0.5rem;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: .6s all; }
  .header-choose {
    position: relative; }
    .header-choose__btn {
      padding: 0.2rem 0.2rem 0.2rem 0.5rem;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      border-radius: .35rem;
      border: 1px solid rgba(255, 255, 255, 0.3);
      font-size: 0.7rem;
      font-weight: 500;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      gap: .5rem; }
      .header-choose__btn span {
        transition: .6s all;
        width: 1rem;
        height: 1rem;
        border-radius: .2rem;
        background: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #007BFB; }
        .header-choose__btn span svg {
          width: .7rem;
          height: 0.7rem; }
    .header-choose__list {
      margin-top: 1rem;
      padding: 0.5rem;
      background: #fff;
      border-radius: .75rem;
      position: absolute;
      display: none; }
      .header-choose__list ul li {
        color: #8694B1;
        border: 1px solid #E1E6F1;
        height: 1.5rem;
        width: 4rem;
        border-radius: .35rem;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .6s all;
        cursor: pointer;
        margin-bottom: 0.25rem; }
        .header-choose__list ul li:last-child {
          margin-bottom: 0; }
        .header-choose__list ul li:hover {
          color: #007BFB;
          border-color: #007BFB; }
        .header-choose__list ul li.active {
          border-color: #007BFB;
          color: #fff;
          background: #007BFB; }
  .header-location .header-choose__list ul li {
    width: 7rem;
    height: 2rem; }
  .header-theme {
    display: flex;
    gap: .2rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: .35rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0.15rem;
    width: 2.8rem;
    margin-right: 0.5rem; }
    .header-theme span {
      height: 1.1rem;
      width: 1.1rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      color: #fff;
      opacity: .6;
      border-radius: .25rem; }
      .header-theme span svg {
        width: 0.7rem;
        height: 0.7rem; }
      .header-theme span.active {
        background: #fff;
        opacity: 1;
        color: #007BFB; }
  .header-lang {
    margin-right: 0.5rem; }
  .header-main {
    margin-top: 1rem;
    position: relative;
    z-index: 8; }
    .header-main__card {
      padding: 0.75rem;
      background: #fff;
      border-radius: .75rem;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
  .header__logo {
    display: block;
    height: 2rem;
    margin-right: 2rem; }
    .header__logo img {
      height: 100%;
      display: block; }
  .header__realty {
    width: 9rem;
    height: 2rem;
    gap: .5rem;
    font-weight: 500; }
    .header__realty svg {
      width: 1rem;
      height: 1rem; }
    .header__realty img {
      display: none;
      width: 1rem; }
    .header__realty.active {
      background: #007BFB;
      border-radius: 2rem;
      color: #fff; }
      .header__realty.active svg {
        display: none; }
      .header__realty.active img {
        display: block; }
  .header-menu {
    margin-left: 2rem;
    display: flex;
    align-items: center;
    gap: 2rem; }
    .header-menu li {
      display: flex; }
    .header-menu a {
      color: #111; }
      .header-menu a:hover {
        color: #007BFB; }
      .header-menu a.noactive {
        color: #8694B1; }
  .header-more {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    margin: 0 1.5rem;
    color: #8694B1; }
    .header-more svg {
      width: 1.2rem;
      height: 1.2rem; }
    .header-more:hover, .header-more.active {
      color: #007BFB; }
  .header__adv {
    width: 2.5rem;
    height: 2.5rem; }
    .header__adv img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
  .header__search {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem; }
  .header__nots {
    display: none; }
  .header__login {
    height: 2rem;
    width: 5.5rem;
    gap: .25rem; }
    .header__login svg {
      width: 1.1rem;
      height: 1.1rem; }
  .header-layer {
    background: rgba(40, 45, 60, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    display: none; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .header__banner, .header__realty, .header-menu, .header-more {
    display: none; } }
@media (max-width: 767.98px) {
  .header-top, .header__adv {
    display: none; }
  .header-main__card {
    padding: 0.5rem; }
  .header__nots {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    position: relative; }
    .header__nots span {
      position: absolute;
      width: 0.85rem;
      height: 0.85rem;
      background: #007BFB;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 0.5rem;
      color: #fff;
      font-weight: 600;
      right: -.3rem;
      top: -0.3rem; }
  .header__login {
    width: 2rem; }
    .header__login span {
      display: none; } }
.main {
  height: 100vh;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5.5rem; }
  .main-slider {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1; }
    .main-slider::before, .main-slider::after {
      position: absolute;
      left: 0;
      width: 100%;
      content: '';
      z-index: 1; }
    .main-slider::before {
      top: 0;
      height: 18rem;
      background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
    .main-slider::after {
      bottom: 0;
      height: 25rem;
      background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
    .main-slider__item {
      height: 100%; }
      .main-slider__item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
  .main-content {
    width: 100%;
    color: #fff; }
  .main-tags {
    margin-bottom: 1.5rem; }
    .main-tags li {
      background: rgba(255, 255, 255, 0.15); }
  .main-info {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem; }
    .main-info__list {
      font-weight: 600;
      font-size: 0.9rem;
      display: flex;
      gap: 1.5rem; }
  .main__ico {
    width: 7.5rem;
    height: 4.5rem; }
    .main__ico img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
  .main__title {
    font-size: 1.8rem;
    font-weight: 600; }
  .main-btns {
    display: flex;
    gap: .5rem; }
  .main__more {
    width: 11.2rem;
    height: 3rem; }
  .main__call, .main__callin {
    width: 3rem;
    height: 3rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .main-info__list li:nth-child(n+2) {
    display: none; } }
@media (max-width: 767.98px) {
  .main {
    height: 35rem;
    padding-bottom: 0.75rem;
    overflow: hidden;
    border-radius: 0 0 1rem 1rem; }
    .main-slider::before {
      height: 7.5rem; }
    .main-slider::after {
      height: 20rem; }
    .main__ico {
      display: none; }
    .main__title {
      font-size: 1.4rem;
      margin-bottom: 0.75rem; }
    .main-tags {
      margin-bottom: 1rem; }
    .main__more {
      width: 100%;
      flex-grow: 1; }
    .main__call, .main__callin {
      flex-shrink: 0; } }
.filter {
  margin-top: -3.5rem;
  position: relative;
  z-index: 2; }
  .filter-card {
    background: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
    padding: 2rem;
    border-radius: 1.25rem; }
  .filter-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1.5rem; }
    .filter-row:last-child {
      margin-bottom: 0;
      font-size: 0.65rem;
      font-weight: 500; }
  .filter-btn {
    display: flex; }
    .filter-btn .btn {
      width: 6.5rem;
      height: 3rem; }
      .filter-btn .btn.noactive {
        background: #65B0FF;
        pointer-events: none; }
    .filter-btn .loading {
      width: 6.5rem;
      height: 3rem;
      background: #007BFB;
      border-radius: .5rem;
      display: flex;
      justify-content: center;
      align-items: center; }
  .filter .lds-spinner {
    color: #fff;
    display: inline-block;
    position: relative;
    width: 1.4rem;
    height: 1.4rem; }
  .filter .lds-spinner div {
    transform-origin: .7rem .7rem;
    animation: lds-spinner 1.2s linear infinite; }
  .filter .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0.056rem;
    left: 0.644rem;
    width: 0.112rem;
    height: 0.308rem;
    border-radius: 20%;
    background: currentColor; }
  .filter .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s; }
  .filter .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s; }
  .filter .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s; }
  .filter .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s; }
  .filter .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s; }
  .filter .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s; }
  .filter .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s; }
  .filter .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s; }
  .filter .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s; }
  .filter .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s; }
  .filter .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s; }
  .filter .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s; }
  .filter-item {
    flex-grow: 1; }
    .filter-item__name {
      font-size: 0.6rem;
      color: #8694B1;
      margin-bottom: 0.75rem; }
    .filter-item__btn {
      padding: 1rem;
      border-radius: .5rem;
      border: 1px solid #E1E6F1;
      background: #fff;
      font-size: 0.8rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      gap: 2.5rem;
      transition: .6s all; }
      .filter-item__btn span {
        transition: .6s all;
        width: 1rem;
        height: 1rem;
        border-radius: .2rem;
        background: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #007BFB;
        border: 1px solid #E1E6F1; }
        .filter-item__btn span svg {
          width: .7rem;
          height: 0.7rem; }
      .filter-item__btn:hover, .filter-item__btn.active {
        border-color: #007BFB;
        background: #F4F6FB; }
        .filter-item__btn:hover span, .filter-item__btn.active span {
          background: #007BFB;
          border-color: #007BFB;
          color: #fff; }
      .filter-item__btn.active span {
        transform: rotate(180deg); }
  .filter-check input {
    display: none; }
    .filter-check input:checked + span {
      border-color: #007BFB;
      background: #007BFB;
      color: #fff; }
  .filter-check label {
    display: flex; }
  .filter-check span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    height: 2rem;
    border: 1px solid #E1E6F1;
    border-radius: 2rem;
    padding: 0 1rem; }
  .filter-wrap {
    display: flex;
    gap: 1rem; }
  .filter-link {
    height: 2rem;
    border-radius: 2rem;
    gap: .5rem;
    padding: 0 1rem; }
    .filter-link svg {
      width: 0.8rem;
      height: 0.8rem; }
  .filter-reset {
    border-radius: 2rem;
    height: 2rem;
    border: 1px solid #007BFB;
    padding: 0 0.9rem;
    color: #007BFB;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .5rem; }
    .filter-reset svg {
      width: .8rem;
      height: 0.8rem; }
    .filter-reset:hover {
      background: #007BFB;
      color: #fff; }
    .filter-reset.noactive {
      border: 1px solid #E1E6F1;
      color: #8694B1;
      pointer-events: none; }
  .filter-mobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 45, 60, 0.64);
    z-index: 10; }
    .filter-mobile__content {
      padding: 2.2rem 0.75rem 1.5rem; }
    .filter-mobile__head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem; }
    .filter-mobile__wrap {
      max-height: calc(100svh - 10rem);
      overflow: auto;
      margin-right: -.35rem;
      padding-right: .35rem; }
      .filter-mobile__wrap::-webkit-scrollbar {
        width: 0.3rem; }
      .filter-mobile__wrap::-webkit-scrollbar-thumb {
        border: none; }
    .filter-mobile__back {
      color: #007BFB;
      display: inline-flex;
      align-items: center;
      gap: .25rem; }
      .filter-mobile__back img {
        width: 0.8rem; }
    .filter-mobile__title {
      font-size: 0.9rem;
      font-weight: 500; }
    .filter-mobile__reset {
      color: #8694B1; }
    .filter-mobile__btns {
      display: flex;
      gap: .75rem;
      margin-top: 2rem; }
      .filter-mobile__btns .btn {
        height: 3rem;
        width: 60%;
        font-size: 0.8rem; }
        .filter-mobile__btns .btn-white {
          width: 40%;
          border: none;
          background: #F4F6FB; }
  .filter-item {
    margin-bottom: 1.5rem; }
  .filter-wrap {
    flex-wrap: wrap;
    gap: .5rem; }
  .filter-check span {
    height: 1.5rem;
    padding: 0 1rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .filter {
    display: none; } }
.stories {
  padding-top: 4rem; }
  .stories-wrap {
    position: relative; }
  .stories-list {
    display: flex;
    gap: 1.5rem; }
  .stories-item {
    cursor: pointer;
    transition: .6s all;
    text-align: center; }
    .stories-item__wrap {
      margin-bottom: 1rem;
      background: linear-gradient(215deg, #D300C5 0%, #FC0170 41%, #FF6610 73%, #FFC700 100%);
      padding: .1rem;
      width: 6rem;
      height: 6rem;
      border-radius: 50%; }
    .stories-item__img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: #fff;
      padding: 0.2rem; }
      .stories-item__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: 50%; }
    .stories-item:hover {
      color: #007BFB; }
      .stories-item:hover .stories-item__wrap {
        background: linear-gradient(215deg, #007BFB 0%, #0184FC 41%, #10C6FF 73%, #00F0FF 100%); }
    .stories-item.showed {
      color: #8694B1; }
      .stories-item.showed .stories-item__wrap {
        background: #CBD2E3; }
  .stories-arrows span {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2.25rem;
    z-index: 2; }
    .stories-arrows span svg {
      width: .8rem;
      height: 0.8rem; }
  .stories-arrows .arrow-left {
    left: -0.75rem; }
  .stories-arrows .arrow-right {
    right: -0.75rem; }
  .stories-popup {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: #252525;
    padding: 2rem; }
    .stories-popup__head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 3; }
    .stories-popup__main {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center; }
    .stories-popup__list {
      display: flex;
      align-items: center;
      gap: 3rem; }
    .stories-popup__arrows {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      pointer-events: none;
      padding: 0 1rem;
      width: 21rem;
      justify-content: space-between; }
      .stories-popup__arrows span {
        pointer-events: auto;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        color: #fff;
        background: rgba(17, 17, 17, 0.15);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px); }
  .stories__logo {
    width: 8rem; }
    .stories__logo img {
      width: 100%;
      display: block; }
  .stories__close {
    width: 2.2rem;
    height: 2.2rem;
    background: transparent;
    border-color: #393939;
    border-radius: 50%; }
    .stories__close img {
      width: 1.1rem; }
    .stories__close:hover {
      border-radius: 50%; }
  .stories-card {
    transition: .6s all;
    width: 13rem;
    height: 23rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.15), 0px 64.815px 46.852px 0px rgba(0, 0, 0, 0.11), 0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.09), 0px 20px 13px 0px rgba(0, 0, 0, 0.08), 0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.06), 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 1rem; }
    .stories-card__img {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; }
      .stories-card__img::before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        content: '';
        background: rgba(17, 17, 17, 0.4); }
      .stories-card__img::after {
        content: none;
        width: 100%;
        bottom: 0;
        position: absolute;
        left: 0;
        height: 15rem;
        background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.6) 50%, rgba(17, 17, 17, 0.8) 100%); }
      .stories-card__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .stories-card__timeline {
      display: none;
      gap: .5rem; }
      .stories-card__timeline li {
        flex-grow: 1;
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.3);
        height: 0.1rem;
        display: flex; }
        .stories-card__timeline li span {
          height: 100%;
          background: #fff;
          border-radius: 1rem;
          width: 0%; }
        .stories-card__timeline li.active span {
          animation: timeline 5s linear forwards; }
    .stories-card__wrap {
      text-align: center; }
    .stories-card__ico {
      display: flex;
      padding: 0.25rem;
      background: url(/img/icons/stories.svg) center center no-repeat;
      background-size: contain;
      margin-bottom: 0.5rem; }
      .stories-card__ico img {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        object-fit: cover; }
    .stories-card__info div {
      font-weight: 500;
      font-size: 0.8rem;
      margin-bottom: 0.25rem; }
    .stories-card__info p {
      font-size: 0.7rem; }
    .stories-card__bottom {
      display: none; }
    .stories-card__title {
      font-size: 1.1rem;
      font-weight: 500;
      line-height: 1.7rem;
      margin-bottom: 1.5rem; }
    .stories-card__btn {
      width: 100%;
      height: 3rem;
      font-weight: 500;
      font-size: 0.8rem; }
    .stories-card.showed .stories-card {
      box-shadow: none; }
      .stories-card.showed .stories-card__ico {
        background: none;
        border: .1rem solid #B9C1D2;
        padding: 0.15rem;
        border-radius: 50%; }
    .stories-card.active {
      height: 40rem;
      width: 21rem;
      justify-content: space-between;
      flex-direction: column; }
      .stories-card.active .stories-card__head {
        width: 100%; }
      .stories-card.active .stories-card__timeline {
        display: flex;
        margin-bottom: 1rem; }
      .stories-card.active .stories-card__bottom {
        display: block; }
      .stories-card.active .stories-card__img::before {
        height: 7.5rem;
        background: linear-gradient(0deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
      .stories-card.active .stories-card__img::after {
        content: ''; }
      .stories-card.active .stories-card__wrap {
        text-align: left;
        display: flex;
        align-items: center;
        gap: .75rem; }
      .stories-card.active .stories-card__ico {
        background: none;
        padding: 0;
        margin-bottom: 0; }
      .stories-card.active .stories-card__info {
        display: flex;
        align-items: center;
        gap: .4rem; }
        .stories-card.active .stories-card__info div {
          margin-bottom: 0; }

@media (max-width: 1500px) {
  .stories-popup__list {
    gap: 2rem; }
  .stories-popup__arrows {
    width: 19rem; }
  .stories-card.active {
    width: 19rem;
    height: 35rem; } }
@media (max-width: 767.98px) {
  .stories {
    padding-top: 2.5rem; }
    .stories-item__wrap {
      width: 5.5rem;
      height: 5.5rem;
      margin-bottom: 0.75rem; }
    .stories-popup {
      padding: 0; }
      .stories-popup__list {
        height: 100%; }
        .stories-popup__list .stories-card {
          display: none; }
      .stories-popup__head {
        justify-content: flex-end; }
      .stories-popup__arrows {
        width: 100%;
        display: flex; }
    .stories__close {
      margin-right: 0.75rem;
      margin-top: 2.6rem;
      background: rgba(17, 17, 17, 0.3);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      width: 1.5rem;
      height: 1.5rem;
      border: none; }
    .stories__logo {
      display: none; }
    .stories-card.active {
      display: flex;
      width: 100%;
      height: 100%;
      border-radius: 0;
      padding: 1rem 0.75rem; } }
.top {
  padding: 3rem 0; }
  .top-btns {
    display: none; }
  .top-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    .top-list > div {
      width: calc(33.33333% - 1.33333rem); }
  .top-banner {
    margin-top: 3.5rem;
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(94deg, rgba(0, 123, 251, 0.2) 3.69%, rgba(255, 255, 255, 0) 39.27%, rgba(255, 255, 255, 0.12) 57.8%, rgba(0, 123, 251, 0.2) 96.34%), #FFF; }
    .top-banner-mob {
      display: none; }
    .top-banner.banner {
      padding: 0.5rem 1rem; }
    .top-banner .banner__tags {
      margin-right: 8rem; }
      .top-banner .banner__tags li {
        margin-bottom: 0.25rem;
        width: 6.5rem;
        height: .5rem;
        box-shadow: 0px 3px 3px 0px rgba(0, 48, 167, 0.05); }
        .top-banner .banner__tags li:first-child {
          margin-bottom: .5rem;
          width: 9rem; }
        .top-banner .banner__tags li:last-child {
          margin-bottom: 0;
          width: 3.5rem; }
    .top-banner .banner__title {
      font-size: 0.9rem;
      margin-bottom: 0.25rem; }
    .top-banner .banner__wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .top-banner .banner__info {
      gap: .5rem; }
      .top-banner .banner__info li {
        height: 3.5rem;
        width: 3.5rem;
        border-radius: .5rem;
        padding: 0.5rem; }
        .top-banner .banner__info li img {
          width: 0.9rem;
          margin-bottom: 0.85rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .top-list > div {
    width: calc(50% - 1rem); }
  .top .section-title {
    margin-bottom: 1.5rem; }
  .top-banner {
    display: none; }
  .top-btns {
    display: flex;
    margin-bottom: 1.25rem;
    gap: .5rem; }
    .top-btns .btn {
      width: 2.5rem;
      height: 2.5rem;
      border: none;
      flex-shrink: 0;
      font-size: 0.8rem;
      gap: .5rem; }
      .top-btns .btn svg {
        width: 0.9rem;
        height: 0.9rem; }
    .top-btns .top__filter {
      width: 14rem;
      flex-shrink: 1; } }
@media (max-width: 767.98px) {
  .top-list {
    gap: .5rem; }
    .top-list > div {
      width: 100%; }
  .top-banner {
    display: none;
    margin-top: 2.5rem; }
    .top-banner-mob {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 10rem; }
    .top-banner .banner__btn {
      margin-top: 1rem; } }
.card {
  border: 1px solid #fff;
  border-radius: 1.25rem;
  padding: 0.5rem 1.25rem 1.5rem;
  background: #fff;
  height: 25rem;
  position: relative;
  transition: .6s all; }
  .card.yellow {
    border-color: #FFC700; }
  .card:hover {
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1); }
    .card:hover .card-btns {
      opacity: 1; }
  .card-head {
    margin-top: 1rem;
    left: 1.5rem;
    width: calc(100% - 3rem);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    position: absolute;
    z-index: 2; }
    .card-head__adv {
      padding: 0 0.75rem;
      border-radius: 2rem;
      height: 1.25rem;
      font-size: 0.6rem;
      font-weight: 500;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0;
      top: 0;
      color: #fff; }
  .card-tags > li:first-child {
    background: #fff;
    color: #111; }
  .card-tags.active li.more {
    color: #fff;
    background: #007BFB; }
  .card-tags.active + .card-btns {
    display: none; }
  .card-btns {
    flex-shrink: 0;
    width: 1.5rem;
    text-align: center;
    opacity: 0;
    transition: .6s all; }
    .card-btns__open, .card-btns__close {
      display: none;
      color: #fff; }
    .card-btns__item {
      margin-bottom: 0.5rem;
      width: 1.5rem;
      height: 1.5rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none; }
      .card-btns__item div {
        background: rgba(17, 29, 59, 0.6);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: .6s all; }
      .card-btns__item svg rect {
        fill: #fff;
        fill-opacity: .2; }
        .card-btns__item svg rect:last-child {
          fill-opacity: .5; }
      .card-btns__item:hover div, .card-btns__item.active div {
        background: #007BFB; }
      .card-btns__item.active svg path {
        fill: #fff;
        fill-opacity: 1; }
      .card-btns__item.active svg rect:last-child {
        fill-opacity: 1; }
      .card-btns__item.active .advice__text {
        display: none; }
      .card-btns__item.active:hover .advice__text-active {
        display: inline-flex; }
  .card-follow {
    position: absolute;
    right: 0;
    padding: 0.5rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1);
    display: none; }
    .card-follow__btn {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 11.5rem;
      margin-bottom: 0.5rem;
      height: 2.5rem;
      padding-left: 0.8rem;
      color: #111;
      gap: .5rem; }
      .card-follow__btn img {
        width: 0.8rem; }
      .card-follow__btn:first-child {
        margin-bottom: 1.05rem;
        position: relative; }
        .card-follow__btn:first-child::after {
          width: 100%;
          bottom: -.55rem;
          height: 1px;
          content: '';
          position: absolute;
          background: #E1E6F1;
          left: 0; }
      .card-follow__btn:last-child {
        margin-bottom: 0; }
      .card-follow__btn span:nth-child(3) {
        display: none; }
      .card-follow__btn:hover, .card-follow__btn.active {
        color: #007BFB;
        border-color: #F4F6FB;
        background: #F4F6FB; }
      .card-follow__btn.active span:nth-child(2) {
        display: none; }
      .card-follow__btn.active span:nth-child(3) {
        display: inline; }
  .card-img {
    margin-left: -0.75rem;
    width: calc(100% + 1.5rem);
    height: 18.5rem;
    border-radius: .75rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
    position: relative;
    transition: .6s all; }
    .card-img__list {
      height: 100%; }
    .card-img__item {
      height: 100%; }
      .card-img__item img, .card-img__item video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .card-img__dots {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 1rem;
      background: rgba(17, 17, 17, 0.2);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      padding: 0.25rem;
      border-radius: 2rem;
      display: flex;
      gap: .25rem; }
      .card-img__dots li {
        width: 0.25rem;
        height: 0.25rem;
        border-radius: .25rem;
        background: #fff;
        opacity: .5;
        transition: .6s all;
        cursor: pointer; }
        .card-img__dots li.active {
          opacity: 1;
          width: 0.75rem; }
  .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.65rem; }
    .card-title__name {
      font-size: 1.1rem;
      font-weight: 500; }
    .card-title__price {
      margin-bottom: 0.1rem; }
    .card-title__link {
      color: #8694B1;
      opacity: 0;
      pointer-events: none; }
      .card-title__link:hover {
        color: #fff; }
  .card-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem; }
  .card__open {
    cursor: pointer;
    color: #007BFB; }
  .card-time {
    height: 1.5rem;
    position: relative;
    flex-grow: 1; }
    .card-time li {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      animation: slide 12s infinite;
      width: 100%;
      opacity: 0; }
      .card-time li:nth-child(1) {
        animation-delay: 0s; }
      .card-time li:nth-child(2) {
        animation-delay: 3s; }
      .card-time li:nth-child(3) {
        animation-delay: 6s; }
      .card-time li:nth-child(4) {
        animation-delay: 9s; }
      .card-time li:nth-child(5) {
        animation-delay: 12s; }
      .card-time li:nth-child(6) {
        animation-delay: 15s; }
      .card-time li:nth-child(7) {
        animation-delay: 18s; }
      .card-time li:nth-child(8) {
        animation-delay: 21s; }
      .card-time li:nth-child(9) {
        animation-delay: 24s; }
      .card-time li:nth-child(10) {
        animation-delay: 27s; }
  .card-info {
    margin-top: .5rem;
    transition: .6s all;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 2; }
    .card-info__list {
      padding: 1rem 0;
      border-top: 1px solid #E1E6F1;
      border-bottom: 1px solid #E1E6F1;
      margin-bottom: 0.75rem; }
      .card-info__list li {
        display: flex;
        margin-bottom: 1rem; }
        .card-info__list li:last-child {
          margin-bottom: 0; }
        .card-info__list li span:nth-child(1) {
          width: 40%;
          color: #007BFB; }
        .card-info__list li span:nth-child(2) {
          width: 30%;
          color: #8694B1; }
        .card-info__list li span:nth-child(3) {
          width: 30%;
          text-align: right; }
        .card-info__list li.blur span:nth-child(1) {
          color: #74B8FF; }
        .card-info__list li.blur span:nth-child(2), .card-info__list li.blur span:nth-child(3) {
          color: #ACB7CC; }
    .card-info__btns {
      display: flex;
      gap: .5rem; }
    .card-info__phone {
      flex-grow: 1;
      height: 2.5rem; }
      .card-info__phone span:nth-child(2) {
        display: none; }
      .card-info__phone.active {
        border-radius: 3rem; }
        .card-info__phone.active span:nth-child(1) {
          display: none; }
        .card-info__phone.active span:nth-child(2) {
          display: inline; }
    .card-info__more {
      flex-grow: 1; }
    .card-info__feedback, .card-info__all {
      width: 2.5rem;
      height: 2.5rem; }
    .card-info__all {
      padding: 0.5rem;
      justify-content: flex-end;
      align-items: flex-start; }
      .card-info__all svg {
        width: 0.25rem;
        height: 0.25rem; }
    .card-info__rooms {
      display: flex;
      gap: .5rem;
      margin: 1.5rem 0 0.5rem; }
      .card-info__rooms li {
        transition: .6s all;
        border: 1px solid #444D60;
        height: 2rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 25%;
        border-radius: .4rem; }
        .card-info__rooms li:hover {
          border-color: #007BFB;
          background: #007BFB; }
  .card.active .card-img {
    height: 6rem; }
  .card.active .card-btns {
    display: none !important; }
  .card.active .card__open {
    display: none; }
  .card.active .card-time {
    overflow: hidden; }
  .card.active .card-info {
    height: 12rem;
    overflow: visible; }
  .card-premium {
    color: #fff;
    background: linear-gradient(180deg, #3E4451 0%, #1E1E20 100%);
    overflow: hidden; }
    .card-premium.active .card-img {
      height: 11rem; }
    .card-premium.active .card-info {
      height: 9.5rem;
      overflow: visible; }
    .card-premium .card-tags > li:first-child {
      background: linear-gradient(90deg, #0083FB 0%, #5323D5 100%);
      color: #fff; }
    .card-premium .card-info__phone.active {
      border-radius: .5rem; }
    .card-premium .card-info__feedback, .card-premium .card-info__all {
      border-color: #444D60;
      background: transparent;
      color: #fff; }
      .card-premium .card-info__feedback div, .card-premium .card-info__all div {
        display: none; }
      .card-premium .card-info__feedback:hover, .card-premium .card-info__all:hover {
        background: #007BFB;
        border-color: #007BFB; }
    .card-premium .card__open {
      display: none; }
    .card-premium .advice__text {
      background: rgba(255, 255, 255, 0.2); }
    .card-premium:hover .card-title__link {
      opacity: 1;
      pointer-events: auto; }
  .card-choose {
    display: flex;
    height: auto;
    padding: 0.5rem; }
    .card-choose__wrap {
      width: 35%;
      padding: 1.5rem 2rem;
      font-size: 0.8rem; }
    .card-choose__head {
      flex-grow: 1; }
    .card-choose__open {
      display: none; }
    .card-choose .card-head {
      margin-top: 1.5rem; }
    .card-choose .card-img {
      width: 65%;
      height: 26.5rem;
      margin-left: 0;
      margin-bottom: 0; }
      .card-choose .card-img__dots {
        background: transparent;
        backdrop-filter: none;
        width: 100%;
        gap: .5rem;
        padding: 0 1.5rem; }
        .card-choose .card-img__dots li {
          width: 25%;
          height: 0.15rem; }
    .card-choose .card-title__name {
      font-size: 1.3rem; }
    .card-choose .card-info {
      height: auto;
      overflow: visible;
      margin-top: 1.5rem; }
      .card-choose .card-info__list {
        padding: 1.5rem 0;
        margin-bottom: 1.5rem; }
      .card-choose .card-info__choose span:nth-child(1) {
        width: auto;
        margin-right: 0.25rem; }
  .card-business:hover .card-business__count {
    color: #fff;
    background: #007BFB; }
  .card-business .card-img {
    height: 15rem; }
  .card-business .card-tags li {
    background: #001B38;
    color: #fff; }
    .card-business .card-tags li.more {
      background: #fff;
      color: #007BFB; }
  .card-business .card-tags.active li.more {
    background: #007BFB;
    color: #fff; }
  .card-business__wrap {
    margin-top: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .card-business__count {
    height: 2rem;
    width: 7.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    color: #007BFB;
    background: #F4F6FB;
    border-radius: .5rem; }
  .card-news {
    border: 1px solid #E1E6F1; }
    .card-news:hover {
      border-color: #007BFB; }
    .card-news .card-img {
      height: 11rem; }
    .card-news .card-info__feedback:hover {
      border-radius: 2.5rem; }
    .card-news__title {
      font-size: 0.9rem;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-height: 1.15rem;
      height: 1.15rem;
      margin-bottom: 0.75rem; }
      .card-news__title a {
        color: #111; }
        .card-news__title a:hover {
          color: #007BFB; }
    .card-news__text {
      font-size: 0.8rem;
      line-height: 1.2rem;
      font-weight: 300;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      height: 3.6rem;
      margin-bottom: 2.5rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .card-premium .card__open {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    border-radius: .3rem;
    border: 1px solid #4D5055; }
    .card-premium .card__open svg {
      width: 0.75rem;
      height: 0.75rem;
      transition: .6s all; }
  .card-premium.active .card__open {
    display: inline-flex; }
    .card-premium.active .card__open svg {
      transform: rotate(180deg);
      color: #fff; }
  .card-choose {
    flex-direction: column; }
    .card-choose__wrap {
      width: 100%;
      padding: 1.5rem; }
    .card-choose .card-img {
      width: 100%; } }
@media (max-width: 767.98px) {
  .card {
    height: 22.5rem;
    padding: .25rem 1rem;
    border-radius: 1rem; }
    .card-head {
      left: 1.25rem;
      width: calc(100% - 2.5rem); }
    .card-btns {
      opacity: 1; }
      .card-btns__open, .card-btns__close {
        width: 1.25rem;
        height: 1.25rem;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem;
        border-radius: 50%; }
        .card-btns__open img, .card-btns__close img {
          width: 0.85rem; }
      .card-btns__open {
        background: rgba(17, 29, 59, 0.6);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        display: inline-flex; }
      .card-btns__close {
        background: #007BFB; }
      .card-btns__item {
        opacity: 0; }
      .card-btns.active .card-btns__open {
        display: none; }
      .card-btns.active .card-btns__close {
        display: inline-flex; }
      .card-btns.active .card-btns__item {
        opacity: 1; }
    .card-img {
      margin-bottom: 1rem;
      height: 17rem; }
    .card-title {
      margin-bottom: 0.4rem; }
      .card-title__name {
        font-size: 1rem; }
      .card-title__link {
        pointer-events: none; }
    .card-info__rooms {
      margin-top: 2.6rem; }
    .card.active .card-img {
      height: 5rem; }
    .card.active .card-info__list li {
      margin-bottom: 0.85rem; }
      .card.active .card-info__list li:last-child {
        margin-bottom: 0; }
    .card-premium .card-info__all {
      display: none; }
    .card-premium .card-info__phone {
      height: 2rem;
      width: calc(50% - .25rem);
      border-radius: .4rem; }
    .card-premium .card-info__feedback {
      height: 2rem;
      width: calc(50% - .25rem);
      border-radius: .4rem;
      background: #007BFB;
      border-color: #007BFB; }
      .card-premium .card-info__feedback svg {
        display: none; }
      .card-premium .card-info__feedback div {
        display: block; }
    .card-premium.active .card-img {
      height: 10rem; }
    .card-premium.active .card-title__link {
      opacity: 1;
      pointer-events: auto; }
    .card-business {
      height: 22.5rem; }
      .card-business__wrap {
        margin-top: 1rem; }
      .card-business .card-img {
        height: 14rem; }
      .card-business__count {
        background: #007BFB;
        color: #fff; }
    .card-choose {
      height: 25rem;
      z-index: 1;
      padding: 0;
      justify-content: flex-end;
      overflow: hidden; }
      .card-choose__open {
        width: 3rem;
        height: 3rem;
        display: inline-flex; }
        .card-choose__open svg {
          width: 1.1rem;
          height: 1.1rem;
          transition: .6s all; }
      .card-choose__wrap {
        background: #fff;
        border-radius: 1rem;
        padding: 1rem;
        position: relative;
        z-index: 2;
        width: 100%;
        font-size: 0.75rem;
        transform: translateY(calc(100% - 5rem));
        transition: .6s all; }
      .card-choose .card-head {
        margin-top: 1rem;
        left: 1rem;
        width: calc(100% - 2rem); }
      .card-choose .card-img {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 1;
        border-radius: 1rem; }
      .card-choose .card-title__name {
        font-size: 1rem; }
      .card-choose .card-info {
        margin-top: 0.85rem; }
        .card-choose .card-info__list {
          padding: 1rem 0;
          margin-bottom: 1rem; }
          .card-choose .card-info__list li {
            margin-bottom: 0.85rem; }
            .card-choose .card-info__list li:last-child {
              margin-bottom: 0; }
      .card-choose.active {
        overflow: visible; }
        .card-choose.active .card-img {
          height: 100%; }
        .card-choose.active .card-info {
          height: auto; }
        .card-choose.active .card-choose__wrap {
          transform: none; }
        .card-choose.active .card-choose__open svg {
          transform: rotate(180deg); }
    .card-news .card-img {
      height: 10rem; }
    .card-news__title {
      font-size: .85rem;
      line-height: 1.1rem;
      height: 1.1rem; }
    .card-news__text {
      font-size: 0.75rem;
      margin-bottom: 2.3rem; } }
.banner {
  font-size: 0.7rem;
  color: #8694B1;
  font-weight: 500; }
  .banner:hover .banner__info {
    color: #007BFB; }
  .banner__img {
    width: 100%; }
    .banner__img img {
      display: block;
      width: 100%; }
  .banner__tags li {
    display: flex;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(0, 48, 167, 0.1); }
    .banner__tags li:first-child {
      background: #007BFB; }
    .banner__tags li:last-child {
      margin-bottom: 0; }
  .banner__content {
    text-align: center; }
  .banner__btn {
    height: 2rem;
    width: 8.5rem; }
  .banner__info {
    display: flex;
    transition: .6s all;
    color: #CDE1FA;
    font-weight: 500; }
    .banner__info li {
      box-shadow: 0px 10px 30px 0px rgba(0, 48, 167, 0.1);
      background: #fff; }
      .banner__info li img {
        display: inline-block; }

.project {
  height: 25rem;
  position: relative;
  z-index: 1;
  box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 500; }
  .project:hover .project-start__item {
    background: #fff;
    color: #007BFB; }
  .project__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    border-radius: 1.25rem;
    overflow: hidden; }
    .project__img::after {
      content: '';
      height: 50%;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
    .project__img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .project-head {
    display: flex;
    justify-content: space-between; }
  .project-tags li {
    background: rgba(255, 255, 255, 0.15); }
  .project-tags.active li.more {
    color: #007BFB;
    background: #fff;
    flex: 0 0 auto; }
  .project-tags.active + .project-btns {
    display: none; }
  .project-btns {
    flex-shrink: 0;
    display: flex;
    gap: .5rem;
    position: relative;
    z-index: 3; }
    .project-btns .btn {
      width: 2.5rem;
      height: 2.5rem; }
      .project-btns .btn:hover, .project-btns .btn.active {
        background: #fff;
        color: #007BFB;
        border-radius: .5rem; }
  .project__more {
    border: 1px solid #fff;
    padding: 0.5rem;
    justify-content: flex-end;
    align-items: flex-start; }
  .project__name {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1rem; }
  .project-time {
    margin-bottom: 0.5rem; }
    .project-time li {
      background: rgba(255, 255, 255, 0.15);
      display: inline-flex;
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      border-radius: 1.5rem;
      padding: 0 0.5rem; }
      .project-time li span {
        color: #fff; }
  .project__price {
    background: rgba(255, 255, 255, 0.15);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 0 0.75rem;
    border-radius: 1.5rem;
    height: 1.5rem; }
  .project .btn.project__mobile {
    display: none; }
    .project .btn.project__mobile:hover, .project .btn.project__mobile.active {
      background: #007BFB; }
  .project-phone {
    border-radius: 1.25rem;
    background: rgba(40, 45, 60, 0.64);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    padding: 1.5rem;
    display: none; }
    .project-phone__wrap {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      gap: 1rem; }
    .project-phone__close {
      width: 1.5rem;
      height: 1.5rem; }
      .project-phone__close img {
        width: 0.9rem; }
    .project-phone__btn {
      width: 100%;
      height: 2.5rem;
      gap: .25rem; }
      .project-phone__btn svg {
        width: 1.2rem;
        height: 1.2rem; }
      .project-phone__btn:hover {
        border-radius: 2.5rem; }
  .project-banner {
    color: #111;
    font-size: 0.75rem;
    background: linear-gradient(142deg, rgba(0, 123, 251, 0.2) 5.82%, rgba(255, 255, 255, 0) 48.81%, rgba(255, 255, 255, 0.12) 53.5%, rgba(0, 123, 251, 0.2) 95.79%), #FFF; }
    .project-banner .banner__tags li {
      margin-bottom: 0.5rem;
      width: 14rem;
      height: .75rem; }
      .project-banner .banner__tags li:first-child {
        margin-bottom: 1rem;
        width: 9rem; }
      .project-banner .banner__tags li:last-child {
        margin-bottom: 0;
        width: 7rem; }
    .project-banner .banner__title {
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 0.25rem; }
    .project-banner .banner__btn {
      margin-top: 1rem; }
    .project-banner .banner__info {
      gap: 1rem; }
      .project-banner .banner__info li {
        width: 50%;
        height: 5rem;
        border-radius: .75rem;
        padding: 1rem; }
        .project-banner .banner__info li img {
          width: 1.2rem;
          margin-bottom: 0.85rem; }
  .project-start {
    margin-top: -0.75rem; }
    .project-start__title {
      margin-bottom: 1.5rem; }
    .project-start__list {
      display: flex;
      gap: .5rem;
      justify-content: space-between; }
    .project-start__item {
      width: 4rem;
      height: 3rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border-radius: .5rem;
      transition: .6s all;
      font-weight: 500;
      font-size: 0.6rem;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px); }
    .project-start__value {
      font-weight: 600;
      font-size: 1.1rem; }

@media (max-width: 767.98px) {
  .project {
    height: 22.5rem;
    padding: 1rem;
    border-radius: 1rem; }
    .project__img {
      border-radius: 1rem; }
    .project__name {
      font-size: 1.2rem;
      margin-bottom: 0.75rem; }
    .project-btns .btn {
      display: none; }
    .project-phone {
      display: none !important; }
    .project-start {
      margin-top: -0.25rem; }
      .project-start__list {
        gap: .3rem; } }
.projects {
  padding-top: 4rem; }
  .projects-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    .projects-main .project, .projects-main .card {
      width: calc(33.33333% - 1.33333rem); }
  .projects-btns {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem; }
    .projects-btns .btn {
      width: 100%;
      height: 3rem;
      font-size: 0.85rem;
      gap: .5rem;
      border: none; }
      .projects-btns .btn svg {
        width: 1.1rem;
        height: 1.1rem; }
      .projects-btns .btn:hover {
        border-radius: 3rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .projects-main .project, .projects-main .card {
    width: calc(50% - 1rem); } }
@media (max-width: 767.98px) {
  .projects {
    padding-top: 2.5rem; }
    .projects-main {
      gap: .5rem; }
      .projects-main .project, .projects-main .card {
        width: 100%; }
    .projects-btns {
      margin-top: 1rem;
      gap: .5rem; }
      .projects-btns .btn {
        font-size: 0.7rem;
        height: 2rem; }
        .projects-btns .btn svg {
          width: 0.9rem;
          height: 0.9rem; } }
.links {
  padding-top: 4rem; }
  .links-wrap {
    display: grid;
    grid-template-columns: repeat(3, calc(33.3333% - 1.3333rem));
    gap: 2rem; }
    .links-wrap__mobile {
      display: none; }
  .links-item {
    background: #FFF;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1);
    border-radius: 1.25rem;
    height: 11rem;
    padding: 1.5rem;
    position: relative;
    z-index: 1;
    width: 100%; }
    .links-item:nth-child(6) {
      height: 24rem;
      grid-row: span 2; }
    .links-item img {
      width: 100%;
      display: block; }
  .links__title {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.44;
    margin-bottom: 1rem; }
  .links__btn {
    padding: 0 1.4rem;
    height: 2rem;
    border-radius: 2rem; }
    .links__btn:hover {
      border-radius: .5rem; }
  .links-type__btn {
    padding: 0 1rem;
    height: 1.5rem;
    border-radius: 1.5rem; }
  .links-type__img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }
  .links-choose__list {
    column-count: 2; }
    .links-choose__list li {
      margin-bottom: 1rem; }
      .links-choose__list li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #111; }
        .links-choose__list li a span {
          width: 2rem;
          height: 1rem;
          border-radius: 1rem;
          border: 1px solid #E1E6F1;
          color: #007BFB;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          font-size: 0.6rem;
          font-weight: 500;
          transition: .6s all; }
        .links-choose__list li a:hover {
          color: #007BFB; }
          .links-choose__list li a:hover span {
            border-color: #007BFB;
            background: #007BFB;
            color: #fff; }
  .links-new .project-type__img {
    width: 13.5rem; }
  .links-class .links-choose__list li {
    width: 6.2rem; }
  .links-commerce .project-type__img {
    width: 12.2rem; }
  .links-flats .links-choose__list li {
    width: 8rem; }
  .links-done .project-type__img {
    width: 11.6rem; }
  .links-top__head {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .links-top .links__title {
    margin-bottom: 0; }
  .links-top__all {
    height: 1.5rem;
    padding: 0 0.75rem;
    border-radius: 1.5rem; }
    .links-top__all:hover {
      border-radius: .5rem; }
  .links-top__item {
    margin-bottom: 0.75rem;
    border-radius: .75rem;
    background: #FFF;
    box-shadow: 0px 10px 30px 0px rgba(0, 48, 167, 0.05);
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 0.5rem; }
    .links-top__item:hover {
      color: #007BFB; }
      .links-top__item:hover .links-top__link {
        color: #fff;
        background: #007BFB;
        border-color: #007BFB; }
    .links-top__item:last-child {
      margin-bottom: 0; }
  .links-top__wrap {
    display: flex;
    align-items: center;
    gap: 1rem; }
  .links-top__img {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0px 10px 15px 0px rgba(0, 48, 167, 0.05);
    padding: 0.25rem; }
    .links-top__img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
  .links-top__name {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 0.25rem; }
  .links-top__count {
    color: #8694B1; }
  .links-top__link {
    pointer-events: none;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border-radius: .3rem; }
    .links-top__link svg {
      width: 0.7rem;
      height: 0.7rem; }
  .links-cottage .project-type__img {
    width: 11rem; }
  .links-map {
    padding: 2rem; }
    .links-map__img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 9.7rem;
      z-index: -1; }
      .links-map__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
  .links-office {
    padding: 2rem; }
    .links-office__img {
      position: absolute;
      bottom: 0;
      right: 2rem;
      width: 8rem; }
  .links-visual .links-type__img {
    width: 10.5rem; }
  .links-invest {
    padding: 2rem; }
    .links-invest__wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem; }
    .links-invest .links__title {
      margin-bottom: 0; }
    .links-invest__img {
      width: 100%; }
  .links-blacklist {
    background: linear-gradient(180deg, #3E4451 0%, #1E1E20 100%);
    color: #fff;
    padding: 2rem; }
    .links-blacklist__soon {
      position: absolute;
      right: 1.5rem;
      top: 1.5rem;
      background: #3A404B;
      border: 1px solid #464B56;
      color: #767E8E;
      font-weight: 600;
      font-size: 0.6rem;
      border-radius: 1.5rem;
      height: 1.25rem;
      padding: 0 0.75rem;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
    .links-blacklist .links-type__img {
      width: 11.25rem; }
  .links-special {
    background: linear-gradient(90deg, #007BFB 0%, #76B9FF 100%);
    color: #fff;
    padding: 2rem; }
    .links-special .links-type__img {
      width: 9rem;
      right: 1.5rem; }
  .links-smart {
    padding: 2rem; }
    .links-smart__wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.4rem; }
    .links-smart .links__title {
      margin-bottom: 0; }
    .links-smart__list {
      display: flex; }
    .links-smart__item {
      background: #fff;
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      border: 1px solid #E1E6F1;
      flex-shrink: 0;
      margin-left: -0.2rem; }
  .links-solution {
    padding: 2rem; }
    .links-solution__img {
      width: 8rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1.5rem; }
  .links .project {
    height: 24rem;
    grid-row: span 2; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .links-wrap {
    gap: 1.5rem;
    grid-template-columns: repeat(2, calc(50% - .75rem)); }
  .links-smart__item {
    width: 2.7rem;
    height: 2.7rem; } }
@media (max-width: 767.98px) {
  .links {
    padding-top: 2.5rem; }
    .links-wrap {
      display: none;
      flex-wrap: wrap;
      gap: .75rem; }
      .links-wrap__mobile {
        display: flex; }
    .links-item {
      height: 10rem;
      width: calc(50% - .375rem);
      color: #111;
      padding: 1rem;
      border-radius: .75rem;
      overflow: hidden; }
      .links-item:nth-child(6) {
        height: 10rem; }
    .links__title {
      font-size: 0.85rem;
      margin-bottom: 0.5rem; }
    .links__count {
      padding: 0 0.75rem;
      border-radius: 1.5rem;
      background: #007BFB;
      font-size: 0.7rem;
      font-weight: 500;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      height: 1.25rem; }
    .links__img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0; }
    .links-start .links__img {
      width: 7.9rem; }
    .links-business .links__img {
      width: 6.3rem; }
    .links-class .links__img {
      width: 7.4rem; }
    .links-flats .links__img {
      width: 4.9rem; }
    .links-top {
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      background: none;
      gap: .75rem;
      box-shadow: none; }
      .links-top__item {
        width: calc(50% - .375rem);
        height: 10rem;
        margin-bottom: 0;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        gap: .75rem; }
      .links-top__img {
        width: 4rem;
        height: 4rem;
        padding: 0.75rem;
        border-radius: .75rem; }
    .links-done .links__img {
      width: 7.2rem; }
    .links-cottage .links__img {
      width: 6.3rem; }
    .links .project {
      width: 100%;
      height: 22.5rem; }
    .links-map .links__img {
      width: 100%; }
    .links-office .links__img {
      width: 5.5rem; }
    .links-visual .links__img {
      width: 6.4rem; }
    .links-invest .links__img {
      width: 7.6rem;
      bottom: 1rem; }
    .links-blacklist {
      color: #fff; }
      .links-blacklist__soon {
        position: static; }
      .links-blacklist .links__img {
        width: 100%; }
    .links-special {
      color: #fff; }
      .links-special .links__img {
        width: 6.5rem; }
    .links-solution .links__img {
      width: 6.3rem;
      bottom: 1.5rem; }
    .links-smart {
      justify-content: space-between;
      flex-direction: column;
      display: flex; } }
.premium {
  padding-top: 4rem; }
  .premium-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
  .premium .card {
    width: calc(33.33333% - 1.33333rem); }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .premium-main .card {
    width: calc(50% - 1rem); } }
@media (max-width: 767.98px) {
  .premium {
    padding-top: 2.5rem; }
    .premium-main {
      gap: .5rem; }
      .premium-main .card {
        width: 100%; } }
.choose {
  padding-top: 4rem; }

@media (max-width: 767.98px) {
  .choose {
    padding-top: 2.5rem; } }
.developers {
  padding-top: 4rem; }
  .developers-list {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap; }
  .developers-item {
    width: calc(33.3333% - 1.33333rem);
    padding: 1.5rem;
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
    font-size: 0.8rem; }
  .developers-head {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem; }
  .developers__logo {
    border-radius: 1rem;
    width: 4rem;
    gap: 4rem;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
    background: #fff;
    padding: 0.5rem;
    flex-shrink: 0; }
    .developers__logo img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
  .developers__flat {
    font-size: 0.85rem;
    color: #8694B1;
    margin-bottom: 0.5rem; }
  .developers-wrap {
    display: flex;
    align-items: center;
    gap: .5rem; }
  .developers__mark {
    flex-shrink: 0; }
    .developers__mark img {
      width: 0.9rem;
      display: block; }
  .developers__name {
    font-weight: 500;
    font-size: 0.9rem; }
  .developers__text {
    line-height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 3.9rem;
    margin-bottom: 1rem; }
  .developers__advantage {
    color: #007BFB;
    margin-bottom: 2.5rem; }
  .developers-projects {
    display: flex;
    gap: .5rem; }
    .developers-projects__item {
      width: calc(25% - .375rem);
      height: 4rem;
      border: .1rem solid transparent;
      border-radius: .75rem; }
      .developers-projects__item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        border-radius: .65rem; }
      .developers-projects__item:hover {
        border-color: #007BFB; }
      .developers-projects__item.last {
        border-color: #007BFB;
        position: relative; }
        .developers-projects__item.last::after {
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          position: absolute;
          content: '';
          pointer-events: none;
          background: rgba(17, 17, 17, 0.4);
          border-radius: .65rem; }
    .developers-projects__count {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      font-weight: 500;
      z-index: 2; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .developers-list {
    flex-wrap: nowrap;
    margin-left: -3rem;
    width: calc(100% + 6rem);
    padding: 0 3rem;
    overflow: auto; }
    .developers-list::-webkit-scrollbar {
      display: none; }
  .developers-item {
    width: 20.6rem;
    flex-shrink: 0; } }
@media (max-width: 767.98px) {
  .developers {
    padding-top: 2.5rem; }
    .developers-list {
      padding: 0 1rem;
      width: calc(100% + 1.5rem);
      margin-left: -.75rem;
      gap: .75rem; }
    .developers-item {
      font-size: 0.75rem;
      padding: 1rem;
      border-radius: 1rem;
      width: 18rem; }
    .developers__flat {
      font-size: 0.8rem; }
    .developers__advantage {
      margin-bottom: 3.7rem; }
    .developers-projects {
      display: flex;
      gap: .6rem; }
      .developers-projects__item {
        width: calc(25% - .45rem);
        height: 3.5rem; } }
.now {
  padding-top: 4rem; }
  .now-advice {
    display: flex;
    align-items: center;
    position: relative; }
    .now-advice__ico {
      transition: .6s all;
      width: 1.5rem;
      height: 1.5rem;
      background: #fff;
      box-shadow: 0px 10px 10px 0px rgba(0, 48, 167, 0.05);
      color: #007BFB;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%; }
      .now-advice__ico:hover {
        background: #007BFB;
        color: #fff; }
        .now-advice__ico:hover + .now-advice__text {
          opacity: 1;
          visibility: visible; }
    .now-advice__text {
      box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
      background: #fff;
      z-index: 2;
      position: absolute;
      border-radius: 1rem;
      padding: 1rem;
      display: flex;
      align-items: flex-start;
      gap: .75rem;
      font-size: 0.8rem;
      width: 21.5rem;
      margin-left: 2.5rem;
      opacity: 0;
      visibility: hidden;
      transition: .6s all; }
      .now-advice__text strong {
        font-weight: 500;
        color: #007BFB; }
      .now-advice__text img {
        width: 1.5rem; }
  .now-card {
    border-radius: 1.25rem;
    padding: 1.5rem 0;
    background: #fff; }
  .now-head {
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .now-head__choose {
      display: flex;
      gap: .75rem;
      font-size: 0.8rem; }
      .now-head__choose li {
        height: 2.5rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .6s all;
        cursor: pointer;
        user-select: none;
        padding: 0 1.45rem;
        border-radius: .5rem;
        border: 1px solid #E1E6F1;
        color: #8694B1;
        gap: .75rem; }
        .now-head__choose li span {
          font-weight: 600;
          font-size: 0.6rem;
          padding: 0.2rem 0.5rem;
          border-radius: 2rem;
          background: #007BFB;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #fff; }
        .now-head__choose li:hover {
          border-color: #007BFB;
          color: #007BFB; }
        .now-head__choose li.count {
          padding: 0 1.25rem; }
        .now-head__choose li.active {
          pointer-events: none;
          background: #007BFB;
          color: #fff;
          border-color: #007BFB; }
  .now .arrows {
    flex-shrink: 0; }
    .now .arrows span {
      border: 1px solid #E1E6F1;
      box-shadow: none;
      width: 2.5rem;
      height: 2.5rem; }
      .now .arrows span:hover {
        border-color: #007BFB;
        border-radius: .5rem; }
  .now-tab .projects-main {
    padding: 0 1.5rem; }
  .now-banner {
    margin-top: 2.5rem;
    background: linear-gradient(94deg, rgba(0, 123, 251, 0.2) 3.69%, rgba(255, 255, 255, 0) 39.27%, rgba(255, 255, 255, 0.12) 57.8%, rgba(0, 123, 251, 0.2) 96.34%);
    border-radius: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .now-banner.banner {
      padding: 0.8rem 1.6rem;
      height: 10rem; }
    .now-banner .banner__tags {
      margin-right: 4.5rem;
      align-self: flex-start; }
      .now-banner .banner__tags li {
        margin-bottom: 0.5rem;
        width: 12.5rem;
        height: .75rem; }
        .now-banner .banner__tags li:first-child {
          margin-bottom: 1rem;
          width: 9rem; }
        .now-banner .banner__tags li:last-child {
          margin-bottom: 0;
          width: 7rem; }
    .now-banner .banner__info {
      gap: 1rem; }
      .now-banner .banner__info li {
        width: 8rem;
        height: 8rem;
        border-radius: .75rem;
        padding: 1rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .now-banner .banner__info li img {
          width: 1.2rem;
          margin-bottom: 0.85rem; }
    .now-banner .banner__title {
      font-size: 1.1rem; }
    .now-banner .banner__btn {
      border-radius: 2rem;
      margin-top: 1rem; }
      .now-banner .banner__btn:hover {
        border-radius: .5rem;
        background: #2FA8FF;
        box-shadow: 0px 5px 10px 0px rgba(0, 48, 167, 0.1); }
  .now .flats-item {
    border: 1px solid #E1E6F1; }
    .now .flats-item:hover, .now .flats-item.active {
      border-color: #007BFB; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .now .arrows {
    display: none; }
  .now-advice__text {
    width: 18rem; }
  .now-head {
    padding: 0; }
    .now-head__choose {
      padding: 0 1.5rem;
      overflow: auto; }
      .now-head__choose::-webkit-scrollbar {
        display: none; }
      .now-head__choose li {
        flex-shrink: 0; }
  .now-banner {
    display: none; } }
@media (max-width: 767.98px) {
  .now .section-wrap {
    justify-content: flex-start; }
  .now-advice__text {
    right: -5rem;
    top: 2rem; }
  .now-card {
    margin-left: -0.75rem;
    width: calc(100% + 1.5rem);
    border-radius: 0;
    padding: 1rem 0; }
  .now-head {
    margin-bottom: 1rem; }
    .now-head__choose {
      padding: 0 0.75rem; }
      .now-head__choose li {
        height: 2rem;
        padding: 0 1rem;
        gap: .5rem; }
        .now-head__choose li.count {
          padding: 0 1rem; }
  .now-tab .projects-main {
    padding: 0 .75rem; } }
.reviews {
  padding-top: 4rem; }
  .reviews-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0 1.5rem; }
  .reviews-item {
    width: calc(33.33333% - 1.33333rem);
    height: 22.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
    padding: 2rem;
    display: flex;
    align-items: flex-end;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem; }
    .reviews-item__img {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; }
      .reviews-item__img::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        content: '';
        background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
      .reviews-item__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .reviews-item__btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      z-index: 2;
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      color: #002B57;
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(15px);
      -webkit-background-clip: blur(15px); }
      .reviews-item__btn svg {
        width: 0.9rem;
        height: 0.9rem; }
      .reviews-item__btn:hover {
        background: #007BFB;
        color: #fff; }
  .reviews-choose {
    border-radius: 1.25rem;
    padding: 1rem;
    background: linear-gradient(94deg, rgba(0, 123, 251, 0.2) 3.69%, rgba(255, 255, 255, 0) 23.06%, rgba(255, 255, 255, 0.12) 84.66%, rgba(0, 123, 251, 0.2) 96.34%), #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.5rem; }
    .reviews-choose__wrap {
      display: flex;
      align-items: center;
      gap: 2.5rem; }
    .reviews-choose__list {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .reviews-choose__item {
      width: 6rem;
      height: 6rem;
      border-radius: 1rem;
      background: #fff;
      padding: 1.5rem;
      border: 1px solid #fff;
      box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
      transition: .6s all; }
      .reviews-choose__item span {
        white-space: normal;
        width: 8rem;
        text-align: center;
        height: 3rem; }
      .reviews-choose__item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain; }
      .reviews-choose__item a {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
      .reviews-choose__item:hover {
        border-color: #007BFB; }
    .reviews-choose__text {
      font-size: 0.9rem;
      font-weight: 500;
      max-width: 8rem; }
      .reviews-choose__text span {
        color: #007BFB; }
    .reviews-choose__btn {
      font-size: 0.8rem;
      height: 2.5rem;
      width: 10rem;
      margin-right: 2rem; }
      .reviews-choose__btn:hover {
        border-radius: .5rem;
        background: #2FA8FF;
        box-shadow: 0px 5px 10px 0px rgba(0, 48, 167, 0.1); }
  .reviews-popup {
    display: none;
    background: rgba(40, 45, 60, 0.64);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    padding-top: 1.5rem; }
    .reviews-popup__head {
      display: none; }
    .reviews-popup__close {
      height: 2rem;
      width: 2rem;
      display: flex;
      margin: 0 auto 1.5rem;
      border-radius: 50%; }
      .reviews-popup__close svg {
        width: 0.9rem;
        height: 0.9rem; }
      .reviews-popup__close:hover {
        border-radius: 50%; }
    .reviews-popup__card {
      height: calc(100% - 3.5rem);
      background: #fff;
      border-radius: 1.5rem 1.5rem 0 0;
      padding: 2.5rem 0; }
    .reviews-popup__list {
      display: flex;
      justify-content: center;
      height: 100%; }
    .reviews-popup__item {
      height: 100%;
      width: 70vw;
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: 1.5rem;
      padding: 2.5rem;
      display: flex;
      justify-content: flex-end;
      color: #fff;
      flex-direction: column; }
      .reviews-popup__item.active .reviews-popup__video::before {
        height: 8rem;
        background: linear-gradient(0, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.2) 50%, rgba(17, 17, 17, 0.3) 100%); }
      .reviews-popup__item.active .reviews-popup__video::after {
        content: ''; }
      .reviews-popup__item.active .reviews-popup__play, .reviews-popup__item.active .reviews-popup__info {
        display: none; }
      .reviews-popup__item.active .reviews-popup__btns {
        display: flex; }
      .reviews-popup__item.active .reviews-popup__timer {
        display: block; }
    .reviews-popup__video {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; }
      .reviews-popup__video::before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        content: '';
        background: rgba(17, 17, 17, 0.3); }
      .reviews-popup__video::after {
        width: 100%;
        height: 10rem;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.3) 50%, rgba(17, 17, 17, 0.5) 100%); }
      .reviews-popup__video video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .reviews-popup__play {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      color: #007BFB;
      width: 4rem;
      height: 4rem;
      border-radius: 50%; }
      .reviews-popup__play svg {
        width: 1.1rem;
        height: 1.1rem; }
      .reviews-popup__play:hover {
        background: #007BFB;
        color: #fff; }
    .reviews-popup__wrap {
      display: flex;
      align-items: flex-end;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-between; }
    .reviews-popup__btns {
      display: none;
      align-items: center;
      gap: 2rem; }
    .reviews-popup__btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      gap: .75rem;
      font-size: 0.9rem;
      font-weight: 500; }
      .reviews-popup__btn span {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #007BFB;
        transition: .6s all; }
      .reviews-popup__btn:hover span {
        background: #007BFB;
        color: #fff; }
    .reviews-popup__title {
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 1rem; }
    .reviews-popup__time {
      height: auto;
      margin-bottom: 0.5rem; }
      .reviews-popup__time li {
        height: 2rem;
        padding-left: 0.5rem;
        padding-right: 1rem;
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        display: inline-flex;
        border-radius: 2rem; }
        .reviews-popup__time li span {
          color: #fff; }
    .reviews-popup__price {
      height: 2rem;
      padding: 0 1rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      border-radius: 2rem; }
    .reviews-popup__more {
      width: 10.5rem;
      height: 3rem;
      font-weight: 500;
      font-size: 0.8rem; }
    .reviews-popup__arrows {
      position: absolute;
      top: 2.5rem;
      right: 2.5rem;
      display: flex;
      align-items: center;
      gap: .5rem; }
      .reviews-popup__arrows span {
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        color: #fff; }
      .reviews-popup__arrows div {
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 4.5rem;
        height: 2.5rem;
        border-radius: 2.5rem;
        font-weight: 500; }
    .reviews-popup__timer {
      width: 100%;
      margin-top: 1.5rem;
      display: none; }
      .reviews-popup__timer .reviews-popup__btns {
        display: none; }
    .reviews-popup__line {
      width: 100%;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      height: 2px;
      display: flex;
      border-radius: 2px;
      margin-bottom: 0.75rem; }
      .reviews-popup__line span {
        width: 40%;
        background: #fff;
        height: 100%;
        border-radius: 2px; }
    .reviews-popup__text {
      font-size: 0.7rem;
      display: flex;
      justify-content: space-between;
      align-items: center; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .reviews-item {
    width: calc(50% - 1rem); }
  .reviews-choose {
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 1rem 1rem;
    text-align: center; }
    .reviews-choose__wrap {
      flex-direction: column-reverse;
      gap: 1.5rem; }
    .reviews-choose__btn {
      margin-right: 0; }
  .reviews-popup {
    padding-top: 2rem; }
    .reviews-popup__close {
      display: none; }
    .reviews-popup__card {
      height: 100%;
      position: relative;
      padding: 1rem 0 0; }
      .reviews-popup__card::before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0.65rem;
        height: 0.2rem;
        width: 2.5rem;
        border-radius: .2rem;
        content: '';
        background: #E2E7F3; }
    .reviews-popup__head {
      display: block;
      position: relative;
      padding: 0.75rem; }
    .reviews-popup__back {
      color: #007BFB;
      display: inline-flex;
      align-items: center;
      gap: .25rem; }
      .reviews-popup__back img {
        width: 0.8rem; }
    .reviews-popup__name {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 0.9rem;
      font-weight: 500; }
    .reviews-popup__list {
      height: calc(100% - 2.6rem); }
    .reviews-popup__item {
      width: 100%;
      background: #333;
      display: block;
      padding: 10rem 0 0;
      border-radius: 0; }
      .reviews-popup__item.active .reviews-popup__info {
        display: block; }
      .reviews-popup__item.active .reviews-popup__btns {
        display: none; }
      .reviews-popup__item.active .reviews-popup__timer {
        padding: 0.75rem;
        margin-top: 0.5rem; }
        .reviews-popup__item.active .reviews-popup__timer .reviews-popup__btns {
          display: flex;
          margin-bottom: 0.75rem; }
    .reviews-popup__video {
      position: relative;
      height: 25rem; }
    .reviews-popup__play {
      transform: translateX(-50%);
      top: 20rem; }
    .reviews-popup__wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1.5rem 0.75rem;
      background: #fff;
      color: #111;
      border-radius: 1rem 1rem 0 0; }
    .reviews-popup__time li {
      background: transparent;
      border: 1px solid #E1E6F1;
      backdrop-filter: none; }
      .reviews-popup__time li span {
        filter: invert(33%); }
    .reviews-popup__price {
      background: transparent;
      border: 1px solid #E1E6F1;
      backdrop-filter: none; }
    .reviews-popup__arrows {
      width: 100%;
      position: static;
      justify-content: center;
      margin-top: 1rem; }
      .reviews-popup__arrows span {
        border-radius: .5rem;
        background: #F4F6FB;
        color: #8694B1;
        box-shadow: none;
        width: 4.5rem; }
        .reviews-popup__arrows span:hover {
          border-radius: .5rem; }
      .reviews-popup__arrows div {
        background: #F4F6FB;
        color: #8694B1;
        border-radius: .5rem; } }
@media (max-width: 767.98px) {
  .reviews {
    padding-top: 2.5rem; }
    .reviews-main {
      gap: .5rem;
      padding: 0 0.75rem; }
    .reviews-item {
      width: 100%;
      height: 20rem;
      padding: 1.5rem; }
    .reviews-choose__text {
      font-size: 1rem;
      max-width: 11rem; }
    .reviews-choose__list {
      flex-wrap: wrap;
      gap: .75rem; }
    .reviews-choose__item {
      width: calc(33.3333% - .5rem);
      height: 5.5rem;
      border-radius: .75rem;
      padding: 1rem; }
    .reviews-popup__item {
      padding: 5rem 0 18rem;
      overflow: auto; }
      .reviews-popup__item::-webkit-scrollbar {
        display: none; }
    .reviews-popup__video {
      height: 13rem; }
    .reviews-popup__wrap {
      position: fixed; }
    .reviews-popup__play {
      width: 3rem;
      height: 3rem;
      top: 10rem; }
    .reviews-popup__title {
      font-size: 1.1rem;
      margin-bottom: 0.75rem; }
    .reviews-popup__time li {
      height: 1.5rem; }
    .reviews-popup__price {
      height: 1.5rem; }
    .reviews-popup__more {
      width: 100%;
      margin-top: 1.3rem; }
    .reviews-popup__btn {
      font-size: 0.8rem; }
      .reviews-popup__btn span {
        width: 2rem;
        height: 2rem; }
    .reviews-popup__arrows {
      margin-top: 0.5rem; }
      .reviews-popup__arrows span, .reviews-popup__arrows div {
        width: 33.3333%;
        backdrop-filter: none; } }
.often {
  padding-top: 4rem;
  position: relative; }
  .often-list {
    display: flex;
    gap: 2rem; }
  .often-col {
    width: calc(25% - 1.3333rem); }
    .often-col:nth-child(2) .often-head {
      background-image: url(/img/often/2.jpg); }
    .often-col:nth-child(3) .often-head {
      background-image: url(/img/often/3.jpg); }
    .often-col:nth-child(4) .often-head {
      background-image: url(/img/often/4.jpg); }
  .often-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    border-radius: .75rem;
    padding: 0 1.5rem;
    color: #111;
    background: #fff;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    overflow: hidden; }
    .often-item:last-child {
      margin-bottom: 0; }
    .often-item span {
      color: #007BFB;
      border: 1px solid #E1E6F1;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 1rem;
      height: 1rem;
      border-radius: .3rem;
      transition: .6s all; }
      .often-item span svg {
        width: 0.7rem;
        height: 0.7rem; }
    .often-item:hover {
      color: #007BFB;
      box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05); }
      .often-item:hover span {
        background: #007BFB;
        color: #fff;
        border-color: #007BFB; }
  .often-head {
    background: url(/img/often/1.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 0.9rem; }
    .often-head span {
      color: #fff;
      border-color: #fff;
      background: #000;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(7.5px);
      -webkit-backdrop-filter: blur(7.5px); }
    .often-head:hover {
      color: #fff; }
      .often-head:hover span {
        border-radius: 2rem;
        background: #fff;
        border-color: #fff;
        color: #007BFB; }
  .often-card {
    position: absolute;
    z-index: 2;
    width: 16rem;
    background: #414a62;
    color: #fff;
    font-size: 0.7rem;
    top: 10rem;
    left: 0;
    padding: 1.5rem;
    border-radius: 1rem;
    display: none; }
    .often-card__head {
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .often-card__name {
      font-size: 0.9rem;
      font-weight: 600;
      margin-top: 0.25rem; }
    .often-card__item {
      padding: 1rem 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .often-card__circle {
      width: 3.2rem;
      flex-shrink: 0; }
    .often-card__btn {
      width: 100%;
      height: 2rem;
      margin-top: 1rem; }
  .often-data {
    display: flex;
    align-items: center;
    gap: .75rem; }
    .often-data__info li {
      margin-bottom: 0.25rem; }
      .often-data__info li:last-child {
        margin-bottom: 0; }
    .often-data__info span {
      font-weight: 500; }
  .often-mark {
    display: flex;
    align-items: center;
    gap: .75rem; }
    .often-mark__text span {
      font-weight: 500; }
    .often-mark__mark {
      color: #FFC700;
      font-size: 1.4rem;
      font-weight: 600;
      margin-top: 0.25rem; }
  .often-info li {
    margin-bottom: 0.25rem;
    display: flex;
    align-items: flex-end;
    gap: .5rem; }
    .often-info li span:nth-child(1) {
      flex-shrink: 0; }
    .often-info li span:nth-child(2) {
      flex-grow: 1;
      border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
      margin-bottom: 0.15rem; }
    .often-info li span:nth-child(3) {
      flex-shrink: 0;
      font-weight: 500; }
    .often-info li:last-child {
      margin-bottom: 0; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .often-list {
    margin-left: -3rem;
    width: calc(100% + 6rem);
    padding: 0 3rem;
    overflow: auto; }
    .often-list::-webkit-scrollbar {
      display: none; }
  .often-col {
    width: 15rem;
    flex-shrink: 0; } }
@media (max-width: 767.98px) {
  .often-list {
    margin-left: -.75rem;
    width: calc(100% + 1.5rem);
    padding: 0 .75rem;
    gap: .75rem; }
  .often-col {
    width: 18rem; }
  .often-card {
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    padding-top: 2.5rem;
    top: auto;
    bottom: 0; }
    .often-card::before {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0.65rem;
      height: 0.2rem;
      width: 2.5rem;
      border-radius: .2rem;
      content: '';
      background: #E2E7F3; } }
.flats {
  padding-top: 4rem; }
  .flats-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
  .flats-item {
    width: calc(33.3333% - 1.33333rem);
    position: relative;
    border-radius: 1.25rem;
    padding: 0.5rem 1.25rem 1.5rem;
    background: #fff;
    transition: .6s all; }
    .flats-item:hover {
      box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1); }
      .flats-item:hover .card-btns {
        opacity: 1; }
    .flats-item .card-img {
      height: 16rem; }
    .flats-item .card-tags.active div {
      padding: 1rem;
      background: rgba(17, 29, 59, 0.6);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      border-radius: .75rem;
      width: 15rem; }
      .flats-item .card-tags.active div li {
        color: #007BFB;
        background: #fff; }
    .flats-item__name {
      font-size: 0.9rem;
      font-weight: 500;
      margin-bottom: 0.5rem; }
    .flats-item__price {
      font-size: 1.1rem;
      font-weight: 500;
      color: #007BFB;
      margin-bottom: 1.75rem; }
    .flats-item__info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #8694B1; }
      .flats-item__info a {
        color: #007BFB; }
    .flats-item__more {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 2;
      border-radius: 1.25rem;
      box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.1);
      background: #fff;
      padding: 2rem 1.5rem 1.5rem;
      display: none; }
      .flats-item__more.active {
        display: block; }
    .flats-item__list {
      padding-bottom: 0.75rem;
      border-bottom: 1px dashed #C9D1E2;
      margin-bottom: 1rem; }
      .flats-item__list li {
        display: flex;
        gap: .5rem;
        align-items: flex-end;
        margin-bottom: 0.75rem; }
        .flats-item__list li div {
          transition: .6s all; }
          .flats-item__list li div:nth-child(1) {
            color: #8694B1; }
          .flats-item__list li div:nth-child(2) {
            flex-grow: 1;
            border-bottom: 1px dashed #C9D1E2;
            margin-bottom: 0.2rem; }
          .flats-item__list li div.dev {
            display: flex;
            align-items: center;
            gap: .25rem; }
        .flats-item__list li:hover div:nth-child(1) {
          color: #6F7D99; }
        .flats-item__list li:hover div:nth-child(3) {
          color: #007BFB; }
    .flats-item__mark img {
      width: 0.95rem;
      display: block; }
    .flats-item.white .card-img {
      border: 1px solid #E1E6F1; }
      .flats-item.white .card-img__item {
        display: flex;
        justify-content: center;
        align-items: center; }
        .flats-item.white .card-img__item img {
          width: 11rem;
          height: 10rem;
          object-fit: contain; }
      .flats-item.white .card-img__dots {
        border: 1px solid #E1E6F1;
        background: #fff; }
        .flats-item.white .card-img__dots li {
          background: rgba(0, 27, 56, 0.2); }
          .flats-item.white .card-img__dots li.active {
            background: #001B38; }
    .flats-item.white .card-tags li {
      color: #fff;
      background: #001B38; }
      .flats-item.white .card-tags li.more {
        color: #007BFB;
        background: #F4F6FB; }
    .flats-item.white .card-tags.active li.more {
      background: #007BFB;
      color: #fff; }
    .flats-item.white .card-btns__item div {
      background: #fff;
      border: 1px solid #E1E6F1;
      color: #007BFB; }
    .flats-item.white .card-btns__item svg rect {
      fill: #fff;
      fill-opacity: 1; }
      .flats-item.white .card-btns__item svg rect:last-child {
        fill-opacity: 1; }
    .flats-item.white .card-btns__item:hover div, .flats-item.white .card-btns__item.active div {
      background: #007BFB;
      color: #fff;
      border-color: #007BFB; }
    .flats-item.white .card-btns__item:hover svg rect:first-child, .flats-item.white .card-btns__item.active svg rect:first-child {
      fill-opacity: .5; }
    .flats-item.white .card-btns__item:hover svg rect:last-child, .flats-item.white .card-btns__item.active svg rect:last-child {
      fill-opacity: .5; }
    .flats-item.white .card-btns__item.active svg rect:last-child {
      fill-opacity: 1; }
  .flats .reviews-choose__item {
    padding: 1rem; }
    .flats .reviews-choose__item span {
      padding: 0 0.5rem; }
  .flats .reviews-choose__text {
    max-width: none; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .flats-item {
    width: calc(50% - 1rem); } }
@media (max-width: 767.98px) {
  .flats-item {
    width: 100%; }
    .flats-item__name {
      font-size: 0.8rem; }
    .flats-item__price {
      font-size: 1rem;
      margin-bottom: 0.5rem; }
    .flats-item .card-img {
      height: 15rem; }
    .flats-item__more {
      padding: 1rem 1.5rem 1.5rem; }
    .flats-item__list {
      padding-bottom: 0.5rem; }
      .flats-item__list li {
        margin-bottom: 0.7rem; } }
.news {
  padding-top: 4rem; }
  .news-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0 1.5rem; }
    .news-main .card {
      width: calc(33.33333% - 1.33333rem); }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .news .card {
    width: calc(50% - 1rem); } }
@media (max-width: 767.98px) {
  .news {
    padding-top: 2.5rem; }
    .news .card {
      width: 100%; } }
.media {
  padding-top: 4rem; }
  .media-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0 1.5rem; }
  .media-item {
    width: calc(33.33333% - 1.33333rem);
    height: 22.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #fff;
    font-weight: 500; }
    .media-item:hover .media-item__bot {
      color: #fff; }
    .media-item:hover .media-item__line span {
      width: 100%; }
    .media-item:hover .media-item__btn span {
      background: #007BFB;
      color: #fff; }
    .media-item__link {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: 2; }
    .media-item__tags li {
      background: rgba(255, 255, 255, 0.15); }
    .media-item__img {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; }
      .media-item__img::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        content: '';
        background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 50%, rgba(17, 17, 17, 0.6) 100%); }
      .media-item__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .media-item__title {
      font-size: 0.9rem;
      line-height: 1.3rem;
      margin-bottom: 1.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      height: 2.6rem; }
    .media-item__line {
      background: rgba(255, 255, 255, 0.3);
      display: flex;
      margin-bottom: 1.5rem; }
      .media-item__line span {
        transition: .6s all;
        height: 1px;
        width: 0%;
        background: #fff; }
    .media-item__bot {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #CBD2E1;
      transition: .6s all; }
    .media-item__btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: .5rem; }
      .media-item__btn span {
        width: 1rem;
        height: 1rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: #fff;
        transition: .6s all;
        color: #007BFB; }
        .media-item__btn span svg {
          width: 0.7rem;
          height: 0.7rem; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .media-item {
    width: calc(50% - 1rem); } }
@media (max-width: 767.98px) {
  .media-main {
    gap: .5rem;
    padding: 0 0.75rem; }
  .media-item {
    width: 100%;
    padding: 1rem;
    height: 20rem; }
    .media-item__title {
      font-size: 0.85rem;
      line-height: 1.2rem;
      margin-bottom: 1rem;
      height: 2.4rem; }
    .media-item__line {
      margin-bottom: 1rem; }
    .media-item__bot {
      color: #fff; } }
.app {
  padding-top: 2.5rem; }
  .app-card {
    border-radius: 1.25rem;
    background: linear-gradient(90deg, #007BFB 0%, #76B9FF 100%);
    overflow: hidden;
    color: #fff;
    display: flex;
    margin-bottom: 1rem; }
    .app-card__info {
      width: 47%;
      padding: 2.5rem; }
    .app-card__head {
      display: flex;
      align-items: center;
      gap: .75rem;
      margin-bottom: 1rem; }
    .app-card__title {
      font-size: 1.5rem;
      font-weight: 500; }
    .app-card__soon {
      height: 1.5rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0 1rem;
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      font-weight: 600;
      font-size: 0.7rem;
      border-radius: 1rem; }
    .app-card__text {
      font-size: 0.8rem;
      line-height: 1.3rem;
      margin-bottom: 4.5rem;
      max-width: 23rem; }
    .app-card__wrap {
      display: flex;
      gap: .5rem; }
    .app-card__qr {
      width: 5rem; }
      .app-card__qr img {
        width: 100%;
        display: block; }
    .app-card__links {
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .app-card__links a {
        width: 7.45rem; }
        .app-card__links a img {
          width: 100%;
          display: block; }
    .app-card__img {
      width: 53%; }
      .app-card__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
  .app-add {
    border-radius: 1.25rem;
    overflow: hidden;
    background: linear-gradient(94deg, rgba(0, 123, 251, 0.2) 3.69%, rgba(255, 255, 255, 0) 23.06%, rgba(255, 255, 255, 0.12) 84.66%, rgba(0, 123, 251, 0.2) 96.34%), #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.5rem; }
    .app-add__info {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .app-add__img {
      width: 13.7rem; }
      .app-add__img img {
        width: 100%;
        display: block; }
    .app-add__title {
      font-size: 1.1rem;
      font-weight: 500;
      margin-bottom: 0.5rem; }
      .app-add__title span {
        color: #007BFB; }
    .app-add__text {
      font-size: 0.8rem;
      color: #8694B1; }
    .app-add__btn {
      width: 8rem;
      height: 2.5rem; }
      .app-add__btn svg {
        display: none; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .app-card__info {
    width: 100%; }
  .app-card__img {
    display: none; }
  .app-add {
    padding: 0 2rem; }
    .app-add__img {
      width: 6rem;
      align-self: flex-end; }
    .app-add__wrap {
      padding: 1rem 0; }
    .app-add__btn {
      width: 2.5rem;
      border-radius: 2.5rem; }
      .app-add__btn span {
        display: none; }
      .app-add__btn svg {
        display: inline-block;
        width: .75rem;
        height: 0.75rem; } }
@media (max-width: 767.98px) {
  .app-card {
    border-radius: .75rem;
    padding: 1rem; }
    .app-card__info {
      padding: 0; }
    .app-card__head {
      justify-content: space-between; }
    .app-card__title {
      font-size: 0.9rem; }
    .app-card__soon {
      padding: 0 0.75rem;
      height: 1.25rem;
      font-size: 0.6rem; }
    .app-card__text {
      display: none; }
    .app-card__wrap {
      gap: .75rem;
      width: 100%; }
    .app-card__qr {
      width: calc(33.3333% - .5rem); }
    .app-card__links {
      width: calc(66.66666% - .25rem);
      flex-direction: row;
      gap: .75rem; }
      .app-card__links a {
        width: calc(50% - .375rem); }
  .app-add {
    padding: 0 1rem; }
    .app-add__info {
      gap: 0; }
    .app-add__img {
      width: 6.5rem;
      flex-shrink: 0; }
    .app-add__title {
      font-size: 0.75rem;
      line-height: 1.1rem;
      margin-bottom: 0; }
    .app-add__text {
      display: none; }
    .app-add__btn {
      flex-shrink: 0;
      margin-left: 2rem;
      width: 1.5rem;
      height: 1.5rem; } }
.footer {
  padding-top: 4rem; }
  .footer-ai {
    border-radius: 1.25rem;
    background: linear-gradient(90deg, #007BFB 0%, #76B9FF 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.75rem 1rem 1.5rem;
    color: #fff; }
    .footer-ai__wrap {
      display: flex;
      align-items: center; }
    .footer-ai__img {
      width: 4rem;
      margin-right: 1.5rem; }
      .footer-ai__img img {
        width: 100%;
        display: block; }
    .footer-ai__text {
      color: #CEE6FF;
      font-size: 1.1rem;
      font-weight: 500;
      margin-right: 0.75rem; }
      .footer-ai__text span {
        color: #fff; }
    .footer-ai__btn {
      flex-shrink: 0;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 2.5rem; }
      .footer-ai__btn svg {
        width: 1.1rem;
        height: 1.1rem; }
      .footer-ai__btn:hover {
        border-radius: 2.5rem; }
  .footer-item {
    margin-top: 1rem;
    border-radius: 1.25rem;
    background: #fff;
    font-size: 0.8rem;
    font-weight: 300;
    color: #8694B1; }
  .footer-main {
    padding: 4rem 4rem 3rem; }
  .footer-menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding-bottom: 3rem;
    border-bottom: 1px solid #E1E6F1; }
    .footer-menu__app {
      position: absolute;
      bottom: 3rem;
      right: 0; }
    .footer-menu__name {
      font-size: 0.9rem;
      font-weight: 500;
      color: #111;
      margin-bottom: 1.5rem; }
      .footer-menu__name .btn {
        display: none; }
    .footer-menu__list li {
      margin-bottom: 1rem; }
      .footer-menu__list li:last-child {
        margin-bottom: 0; }
    .footer-menu__list a {
      display: inline-flex;
      align-items: center;
      color: #111;
      gap: .5rem; }
      .footer-menu__list a span {
        height: 1rem;
        border-radius: 1rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 0.5rem;
        font-weight: 600; }
        .footer-menu__list a span.new {
          width: 2.1rem;
          background: #111;
          color: #fff; }
        .footer-menu__list a span.not {
          width: 1.5rem;
          background: #007BFB;
          color: #fff; }
        .footer-menu__list a span.soon {
          padding: 0 0.55rem;
          background: #F4F6FB;
          color: #007BFB; }
      .footer-menu__list a:hover {
        color: #007BFB; }
  .footer-info {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem; }
    .footer-info__text {
      margin-top: 0.75rem;
      font-weight: 400;
      font-size: 0.9rem;
      color: #111; }
      .footer-info__text a {
        color: #111; }
        .footer-info__text a:hover {
          color: #007BFB; }
        .footer-info__text a.mail {
          color: #007BFB;
          border-bottom: 1px solid #007BFB; }
          .footer-info__text a.mail:hover {
            border-bottom: transparent; }
    .footer-info__ico {
      display: none; }
  .footer-social {
    padding: 1.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .footer-social__logo {
      width: 9rem; }
      .footer-social__logo img {
        width: 100%;
        display: block; }
    .footer-social__wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .footer-social__list {
      display: flex;
      align-items: center;
      gap: .5rem; }
      .footer-social__list li {
        display: flex; }
      .footer-social__list a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background: #F4F6FB;
        color: #007BFB; }
        .footer-social__list a:hover {
          color: #fff;
          background: #007BFB; }
  .footer-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    padding-right: 1.75rem; }
    .footer-btns__wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .footer-btns__ico {
      background: #F4F6FB;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      width: 3rem;
      height: 3rem;
      border-radius: .75rem; }
      .footer-btns__ico img {
        width: 1.1rem; }
    .footer-btns__text {
      line-height: 1.5;
      max-width: 21rem; }
    .footer-btns__name {
      display: none; }
    .footer-btns__block {
      display: flex;
      height: 2rem;
      padding: 0.25rem;
      gap: .25rem;
      background: #F4F6FB;
      border-radius: 1rem; }
    .footer-btns__item {
      border-radius: 1rem;
      background: #fff;
      height: 1.5rem;
      width: 2.5rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      color: #8694B1;
      font-weight: 400; }
      .footer-btns__item:hover {
        color: #007BFB; }
      .footer-btns__item svg {
        width: 0.9rem;
        height: 0.9rem; }
      .footer-btns__item.active {
        background: #007BFB;
        color: #fff; }
    .footer-btns__currency .footer-btns__item {
      width: 3rem; }
  .footer-feedback {
    display: flex;
    gap: 1rem; }
    .footer-feedback__item {
      flex-grow: 1;
      padding: 0.5rem;
      display: flex;
      align-items: center;
      gap: 1rem;
      cursor: pointer; }
      .footer-feedback__item:hover .footer-feedback__ico {
        background: #007BFB;
        color: #fff; }
    .footer-feedback__ico {
      width: 5rem;
      height: 5rem;
      border-radius: 1rem;
      background: #F4F6FB;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      color: #007BFB;
      transition: .6s all; }
      .footer-feedback__ico svg {
        width: 1.5rem;
        height: 1.5rem; }
    .footer-feedback__title {
      font-size: 0.9rem;
      font-weight: 400;
      color: #111;
      margin-bottom: 0.5rem; }
    .footer-feedback__top {
      width: 6rem;
      height: 6rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      color: #007BFB;
      flex-shrink: 0; }
      .footer-feedback__top svg {
        width: 1.5rem;
        height: 1.5rem; }
      .footer-feedback__top:hover {
        background: #007BFB;
        color: #fff; }
  .footer-copy {
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #8694B1;
    font-size: 0.8rem;
    position: relative; }
    .footer-copy__item:nth-child(2) {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .footer-copy a {
      color: #007BFB;
      border-bottom: 1px solid #007BFB; }
      .footer-copy a:hover {
        border-color: transparent; }
    .footer-copy .footer-feedback__top {
      display: none; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .footer-ai .app-card__soon {
    display: none; }
  .footer-ai__text {
    font-size: 0.75rem; }
  .footer-main {
    background: transparent;
    padding: 0; }
  .footer-menu {
    flex-direction: column;
    border-radius: 1.25rem;
    background: #fff;
    padding: 1.5rem;
    border-bottom: 0; }
    .footer-menu__col {
      width: 100%;
      padding-bottom: 1.5rem;
      margin-bottom: 1.5rem;
      border-bottom: 1px solid #E1E6F1; }
      .footer-menu__col:nth-child(4) {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none; }
      .footer-menu__col.active .footer-menu__name .btn {
        transform: rotate(180deg);
        background: #007BFB;
        color: #fff;
        border-color: #007BFB; }
      .footer-menu__col.active .footer-menu__list {
        display: block; }
    .footer-menu__name {
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .footer-menu__name .btn {
        display: inline-flex;
        border-radius: .3rem;
        width: 1rem;
        height: 1rem; }
        .footer-menu__name .btn svg {
          width: 0.7rem;
          height: 0.75rem; }
    .footer-menu__app {
      display: none; }
    .footer-menu__list {
      display: none;
      margin-top: 1rem; }
      .footer-menu__list li {
        margin-bottom: 0.75rem; }
        .footer-menu__list li:last-child {
          margin-bottom: 0; }
  .footer-info {
    margin-top: 1.5rem;
    border-radius: 1.25rem;
    background: #fff;
    padding: .7rem 1.5rem;
    flex-direction: column; }
    .footer-info__item {
      padding: .8rem 0;
      border-bottom: 1px solid #E1E6F1;
      position: relative; }
      .footer-info__item:last-child {
        border: none; }
    .footer-info__ico {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      width: 1.5rem; }
      .footer-info__ico img {
        width: 100%; }
  .footer-social {
    justify-content: center; }
    .footer-social__logo, .footer-social__text {
      display: none; }
  .footer-btns__wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0; }
    .footer-btns__wrap:first-child {
      display: none; }
  .footer-btns__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #E1E6F1; }
    .footer-btns__flex:first-child {
      order: 999;
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
  .footer-btns__name {
    display: block;
    font-size: 0.8rem;
    color: #111; }
  .footer-feedback {
    flex-direction: column;
    gap: 0; }
    .footer-feedback__top {
      display: none; }
  .footer-copy {
    background: #fff;
    border-radius: 1.25rem;
    padding: 0.5rem;
    padding-left: 1rem;
    margin: 1rem 0 5rem; }
    .footer-copy__item {
      display: none; }
      .footer-copy__item:first-child {
        display: block;
        color: #111; }
    .footer-copy .footer-feedback__top {
      display: inline-flex;
      background: #007BFB;
      color: #fff;
      margin-top: 0;
      width: 4rem;
      height: 4rem;
      border-radius: 1rem; } }
@media (max-width: 767.98px) {
  .footer {
    padding-top: 1rem; }
    .footer-ai {
      margin-bottom: 2.5rem; }
    .footer-item {
      border-radius: .75rem;
      margin-top: 1.5rem; }
    .footer-menu {
      border-radius: .75rem; }
    .footer-info {
      padding: 0 1.5rem;
      border-radius: .75rem; }
      .footer-info__text {
        margin-top: 0.5rem; }
    .footer-btns {
      padding: 1rem 1.5rem; }
      .footer-btns__name {
        font-weight: 400; }
    .footer-social {
      padding: 1.25rem 1.5rem; }
    .footer-feedback {
      margin-top: 1.5rem;
      gap: .5rem; }
      .footer-feedback__item {
        margin-top: 0; }
      .footer-feedback__ico {
        width: 4rem;
        height: 4rem;
        border-radius: .5rem; }
      .footer-feedback__title {
        font-size: 0.8rem; }
      .footer-feedback__text {
        font-size: 0.75rem; }
    .footer-copy {
      border-radius: 1rem; }
      .footer-copy .footer-feedback__top {
        width: 3rem;
        height: 3rem;
        border-radius: .75rem; } }
.menu {
  padding-top: 11.2rem;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 9;
  display: none; }
  .menu .container {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start; }
  .menu-main {
    width: calc(100% - 24rem);
    border-radius: 1rem;
    height: 30rem;
    background: #fff;
    padding: 1.5rem 2rem 0; }
  .menu-choose {
    height: 2.5rem;
    background: #F4F6FB;
    border-radius: .5rem;
    padding: 0.25rem;
    display: flex;
    gap: .25rem;
    margin-bottom: 2rem; }
    .menu-choose li {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      height: 100%;
      flex-grow: 1;
      border-radius: .4rem; }
      .menu-choose li:hover {
        background: #fff;
        color: #007BFB; }
      .menu-choose li.active {
        pointer-events: none;
        background: #007BFB;
        color: #fff; }
  .menu-tab {
    display: none; }
  .menu-head {
    padding-bottom: 2rem;
    border-bottom: 1px solid #E1E6F1;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 0; }
    .menu-head .menu-item__name {
      border: none;
      font-weight: 500; }
  .menu-item {
    width: 50%; }
    .menu-item__link {
      display: inline-flex;
      align-items: center;
      gap: 1rem; }
      .menu-item__link:hover {
        color: #007BFB; }
        .menu-item__link:hover .menu-item__ico {
          background: #007BFB;
          color: #fff; }
          .menu-item__link:hover .menu-item__ico-under svg path {
            fill: #fff; }
        .menu-item__link:hover .menu-item__name {
          border-color: #007BFB;
          color: #007BFB; }
    .menu-item__ico {
      transition: .6s all;
      color: #007BFB;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      height: 3rem;
      width: 3rem;
      border-radius: .75rem;
      background: #F4F6FB;
      font-weight: 600;
      font-size: 0.9rem; }
      .menu-item__ico svg {
        width: 1.2rem;
        height: 1.2rem; }
      .menu-item__ico-under svg path {
        transition: .6s all; }
    .menu-item__name {
      font-size: 0.8rem;
      border-bottom: 1px solid transparent;
      display: inline-block;
      color: #000;
      transition: .6s all; }
    .menu-item__text {
      margin-top: 0.5rem;
      font-size: 0.7rem;
      color: #8694B1; }
  .menu-content {
    padding: 2rem 1.25rem 2rem 0;
    max-height: 18.95rem;
    overflow: auto; }
    .menu-content::-webkit-scrollbar {
      width: .3rem; }
    .menu-content::-webkit-scrollbar-track {
      background: #fff; }
    .menu-content::-webkit-scrollbar-thumb {
      border: none;
      border-radius: 2rem; }
  .menu-block {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #E1E6F1;
    margin-bottom: 2rem; }
    .menu-block:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
    .menu-block .object {
      width: calc(50% - 1rem); }
      .menu-block .object:nth-child(odd) {
        margin-right: 2rem; }
      .menu-block .object__name {
        font-size: 0.8rem;
        margin-bottom: 0.3rem; }
      .menu-block .object-time {
        margin-bottom: 0.8rem;
        font-size: 0.6rem; }
        .menu-block .object-time li img {
          width: 0.75rem; }
      .menu-block .object-tags {
        gap: .25rem; }
        .menu-block .object-tags li {
          height: 1rem;
          font-size: 0.55rem;
          padding: 0 0.65rem;
          background: #F4F6FB;
          color: #007BFB; }
          .menu-block .object-tags li.recom {
            background: #111;
            color: #fff; }
  .menu-ads {
    width: 22.5rem;
    position: relative; }
    .menu-ads .project {
      border-radius: 1rem;
      height: 30rem;
      padding-bottom: 3rem; }
    .menu-ads__arrows {
      display: flex;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      padding: 1.5rem;
      width: 100%;
      z-index: 2;
      pointer-events: none;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .menu-ads__arrows span {
        pointer-events: auto;
        border-radius: 50%;
        color: #fff;
        background: rgba(187, 195, 203, 0.4);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px); }
    .menu-ads__timeline {
      display: flex;
      padding: 0 1.5rem;
      width: 100%;
      z-index: 2;
      bottom: 1.5rem;
      gap: .5rem;
      position: absolute; }
      .menu-ads__timeline li {
        flex-grow: 1;
        border-radius: .5rem;
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        display: flex;
        height: 0.15rem; }
        .menu-ads__timeline li span {
          width: 0;
          transition: 5s all;
          border-radius: .5rem;
          height: 100%;
          background: #fff; }
        .menu-ads__timeline li.active span {
          width: 100%; }
  .menu-more__col {
    width: calc(25% - 1.3333rem); }
  .menu-more__head {
    background: linear-gradient(90deg, #016CFD 0%, #60A9FC 100%);
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
    border-radius: .5rem;
    height: 3rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.25rem;
    font-weight: 500;
    color: #fff;
    font-size: 0.85rem; }
    .menu-more__head img {
      width: 1.1rem; }
  .menu-more__list li {
    margin-bottom: 0.5rem;
    display: flex; }
  .menu-more__list a {
    border-radius: .5rem;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1.25rem;
    color: #111;
    background: #fff; }
    .menu-more__list a:hover {
      color: #fff;
      background: #007BFB; }
      .menu-more__list a:hover .not {
        border-color: #fff; }
    .menu-more__list a span {
      height: 1rem;
      border-radius: 1rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 0.5rem;
      font-weight: 600; }
      .menu-more__list a span.new {
        width: 2.1rem;
        background: #111;
        color: #fff; }
      .menu-more__list a span.not {
        width: 1.5rem;
        background: #007BFB;
        color: #fff;
        border: 1px solid #007BFB; }
      .menu-more__list a span.soon {
        padding: 0 0.55rem;
        background: #F4F6FB;
        color: #007BFB; }

.botmenu {
  display: none; }

.mobmenu {
  display: none; }
  .mobmenu-banner {
    display: none; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .botmenu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: #fff;
    display: block;
    height: 4rem;
    border-radius: 1.25rem 1.25rem 0 0;
    box-shadow: 0px -10px 15px 0px rgba(0, 48, 167, 0.05); }
    .botmenu-list {
      display: flex;
      width: 100%;
      justify-content: space-evenly; }
      .botmenu-list li {
        width: 20%;
        text-align: center;
        padding-top: 0.65rem; }
      .botmenu-list a {
        color: #8694B1;
        font-size: .55rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; }
        .botmenu-list a svg {
          width: 1.4rem;
          height: 1.4rem;
          display: inline-block;
          margin-bottom: 0.5rem; }
        .botmenu-list a.active {
          color: #007BFB; }
          .botmenu-list a.active svg {
            color: #99CBFF;
            fill: #007BFB; }
        .botmenu-list a small {
          position: absolute;
          left: 55%;
          top: -.2rem;
          width: 0.85rem;
          height: 0.85rem;
          background: #FB0000;
          border-radius: 50%;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 0.5rem;
          font-weight: 600; }
      .botmenu-list .botmenu-menu__ico {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background: #007BFB;
        margin-top: -1.65rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 0.5rem; }
        .botmenu-list .botmenu-menu__ico img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .botmenu-list .botmenu-menu__ico img:nth-child(2) {
            opacity: 0;
            width: 1.2rem; }
      .botmenu-list .botmenu-menu.active .botmenu-menu__ico {
        box-shadow: 0px 10px 10px rgba(0, 123, 251, 0.15); }
        .botmenu-list .botmenu-menu.active .botmenu-menu__ico img:nth-child(1) {
          opacity: 0; }
        .botmenu-list .botmenu-menu.active .botmenu-menu__ico img:nth-child(2) {
          opacity: 1; }

  .mobmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: #f4f6fb;
    padding: 4.5rem 0.75rem 6rem;
    font-size: 0.8rem;
    height: 100dvh;
    overflow: auto; }
    .mobmenu-head {
      height: 4rem;
      width: 100%;
      padding: 0 0.75rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 5;
      box-shadow: 0px 10px 15px 0px rgba(0, 48, 167, 0.05); }
      .mobmenu-head__wrap {
        display: flex;
        gap: .5rem; }
      .mobmenu-head .header-choose__btn {
        background: #fff;
        backdrop-filter: none;
        border-color: #E1E6F1;
        height: 2rem;
        color: #007BFB;
        font-weight: 400;
        font-size: 0.8rem; }
        .mobmenu-head .header-choose__btn span {
          background: #F4F6FB; }
      .mobmenu-head .header-choose__list {
        right: 0;
        border: 1px solid #E1E6F1; }
    .mobmenu-buttons {
      border-radius: .75rem;
      padding: 0.75rem;
      background: #fff;
      display: flex;
      gap: .75rem;
      margin-bottom: 0.5rem; }
      .mobmenu-buttons .btn {
        width: 50%;
        height: 2.5rem;
        gap: .25rem; }
        .mobmenu-buttons .btn svg {
          width: 1.1rem;
          height: 1.1rem; }
    .mobmenu-choose {
      border-radius: .75rem;
      padding: 0.75rem;
      background: #fff;
      display: flex;
      gap: .5rem;
      max-width: 100%;
      overflow: auto;
      margin-bottom: 0.5rem; }
      .mobmenu-choose::-webkit-scrollbar {
        display: none; }
      .mobmenu-choose li {
        padding: 0 1rem;
        border-radius: .5rem;
        height: 2.5rem;
        flex-shrink: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .6s all;
        cursor: pointer;
        user-select: none;
        border: 1px solid #E1E6F1;
        color: #007BFB; }
        .mobmenu-choose li.active {
          background: linear-gradient(90deg, #016CFD 0%, #60A9FC 100%);
          box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
          color: #fff; }
    .mobmenu-adv {
      padding: 0 1rem;
      height: 3rem;
      border-radius: .5rem;
      position: relative;
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow: hidden;
      z-index: 1;
      font-weight: 500;
      margin-bottom: 0.5rem; }
      .mobmenu-adv__img {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1; }
        .mobmenu-adv__img::after {
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          position: absolute;
          content: '';
          background: rgba(0, 0, 0, 0.4); }
        .mobmenu-adv__img img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .mobmenu-adv__arrow {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background: #fff; }
        .mobmenu-adv__arrow img {
          width: 0.9rem; }
    .mobmenu-list li {
      margin-bottom: 0.5rem;
      display: flex; }
      .mobmenu-list li:last-child {
        margin-bottom: 0; }
    .mobmenu-list a {
      padding: 0 1rem;
      height: 3rem;
      border-radius: .5rem;
      position: relative;
      color: #111;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      width: 100%; }
      .mobmenu-list a .arrow {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background: #F4F6FB; }
        .mobmenu-list a .arrow img {
          width: 0.9rem; }
      .mobmenu-list a span {
        height: 1rem;
        border-radius: 1rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 0.5rem;
        font-weight: 600; }
        .mobmenu-list a span.new {
          width: 2.1rem;
          background: #111;
          color: #fff; }
        .mobmenu-list a span.not {
          width: 1.5rem;
          background: #007BFB;
          color: #fff; }
        .mobmenu-list a span.soon {
          padding: 0 0.55rem;
          background: #F4F6FB;
          color: #007BFB; }
    .mobmenu-back {
      background: #fff;
      height: 3rem;
      display: flex;
      align-items: center;
      margin-bottom: 0.5rem;
      border-radius: .75rem;
      color: #007BFB;
      gap: .5rem;
      padding: 0 1rem; }
      .mobmenu-back span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 1rem;
        height: 1rem;
        border-radius: .3rem;
        border: 1px solid #E1E6F1; }
        .mobmenu-back span svg {
          width: 0.7rem;
          height: 0.7rem; }
    .mobmenu .menu-tabs {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%;
      overflow: auto;
      background: #f4f6fb;
      z-index: 2;
      padding: 4.5rem .75rem;
      display: none; }
    .mobmenu .menu-head {
      flex-direction: column;
      gap: .5rem;
      padding-bottom: 0;
      margin-bottom: 0.5rem;
      border: none; }
      .mobmenu .menu-head .menu-item {
        background: #fff;
        border-radius: .75rem;
        padding: 0.5rem; }
        .mobmenu .menu-head .menu-item__ico {
          border-radius: .5rem;
          width: 4rem;
          height: 4rem; }
    .mobmenu .menu-item {
      width: 100%; }
    .mobmenu .menu-content {
      padding: 0;
      max-height: none; }
    .mobmenu .menu-block {
      padding-bottom: 0;
      border: none;
      margin-bottom: 0.5rem;
      border-radius: .75rem;
      background: #fff;
      gap: 1rem;
      padding: 1rem; }
      .mobmenu .menu-block-object {
        padding: 0;
        background: transparent;
        gap: .5rem; }
      .mobmenu .menu-block .object {
        width: 100%;
        border: none;
        background: #fff; }
        .mobmenu .menu-block .object:nth-child(odd) {
          margin-right: 0; }
    .mobmenu-banner {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      background: rgba(40, 45, 60, 0.64); }
      .mobmenu-banner__close {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 31rem;
        width: 1.5rem;
        height: 1.5rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .6s all;
        cursor: pointer;
        user-select: none;
        background: #fff;
        border-radius: 50%; }
        .mobmenu-banner__close img {
          width: 0.9rem; }
      .mobmenu-banner .project {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30rem;
        border-radius: 1rem 1rem 0 0; }
        .mobmenu-banner .project__img {
          border-radius: 1rem 1rem 0 0; }
      .mobmenu-banner__btn {
        width: 100%;
        height: 2.5rem;
        margin-top: 1.5rem; } }
.sidepopup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  display: none; }
  .sidepopup-layer {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(40, 45, 60, 0.64);
    cursor: pointer;
    z-index: 1; }
  .sidepopup-content {
    height: 100%;
    z-index: 2;
    width: 23rem;
    background: #fff;
    border-radius: 1rem 0 0 1rem;
    position: relative;
    margin-left: calc(100% - 23rem);
    overflow: auto; }
    .sidepopup-content::-webkit-scrollbar {
      width: .4rem; }
  .sidepopup-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e1e6f1;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2; }
  .sidepopup__title {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 0.9rem;
    font-weight: 500; }
    .sidepopup__title span {
      width: 1.5rem;
      height: 1rem;
      border-radius: 1rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #007BFB;
      color: #fff;
      font-size: 0.7rem; }
  .sidepopup__close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%; }
    .sidepopup__close svg {
      width: 0.9rem;
      height: 0.9rem; }
    .sidepopup__close:hover {
      border-radius: 50%; }
  .sidepopup-empty {
    height: calc(100% - 15rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center; }
    .sidepopup-empty__ico {
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 50%;
      margin-bottom: 1rem;
      background: #F4F6FB;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .sidepopup-empty__ico img {
        width: 1.7rem; }
    .sidepopup-empty__title {
      font-size: 0.9rem;
      font-weight: 500;
      margin-bottom: 0.75rem; }
    .sidepopup-empty__text {
      font-weight: 300;
      line-height: 1.2rem;
      max-width: 16.5rem; }
  .sidepopup-recommended {
    padding: 2rem; }
    .sidepopup-recommended__title {
      margin-bottom: 1rem;
      font-weight: 500; }
  .sidepopup-main {
    padding: 2rem;
    margin-bottom: 2rem; }
    .sidepopup-main__title {
      font-size: 0.75rem;
      font-weight: 500;
      margin-bottom: 1rem; }
    .sidepopup-main .object {
      margin-bottom: 0.5rem; }
  .sidepopup__btn {
    position: sticky;
    bottom: 2rem;
    left: 2rem;
    width: calc(100% - 4rem);
    height: 3rem;
    font-size: 0.85rem; }
  .sidepopup-nots {
    background: #f4f6fb;
    padding-top: 0.5rem; }
    .sidepopup-nots__list {
      padding: 0 2rem 2rem; }
    .sidepopup-nots__item {
      border-radius: 1rem;
      transition: .6s all;
      border-bottom: .25rem solid #d6dded;
      margin-bottom: 1rem;
      padding: 0.5rem;
      position: relative;
      background: #fff; }
      .sidepopup-nots__item:last-child {
        margin-bottom: 0; }
      .sidepopup-nots__item:hover {
        box-shadow: 0 15px 15px rgba(0, 48, 167, 0.05);
        border-color: #007BFB; }
      .sidepopup-nots__item-open {
        min-height: calc(100vh - 11.1rem);
        padding-bottom: 5rem; }
        .sidepopup-nots__item-open .sidepopup-nots__title {
          height: auto;
          margin-bottom: 1rem; }
    .sidepopup-nots__tags {
      position: absolute;
      top: 1.25rem;
      left: 1.25rem;
      width: calc(100% - 2.5rem);
      z-index: 2; }
      .sidepopup-nots__tags li:first-child {
        color: #111;
        background: #fff; }
      .sidepopup-nots__tags li.new {
        background: #007BFB; }
    .sidepopup-nots__img {
      height: 11rem;
      border-radius: .5rem;
      width: 100%;
      overflow: hidden;
      margin-bottom: 1rem; }
      .sidepopup-nots__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .sidepopup-nots__wrap {
      padding: 0 1.25rem 1.25rem; }
    .sidepopup-nots__title {
      font-size: 0.8rem;
      line-height: 1.2rem;
      height: 3.6rem;
      margin-bottom: 1.4rem;
      font-weight: 500; }
    .sidepopup-nots__bottom {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .sidepopup-nots__date {
      color: #8694B1; }
    .sidepopup-nots__more {
      color: #007BFB;
      display: inline-flex;
      align-items: center;
      gap: .5rem; }
      .sidepopup-nots__more span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #e1e6f1;
        border-radius: .3rem;
        color: #007BFB;
        transition: .6s all;
        width: 1rem;
        height: 1rem; }
        .sidepopup-nots__more span svg {
          width: 0.7rem;
          height: 0.7rem; }
      .sidepopup-nots__more:hover span {
        background: #007BFB;
        border-color: #007BFB;
        color: #fff; }
    .sidepopup-nots__text {
      line-height: 1.73; }
      .sidepopup-nots__text p {
        margin-bottom: 0.75rem; }
        .sidepopup-nots__text p:last-child {
          margin-bottom: 0; }
    .sidepopup-nots__btn {
      width: calc(100% - 3rem);
      height: 2.5rem;
      position: absolute;
      bottom: 1.5rem;
      left: 1.5rem;
      z-index: 2; }
  .sidepopup-choose {
    padding: 0.5rem 2rem;
    margin-bottom: 0.5rem;
    overflow: auto;
    max-width: 100%;
    position: sticky;
    top: 4rem;
    display: flex;
    gap: .5rem;
    z-index: 3; }
    .sidepopup-choose li {
      flex-shrink: 0;
      height: 2rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      border-radius: .5rem;
      background: #fff;
      color: #8694B1;
      border: 1px solid #fff;
      padding: 0 1rem; }
      .sidepopup-choose li:hover {
        color: #007BFB;
        border-color: #007BFB; }
      .sidepopup-choose li.active {
        border-color: #007BFB;
        color: #fff;
        background: #007BFB; }
    .sidepopup-choose::-webkit-scrollbar {
      display: none; }
    .sidepopup-choose.active {
      background: #fff;
      box-shadow: 0 15px 15px rgba(0, 48, 167, 0.05); }
  .sidepopup-back {
    background: #fff;
    box-shadow: 0 15px 15px rgba(0, 48, 167, 0.05);
    margin-bottom: 2rem;
    height: 3rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    margin-top: -0.5rem; }
    .sidepopup-back a {
      color: #007BFB;
      display: inline-flex;
      align-items: center;
      gap: .5rem; }
      .sidepopup-back a span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #e1e6f1;
        border-radius: .3rem;
        color: #007BFB;
        transition: .6s all;
        width: 1rem;
        height: 1rem; }
        .sidepopup-back a span svg {
          width: 0.7rem;
          height: 0.7rem; }
      .sidepopup-back a:hover span {
        background: #007BFB;
        border-color: #007BFB;
        color: #fff; }

@media (max-width: 767.98px) {
  .sidepopup {
    z-index: 10; }
    .sidepopup-content {
      width: 100%;
      margin-left: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      min-height: 70vh;
      border-radius: 1rem 1rem 0 0;
      padding: 2.5rem 0.75em 1.5rem;
      height: auto; }
      .sidepopup-content::before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0.65rem;
        height: 0.2rem;
        width: 2.5rem;
        border-radius: .2rem;
        content: '';
        background: #E2E7F3; } }
.object {
  display: flex;
  position: relative;
  height: 5rem;
  border-radius: .75rem;
  border: 1px solid #E1E6F1;
  transition: .6s all;
  padding: 0.5rem;
  align-items: center;
  gap: .75rem; }
  .object:hover {
    border-color: #007BFB; }
    .object:hover .object__name {
      color: #007BFB; }
  .object__img {
    width: 4rem;
    height: 4rem;
    border-radius: .4rem;
    overflow: hidden;
    flex-shrink: 0; }
    .object__img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .object__link {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2; }
  .object__name {
    font-size: 0.85rem;
    font-weight: 500;
    transition: .6s all;
    margin-bottom: 0.5rem; }
  .object-head {
    margin-bottom: 0.7rem;
    display: flex;
    align-items: center;
    gap: .75rem; }
    .object-head .object__name {
      margin-bottom: 0; }
  .object__mark {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
    height: 1.3rem;
    border-radius: 1rem;
    border: 1px solid #E1E6F1;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 0.65rem; }
    .object__mark img {
      width: 0.8rem; }
  .object-time {
    font-size: 0.7rem;
    height: auto; }
    .object-time li {
      height: auto; }
      .object-time li img {
        width: .9rem; }
      .object-time li::before {
        width: .3rem;
        height: 0.3rem; }
  .object__price {
    font-size: 0.7rem; }
  .object-flat .object__img {
    border-radius: .5rem;
    border: 1px solid #E1E6F1;
    padding: 0.3rem; }
    .object-flat .object__img img {
      object-fit: contain; }

.favmobile {
  padding: 5rem .75rem; }
  .favmobile-card {
    background: #fff;
    border-radius: .75rem;
    padding: 1.5rem;
    margin-bottom: 0.5rem; }
  .favmobile__title {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.75rem; }
  .favmobile__text {
    font-size: 0.75rem;
    color: #8694B1;
    font-weight: 300;
    line-height: 1.1rem;
    margin-bottom: 1.8rem; }
  .favmobile__btn {
    width: 100%;
    height: 2.5rem; }
  .favmobile-item {
    margin-bottom: 0.5rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .75rem;
    padding: 0.75rem;
    padding-right: 1.25rem;
    color: #111;
    font-size: 0.8rem; }
    .favmobile-item__wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
    .favmobile-item__ico {
      position: relative;
      flex-shrink: 0;
      background: #F4F6FB;
      border-radius: 50%;
      width: 2.5rem;
      height: 2.5rem;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .favmobile-item__ico img {
        width: 1.2rem; }
      .favmobile-item__ico span {
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: #007BFB;
        color: #fff;
        font-size: 0.6rem;
        font-weight: 500;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: -0.25rem;
        top: -0.25rem; }
    .favmobile-item__arrow {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      background: #F4F6FB; }
      .favmobile-item__arrow img {
        width: .9rem; }

.special {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }
  .special-layer {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(40, 45, 60, 0.64);
    cursor: pointer;
    z-index: 1; }
  .special-content {
    height: 100%;
    position: relative;
    z-index: 2;
    width: 23rem;
    color: #fff;
    background: #fff;
    border-radius: 1rem 0 0 1rem;
    margin-left: calc(100% - 23rem);
    background: linear-gradient(90deg, #007BFB 0%, #00C2FF 100%);
    padding: 2rem;
    display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
  .special__close {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%; }
    .special__close svg {
      width: 0.9rem;
      height: 0.9rem; }
    .special__close:hover {
      border-radius: 50%; }
  .special__title {
    margin-top: 3rem;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 1rem; }
  .special__text {
    font-size: 0.8rem;
    line-height: 1.1rem;
    max-width: 18rem;
    margin-bottom: 3rem; }
  .special-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem; }
    .special-tags li {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      height: 1.5rem;
      border-radius: .4rem;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      padding: 0 0.75rem;
      font-size: 0.7rem;
      font-weight: 600; }
  .special__img {
    width: 100%;
    padding: 0 1rem; }
    .special__img img {
      width: 100%;
      display: block; }
  .special__btn {
    width: 100%;
    height: 3rem; }

@media (max-width: 767.98px) {
  .special {
    height: 100svh; }
    .special-content {
      width: 100%;
      margin-left: 0;
      border-radius: 1rem 1rem 0 0;
      height: calc(100svh - 3rem);
      margin-top: 3rem;
      padding: 1.5rem;
      overflow: auto;
      gap: 1.5rem; }
      .special-content::before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0.65rem;
        height: 0.2rem;
        width: 2.5rem;
        border-radius: .2rem;
        content: '';
        background: #81CFFF; }
    .special__close {
      display: none; }
    .special__title {
      margin-top: 4vh; }
    .special__text {
      margin-bottom: 4vh; } }
.search {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 45, 60, 0.64);
  padding: 1rem 0;
  display: none; }
  .search-head {
    display: none; }
  .search-close {
    text-align: center;
    margin-bottom: 1rem; }
    .search-close .btn {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%; }
      .search-close .btn svg {
        width: 1.1rem;
        height: 1.1rem; }
  .search-input {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    .search-input input {
      width: 100%;
      height: 3.5rem;
      background: #fff;
      border: none;
      border-radius: .75rem;
      padding: 0 3.25rem;
      border: 1px solid #fff; }
      .search-input input:focus {
        border-color: #007BFB; }
        .search-input input:focus + .search-input__ico {
          color: #007BFB; }
      .search-input input::placeholder {
        color: #8694B1; }
      .search-input input:not(:placeholder-shown) + .search-input__ico {
        color: #007BFB; }
    .search-input__ico {
      position: absolute;
      z-index: 2;
      left: 1rem;
      width: 1.5rem;
      color: #8694B1; }
      .search-input__ico svg {
        width: 100%;
        display: block; }
    .search-input__del {
      position: absolute;
      right: 1rem;
      width: 1rem;
      height: 1rem;
      border-radius: .2rem; }
      .search-input__del svg {
        width: 0.8rem;
        height: 0.8rem; }
  .search-main {
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0px 20px 30px 0px rgba(0, 48, 167, 0.05);
    margin-bottom: 1rem;
    height: calc(100vh - 15rem);
    padding: 0 1.5rem; }
    .search-main__wrap {
      height: 100%;
      overflow: auto;
      padding: 2rem 1.5rem 2rem 0; }
      .search-main__wrap::-webkit-scrollbar {
        width: .3rem; }
      .search-main__wrap::-webkit-scrollbar-track {
        background: #fff; }
      .search-main__wrap::-webkit-scrollbar-thumb {
        background: #007BFB;
        border: none;
        border-radius: .3rem; }
  .search-block {
    margin-bottom: 1.5rem; }
    .search-block__title {
      display: flex;
      align-items: center;
      font-size: 0.85rem;
      font-weight: 500;
      gap: .5rem;
      margin-bottom: 1rem; }
      .search-block__title span {
        border-radius: 1rem;
        box-shadow: 0px 10px 15px 0px rgba(0, 48, 167, 0.05);
        min-width: 1.5rem;
        height: 1rem;
        padding: 0 0.4rem;
        background: #007BFB;
        color: #fff;
        font-size: 0.7rem;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
    .search-block:last-child {
      margin-bottom: 0; }
  .search-item {
    margin-bottom: 0.5rem;
    transition: .6s all;
    border-radius: .75rem;
    border: 1px solid #e1e6f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.25rem;
    height: 5rem;
    position: relative;
    transition: .6s all; }
    .search-item:hover {
      border-color: #007BFB; }
      .search-item:hover .search-item__btn {
        border-radius: 50%;
        border-color: #007BFB;
        background: #007BFB;
        color: #fff; }
    .search-item:last-child {
      margin-bottom: 0; }
    .search-item__link {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      z-index: 2; }
    .search-item__title {
      font-size: 0.85rem;
      font-weight: 500;
      margin-bottom: 0.5rem; }
      .search-item__title span {
        color: #007BFB; }
    .search-item__text {
      font-size: 0.7rem;
      color: #8694B1; }
    .search-item__btn {
      width: 2.5rem;
      height: 2.5rem; }
      .search-item__btn svg {
        width: 1.1rem;
        height: 1.1rem; }
  .search__btn {
    width: 100%;
    height: 4rem;
    background: linear-gradient(90deg, #007BFB 0%, #76B9FF 50%, #007BFB 100%); }
  .search .object {
    margin-bottom: 0.5rem; }
    .search .object:hover .search-item__btn {
      border-radius: 50%;
      border-color: #007BFB;
      background: #007BFB;
      color: #fff; }
    .search .object:last-child {
      margin-bottom: 0; }
    .search .object .search-item__btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1.25rem; }

@media (max-width: 767.98px) {
  .search {
    background: #fff !important;
    padding: 0; }
    .search-close {
      display: none; }
    .search-head {
      height: 3rem;
      border-bottom: 1px solid #e1e6f1;
      position: relative;
      display: flex;
      align-items: center;
      padding: 0 0.75rem; }
    .search__back {
      color: #007BFB;
      display: inline-flex;
      align-items: center;
      gap: .25rem; }
      .search__back img {
        width: 0.8rem; }
    .search__title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 0.9rem;
      font-weight: 500; }
    .search-input {
      padding: 1rem 0.75rem;
      margin-bottom: 0.25rem; }
      .search-input input {
        border-color: #e1e6f1;
        height: 3rem;
        padding: 0 2.5rem;
        border-radius: .5rem; }
      .search-input__ico {
        left: 1.5rem; }
      .search-input__del {
        right: 1.5rem; }
      .search-input.active {
        border-bottom: 1px solid #e1e6f1;
        padding: 0.5rem .75rem; }
    .search-main {
      padding: 0;
      border-radius: 0;
      box-shadow: none;
      height: calc(100dvh - 13rem); }
      .search-main__wrap {
        padding: 0 0.75rem 1.5rem; }
      .search-main.active {
        height: calc(100dvh - 12rem); }
    .search .object .search-item__btn {
      display: none; }
    .search .container {
      padding: 0; }
    .search__btn {
      height: 3rem;
      margin-left: 0.75rem;
      width: calc(100% - 1.5rem); } }
.login .sidepopup-content {
  width: 25rem;
  margin-left: calc(100% - 25rem); }
.login-step {
  padding: 2rem;
  display: none;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
  height: 100%; }
  .login-step.active {
    display: flex; }
.login-head {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.login__back {
  color: #8694B1;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: 0.8rem; }
  .login__back span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e6f1;
    border-radius: .3rem;
    transition: .6s all;
    width: 1rem;
    height: 1rem;
    color: #007BFB; }
    .login__back span svg {
      width: 0.7rem;
      height: 0.7rem; }
  .login__back:hover {
    color: #007BFB; }
    .login__back:hover span {
      background: #007BFB;
      border-color: #007BFB;
      color: #fff; }
.login__name {
  margin: 1.5rem 0 1rem;
  font-weight: 500;
  font-size: 1.4rem; }
.login__text {
  line-height: 1.3rem;
  margin-bottom: 5rem;
  font-weight: 300; }
.login-role__title {
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 1rem; }
.login-role__item {
  margin-bottom: 0.75rem;
  transition: .6s all;
  cursor: pointer;
  user-select: none;
  border: 1px solid #E1E6F1;
  border-radius: .75rem;
  padding: 1.5rem;
  position: relative;
  height: 7.5rem; }
  .login-role__item:hover {
    background: #F9FCFF;
    border-color: #007BFB; }
    .login-role__item:hover .login-role__name {
      color: #007BFB; }
    .login-role__item:hover .login-role__text {
      color: #111; }
    .login-role__item:hover .login-role__btn {
      border-color: #007BFB;
      background: #007BFB;
      color: #fff; }
.login-role__name {
  transition: .6s all;
  font-weight: 500;
  font-size: 1.1rem;
  margin-bottom: 0.75rem; }
.login-role__text {
  transition: .6s all;
  color: #8694B1;
  font-weight: 300; }
.login-role__btn {
  pointer-events: none;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 1rem;
  top: 1rem; }
  .login-role__btn svg {
    width: 0.7rem;
    height: 0.7rem; }
.login-policy {
  line-height: 1.5;
  color: #8694B1;
  font-weight: 300; }
  .login-policy a {
    color: #111;
    font-weight: 400; }
    .login-policy a:hover {
      color: #007BFB; }
.login-form__title {
  margin-bottom: .75rem;
  font-size: 1.1rem;
  font-weight: 500; }
.login-form__reg {
  margin-bottom: 1.5rem; }
.login-form__text {
  font-size: 0.85rem;
  font-weight: 300;
  color: #8694B1;
  margin-bottom: 1.5rem; }
  .login-form__text-small {
    font-size: 0.8rem; }
  .login-form__text span {
    font-weight: 500;
    color: #111; }
.login-form__code {
  display: flex;
  padding: 1rem;
  gap: .75rem;
  height: 5.5rem;
  border: 1px solid #E1E6F1;
  border-radius: .75rem;
  margin-bottom: 0.75rem; }
  .login-form__code input {
    width: 3rem;
    border-radius: .5rem;
    border: 1px solid #E1E6F1;
    text-align: center;
    color: #007BFB;
    font-size: 0.85rem;
    font-weight: 500; }
    .login-form__code input:focus, .login-form__code input:not(:placeholder-shown) {
      border-color: #007BFB;
      background: #F9FCFF; }
  .login-form__code.check input {
    background: #F9FCFF;
    color: #35C75F;
    border-color: #35C75F; }
  .login-form__code.error input {
    background: #F9FCFF;
    color: #FF0000;
    border-color: #FF0000; }
.login-form__retry {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .login-form__retry p {
    color: #FF0000;
    display: none; }
  .login-form__retry div {
    display: flex;
    align-items: center;
    gap: .25rem; }
    .login-form__retry div > span {
      font-weight: 500;
      font-size: 0.85rem;
      margin-top: 0.1rem;
      display: none; }
  .login-form__retry a {
    display: inline-flex;
    align-items: center;
    color: #8694B1;
    font-size: 0.8rem;
    gap: .25rem; }
    .login-form__retry a svg {
      width: 0.9rem;
      height: 0.9rem; }
    .login-form__retry a:hover {
      color: #007BFB; }
    .login-form__retry a span:last-child {
      margin-left: -0.24rem;
      display: none; }
  .login-form__retry.error p {
    display: block; }
  .login-form__retry.error div > span {
    display: inline; }
  .login-form__retry.error a span:last-child {
    display: inline; }
.login-input {
  position: relative;
  font-size: 0.85rem;
  margin-bottom: 1rem; }
  .login-input:last-child {
    margin-bottom: 1rem; }
  .login-input input {
    width: 100%;
    height: 3rem;
    border-radius: .5rem;
    padding: 1rem 3rem 0 1rem;
    border: 1px solid #E1E6F1; }
    .login-input input:read-only {
      padding-top: 0; }
    .login-input input:focus {
      border-color: #007BFB; }
      .login-input input:focus + .login-input__wrap .login-input__name {
        font-size: 0.6rem;
        margin-top: -.7rem;
        color: #007BFB; }
    .login-input input:not(:placeholder-shown) {
      border-color: #007BFB;
      background: #F9FCFF; }
      .login-input input:not(:placeholder-shown) + .login-input__wrap .login-input__name {
        font-size: 0.6rem;
        margin-top: -.8rem;
        color: #007BFB; }
  .login-input__name {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    color: #8694B1;
    transition: .6s all;
    pointer-events: none; }
  .login-input__error, .login-input__check {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    width: 1rem;
    display: flex;
    transition: .6s all;
    opacity: 0;
    pointer-events: none; }
    .login-input__error img, .login-input__check img {
      width: 1rem; }
  .login-input__password {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    width: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    transition: none;
    color: #8694B1;
    z-index: 2; }
    .login-input__password:hover {
      color: #007BFB; }
    .login-input__password svg {
      width: 1.2rem;
      height: 1.2rem; }
  .login-input.error input {
    background: #F9FCFF;
    border-color: #FF0000; }
  .login-input.error .login-input__name {
    color: #FF0000 !important; }
  .login-input.error .login-input__error {
    opacity: 1; }
  .login-input.check .login-input__check {
    opacity: 1; }
.login-password.error .login-input__password, .login-password.check .login-input__password {
  right: 2.5rem; }
.login-errors {
  margin: -0.25rem 0 1rem;
  gap: 1rem;
  color: #FF0000;
  display: none; }
  .login-errors.active {
    display: flex; }
.login__btn {
  width: 100%;
  height: 3rem;
  font-size: 0.85rem;
  font-weight: 500; }
  .login__btn.btn-white {
    color: #8694B1;
    gap: .25rem;
    margin-top: 1rem;
    font-weight: 400; }
    .login__btn.btn-white svg {
      width: 1.1rem;
      height: 1.1rem; }
    .login__btn.btn-white:hover {
      background: #fff;
      color: #007BFB; }
.login-enter .login-input {
  margin-bottom: 0.5rem; }
.login-enter .login__btn {
  margin-top: 1rem; }
  .login-enter .login__btn.btn-white {
    margin-top: 0.75rem; }

@media (max-width: 767.98px) {
  .login .sidepopup-content {
    width: 100%;
    margin-left: 0; }
  .login .sidepopup__close {
    display: none; }
  .login-step {
    padding: 0;
    min-height: 70vh; }
  .login__name {
    margin: 0 0 0.75rem;
    font-size: 1.2rem; }
  .login__text {
    margin-bottom: 4.5rem; }
  .login-role {
    margin-bottom: 5rem; }
    .login-role__item {
      height: 7rem; }
  .login-form__title {
    font-size: 1.1rem; }
  .login-form__reg {
    margin-bottom: 1rem; }
  .login-form__code input {
    width: calc(20% - .6rem); } }
.popup-banner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(40, 45, 60, 0.64);
  display: none; }
  .popup-banner__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .popup-banner__close {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: none; }
    .popup-banner__close svg {
      width: 0.9rem;
      height: 0.9rem; }
    .popup-banner__close:hover {
      border-radius: 50%; }
  .popup-banner__card {
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    width: 55rem;
    padding: 0.5rem 0 .5rem .5rem;
    background: #fff; }
  .popup-banner__img {
    width: 26.5rem;
    height: 26.5rem;
    border-radius: 1rem;
    position: relative;
    flex-shrink: 0;
    overflow: hidden; }
    .popup-banner__img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .popup-banner__tags {
    position: absolute;
    top: 1rem;
    left: 1rem; }
    .popup-banner__tags li {
      background: rgba(255, 255, 255, 0.15); }
  .popup-banner__wrap {
    width: 100%; }
  .popup-banner__info {
    padding: 0 3rem; }
  .popup-banner__title {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 1rem; }
  .popup-banner__text {
    font-size: 0.85rem;
    line-height: 1.3rem;
    height: 6.5rem;
    margin-bottom: 2rem;
    font-weight: 300; }
    .popup-banner__text-feedback {
      height: auto;
      margin-bottom: 1.6rem; }
  .popup-banner__form {
    font-size: 0.85rem; }
    .popup-banner__form input {
      width: 100%;
      height: 3rem;
      text-align: center;
      border: 1px solid #E1E6F1;
      margin-bottom: 0.75rem;
      border-radius: .5rem; }
      .popup-banner__form input::placeholder {
        color: #8694B1; }
      .popup-banner__form input:hover, .popup-banner__form input:focus, .popup-banner__form input:not(:placeholder-shown) {
        border-color: #007BFB; }
    .popup-banner__form label {
      margin-top: 1rem;
      display: flex;
      align-items: center;
      gap: .5rem;
      cursor: pointer;
      user-select: none; }
      .popup-banner__form label input {
        appearance: none;
        margin-bottom: 0;
        flex-shrink: 0;
        width: 1.2rem;
        height: 1.2rem;
        border-radius: .3rem;
        border: 1px solid #E1E6F1; }
        .popup-banner__form label input:not(:placeholder-shown) {
          border-color: #E1E6F1; }
        .popup-banner__form label input:checked {
          border-color: #007BFB;
          background: #007BFB; }
      .popup-banner__form label span {
        font-size: 0.65rem; }
        .popup-banner__form label span a {
          color: #007BFB;
          border-bottom: 1px solid transparent; }
          .popup-banner__form label span a:hover {
            border-color: #007BFB; }
  .popup-banner__btn {
    width: 100%;
    height: 3rem;
    border-radius: .5rem;
    font-weight: 500;
    gap: .5rem;
    font-size: 0.85rem; }
    .popup-banner__btn img {
      width: 1rem; }
  .popup-banner__done {
    padding: 0 5rem;
    text-align: center;
    display: none; }
    .popup-banner__done .popup-banner__title {
      padding: 0 1.5rem; }
    .popup-banner__done .popup-banner__text {
      height: auto; }
  .popup-banner__ico {
    text-align: center;
    margin-bottom: 1.5rem; }
    .popup-banner__ico img {
      width: 4rem;
      display: inline-block; }
  .popup-banner__adv {
    display: block;
    width: 50rem; }
    .popup-banner__adv img {
      width: 100%;
      display: block; }
.popup-bottom {
  max-width: 66rem;
  width: 100%;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  height: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
  border-radius: 1.25rem;
  background: linear-gradient(94deg, rgba(0, 123, 251, 0.2) 3.69%, rgba(255, 255, 255, 0) 23.06%, rgba(255, 255, 255, 0.12) 84.66%, rgba(0, 123, 251, 0.2) 96.34%), #FFF;
  box-shadow: 0px 10px 40px 0px rgba(0, 48, 167, 0.15);
  padding: 0 2rem; }
  .popup-bottom.active {
    display: flex; }
  .popup-bottom .popup-banner__close {
    box-shadow: 0px 10px 30px 0px rgba(0, 48, 167, 0.1); }
  .popup-bottom__wrap {
    display: flex;
    align-items: center;
    gap: 2rem; }
  .popup-bottom__item {
    display: none;
    align-items: center;
    gap: 2rem; }
    .popup-bottom__item.active {
      display: flex; }
  .popup-bottom__img img {
    max-height: 6rem;
    display: block; }
  .popup-bottom__text {
    font-size: 0.85rem;
    color: #8694B1; }
    .popup-bottom__text div {
      font-size: 1.1rem;
      font-weight: 500;
      margin-bottom: 0.5rem;
      color: #111; }
  .popup-bottom__numbers {
    display: flex;
    gap: .75rem; }
    .popup-bottom__numbers li {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      cursor: pointer;
      user-select: none;
      color: #8694B1;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      border: 1px solid #E2E9F7;
      position: relative; }
      .popup-bottom__numbers li svg {
        position: absolute;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        display: block;
        stroke-dasharray: 135;
        stroke-dashoffset: 135;
        transform: rotate(-90deg); }
      .popup-bottom__numbers li.active {
        color: #007BFB; }
        .popup-bottom__numbers li.active svg {
          animation: fillAnimation 10s ease-out forwards; }
  .popup-bottom__btns .btn {
    display: none;
    height: 2.5rem;
    width: 10rem;
    font-weight: 500;
    font-size: 0.85rem;
    border-radius: 2.5rem; }
    .popup-bottom__btns .btn:hover {
      background: #2FA8FF;
      border-radius: .5rem; }
    .popup-bottom__btns .btn.active {
      display: inline-flex; }
.popup__close {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .6s all;
  cursor: pointer;
  user-select: none;
  border-radius: 50%;
  height: 1.2rem;
  width: 1.2rem;
  background: rgba(17, 17, 17, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  margin-bottom: 0.75rem; }
  .popup__close:hover {
    background: #007BFB; }
  .popup__close img {
    width: 0.8rem; }
.popup-corner {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 11;
  text-align: center;
  display: none; }
  .popup-corner__img {
    display: block;
    width: 12.5rem; }
    .popup-corner__img img {
      width: 100%;
      display: block; }
.popup-side {
  position: fixed;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: -10rem;
  transition: .7s all; }
  .popup-side .popup__close {
    position: absolute;
    z-index: 2;
    top: 0.75rem;
    left: 0.75rem;
    display: none; }
  .popup-side__img {
    position: relative;
    width: 12.5rem;
    display: block; }
    .popup-side__img img {
      display: block;
      transition: .6s all; }
      .popup-side__img img:first-child {
        width: 2.5rem; }
      .popup-side__img img:nth-child(2) {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        z-index: 1; }
  .popup-side.active {
    right: 0; }
    .popup-side.active .popup__close {
      display: inline-flex; }
    .popup-side.active .popup-side__img img:first-child {
      opacity: 0; }
    .popup-side.active .popup-side__img img:nth-child(2) {
      opacity: 1; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .popup-banner__content {
    transform: none;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%; }
  .popup-banner__card {
    width: 100%;
    flex-direction: column;
    padding: 0.75rem .75rem 1.5rem;
    gap: 1.5rem;
    justify-content: center;
    border-radius: 1rem 1rem 0 0; }
  .popup-banner__img {
    width: 100%;
    border-radius: .5rem; }
  .popup-banner__wrap {
    display: flex;
    justify-content: center; }
  .popup-banner__info, .popup-banner__done {
    max-width: 30rem; }
  .popup-banner__adv {
    padding: 0 2rem 2rem;
    width: 100%; }

  .popup-bottom {
    display: none !important; } }
@media (max-width: 767.98px) {
  .popup-banner__close {
    width: 1.5rem;
    height: 1.5rem;
    top: -2.5rem; }
  .popup-banner__card {
    text-align: center;
    max-height: calc(100svh - 5rem);
    overflow: auto;
    justify-content: flex-start; }
    .popup-banner__card::-webkit-scrollbar {
      display: none; }
  .popup-banner__info {
    padding: 0; }
  .popup-banner__img {
    height: 11.25rem; }
  .popup-banner__title {
    font-size: 1.1rem;
    padding: 0 1rem; }
  .popup-banner__text {
    font-size: 0.8rem;
    height: auto;
    margin-bottom: 2.25rem; }
  .popup-banner__form {
    font-size: 0.8rem; }
    .popup-banner__form label {
      text-align-last: left; }
  .popup-banner__btn {
    font-size: 0.8rem; }
  .popup-banner__done {
    padding: 1.5rem; }
    .popup-banner__done .popup-banner__title {
      padding: 0; }
  .popup-banner__adv {
    padding: 0 0.75rem 0.75rem; }

  .popup-side {
    display: none; } }
.vwidget {
  position: fixed;
  z-index: 6;
  bottom: 1rem;
  left: 1rem;
  width: 6rem;
  height: 8.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 0.5rem;
  transition: .6s all; }
  .vwidget:hover {
    width: 7rem;
    height: 9.5rem; }
    .vwidget:hover .vwidget-head {
      opacity: 1; }
    .vwidget:hover .vwidget__video {
      border-color: #007BFB; }
  .vwidget__video {
    border: .1rem solid #fff;
    border-radius: .75rem;
    transition: .7s all;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    transition: .6s all; }
    .vwidget__video video {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .vwidget-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    transition: .6s all;
    opacity: 0; }
  .vwidget__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .6s all;
    cursor: pointer;
    user-select: none;
    border-radius: 50%;
    height: 1.2rem;
    width: 1.2rem;
    background: rgba(17, 17, 17, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); }
    .vwidget__btn:hover {
      background: #007BFB; }
    .vwidget__btn img {
      width: 0.8rem; }
  .vwidget-open {
    display: none;
    width: 100%;
    margin-top: -.9rem; }
  .vwidget__line {
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    height: 0.25rem;
    display: flex;
    margin-bottom: 1rem; }
    .vwidget__line span {
      height: 100%;
      background: #007BFB;
      width: 50%; }
  .vwidget-wrap {
    display: flex;
    justify-content: space-between; }
  .vwidget__time {
    font-weight: 500;
    font-size: 0.7rem;
    color: #fff; }
  .vwidget__btns {
    display: flex;
    flex-direction: column;
    gap: .5rem; }
    .vwidget__btns .vwidget__btn {
      width: 1.5rem;
      height: 1.5rem; }
      .vwidget__btns .vwidget__btn img {
        width: 0.9rem; }
  .vwidget__feedback {
    display: none;
    margin-bottom: 0.5rem;
    width: 12rem;
    height: 2.5rem; }
  .vwidget.active {
    width: 15rem;
    height: 25rem;
    padding: 1rem; }
    .vwidget.active .vwidget-head {
      display: none; }
    .vwidget.active .vwidget-open {
      display: block; }
    .vwidget.active .vwidget__feedback {
      display: inline-flex; }

@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  .vwidget {
    bottom: 6rem; } }
@media (max-width: 767.98px) {
  .vwidget {
    display: none; } }

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