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

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

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

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

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
  }

body {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  }

ul[class],
ol[class] {
  list-style: none;
  }

a:not([class]) {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  }

a {
  color: #1F336D;
  text-decoration: none;
  transition: color .3s linear;
  }

a:hover { 
  color: #374c87;
  }

a:focus,
a:hover,
a:active { 
  outline: none !important;
  }

p { 
  margin: 0 0 20px;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  }

p.indent-bt-big { 
  margin: 0 0 40px;
  }

p.indent-bt-none { 
  margin: 0;
  }

p.indent-bt-v-big { 
  margin: 0 0 80px;
  }

p a { 
  position: relative;
  color: #E0BB7F;
  }

p a:hover { 
  color: #E0BB7F;
  }

p a:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #E0BB7F;
  content: "";
  opacity: 0.8;
  transition: .3s opacity;
  }

p a:hover:after { 
  opacity: 0;
  }

b, strong { 
  font-weight: 700;
  }

button { 
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
  }

button:focus,
button:hover,
button:active { 
  outline: none !important;
  }

img {
  max-width: 100%;
  display: block;
  }

article > * + * {
  margin-top: 1em;
  }

input,
button,
textarea,
select {
  font: inherit;
  }

input:focus,
input:hover,
input:active { 
  outline: none !important;
  }

fieldset { 
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  }

fieldset:last-child { 
  margin: 0;
  }

iframe { vertical-align: top; }

hr { 
  margin: 15px 0;
  width: 100%;
  height: 1px;
  border: 0;
  background: #e5ecdd;
  }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    }
  }

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

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

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

/* container */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  }

@media (min-width: 767px) {
  .container {
    max-width: 767px;
    }
  }

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    }
  }

@media (min-width: 1326px) {
  .container {
    max-width: 1326px;
    }
  }

/* body */
body { 
  min-width: 320px;
  color: #000;
  font: 16px 'Proxima Nova', sans-serif;
  font-weight: 400;
  line-height: 22px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  }

/* wrapper */
.wrapper { 
  position: relative;
  }

/* header */
.header { 
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  z-index: 30;
  }

.main .header { 
  position: absolute;
  }

/* header__in */
.header__in { 
  display: flex;
  align-items: center;
  justify-content: space-between;
  }

/* header__top-panel */
.header__top-panel { 
  padding: 10px 0;
  background: #1F336D;
  }

/* messengers */
.messengers { 
  display: flex;
  gap: 0 10px;
  }

.messengers a { 
  transition: .3s opacity;
  }

.messengers a:hover { 
  opacity: 0.8;
  }

/* phones */
.phones { 
  display: flex;
  gap: 0 40px;
  }

.phone-item { 
  display: flex;
  align-items: center;
  }

.phone-item__icon { 
  flex-shrink: 0;
  margin: 0 10px 0 0;
  width: 20px;
  }

.phone-item__icon img { 
  width: 100%;
  }

.phone-item a { 
  color: #fff;
  font-size: 14px;
  }

/* header__col */
.header__col { 
  display: flex;
  align-items: center;
  gap: 0 40px;
  }

/* language */
.language { 
  position: relative;
  padding: 0 15px 0 0;
  cursor: pointer;
  }

.language:after { 
  position: absolute;
  display: block;
  margin: -3.5px 0 0;
  width: 10px;
  height: 7px;
  top: 50%;
  right: 0;
  transform: rotate(0);
  background: url(../img/bg/down-arrow-w.svg) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s transform;
  }

.language:hover:after { 
  transform: rotate(-180deg);
  }

.language span { 
  display: block;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  }

.language__dropdown { 
  position: absolute;
  padding: 10px 0 0;
  top: 20px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  transition: .3s all;
  }

.language:hover .language__dropdown { 
  opacity: 1;
  visibility: visible;
  }

.language__dropdown ul { 
  padding: 3px;
  list-style: none;
  background: #fff;
  border: 1px solid #E0BB7F;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.language__dropdown li { 
  margin: 0 0 1px;
  }

.language__dropdown li:last-child { 
  margin: 0;
  }

.language__dropdown a { 
  display: block;
  padding: 8px 6px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 6px;
  transition: .3s all;
  }

.language__dropdown a:hover,
.language__dropdown .active a { 
  color: #fff;
  background: #E0BB7F;
  }

/* monetary-unit */
.monetary-unit { 
  display: flex;
  gap: 0 5px;
  }

.monetary-unit a { 
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  border: 1px solid #fff;
  border-radius: 100%;
  transition: .3s all;
  }

.monetary-unit a:hover,
.monetary-unit .active a { 
  color: #1F336D;
  background: #fff;
  }

/* login-registration */
.login-registration { 
  display: block;
  }

.login-registration a { 
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  }

.login-registration a:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #fff;
  content: "";
  opacity: 0.4;
  transition: .3s opacity;
  }

.login-registration a:hover:after { 
  opacity: 0;
  }

/* header__bottom-panel */
.header__bottom-panel {
  position: relative; 
  padding: 20px 0;
  background: #fff;
  }

/* logo */
.logo { 
  width: 189px;
  }

.logo img { 
  width: 100%;
  }

/* menu-btn */
.menu-btn {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 32px;
  height: 32px;
  background: #1F336D;
  border-radius: 100%;
  cursor: pointer;
  }

.menu-btn span { 
  display: block;
  margin: 2px 0;
  width: 18px;
  height: 1px;
  background: #fff;
  transition: margin 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81), transform 0.4s cubic-bezier(0.79, 0.21, 0.06, 0.81);
  }

.menu-btn.open span { 
  margin: -0.5px;
  }

.menu-btn.open span:nth-child(1) {
  transform: rotate(-45deg);
  }

.menu-btn.open span:nth-child(2) {
  transform: scale(0)
  }

.menu-btn.open span:nth-child(3) {
  transform: rotate(45deg)
  }

/* header__right-col */
.header__right-col-in { 
  display: flex;
  align-items: center;
  gap: 0 40px;
  }

/* main-nav */
.main-nav > ul { 
  display: flex;
  gap: 0 36px;
  list-style: none;
  }

.main-nav > ul > li { 
  position: relative;
  font-size: 14px;
  }

.main-nav > ul > li > a { 
  position: relative;
  display: block;
  }

.main-nav > ul > li:hover > a { 
  color: #E0BB7F;
  }

.main-nav > ul > .main-nav_down-arrow > a { 
  padding-right: 15px;
  }

.main-nav > ul > .main-nav_down-arrow > a:after { 
  position: absolute;
  display: block;
  margin: -3.5px 0 0;
  width: 10px;
  height: 7px;
  top: 50%;
  right: 0;
  background: url(../img/bg/down-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s transform;
  content: "";
  }

.main-nav > ul > .main-nav_down-arrow:hover > a:after { 
  transform: rotate(-180deg);
  background: url(../img/bg/down-arrow-o.svg) center no-repeat;
  background-size: 100%;
  }

.main-nav__dropdown { 
  position: absolute;
  padding: 10px 0 0;
  width: 260px;
  top: 20px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  transition: .3s all;
  }

.main-nav__dropdown_md-size { 
  width: 212px;
  }

.main-nav__dropdown_sm-size { 
  width: 150px;
  }

.main-nav > ul > li:hover .main-nav__dropdown { 
  opacity: 1;
  visibility: visible;
  }

.main-nav__dropdown ul { 
  padding: 3px;
  list-style: none;
  background: #fff;
  border: 1px solid #E0BB7F;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.main-nav__dropdown li { 
  margin: 0 0 1px;
  }

.main-nav__dropdown li:last-child { 
  margin: 0;
  }

.main-nav__dropdown a { 
  display: block;
  padding: 6px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 6px;
  transition: .3s all;
  }

.main-nav__dropdown a:hover,
.main-nav__dropdown .active a { 
  color: #fff;
  background: #E0BB7F;
  }

/* header__info-col */
.header__info-col { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

/* info-panel */
.info-panel { 
  display: flex;
  gap: 0 10px;
  }

.info-panel__item { 
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  font-size: 0px;
  border: 1px solid #1F336D;
  border-radius: 100%;
  transition: .3s background;
  cursor: pointer;
  }

.info-panel__item:hover { 
  background: #1F336D;
  }

.info-panel__item:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  transition: .3s opacity;
  }

.info-panel__item:hover:before { 
  opacity: 1;
  }

.info-panel__item_favourites:before { 
  background: url(../img/bg/favourites.svg) center no-repeat;
  }

.info-panel__item_compare:before { 
  background: url(../img/bg/compare.svg) center no-repeat;
  }

.info-panel__item_share:before { 
  background: url(../img/bg/share.svg) center no-repeat;
  }

.info-panel__item:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.info-panel__item:hover:after { 
  opacity: 1;
  }

.info-panel__item_favourites:after { 
  background: url(../img/bg/favourites-w.svg) center no-repeat;
  }

.info-panel__item_compare:after { 
  background: url(../img/bg/compare-w.svg) center no-repeat;
  }

.info-panel__item_share:after { 
  background: url(../img/bg/share-w.svg) center no-repeat;
  }

/* btn */
.btn { 
  display: inline-block;
  padding: 13px 35px;
  vertical-align: top;
  color: #1F336D;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 14px;
  background: #e9ebf0;
  border-radius: 30px;
  transition: .3s all;
  cursor: pointer;
  }

.btn:hover { 
  color: #fff;
  background: #1F336D;
  }

.btn_full-size { 
  width: 100%;
  }

.btn_size-sm { 
  padding: 9px 25px;
  }

.btn_text-bold { 
  font-weight: 600;
  }

.btn_transparent-color { 
  background: #fff;
  box-shadow: 0 0 0 1px #1F336D inset;
  }

.btn_print-i { 
  position: relative;
  padding: 9px 26px 9px 53px;
  }

.btn_print-i:before { 
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 27px;
  transform: translateY(-50%);
  background: url(../img/bg/print.svg) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s opacity;
  }

.btn_print-i:hover:before { 
  opacity: 0;
  }

.btn_print-i:after { 
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 27px;
  transform: translateY(-50%);
  background: url(../img/bg/print-w.svg) center no-repeat;
  background-size: 100%;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.btn_print-i:hover:after { 
  opacity: 1;
  }

/* estate-settings */
.estate-settings { 
  position: relative;
  padding: 115px 0 0;
  height: 100vh;
  }

/* estate-settings__in */
.estate-settings__in { 
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 5;
  }

/* big-title */
.estate-settings .big-title { 
  margin: 0 0 40px;
  }

/* tabs */
.tabs_indent-bt { 
  margin: 0 0 20px;
  }

.tabs__nav { 
  margin: 0 0 20px;
  }

.estate-settings .tabs__nav { 
  margin-bottom: 10px;
  }

.tabs__nav ul { 
  display: flex;
  gap: 0 10px;
  list-style: none;
  }

.tabs__nav span { 
  display: block;
  padding: 12px 20px;
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  background: #e9ebf0;
  border-radius: 63px;
  cursor: pointer;
  transition: .1s all;
  }

.estate-settings .tabs__nav span { 
  background: #fff;
  }

.tabs__nav li:hover span,
.tabs__nav .active span { 
  color: #fff;
  background: #1F336D;
  }

.tabs__content { 
  position: relative;
  min-height: 100px;
  }

/* tabs__item */
.tabs__item { 
  height: 0;
  overflow: hidden;
  }

.tabs__item.active { 
  height: auto;
  overflow: visible;
  }

/* estate-form */
.estate-form { 
  padding: 20px;
  background: #1F336D;
  border-radius: 8px;
  }

.estate-form form { 
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
  gap: 0 10px;
  }

.estate-form fieldset { 
  margin: 0;
  }

.estate-form__list { 
  display: grid;
  grid-template-columns: 229px 229px 229px 229px 120px 120px;
  gap: 0 10px;
  list-style: none;
  }

/* field-wrap */
.field-wrap { 
  display: flex;
  margin: 0 -5px;
  }

.field-wrap__item { 
  padding: 0 5px;
  width: 50%;
  }

/* label */
label { 
  display: block;
  margin: 0 0 6px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  cursor: text;
  }

.estate-form label { 
  color: #fff;
  }

/* input */
input[type='tel'],   
input[type='text'],
input[type='email'],
input[type='password'] {
  margin: 0;
  padding: 0 10px;
  vertical-align: top;
  width: 100%;
  height: 40px;
  color: #8f99b6;
  font-size: 16px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  border: 1px solid #1F336D;
  background: #fff;
  box-shadow: none !important;
  border-radius: 4px;
  transition: .3s border-color;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

.estate-form input[type='tel'],   
.estate-form input[type='text'],
.estate-form input[type='email'],
.estate-form input[type='password'] {
  border: 0;
  }

input[type='tel']:focus,   
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  border-color: #5c6fa7;
  }

input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder {
  color: #8f99b6;
  opacity: 1;
  outline: none;
  }

input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {
  color: #8f99b6;
  opacity: 1;
  outline: none;
  }

/* textarea */
textarea { 
  margin: 0;
  padding: 10px;
  width: 100%;
  height: 240px;
  color: #8f99b6;
  font-size: 16px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  border: 1px solid #1F336D;
  background: #fff;
  box-shadow: none !important;
  border-radius: 4px;
  transition: .3s border-color;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  outline: none;
  overflow: auto;
  }

textarea::-moz-placeholder { 
  color: #8f99b6;
  opacity: 1;
  outline: none;
  }

textarea::-webkit-placeholder { 
  color: #8f99b6;
  opacity: 1;
  outline: none;
  }

/* gl-select */
.gl-select {
  position: relative;
  }

/* gl-select__text */
.gl-select__text { 
  position: relative;
  display: block;
  padding: 0 33px 0 10px;
  width: 100%;
  height: 40px;
  color: #1F336D;
  font-size: 16px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 400;
  line-height: 38px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #1F336D;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  }

.gl-select__text:after { 
  position: absolute;
  display: block;
  margin: -4.5px 0 0;
  width: 14px;
  height: 9px;
  top: 50%;
  right: 10px;
  background: url(../img/bg/select-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s transform;
  content: "";
  }

.gl-select.open .gl-select__text:after { 
  transform: rotate(-180deg);
  }

.estate-form .gl-select__text { 
  border: 0;
  line-height: 40px;
  }

/* gl-select__dropdown */
.gl-select__dropdown {
  position: absolute;
  max-height: 211px;
  top: 50px;
  left: 0;
  right: 0;
  border: 1px solid #1F336D;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
  z-index: 10;
  }

.gl-select.open .gl-select__dropdown {
  opacity: 1;
  visibility: visible;
  }

/* gl-select__scroll */
.gl-select__scroll { 
  width: 100%;
  max-height: 211px;
  }

.gl-select .gl-select__scroll .swiper-slide { 
  height: auto;
  }

.gl-select .swiper-scrollbar.swiper-scrollbar-vertical,
.gl-select .swiper-vertical > .swiper-scrollbar {
  height: 100%;
  right: 0;
  top: 0;
  }

.gl-select .swiper-scrollbar { 
  background: rgba(31, 51, 109, 0.2);
  border-radius: 0;
  }

.gl-select .swiper-scrollbar-drag { 
  background: #1F336D;
  border-radius: 4px;
  }

/* gl-select__list */
.gl-select__list li { 
  padding: 10px;
  border-bottom: 1px solid #1F336D;
  }

.gl-select__list li:last-child { 
  border-bottom: 0;
  }

/* gl-select */
.gl-checkbox { 
  display: flex; 
  align-items: flex-start;
  }

.gl-checkbox input {
  position: relative;
  flex-shrink: 0;
  display: block;
  margin: 0 10px 0 0;
  width: 14px;
  height: 14px;
  border: 1px solid #1F336D;
  background: #fff;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }

.gl-checkbox input:before {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  background: #1F336D;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  content: '';
  opacity: 0;
  transition: .3s opacity;
  }

.gl-checkbox input:checked:before { opacity: 1; }

.gl-checkbox label { 
  display: block;
  flex-grow: 1;
  margin: 0;
  color: #000;
  font: 14px 'Proxima Nova', sans-serif;
  font-weight: 400;
  line-height: 14px;
  cursor: pointer;
  }

.gl-checkbox label a { 
  position: relative;
  }

.gl-checkbox label a:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #1F336D;
  content: "";
  opacity: 0.4;
  transition: .3s opacity;
  }

.gl-checkbox label a:hover:after { 
  opacity: 0;
  }

.gl-select .gl-checkbox label { 
  color: #1F336D;
  opacity: 0.5;
  transition: .3s opacity;
  }

.gl-select .gl-checkbox input:checked + label { 
  opacity: 1;
  }

/* united-input */
.united-input { 
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  }

.united-input:before { 
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  background: #1F336D;
  content: "";
  z-index: 5;
  }

.united-input > input:first-child { 
  border-right: 0;
  border-radius: 4px 0 0 4px;
  }

.united-input > input:last-child { 
  border-left: 0;
  border-radius: 0 4px 4px 0;
  }

.united-input > div:first-child input { 
  border-right: 0;
  border-radius: 4px 0 0 4px;
  }

.united-input > div:last-child input { 
  border-left: 0;
  border-radius: 0 4px 4px 0;
  }

/* price-slider */
.price-slider { 
  position: relative;
  border: 1px solid #1F336D;
  background: #fff;
  border-radius: 4px;
  }

.price-slider:before { 
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  background: #1F336D;
  content: "";
  z-index: 5;
  }

.price-input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  }

.price-input .field {
  display: flex;
  align-items: center;
  padding: 0 10px;
  }

.field span { 
  display: block;
  flex-shrink: 0;
  margin: 0 5px 0 0;
  color: #627099;
  font-size: 16px;
  line-height: 16px;
  }

.field input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 38px;
  color: #1F336D;
  font: 16px 'Proxima Nova', sans-serif;
  font-weight: 400;
  border: 0;
  border-radius: 4px;
  -moz-appearance: textfield;
  }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }

.slider {
  position: absolute;
  height: 4px;
  left: 10px;
  right: 10px;
  bottom: -2px;
  }

.slider .progress {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  background: #E0BB7F;
  }

.range-input {
  position: absolute;
  height: 4px;
  left: 10px;
  right: 10px;
  bottom: -2px;
  }

.range-input input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 1px;
  top: 1.5px;
  background: none;
  box-shadow: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  }

input[type="range"]::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #E0BB7F;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: none;
  cursor: grab;
  }

input[type="range"]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 100%;
  background: #E0BB7F;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: none;
  cursor: grab;
  }

/* square */
.square { 
  position: relative;
  }

.square input { 
  padding-right: 40px;
  }

.square__text {
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  color: #1F336D;
  font-size: 14px;
  line-height: 14px;
  transform: translateY(-12px);
  }

/* search-btn */
.search-btn { 
  position: relative;
  width: 40px;
  height: 40px;
  font-size: 0;
  background: #E0BB7F;
  border-radius: 100%;
  cursor: pointer;
  transition: .3s background;
  }

.search-btn:hover { 
  background: #e9c893;
  }

.search-btn:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/search.svg) center no-repeat;
  content: "";
  }

.search-btn_blue-color { 
  background: #1F336D;
  }

.search-btn_blue-color:hover { 
  background: #32457c;
  }

.search-btn_blue-color:before { 
  background: url(../img/bg/search-w.svg) center no-repeat;
  }

/* main-content */
.main-content { 
  padding: 120px 0;
  background: #fff;
  }

.main-content_indent-top-sm { 
  padding-top: 20px;
  }

/* big-title */
.big-title { 
  margin: 0 0 20px;
  color: #1F336D;
  font-size: 56px;
  font-weight: 700;
  line-height: 56px;
  }

.big-title_color-white { 
  color: #fff;
  }

.big-title_indent-bt-big { 
  margin: 0 0 80px;
  }

.big-title_indent-bt-md { 
  margin: 0 0 40px;
  }

/* title-panel */
.title-panel { 
  position: relative;
  margin: 0 0 40px;
  }

.title-panel_indent-bt-small { 
  margin: 0 0 20px;
  }

.title-panel:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  top: 24px;
  left: 0;
  height: 2px;
  background: #E0BB7F;
  content: "";
  }

.title-panel__in { 
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  }

/* title */
.title { 
  display: block;
  margin: 0 0 30px;
  color: #1F336D;
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
  }

.title-panel .title { 
  margin: 0;
  padding: 0 20px 0 0;
  background: #fff;
  }

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

/* all-btn */
.all-btn-wrap { 
  padding: 0 0 0 20px;
  background: #fff;
  }

.all-btn { 
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: top;
  font-size: 0;
  background: url(../img/bg/more-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s opacity;
  }

.all-btn:hover { 
  opacity: 0.7;
  }

/* investors */
.investors { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 24px;
  margin: 0 0 120px;
  }

/* investors__description */
.investors__description { 
  padding: 0 110px 0 0;
  }

.investors__description p { 
  margin: 0;
  font-size: 21px;
  line-height: 30px;
  }

/* investors-catalog */
.investors-catalog { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  }

.investors-catalog__item { 
  position: relative;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.investors-catalog__item:before { 
  position: absolute;
  display: block;
  width: 104px;
  height: 4px;
  top: 20px;
  right: 20px;
  background: url(../img/bg/line-dec.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.investors-catalog__item a { 
  display: block;
  padding: 54px 20px 20px;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  background: #fff;
  transition: .3s all;
  border-radius: 8px;
  }

.investors-catalog__item a:hover { 
  color: #fff;
  background: #1F336D;
  }

/* cities */
.cities { 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 0 0 120px;
  }

.cities-item a { 
  position: relative;
  display: block;
  }

.cities-item a:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(31, 51, 109, 0.67) 3.47%, rgba(31, 51, 109, 0) 44.38%), 
              linear-gradient(180deg, rgba(31, 51, 109, 0.67) 4.35%, rgba(31, 51, 109, 0) 55.62%);
  border-radius: 8px;
  content: "";
  transition: .3s opacity;
  }

.cities-item a:hover:before { 
  opacity: 0.6;
  }

.cities-item img { 
  width: 100%;
  border-radius: 8px;
  }

.cities-item__content { 
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 5;
  }

.cities-item__title { 
  display: block;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

.cities-item__quantity { 
  display: block;
  font-size: 14px;
  line-height: 14px;
  }

/* estate-list */
.estate-list { 
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0 0 120px;
  }

.estate-list_indent-bt-big { 
  margin: 0 0 178px;
  }

.estate-list_indent-bt-sm { 
  margin: 0 0 40px;
  }

.estate-item { 
  padding: 8px 8px 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  transition: .3s background;
  }

.estate-item_highlighted { 
  background: linear-gradient(0deg, rgba(224, 187, 127, 0.2), rgba(224, 187, 127, 0.2)), #FFFFFF;
  }

.estate-item:hover { 
  background: #1F336D;
  }

/* estate-item__top-col */
.estate-item__top-col { 
  position: relative;
  margin: 0 0 20px;
  }

/* estate-item__category */
.estate-item__category { 
  position: absolute;
  display: block;
  padding: 8px;
  top: -8px;
  left: -8px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  border-radius: 8px 0px;
  background: #fff;
  transition: .3s all;
  }

.estate-item_highlighted .estate-item__category { 
  background: linear-gradient(0deg, rgba(224, 187, 127, 0.2), rgba(224, 187, 127, 0.2)), #FFFFFF;
  }

.estate-item:hover .estate-item__category { 
  color: #fff;
  background: #1F336D;
  }

/* info-panel*/
.estate-item .info-panel { 
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  }

.estate-item .info-panel__item { 
  width: 24px;
  height: 24px;
  border: 0;
  background: #fff;
  }

.estate-item_highlighted .info-panel__item { 
  background: linear-gradient(0deg, rgba(224, 187, 127, 0.2), rgba(224, 187, 127, 0.2)), #FFFFFF;
  }

.estate-item:hover .info-panel__item { 
  background: #1F336D;
  }

.estate-item .info-panel__item:before,
.estate-item .info-panel__item:after { 
  background-size: 14px 14px;
  }

.estate-item:hover .info-panel__item_favourites:before { 
  opacity: 0;
  }

.estate-item:hover .info-panel__item_compare:before { 
  opacity: 0;
  }

.estate-item:hover .info-panel__item_favourites:after { 
  opacity: 1;
  }

.estate-item:hover .info-panel__item_compare:after { 
  opacity: 1;
  }

.info-panel__item_add-button.active { 
  background: #1F336D;
  }

.estate-item:hover .info-panel__item_add-button.active { 
  background: #fff;
  }

.info-panel__item_add-button.active:before { 
  opacity: 0;
  }

.estate-item:hover .info-panel__item_add-button.active:before { 
  opacity: 1;
  }

.info-panel__item_add-button.active:after { 
  opacity: 1;
  }

.estate-item:hover .info-panel__item_add-button.active:after { 
  opacity: 0;
  }

/* delete-btn */
.delete-btn { 
  width: 24px;
  height: 24px;
  font-size: 0;
  background: url(../img/bg/delete.svg) center no-repeat;
  background-size: 100%;
  transition: .3s opacity;
  cursor: pointer;
  }

.delete-btn:hover { 
  opacity: 0.8;
  }

/* estate-item__mov-panel */
.estate-item__mov-panel { 
  position: absolute;
  display: flex;
  gap: 6px;
  left: 10px;
  bottom: 10px;
  }

.estate-item__mov-panel span { 
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: #fff;
  border-radius: 100%;
  transition: .3s background;
  }

.estate-item_highlighted .estate-item__mov-panel span { 
  background: linear-gradient(0deg, rgba(224, 187, 127, 0.2), rgba(224, 187, 127, 0.2)), #FFFFFF;
  }

.estate-item:hover .estate-item__mov-panel span { 
  background: #1F336D;
  }

.estate-item__mov-panel span:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  transition: .3s opacity;
  }

.estate-item__mov-panel span:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.estate-item__tour:before { 
  background: url(../img/bg/wear.svg) center no-repeat;
  }

.estate-item__tour:after { 
  background: url(../img/bg/wear-w.svg) center no-repeat;
  }

.estate-item:hover .estate-item__tour:before { 
  opacity: 0;
  }

.estate-item:hover .estate-item__tour:after { 
  opacity: 1;
  }

.estate-item__video:before { 
  background: url(../img/bg/play-sm.svg) 8px center no-repeat;
  }

.estate-item__video:after { 
  background: url(../img/bg/play-sm-w.svg) 8px center no-repeat;
  }

.estate-item:hover .estate-item__video:before { 
  opacity: 0;
  }

.estate-item:hover .estate-item__video:after { 
  opacity: 1;
  }

/* stickers */
.stickers { 
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  }

.estate-item .stickers { 
  right: -8px;
  bottom: 10px;
  }

.real-estate-slider .stickers { 
  top: 20px;
  right: 0;
  z-index: 10;
  }

.stickers__item { 
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 9px;
  }

.stickers__item:last-child { 
  margin: 0;
  }

.stickers__item:before { 
  position: absolute;
  display: block;
  width: 9px;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  }

.stickers__item span {
  display: block;
  padding: 5px 10px; 
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  background: #e0bb7f;
  }

/* estate-item */
.estate-item__photo img { 
  width: 100%;
  border-radius: 6px;
  }

/* estate-item__description */
.estate-item__description { 
  padding: 0 12px;
  }

/* estate-item__title */
.estate-item__title {   
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.estate-item__title a { 
  color: #1F336D;
  }

.estate-item:hover .estate-item__title a { 
  color: #fff;
  }

/* estate-item__price */
.estate-item__price { 
  display: block;
  margin: 0 0 10px;
  color: #E0BB7F;
  font-size: 21px;
  font-weight: 600;
  line-height: 20px;
  }

/* estate-item__mortgage */
.estate-item__mortgage { 
  display: block;
  margin: 0 0 17px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  transition: .3s color;
  }

.estate-item:hover .estate-item__mortgage { 
  color: #fff;
  }

/* specifications */
.specifications { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
  gap: 0 10px;
  }

.specifications li { 
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  }

.specifications__item { 
  display: flex;
  align-items: center;
  }

.specifications__icon {
  flex-shrink: 0; 
  margin: 0 6px 0 0;
  width: 16px;
  }

.specifications__icon img { 
  width: 100%;
  }

.specifications__text { 
  display: block;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  transition: .3s color;
  }

.estate-item:hover .specifications__text { 
  color: #fff;
  }

/* estate-item__address */
.estate-item__address { 
  position: relative;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  color: #1F336D;
  font-size: 14px;
  line-height: 17px;
  transition: .3s color;
  }

.estate-item:hover .estate-item__address { 
  color: #fff;
  }

.estate-item__address:before { 
  position: absolute;
  display: block;
  width: 13px;
  height: 16px;
  top: 0;
  left: 0;
  background: url(../img/bg/address-b.svg) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s opacity;
  }

.estate-item:hover .estate-item__address:before { 
  opacity: 0;
  }

.estate-item__address:after { 
  position: absolute;
  display: block;
  width: 13px;
  height: 16px;
  top: 0;
  left: 0;
  background: url(../img/bg/address-b-w.svg) center no-repeat;
  background-size: 100%;
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.estate-item:hover .estate-item__address:after { 
  opacity: 1;
  }

/* estate-item__bottom-panel */
.estate-item__bottom-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

/* tag-sm-item */
.estate-item .tag-sm-item { 
  transition: .3s all;
  }

.estate-item:hover .tag-sm-item { 
  color: #1F336D;
  background: #fff;
  }

/* estate-item__id */
.estate-item__id { 
  display: block;
  color: #1F336D;
  font-size: 14px;
  line-height: 14px;
  transition: .3s color;
  }

.estate-item:hover .estate-item__id { 
  color: #fff;
  }

/* consultant-help */
.consultant-help { 
  position: relative;
  margin: 0 0 120px;
  padding: 20px 246px 20px 20px;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.consultant-help__form ul { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  align-items: flex-end;
  gap: 0 10px;
  list-style: none;
  }

/* consultant-help__photo */
.consultant-help__photo { 
  position: absolute;
  width: 138px;
  right: 40px;
  bottom: 0;
  }

.consultant-help__photo img { 
  width: 100%;
  }

/* estate */
.estate { 
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 120px;
  }

/* estate__description */
.estate__description {
  position: absolute;
  width: 636px;
  top: 0;
  left: 0;
  z-index: 6;
  }

.estate__description p { 
  font-size: 21px;
  line-height: 30px;
  }

.estate__description p:last-child { 
  margin: 0;
  }

/* estate-catalog */
.estate-catalog { 
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: end;
  gap: 12px;
  width: 852px;
  }

.estate-catalog-item:nth-child(1) { 
  grid-column: 1 / 4;
  }

.estate-catalog-item:nth-child(3) { 
  grid-column: 1 / 3;
  }

.estate-catalog-item a { 
  position: relative;
  display: block;
  }

.estate-catalog-item a:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(31, 51, 109, 0.8) 24.64%, rgba(31, 51, 109, 0) 73.93%);
  border-radius: 8px;
  content: "";
  transition: .3s opacity;
  z-index: 3;
  }

.estate-catalog-item a:hover:before { 
  opacity: 0.8;
  }

.estate-catalog-item img { 
  width: 100%;
  border-radius: 8px;
  z-index: 2;
  }

.estate-catalog-item__title { 
  position: absolute;
  display: block;
  padding: 20px;
  width: 100%;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  z-index: 4;
  }

/* citizenship */
.citizenship { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 0 120px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.citizenship_vertical-pos { 
  display: block;
  margin: 0;
  transition: .3s background;
  }

.citizenship_vertical-pos:hover { 
  background: #1F336D;
  }

.citizenship_indent-bt { 
  margin: 0 0 80px;
  }

.citizenship_indent-bt-sm { 
  margin: 0 0 60px;
  }

/* citizenship__photo */
.citizenship__photo { 
  order: 1;
  height: 100%;
  overflow: hidden;
  }

.citizenship_vertical-pos .citizenship__photo { 
  order: 0;
  height: auto;
  }

.citizenship__photo img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 8px 8px 0px;
  }

.citizenship_vertical-pos .citizenship__photo img { 
  border-radius: 8px 8px 0 0;
  }

/* citizenship__description */
.citizenship__description { 
  padding: 20px;
  text-align: center;
  }

.citizenship .small-title { 
  margin: 0 0 20px;
  line-height: 34px;
  }

.citizenship .small-title__size-sm { 
  margin: 0 0 38px;
  line-height: 25px;
  }

.citizenship_vertical-pos .small-title { 
  font-size: 14px;
  line-height: 17px;
  transition: .3s color;
  }

.citizenship_vertical-pos:hover .small-title { 
  color: #fff;
  }

.citizenship_vertical-pos:hover .btn:hover { 
  color: #1F336D;
  background: #fff;
  }

/* consultation */
.consultation { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 0 120px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

/* consultation__photo */
.consultation__photo { 
  order: 1;
  height: 100%;
  overflow: hidden;
  }

.consultation__photo img { 
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 8px 8px 0px;
  }

/* consultation__description */
.consultation__description { 
  padding: 40px 26px 40px 40px;
  }

/* small-title */
.small-title { 
  display: block;
  margin: 0 0 40px;
  color: #1F336D;
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 28px;
  }

.consultation .small-title { 
  margin: 0 0 12px;
  } 

.small-title__size-sm { 
  font-size: 21px;
  line-height: 25px;
  }

/* consultation__description p */
.consultation__description p { 
  margin: 0 0 40px;
  }

/* consultation__col */
.consultation__col { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px;
  }

/* consultation__name */
.consultation__name { 
  margin: 0 0 35px;
  color: #1F336D;
  }

.consultation__name dt { 
  margin: 0 0 10px;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

.consultation__name dd { 
  font-size: 16px;
  line-height: 16px;
  }

/* consultation__languages */
.consultation__languages { 
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }

.consultation__languages dt { 
  font-weight: 700;
  }

/* messengers */
.consultation .messengers { 
  display: block;
  }

.consultation .messengers li { 
  margin: 0 0 6px;
  }

.consultation .messengers:last-child { 
  margin: 0;
  }

/* consultation__form */
.consultation__form ul { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
  align-items: flex-end;
  list-style: none;
  }

/* blog */
.blog { 
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 120px;
  }

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

.blog_indent-bt-sm { 
  margin: 0 0 40px;
  }

.blog_indent-bt-big { 
  margin: 0 0 190px;
  }

.blog-item { 
  padding: 8px 8px 16px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  transition: .3s background;
  }

.blog-item_highlighted { 
  background: linear-gradient(0deg, rgba(224, 187, 127, 0.2), rgba(224, 187, 127, 0.2)), #FFFFFF;
  }

.blog-item:hover { 
  background: #1F336D;
  }

.blog-item__photo { 
  margin: 0 0 16px;
  }

.blog-item__photo img { 
  width: 100%;
  border-radius: 6px;
  }

.blog-item__description { 
  padding: 0 8px;
  }

.blog-item__title {
  display: block; 
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  }

.blog-item__title a { 
  color: #000;
  }

.blog-item:hover .blog-item__title a { 
  color: #fff;
  }

.blog-item:hover .blog-item__title a:hover { 
  color: #d7dbe9;
  }

.blog-item p { 
  font-size: 14px;
  line-height: 20px;
  transition: .3s color;
  }

.blog-item:hover p { 
  color: #fff;
  }

/* tags-sm */
.tags-sm { 
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  }

.blog-item .tags-sm { 
  margin: 0 0 40px;
  } 

.tag-sm-item { 
  display: inline-block;
  padding: 5px 10px;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  background: #1F336D;
  border-radius: 15px;
  transition: .3s all;
  }

.blog-item:hover .tag-sm-item { 
  color: #1F336D;
  background: #fff;
  }

.tag-sm-item_beige-color { 
  background: #E0BB7F;
  }

.blog-item:hover .tag-sm-item_beige-color { 
  color: #fff;
  background: #E0BB7F;
  }

/* statistics-panel */
.statistics-panel { 
  display: flex;
  gap: 0 32px;
  }

.blog-item .statistics-panel { 
  justify-content: space-between;
  gap: 0;
  opacity: 0.5;
  }

/* views */
.views { 
  position: relative;
  display: block;
  padding: 0 0 0 22px;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  transition: .3s color;
  }

.blog-item:hover .views { 
  color: #fff;
  }

.views:before { 
  position: absolute;
  display: block;
  width: 16px;
  height: 12px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg/views.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.blog-item:hover .views:before { 
  background: url(../img/bg/views-w.svg) center no-repeat;
  background-size: 100%;
  }

/* time-date */
.time-date { 
  display: flex;
  gap: 0 4px;
  }

.time-date span { 
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  transition: .3s color;
  }

.blog-item:hover span { 
  color: #fff;
  }

/* video */
.video { 
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 120px;
  }

.video-item { 
  padding: 8px 8px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.video-item__poster { 
  position: relative;
  margin: 0 0 20px;
  }

.video-item__poster img { 
  width: 100%;
  border-radius: 8px;
  }

.video-item__play-btn { 
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  border-radius: 100%;
  transition: .4s background;
  }

.video-item__poster:hover .video-item__play-btn { 
  background: rgba(255, 255, 255, 0.3);
  }

.video-item__play-btn:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/play.svg) center no-repeat;
  content: "";
  }

.video-item__description { 
  padding: 0 0 0 12px;
  }

.video-item__title { 
  display: block;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

.video-item__title a { 
  color: #1F336D;
  }

.video-item__title a:hover { 
  color: #000;
  }

/* links */
.links { 
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 120px;
  }

/* links-item */
.links-item { 
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.25);
  border-radius: 8px;
  }

.links-item__title { 
  display: block;
  margin: 0 0 20px;
  padding: 0 0 20px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  border-bottom: 2px solid #1F336D;
  }

.links-item__list li { 
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }

.links-item__list li:before { 
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  top: 6px;
  left: 0;
  background: #1F336D;
  border-radius: 100%;
  content: "";
  }

.links-item__list li:last-child { 
  margin: 0;
  }

.links-item__list a:hover { 
  color: #000;
  }

/* gl-content */
.gl-content { 
  margin: 0 0 20px;
  }

.gl-content p { 
  color: #1F336D;
  font-size: 14px;
  }

.gl-content p:last-child { 
  margin: 0;
  }

/* bread-crumbs */
.bread-crumbs { 
  margin: 0 0 40px;
  }

.bread-crumbs ul { 
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  }

.bread-crumbs li { 
  position: relative;
  padding: 0 16px 0 0;
  font-size: 14px;
  line-height: 14px;
  }

.bread-crumbs li:after { 
  position: absolute;
  display: block;
  width: 6px;
  height: 10px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../img/bg/bread-crumbs-arrow.svg) center no-repeat;
  background-size: 100%;
  content: "";
  opacity: 0.7;
  }

.bread-crumbs li:last-child { 
  padding: 0;
  }

.bread-crumbs li:last-child:after { 
  display: none;
  }

.bread-crumbs a { 
  color: #627099;
  }

.bread-crumbs a:hover { 
  color: #1F336D;
  }

.bread-crumbs span { 
  color: #627099;
  }

/* top-panel */
.top-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 56px;
  }

.top-panel .big-title { 
  margin: 0;
  }

/* info-nav */
.info-nav { 
  margin: 0 0 40px;
  }

.info-nav ul { 
  display: flex;
  gap: 10px;
  list-style: none;
  }

.info-nav span { 
  display: block;
  padding: 12px 20px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  background: linear-gradient(0deg, rgba(31, 51, 109, 0.1), rgba(31, 51, 109, 0.1)), #FFFFFF;
  border-radius: 20px;
  transition: .3s all;
  cursor: pointer;
  }

.info-nav span:hover,
.info-nav .mixitup-control-active {
  color: #fff; 
  background: #1F336D;
  }

/* gl-form */
.gl-form { 
  margin: 0 0 80px;
  }

.tabs .gl-form { 
  margin: 0;
  }

.gl-form .popular-queries { 
  margin: 0;
  }

/* gl-form__list */
.gl-form__list { 
  display: flex;
  flex-wrap: wrap;
  gap: 12px 0;
  margin: 0 -12px;
  }

.gl-form__list > li { 
  padding: 0 12px;
  width: 25%;
  }

.gl-form__list > .gl-form__list_md-size { 
  width: 50%;
  }

.gl-form__list > .gl-form__list_big-size { 
  width: 75%;
  }

/* gl-form__bottom-panel */
.gl-form__bottom-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

/* filters-link */
.filters-link { 
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.filters-link:after {
  position: absolute;
  display: block;
  margin: -4.5px 0 0;
  width: 14px;
  height: 9px;
  top: 50%;
  right: 0;
  background: url(../img/bg/select-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s transform;
  content: "";
  }

/* tags */
.tags { 
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 80px;
  }

.tag { 
  position: relative;
  padding: 12px 44px 12px 20px;
  border: 1px solid #1F336D;
  background: #1F336D;
  border-radius: 50px;
  }

.tag_color-white { 
  background: #fff;
  }

.tag__text { 
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

.tag_color-white .tag__text { 
  color: #1F336D;
  }

.tag__close { 
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 0;
  background: url(../img/bg/tag-close.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: .3s opacity;
  }

.tag_color-white .tag__close { 
  background: url(../img/bg/tag-close-b.svg) center no-repeat;
  background-size: 100%;
  }

.tag__close:hover { 
  opacity: 0.8;
  }

/* popular-queries */
.popular-queries { 
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 16px;
  }

.popular-queries dt { 
  padding: 0 20px 0 0;
  font-weight: 600;
  }

.popular-queries dd { 
  font-weight: 600;
  }

.popular-queries dd a { 
  position: relative;
  }

.popular-queries .highlight a { 
  color: #E0BB7F;
  }

.popular-queries dd a:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 2px;
  background: #1F336D;
  content: "";
  opacity: 0.4;
  transition: .3s opacity;
  }

.popular-queries .highlight a:after { 
  background: #E0BB7F;
  }

.popular-queries dd a:hover:after { 
  opacity: 0;
  }

/* page-list */
.page-list { 
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0 0 20px;
  }

.page-list_indent-bt-none { 
  margin: 0;
  }

.page-list a { 
  display: block;
  padding: 12px;
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 16px;
  background: rgba(31, 51, 109, 0.1);
  border-radius: 4px;
  transition: .3s all;
  }

.page-list a:hover,
.page-list .active a { 
  color: #fff;
  background: #1F336D;
  }

/* settings-panel */
.settings-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
  }

/* query-results */
.query-results { 
  display: block;
  color: #1F336D;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  }

/* settings-panel__col */
.settings-panel__right-col { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

/* settings-panel__col */
.settings-panel__col { 
  display: flex;
  align-items: center;
  gap: 0 40px;
  }

/* select-panel */
.select-panel { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.select-panel dt { 
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

/* custom-select */
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  }

.custom-select-wrapper select {
  display: none;
  }

.custom-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 100px;
  }

.custom-select.opened { 
  z-index: 20;
  }

.custom-select_big-size { 
  min-width: 240px;
  }

.custom-select-trigger {
  position: relative;
  display: block;
  padding: 12px 33px 12px 10px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
  border: 1px solid #1F336D;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
  }

.custom-select-trigger:after {
  position: absolute;
  display: block;
  margin: -4.5px 0 0;
  width: 14px;
  height: 9px;
  top: 50%;
  right: 10px;
  background: url(../img/bg/select-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s transform;
  content: "";
  }

.custom-select.opened .custom-select-trigger:after {
  transform: rotate(-180deg);
  }

.custom-options {
  position: absolute;
  display: block;
  margin: 10px 0 0;
  padding: 12px 10px;
  min-width: 100%;
  top: 100%; 
  left: 0; 
  right: 0;
  border: 1px solid #1F336D;
  border-radius: 4px;
  background: #fff;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  }

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  }

.custom-option {
  position: relative;
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #1F336D;
  color: #627099;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  cursor: pointer;
  transition: all .4s ease-in-out;
  }

.custom-option:first-of-type {
  padding-top: 0;
  }

.custom-option:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
  }

.custom-option:hover,
.custom-option.selection {
  color: #1F336D;
  }

/* sort-btn */
.sort-btn { 
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #1F336D;
  font-size: 0;
  border-radius: 4px;
  cursor: pointer;
  transition: .3s background;
  }

.sort-btn:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/sort.svg) center no-repeat;
  content: "";
  transition: .3s opacity;
  }

.sort-btn:hover:before { 
  opacity: 0;
  }

.sort-btn:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/sort-w.svg) center no-repeat;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.sort-btn:hover:after { 
  opacity: 1;
  }

.sort-btn:hover { 
  background: #1F336D;
  }

.sort-btn.active:before { 
  background: url(../img/bg/sort-a.svg) center no-repeat;
  }

.sort-btn.active:after { 
  background: url(../img/bg/sort-a-w.svg) center no-repeat;
  }

/* consultant */
.consultant { 
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  }

.consultant__in {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  height: 100%;
  }

.consultant_step-1 {
  display: none;
  }

.consultant_step-1.active {
  display: flex;
  }

.consultant_step-2 { 
  display: none;
  }

.consultant_step-2.active { 
  display: flex;
  }

.consultant_step-3 { 
  display: none;
  }

.consultant_step-3.active { 
  display: flex;
  }

.consultant__title { 
  display: block;
  margin: 0;
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 19px;
  }

.consultant__photo {
  margin: 0 auto; 
  max-width: 155px;
  width: 100%;
  }

.consultant__photo_big-size { 
  max-width: 196px;
  }

.consultant__photo img { 
  width: 100%;
  }

.consultant__form_indent-bt-sm { 
  margin: 0 0 10px;
  }

/* catalog-panel */
.catalog-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 120px;
  }

/* pagination */
.pagination { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.pagination__prev,
.pagination__next { 
  position: relative;
  font-size: 0;
  }

.pagination__prev:before,
.pagination__next:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  transition: .3s opacity;
  }

.pagination__prev:hover:before,
.pagination__next:hover:before { 
  opacity: 0;
  }

.pagination__prev:before {
  background: url(../img/bg/pagination-prev.svg) center no-repeat;
  }

.pagination__next:before {
  background: url(../img/bg/pagination-next.svg) center no-repeat;
  }

.pagination__prev:after,
.pagination__next:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  transition: .3s opacity;
  }

.pagination__prev:hover:after,
.pagination__next:hover:after { 
  opacity: 1;
  }

.pagination__prev:after {
  background: url(../img/bg/pagination-prev-w.svg) center no-repeat;
  }

.pagination__next:after {
  background: url(../img/bg/pagination-next-w.svg) center no-repeat;
  }

.pagination a { 
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #1F336D;
  border-radius: 6px;
  transition: .3s all;
  }

.pagination a:hover,
.pagination .active a { 
  color: #fff;
  background: #1F336D;
  }

.pagination span { 
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  border: 1px solid #1F336D;
  border-radius: 6px;
  }

.pagination__list { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.pagination__list a {
  font-size: 16px; 
  text-align: center;
  line-height: 38px;
  }

/* page-form */
.page-form form { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

.page-form fieldset { 
  display: flex;
  margin: 0;
  align-items: center;
  }

.page-form label { 
  flex-shrink: 0;
  margin: 0 10px 0 0;
  color: #627099;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.page-form input { 
  width: 80px;
  text-align: center;
  }

/* form-btn */
.form-btn { 
  margin: 0;
  padding: 12px 28px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  background: #1F336D;
  border-radius: 6px;
  cursor: pointer;
  transition: .3s all;
  }

.form-btn:hover { 
  color: #1F336D;
  background: rgba(31, 51, 109, 0.1);
  }

/* content-title */
.content-title { 
  display: block;
  margin: 0 0 20px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

/* accordion */
.accordion { 
  margin: 0 0 120px;
  }

/* accordion__item */
.accordion__item { 
  margin: 0 0 20px;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.25);
  }

.accordion__item:last-child { 
  margin: 0;
  }

/* accordion__top-panel */
.accordion__top-panel { 
  position: relative;
  padding: 0 33px 0 0;
  cursor: pointer;
  }

.accordion__top-panel:after {
  position: absolute;
  display: block;
  margin: -4.5px 0 0;
  width: 14px;
  height: 9px;
  top: 50%;
  right: 0;
  background: url(../img/bg/select-arrow.svg) center no-repeat;
  background-size: 100%;
  transition: .3s transform;
  content: "";
  }

.accordion__top-panel.active:after {
  transform: rotate(-180deg);
  }

.accordion__top-panel span { 
  display: block;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

/* accordion__content */
.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  }

.accordion__content p {
  color: #1F336D; 
  font-size: 16px;
  line-height: 22px;
  }

.accordion__content p:last-child { 
  margin: 0;
  }

/* line */
.line { 
  margin: 20px 0;
  padding: 0;
  width: 100%;
  height: 2px;
  background: #1F336D;
  }

/* content-table */
.content-table { 
  width: 100%;
  }

.content-table td { 
  padding: 5px 0;
  color: #1F336D;
  font-size: 14px;
  line-height: 14px;
  }

/* subscription */
.subscription { 
  position: relative;
  margin: 0 0 120px;
  padding: 20px 298px 20px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.subscription_indent-bt-none { 
  margin: 0;
  }

.subscription_changed { 
  padding-right: 286px;
  }

.subscription__form form { 
  display: flex;
  align-items: flex-end;
  gap: 0 20px;
  }

.subscription__form fieldset { 
  margin: 0;
  width: 100%;
  }

.subscription__form fieldset:last-child { 
  flex-shrink: 0;
  width: auto;
  }

.subscription__photo { 
  position: absolute;
  width: 138px;
  right: 80px;
  bottom: 0;
  }

/* site-map */
.site-map { 
  display: grid;
  grid-template-columns: repeat(4, 258px);
  justify-content: space-between;
  gap: 80px 0;
  }

/* gl-col */
.gl-col { 
  display: grid;
  grid-template-columns: 79% 21%;
  }

.gl-col_changed { 
  grid-template-columns: 76% 24%;
  }

.gl-col_indent-bt { 
  margin: 0 0 120px;
  }

/* content */
.content { 
  padding: 0 60px 0 0;
  }

.gl-col_changed .content { 
  padding: 0 120px 0 0;
  }

/* teams */
.teams {  
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 24px;
  }

/* team-item */
.team-item { 
  position: relative;
  padding: 70px 0 0;
  }

.team-item:before { 
  position: absolute;
  display: block;
  margin: 0 0 0 -70px;
  width: 140px;
  height: 140px;
  top: 0;
  left: 50%;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  content: "";
  }

.team-item__in { 
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  z-index: 5;
  }

/* team__photo */
.team__photo { 
  margin: -70px 0 20px;
  padding: 10px;
  width: 140px;
  background: #fff;
  border-radius: 100%;
  }

.team__photo img {
  width: 100%;
  border-radius: 100%;
  }

/* team-name */
.team-name { 
  display: block;
  margin: 0 0 10px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

/* team-post */
.team-post { 
  display: block;
  margin: 0 0 20px;
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }

/* messengers */
.team-item .messengers { 
  margin: 0 0 20px;
  }

/* team-contacts */
.team-contacts li { 
  display: flex;
  align-items: center;
  margin: 0 0 25px;
  }

.team-contacts li:last-child { 
  margin: 0;
  }

.team-contacts__icon {
  flex-shrink: 0; 
  margin: 0 10px 0 0;
  width: 20px;
  }

.team-contacts__text { 
  display: block;
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }

.team-contacts__text_sm-size { 
  font-size: 14px;
  }

/* sidebar_indent-top */
.sidebar_indent-top { 
  padding: 54px 0 0;
  }

/* price-info */
.price-info { 
  margin: 0 0 10px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

/* commission */
.commission { 
  display: flex;
  justify-content: center;
  gap: 0 6px;
  padding: 7px 15px;
  color: #60BF86;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 14px;
  border: 1px solid #60BF86;
  border-radius: 4px;
  }

.price-info .commission { 
  margin: 0 0 20px;
  }

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

.price dt { 
  color: #808080;
  font-size: 16px;
  line-height: 16px;
  }

.price dd { 
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

/* bitcoin */
.bitcoin { 
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px;
  padding: 12px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.bitcoin__icon { 
  flex-shrink: 0;
  margin: 0 12px 0 0;
  width: 24px;
  }

.bitcoin__icon img { 
  width: 100%;
  }

.bitcoin__text { 
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  }

.bitcoin__text span { 
  color: #E0BB7F;
  font-weight: 700;
  text-transform: uppercase;
  }

/* v-sm-title */
.v-sm-title { 
  margin: 0 0 10px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

/* page-nav */
.page-nav_indent-bt { 
  margin: 0 0 60px;
  }

.page-nav_indent-bt-big { 
  margin: 0 0 120px;
  }

.page-nav ul { 
  list-style: none;
  }

.page-nav li { 
  margin: 0 0 6px;
  }

.page-nav li:last-child { 
  margin: 0;
  }

.page-nav a,
.page-nav span { 
  display: block;
  padding: 7px 10px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(31, 51, 109, 0.2);
  transition: .3s all;
  }

.page-nav a:hover,
.page-nav .active span {
  color: #fff; 
  background: #1F336D;
  }

.page-nav_beige-color a { 
  color: #fff;
  background: #E0BB7F;
  }

.page-nav_arrow-icon a { 
  position: relative;
  }

.page-nav_arrow-icon a:after { 
  position: absolute;
  display: block;
  width: 6px;
  height: 10px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: url(../img/bg/arrow-w.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* free-consultation */
.free-consultation { 
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.free-consultation p { 
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 16px;
  }

/* consultant-panel */
.consultant-panel { 
  display: flex;
  align-items: center;
  margin: 0 0 20px;
  }

.consultant-panel__photo { 
  flex-shrink: 0;
  margin: 0 20px 0 0;
  width: 46px;
  }

.consultant-panel__photo img { 
  width: 100%;
  border-radius: 100%;
  }

.consultant-panel__description span { 
  display: block;
  margin: 0 0 10px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

.consultant-panel__description small { 
  display: block;
  color: #1F336D;
  font-size: 14px;
  line-height: 14px;
  }

/* free-consultation__languages */
.free-consultation__languages { 
  display: flex;
  flex-wrap: wrap;
  gap: 0 5px;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 16px;
  }

.free-consultation__languages dt { 
  color: #1F336D;
  font-weight: 600;
  }

.free-consultation__languages dd { 
  color: #1F336D;
  }

/* free-consultation */
.free-consultation .gl-checkbox label { 
  line-height: 16px;
  }

/* messengers */
.free-consultation .messengers { 
  margin: 0 0 20px;
  }

/* questions */
.questions { 
  position: relative;
  padding: 40px 376px 40px 40px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.questions_indent-bt { 
  margin: 0 0 120px;
  }

.questions__form form { 
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  margin: 0 -20px;
  }

.questions__form fieldset { 
  margin: 0;
  padding: 0 20px;
  width: 100%;
  }

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

.questions__form .questions__form_sm-size { 
  width: 50%;
  }

/* questions__list */
.questions__list li { 
  margin: 0 0 20px;
  }

.questions__list li:last-child { 
  margin: 0;
  }

/* gl-checkbox */
.questions__form fieldset:last-child .gl-checkbox { 
  max-width: 420px;
  }

.answer-messengers { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

.answer-messengers dt {
  color: #1F336D; 
  font-size: 16px;
  line-height: 16px;
  }

.answer-messengers .gl-checkbox { 
  align-items: center;
  }

.answer-messengers .gl-checkbox input { 
  margin: 0 5px 0 0;
  }

.answer-messengers .gl-checkbox input:checked { 
  border-color: #E0BB7F; 
  }

.answer-messengers .gl-checkbox input:checked:before { 
  background: #E0BB7F;
  }

.gl-checkbox__icon { 
  position: relative;
  width: 20px;
  height: 20px;
  font-size: 0;
  }

.gl-checkbox__icon:before { 
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  content: "";
  transition: .3s opacity;
  }

.gl-checkbox__icon:after { 
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  transition: .3s opacity;
  }

.answer-messengers .gl-checkbox input:checked + label .gl-checkbox__icon:before { 
  opacity: 0;
  }

.answer-messengers .gl-checkbox input:checked + label .gl-checkbox__icon:after { 
  opacity: 1;
  }

.gl-checkbox__icon_whatsapp:before { 
  background: url(../img/bg/whatsapp-b.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_whatsapp:after { 
  background: url(../img/bg/whatsapp-y.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_telegram:before { 
  background: url(../img/bg/telegram-b.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_telegram:after { 
  background: url(../img/bg/telegram-y.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_message:before { 
  background: url(../img/bg/message-b.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_message:after { 
  background: url(../img/bg/message-y.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_viber:before { 
  background: url(../img/bg/viber-b.svg) center no-repeat;
  background-size: 100%;
  }

.gl-checkbox__icon_viber:after { 
  background: url(../img/bg/viber-y.svg) center no-repeat;
  background-size: 100%;
  }

/* questions__photo */
.questions__photo { 
  position: absolute;
  width: 245px;
  right: 40px;
  bottom: 0;
  }

.questions__photo img { 
  width: 100%;
  }

/* team-info */
.team-info { 
  display: flex;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

/* team-info__photo-wrap */
.team-info__photo-wrap { 
  flex-shrink: 0;
  margin: 0 40px 0 0;
  width: 240px;
  }

/* team-info__photo */
.team-info__photo { 
  margin: 0 0 20px;
  }

.team-info__photo img { 
  width: 100%;
  border-radius: 8px;
  }

/* team-info__btn-list */
.team-info__btn-list li { 
  margin: 0 0 10px;
  }

.team-info__btn-list li:last-child { 
  margin: 0;
  }

/* team-info__description */
.team-info__description { 
  flex-grow: 1;
  }

/* team-info__md-panel */
.team-info__md-panel { 
  margin: 0 0 40px;
  padding: 20px 0 0;
  }

.team-info .team-contacts { 
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 20px 140px;
  }

.team-info .team-contacts li { 
  margin: 0;
  }

/* communications */
.communications { 
  display: flex;
  align-items: center;
  }

.communications dt { 
  margin: 0 20px 0 0;
  color: #1F336D;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  }

.team-info .communications dt { 
  flex-shrink: 0;
  margin: 0 15px 0 0;
  width: 90px;
  }

/* team-info__description */
.team-info__description p { 
  color: #1F336D;
  }

.team-info__description p:last-child { 
  margin: 0;
  }

/* user-form */
.user-form { 
  margin: 0 auto;
  max-width: 416px;
  padding: 8px 8px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

/* user-form__nav */
.user-form__nav { 
  margin: 0 0 20px;
  }

.user-form__nav ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 0 10px;
  list-style: none;
  }

.user-form__nav a,
.user-form__nav span { 
  display: block;
  padding: 14px;
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 16px;
  background: #e9ebf0;
  border-radius: 8px;
  transition: .3s all;
  cursor: pointer;
  }

.user-form__nav a:hover
.user-form__nav span:hover,
.user-form__nav .active span { 
  color: #fff;
  background: #1F336D;
  }

/* user-form__in */
.user-form__in { 
  padding: 0 12px;
  }

.user-form__item { 
  display: none;
  }

.user-form__item.active { 
  display: block;
  }

/* user-form form */
.user-form fieldset:last-child { 
  padding: 20px 0 0;
  }

/* phone-field */
.phone-field { 
  position: relative;
  }

.phone-field input { 
  padding-right: 120px;
  }

.phone-field__link { 
  position: absolute;
  display: block;
  padding: 13px 10px;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 14px;
  z-index: 3;
  }

/* password-field */
.password-field { 
  position: relative;
  }

.password-field input { 
  padding-right: 50px;
  }

.password-field__btn { 
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  font-size: 0;
  background: url(../img/bg/show.svg) center no-repeat;
  z-index: 3;
  }

/* user-form__link */
.user-form__link { 
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 16px;
  }

.user-form__link:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #1F336D;
  content: "";
  opacity: 0.4;
  transition: .3s opacity;
  }

.user-form__link:hover:after {
  opacity: 0;
  }

/* map */
.map img { 
  width: 100%;
  border-radius: 8px;
  }

/* contacts */
.contacts { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 24px;
  margin: 0 0 120px;
  }

/* contact */
.contact { 
  padding: 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.contact_blue-color { 
  background: #1F336D;
  }

.contact_indent-bt { 
  margin: 0 0 40px;
  }

/* contact__title */
.contact__title { 
  margin: 0 0 20px;
  padding: 0 0 20px;
  color: #1F336D;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  border-bottom: 1px solid #E0BB7F;
  }

.contact_blue-color .contact__title { 
  color: #fff;
  }

/* contact p */
.contact p { 
  margin: 0 0 10px;
  line-height: 16px;
  }

.contact_blue-color p { 
  color: #fff;
  }

/* contact__in */
.contact__in { 
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  }

/* contact__info */
.contact__info_d-flex { 
  display: flex;
  justify-content: space-between;
  }

.contact__info dt { 
  margin: 0 0 10px;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  }

.contact__info p { 
  margin: 0;
  }

/* contacts-list */
.contacts-list li { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 16px;
  }

.contacts-list li:last-child { 
  margin: 0;
  }

.contacts-list__icon { 
  position: relative;
  display: block;
  padding: 0 0 0 26px;
  }

.contacts-list__icon:before { 
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  }

.contacts-list__icon_phone:before { 
  background: url(../img/bg/phone.svg) center no-repeat;
  background-size: 100%;
  }

.contacts-list__icon_mail:before { 
  background: url(../img/bg/mail.svg) center no-repeat;
  background-size: 100%;
  }

.contacts-list__icon_time:before { 
  background: url(../img/bg/time-b.svg) center no-repeat;
  background-size: 100%;
  }

.contacts-list_blue-color { 
  color: #1F336D;
  }

/* social */
.contact .social { 
  flex-wrap: wrap;
  gap: 24px 14px;
  }

/* messengers */
.contact .messengers { 
  margin: 0 0 20px;
  }

/* btn */
.contact_blue-color .btn:hover { 
  color: #1F336D;
  background: #fff;
  }

/* legal-data */
.legal-data { 
  display: flex;
  justify-content: space-between;
  }

.legal-data dl { 
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 20px;
  }

.legal-data dt { 
  color: #1F336D;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.legal-data dd { 
  font-size: 16px;
  line-height: 16px;
  }

/* site-nav */
.site-nav ul ul { 
  padding: 10px 0 0;
  }

.site-nav li { 
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 16px;
  list-style-type: none;
  }

.site-nav li:last-child { 
  margin: 0;
  }

.site-nav > ul > li { 
  padding: 0;
  }

.site-nav > ul > li > a { 
  color: #1F336D;
  font-weight: 600;
  }

.site-nav > ul > li > a:before { 
  position: absolute;
  display: block;
  height: 1px;
  left: 0;
  right: 16px;
  bottom: 0;
  background: #1F336D;
  content: "";
  opacity: 0.6;
  transition: .3s opacity;
  }

.site-nav > ul > li > a:hover:before { 
  opacity: 0;
  }

.site-nav li a { 
  position: relative;
  display: inline-block;
  padding: 0 16px 0 0;
  vertical-align: top;
  }

.site-nav li a { 
  color: #000;
  }

.site-nav li a:hover { 
  color: #1F336D;
  }

.site-nav li a:after { 
  position: absolute;
  width: 10px;
  height: 6px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../img/bg/site-nav-arrow.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

.site-nav li li li li a { 
  padding: 0;
  }

.site-nav li li li li a:after { 
  display: none;
  }

/* error-404 */
.error-404 { 
  margin: 0 auto 80px;
  max-width: 634px;
  }

.error-404 img { 
  width: 100%;
  }

/* bullet-list */
.bullet-list { 
  margin: 0 0 40px;
  }

.bullet-list li { 
  position: relative;
  padding: 0 0 0 20px;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  }

.bullet-list li:before { 
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0;
  background: #000;
  border-radius: 100%;
  content: "";
  }

.bullet-list li a { 
  position: relative;
  color: #E0BB7F;
  }

.bullet-list li a:hover { 
  color: #E0BB7F;
  }

.bullet-list li a:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #E0BB7F;
  content: "";
  opacity: 0.8;
  transition: .3s opacity;
  }

.bullet-list li a:hover:after {
  opacity: 0;
  }

/* poster */
.poster { 
  margin: 0 0 60px;
  }

.poster_indent-none { 
  margin: 0;
  }

/* poster__img */
.poster__img { 
  position: relative;
  margin: 0 0 20px;
  }

.poster__img img { 
  width: 100%;
  border-radius: 10px;
  }

/* poster__play-btn */
.poster__play-btn { 
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  border-radius: 100%;
  transition: .4s background;
  }

.poster__img:hover .poster__play-btn { 
  background: rgba(255, 255, 255, 0.7);
  }

.poster__play-btn:before { 
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/bg/play-big.svg) center no-repeat;
  content: "";
  }

/* gallery-slider */
.gallery-slider {
  width: 100%;
  overflow: hidden;
  }

.gallery-slider img { 
  width: 100%;
  border-radius: 10px;
  }

.gallery-slider.swiper .swiper-pagination { 
  display: flex;
  justify-content: center;
  bottom: 20px;
  }

.gallery-slider .swiper-pagination-bullet { 
  display: block;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  opacity: 0.5;
  transition: .3s opacity;
  }

.gallery-slider .swiper-pagination-bullet-active { 
  opacity: 1;
  }

/* poster__bottom-panel */
.poster__bottom-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

.poster__bottom-panel span { 
  display: block;
  color: #808080;
  font-size: 14px;
  line-height: 14px;
  }

/* founder */
.founder { 
  display: flex;
  margin: 0 0 60px;
  padding: 20px;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.founder__photo { 
  flex-shrink: 0;
  order: 1;
  margin: 0 0 0 40px;
  width: 306px;
  }

.founder__photo img { 
  width: 100%;
  border-radius: 8px;
  }

.founder__description { 
  flex-grow: 1;
  }

.founder .small-title { 
  margin: 0 0 12px;
  }

.founder__post { 
  display: block;
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 16px;
  }

.founder__info dt { 
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.founder__info dd { 
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  }

.founder__info_indent-bt { 
  margin: 0 0 20px;
  }

/* quote */
.quote { 
  margin: 0 0 60px 20px;
  }

.quote_indent-bt-big { 
  margin-bottom: 124px;
  }

.quote p { 
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 22px;
  }

.quote p:before { 
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
  background: #E0BB7F;
  content: "";
  }

.quote__name { 
  display: block;
  margin: 0 0 0 22px;
  color: #808080;
  font-size: 14px;
  line-height: 14px;
  }

/* consultations */
.consultations { 
  position: relative;
  margin: 0 0 60px;
  padding: 20px 355px 20px 20px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.2);
  border-radius: 8px;
  }

.consultations__form { 
  padding: 0 20px 0 0;
  }

.consultations__form ul { 
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 10px;
  list-style: none;
  }

.consultations__form li { 
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  }

.consultations__photo { 
  position: absolute;
  width: 200px;
  right: 60px;
  bottom: 0;
  }

.consultations__photo img { 
  width: 100%;
  }

/* info-col */
.info-col { 
  display: flex;
  margin: 0 0 60px;
  }

.info-col .poster {
  flex-shrink: 0; 
  margin: 0 24px 0 0;
  width: 306px;
  }

.info-col_pos-right .poster { 
  margin: 0 0 0 24px;
  order: 1;
  }

.info-col .poster__bottom-panel { 
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px 0;
  }

.info-col_pos-right .poster__bottom-panel { 
  align-items: flex-end;
  }

.info-col__description { 
  flex-grow: 1;
  }

.info-col__description p:last-child { 
  margin: 0;
  }

/* article-panel */
.article-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
  }

/* gl-link */
.gl-link { 
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

.gl-link:after { 
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #1F336D;
  content: "";
  transition: .3s opacity;
  opacity: 0.4;
  }

.gl-link:hover:after { 
  opacity: 0;
  }

/* article-panel__right-col */
.article-panel__right-col { 
  display: flex;
  align-items: center;
  gap: 0 40px;
  }

/* reading-time */
.reading-time { 
  display: block;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

/* date */
.date { 
  position: relative;
  display: block;
  padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 14px;
  }

.date:before { 
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg/date.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* author-panel */
.author-panel { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 60px;
  padding: 20px 0 0;
  border-top: 2px solid #1F336D;
  }

/* author */
.author { 
  display: flex;
  align-items: center;
  }

.author__photo { 
  flex-shrink: 0;
  margin: 0 10px 0 0;
  width: 40px;
  }

.author__photo img { 
  border-radius: 100%;
  }

.author__description small { 
  display: block;
  margin: 0 0 5px;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

.author__description span { 
  display: block;
  font-size: 21px;
  line-height: 21px;
  }

/* social-list */
.social-list { 
  display: flex;
  gap: 0 10px;
  }

.social-list img { 
  width: 40px;
  border-radius: 100%;
  transition: .3s opacity;
  }

.social-list a:hover img { 
  opacity: 0.8;
  }

/* tags-panel */
.tags-panel { 
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 0 120px;
  font-size: 16px;
  line-height: 16px;
  }

.tags-panel dt { 
  font-weight: 600;
  }

/* contents */
.contents  { 
  margin: 0 0 60px;
  }

.contents dt { 
  margin: 0 0 10px;
  color: #1F336D;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
  }

.contents dd { 
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 22px;
  }

.contents dd:before { 
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0;
  background: #E0BB7F;
  border-radius: 100%;
  content: "";
  }

.contents dd a:hover { 
  color: #E0BB7F;
  }

/* comparison */
.comparison { 
  margin: 0 0 120px;
  }

.comparison__item { 
  margin: 0 0 46px;
  }  

.comparison__item:last-child { 
  margin: 0;
  }

.comparison__item-in { 
  display: none;
  grid-template-columns: 26% 74%;
  align-items: flex-end;
  }

.comparison__item-in.open { 
  display: grid;
  }

/* comparison__list */
.comparison__list li { 
  padding: 10px 20px 10px 0;
  border-bottom: 1px solid #8f99b6;
  }

.comparison__list li:last-child { 
  border-bottom: 0;
  }

/* comparison__title */
.comparison__title { 
  display: block;
  color: #E0BB7F;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  }

/* comparison__panel */
.comparison__panel { 
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  }

.comparison__panel.open { 
  margin: 0 0 25px;
  }

.comparison__panel:after { 
  position: absolute;
  display: block;
  height: 3px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  background: #E0BB7F;
  content: "";
  }

.comparison__big-title { 
  position: relative;
  color: #1F336D;
  font-size: 21px;
  font-weight: 600;
  line-height: 32px;
  z-index: 3;
  }

.comparison__big-title span { 
  padding: 0 10px 0 0;
  background: #fff;
  }

/* down-btn */
.down-btn { 
  display: block;
  width: 32px;
  height: 32px;
  transform: rotate(-180deg);
  font-size: 0;
  background: url(../img/bg/down-btn.svg) center no-repeat #fff;
  background-size: 100%;
  border-radius: 100%;
  z-index: 3;
  cursor: pointer;
  transition: .3s transform;
  }

.comparison__panel.open .down-btn { 
  transform: rotate(0);
  }

/* comparison__estate-col */
.comparison__estate { 
  display: flex;
  margin: 0 -12px;
  }

/* real-estate */
.real-estate { 
  width: 33.33%;
  padding: 0 12px;
  }

.comparison .estate-item { 
  margin: 0 0 30px 0;
  }

.comparison .estate-item__title { 
  margin: 0;
  }

.comparison__estate .comparison__list li { 
  position: relative;
  }

.comparison__estate .comparison__list li:before { 
  position: absolute;
  display: block;
  width: 24px;
  height: 1px;
  left: -24px;
  bottom: -1px;
  background: #8f99b6;
  content: "";
  }

.comparison__estate .comparison__list li:last-child:before { 
  display: none;
  }

/* comparison__price */
.comparison__price { 
  display: block;
  font-size: 21px;
  line-height: 16px;
  }

.comparison__text { 
  display: block;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
  overflow: hidden;
  }

/* global-slider */
.global-slider.swiper {
  margin: 0 -12px; 
  padding: 8px 12px 0;
  }

.global-slider_indent-bt.swiper { 
  margin-bottom: 120px;
  }

.global-slider .swiper-wrapper { 
  margin: 0 0 40px;
  }

.global-slider .estate-item { 
  box-shadow: 0px 4px 12px rgba(31, 51, 109, 0.2);
  }

.global-slider__arrows { 
  display: flex;
  gap: 0 20px;
  }

.global-slider__arrows .swiper-button-next, 
.global-slider__arrows .swiper-button-prev { 
  position: static;
  margin: 0;
  width: 40px;
  height: 40px;
  }

.global-slider__arrows .swiper-button-prev { 
  background: url(../img/bg/gl-sl-l-arrow.svg) center no-repeat;
  background-size: 100%;
  }

.global-slider__arrows .swiper-button-next { 
  background: url(../img/bg/gl-sl-r-arrow.svg) center no-repeat;
  background-size: 100%;
  }

.global-slider__arrows .swiper-button-next:after, 
.global-slider__arrows .swiper-button-prev:after {
  display: none;
  }

/* panel-info */
.panel-info { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 22px;
  }

/* panel-info__left-col */
.panel-info__left-col { 
  display: flex;
  align-items: center;
  gap: 0 32px;
  }

/* id */
.id { 
  position: relative;
  display: block;
  color: #000;
  font-size: 14px;
  line-height: 14px;
  }

/* panel-info__right-col */
.panel-info__right-col { 
  display: flex;
  align-items: center;
  gap: 0 10px;
  }

/* real-estate-slider */
.real-estate-slider {
  position: relative; 
  margin: 0 0 40px;
  padding: 8px;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(31, 51, 109, 0.15);
  border-radius: 8px;
  }

/* icons */
.icons { 
  display: flex;
  justify-content: center;
  }

.real-estate-slider .icons { 
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 104px;
  z-index: 10;
  }

.icons__item { 
  margin: 0 5px;
  background: #fff;
  box-shadow: 0px 1px 8px rgba(31, 51, 109, 0.2);
  border-radius: 4px;
  }

.icons__item a { 
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  }

.icons__icon {
  position: relative;
  display: block;
  margin: 0 0 6px;  
  width: 20px;
  height: 20px;
  }

.icons__icon img {
  position: absolute; 
  width: 100%;
  top: 0;
  left: 0;
  }

.icons__item.active .icons__icon img:nth-child(1) { 
  opacity: 0;
  }

.icons__icon img:nth-child(2) { 
  opacity: 0;
  }

.icons__item.active .icons__icon img:nth-child(2) { 
  opacity: 1;
  }

.icons__text { 
  display: block;
  color: #1F336D;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

.icons__item.active .icons__text { 
  color: #E0BB7F;
  }

/* real-estate-slider__big */
.real-estate-slider__big { 
  margin: 0 0 8px;
  }

.real-estate-slider__big .swiper-button-next, 
.real-estate-slider__big .swiper-button-prev { 
  width: 60px;
  height: 60px;
  background: #fff;
  }

.real-estate-slider__big .swiper-button-prev { 
  left: -8px;
  border-radius: 0 8px 8px 0;
  }

.real-estate-slider__big .swiper-button-next { 
  right: -8px;
  border-radius: 8px 0px 0px 8px;
  }

.real-estate-slider__big .swiper-button-next:before, 
.real-estate-slider__big .swiper-button-prev:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  transition: .3s opacity;
  }

.real-estate-slider__big .swiper-button-next:hover:before, 
.real-estate-slider__big .swiper-button-prev:hover:before { 
  opacity: 0.8;
  }

.real-estate-slider__big .swiper-button-prev:before { 
  background: url(../img/bg/real-estate-slider-l-a.svg) center no-repeat;
  }

.real-estate-slider__big .swiper-button-next:before { 
  background: url(../img/bg/real-estate-slider-r-a.svg) center no-repeat;
  }

.real-estate-slider__big .swiper-button-next:after, 
.real-estate-slider__big .swiper-button-prev:after { 
  display: none;
  }

.real-estate-slider__big .swiper-button-prev__dec { 
  position: absolute;
  width: 8px;
  height: 8px;
  }

.real-estate-slider__big .swiper-button-prev__dec-t-l { 
  top: -8px;
  left: 8px;
  background: url(../img/bg/swiper-button__dec-t-l.png) center no-repeat;
  background-size: 100%;
  }

.real-estate-slider__big .swiper-button-prev__dec-b-l { 
  left: 8px;
  bottom: -8px;
  background: url(../img/bg/swiper-button__dec-b-l.png) center no-repeat;
  background-size: 100%;
  }

.real-estate-slider__big .swiper-button-next__dec { 
  position: absolute;
  width: 8px;
  height: 8px;
  }

.real-estate-slider__big .swiper-button-next__dec-t-l { 
  top: -8px;
  right: 8px;
  background: url(../img/bg/swiper-button__dec-t-r.png) center no-repeat;
  background-size: 100%;
  }

.real-estate-slider__big .swiper-button-next__dec-b-l { 
  right: 8px;
  bottom: -8px;
  background: url(../img/bg/swiper-button__dec-b-r.png) center no-repeat;
  background-size: 100%;
  }

.real-estate-slider__big img { 
  width: 100%;
  border-radius: 8px;
  }

/* real-estate-slider__small */
.real-estate-slider__small .swiper-slide { 
  position: relative;
  width: 120px;
  }

.real-estate-slider__small .swiper-slide:before { 
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 4px #E0BB7F inset;
  content: "";
  opacity: 0;
  cursor: pointer;
  transition: .3s opacity;
  }

.real-estate-slider__small .swiper-slide-thumb-active:before { 
  opacity: 1;
  }

.real-estate-slider__small img { 
  width: 100%;
  border-radius: 4px;
  cursor: pointer;
  }

/* real-estate-info */
.real-estate-info { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 80px;
  }

/* real-estate-info__specifications */
.real-estate-info__specifications { 
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px 10px;
  font-size: 18px;
  line-height: 18px;
  }

.real-estate-info__specifications_changed { 
  gap: 20px 40px;
  }

.real-estate-info__specifications dt { 
  color: #1F336D;
  font-weight: 400;
  }

/* real-estate-info__list */
.real-estate-info__list { 
  list-style: none;
  }

.real-estate-info__list li { 
  margin: 0 0 20px;
  color: #1F336D;
  font-size: 18px;
  line-height: 18px;
  }

.real-estate-info__list li:last-child { 
  margin: 0;
  }

/* specifications */
.real-estate-characteristics { 
  margin: 0 0 80px;
  }

.real-estate-characteristics__content { 
  
  }

.real-estate-characteristics__hidden-content .real-estate-characteristics__content { 
  display: none;
  margin: 0;
  }

.real-estate-characteristics__hidden-content[open] .real-estate-characteristics__content { 
  display: block;
  padding: 20px 0 0;
  }

.real-estate-characteristics__hidden-content { 
  position: relative;
  padding: 0 0 61px;
  }

/* real-estate-characteristics__list */
.real-estate-characteristics__list { 
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  gap: 20px 20px;
  }

.real-estate-characteristics__list li { 
  display: flex;
  align-items: center;
  }

.real-estate-characteristics__icon { 
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: 0 10px 0 0;
  width: 28px;
  height: 28px;
  background: #fff;
  box-shadow: 0px 1px 8px rgba(31, 51, 109, 0.2);
  border-radius: 4px;
  }

.real-estate-characteristics__text span { 
  display: block;
  color: #1F336D;
  font-size: 18px;
  line-height: 18px;
  }

.real-estate-characteristics__text dl { 
  display: grid;
  grid-template-columns: 182px auto;
  align-items: center;
  gap: 0 10px;
  font-size: 16px;
  }

.real-estate-characteristics__text dt { 
  color: #1F336D;
  font-weight: 400;
  line-height: 19px;
  }

.real-estate-characteristics__text dd { 
  line-height: 19px;
  }

/* real-estate-characteristics__bottom-panel */
.real-estate-characteristics__bottom-panel { 
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 0;
  }

/* specifications__more */
.specifications__more { 
  position: relative;
  display: inline-block;
  padding: 0 23px 0 0;
  vertical-align: top;
  color: #E0BB7F;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
  cursor: pointer;
  }

.specifications__more:after { 
  position: absolute;
  display: block;
  vertical-align: top;
  margin: -4.5px 0 0;
  width: 16px;
  height: 9px;
  top: 50%;
  right: 0;
  background: url(../img/bg/more-d-arrow.svg) center no-repeat;
  background-size: 100%;
  content: "";
  transition: .3s transform;
  }

.real-estate-characteristics__hidden-content[open] .specifications__more:after { 
  transform: rotate(-180deg);
  }

.specifications__more span:before { 
  display: block;
  content: "Ещё";
  }

.real-estate-characteristics__hidden-content[open] .specifications__more span:before { 
  display: none;
  }

.specifications__more span:after { 
  display: none;
  content: "Свернуть";
  }

.real-estate-characteristics__hidden-content[open] .specifications__more span:after { 
  display: block;
  }

/* gl-text */
.gl-text { 
  display: block;
  font-size: 18px;
  line-height: 18px;
  }

/* footer__top-panel */
.footer__top-panel { 
  padding: 40px 0 27px;
  background: #1F336D;
  }

/* logo */
.footer .logo { 
  margin: 0 0 40px;
  }

/* footer__col */
.footer__col { 
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px;
  }

/* footer__address */
.footer__address { 
  position: relative;
  display: block;
  margin: 0 0 20px;
  padding: 0 0 0 30px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  }

.footer__address:before { 
  position: absolute;
  display: block;
  width: 16px;
  height: 20px;
  top: 0;
  left: 0;
  background: url(../img/bg/address.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* phones */
.footer .phones { 
  flex-direction: column;
  gap: 20px 0;
  margin: 0 0 20px;
  }

/* footer__time */
.footer__time { 
  position: relative;
  display: block;
  padding: 0 0 0 30px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  }

.footer__time:before { 
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/bg/time.svg) center no-repeat;
  background-size: 100%;
  content: "";
  }

/* footer__sm-nav */
.footer__sm-nav li { 
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 14px;
  }

.footer__sm-nav li:last-child { 
  margin: 0;
  }

.footer__sm-nav a {   
  color: #fff;
  }

.footer__sm-nav a:hover { 
  color: #d9deec;
  }

/* footer__info */
.footer__info { 
  margin: 0 0 25px;
  }

.footer__info_indent-none { 
  margin: 0;
  }

.footer__info dt { 
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  }

/* social */
.social { 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 12px;
  }

.social a { 
  transition: .3s opacity;
  }

.social a:hover { 
  opacity: 0.8;
  }

/* channels */
.channels { 
  display: flex;
  gap: 0 40px;
  }

.channels a { 
  display: flex;
  align-items: center;
  color: #fff;
  transition: .3s opacity;
  }

.channels a:hover { 
  opacity: 0.8;
  }

.channels__icon { 
  flex-shrink: 0;
  display: block;
  margin: 0 10px 0 0;
  width: 20px;
  }

.channels__text { 
  display: block;
  font-size: 14px;
  }

/* footer__md-panel */
.footer__md-panel { 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 0;
  gap: 20px;
  border-top: 2px solid #fff;
  }

.copy { 
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  }

/* payment-methods */
.payment-methods { 
  display: flex;
  gap: 0 10px;
  }

.payment-methods li { 
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 100%;
  }

/* footer__bottom-panel */
.footer__bottom-panel { 
  padding: 20px 0;
  }

/* footer__nav */
.footer__nav ul { 
  display: flex;
  justify-content: space-between;
  list-style: none;
  }

.footer__nav li { 
  font-size: 14px;
  line-height: 14px;
  }

/* hystmodal */
.hystmodal { 
  padding: 15px;
  }

#callback .hystmodal__window {
  width: 100%;
  max-width: 1296px; 
  background: none;
  }

button.hystmodal__close { 
  width: 20px;
  height: 20px;
  top: 40px;
  right: 40px;
  background: url(../img/bg/close-modal.svg) center no-repeat;
  background-size: 100%;
  transition: .3s opacity;
  }

button.hystmodal__close:hover { 
  opacity: 0.6;
  }

/* filters */
#filters .hystmodal__window { 
  width: 100%;
  max-width: 1296px; 
  background: none;
  }

.filters { 
  padding: 40px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 16px 0 rgba(31, 51, 109, 0.2);
  }

/* filters__title */
.filters__title { 
  margin: 0 0 40px;
  color: #000;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  }
  
/* filters-list */
.filters-list { 
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  }

.filter-item dt { 
  padding: 12px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  background: #1F336D;
  border-radius: 4px 4px 0 0;
  }

.filter-item dd { 
  border: 1px solid #1F336D;
  border-radius: 0 0 4px 4px;
  }

.filter-item__content { 
  padding: 20px;
  }

/* gl-scroll */
.gl-scroll { 
  width: 100%;
  }

.filter-item .gl-scroll { 
  max-height: 210px;
  }

.gl-scroll .swiper-slide { 
  height: auto;
  }

.gl-scroll .swiper-scrollbar.swiper-scrollbar-vertical,
.gl-scroll .swiper-vertical > .swiper-scrollbar {
  height: 100%;
  right: 0;
  top: 0;
  }

.gl-scroll .swiper-scrollbar { 
  background: rgba(31, 51, 109, 0.2);
  border-radius: 0;
  }

.gl-scroll .swiper-scrollbar-drag { 
  background: #1F336D;
  border-radius: 4px;
  }

.filter-item ul { 
  list-style: none;
  }

.filter-item li { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 10px;
  }

.filter-item li:last-child { 
  margin: 0;
  }

.filter-item .gl-checkbox { 
  align-items: center;
  }

.filter-item .gl-checkbox input { 
  width: 20px;
  height: 20px;
  }

.filter-item .gl-checkbox input:before { 
  width: 10px;
  height: 10px;
  }

.filter-item .gl-checkbox label { 
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }

.filter-item__number { 
  display: block;
  color: #1F336D;
  font-size: 16px;
  line-height: 16px;
  }