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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

* {
  outline: none !important;
  box-sizing: border-box;
  line-height: 1.5;
}

html {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
@media (min-width: 460px) {
  html {
    font-size: 16px;
  }
}

body {
  color: #000;
  background: #fff;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  z-index: 1;
  position: relative;
  flex: 1;
}

::-moz-selection {
  color: #fff;
  background: #4ac0f0;
}

::selection {
  color: #fff;
  background: #4ac0f0;
}

a {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2rem;
  }
}

h2 {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  h2 {
    font-size: 1.8rem;
  }
}

h3 {
  font-size: 1.3rem;
}
@media (min-width: 768px) {
  h3 {
    font-size: 1.6rem;
  }
}

h4 {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.4rem;
  }
}

h5 {
  font-size: 1.1em;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1.2rem;
  }
}

strong,
b {
  font-weight: 600;
}

sup {
  vertical-align: super;
  font-size: 0.75em;
  line-height: 1;
  margin-top: -0.5em;
}

em, i {
  font-style: italic;
}

u {
  text-decoration: underline;
}

.btn, .form-bottom__btn {
  display: inline-block;
  padding: 0.8125em 1em 0.625em;
  color: #fff;
  background: #4ac0f0;
  transition: 0.2s;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  text-decoration: none;
}
.btn:hover, .form-bottom__btn:hover {
  background: #24b3ed;
}
.btn:focus, .form-bottom__btn:focus {
  background: #13ace9;
}

.container, .opinions__container, .cookiebar__container, .footer__container {
  width: 100%;
  max-width: 77rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.container--l {
  max-width: 67rem;
}
.container--m {
  max-width: 57rem;
}
.container--s {
  max-width: 47rem;
}

.wp-text {
  line-height: 1.66;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.wp-text h2, .wp-text h3, .wp-text h4, .wp-text h5, .wp-text h6 {
  padding: 1em 0 0.25em;
}
.wp-text ul {
  list-style: disc;
}
.wp-text p + p {
  margin-top: 1em;
}
.wp-text p + ul {
  margin-bottom: 1em;
}
.wp-text li {
  margin-left: 2em;
}
.wp-text img {
  max-width: 100%;
  display: block;
  margin: 3.5rem auto;
}
.wp-text a {
  color: #4ac0f0;
}
.wp-text a:hover {
  color: #24b3ed;
}
.wp-text a:focus {
  color: #13ace9;
}

.topbar {
  display: none;
}
@media (min-width: 992px) {
  .topbar {
    display: block;
    background: #000;
    height: 0.125rem;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    color: #fff;
    height: 1.5rem;
    font-size: 0.75rem;
    transition: 0.2s;
  }
  .topbar--lower {
    top: -1.5rem;
  }
}
.topbar__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 88rem;
  margin: 0 auto;
}
.topbar__single {
  padding: 0 1rem;
  display: flex;
  align-items: center;
}
.topbar__single--last {
  margin-left: auto;
}
.topbar__icon {
  height: 0.75rem;
  margin-right: 0.5em;
}
.topbar__link {
  text-decoration: none;
  transition: 0.1s;
}
.topbar__link:hover {
  color: #4ac0f0;
}

.topnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #000;
  z-index: 999;
  transition: 0.2s;
  background: #fff;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.16);
}
.topnav--lower {
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16);
}
.topnav--hidden {
  transform: translateY(-105%);
}
.topnav__container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  pointer-events: none;
}
.topnav__logo {
  pointer-events: all;
  padding: 1rem;
  transition: 0.2s;
}
@media (min-width: 1200px) {
  .topnav__logo {
    padding: 1.5rem 1rem;
  }
  .topnav__logo--lower {
    padding: 0.5rem 1rem;
  }
}
.topnav__logo__img {
  height: 3rem;
  display: block;
  transition: 0.2s;
}
.topnav__menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 100%;
  max-width: 16rem;
  height: 100vh;
  padding-top: 5rem;
  z-index: -1;
  transform: translateX(-105%);
  transition: 0.2s;
  pointer-events: all;
}
.topnav__menu--active {
  transform: translateX(0);
}
@media (min-width: 1200px) {
  .topnav__menu {
    position: static;
    flex-direction: row;
    margin-left: auto;
    background: none;
    width: unset;
    max-width: unset;
    height: unset;
    padding-top: 0;
    box-shadow: none;
    transform: translateX(0%);
    gap: 0.5rem;
  }
}
.topnav__menu__link {
  display: inline-block;
  padding: 0.75rem;
  transition: 0.2s;
  position: relative;
  width: 100%;
  position: relative;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.2s;
}
.topnav__menu__link:hover, .topnav__menu__link:focus, .topnav__menu__link--active {
  color: #4ac0f0;
}
@media (min-width: 1200px) {
  .topnav__menu__link {
    padding: 0 0.75rem;
    width: unset;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
.topnav__socials {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 0 0.5rem;
}
.topnav__socials__link {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.topnav__socials__icon {
  height: 1.5rem;
  width: auto;
  display: block;
}
.topnav__trigger {
  border: 0;
  background: none;
  padding: 0 1rem;
  margin-left: auto;
  cursor: pointer;
  pointer-events: all;
}
@media (min-width: 1200px) {
  .topnav__trigger {
    display: none;
  }
}

.menu-icon {
  height: 2rem;
}
.menu-icon__path {
  transition: 0.2s;
}
.menu-icon--active .menu-icon__path {
  stroke: #4ac0f0;
}
.menu-icon--active .menu-icon__path--top {
  transform: rotate(45deg) translateY(-18.5%) scaleX(1.5);
  transform-origin: top left;
}
.menu-icon--active .menu-icon__path--center {
  opacity: 0;
}
.menu-icon--active .menu-icon__path--bottom {
  transform: rotate(-45deg) translateY(18.5%) scaleX(1.5);
  transform-origin: bottom left;
}

.footer {
  background: #2f455c;
  color: #fff;
}
@media (min-width: 1200px) {
  .footer {
    font-size: 1.25rem;
  }
}
.footer__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4rem 1rem 3rem;
  max-width: 77rem;
  gap: 2rem;
  justify-content: space-between;
}
@media (min-width: 1900px) {
  .footer__container {
    padding: 7rem 1rem;
  }
}
.footer__logo {
  height: 3rem;
  display: block;
}
.footer__law {
  padding-top: 2.625rem;
}
.footer__link {
  text-decoration: none;
}
.footer__end {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__end {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .footer__end {
    width: unset;
  }
}
@media (min-width: 1600px) {
  .footer__end {
    transform: translateX(7rem);
    gap: 4.25rem;
  }
}
.footer__single {
  margin-bottom: 1.026rem;
  display: block;
}
.footer__single--title {
  font-weight: 700;
  text-decoration: none;
  transition: 0.2s;
}
.footer__single--title:hover {
  color: #4ac0f0;
}
.footer__link {
  text-decoration: none;
  transition: 0.2s;
}
.footer__link:hover {
  color: #4ac0f0;
}
.footer__socials {
  display: flex;
  flex-direction: row;
  height: 100%;
  gap: 1rem;
}
.footer__socials__link {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__socials__icon {
  height: 1.5rem;
  width: auto;
  display: block;
}

.gift {
  all: unset;
  position: fixed;
  z-index: 999;
  top: 45%;
  right: 0;
  box-sizing: border-box;
  cursor: pointer;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  width: 5rem;
  height: 5rem;
}
.gift:hover {
  background: #4ac0f0;
}
.gift__icon {
  display: block;
  height: 3rem;
}

.modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  transition: 0.2s;
}
.modal:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 70, 92, 0.8);
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
  transition: 0.3s;
}
.modal--active {
  display: block;
}
.modal--animated {
  opacity: 1;
}
.modal--animated:after {
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
}
.modal--animated .modal__content {
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
}
.modal__wrapper-outside {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 1rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 1200px) {
  .modal__wrapper-outside {
    padding: 2.5rem;
  }
}
.modal__wrapper-inside {
  position: relative;
  width: 100%;
  max-width: 56rem;
}
.modal__content {
  width: 100%;
  -webkit-clip-path: circle(0% at 50% 50%);
          clip-path: circle(0% at 50% 50%);
  transition: 0.3s;
  padding: 1rem;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .modal__content {
    padding: 4rem;
  }
}
.modal__content:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  background: #95d1f5;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.modal__bg-icon {
  position: absolute;
  width: 50%;
  display: block;
  opacity: 0.2;
  left: 15%;
  top: 15%;
}
.modal__cover {
  position: relative;
  width: calc(100% + 2rem);
  margin: -1rem -1rem 1rem;
}
@media (min-width: 768px) {
  .modal__cover {
    width: calc(100% + 8rem);
    margin: -4rem -4rem 2rem;
  }
}
.modal__cover:after {
  content: "";
  display: block;
  padding-bottom: 10%;
}
.modal__cover__img {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal__text {
  position: relative;
  z-index: 1;
}
.modal__form {
  position: relative;
  z-index: 1;
  text-align: left;
  width: 100%;
  padding: 2rem 0;
}
.modal__contact-data {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal__close {
  position: absolute;
  z-index: 1;
  width: 2.5rem;
  height: 2.5rem;
  top: -0.5rem;
  right: -0.5rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .modal__close {
    top: 1rem;
    right: 1rem;
  }
}
.modal__close:hover {
  transform: rotate(270deg);
}
.modal__close-icon {
  height: 2.5rem;
  display: block;
}

.cookiebar {
  position: fixed;
  z-index: 998;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #4ac0f0;
  color: #000;
  border-top: 0.0625rem solid #000;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  transition: 0.4s;
}
.cookiebar--hide {
  transform: translateY(100%);
}
.cookiebar__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .cookiebar__container {
    flex-direction: row;
  }
}
.cookiebar__text {
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 992px) {
  .cookiebar__text {
    margin-bottom: 0;
    text-align: left;
  }
}
.cookiebar__link {
  color: #000;
}
.cookiebar__btn {
  white-space: nowrap;
  background: #000;
  border: 0;
  color: #fff;
  padding: 0.75rem;
  cursor: pointer;
}

.cookiebar-spacer {
  transition: 0.2s;
  height: 0;
  width: 100%;
  background: #4ac0f0;
}
.cookiebar-spacer--active {
  height: 10rem;
}
@media (min-width: 992px) {
  .cookiebar-spacer--active {
    height: 3.75rem;
  }
}

.error-page {
  text-align: center;
  padding: 5rem 0;
  padding: 9rem 0 6rem;
}
.error-page__title {
  font-size: 2rem;
  color: #545454;
}
@media (min-width: 992px) {
  .error-page__title {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .error-page__info {
    font-size: 1.25rem;
  }
}

.page-title {
  padding: 5rem 1rem 1rem;
  text-align: center;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  font-size: 0.875rem;
}
.tags--front {
  font-size: 1.25rem;
  gap: 0.5rem 1.375rem;
}
.tags__single {
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  padding: 0.25rem 1.25rem;
  transition: 0.2s;
}
.tags__single:hover {
  background: #4ac0f0;
}

.page-cover {
  margin-top: 5rem;
}
@media (min-width: 1200px) {
  .page-cover {
    margin-top: 6rem;
  }
}
.page-cover__img {
  width: 100%;
  display: block;
}

.normal-page {
  padding: 4rem 0;
}
@media (min-width: 1900px) {
  .normal-page {
    padding: 6.625rem 0 7rem;
  }
}

.single-page {
  padding: 2rem 0 2rem;
}
@media (min-width: 992px) {
  .single-page {
    padding: 2rem 0 4rem;
  }
}
@media (min-width: 1900px) {
  .single-page {
    padding: 6.625rem 0 7rem;
  }
}

.post-back {
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 1600px) {
  .post-back {
    margin-bottom: 0;
  }
}
.post-back__link {
  display: block;
  transition: 0.2s;
}
@media (min-width: 1600px) {
  .post-back__link {
    position: absolute;
    top: -4rem;
    left: -4.5rem;
  }
}
.post-back__link:hover {
  opacity: 0.8;
}
.post-back__icon {
  height: 2rem;
  transform: rotate(180deg);
  display: block;
}
@media (min-width: 1600px) {
  .post-back__icon {
    height: 4rem;
  }
}

.post-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 3rem;
}
@media (min-width: 992px) {
  .post-title {
    font-size: 2.5rem;
  }
}

.page-section {
  width: 100%;
  max-width: 77rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.page-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .page-row {
    flex-direction: row;
  }
}
.page-row__main {
  width: 100%;
}
@media (min-width: 992px) {
  .page-row__main {
    width: calc(100% - 20rem);
  }
}
@media (min-width: 1200px) {
  .page-row__main {
    width: calc(100% - 21.25rem);
  }
}
.page-row__title {
  margin-top: -1.375rem;
  font-weight: 700;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .page-row__title {
    font-size: 2.5rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1600px) {
  .page-row__title {
    padding-bottom: 5.5rem;
  }
}
.page-row__text {
  margin-top: -3rem;
  text-align: justify;
}
.page-row__aside {
  padding-top: 3rem;
  width: 100%;
}
@media (min-width: 992px) {
  .page-row__aside {
    padding: 0 0 0 2.5rem;
    width: 20rem;
    margin-top: -1rem;
  }
}
@media (min-width: 1200px) {
  .page-row__aside {
    width: 21.25rem;
  }
}

.post-top {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 0 0.875rem;
}
@media (min-width: 768px) {
  .post-top {
    flex-direction: row;
    justify-content: space-between;
  }
}
.post-top__author__info {
  padding-right: 1.5rem;
}
.post-top__author__link {
  text-decoration: none;
  transition: 0.2s;
}
.post-top__author__link:hover {
  color: #4ac0f0;
}

.post-photo {
  width: 100%;
  display: block;
  margin-bottom: 4rem;
}

.short-post {
  padding-bottom: 4.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .short-post {
    flex-direction: row;
  }
}
.short-post__photo {
  display: block;
  width: 100%;
  height: 16rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .short-post__photo {
    width: 15.25rem;
    height: 16rem;
    margin-bottom: 0;
  }
}
.short-post__photo__img {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.short-post__main {
  width: 100%;
}
@media (min-width: 768px) {
  .short-post__main {
    width: calc(100% - 15.25rem);
    padding-left: 2.25rem;
  }
  .short-post__main--full {
    width: 100%;
    padding-left: 0;
  }
}
.short-post__top {
  display: flex;
  flex-wrap: wrap;
}
.short-post__link {
  text-decoration: none;
}
.short-post__link:hover {
  text-decoration: underline;
}
.short-post__title {
  font-size: 1.25rem;
  padding-top: 1rem;
  margin-bottom: -0.75rem;
}
@media (min-width: 992px) {
  .short-post__title {
    font-size: 1.5rem;
  }
}
.short-post__text {
  padding-top: 1rem;
}
.short-post__bottom {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.short-post__arrow {
  transition: 0.2s;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-decoration: none;
}
font-size .short-post__arrow:hover {
  opacity: 0.7;
}
.short-post__arrow__img {
  height: 1.375rem;
  margin-left: 0.625rem;
}

.sidebar {
  width: 100%;
}
.sidebar__section {
  padding-bottom: 2rem;
}
.sidebar__title {
  padding-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}
@media (min-width: 992px) {
  .sidebar__title {
    font-size: 1.625rem;
  }
}
.sidebar__menu {
  list-style: disc;
  margin: -0.5rem 0 0 1.375rem;
}
.sidebar__menu__single {
  margin: 0.5rem 0;
}
.sidebar__menu__link {
  text-decoration: none;
  font-weight: 500;
  padding: 0.25rem 0;
  display: block;
}
.sidebar__menu__link:hover {
  text-decoration: underline;
}

.contact-page {
  padding: 5rem 0 0;
}
@media (min-width: 1200px) {
  .contact-page {
    padding: 6rem 0 0;
  }
}

.contact-top {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact-top {
    flex-direction: row;
  }
}
.contact-top__start {
  width: 100%;
  padding: 4rem 1rem;
}
@media (min-width: 768px) {
  .contact-top__start {
    width: 40.25%;
  }
}
@media (min-width: 1200px) {
  .contact-top__start {
    padding: 0 1rem 14.5rem 1rem;
  }
}
@media (min-width: 768px) {
  .contact-top__content {
    max-width: 25.875rem;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .contact-top__content {
    padding-top: 24.5rem;
  }
}
.contact-top__title {
  font-weight: 700;
  padding-bottom: 1.625rem;
}
@media (min-width: 992px) {
  .contact-top__title {
    font-size: 2.5rem;
  }
}
.contact-top__data {
  display: flex;
  flex-direction: column;
  gap: 1.0625rem;
}
.contact-top__end {
  width: 100%;
  background: url(../img/photos/contact-top.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .contact-top__end {
    width: 59.75%;
  }
}
@media (min-width: 1200px) {
  .contact-top__end {
    padding-left: 7rem;
    min-height: calc(100vh - 6rem);
  }
}
.contact-top__form {
  width: 100%;
  max-width: 46.625rem;
}

.contact-data {
  display: flex;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #303030;
}
.contact-data__start {
  width: 3.5rem;
}
.contact-data__icon {
  height: 2rem;
  display: block;
}
.contact-data__icon--map-marker {
  height: 2.25rem;
  margin: 0.375rem 2.25rem 0 0.3125rem;
}
.contact-data__icon--phone {
  height: 2.125rem;
}
.contact-data__icon--mail {
  height: 1.25rem;
  margin-right: 2.125rem;
}
.contact-data__text {
  text-decoration: none;
}
.contact-data__text--phone {
  margin-top: 0.125rem;
}

.contact-socials {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  max-width: 13.875rem;
}
.contact-socials__link {
  text-decoration: none;
}
.contact-socials__icon {
  height: 2rem;
}

.contact-map {
  position: relative;
  display: block;
}
.contact-map__img {
  display: block;
  width: 100%;
}
.contact-map__pin {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  height: 20%;
}

.contact-box {
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  background: rgba(255, 255, 255, 0.65);
  border: 0.125rem solid #fff;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .contact-box {
    padding: 4rem 2rem;
  }
}
@media (min-width: 1200px) {
  .contact-box {
    padding: 4rem 4.5rem;
  }
}
.contact-box__title {
  line-height: 1.2;
  font-weight: 700;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .contact-box__title {
    font-size: 1.75rem;
    padding-bottom: 4rem;
  }
}
.contact-box__info-text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 4rem;
}

.form-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .form-row {
    flex-direction: row;
  }
}

.form-group {
  width: 100%;
}
.form-group__name {
  width: 100%;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 0.125rem;
  display: block;
}
.form-group__input, .form-group__textarea {
  padding: 0.3125rem;
  width: 100%;
  border: 0.0625rem solid #fff;
  transition: 0.2s;
  font-size: 1rem;
  font-family: inherit;
}
.form-group__input:focus, .form-group__textarea:focus {
  border-color: #4ac0f0;
}
.form-group__textarea {
  resize: vertical;
  min-height: 16rem;
}

.form-bottom {
  text-align: right;
  padding-top: 1.25rem;
  margin-bottom: -0.5rem;
}
.form-bottom__btn {
  font-weight: 700;
  background: #000;
}
@media (min-width: 1200px) {
  .form-bottom__btn {
    font-size: 1.25rem;
    padding: 1.375rem 3.5rem;
  }
}

.message {
  padding: 1rem;
  background: #fff;
  margin-bottom: 2rem;
}

.sell-page {
  background: url(../img/photos/sell-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 6rem 0 0;
}

.sell-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 84.125rem;
  margin: 0 auto;
  min-height: calc(100vh - 6rem);
  flex-direction: column;
}
@media (min-width: 992px) {
  .sell-content {
    flex-direction: row;
  }
}
.sell-content__start {
  color: #fff;
  padding: 0 1rem 1rem;
}
@media (min-width: 992px) {
  .sell-content__start {
    max-width: 35rem;
  }
}
@media (min-width: 1200px) {
  .sell-content__start {
    padding-left: 4.625rem;
  }
}
.sell-content__title {
  font-weight: 700;
  font-size: 2.5rem;
  margin-top: 1.25rem;
}
@media (min-width: 992px) {
  .sell-content__title {
    margin-top: 1.625rem;
  }
}
.sell-content__subtitle {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.23;
  padding: 2rem 0 1rem;
}
@media (min-width: 1600px) {
  .sell-content__subtitle {
    padding: 3.625rem 0 2rem;
  }
}
.sell-content__text {
  font-size: 1.25rem;
  line-height: 1.4;
}
.sell-content__end {
  padding: 4rem 0 0;
}
@media (min-width: 992px) {
  .sell-content__end {
    max-width: 46.625rem;
    padding: 4rem 0;
  }
}
@media (min-width: 1600px) {
  .sell-content__end {
    padding: 7rem 0;
  }
}

.single-person-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .single-person-page {
    padding-top: 6rem;
  }
}

.person-top {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .person-top {
    flex-direction: row;
  }
}
.person-top__start {
  background: #30465c;
  color: #fff;
  padding: 0 0 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .person-top__start {
    padding: 4rem 0 3rem;
    width: 39.9%;
    display: flex;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .person-top__start {
    padding: 10.25rem 0 8rem;
  }
}
@media (min-width: 768px) {
  .person-top__start__content {
    max-width: 26.5rem;
    padding-left: 1rem;
  }
}
.person-top__photo {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .person-top__photo {
    max-width: 25.5rem;
  }
}
@media (min-width: 1600px) {
  .person-top__photo {
    width: 25.5rem;
  }
}
.person-top__photo:after {
  content: "";
  display: block;
  padding-bottom: 93.857494%;
}
.person-top__photo__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.person-top__title {
  font-weight: 600;
  padding: 1.625rem 1rem 1.375rem;
}
@media (min-width: 768px) {
  .person-top__title {
    padding: 1.625rem 0 1.375rem;
  }
}
@media (min-width: 992px) {
  .person-top__title {
    font-size: 2.5rem;
    padding-right: 1rem;
  }
}
.person-top__job-title {
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .person-top__job-title {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .person-top__job-title {
    font-size: 1.375rem;
    padding-right: 1rem;
  }
}
.person-top__regions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.8125rem;
  font-weight: 500;
  padding: 0.5625rem 1rem 1.8125rem;
}
@media (min-width: 768px) {
  .person-top__regions {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .person-top__regions {
    font-size: 1.25rem;
    padding-right: 1rem;
  }
}
.person-top__contact {
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .person-top__contact {
    padding: 0 1rem 0 0;
  }
}
.person-top__icon {
  width: 1.5rem;
  margin-right: 1rem;
  display: block;
}
@media (min-width: 768px) {
  .person-top__icon {
    width: 2.125rem;
  }
}
.person-top__end {
  width: 100%;
  padding: 2rem 1rem 0;
}
@media (min-width: 768px) {
  .person-top__end {
    width: 60.1%;
    padding: 4rem 0 4rem 2rem;
  }
}
@media (min-width: 1600px) {
  .person-top__end {
    padding: 9.25rem 0 2.875rem 5.375rem;
  }
}
.person-top__end__content {
  max-width: 43.875rem;
}
.person-top__subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .person-top__subtitle {
    font-size: 2.5rem;
    padding-bottom: 1.625rem;
  }
}
.person-top__text {
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 2rem;
}
@media (min-width: 1600px) {
  .person-top__text {
    font-size: 1.25rem;
  }
}

.person-subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  max-width: 77rem;
  margin: 0 auto;
  padding: 3rem 1rem 1rem;
}
@media (min-width: 992px) {
  .person-subtitle {
    font-size: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .person-subtitle {
    padding: 5rem 1rem 2rem;
  }
}

.list-estates {
  max-width: 77rem;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}

.list-estate {
  border: 0.0625rem solid #7e7e7e;
  width: 100%;
}
@media (min-width: 768px) {
  .list-estate {
    width: calc(50% - 1rem);
  }
}
.list-estate__photo {
  display: block;
  position: relative;
}
.list-estate__photo:after {
  content: "";
  display: block;
  padding-bottom: 63%;
}
.list-estate__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-estate__type {
  position: absolute;
  z-index: 2;
  background: #fff;
  font-weight: 700;
  font-size: 0.85rem;
  top: 1rem;
  left: 1rem;
  padding: 0.5rem 1rem;
}
.list-estate__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
@media (min-width: 992px) {
  .list-estate__bottom {
    padding: 1.8125rem 1rem 1.8125rem 1.625rem;
  }
}
.list-estate__main {
  width: calc(100% - 2.875rem);
  padding-right: 2.5rem;
}
.list-estate__address {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .list-estate__address {
    flex-direction: row;
    gap: 1.625rem;
  }
}
.list-estate__city {
  font-size: 1.625rem;
  font-weight: 600;
}
.list-estate__street {
  font-size: 1.25rem;
  font-weight: 600;
  padding-top: 0.375rem;
}
.list-estate__infos {
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 1rem;
}
.list-estate__info {
  padding-top: 0.625rem;
}
.list-estate__btn {
  padding: 0 0.375rem;
}
@media (min-width: 992px) {
  .list-estate__btn {
    padding: 0 0.625rem;
  }
}
.list-estate__arrow {
  width: 1.625rem;
}

.person-contact {
  background: url(../img/photos/single-person-contact.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 4rem;
}
@media (min-width: 1600px) {
  .person-contact {
    margin-top: 7rem;
  }
}
.person-contact__wrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 84.125rem;
  margin: 0 auto;
}
.person-contact__form {
  width: 100%;
}
@media (min-width: 768px) {
  .person-contact__form {
    max-width: 46.625rem;
    padding: 4rem 0;
  }
}

.about-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .about-page {
    padding-top: 6rem;
  }
}

.about-intro {
  background: url(../img/photos/about-top.jpg) no-repeat top center;
  background-size: cover;
  min-height: calc(100vh - 5rem);
  color: #fff;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .about-intro {
    min-height: calc(100vh - 6rem);
  }
}
.about-intro__container {
  padding: 4rem 1rem;
  width: 100%;
  margin: 0 auto;
  text-shadow: 0 0 1rem #000;
}
@media (min-width: 992px) {
  .about-intro__container {
    max-width: 73.25rem;
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1rem 5rem;
  }
}
.about-intro__wrapper {
  width: 100%;
  max-width: 35.625rem;
}
.about-intro__title {
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .about-intro__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .about-intro__title {
    padding-bottom: 4rem;
  }
}
.about-intro__text {
  line-height: 1.4;
  font-size: 1.25rem;
}

.tp-block {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .tp-block {
    flex-direction: row;
  }
  .tp-block--inverse {
    flex-direction: row-reverse;
  }
}
.tp-block__main {
  width: 100%;
}
@media (min-width: 768px) {
  .tp-block__main {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .tp-block__main {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .tp-block__main--inverse {
    justify-content: flex-start;
    padding-left: 5.625rem;
  }
}
.tp-block__wrapper {
  width: 100%;
  max-width: 39.5rem;
  padding: 5rem 1rem;
}
@media (min-width: 1200px) {
  .tp-block__wrapper {
    padding: 1rem;
  }
}
.tp-block__title {
  font-weight: 600;
  padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .tp-block__title {
    font-size: 2.5rem;
  }
}
.tp-block__regions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 3.25rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.tp-block__text {
  line-height: 1.4;
  padding: 1.625rem 0;
}
@media (min-width: 1600px) {
  .tp-block__text {
    max-width: 31.25rem;
    padding: 3.625rem 0 3.75rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .tp-block__photo {
    width: 50%;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .tp-block__photo {
    height: 35.8vw;
  }
}
.tp-block__img {
  height: auto;
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .tp-block__img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.tp-block__btn {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
  display: inline-block;
  transition: 0.2s;
}
@media (min-width: 1900px) {
  .tp-block__btn {
    font-size: 1.625rem;
    padding: 0.8125rem 3.625rem;
  }
}
.tp-block__btn:hover {
  background: #4ac0f0;
}

.about-icons {
  margin: 0 auto;
  padding: 4rem 1rem;
  max-width: 77rem;
}
@media (min-width: 1600px) {
  .about-icons {
    padding: 6.75rem 1rem 7.5rem;
  }
}
.about-icons__title {
  font-weight: 700;
}
@media (min-width: 992px) {
  .about-icons__title {
    font-size: 2.5rem;
  }
}
.about-icons__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1.625rem;
  gap: 1rem;
}
@media (min-width: 1600px) {
  .about-icons__list {
    padding-top: 3.625rem;
  }
}
.about-icons__single {
  text-align: center;
  width: 100%;
}
@media (min-width: 460px) {
  .about-icons__single {
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .about-icons__single {
    width: calc(25% - 0.75rem);
  }
}
.about-icons__img {
  height: 2.375rem;
  display: block;
  margin: 0 auto 0.75rem;
}
.about-icons__name {
  font-size: 1.375rem;
  font-weight: 700;
}
@media (min-width: 1600px) {
  .about-icons__name {
    font-size: 1.625rem;
  }
}
.about-icons__text {
  max-width: 12.5rem;
  margin: 0.3125rem auto 0;
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .about-icons__text {
    font-size: 1.25rem;
  }
}

.about-bar {
  background: #30465c;
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}

.about-info {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .about-info {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .about-info__main {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 4rem 0;
  }
}
.about-info__wrapper {
  width: 100%;
  padding: 4rem 1rem;
}
@media (min-width: 992px) {
  .about-info__wrapper {
    max-width: 39.5rem;
  }
}
@media (min-width: 1600px) {
  .about-info__wrapper {
    margin-top: 0.875rem;
  }
}
.about-info__title {
  font-weight: 600;
  padding-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .about-info__title {
    font-size: 2.5rem;
  }
}
.about-info__text {
  line-height: 1.4;
  padding: 1rem 0;
}
@media (min-width: 992px) {
  .about-info__text {
    max-width: 34.5rem;
  }
}
@media (min-width: 1200px) {
  .about-info__text {
    font-size: 1.25rem;
  }
}
.about-info__photo {
  width: 100%;
  height: auto;
  position: relative;
}
@media (min-width: 768px) {
  .about-info__photo {
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .about-info__photo {
    min-height: 60vh;
  }
}
.about-info__img {
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  .about-info__img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-position: top;
       object-position: top;
  }
}

.about-quote {
  background: #30465c;
  color: #fff;
}
.about-quote__container {
  max-width: 75rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .about-quote__container {
    flex-direction: row-reverse;
  }
}
.about-quote__main {
  padding: 4rem 1rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .about-quote__main {
    padding: 1rem 1rem 1rem 1.875rem;
  }
}
.about-quote__text {
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 1.8125rem;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .about-quote__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .about-quote__text {
    margin-top: 0.375rem;
    font-size: 2.5rem;
  }
}
.about-quote__author {
  font-size: 1.25rem;
  font-weight: 500;
  font-style: italic;
  text-align: right;
}
@media (min-width: 768px) {
  .about-quote__author {
    font-size: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .about-quote__author {
    font-size: 1.625rem;
  }
}
.about-quote__photo {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .about-quote__photo {
    width: 50%;
  }
}

.about-text {
  max-width: 77rem;
  margin: 0 auto;
  padding: 4rem 1rem;
}
@media (min-width: 1600px) {
  .about-text {
    padding: 9.6875rem 1rem;
  }
}
.about-text__title {
  font-weight: 700;
}
@media (min-width: 992px) {
  .about-text__title {
    font-size: 2.5rem;
  }
}
.about-text__cols {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .about-text__cols {
    flex-direction: row;
    gap: 4rem;
  }
}
@media (min-width: 1600px) {
  .about-text__cols {
    gap: 5.625rem;
  }
}
.about-text__col {
  width: 100%;
  line-height: 1.4;
  padding-top: 1rem;
}
@media (min-width: 992px) {
  .about-text__col {
    padding-top: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .about-text__col {
    font-size: 1.25rem;
  }
}

.work-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .work-page {
    padding-top: 6rem;
  }
}

.work-intro {
  background: url(../img/photos/work-top.jpg) no-repeat top center;
  background-size: cover;
  height: calc(100vh - 5rem);
  color: #fff;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .work-intro {
    min-height: calc(100vh - 6rem);
    padding-bottom: 4rem;
  }
}
.work-intro__container {
  padding: 1rem;
  max-width: 77rem;
  width: 100%;
  margin: 0 auto;
  text-shadow: 0 0 1rem #000;
}
.work-intro__title {
  font-weight: 700;
  padding-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .work-intro__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .work-intro__title {
    padding-bottom: 3.5rem;
  }
}
.work-intro__text {
  line-height: 1.4;
  font-size: 1.25rem;
  max-width: 37.5rem;
}

.work-info {
  max-width: 75rem;
  margin: 0 auto;
  padding: 4rem 0;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1900px) {
  .work-info {
    padding: 7rem 0;
  }
}
.work-info__img {
  display: none;
}
@media (min-width: 992px) {
  .work-info__img {
    width: 50%;
    display: block;
  }
}
.work-info__main {
  width: 100%;
  padding: 0 1rem;
}
@media (min-width: 992px) {
  .work-info__main {
    padding: 0 1rem 0 2rem;
    width: 50%;
  }
}
.work-info__title {
  font-weight: 700;
  margin: -0.3125rem 0 1.25rem;
}
@media (min-width: 992px) {
  .work-info__title {
    font-size: 2.5rem;
  }
}
.work-info__text {
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
@media (min-width: 992px) {
  .work-info__text {
    font-size: 1.25rem;
  }
}

.work-opinion {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .work-opinion {
    flex-direction: row;
  }
  .work-opinion--inverse {
    flex-direction: row-reverse;
  }
}
.work-opinion__main {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding: 4rem 1rem 1rem;
}
@media (min-width: 768px) {
  .work-opinion__main {
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .work-opinion__main {
    padding: 3rem 0;
  }
}
@media (min-width: 1600px) {
  .work-opinion__main--inverse {
    justify-content: flex-start;
    padding-left: 5.5rem;
  }
}
@media (min-width: 768px) {
  .work-opinion__wrapper {
    max-width: 37.5rem;
  }
}
.work-opinion__maintitle {
  position: absolute;
  top: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .work-opinion__maintitle {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .work-opinion__photo {
    width: 50%;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .work-opinion__photo {
    height: 35.85vw;
  }
}
.work-opinion__img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .work-opinion__img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
  }
}
.work-opinion__title {
  font-weight: 600;
  margin-top: -0.75rem;
  font-size: 1.5rem;
}
@media (min-width: 1600px) {
  .work-opinion__title {
    font-size: 2.5rem;
  }
}
.work-opinion__text {
  line-height: 1.4;
}
@media (min-width: 1600px) {
  .work-opinion__text {
    padding: 1.25rem 5.5rem 0 0;
    font-size: 1.1rem;
  }
  .work-opinion__text--inverse {
    padding: 1.25rem 0 0 0;
  }
}

.work-offer {
  width: 100%;
  max-width: 77rem;
  margin: 0 auto;
  padding: 4rem 1rem;
}
@media (min-width: 1600px) {
  .work-offer {
    padding: 10rem 1rem;
  }
}
.work-offer__top {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .work-offer__top {
    flex-direction: row;
  }
}
.work-offer__top__start {
  width: 100%;
}
@media (min-width: 768px) {
  .work-offer__top__start {
    width: 50%;
  }
}
.work-offer__top__title {
  line-height: 1.2;
  font-weight: 700;
  padding-bottom: 0.875rem;
}
@media (min-width: 992px) {
  .work-offer__top__title {
    font-size: 2.5rem;
  }
}
.work-offer__top__localization {
  font-size: 2.5rem;
  font-weight: 500;
}
.work-offer__top__text {
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.4;
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .work-offer__top__text {
    width: 50%;
  }
}
.work-offer__details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 2.5rem;
}
.work-offer__detail {
  border: 0.0625rem solid #707070;
  padding: 1rem;
  width: 100%;
}
@media (min-width: 1600px) {
  .work-offer__detail {
    padding: 2.125rem 2.75rem 2.875rem;
  }
}
@media (min-width: 992px) {
  .work-offer__detail--range, .work-offer__detail--requirements {
    width: calc(50% - 0.1875rem);
  }
}
.work-offer__subtitle {
  font-size: 1.625rem;
  font-weight: 700;
}
.work-offer__text {
  line-height: 1.75;
  margin: 1rem 0 0 1.5rem;
}
@media (min-width: 1600px) {
  .work-offer__text {
    margin: 2.875rem 0 0 2.375rem;
  }
}
.work-offer__text ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1600px) {
  .work-offer__text ul {
    gap: 1.75rem;
  }
}
.work-offer__text li {
  position: relative;
}
.work-offer__text li:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: -1.5rem;
  background: #000;
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
}
@media (min-width: 1600px) {
  .work-offer__text li:before {
    left: -2.375rem;
  }
}

.work-contact {
  background: url(../img/photos/work-contact.jpg) no-repeat center center;
  background-size: cover;
}
.work-contact__wrapper {
  display: flex;
  max-width: 75rem;
  margin: 0 auto;
}
.work-contact__form {
  max-width: 46.625rem;
  width: 100%;
}
@media (min-width: 768px) {
  .work-contact__form {
    padding: 4rem 0;
  }
}

.attachments {
  font-size: 1.25rem;
  padding-top: 0.5rem;
  display: inline-block;
}
.attachments__new {
  color: #000;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.attachments__new:hover {
  color: #4ac0f0;
}
.attachments__icon {
  height: 2.25rem;
  display: block;
  margin-right: 1rem;
}
.attachments__input {
  display: none;
}

.single-estate-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .single-estate-page {
    padding-top: 6rem;
  }
}

.estate-slider {
  position: relative;
}
.estate-slider__type {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 999;
  background: #fff;
  padding: 0.75rem 1.25rem;
  font-weight: 700;
}
.estate-slider__link {
  display: block;
  position: relative;
}
.estate-slider__link:after {
  content: "";
  display: block;
  padding-bottom: calc(100vh - 16rem);
}
.estate-slider__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.estate-slider__bottom {
  position: absolute;
  max-width: 75rem;
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
}
.estate-slider__controll {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 9.1875rem;
  display: block;
  background: rgba(255, 255, 255, 0.71);
}
.estate-slider__controll--active .estate-slider__thumbnail, .estate-slider__controll:hover .estate-slider__thumbnail {
  opacity: 1;
}
.estate-slider__controll:after {
  content: "";
  display: block;
  padding-bottom: 66%;
}
.estate-slider__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s;
  opacity: 0.5;
}

.tns-nav[aria-label="Carousel Pagination"] {
  display: flex;
  justify-content: center;
}

.tns-outer {
  position: relative;
}

.tns-controls {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 80.75rem;
  padding-top: 2rem;
}
@media (min-width: 992px) {
  .tns-controls {
    padding-top: 4rem;
  }
}
@media (min-width: 1600px) {
  .tns-controls {
    width: 100%;
    top: 0;
    align-items: center;
  }
}

.tns-outer [data-controls] {
  background: none;
  padding: 0.5rem;
  z-index: 1;
  border: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: 0.2s;
  pointer-events: all;
}
@media (min-width: 1600px) {
  .tns-outer [data-controls] {
    margin-top: -4rem;
  }
}
.tns-outer [data-controls]:hover {
  opacity: 0.95;
}
.tns-outer [data-controls] img {
  display: block;
  height: 4rem;
}

.tns-outer [data-controls=prev] {
  margin-right: auto;
  transform: rotate(180deg);
}

@media (min-width: 1200px) {
  .estate-top {
    background: #30465c;
    padding-bottom: 4rem;
  }
}
.estate-top__container {
  background: #fff;
  color: #464646;
  max-width: 75rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem 1rem;
}
@media (min-width: 1200px) {
  .estate-top__container {
    padding: 3.4375rem 2.75rem 2.8125rem;
    flex-direction: row;
    justify-content: space-between;
  }
}
.estate-top__main {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .estate-top__main {
    align-items: center;
    flex-direction: row;
    padding-right: 4rem;
    max-width: 50%;
  }
}
.estate-top__title {
  font-weight: 600;
}
@media (min-width: 992px) {
  .estate-top__title {
    font-size: 2rem;
  }
}
.estate-top__extra {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .estate-top__extra {
    text-align: right;
    margin-bottom: 0;
  }
}
.estate-top__address {
  color: #707070;
  font-size: 1.25rem;
  margin: 0.5rem 0;
}
@media (min-width: 1200px) {
  .estate-top__address {
    margin: 0 0 1rem;
  }
}
.estate-top__price {
  font-size: 1.375rem;
  font-weight: 600;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .estate-top__price {
    margin-left: auto;
    font-size: 2rem;
  }
}

.estate-content {
  max-width: 77rem;
  padding: 0 1rem;
  margin: 0 auto;
  display: flex;
  font-size: 1rem;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 992px) {
  .estate-content {
    flex-direction: row;
    gap: 0;
    padding: 4rem 1rem;
  }
}
@media (min-width: 1600px) {
  .estate-content {
    font-size: 1.125rem;
  }
}
.estate-content__main {
  width: 100%;
}
@media (min-width: 992px) {
  .estate-content__main {
    width: 55.5rem;
  }
}
.estate-content__sidebar {
  width: 100%;
}
@media (min-width: 992px) {
  .estate-content__sidebar {
    width: 18.75rem;
    margin-left: 1rem;
  }
}

.estate-group {
  border: 0.0625rem solid #707070;
  padding: 1rem;
  margin-bottom: 0.5rem;
  color: #545454;
}
@media (min-width: 1200px) {
  .estate-group {
    padding: 3rem 2.5rem;
  }
}
.estate-group__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75em;
}
@media (min-width: 992px) {
  .estate-group__title {
    font-size: 1.625rem;
  }
}
.estate-group__main {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .estate-group__main {
    gap: 0 4rem;
  }
}

.estate-data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem dashed #eee;
  padding: 0.5rem 0;
  gap: 0 1rem;
}
@media (min-width: 992px) {
  .estate-data {
    width: calc(50% - 2rem);
  }
  .estate-data--full {
    width: 100%;
    flex-direction: column;
  }
}
.estate-data__value {
  font-weight: 600;
}

.estate-description {
  border: 0.0625rem solid #707070;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .estate-description {
    padding: 3rem 2.5rem;
  }
}
.estate-description__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75em;
}
@media (min-width: 992px) {
  .estate-description__title {
    font-size: 1.625rem;
  }
}
.estate-description__text {
  display: flex;
  flex-direction: column;
  gap: 1em;
  line-height: 1.2;
}

.estate-map {
  position: relative;
  border: 0.0625rem solid #707070;
  height: 33.875rem;
}
.estate-map__title {
  font-size: 1.25rem;
  font-weight: 600;
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 1rem;
}
@media (min-width: 992px) {
  .estate-map__title {
    top: 3rem;
    left: 2.5rem;
    font-size: 1.625rem;
  }
}

.map {
  width: 100%;
  height: 100%;
}

.estate-agent {
  text-align: center;
  border: 0.0625rem solid #707070;
  padding: 1rem;
}
@media (min-width: 992px) {
  .estate-agent {
    padding: 2rem 1rem;
  }
}
.estate-agent__photo {
  position: relative;
  margin: 0 auto;
  max-width: 16rem;
}
@media (min-width: 992px) {
  .estate-agent__photo {
    margin: 0 1rem;
  }
}
.estate-agent__photo:after {
  content: "";
  display: block;
  padding-bottom: 103%;
}
.estate-agent__photo__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.estate-agent__name {
  font-size: 1.25rem;
  font-weight: 600;
  padding-top: 0.8125rem;
}
@media (min-width: 1200px) {
  .estate-agent__name {
    font-size: 1.625rem;
  }
}
.estate-agent__job-title {
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.estate-agent__link {
  text-decoration: none;
  font-weight: 500;
  display: block;
}
.estate-agent__more-info {
  font-weight: 500;
  margin: 1.5rem auto 0.625rem;
}
@media (min-width: 1600px) {
  .estate-agent__more-info {
    margin: 2.75rem auto 0.625rem;
    width: 80%;
  }
}
.estate-agent__btn {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 2rem;
  display: inline-block;
  transition: 0.2s;
}
@media (min-width: 1600px) {
  .estate-agent__btn {
    font-size: 1.625rem;
    padding: 0.8125rem 3.625rem;
  }
}
.estate-agent__btn:hover {
  background: #4ac0f0;
}

.estate-contact {
  background: url(../img/photos/estate-bottom.jpg) no-repeat center center;
  background-size: cover;
  margin-top: 4rem;
}
@media (min-width: 1600px) {
  .estate-contact {
    margin-top: 10rem;
  }
}
.estate-contact__wrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 84.125rem;
  margin: 0 auto;
}
.estate-contact__form {
  max-width: 46.625rem;
  width: 100%;
}
@media (min-width: 992px) {
  .estate-contact__form {
    padding: 4rem 0;
  }
}

.estates-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .estates-page {
    padding-top: 6rem;
  }
}

.estates-intro {
  background: url(../img/photos/estates-top.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 4rem;
}
.estates-intro__container {
  max-width: 77rem;
  margin: 0 auto;
  padding: 7rem 1rem 3.625rem;
}
.estates-intro__bottom {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  padding-top: 3.625rem;
}
@media (min-width: 992px) {
  .estates-intro__bottom {
    font-size: 2.5rem;
  }
}

.search-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.search-box__district {
  background: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .search-box__district {
    width: 44%;
  }
}
.search-box__transaction {
  width: 100%;
}
@media (min-width: 768px) {
  .search-box__transaction {
    width: 32.7%;
  }
}
.search-box__type {
  background: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .search-box__type {
    width: calc(23.3% - 1rem);
  }
}
.search-box__size {
  background: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .search-box__size {
    width: 44%;
  }
}
.search-box__price {
  background: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .search-box__price {
    width: 44%;
  }
}
.search-box__submit {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  width: 8rem;
  height: 4rem;
}
@media (min-width: 768px) {
  .search-box__submit {
    width: calc(12% - 1rem);
    height: auto;
  }
}
.search-box__submit:hover {
  background: #4ac0f0;
}
.search-box__submit__icon {
  display: block;
  height: 1.875rem;
}

.select-group {
  height: 100%;
  position: relative;
}
.select-group__icon {
  position: absolute;
  height: 0.5rem;
  display: block;
  top: 1.625rem;
  right: 0.75rem;
  z-index: 1;
}
@media (min-width: 1200px) {
  .select-group__icon {
    height: 0.875rem;
    top: 2.75rem;
    right: 2.5rem;
  }
}

.ts-control {
  background: none;
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  padding: 0;
  flex-wrap: nowrap;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .ts-control {
    padding: 0.75rem 0.5rem;
  }
}
.ts-control * {
  caret-color: transparent;
  cursor: pointer;
}

.has-items .ts-control {
  border-color: #4ac0f0;
}

.ts-control > * {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 1.25rem 1rem;
}
@media (min-width: 1200px) {
  .ts-control > * {
    padding: 1.875rem 0 0 2.125rem;
    font-size: 1.25rem;
  }
}

.ts-dropdown, .ts-control, .ts-control input {
  font-size: 0.875rem;
  width: 100%;
}

.ts-dropdown {
  margin: 0;
  border: 0.125rem solid #7e7e7e;
}

@media (min-width: 768px) {
  .ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active {
    background: rgba(74, 192, 240, 0.15);
  }
}

.ts-wrapper {
  height: 100%;
}

.ts-wrapper.multi .ts-control > div {
  margin: -0.125rem 0.25rem 0 0;
  white-space: nowrap;
}

.ts-dropdown .optgroup-header {
  font-weight: 600;
}

.search-transaction {
  display: flex;
}
.search-transaction__single {
  cursor: pointer;
  background: rgba(74, 192, 240, 0.65);
  border: 0.0625rem solid #4ac0f0;
  color: #fff;
  transition: 0.2s;
  font-size: 1rem;
  width: 50%;
  text-align: center;
  padding: 1rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1200px) {
  .search-transaction__single {
    font-size: 1.25rem;
    padding: 2rem 0;
  }
}
.search-transaction__single:hover:not(.search-transaction__single--active) {
  background: #4ac0f0;
}
.search-transaction__single--active {
  background: #fff;
  border-color: #fff;
  color: #000;
}

.search-range {
  padding: 1.125rem 1rem 2.75rem;
}
@media (min-width: 1200px) {
  .search-range {
    padding-bottom: 3.75rem;
  }
}
.search-range__title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .search-range__title {
    font-size: 1.25rem;
    margin-bottom: 1.0625rem;
  }
}
.search-range__slider {
  margin: 0 auto;
  max-width: 95%;
}
@media (min-width: 1200px) {
  .search-range__slider {
    max-width: 81%;
  }
}

.noUi-target {
  background: none;
  border: 0;
  box-shadow: none;
}
.noUi-target:before {
  content: "";
  position: absolute;
  background: #000;
  height: 0.1875rem;
  width: 100%;
  top: 0.375rem;
}

.noUi-connect {
  background: none;
}

.noUi-handle {
  border: 0;
  background: none;
  box-shadow: none;
}
.noUi-handle:before {
  display: none;
}
.noUi-handle:after {
  background: #000;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  left: 0.5625rem;
}

.noUi-horizontal .noUi-tooltip {
  bottom: -120%;
  border: 0;
  background: none;
}

.pagination {
  padding: 7rem 1rem 7rem;
}
.pagination__list {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background: #30465c;
  padding: 0 1.125rem;
}
.pagination__single {
  color: #c5c5c5;
  font-size: 0.875rem;
  font-weight: 600;
  transition: 0.2s;
}
@media (min-width: 1600px) {
  .pagination__single {
    font-size: 1.25rem;
  }
}
.pagination__single:hover {
  color: #fff;
}
.pagination__single--active {
  font-size: 1rem;
  color: #fff;
}
@media (min-width: 1600px) {
  .pagination__single--active {
    font-size: 2.25rem;
  }
}
.pagination__single--dots {
  display: block;
  padding: 0 1.25rem;
}
.pagination__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 2rem;
}
@media (min-width: 1600px) {
  .pagination__link {
    width: 3.5rem;
  }
}
.pagination__icon {
  width: 0.75rem;
  display: block;
}
@media (min-width: 1600px) {
  .pagination__icon {
    width: 0.875rem;
  }
}
.pagination__icon--left {
  transform: rotate(180deg);
}

.estates-more {
  background: url(../img/photos/estates-bottom.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  position: relative;
}
.estates-more:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.66) 100%, rgba(0, 0, 0, 0) 0%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0) 100%);
}
.estates-more__container {
  position: relative;
  z-index: 1;
  padding: 10rem 1rem 6.75rem;
  margin: 0 auto;
  max-width: 77rem;
}
.estates-more__title {
  font-weight: 700;
  line-height: 1.2;
  max-width: 25ch;
}
@media (min-width: 992px) {
  .estates-more__title {
    font-size: 2.5rem;
  }
}
.estates-more__text {
  font-size: 1.25rem;
  padding: 3.75rem 0 3.625rem;
}
.estates-more__btn {
  text-decoration: none;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  font-size: 1.625rem;
  font-weight: 700;
  padding: 0.8125rem 3.625rem;
  display: inline-block;
  transition: 0.2s;
}
.estates-more__btn:hover {
  background: #4ac0f0;
}

.front-page {
  padding-top: 5rem;
}
@media (min-width: 1200px) {
  .front-page {
    padding-top: 6rem;
  }
}

.front-intro {
  background: url(../img/photos/front-top.jpg) no-repeat center center;
  background-size: cover;
  min-height: calc(100vh - 6rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.front-intro__container {
  max-width: 77rem;
  margin: 0 auto;
  padding: 1rem 1rem 5rem;
}
.front-intro__title {
  font-weight: 700;
  line-height: 1.21;
  color: #fff;
  max-width: 18ch;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .front-intro__title {
    font-size: 3rem;
  }
}
.front-intro__bottom {
  display: flex;
  justify-content: flex-end;
  padding-top: 1.8125rem;
}
@media (min-width: 1600px) {
  .front-intro__bottom {
    margin-right: -3.875rem;
  }
}
.front-intro__more {
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.25rem;
  font-weight: 600;
}
.front-intro__more__icon {
  width: 0.875rem;
  display: block;
  margin-left: 0.875rem;
}

.front-estates {
  width: 100%;
  max-width: 77rem;
  margin: 0 auto;
  padding: 4rem 1rem;
  position: relative;
}
@media (min-width: 1600px) {
  .front-estates {
    padding: 9.6875rem 1rem 10rem;
  }
}
.front-estates__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .front-estates__top {
    flex-direction: row;
  }
}
@media (min-width: 1600px) {
  .front-estates__top {
    padding-bottom: 3.625rem;
  }
}
.front-estates__slider {
  display: flex;
}
.front-estates__title {
  font-weight: 700;
}
@media (min-width: 992px) {
  .front-estates__title {
    font-size: 2.5rem;
  }
}
.front-estates__more {
  margin-top: 0.9375rem;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.2s;
}
.front-estates__more:hover {
  color: #4ac0f0;
}
.front-estates__more__icon {
  width: 0.875rem;
  display: block;
  margin-left: 0.3125rem;
}
.front-estates .tns-controls {
  position: static;
}
@media (min-width: 1600px) {
  .front-estates .tns-controls {
    position: absolute;
    right: -6.5rem;
    left: -6.5rem;
    width: calc(100% + 13rem);
    max-width: unset;
  }
}
.front-estates .tns-outer [data-controls] img {
  height: 3rem;
}
@media (min-width: 1600px) {
  .front-estates .tns-outer [data-controls] img {
    height: 4.375rem;
  }
}
.front-estates .tns-outer [data-controls=prev] {
  transition: 0.2s;
}
.front-estates .tns-outer [data-controls=prev].hidden {
  opacity: 0;
  pointer-events: none;
}
.front-estates .swiper-slide {
  height: auto;
}
.front-estates .swiper-arrows {
  position: static;
  display: flex;
  justify-content: space-between;
  top: 50%;
  padding-top: 2rem;
}
@media (min-width: 1600px) {
  .front-estates .swiper-arrows {
    padding-top: 0;
    position: absolute;
    right: -6.5rem;
    left: -6.5rem;
    width: calc(100% + 13rem);
    max-width: unset;
  }
}
.front-estates .swiper-arrow {
  height: 3rem;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .front-estates .swiper-arrow {
    height: 4.375rem;
  }
}
.front-estates .swiper-arrow__img {
  height: 100%;
  width: auto;
}
.front-estates .swiper-arrow__img--left {
  transform: rotate(180deg);
}

.front-estate__link {
  display: block;
  border: 0.0625rem solid #7e7e7e;
  text-decoration: none;
  height: 100%;
}
.front-estate__photo {
  display: block;
  position: relative;
}
.front-estate__photo:after {
  content: "";
  display: block;
  padding-bottom: 99%;
}
.front-estate__photo__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.front-estate__type {
  position: absolute;
  z-index: 2;
  background: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.5rem 1rem;
}
.front-estate__bottom {
  display: flex;
  align-items: center;
  height: 100%;
}
.front-estate__data {
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.front-estate__area {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.23;
}
.front-estate__street {
  line-height: 1.2;
  padding: 0.75rem 0;
}
.front-estate__rooms {
  line-height: 1.2;
}
.front-estate__more {
  margin-left: auto;
  padding: 0 1rem 0 1rem;
}
.front-estate__more__icon {
  width: 1.625rem;
  display: block;
}

.front-sell {
  background: #30465c;
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .front-sell {
    flex-direction: row;
  }
}
.front-sell__main {
  width: 100%;
}
@media (min-width: 768px) {
  .front-sell__main {
    width: 55%;
    display: flex;
    justify-content: flex-end;
  }
}
.front-sell__wrapper {
  width: 100%;
  max-width: 44rem;
  padding: 4rem 1rem;
}
@media (min-width: 768px) {
  .front-sell__wrapper {
    padding: 10rem 1rem;
  }
}
.front-sell__title {
  line-height: 1.2;
  font-weight: 700;
  max-width: 20ch;
}
@media (min-width: 992px) {
  .front-sell__title {
    font-size: 2.5rem;
  }
}
.front-sell__text {
  font-size: 1.25rem;
  line-height: 1.4;
  padding: 3.75rem 0 3.75rem;
}
.front-sell__btn {
  text-decoration: none;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.75rem 2rem;
  display: inline-block;
  transition: 0.2s;
}
@media (min-width: 1600px) {
  .front-sell__btn {
    font-size: 1.625rem;
    padding: 0.8125rem 3.625rem;
  }
}
.front-sell__btn:hover {
  background: #4ac0f0;
}
.front-sell__photo {
  width: 100%;
}
@media (min-width: 768px) {
  .front-sell__photo {
    position: relative;
    width: 45%;
  }
}
.front-sell__img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .front-sell__img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.front-opinions {
  background: url(../img/photos/front-opinions.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 4rem 0;
}
@media (min-width: 1600px) {
  .front-opinions {
    padding: 5.6875rem 0 10.375rem;
  }
}
.front-opinions__title {
  text-align: center;
  padding-bottom: 1rem;
}
@media (min-width: 992px) {
  .front-opinions__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .front-opinions__title {
    padding: 0 11rem 4.125rem 1rem;
  }
}

.opinions {
  position: relative;
}
.opinions__wrapper {
  overflow: hidden;
}
.opinions__container {
  max-width: 80rem;
}
.opinions .tns-ovh {
  overflow: visible;
}
.opinions__single {
  padding: 0.5rem;
  transform: scale(0.69) translateX(37.5rem);
  transition: 0.2s;
}
@media (min-width: 992px) {
  .opinions__single {
    padding: 1.5rem;
  }
}
.opinions__content {
  position: relative;
  padding: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: rgba(74, 192, 240, 0.65);
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  line-height: 1.4;
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  .opinions__content {
    padding: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .opinions__content {
    padding: 5.875rem 18.625rem;
  }
}
.opinions__quote {
  display: none;
}
@media (min-width: 768px) {
  .opinions__quote {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 4rem;
  }
}
.opinions__top {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.9375rem;
}
.opinions__stars {
  display: flex;
  margin-bottom: 1rem;
  gap: 0.5rem;
  filter: brightness(100);
}
.opinions__icon {
  height: 1.25rem;
}
.opinions__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 1.625rem;
}
.opinions .tns-item:not(.tns-slide-active) + .tns-slide-active {
  transform-origin: right;
}
.opinions .tns-slide-active,
.opinions .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active {
  transform: scale(1) translateX(0);
  position: relative;
  z-index: 1;
}
.opinions .tns-slide-active .opinions__content,
.opinions .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .opinions__content {
  background: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  border: 0.125rem solid #fff;
  color: #000;
}
.opinions .tns-slide-active .opinions__stars,
.opinions .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .opinions__stars {
  filter: brightness(1);
}
.opinions .tns-slide-active + .tns-item {
  transform-origin: left;
  transform: scale(0.69) translateX(-18.75rem);
}
.opinions .tns-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
}
.opinions .tns-controls {
  max-width: 70rem;
  position: static;
}
@media (min-width: 1200px) {
  .opinions .tns-controls {
    position: absolute;
  }
}
.opinions .tns-outer [aria-controls] {
  background: none;
  border: 0;
  width: 4rem;
  transition: 0.2s;
}
.opinions .tns-outer [aria-controls] img {
  height: 3rem;
}

.front-do {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .front-do {
    flex-direction: row;
  }
}
.front-do__photo {
  width: 100%;
  position: relative;
  height: 50vw;
}
@media (min-width: 768px) {
  .front-do__photo {
    width: 44.15%;
    height: unset;
  }
}
.front-do__img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.front-do__main {
  width: 100%;
}
@media (min-width: 768px) {
  .front-do__main {
    width: 55.85%;
  }
}
.front-do__wrapper {
  padding: 4rem 1rem;
}
@media (min-width: 1600px) {
  .front-do__wrapper {
    padding: 11.75rem 1rem 11.25rem 6.875rem;
  }
}
.front-do__title {
  font-weight: 700;
  padding-bottom: 1.25rem;
}
@media (min-width: 992px) {
  .front-do__title {
    font-size: 2.5rem;
  }
}
.front-do__text {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  line-height: 1.4;
  font-size: 1rem;
  max-width: 37.125rem;
}
@media (min-width: 1200px) {
  .front-do__text {
    font-size: 1.25rem;
  }
}
.front-do__action {
  display: flex;
  justify-content: flex-end;
  max-width: 37rem;
  padding-top: 3.625rem;
}
.front-do__more {
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.2s;
}
.front-do__more:hover {
  color: #4ac0f0;
}
.front-do__more__icon {
  width: 0.875rem;
  display: block;
  margin-left: 0.75rem;
}

.front-blog {
  overflow: hidden;
}
.front-blog__container {
  max-width: 77.375rem;
  margin: 0 auto;
  padding: 4rem 1rem;
}
@media (min-width: 1600px) {
  .front-blog__container {
    padding: 5.6875rem 1rem 10rem;
  }
}
.front-blog__title {
  font-weight: 700;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .front-blog__title {
    font-size: 2.5rem;
  }
}
.front-blog__text {
  line-height: 1.4;
  padding: 1.25rem 0 5.875rem;
}
@media (min-width: 1600px) {
  .front-blog__text {
    font-size: 1.25rem;
  }
}
.front-blog__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.front-post {
  width: 100%;
  padding: 2rem 1.375rem;
  position: relative;
}
@media (min-width: 768px) {
  .front-post {
    width: calc(50% - 1rem);
  }
}
.front-post:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
}
.front-post__tags {
  position: relative;
  height: 4.375rem;
}
.front-post__title {
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  display: flex;
  align-items: center;
  height: 17.5rem;
  padding-left: 1.1875rem;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .front-post__title {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .front-post__title {
    font-size: 2.5rem;
  }
}
.front-post__arrow {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.front-post__arrow__icon {
  display: block;
  height: 4.375rem;
}

.front-more {
  height: 40vw;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .front-more {
    width: calc(50% - 1rem);
    height: unset;
  }
}
.front-more__content {
  background: url(../img/photos/front-blog.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
}
@media (min-width: 992px) {
  .front-more__content {
    justify-content: flex-start;
    padding: 0 1rem 0 6rem;
  }
}
.front-more__btn {
  text-decoration: none;
  background: rgba(74, 192, 240, 0.65);
  border: 0.125rem solid #4ac0f0;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.75rem 2rem;
  display: inline-block;
  transition: 0.2s;
}
@media (min-width: 1200px) {
  .front-more__btn {
    font-size: 1.625rem;
  }
}
@media (min-width: 1600px) {
  .front-more__btn {
    padding: 0.8125rem 3.625rem;
  }
}
.front-more__btn:hover {
  background: #4ac0f0;
}/*# sourceMappingURL=style.css.map */