@import url(../css/libs/normalize.css);
@import url(../css/libs/slick.min.css);
@import url(../css/libs/jquery.fancybox.min.css);
@import url(../css/libs/ion.rangeSlider.min.css);

.index-about-second {
  background-color: #f9f9f9;
}

.index-about-second .h2, .title-group h2 span, .title-group .h2 span
Specificity: (0,1,2)
 {
    color: #DFA887;
    font-family: 'carreg';
    text-transform: capitalize;
}

.index-about-second .h2, .title-group h2 span, .title-group .h2 
 {
    color: #0C393C;
}

.gallery-second:after {
  background-color: #dfa887 !important;
}

.index-about-second .h2,
.index-about-second .text-container,
.index-about-second .arrow-link,
.index-about-second .link-title {
  color: #0C393C;
}

.animated {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@keyframes slideRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    -ms-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    -ms-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@font-face {
  font-family: 'Reg';
  src: url("../fonts/gilroy-regular.eot");
  src: url("../fonts/gilroy-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy-regular.woff") format("woff"), url("../fonts/gilroy-regular.ttf") format("truetype"), url("../fonts/gilroy-regular.svg#gilroyregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Med';
  src: url("../fonts/gilroy-medium.eot");
  src: url("../fonts/gilroy-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy-medium.woff") format("woff"), url("../fonts/gilroy-medium.ttf") format("truetype"), url("../fonts/gilroy-medium.svg#gilroymedium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Bold';
  src: url("../fonts/gilroy-bold.otf");
  src: url("../fonts/gilroy-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy-bold.woff") format("woff"), url("../fonts/gilroy-bold.ttf") format("truetype"), url("../fonts/gilroy-bold.svg#gilroybold") format("svg");
  font-weight: normal;
  font-style: normal; }

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

html {
  height: 100%;
  width: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Reg', Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  color: #fff;
  background-color: #0C393C;
  min-width: 320px; }

body.fixed,
body.locked {
  overflow: hidden; }

a, button {
  cursor: pointer; }

picture {
  display: flex;
  width: 100%;
  height: 100%; }

table {
  border-collapse: collapse; }

p {
  margin: 0 0 15px; }

img {
  max-width: 100%; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

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

::-webkit-scrollbar-thumb {
  background: #000; }

::-webkit-scrollbar-thumb:hover {
  background: #555; }

@media (min-width: 1700px) {
  body {
    font-size: 16px !important; }
  a, button {
    font-size: 16px; } }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #999; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 65px;
  margin-bottom: 10px; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

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

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

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

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }
  


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

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

@media (min-width: 992px) {
  .container {
    max-width: 960px;
    padding-right: 10px;
    padding-left: 10px; } }

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

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px; }

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

.start-hero {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  color: #fff;
  padding-top: 120px;
  font-size: 18px; }

.start-hero:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5); }

.start-hero picture {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }

.start-hero .desktop-wallpaper,
.start-hero .mobile-wallpaper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.start-hero .desktop-wallpaper {
  display: block; }

.start-hero .mobile-wallpaper {
  display: none; }

.start-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.start-hero .container {
  position: relative;
  z-index: 5; }

.start-hero h1,
.start-hero .h1,
.start-hero h2,
.start-hero .h2 {
  font-size: 120px;
  margin: 0 0 20px;
  font-family: 'Med', Arial;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  line-height: 1; }

.start-hero h1 span,
.start-hero .h1 span,
.start-hero h2 span,
.start-hero .h2 span {
  color: #DFA887;
  font-size: 180px;
  font-family: 'carreg', serif;
  margin-right: -70px;
  position: relative;
  z-index: 2;
  display: inline-block;
  line-height: 0.7; }

.start-hero p {
  font-size: 24px; }

.start-hero .link-down {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #C8955C;
  display: block;
  position: absolute;
  top: 70px;
  left: calc(100% - 50px);
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.start-hero .btn-outline {
  background-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0 50px;
  text-transform: uppercase;
  font-family: "Med";
  font-size: 18px;
  height: 60px;
  margin-top: 30px; }

.start-hero .btn-outline .btn-mask {
  overflow: hidden; }

.start-hero .btn-outline .btn-text {
  position: relative;
  display: block;
  transition: transform 0.3s ease;
  pointer-events: none;
  color: #fff; }

.start-hero .btn-outline .btn-text:before {
  content: attr(data-hover);
  position: absolute;
  white-space: nowrap;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  transition: transform 0.2s ease;
  color: #111; }

.start-hero .btn-outline:hover .btn-text {
  transform: translateY(-100%); }

.start-hero .link-down:before,
.start-hero .link-down:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3L12 21M12 21L3.5 12.5M12 21L20.5 12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  top: calc(50% - 12px);
  left: calc(50% - 12px); }

.start-hero .link-down:after {
  transform: translateY(-80px); }

.start-hero .link-down:hover {
  transform: translateY(15px); }

.start-hero .link-down:hover:after {
  transform: translateY(0); }

.start-hero .link-down:hover:before {
  transform: translateY(60px); }


.start-hero .developer-badge {
  position: absolute;
  right: 30px;
  bottom: 30px;
  z-index: 5;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: 0.25s;
}

.start-hero .developer-badge img {
  display: block;
  width: 150px;
  margin-top: 5px;
}

.half-hero {
  display: flex;
  align-items: center;
  min-height: 310px;
  padding-top: 30px; }

.half-hero h1,
.half-hero .h1 {
  font-size: 64px;
  text-transform: uppercase;
  font-family: 'Med';
  line-height: 1.2;
  letter-spacing: 0.8px;
  margin: 0 0 10px; }

.half-hero h1 span,
.half-hero .h1 span {
  color: #DFA887; }

.half-hero p {
  font-size: 20px;
  max-width: 500px; }

@media (max-width: 1699px) {
  .start-hero h1, .start-hero .h1, .start-hero h2, .start-hero .h2 {
    font-size: 90px; }
  .start-hero h1 span, .start-hero .h1 span, .start-hero h2 span, .start-hero .h2 span {
    font-size: 120px;
    margin-right: -40px; }
  .start-hero .link-down {
    width: 60px;
    height: 60px;
    transform: translate(200px, -30px); }
  .start-hero .link-down:hover {
    transform: translate(200px, -25px); }
  .half-hero {
    min-height: 200px;
    padding-bottom: 30px;
    padding-top: 40px; }
  .start-hero p {
    font-size: 20px; }
  .start-hero .btn-outline {
    height: 52px;
    font-size: 16px; }
  .half-hero h1, .half-hero .h1 {
    font-size: 48px; }
  .half-hero p {
    font-size: 16px; } }

@media (max-width: 1199px) {
  .start-hero h1, .start-hero .h1, .start-hero h2, .start-hero .h2 {
    font-size: 70px; }
  .start-hero h1 span, .start-hero .h1 span, .start-hero h2 span, .start-hero .h2 span {
    font-size: 100px; }
  .start-hero .link-down {
    transform: translate(160px, -30px); }
  .start-hero .link-down:hover {
    transform: translate(160px, -25px); } 

  .start-hero .developer-badge img {
    width: 110px;
  }
}

@media (max-width: 991px) {
  .half-hero h1, .half-hero .h1 {
    font-size: 38px; }
  .start-hero {
    height: 100svh; 
    min-height: 420px;
    padding-bottom: 30px;
  } 

  .start-hero .developer-badge img {
    width: 90px;
  }

  .start-hero .developer-badge {
    font-size: 12px;
  }
}

@media (max-width: 767px) {

  .start-hero .desktop-wallpaper {
    display: none; }
  .start-hero .mobile-wallpaper {
    display: block; }
  .half-hero h1, .half-hero .h1 {
    font-size: 32px; }
  .half-hero p {
    font-size: 14px; }
  .start-hero .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .start-hero h1, .start-hero .h1, .start-hero h2, .start-hero .h2 {
    font-size: 60px;
    display: inline-block; }
  .start-hero h1 span, .start-hero .h1 span, .start-hero h2 span, .start-hero .h2 span {
    font-size: 80px; }
  .start-hero .link-down {
    transform: translate(130px, -30px); }
  .start-hero .link-down:hover {
    transform: translate(130px, -25px); } 
  }

@media (max-width: 479px) {
  .half-hero h1, .half-hero .h1 {
    font-size: 28px; } }

@media (max-width: 375px) {
  .start-hero h1, .start-hero .h1, .start-hero h2, .start-hero .h2 {
    font-size: 50px;
    display: inline-block; }
  .start-hero h1 span, .start-hero .h1 span, .start-hero h2 span, .start-hero .h2 span {
    font-size: 70px; }

    .start-hero .btn-outline {
    width: 100%;
    font-size: 14px;
    padding: 0 30px;
  }
}

.arrow-link {
  height: 30px;
  align-items: center;
  color: #DFA887;
  text-decoration: none;
  display: inline-flex;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'Med'; }

.arrow-link .link-mask {
  position: relative;
  height: 24px;
  overflow: hidden; }

.arrow-link .link-container {
  position: relative;
  transition: transform 0.4s ease;
  overflow: hidden;
  display: block; }

.arrow-link .link-title {
  display: block;
  line-height: 20px;
  transition: transform 0.4s ease; }

.arrow-link .link-title:first-child {
  transform-origin: right center; }

.arrow-link .link-title:last-child {
  transform-origin: left center;
  transform: translateY(5px) rotate(20deg); }

.arrow-link .link-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  top: 28px;
  left: -13px;
  background-color: #161B22;
  background-color: #0C393C; }

.arrow-link .link-icon:before,
.arrow-link .link-icon:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  transition: transform 0.4s ease;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12L21 12M21 12L12.5 20.5M21 12L12.5 3.5' stroke='%23DFA887' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.arrow-link .link-icon:after {
  transform: translate(-50px); }

.arrow-link:hover .link-icon:before {
  transform: translate(50px); }

.arrow-link:hover .link-icon:after {
  transform: translate(0px); }

.arrow-link:hover .link-container {
  transform: translateY(-20px); }

.arrow-link:hover .link-title:first-child {
  transform: rotate(20deg); }

.arrow-link:hover .link-title:last-child {
  transform: translateY(0) rotate(0); }

.back-link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  display: inline-block;
  letter-spacing: 0.5px;
  line-height: 1.3;
  padding-left: 30px; }

.back-link:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.21967 9.78033C-0.0732237 9.48744 -0.0732237 9.01256 0.219669 8.71967L8.71967 0.219669C9.01256 -0.0732235 9.48744 -0.0732235 9.78033 0.219669C10.0732 0.512563 10.0732 0.987436 9.78033 1.28033L2.56066 8.5L18.75 8.5C19.1642 8.5 19.5 8.83579 19.5 9.25C19.5 9.66421 19.1642 10 18.75 10L2.56066 10L9.78033 17.2197C10.0732 17.5126 10.0732 17.9874 9.78033 18.2803C9.48744 18.5732 9.01256 18.5732 8.71967 18.2803L0.21967 9.78033Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  transition: 0.25s; }

.back-link span {
  position: relative;
  display: block;
  transition: transform 0.3s ease;
  pointer-events: none; }

.back-link span:before {
  content: attr(data-title);
  position: absolute;
  white-space: nowrap;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  transition: transform 0.2s ease;
  color: #DFA887; }

.back-link:hover span {
  transform: translateY(-100%); }

.back-link:hover:before {
  transform: translateX(-5px); }

@media (max-width: 1699px) {
  .back-link:before {
    top: 0; } }

.btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-radius: 60px;
  background-color: #DFA887;
  color: #161B22;
  text-align: center;
  font-family: 'Med';
  cursor: pointer;
  letter-spacing: 0.4px;
  border: 0;
  outline: 0;
  text-decoration: none;
  padding: 0 10px; }
  .btn-primary:hover {
    background-color: #ffbb93; }
  .btn-primary:focus {
    box-shadow: 0 0 0 4px rgba(223, 168, 135, 0.3); }

.btn-secondary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-radius: 60px;
  background-color: #0C393C;
  color: #fff;
  text-align: center;
  font-family: 'Med';
  cursor: pointer;
  letter-spacing: 0.4px;
  border: 0;
  outline: 0;
  padding: 0 20px;
  text-decoration: none;
  transition: 0.3s ease; }
  .btn-secondary:hover {
    background-color: #000; }
  .btn-secondary:focus {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3); }

.btn-outline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  border-radius: 60px;
  background-color: #fff;
  border: 2px solid #DFA887;
  color: #DFA887;
  text-align: center;
  font-family: 'Med';
  cursor: pointer;
  letter-spacing: 0.4px;
  outline: 0;
  text-decoration: none;
  transition: 0.3s ease; }
  .btn-outline:hover {
    background-color: #DFA887;
    color: #161B22; }
  .btn-outline:focus {
    box-shadow: 0 0 0 4px rgba(223, 168, 135, 0.3); }

@media (max-width: 991px) {
  .arrow-link {
    font-size: 20px; }
  .arrow-link .link-icon {
    width: 42px;
    height: 42px;
    top: 19px; }
  .arrow-link .link-icon:before, .arrow-link .link-icon:after {
    width: 18px;
    height: 18px; } }

.arrow-holder {
  position: absolute;
  right: 30px;
  bottom: 10px;
  z-index: 10;
  display: flex;
  pointer-events: auto; }

.arrow-holder .slick-arrow {
  background-color: #fff;
  width: 48px;
  height: 48px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0;
  transition: 0.25s;
  bottom: 10px;
  z-index: 10; }

.arrow-holder .slick-arrow:hover {
  background-color: #111; }

.arrow-holder .slick-arrow svg {
  fill: #111;
  width: 20px; }

.arrow-holder .slick-arrow:hover svg {
  fill: #fff; }

.arrow-holder .slick-arrow.slick-next {
  margin-left: 8px; }

.single-slide {
  height: 100%;
  width: 100%; }

.single-slide .item {
  position: relative;
  height: 600px; }

.single-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.slider-container {
  max-width: 1500px;
  margin: 0 auto; }

.double-slides {
  margin: 35px -20px; }

.double-slides .item {
  position: relative;
  height: 480px;
  margin: 0 20px;
  padding: 20px; }

.double-slides .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #58616B -11.25%, #2C344B 91.27%); }

.double-slides .item picture {
  position: relative;
  z-index: 2;
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.25); }

.double-slides img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.double-slides .slick-arrow {
  position: absolute;
  top: calc(50% - 23px);
  background-color: #2C344B;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  transition: 0.25s; }

.double-slides .slick-arrow:hover {
  background-color: #111; }

.double-slides .slick-arrow.slick-next {
  right: -70px; }

.double-slides .slick-arrow.slick-prev {
  opacity: 0;
  pointer-events: none; }

.double-slides .slick-arrow svg {
  fill: #fff;
  width: 20px;
  height: 20px; }

@media (max-width: 1700px) {
  .arrow-holder {
    right: 15px; }
  .slider-container {
    width: 1000px; } }

@media (max-width: 1199px) {
  .double-slides .slick-arrow.slick-next {
    top: -65px;
    right: 10px; }
  .double-slides .slick-arrow.slick-prev {
    top: -65px;
    right: 65px;
    opacity: 1;
    pointer-events: auto; }
  .slider-container {
    width: 100%; } }

@media (max-width: 992px) {
  .slider-container {
    max-width: 600px;
    margin-top: 70px; }
  .double-slides .slick-arrow {
    width: 42px;
    height: 42px; }
  .double-slides .slick-arrow svg {
    width: 16px;
    height: 16px; }
  .double-slides .slick-arrow.slick-prev {
    right: 60px; } }

@media (max-width: 479px) {
  .slider-container {
    margin-top: 50px; } }

.form-group {
  padding-bottom: 25px; }

.form-group .error-text {
  font-size: 14px;
  padding-left: 20px;
  color: #ff0000; }

.form-control {
  display: block;
  width: 100%;
  height: 64px;
  border-radius: 60px;
  padding: 0 20px;
  border: 1px solid #DDA16C;
  background-color: transparent;
  font-size: 22px;
  color: #fff;
  outline: 0; }

.form-control:focus {
  box-shadow: 0 0 0 4px rgba(223, 168, 135, 0.4); }

.form-control::placeholder {
  color: #fff; }

@media (max-width: 1699px) {
  .form-control {
    height: 50px;
    font-size: 18px; } }

.checkbox-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 25px; }

.checkbox-row > .label {
  width: 100%; }

.checkbox-item {
  position: relative;
  margin: 0 5px 5px 0; }
  .checkbox-item input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .checkbox-item input:checked ~ label {
    background-color: #DFA887;
    color: #fff; }
  .checkbox-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #DFA887;
    background-color: #fff;
    font-family: 'Med';
    cursor: pointer; }

.default-checkbox {
  position: relative;
  margin: 0 10px 10px 0; }
  .default-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .default-checkbox input:checked ~ label {
    background-color: #DFA887;
    color: #fff; }
  .default-checkbox label {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid #DFA887;
    background-color: #fff;
    font-family: 'Med';
    cursor: pointer;
    padding: 2px 20px; }

.flats-filters .checkbox-item label {
  border-radius: 50px;
  width: auto;
  padding: 0 20px; }

.select-container {
  position: relative;
  display: flex;
  align-items: center; }

.select-container .select-box {
  width: 100%; }

.select-container .select-label {
  font-size: 14px;
  color: #555;
  margin-right: 10px; }

.select-container .select-button {
  background-color: #fff;
  border: 1px solid #DFA887;
  cursor: pointer;
  font-size: 16px;
  padding: 0 32px 0 12px;
  box-shadow: none;
  height: 42px;
  width: 100%;
  position: relative;
  text-align: left;
  outline: 0;
  display: flex;
  align-items: center;
  border-radius: 40px; }

.select-container .select-button:focus {
  border: 1px solid #161B22; }

.select-container .select-button span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.select-container .select-button:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
  border-top: 6px solid #DFA887;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform-origin: center;
  transition: 0.3s; }

.select-container .select-button.is-active {
  border: 1px solid #161B22; }

.select-container .select-button.is-active:after {
  transform: rotate(180deg); }

.select-container .select-dropdown {
  list-style: none;
  width: 100%;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 8;
  max-height: 300px;
  overflow: auto;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #C2C2C2;
  border-radius: 10px; }

.select-container .select-dropdown li {
  position: static;
  padding: 0;
  padding: 6px 12px;
  cursor: pointer;
  color: #121212;
  line-height: 1.4; }

.select-container .select-dropdown li:before {
  display: none; }

.select-container .select-dropdown li a {
  display: block;
  border: 0;
  line-height: 1.4;
  width: 100%;
  text-decoration: none;
  padding: 6px 12px;
  color: #121212; }

.select-container .select-dropdown li:hover {
  color: #fff;
  background-color: #161B22; }

.title-group {
  margin-bottom: 40px; }

.title-group h2,
.title-group .h2 {
  font-size: 64px;
  font-family: 'Med';
  line-height: 1.3;
  color: #fff;
  text-transform: uppercase; }

.title-group h2 span,
.title-group .h2 span {
  color: #DFA887;
  font-family: 'carreg';
  text-transform: capitalize; }

@media (max-width: 1699px) {
  .title-group h2,
  .title-group .h2 {
    font-size: 48px; } }

@media (max-width: 1199px) {
  .title-group h2,
  .title-group .h2 {
    font-size: 42px; } }

@media (max-width: 991px) {
  .title-group h2,
  .title-group .h2 {
    font-size: 32px; } }

.main-header {
  position: relative;
  z-index: 100; }

.fasad-page .main-header,
.index-page .main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #161B22; }

.fasad-page .main-header,
.index-page .main-header {
  background-color: transparent; 
  background: linear-gradient(to top, #0000, #161b22);
}

.fasad-page .main-header .header-contacts a {
background-color: #FFF0;
}

.main-header .container {
  display: flex;
  align-items: center; }

.main-header .slide-nav {
  display: flex;
  align-items: center;
  flex-grow: 1; }

.main-header .logo-holder {
  margin: 10px 0 0;
  width: 200px; }

.main-header .logo-holder img {
  display: block;
  max-width: 100%; }

.main-nav {
  margin: 0 auto; 
  display: flex;
  align-items: center;
}

.dropdown-item {
  position: relative;
  margin: 4px 20px 0;
  cursor: pointer;
  line-height: 1;
}

.dropdown-item .about-link {
  position: relative;
  padding-right: 15px;
  transition: 0.25s;
  color: #fff;
  text-decoration: none;
  line-height: 1; 
  margin: 0;
}

.dropdown-item .about-link:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 5px;
  right: 0;
  border-top: 5px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  transform-origin: center;
  transition: 0.3s; 
}

.dropdown-item .nav-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  padding: 15px 0 10px;
  transition: 0.2s;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(18, 18, 18, 0.5); 
}

.dropdown-item .nav-dropdown a {
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 5px 5px 5px 10px;
  font-size: 15px;
  color: #121212;
  transition: 0.25s;
  margin: 0 0 5px;
}

.dropdown-item .nav-dropdown a.visible-sm {
  display: none; 
}

.dropdown-item .nav-dropdown a:hover {
  color: #DFA887; 
}

.dropdown-item:hover .nav-dropdown {
  visibility: visible;
  pointer-events: auto;
  opacity: 1; 
}

.dropdown-item:hover .about-link {
  color: #DFA887;
}

.dropdown-item:hover .about-link:after {
  transform: rotate(-180deg); 
}

.main-nav a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 20px;
  overflow: hidden;
  display: inline-block;
  letter-spacing: 0.5px;
  line-height: 1.3; 
  white-space: nowrap;
}

.main-nav a.active {
  color: #DFA887; }

.main-nav a.active span:before {
  display: none; }

.main-nav a.active:hover span {
  transform: translateY(0); }

.main-header .header-contacts a span,
.main-nav a span {
  position: relative;
  display: block;
  transition: transform 0.3s ease;
  pointer-events: none; }

.main-header .header-contacts a span:before,
.main-nav a span:before {
  content: attr(data-hover);
  position: absolute;
  white-space: nowrap;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  transition: transform 0.2s ease;
  color: #ffffff; }

.main-header .header-contacts a:hover span,
.main-nav a:hover span {
  transform: translateY(-100%); }

.main-header .header-contacts {
  display: flex;
  align-items: center; }

.header-contacts.visible-mobile {
  display: none; }

.main-header .header-contacts a {
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-left: 36px;
  margin-left: 36px;
  font-size: 14px;
      width: 165px;
    border-radius: 30px;
    background-color: #DFA887;}

.main-header .header-contacts.visible-mobile a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-left: 15px;
  border: 1px solid #fff; }

.main-header .header-contacts.visible-mobile .phone-toggle:before {
  left: 9px;
  top: 7px; }

.main-header .header-contacts.visible-mobile .modal-toggle:before {
  width: 18px;
  height: 18px;
  left: 8px;
  top: 7px; }

.main-header .header-contacts a:before {
  content: '';
  position: absolute; }

.main-header .modal-toggle:before {
  width: 20px;
  height: 20px;
  top: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M45.6055 7.87207H4.39453C1.97139 7.87207 0 9.84346 0 12.2666V37.7336C0 40.1567 1.97139 42.1281 4.39453 42.1281H45.6055C48.0286 42.1281 50 40.1567 50 37.7336V12.2666C50 9.84346 48.0286 7.87207 45.6055 7.87207ZM45.0319 10.8018L44.4454 11.2901L26.7436 26.0305C25.7332 26.8717 24.2666 26.8717 23.2564 26.0305L5.55459 11.2901L4.96807 10.8018H45.0319ZM2.92969 12.9168L17.3527 24.9269L2.92969 34.5258V12.9168ZM45.6055 39.1984H4.39453C3.68672 39.1984 3.09473 38.6937 2.95908 38.0255L19.7018 26.8828L21.3818 28.2818C22.4301 29.1547 23.7151 29.5911 25.0001 29.5911C26.2851 29.5911 27.57 29.1547 28.6184 28.2818L30.2984 26.8828L47.041 38.0254C46.9053 38.6938 46.3133 39.1984 45.6055 39.1984ZM47.0703 34.5258L32.6473 24.927L47.0703 12.9168V34.5258Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  left: 8px; }

.main-header .phone-toggle:before {
  width: 17px;
  height: 17px;
  left: 8px;
  top: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_162_1049)'%3E%3Cpath d='M28.7479 40C27.4567 40 26.1764 39.7717 24.9245 39.3169C19.4093 37.3134 14.2899 34.0502 10.1198 29.8802C5.94964 25.7101 2.6865 20.5907 0.683063 15.0755C0.0392612 13.303 -0.150731 11.4734 0.118555 9.63726C0.37081 7.91733 1.03703 6.24763 2.04527 4.80863C3.05797 3.3633 4.40807 2.16116 5.94957 1.33221C7.59341 0.448263 9.38763 0 11.2826 0C11.8719 0 12.3813 0.41178 12.5048 0.988006L14.4667 10.1438C14.5555 10.5584 14.4281 10.9898 14.1284 11.2896L10.7759 14.642C13.9385 20.9297 19.0701 26.0614 25.3578 29.2239L28.7102 25.8714C29.01 25.5717 29.4415 25.4444 29.856 25.5331L39.0118 27.495C39.5881 27.6186 39.9998 28.1279 39.9998 28.7173C39.9998 30.6122 39.5516 32.4065 38.6675 34.0503C37.8386 35.5918 36.6364 36.9419 35.1911 37.9546C33.7522 38.9629 32.0825 39.6291 30.3625 39.8813C29.8235 39.9605 29.2846 39.9999 28.7479 40ZM10.2838 2.55458C7.78433 2.83051 5.56583 4.14061 4.09261 6.24326C2.43596 8.60762 2.04965 11.5157 3.03273 14.222C6.88445 24.8252 15.1748 33.1155 25.778 36.9672C28.4842 37.9503 31.3923 37.5641 33.7567 35.9074C35.8594 34.4341 37.1695 32.2156 37.4454 29.7161L29.9972 28.1201L26.4961 31.6212C26.1235 31.9938 25.5574 32.0927 25.0807 31.8687C17.6443 28.3751 11.6249 22.3556 8.13127 14.9192C7.9073 14.4425 8.0062 13.8764 8.37876 13.5039L11.8799 10.0028L10.2838 2.55458Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_162_1049'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.nav-toggle {
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  margin-left: 20px;
  margin-top: 4px;
  display: none; }

.nav-toggle span {
  width: 30px;
  height: 2px;
  border-radius: 3px;
  background-color: #fff;
  display: block;
  margin-bottom: 6px; }

.slide-nav-close {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 12px;
  left: 42px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M29.4219 25.0005L49.0838 5.33782C50.3054 4.11724 50.3054 2.1368 49.0838 0.916217C47.8623 -0.305406 45.884 -0.305406 44.6624 0.916217L25.0005 20.5789L5.3376 0.916217C4.11603 -0.305406 2.13775 -0.305406 0.916179 0.916217C-0.305393 2.1368 -0.305393 4.11724 0.916179 5.33782L20.5791 25.0005L0.916179 44.6632C-0.305393 45.8838 -0.305393 47.8642 0.916179 49.0848C1.52696 49.6946 2.32745 50 3.12689 50C3.92633 50 4.72681 49.6946 5.3376 49.0838L25.0005 29.4211L44.6624 49.0838C45.2732 49.6946 46.0737 50 46.8731 50C47.6726 50 48.473 49.6946 49.0838 49.0838C50.3054 47.8632 50.3054 45.8828 49.0838 44.6622L29.4219 25.0005Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
  background-size: 60%;
  border: 0;
  outline: 0;
  transition: 0.25s;
  display: none;
  cursor: pointer; }

@media (max-width: 1699px) {
  .main-header .logo-holder {
    width: 150px; }
  .main-nav a {
    margin: 0 15px; }
  .main-header .header-contacts a {
    font-size: 13px; }
  .main-header .modal-toggle:before {
    top: 6px; } 

  .dropdown-item .nav-dropdown a {
    font-size: 14px;
  }

  .dropdown-item {
    margin-top: 3px;
  }
}

@media (max-width: 1199px) {
  .header-contacts.visible-mobile {
    display: flex; }
  .nav-toggle {
    display: block; }
  .main-header .logo-holder {
    width: 120px;
    margin-right: auto; }
  .main-header .slide-nav {
    position: fixed;
    display: block;
    flex-direction: column;
    z-index: 100;
    width: 500px;
    right: 0;
    top: 0;
    background-color: #0C393C;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    padding: 70px 30px 70px 50px;
    transform: translateX(150%);
    transition: 0.3s; }
  .main-nav {
    display: block;
    margin: 0 0 50px; }
  .main-nav a {
    display: block;
    font-size: 24px;
    margin: 0 0 15px;
    font-family: 'Med'; 
  }

  .dropdown-item {
    margin: 0 0 10px;
  }

  .dropdown-item .nav-dropdown {
    display: block;
    opacity: 1;
    visibility: visible;
    position: static;
    background-color: transparent;
    padding: 5px 0;
    box-shadow: none;
    pointer-events: auto;
  }

  .dropdown-item .nav-dropdown a {
    color: #fff;
  }

  .dropdown-item .about-link:after {
    display: none;
  }

  .main-header .header-contacts a span:before,
  .main-nav a span:before {
    display: none; }
  .main-header .header-contacts a:hover span,
  .main-nav a:hover span {
    transform: translateY(0); }
  .slide-nav.active {
    transform: translateX(0); }
  .main-header .slide-nav .header-contacts a {
    font-size: 13px;
    display: block;
    margin: 0 0 15px; }
  .main-header .slide-nav .modal-toggle:before {
    top: 6px; }
  .main-header .slide-nav .phone-toggle:before {
    top: 7px; }
  .main-header .slide-nav .header-contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .main-header .slide-nav:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 50px;
    width: 80px;
    right: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: right top 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='700' fill='none' viewBox='0 0 65 700'%3E%3Cpath fill='%23DFA887' fill-opacity='.16' d='M62.2447 700h-2.7665c-.9221-7.838-1.1526-8.53-9.4519-8.53H12.2184c-8.2993 0-8.5298.692-9.452 8.53H0v-25.589h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.692 9.4519-8.76h2.7665V700ZM2.7664 599.024c.6916 5.994 1.6138 8.069 5.994 8.3 2.9969 0 7.1465.23 15.9069.23h38.269v3.689l-49.7958 40.805h23.7452c8.5299 0 12.91-.231 15.6764-.462 4.8413-.23 6.2245-2.535 6.9161-9.452h2.7665v23.054h-2.7665c-.461-5.994-1.8442-8.299-6.6855-8.53-2.997-.23-7.3771-.461-15.907-.461H12.4489c-2.7664 0-4.1496.231-6.2245 1.844-2.3053 1.845-2.997 3.92-3.458 8.53H0v-14.293l47.9514-40.344H24.6673c-8.7604 0-12.91.231-15.907.461-4.3802.231-5.5328 2.536-5.994 10.144H0v-23.515h2.7664ZM15.6765 549.691c-2.7664.922-4.8413 1.614-7.1467 2.997-3.2275 1.844-3.919 3.227-3.919 8.53v10.143c0 2.767.2305 2.997 2.997 2.997h21.9008v-11.757c0-6.916-1.1526-7.377-7.8382-8.76v-2.767h19.8261v2.997c-6.6856 1.153-8.2993 1.844-8.2993 8.761v11.757h17.0597c8.2993 0 8.7603-.922 9.452-9.683h2.7663v26.512h-2.7663c-.4611-7.608-1.1527-8.53-9.452-8.53H12.449c-8.2993 0-8.7604.922-9.452 8.53H.2306v-30.2c0-8.53 0-11.758-.2306-13.371 3.458 0 10.1436-.461 14.7544-.922l.9221 2.766ZM62.2447 538.625h-2.7665c-.9221-7.839-1.1526-8.53-9.4519-8.53H12.2184c-8.2993 0-8.5298.691-9.452 8.53H0v-25.59h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.691 9.4519-8.76h2.7665v25.59ZM2.7664 437.65c.6916 5.994 1.6138 8.068 5.994 8.299 2.9969 0 7.1465.231 15.9069.231h38.269v3.688l-49.7958 40.805h23.7452c8.5299 0 12.91-.231 15.6764-.461 4.8413-.231 6.2245-2.536 6.9161-9.452h2.7665v23.054h-2.7665c-.461-5.994-1.8442-8.3-6.6855-8.53-2.997-.231-7.3771-.461-15.907-.461H12.4489c-2.7664 0-4.1496.23-6.2245 1.844-2.3053 1.844-2.997 3.919-3.458 8.53H0v-14.293l47.9514-40.344H24.6673c-8.7604 0-12.91.23-15.907.461-4.3802.23-5.5328 2.536-5.994 10.143H0V437.65h2.7664ZM62.2447 430.042h-2.7665c-.9221-7.838-1.1526-8.529-9.4519-8.529H12.2184c-8.2993 0-8.5298.691-9.452 8.529H0v-25.358h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.692 9.4519-8.76h2.7665v25.358ZM17.0597 345.204c-2.997.922-6.2245 2.075-7.8383 2.997-2.5359 1.614-3.2275 2.536-3.2275 7.608v9.682h46.3378c7.3771 0 8.5298-.691 8.9909-9.913h2.7664v27.665h-2.7664c-.4611-8.761-1.6138-9.683-8.9909-9.683H5.994v8.761c0 5.302.461 6.685 3.458 8.299 1.8443 1.153 4.1497 1.844 7.6077 3.227v2.767c-5.7634-.461-11.7574-1.153-17.0597-1.383v-2.306c2.3054-1.383 2.3054-2.536 2.3054-5.072v-37.808c0-2.766-.4611-3.457-2.3054-4.841v-2.305c4.3802 0 11.2963-.461 16.8292-.922l.2305 3.227ZM2.7664 276.967c.6916 6.685 1.8443 7.838 7.8383 11.526 6.916 4.381 13.6016 7.839 21.9009 12.449 2.3053 1.153 3.2275 1.384 5.5328 1.384h11.7574c7.8382 0 8.5297-.923 9.4519-9.683h2.7664v27.434h-2.7664c-1.1527-8.761-1.3832-9.452-9.4519-9.452H37.8079c-1.8443 0-2.7664.461-5.5329 1.844-6.2244 3.228-12.2184 6.686-21.2093 11.758-6.455 3.688-7.6077 4.61-8.2993 11.065H0v-23.514h2.7664c.9221 6.916 2.3054 6.455 5.5329 4.841 7.3772-3.919 15.907-8.53 23.0536-12.449-6.455-3.458-16.8291-8.76-21.901-11.527-4.8412-2.305-5.7634-1.844-6.455 5.533H.2305v-21.44h2.5359v.231ZM0 208.305c0-6.742 1.1624-12.322 4.1847-16.274 2.7898-3.72 7.207-6.277 13.7165-6.277 13.9491 0 19.7612 12.089 19.7612 21.156 0 1.162 0 2.092-.2325 2.557l-1.6273 6.742h14.8789c8.137 0 8.3695-.697 9.2994-9.532h2.7898v26.504h-2.7898c-.9299-8.37-1.3949-8.602-9.5319-8.602H12.3216c-8.6019 0-8.8344 1.162-9.5318 8.602H0v-24.876Zm32.0828 7.672c.465-1.163 1.1624-3.72 1.1624-6.975 0-6.509-3.2548-14.414-15.344-14.414-10.4618 0-14.879 6.975-14.879 14.879 0 2.79.465 4.882 1.1625 5.347.6974.698 1.8598 1.163 4.4172 1.163h23.4809ZM63.7007 149.487h-2.7899c-.6974-6.277-1.6273-6.974-5.3471-5.579-3.7197 1.162-8.6019 3.255-14.6465 5.114v20.692c4.4172 1.627 8.1369 3.022 12.0892 4.417 6.2771 2.092 6.9745.697 7.9044-7.207h2.7899v22.086h-2.7899c-.6974-6.045-1.3948-7.672-9.9968-10.927L.465 158.089 0 155.067c16.5064-6.045 34.6401-12.787 51.1465-18.831 8.3695-3.022 9.0669-3.952 9.9968-10.694h2.7899v23.945h-.2325Zm-51.1466 9.765c8.3695 3.022 16.9714 6.277 24.6434 9.299V150.65l-24.6434 8.602ZM63.4682 65.0947c0 1.1624-.0001 2.3249-.2325 3.4873-.465 6.9745-2.3248 10.6942-8.3694 14.879-4.8822 3.4872-10.9268 6.9745-15.809 9.9968-3.0223 1.8598-3.7197 3.2547-3.7197 8.1372v3.254H50.449c8.137 0 8.602-1.162 9.5319-8.8339h2.7898v25.5729h-2.7898c-.9299-7.904-1.1624-8.602-9.5319-8.602H12.0891c-8.137 0-8.3694 1.163-9.2993 8.602H0V97.1775c0-6.9745.93-11.6242 3.2548-15.3439 2.5573-3.9523 6.742-6.5096 12.7866-6.5096 8.3694 0 13.4841 5.3471 16.5064 12.3217 3.0223-1.6274 9.5318-5.8121 13.7165-8.8344 5.1147-3.4873 7.4395-5.3472 9.9968-7.672 2.7898-2.5574 3.9523-4.8822 4.4173-6.9746l2.7898.93ZM32.0828 100.432c0-4.8819-.6974-8.1367-2.7898-10.4615-2.7898-3.7197-6.742-5.3471-11.8567-5.3471-10.2293 0-13.949 6.7421-13.949 14.1816 0 2.79.465 4.417.9299 5.115.6974.929 1.6273 1.162 4.1847 1.162h23.4809v-4.65ZM0 61.3757V35.8025h2.7898c.6974 7.4395 1.395 8.8343 9.9968 8.8343H29.293c-.2325-1.8598-1.6274-4.1847-4.4172-6.9745-5.1147-5.3471-11.6242-11.8567-16.7389-16.2739-3.2547-2.7898-4.4172-2.5573-5.1146 1.6274l-.2325 2.7898H0V2.5572h2.7898c.9299 7.207 1.3949 9.7644 7.9044 16.0415 2.7898 2.7898 9.9969 10.4617 16.0415 16.5063 8.6019-7.207 20.9235-17.9013 26.2707-23.016C58.3535 7.2069 59.0509 6.0445 59.7484 0h2.7898v15.3438c-8.3694 7.4395-17.6688 15.1115-27.8981 23.9459-2.7898 2.3249-2.7898 3.9522-2.7898 5.3471h18.3662c8.3695 0 9.067-.9299 9.7644-8.8343h2.7898v25.5732h-2.7898c-.6974-7.9044-1.3949-8.6019-9.7644-8.6019H12.7866c-8.6019 0-9.2994.6975-9.9968 8.6019H0Z'/%3E%3C/svg%3E");
    background-size: contain; }
  .slide-nav-close {
    display: block; } }

@media (max-width: 575px) {
  .main-header .slide-nav {
    width: 100%; }
  .main-header .slide-nav:before {
    width: 50px; } 

    .main-header .slide-nav {
      padding: 70px 30px 70px 20px;
    }

    .slide-nav-close {
      top: 15px;
      left: 17px;
    }
  }





.form-section {
  padding: 110px 0 120px;
  position: relative; }

.form-section:before,
.form-section:after {
  content: '';
  position: absolute;
  top: 0;
  width: 85px;
  height: 100%; }

.form-section:before {
  left: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='588' fill='none' viewBox='0 0 90 588'%3E%3Cpath fill='%23DFA887' fill-opacity='.06' d='M88.6102 587.322h-3.8387c-1.2796-10.876-1.5994-11.836-13.1156-11.836H19.1935c-11.5161 0-11.836.96-13.1155 11.836H2.2393v-35.508H6.078c1.2796 10.877 1.5994 12.156 13.1155 12.156h52.4624c11.5162 0 11.836-.96 13.1156-12.156h3.8387v35.508ZM6.3982 447.208c.9597 8.317 2.2393 11.196 8.3172 11.516 4.1586 0 9.9167.32 22.0726.32h53.1022v5.118l-69.0968 56.621h32.949c11.836 0 17.9139-.32 21.7526-.639 6.7177-.32 8.6371-3.519 9.5968-13.116h3.8387v31.989h-3.8387c-.6398-8.317-2.5591-11.516-9.2769-11.836-4.1586-.32-10.2365-.64-22.0725-.64H19.8337c-3.8387 0-5.7581.32-8.6371 2.559-3.199 2.56-4.1586 5.439-4.7984 11.837H2.5596v-19.834l66.5375-55.981H36.788c-12.1559 0-17.914.32-22.0726.64-6.078.32-7.6774 3.519-8.3172 14.075H2.5596v-32.629h3.8386ZM23.3524 378.753c-3.8388 1.279-6.7178 2.239-9.9167 4.158-4.4785 2.56-5.4382 4.479-5.4382 11.836v14.076c0 3.838.32 4.158 4.1586 4.158h30.3898v-16.314c0-9.597-1.5994-10.237-10.8763-12.156v-3.839h27.5106v4.159c-9.2768 1.599-11.516 2.559-11.516 12.156v16.314h23.672c11.5161 0 12.156-1.279 13.1156-13.435h3.8387v36.787h-3.8387c-.6398-10.556-1.5994-11.836-13.1156-11.836H18.8739c-11.5161 0-12.156 1.28-13.1156 11.836H1.9195v-41.906c0-11.836 0-16.314-.3199-18.553 4.7984 0 14.0754-.64 20.4732-1.28l1.2796 3.839ZM88.6102 363.397h-3.8387c-1.2796-10.876-1.5994-11.836-13.1156-11.836H19.1935c-11.5161 0-11.836.96-13.1155 11.836H2.2393v-35.508H6.078c1.2796 10.876 1.5994 12.156 13.1155 12.156h52.4624c11.5162 0 11.836-.96 13.1156-12.156h3.8387v35.508ZM6.3982 223.284c.9597 8.317 2.2393 11.196 8.3172 11.516 4.1586 0 9.9167.32 22.0726.32h53.1022v5.119l-69.0968 56.62h32.949c11.836 0 17.9139-.319 21.7526-.639 6.7177-.32 8.6371-3.519 9.5968-13.116h3.8387v31.989h-3.8387c-.6398-8.317-2.5591-11.516-9.2769-11.836-4.1586-.32-10.2365-.639-22.0725-.639H19.8337c-3.8387 0-5.7581.319-8.6371 2.559-3.199 2.559-4.1586 5.438-4.7984 11.836H2.5596v-19.834l66.5375-55.981H36.788c-12.1559 0-17.914.32-22.0726.64-6.078.32-7.6774 3.519-8.3172 14.075H2.5596v-32.629h3.8386ZM88.6102 212.728h-3.8387c-1.2796-10.876-1.5994-11.836-13.1156-11.836H19.1935c-11.5161 0-11.836.96-13.1155 11.836H2.2393V177.54H6.078c1.2796 10.877 1.5994 12.156 13.1155 12.156h52.4624c11.5162 0 11.836-.96 13.1156-12.156h3.8387v35.188ZM23.6721 95.0064c-4.1586 1.2796-8.6372 2.879-10.8764 4.1586-3.5188 2.239-4.4785 3.519-4.4785 10.556v13.436h64.2984c10.2366 0 11.836-.96 12.4758-13.755h3.8387v38.387h-3.8387c-.6398-12.156-2.2392-13.436-12.4758-13.436H8.3172v12.156c0 7.358.6398 9.277 4.7984 11.516 2.5591 1.6 5.7581 2.559 10.5565 4.479v3.838c-7.9973-.639-16.3146-1.599-23.6721-1.919v-3.199c3.199-1.919 3.199-3.519 3.199-7.037v-52.463c0-3.8386-.6399-4.7982-3.199-6.7176v-3.1989c6.078 0 15.6748-.6399 23.3522-1.2796l.3199 4.4785ZM6.3982.3197C7.358 9.5966 8.9574 11.196 17.2746 16.3143c9.5968 6.078 18.8737 10.8763 30.3898 17.2742 3.1989 1.5995 4.4785 1.9194 7.6774 1.9194h16.3145c10.8764 0 11.836-1.2796 13.1156-13.4356h3.8387v38.0672h-3.8387C83.1724 47.9836 82.8526 47.024 71.6563 47.024H55.0219c-2.5591 0-3.8387.6398-7.6774 2.5591-8.6371 4.4785-16.9543 9.2769-29.4301 16.3145-8.957 5.1183-10.5565 6.3979-11.5162 15.3548H2.5596V48.6235h3.8386c1.2796 9.5967 3.199 8.9569 7.6775 6.7176C24.3123 49.903 36.1483 43.5051 46.065 38.067c-8.957-4.7984-23.3522-12.1559-30.3898-15.9946-6.7178-3.199-7.9974-2.5592-8.957 7.6773H2.8794V-.0002h3.5187v.32Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.form-section:after {
  right: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='324' fill='none' viewBox='0 0 90 324'%3E%3Cpath fill='%23DFA887' fill-opacity='.06' d='M87.7451 34.5178c0 9.3553-1.6129 17.0976-5.8067 22.5817-3.8711 5.1616-10.0004 8.7101-19.0331 8.7101-19.3558 0-27.4207-16.775-27.4207-29.3563 0-1.613.0001-2.9033.3226-3.5485l2.2582-9.3553H17.4192c-11.2908 0-11.6134.9678-12.9038 13.2264H.6442V0h3.8712C5.8058 11.6135 6.451 11.9361 17.7419 11.9361h52.9057c11.936 0 12.2586-1.613 13.2264-11.9361h3.8711v34.5178ZM43.2269 23.8721c-.6452 1.613-1.613 5.1615-1.613 9.6779 0 9.0327 4.5164 20.001 21.2914 20.001 14.5168-.0001 20.6461-9.6779 20.6461-20.6462 0-3.8711-.6452-6.7745-1.613-7.4197-.9678-.9678-2.5807-1.613-6.1293-1.613H43.2269ZM1.2913 116.133h3.8712c.9678 8.71 2.2582 9.678 7.4197 7.743 5.1615-1.613 11.936-4.517 20.3235-7.097V88.0674c-6.1293-2.2581-11.2908-4.1937-16.7749-6.1293-8.7101-2.9033-9.6779-.9677-10.9683 10.0005H1.2913V61.292h3.8712c.9678 8.3875 1.9356 10.6457 13.8716 15.1621l70.0034 27.7429.6451 4.194c-22.9043 8.388-48.0668 17.743-70.9711 26.13-11.6135 4.194-12.5812 5.484-13.8716 14.84H.9687v-33.228h.3226Zm70.9712-13.549c-11.6135-4.1935-23.5496-8.7098-34.1952-12.9036V114.52l34.1952-11.936ZM.0007 233.237c0-1.613 0-3.226.3226-4.839.6452-9.678 3.2259-14.839 11.6134-20.646 6.7745-4.839 15.162-9.678 21.9366-13.872 4.1937-2.58 5.1615-4.516 5.1615-11.291v-4.516H18.0661c-11.2909 0-11.9361 1.613-13.2265 12.259H.9684v-35.486h3.8712c1.2904 10.968 1.613 11.936 13.2265 11.936h53.2283c11.2909 0 11.6135-1.613 12.9038-11.936h3.8711v33.873c0 9.678-1.2903 16.13-4.5163 21.291-3.5485 5.484-9.3553 9.033-17.7428 9.033-11.6134 0-18.7105-7.42-22.9043-17.098-4.1937 2.258-13.2264 8.065-19.0331 12.259-7.0971 4.839-10.3231 7.42-13.8716 10.646-3.8712 3.548-5.4842 6.774-6.1294 9.677l-3.8711-1.29Zm43.5504-49.035c0 6.775.9678 11.291 3.8711 14.517 3.8712 5.162 9.3553 7.42 16.4524 7.42 14.1943 0 19.3558-9.355 19.3558-19.678 0-3.872-.6452-6.13-1.2904-7.097-.9678-1.291-2.2581-1.613-5.8067-1.613H43.5511v6.451ZM87.7451 238.397v35.486H83.874c-.9678-10.323-1.9356-12.259-13.8717-12.259H47.0981c.3226 2.581 2.2582 5.807 6.1293 9.678 7.0971 7.42 16.1298 16.453 23.2269 22.582 4.5163 3.871 6.1293 3.548 7.0971-2.258l.3226-3.871h3.8711v32.259H83.874c-1.2904-10-1.9355-13.549-10.9682-22.259-3.8712-3.871-13.8717-14.517-22.2592-22.904-11.9361 10-29.0336 24.84-36.4533 31.937-7.4197 6.774-8.3875 8.387-9.3553 16.775H.9668v-21.292c11.6135-10.323 24.5173-20.968 38.7115-33.227 3.8712-3.226 3.8712-5.484 3.8712-7.42h-25.485c-11.6135 0-12.5813 1.291-13.5491 12.259H.6442v-35.486h3.8712c.9678 10.969 1.9356 11.936 13.5491 11.936h51.9378c11.9361 0 12.9039-.967 13.8717-11.936h3.8711Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.form-section .title-group h2,
.form-section .title-group .h2 {
  text-align: center;
  line-height: 0.6;
  text-indent: -350px; }

.form-section .title-group span {
  text-transform: lowercase;
  font-size: 80px;
  margin-left: -170px;
  position: relative;
  z-index: 2;
  top: -5px; }

.form-section .form-group {
  width: 480px;
  margin: 0 auto 10px; }

.form-section .title-group {
  padding-left: 250px;
  margin-bottom: 50px; }

.form-section .btn-primary {
  display: flex;
  width: 480px;
  margin: 0 auto;
  font-size: 24px;
  height: 64px;
  text-transform: uppercase; }

@media (max-width: 1699px) {
  .form-section .btn-primary {
    height: 50px;
    font-size: 18px; }
  .form-section .title-group {
    padding-left: 230px; } }

@media (max-width: 991px) {
  .form-section {
    padding: 80px 0; }
  .form-section .title-group span {
    font-size: 70px; }
  .form-section .form-group {
    width: 320px; }
  .form-section .btn-primary {
    width: 320px; }
  .form-section:before,
  .form-section:after {
    display: none; } }

@media (max-width: 479px) {
  .form-section .btn-primary,
  .form-section .form-group {
    width: calc(100% - 40px); }
  .form-section .title-group {
    padding-left: 120px; }
  .form-section .title-group h2,
  .form-section .title-group .h2 {
    text-indent: -200px; }
  .form-section .title-group span {
    font-size: 60px;
    margin-left: -110px; } }

.fasad-container {
  position: relative;
  max-width: 2200px;
  margin: 1px 0; }

.fasad-container .swiper-icon {
  filter: brightness(0) invert(1);
  margin-bottom: 20px;
}

.fasad-container .planning-text {
  position: absolute;
  top: 200px;
  left: 100px;
  z-index: 10; }

  .index-page .fasad-container .planning-text {
    top: 25px;
  }

.fasad-container .planning-text .h3 {
  font-size: 28px;
  text-shadow: 3px 0 10px #111; }

  .fasad-page .fasad-container .planning-text {
    top: 125px;
  }
  .fasad-page .fasad-container {
    position: relative;
    max-width: 2200px;
    margin: 0px 0 0 0;
}

.planning-page .page-content {
  background-color: #fff;
  margin-top: 15px;
  color: #111; }

.planning-page .main-header .slide-nav {
  margin-top: 10px; }

.planning-page .page-content .h1,
.planning-page .page-content h1 {
  color: #111;
  text-align: center;
  margin: 30px 0 5px; }

.planning-page .half-hero .col-lg-7,
.planning-page .half-hero .col-lg-5 {
  display: flex;
  align-items: center; }

.planning-page .half-hero h1,
.planning-page .half-hero .h1 {
  text-indent: 50px; }

.planning-page .half-hero p {
  margin-left: auto; }

.planning-section {
  padding: 30px 0;
  background-color: #fff;
  color: #161B22;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start; }

.planning-section .left-aside {
  flex: 0 0 250px; }

.left-aside .h3,
.left-aside h3,
.right-aside .h3,
.right-aside h3 {
  margin: 0 0 15px;
  font-family: 'Med'; }

.left-aside .link-holder {
  margin-bottom: 30px; }

.right-aside .link-holder {
  margin-bottom: 40px; }

.planning-section .right-aside {
  flex: 0 0 350px;
  padding-left: 25px; 
}

.planning-section .scroll-container {
  width: 100%; }

.planning-section img {
  display: block;
  max-height: 100%; }


.planning-section  .center-content {
  flex: 0 0 890px;
}

.poligonMap {
  margin: 0 auto; }

.poligonBlock {
  overflow: hidden;
  width: 100%; }

.poligonBlock img {
  display: block;
  width: 100% !important; }

#tooltip {
  position: absolute;
  background-color: #121212;
  padding: 8px 18px;
  color: #fff;
  font-size: 14px;
  z-index: 100000;
  pointer-events: none;
  text-align: center; }

#tooltip span {
  font-size: 16px;
  display: block;
  text-align: center; }

.planning-link {
  background-color: #FAF1EC;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  border-radius: 30px;
  border: 0;
  color: #161B22;
  padding: 5px 20px;
  transition: 0.25s;
  margin-bottom: 15px;
  font-family: "Med"; }

.planning-link.active,
.planning-link:hover {
  color: #fff;
  background-color: #0C393C; }

.planning-head .sections-links .planning-link {
  width: 35%;
  margin-right: 10px; }

.flat-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #161B22;
  margin-bottom: 15px;
  font-family: "Med"; }

.flat-link span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background-color: #FAF1EC;
  border-radius: 50%;
  font-size: 18px;
  font-family: "Bold";
  margin-right: 5px;
  transition: 0.3s; }

.flat-link.active span,
.flat-link:hover span {
  background-color: #0C393C;
  color: #fff; }

.planning-head .compass-img img {
  max-height: none;
  max-width: 100%; }

.swiper-icon {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 490.651 490.651' viewBox='0 0 490.651 490.651'%3E%3Cpath d='M437.328 42.651h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z'/%3E%3Cpath d='M444.88 45.787 402.213 3.12c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l35.115 35.115-35.136 35.136c-4.16 4.16-4.16 10.923 0 15.083 2.091 2.069 4.821 3.115 7.552 3.115s5.461-1.045 7.552-3.115L444.88 60.87c4.16-4.161 4.16-10.923 0-15.083zM159.995 42.651h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z'/%3E%3Cpath d='m47.077 53.317 35.115-35.115c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L24.443 45.787c-4.16 4.16-4.16 10.923 0 15.083l42.667 42.667c2.091 2.069 4.821 3.115 7.552 3.115s5.461-1.045 7.531-3.136c4.16-4.16 4.16-10.923 0-15.083L47.077 53.317zM426.661 213.317c-8.768 0-16.939 2.667-23.723 7.211-5.845-16.597-21.696-28.544-40.277-28.544-8.768 0-16.939 2.667-23.723 7.211-5.845-16.597-21.696-28.544-40.277-28.544-7.765 0-15.061 2.091-21.333 5.739v-69.739c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v181.333l-37.077-27.797c-21.973-16.491-53.248-14.293-72.725 5.163-12.48 12.48-12.48 32.768 0 45.248l151.915 151.936c18.133 18.133 42.261 28.117 67.904 28.117h49.984c64.683 0 117.333-52.629 117.333-117.333V255.984c0-23.531-19.136-42.667-42.667-42.667zm21.334 160c0 52.928-43.072 96-96 96h-49.984c-19.968 0-38.72-7.765-52.821-21.867L97.275 295.515c-4.16-4.16-4.16-10.923 0-15.083 6.613-6.592 15.445-9.984 24.32-9.984 7.211 0 14.464 2.24 20.544 6.805l54.123 40.597c3.243 2.432 7.595 2.795 11.179 1.003 3.605-1.813 5.888-5.504 5.888-9.536V106.651c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333v160c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-53.333c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333v53.333c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-32c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333v32c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-10.667c0-11.755 9.557-21.333 21.333-21.333s21.333 9.579 21.333 21.333v117.333z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  order: 2;
  margin: 20px auto 0;
  display: none; }

.planning-footer {
  flex: 0 0 100%;
  margin: -60px 0 50px; }

.planning-footer .h3,
.planning-footer h3 {
  text-align: center; }

.planning-footer .img-container {
  max-width: 1000px;
  margin: 0 auto; }

@media (max-width: 2000px) {
  .fasad-container .planning-text {
    top: 150px;
    left: 50px; } }

@media (max-width: 1699px) {
  .planning-page .half-hero h1,
  .planning-page .half-hero .h1 {
    font-size: 38px; }
  .planning-page .half-hero {
    min-height: 180px; }
  .planning-link {
    font-size: 13px;
    white-space: nowrap; }
  .planning-section .right-aside {
    flex: 0 0 250px; }
  .fasad-container .planning-text {
    top: 110px; } 

    .planning-section .center-content {
      flex: 0 0 790px;
    }
  }

  @media(max-width: 1399px) {
    .planning-section .center-content {
      flex: 0 0 640px;
    }
  }

@media (max-width: 1199px) {
  .flat-link span {
    font-size: 16px;
    width: 36px;
    height: 36px; }
  .planning-section {
    flex-wrap: wrap; }
  .planning-section .left-aside {
    order: 1;
    flex: 0 0 100%; }
  .planning-section .right-aside {
    flex: 0 0 100%;
    order: 3;
    padding-left: 0; }
  .planning-section .center-content {
    order: 0;
    margin-bottom: 30px; }
  .planning-footer {
    margin-top: 0; }

    .planning-footer {
      order: 2;
    }

  .fasad-container .planning-text .h3 {
    font-size: 20px; } 

    .right-aside .hidden-tablet {
      display: none!important;
    }

    .planning-section {
      justify-content: center;
    }
  }

@media (max-width: 991px) {
  .planning-page .half-hero h1,
  .planning-page .half-hero .h1 {
    font-size: 28px;
    text-indent: 40px; }
  .planning-page .half-hero p {
    max-width: 100%; }
  .planning-section .container {
    display: flex;
    flex-direction: column;
    position: relative; }
  .planning-title {
    order: 1; }
  .planning-footer {
    margin-top: 0; }
  .fasad-container .planning-text {
    left: 30px;
    top: 10px; } 

    .planning-section .center-content {
      flex: auto;
    }
  }

@media (max-width: 767px) {
  .planning-page .half-hero h1,
  .planning-page .half-hero .h1 {
    font-size: 24px;
    text-indent: 25px; }
  .planning-section {
    padding-bottom: 0; }
  .left-aside .link-holder {
    margin-bottom: 20px; }
  .right-aside .link-holder {
    margin-bottom: 30px; } }

@media (max-width: 575px) {
  .planning-page .half-hero h1,
  .planning-page .half-hero .h1 {
    font-size: 24px;
    text-indent: 25px; }
  .planning-section {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: unset; }
  .scroll-container {
    overflow-x: auto; }
  .poligonBlock {
    width: 360px; }
  .fasad-container .poligonBlock {
    width: 600px; }
  .fasad-container .planning-text {
    position: static;
    margin: 5px 0 12px 12px; }
  .fasad-container .planning-text .h3 {
    font-size: 18px; } 

   .fasad-container .swiper-icon {
      display: block;
    }
  }

.projects-page .half-hero .col-lg-7,
.projects-page .half-hero .col-lg-5 {
  display: flex;
  align-items: center; }

.projects-page .half-hero h1,
.projects-page .half-hero .h1 {
  text-indent: -260px;
  margin-left: 260px; }

.projects-page .half-hero p {
  margin-left: auto; }

.done-projects {
  padding: 150px 0; }
  .done-projects .container {
    display: flex;
    align-items: center;
    position: relative; }
  .done-projects .container .back-link {
    position: absolute;
    left: 0;
    top: -40px; }
  .done-projects .container .slick-arrow {
    border: 2px solid #DFA887;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 35px;
    transition: 0.25s; }
  .done-projects .container .slick-arrow:hover {
    background-color: #DFA887; }
  .done-projects .container .slick-arrow:hover svg {
    fill: #161B22; }
  .done-projects .container .slick-arrow.slick-prev {
    left: 10px; }
  .done-projects .container .slick-arrow.slick-next {
    left: 80px; }
  .done-projects .container .slick-arrow svg {
    fill: #fff;
    width: 20px;
    height: 20px; }
  .done-projects .title-group {
    margin: 0 100px 150px -10px; }
  .done-projects .title-group h2,
  .done-projects .title-group .h2 {
    margin: 0;
    text-indent: -60px;
    writing-mode: vertical-rl;
    transform: scale(-1, -1);
    line-height: 1.2; }
  .done-projects .title-group h2 span,
  .done-projects .title-group .h2 span {
    font-size: 64px;
    font-family: 'Med';
    text-transform: uppercase; }

.done-carousel {
  width: calc((100vw - 1520px) / 2 + 1400px); }
  .done-carousel .item {
    margin: 0 25px; }
  .done-carousel .item a {
    display: block;
    height: 100%;
    width: 100%; }
  .done-carousel .item-img {
    height: 600px;
    margin-bottom: 5px; }
  .done-carousel .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .done-carousel .item-title {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.5px; }

.company-about {
  background-color: #fff;
  position: relative;
  color: #111;
  padding: 200px 0;
  overflow: hidden; }
  .company-about .barcelona-img {
    position: absolute;
    right: 0;
    bottom: -8px;
    z-index: 2; }
    .company-about .barcelona-img img {
      width: 700px; }
  .company-about:after {
    content: '';
    width: 980px;
    height: 420px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='802' height='401' viewBox='0 0 802 401' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M0.999965 3.49691e-05C0.99997 52.529 11.346 104.543 31.448 153.073C51.55 201.604 81.014 245.699 118.157 282.843C155.301 319.986 199.396 349.45 247.927 369.552C296.457 389.654 348.471 400 401 400' stroke='%23F0F0F0'/%3E%3Cpath d='M101 2.62268e-05C101 39.397 108.76 78.407 123.836 114.805C138.913 151.203 161.01 184.274 188.868 212.132C216.726 239.99 249.797 262.087 286.195 277.164C322.593 292.24 361.603 300 401 300' stroke='%23F0F0F0'/%3E%3Cpath d='M201 1.74846e-05C201 26.264 206.173 52.272 216.224 76.537C226.275 100.802 241.007 122.85 259.579 141.421C278.15 159.993 300.198 174.725 324.463 184.776C348.728 194.827 374.736 200 401 200' stroke='%23F0F0F0'/%3E%3Cpath d='M301 8.74228e-06C301 13.132 303.587 26.136 308.612 38.268C313.637 50.401 321.003 61.425 330.289 70.711C339.575 79.997 350.599 87.362 362.732 92.388C374.864 97.413 387.868 100 401 100' stroke='%23F0F0F0'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1)'%3E%3Cpath d='M401 400C453.529 400 505.543 389.654 554.073 369.552C602.604 349.45 646.699 319.986 683.843 282.843C720.986 245.699 750.45 201.604 770.552 153.073C790.654 104.543 801 52.5288 801 0' stroke='%23F0F0F0'/%3E%3Cpath d='M401 300C440.397 300 479.407 292.24 515.805 277.164C552.203 262.087 585.274 239.99 613.132 212.132C640.99 184.274 663.087 151.203 678.164 114.805C693.24 78.4074 701 39.3966 701 0' stroke='%23F0F0F0'/%3E%3Cpath d='M401 200C427.264 200 453.272 194.827 477.537 184.776C501.802 174.725 523.85 159.993 542.421 141.421C560.993 122.85 575.725 100.802 585.776 76.5367C595.827 52.2716 601 26.2644 601 0' stroke='%23F0F0F0'/%3E%3Cpath d='M401 100C414.132 100 427.136 97.4134 439.268 92.388C451.401 87.3625 462.425 79.9965 471.711 70.7107C480.997 61.4248 488.362 50.4009 493.388 38.2683C498.413 26.1358 501 13.1322 501 0' stroke='%23F0F0F0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='401' height='401' fill='white' transform='translate(401 401) rotate(180)'/%3E%3C/clipPath%3E%3CclipPath id='clip1'%3E%3Crect width='401' height='401' fill='white' transform='translate(802) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain; }
  .company-about:before {
    content: '';
    width: 700px;
    height: 700px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='401' height='401' viewBox='0 0 401 401' fill='none'%3E%3Cpath d='M400 401C400 348.471 389.654 296.457 369.552 247.927C349.45 199.396 319.986 155.301 282.843 118.157C245.699 81.0138 201.604 51.5501 153.073 31.4482C104.543 11.3463 52.5288 0.999998 0 1' stroke='%23F5F5F6'/%3E%3Cpath d='M300 401C300 361.603 292.24 322.593 277.164 286.195C262.087 249.797 239.99 216.726 212.132 188.868C184.274 161.01 151.203 138.913 114.805 123.836C78.4074 108.76 39.3966 101 0 101' stroke='%23F5F5F6'/%3E%3Cpath d='M200 401C200 374.736 194.827 348.728 184.776 324.463C174.725 300.198 159.993 278.15 141.421 259.579C122.85 241.007 100.802 226.275 76.5367 216.224C52.2716 206.173 26.2644 201 0 201' stroke='%23F5F5F6'/%3E%3Cpath d='M100 401C100 387.868 97.4134 374.864 92.388 362.732C87.3625 350.599 79.9965 339.575 70.7107 330.289C61.4248 321.003 50.4009 313.638 38.2683 308.612C26.1358 303.587 13.1322 301 0 301' stroke='%23F5F5F6'/%3E%3C/svg%3E");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 800px; }
  .company-about .container {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 5; }
    .company-about .container p {
      font-size: 28px;
      max-width: 1000px;
      margin-bottom: 20px;
      margin-top: 0; }
  .company-about .about-logo {
    margin-bottom: 50px; }
  .company-about .advantages-row {
    display: flex;
    margin-top: 80px;
    margin-right: 200px; }
  .company-about .advantages-item {
    flex: 0 0 25%; }
    .company-about .advantages-item .item-num {
      font-size: 62px;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 10px;
      font-family: "Med"; }
    .company-about .advantages-item .counter {
      display: inline-block; }
    .company-about .advantages-item .item-text {
      font-size: 20px;
      max-width: 200px; }
  .company-about .logo-text {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -370px;
    z-index: 1; }

@media (max-width: 2200px) {
  .company-about .barcelona-img img {
    width: 450px; }
  .company-about:after {
    width: 700px;
    height: 360px; }
  .done-carousel .item {
    margin: 0 15px; } }

@media (max-width: 1699px) {
  .projects-page .half-hero h1, .projects-page .half-hero .h1 {
    text-indent: -180px;
    margin-left: 180px; }
  .done-projects {
    padding: 100px 0; }
  .done-carousel {
    width: calc((100vw - 1320px) / 2 + 1200px); }
  .done-carousel .item-img {
    height: 450px; }
  .done-carousel .item-title {
    font-size: 18px; }
  .done-projects .title-group h2 span, .done-projects .title-group .h2 span {
    font-size: 48px; }
  .company-about {
    padding: 110px 0 150px; }
  .company-about .about-logo {
    margin-bottom: 30px; }
  .company-about .about-logo img {
    width: 250px; }
  .company-about:before {
    width: 300px;
    height: 300px;
    background-size: 300px; }
  .company-about .container p {
    font-size: 20px;
    max-width: 800px; }
  .company-about .advantages-row {
    margin-top: 40px;
    margin-right: 150px; }
  .company-about .advantages-item .item-num {
    font-size: 36px; }
  .company-about .advantages-item .item-text {
    font-size: 18px; }
  .company-about .logo-text {
    margin-top: -200px; }
  .company-about .logo-text img {
    width: 80px; }
  .company-about .barcelona-img {
    right: -250px; }
  .company-about .barcelona-img img {
    width: 600px; } }

@media (max-width: 1199px) {
  .projects-page .half-hero h1, .projects-page .half-hero .h1 {
    font-size: 42px; }
  .done-carousel {
    width: calc((100vw - 960px) / 2 + 900px); }
  .company-about {
    padding-top: 100px;
    padding-bottom: 150px; }
  .company-about .about-logo {
    margin-bottom: 10px; }
  .company-about .container p {
    font-size: 18px; }
  .company-about .advantages-row {
    flex-wrap: wrap; }
  .company-about .advantages-item {
    padding-right: 15px;
    flex: 0 0 50%;
    margin-bottom: 30px; }
  .company-about .advantages-item .item-text {
    font-size: 16px; }
  .company-about .advantages-item:last-child {
    padding-right: 0; }
  .company-about .logo-text {
    display: none; }
    .fasad-page .fasad-container {
    position: relative;
    max-width: 2200px;
    margin: 100px 0 0 0;
}}

@media (max-width: 991px) {
  .projects-page .half-hero h1, .projects-page .half-hero .h1 {
    font-size: 38px; }
  .projects-page .half-hero p {
    max-width: none; }
  .done-carousel {
    width: calc((100vw - 720px) / 2 + 800px); }
  .done-projects .container {
    display: block; }
  .company-about .barcelona-img {
    right: -300px; }
  .done-projects .title-group {
    margin: 0 0 30px; }
  .done-projects .container .slick-arrow {
    width: 42px;
    height: 42px;
    bottom: auto;
    top: 20px; }
  .done-projects .container .slick-arrow svg {
    width: 16px; }
  .done-projects .container .slick-arrow.slick-next {
    left: auto;
    right: 10px; }
  .done-projects .container .slick-arrow.slick-prev {
    right: 62px;
    left: auto; }
  .done-carousel .item-title {
    font-size: 16px;
    font-family: 'Med'; }
  .done-projects .title-group h2, .done-projects .title-group .h2 {
    writing-mode: horizontal-tb;
    transform: scale(1);
    margin-left: 80px; }
  .done-projects .title-group h2 span, .done-projects .title-group .h2 span {
    font-size: 32px; } }

@media (max-width: 767px) {
  .done-projects {
    padding: 70px 0 80px; }
  .done-carousel {
    width: calc((100vw - 540px) / 2 + 800px); }
  .company-about {
    padding-top: 80px;
    padding-bottom: 80px; }
  .company-about .advantages-row {
    flex-wrap: wrap; }
  .company-about .container p {
    font-size: 16px;
    max-width: 400px; }
  .company-about .advantages-item {
    flex: 0 0 50%;
    margin-bottom: 30px; } }

@media (max-width: 575px) {
  .projects-page .half-hero h1, .projects-page .half-hero .h1 {
    font-size: 32px;
    text-indent: -140px;
    margin-left: 140px; }
  .done-carousel {
    width: 620px; }
  .done-projects .container .slick-arrow {
    width: 36px;
    height: 36px;
    top: 38px; }
  .done-carousel .item {
    margin: 0 10px; }
  .done-projects .title-group h2, .done-projects .title-group .h2 {
    text-indent: -40px;
    margin-left: 50px; }
  .done-projects .container .slick-arrow.slick-prev {
    right: 52px; }
  .company-about .advantages-item {
    flex: 0 0 100%; } }

@media (max-width: 479px) {
  .company-about .advantages-row {
    flex-wrap: wrap; }
  .company-about .advantages-item {
    flex: 0 0 100%;
    margin-bottom: 30px;
    padding-right: 0; }
  .company-about .barcelona-img {
    width: 450px;
    right: -200px; } }

@media (max-width: 375px) {
  .company-about .barcelona-img {
    right: -250px; } }

.index-page .catalog-section .title-group h2,
.index-page .catalog-section .title-group .h2 {
  color: #161B22;
  text-indent: -80px;
  margin-left: 80px;
  line-height: 1; }

.index-page .catalog-section .title-group h2 span,
.index-page .catalog-section .title-group .h2 span {
  font-family: "Med";
  text-transform: uppercase; }

.index-page .catalog-section {
  padding: 120px 0 5px; }

.index-page .catalog-section .title-group {
  position: relative; }

.index-page .catalog-section .title-group .arrow-link {
  position: absolute;
  top: 60px;
  right: 0;
  color: #161B22; }

.index-page .catalog-section .title-group .arrow-link .link-icon {
  border: 2px solid #DFA887;
  background-color: #fff;
  top: -24px;
  left: -8px; }

.index-page .catalog-section .link-icon:before,
.index-page .catalog-section .link-icon:after {
  filter: brightness(0); }

.index-page .catalog-section .flat-item .item-img {
  height: 320px;
  flex: 0 0 320px; }

.index-page .catalog-section .item-properties {
  padding-left: 40px; }

.index-page .catalog-section .row {
  margin-left: -20px;
  margin-right: -20px; }

.index-page .catalog-section .col-lg-6 {
  padding-left: 20px;
  padding-right: 20px; }

.index-page .catalog-section .property-name {
  font-size: 16px; }

.index-page .catalog-section .property-value {
  font-size: 22px; }

.index-page .catalog-section .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0px; }

.index-page .catalog-section .form-group {
  flex: 0 0 200px;
  margin-right: 25px; }

.index-page .catalog-section .range-group {
  flex-grow: 1;
  margin-right: 25px; }

.index-page .catalog-section .btn-secondary {
  height: 42px;
  margin-top: 25px;
  flex-grow: 1; }

.index-page .catalog-section .checkbox-row {
  flex: 0 0 500px;
  margin-right: 20px; }

.index-page .catalog-section .checkbox-row .checkbox-item {
  width: 30%; }

.index-page .catalog-section .irs--flat .irs-line,
.index-page .catalog-section .irs--flat .irs-bar {
  top: 42px; }

.index-page .catalog-section .irs--flat .irs-handle > i:first-child {
  top: -8px; }

.catalog-page .half-hero h1,
.catalog-page .half-hero .h1 {
  text-indent: -90px;
  margin-left: 90px; }

.catalog-page .half-hero p {
  margin-left: auto; }

.catalog-page .half-hero .col-lg-7,
.catalog-page .half-hero .col-lg-5 {
  display: flex;
  align-items: center; }

.catalog-page .catalog-section {
  padding-top: 20px; }

.catalog-section {
  background-color: #fff;
  color: #161B22;
  padding: 100px 0; }

.catalog-section .flat-item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 10px 10px 0;
  margin-bottom: 40px; }

.catalog-section .flat-item .item-img {
  flex: 0 0 320px;
  height: 320px; }

.catalog-section .flat-item .item-img a {
  display: block;
  height: 100%; }

.catalog-section .flat-item .item-img img {
  display: block;
  max-width: 100%;
  max-height: 100%; }

.catalog-section .item-properties {
  padding-left: 30px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-top: 30px; }

.catalog-section .property-item {
  flex: 0 0 100%;
  margin-bottom: 15px;
  display: flex;
  align-items: baseline; }

.catalog-section .property-name {
  color: #B88150;
  color: #a56227;
  font-family: "Med";
  font-size: 15px;
  margin-right: 5px; }

.catalog-section .property-value {
  font-size: 20px;
  font-family: "Med"; }

.catalog-section .col-xl-9 {
  padding-left: 50px; }

.catalog-section .col-xl-9 .row {
  margin-left: -20px;
  margin-right: -20px; }

.catalog-section .col-xl-9 .col-lg-6 {
  padding-left: 20px;
  padding-right: 20px; }

.flats-filters {
  background-color: #FAF1EC;
  border-radius: 10px;
  padding: 25px 25px 30px; }

.flats-filters .h3,
.flats-filters h3 {
  text-align: center;
  font-size: 22px;
  font-family: "Med";
  margin: 0 0 20px; }

.catalog-page .flats-filters .btn-secondary,
.catalog-page .flats-filters .btn-outline {
  width: 100%;
  display: flex;
  margin-top: 20px;
  height: 46px; }

.irs--flat .irs-min, .irs--flat .irs-max {
  visibility: hidden !important; }

.irs--flat .irs-handle {
  width: 12px;
  height: 12px;
  top: 42.5px; }

.irs--flat .irs-handle > i:first-child {
  background-color: #DFA887;
  width: 16px;
  height: 16px;
  left: 0;
  border-radius: 50%;
  top: -2px; }

.irs--flat .irs-line {
  height: 2px;
  top: 48px; }

.irs--flat .irs-bar {
  background-color: #DFA887;
  height: 2px;
  top: 48px; }

.irs-from {
  padding-left: 20px !important; }

.irs-from, .irs-to, .irs-single {
  top: 12px; }

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  font-size: 15px;
  color: #333;
  background-color: transparent;
  font-family: "Bold"; }

.irs--flat .irs-from:before,
.irs--flat .irs-to:before, .irs--flat .irs-single:before {
  display: none; }

.irs-single .postfix-span {
  display: none; }

.irs--flat .irs-from span,
.irs--flat .irs-to span {
  font-size: 12px;
  color: #717171; }

.irs--flat {
  margin: 0 5px; }

.irs--flat .irs-line {
  background-color: #e7dad2; }

.index-page .flats-filters {
  padding: 0;
  border-radius: 0;
  background-color: transparent; }

.flex-box .label {
  display: block;
  padding-left: 10px;
  margin-bottom: 4px;
  font-size: 15px;
  color: #B88150; }

.flex-box .range-group {
  margin-bottom: 45px; }

.flex-box .range-group .label {
  display: block;
  padding-left: 10px;
  margin-bottom: -5px; }

.filters-close {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 10px;
  right: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M29.4219 25.0005L49.0838 5.33782C50.3054 4.11724 50.3054 2.1368 49.0838 0.916217C47.8623 -0.305406 45.884 -0.305406 44.6624 0.916217L25.0005 20.5789L5.3376 0.916217C4.11603 -0.305406 2.13775 -0.305406 0.916179 0.916217C-0.305393 2.1368 -0.305393 4.11724 0.916179 5.33782L20.5791 25.0005L0.916179 44.6632C-0.305393 45.8838 -0.305393 47.8642 0.916179 49.0848C1.52696 49.6946 2.32745 50 3.12689 50C3.92633 50 4.72681 49.6946 5.3376 49.0838L25.0005 29.4211L44.6624 49.0838C45.2732 49.6946 46.0737 50 46.8731 50C47.6726 50 48.473 49.6946 49.0838 49.0838C50.3054 47.8632 50.3054 45.8828 49.0838 44.6622L29.4219 25.0005Z' fill='%23121212'/%3E%3C/svg%3E") no-repeat center;
  background-size: 60%;
  border: 0;
  outline: 0;
  transition: 0.25s;
  display: none;
  cursor: pointer; }

.filter-toggle {
  display: none;
  margin: 0 auto 40px; }

.bottom-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 50px; }

.bottom-nav a {
  text-decoration: none;
  color: #121212;
  font-size: 22px;
  position: relative; }

.bottom-nav a:hover {
  color: #555; }

.bottom-nav a svg {
  width: 8px;
  transition: 0.25s;
  position: absolute;
  top: 11px; }

.bottom-nav .left-link {
  padding-left: 20px; }

.bottom-nav .left-link svg {
  left: 0; }

.bottom-nav .left-link:hover svg {
  left: -5px; }

.bottom-nav .right-link {
  padding-right: 20px; }

.bottom-nav .right-link svg {
  right: 0; }

.bottom-nav .right-link:hover svg {
  right: -5px; }

.catalog-head .h2 {
  font-family: "Med"; }

@media (max-width: 1699px) {
  .index-page .catalog-section {
    padding: 100px 0 5px; }
  .index-page .catalog-section .select-button {
    font-size: 13px; }
  .index-page .catalog-section .form-group {
    flex: 0 0 140px;
    margin-right: 15px; }
  .index-page .catalog-section .checkbox-row {
    margin-right: 15px; }
  .index-page .catalog-section .btn-secondary {
    flex-grow: 0;
    flex: 0 0 160px; }
  .index-page .catalog-section .flat-item .item-img,
  .catalog-section .flat-item .item-img {
    flex: 0 0 250px;
    height: 250px; }
  .index-page .catalog-section .property-name,
  .catalog-section .property-name {
    font-size: 14px; }
  .index-page .catalog-section .property-value,
  .catalog-section .property-value {
    font-size: 16px; }
  .flats-filters {
    padding: 20px 20px 25px; }
  .default-checkbox label {
    font-size: 13px;
    padding: 2px 15px; } }

@media (max-width: 1199px) {
  .index-page .catalog-section {
    padding: 80px 0 5px; }
  .index-page .catalog-section .checkbox-row .checkbox-item {
    width: auto; }
  .index-page .catalog-section .flex-box {
    margin-bottom: 20px;
    display: block; }
  .flats-filters.active {
    transform: translateX(0); }
  .filters-close {
    display: block; }
  .catalog-section .col-xl-9 {
    padding-left: 10px; }
  .catalog-page .filter-toggle {
    display: inline-flex;
    float: right; }
  .index-page .filter-toggle {
    display: inline-flex; }
  .catalog-page .catalog-section {
    padding: 30px 0 50px; } }

@media (max-width: 991px) {
  .index-page .catalog-section .title-group .arrow-link .link-icon {
    top: -18px; }
  .bottom-nav a {
    font-size: 16px; }
  .bottom-nav a svg {
    width: 8px;
    top: 5px; }
  .catalog-head .h2 {
    font-size: 24px; } }

@media (max-width: 767px) {
  .index-page .catalog-section .title-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; }
  .index-page .catalog-section .title-group h2, .index-page .catalog-section .title-group .h2 {
    margin-bottom: 40px;
    width: 100%; }
  .index-page .catalog-section .title-group .arrow-link {
    position: static;
    margin-left: auto; }
  .index-page .catalog-section .btn-secondary {
    width: 100%; } }

@media (max-width: 575px) {
  .catalog-page .filter-toggle {
    float: none;
    width: 100%; }
  .index-page .catalog-section .flat-item .item-img,
  .catalog-section .flat-item .item-img {
    flex: 0 0 160px;
    height: 170px; }
  .index-page .catalog-section .property-name,
  .catalog-section .property-name {
    font-size: 13px; }
  .index-page .catalog-section .item-properties,
  .catalog-section .item-properties {
    padding-left: 20px; }
  .catalog-head .h2 {
    text-align: center; }
  .bottom-nav {
    display: block;
    text-align: center;
    margin-top: 20px; }
  .bottom-nav a {
    margin: 0 20px 15px;
    display: inline-block; }
  .flats-filters .checkbox-item label {
    padding: 0 10px; } }

.flat-container {
  background-color: #fff;
  margin-top: 30px; 
}

.flat-container .back-link {
  color: #111;
  padding-left: 25px;
  margin-top: 20px;
  position: relative;
}

.flat-container .back-link:before {
  filter: brightness(0);
}

.flat-container .flat-img {
  padding: 5px 80px 50px 0;
  position: relative; }

  .flat-container .flat-img img {
    max-height: 580px;
  }

.flat-container .flat-text {
  position: relative;
  background-color: #0C393C;
  margin: 0 0 0 -20px;
  padding: 20px 15px 50px 80px;
  min-height: 100%; }

.flat-container .flat-text:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 100vw;
  background-color: #0C393C; }

.flat-container .flat-text .h2,
.flat-container .flat-text h2 {
  font-size: 48px;
  margin: 0 0 40px;
  line-height: 1.4; }

.flat-container .flat-properties {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 80%; }

.flat-container .property-item {
  margin-bottom: 35px;
  flex: 0 0 100%;
  display: flex;
  align-items: baseline; }

.flat-container .property-name {
  color: #DFA887;
  font-size: 36px;
  margin-right: 10px; }

.flat-container .property-value {
  font-size: 36px;
  font-family: "Med"; }

.flat-container .btn-outline {
  background-color: transparent;
  display: flex;
  width: 480px;
  height: 80px;
  font-size: 28px;
  margin: 30px 0 0; }

.flat-container .btn-outline:hover {
  background-color: #DFA887; }

.flat-container .visible-mobile {
  color: #161B22;
  margin: 30px 0 0;
  padding: 0 20px;
  display: none; }

.flat-page .page-content {
  position: relative; }

.flat-page .page-content:before {
  content: '';
  position: absolute;
  top: 50px;
  bottom: 50px;
  width: 85px;
  left: 0;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='700' fill='none' viewBox='0 0 65 700'%3E%3Cpath fill='%23DFA887' fill-opacity='.16' d='M62.2447 700h-2.7665c-.9221-7.838-1.1526-8.53-9.4519-8.53H12.2184c-8.2993 0-8.5298.692-9.452 8.53H0v-25.589h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.692 9.4519-8.76h2.7665V700ZM2.7664 599.024c.6916 5.994 1.6138 8.069 5.994 8.3 2.9969 0 7.1465.23 15.9069.23h38.269v3.689l-49.7958 40.805h23.7452c8.5299 0 12.91-.231 15.6764-.462 4.8413-.23 6.2245-2.535 6.9161-9.452h2.7665v23.054h-2.7665c-.461-5.994-1.8442-8.299-6.6855-8.53-2.997-.23-7.3771-.461-15.907-.461H12.4489c-2.7664 0-4.1496.231-6.2245 1.844-2.3053 1.845-2.997 3.92-3.458 8.53H0v-14.293l47.9514-40.344H24.6673c-8.7604 0-12.91.231-15.907.461-4.3802.231-5.5328 2.536-5.994 10.144H0v-23.515h2.7664ZM15.6765 549.691c-2.7664.922-4.8413 1.614-7.1467 2.997-3.2275 1.844-3.919 3.227-3.919 8.53v10.143c0 2.767.2305 2.997 2.997 2.997h21.9008v-11.757c0-6.916-1.1526-7.377-7.8382-8.76v-2.767h19.8261v2.997c-6.6856 1.153-8.2993 1.844-8.2993 8.761v11.757h17.0597c8.2993 0 8.7603-.922 9.452-9.683h2.7663v26.512h-2.7663c-.4611-7.608-1.1527-8.53-9.452-8.53H12.449c-8.2993 0-8.7604.922-9.452 8.53H.2306v-30.2c0-8.53 0-11.758-.2306-13.371 3.458 0 10.1436-.461 14.7544-.922l.9221 2.766ZM62.2447 538.625h-2.7665c-.9221-7.839-1.1526-8.53-9.4519-8.53H12.2184c-8.2993 0-8.5298.691-9.452 8.53H0v-25.59h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.691 9.4519-8.76h2.7665v25.59ZM2.7664 437.65c.6916 5.994 1.6138 8.068 5.994 8.299 2.9969 0 7.1465.231 15.9069.231h38.269v3.688l-49.7958 40.805h23.7452c8.5299 0 12.91-.231 15.6764-.461 4.8413-.231 6.2245-2.536 6.9161-9.452h2.7665v23.054h-2.7665c-.461-5.994-1.8442-8.3-6.6855-8.53-2.997-.231-7.3771-.461-15.907-.461H12.4489c-2.7664 0-4.1496.23-6.2245 1.844-2.3053 1.844-2.997 3.919-3.458 8.53H0v-14.293l47.9514-40.344H24.6673c-8.7604 0-12.91.23-15.907.461-4.3802.23-5.5328 2.536-5.994 10.143H0V437.65h2.7664ZM62.2447 430.042h-2.7665c-.9221-7.838-1.1526-8.529-9.4519-8.529H12.2184c-8.2993 0-8.5298.691-9.452 8.529H0v-25.358h2.7665c.9221 7.838 1.1526 8.76 9.4519 8.76h37.8079c8.2993 0 8.5298-.692 9.4519-8.76h2.7665v25.358ZM17.0597 345.204c-2.997.922-6.2245 2.075-7.8383 2.997-2.5359 1.614-3.2275 2.536-3.2275 7.608v9.682h46.3378c7.3771 0 8.5298-.691 8.9909-9.913h2.7664v27.665h-2.7664c-.4611-8.761-1.6138-9.683-8.9909-9.683H5.994v8.761c0 5.302.461 6.685 3.458 8.299 1.8443 1.153 4.1497 1.844 7.6077 3.227v2.767c-5.7634-.461-11.7574-1.153-17.0597-1.383v-2.306c2.3054-1.383 2.3054-2.536 2.3054-5.072v-37.808c0-2.766-.4611-3.457-2.3054-4.841v-2.305c4.3802 0 11.2963-.461 16.8292-.922l.2305 3.227ZM2.7664 276.967c.6916 6.685 1.8443 7.838 7.8383 11.526 6.916 4.381 13.6016 7.839 21.9009 12.449 2.3053 1.153 3.2275 1.384 5.5328 1.384h11.7574c7.8382 0 8.5297-.923 9.4519-9.683h2.7664v27.434h-2.7664c-1.1527-8.761-1.3832-9.452-9.4519-9.452H37.8079c-1.8443 0-2.7664.461-5.5329 1.844-6.2244 3.228-12.2184 6.686-21.2093 11.758-6.455 3.688-7.6077 4.61-8.2993 11.065H0v-23.514h2.7664c.9221 6.916 2.3054 6.455 5.5329 4.841 7.3772-3.919 15.907-8.53 23.0536-12.449-6.455-3.458-16.8291-8.76-21.901-11.527-4.8412-2.305-5.7634-1.844-6.455 5.533H.2305v-21.44h2.5359v.231ZM0 208.305c0-6.742 1.1624-12.322 4.1847-16.274 2.7898-3.72 7.207-6.277 13.7165-6.277 13.9491 0 19.7612 12.089 19.7612 21.156 0 1.162 0 2.092-.2325 2.557l-1.6273 6.742h14.8789c8.137 0 8.3695-.697 9.2994-9.532h2.7898v26.504h-2.7898c-.9299-8.37-1.3949-8.602-9.5319-8.602H12.3216c-8.6019 0-8.8344 1.162-9.5318 8.602H0v-24.876Zm32.0828 7.672c.465-1.163 1.1624-3.72 1.1624-6.975 0-6.509-3.2548-14.414-15.344-14.414-10.4618 0-14.879 6.975-14.879 14.879 0 2.79.465 4.882 1.1625 5.347.6974.698 1.8598 1.163 4.4172 1.163h23.4809ZM63.7007 149.487h-2.7899c-.6974-6.277-1.6273-6.974-5.3471-5.579-3.7197 1.162-8.6019 3.255-14.6465 5.114v20.692c4.4172 1.627 8.1369 3.022 12.0892 4.417 6.2771 2.092 6.9745.697 7.9044-7.207h2.7899v22.086h-2.7899c-.6974-6.045-1.3948-7.672-9.9968-10.927L.465 158.089 0 155.067c16.5064-6.045 34.6401-12.787 51.1465-18.831 8.3695-3.022 9.0669-3.952 9.9968-10.694h2.7899v23.945h-.2325Zm-51.1466 9.765c8.3695 3.022 16.9714 6.277 24.6434 9.299V150.65l-24.6434 8.602ZM63.4682 65.0947c0 1.1624-.0001 2.3249-.2325 3.4873-.465 6.9745-2.3248 10.6942-8.3694 14.879-4.8822 3.4872-10.9268 6.9745-15.809 9.9968-3.0223 1.8598-3.7197 3.2547-3.7197 8.1372v3.254H50.449c8.137 0 8.602-1.162 9.5319-8.8339h2.7898v25.5729h-2.7898c-.9299-7.904-1.1624-8.602-9.5319-8.602H12.0891c-8.137 0-8.3694 1.163-9.2993 8.602H0V97.1775c0-6.9745.93-11.6242 3.2548-15.3439 2.5573-3.9523 6.742-6.5096 12.7866-6.5096 8.3694 0 13.4841 5.3471 16.5064 12.3217 3.0223-1.6274 9.5318-5.8121 13.7165-8.8344 5.1147-3.4873 7.4395-5.3472 9.9968-7.672 2.7898-2.5574 3.9523-4.8822 4.4173-6.9746l2.7898.93ZM32.0828 100.432c0-4.8819-.6974-8.1367-2.7898-10.4615-2.7898-3.7197-6.742-5.3471-11.8567-5.3471-10.2293 0-13.949 6.7421-13.949 14.1816 0 2.79.465 4.417.9299 5.115.6974.929 1.6273 1.162 4.1847 1.162h23.4809v-4.65ZM0 61.3757V35.8025h2.7898c.6974 7.4395 1.395 8.8343 9.9968 8.8343H29.293c-.2325-1.8598-1.6274-4.1847-4.4172-6.9745-5.1147-5.3471-11.6242-11.8567-16.7389-16.2739-3.2547-2.7898-4.4172-2.5573-5.1146 1.6274l-.2325 2.7898H0V2.5572h2.7898c.9299 7.207 1.3949 9.7644 7.9044 16.0415 2.7898 2.7898 9.9969 10.4617 16.0415 16.5063 8.6019-7.207 20.9235-17.9013 26.2707-23.016C58.3535 7.2069 59.0509 6.0445 59.7484 0h2.7898v15.3438c-8.3694 7.4395-17.6688 15.1115-27.8981 23.9459-2.7898 2.3249-2.7898 3.9522-2.7898 5.3471h18.3662c8.3695 0 9.067-.9299 9.7644-8.8343h2.7898v25.5732h-2.7898c-.6974-7.9044-1.3949-8.6019-9.7644-8.6019H12.7866c-8.6019 0-9.2994.6975-9.9968 8.6019H0Z'/%3E%3C/svg%3E");
  background-size: contain; }

  .flat-page .catalog-section {
    padding: 5px 0 100px;
  }

.flat-page .catalog-section .flat-item .item-img {
  height: 320px;
  flex: 0 0 320px; }

.flat-page .catalog-section .item-properties {
  padding-left: 40px;
  flex-grow: 1; }

.flat-page .catalog-section .row {
  margin-left: -20px;
  margin-right: -20px; }

.flat-page .catalog-section .col-lg-6 {
  padding-left: 20px;
  padding-right: 20px; }

.flat-page .catalog-section .property-name {
  font-size: 16px; }

.flat-page .catalog-section .property-value {
  font-size: 22px; }

.flat-page .zoom-icon {
  position: absolute;
  bottom: 30px;
  right: 40px;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M16 4a12.0001 12.0001 0 1 0 0 24.0002A12.0001 12.0001 0 0 0 16 4Zm0 21.91a9.9995 9.9995 0 0 1-5.5649-1.6918 9.9995 9.9995 0 0 1-4.2359-10.2924 9.9998 9.9998 0 0 1 13.6904-7.2285 9.9999 9.9999 0 0 1 3.1498 16.3157A10 10 0 0 1 16 25.91ZM31.7104 29.69l-5.17-5.17a13.6787 13.6787 0 0 1-1.39 1.48l5.15 5.15a.9997.9997 0 0 0 1.3576-.0524 1.0004 1.0004 0 0 0 .0524-1.3576v-.05Z'/%3E%3Cpath d='M21 15h-4v-4a1.0001 1.0001 0 0 0-2 0v4h-4a1.0001 1.0001 0 0 0 0 2h4v4a1.0001 1.0001 0 0 0 2 0v-4h4a1.0001 1.0001 0 0 0 0-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.mini-map {
  padding-right: 20px;
  margin-bottom: 20px; }

.mini-map .h3,
.mini-map h3 {
  color: #161B22;
  font-family: "Med";
  margin: 0 0 15px; }

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

.flat-page .title-group {
  margin-bottom: 50px; }

.flat-page .title-group h2,
.flat-page .title-group .h2 {
  font-size: 34px;
  color: #161B22; }

.flat-page .form-section .title-group h2,
.flat-page .form-section .title-group .h2 {
  color: #fff; }

@media (max-width: 1699px) {
  .flat-container .flat-img img {
    max-height: 480px;
  }

  .flat-container .flat-text .h2, .flat-container .flat-text h2 {
    font-size: 38px; }
  .flat-container .property-name {
    font-size: 32px; }
  .flat-container .property-value {
    font-size: 32px; }
  .flat-container .btn-outline {
    height: 52px;
    font-size: 20px; }
  .flat-page .page-content:before {
    display: none; }
  .flat-container .btn-outline {
    width: 100%; }
  .flat-page .catalog-section .flat-item .item-img {
    flex: 0 0 250px;
    height: 250px; }
  .flat-page .catalog-section .property-value {
    font-size: 18px; } }

@media (max-width: 1199px) {
  .flat-container .flat-text .h2, .flat-container .flat-text h2 {
    font-size: 28px; }
  .flat-container .property-name {
    font-size: 22px; }
  .flat-container .property-value {
    font-size: 22px; } }

@media (max-width: 991px) {
  .flat-container .flat-text:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100vw;
    background-color: #0C393C; }
  .flat-container .flat-text {
    padding: 50px 15px 50px;
    margin: 0; }
  .flat-container .flat-properties {
    max-width: 100%; }
  .flat-container .flat-text .h2 {
    display: none; }
  .flat-container .mini-map {
    padding: 0 20px;
    margin-bottom: 30px; }
  .mini-map .h3, .mini-map h3 {
    font-size: 18px; }
  .flat-container .flat-img {
    padding: 5px 10px 50px; }
  .flat-container .h2.visible-mobile {
    display: block;
    font-size: 24px;
    padding-left: 0;
    line-height: 1.3; }
  .flat-page .catalog-section {
    padding: 50px 0; } 

  .flat-container .flat-img img {
    max-height: none;
  }

    .flat-container .btn-outline {
      margin-top: 0;
    }
  }

@media (max-width: 767px) {
  .flat-page .catalog-section .flat-item .item-img {
    flex: 0 0 180px;
    height: 180px; }
  .flat-page .catalog-section .property-name {
    font-size: 14px; }
  .flat-page .catalog-section .property-value {
    font-size: 16px; } }

@media (max-width: 575px) {
  .flat-page .catalog-section .flat-item .item-img {
    flex: 0 0 160px;
    height: 170px; }
  .flat-page .catalog-section .property-name {
    font-size: 13px; }
  .flat-page .catalog-section .property-value {
    font-size: 14px; }
  .flat-page .catalog-section .item-properties {
    padding-left: 20px; } }

.tiffani-section {
  background-color: #fff;
  color: #161B22;
  padding: 120px 0 180px; }

.tiffani-section .col-lg-7,
.tiffani-section .col-lg-5 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.tiffani-section .title-group {
  display: flex;
  align-items: center;
  margin-bottom: 60px; }

.tiffani-section .title-group h2,
.tiffani-section .title-group .h2 {
  text-align: center;
  line-height: 0.5;
  text-indent: -300px;
  color: #161B22;
  margin: 0 auto 0 175px; }

.tiffani-section .title-group h2 span,
.tiffani-section .title-group .h2 span {
  text-transform: lowercase;
  font-size: 110px;
  margin-left: -290px;
  position: relative;
  z-index: 2;
  top: -5px; }

.tiffani-section .arrow-link {
  color: #161B22; }

.tiffani-section .arrow-link .link-icon {
  background-color: #fff;
  border: 2px solid #DFA887; }

.tiffani-section .arrow-link .link-icon:before,
.tiffani-section .arrow-link .link-icon:after {
  filter: brightness(0); }

.tiffani-section .video-toggle {
  width: 170px;
  height: 130px;
  display: block;
  position: absolute;
  bottom: -65px;
  left: -40px; }

.tiffani-section .video-toggle:before {
  content: '';
  background-color: #DFA887;
  position: absolute;
  left: 10px;
  bottom: 10px;
  top: -8px;
  right: -8px;
  transition: 0.25s; }

.tiffani-section .video-toggle:hover:before {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px; }

.tiffani-section .video-toggle:after {
  content: '';
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' fill='none'%3E%3Cpath d='M15.1576 7.54659L2.5858 0.230891C1.5643 -0.363209 0 0.213292 0 1.68279V16.3107C0 17.629 1.4536 18.4235 2.5858 17.7626L15.1576 10.4504C16.279 9.79999 16.2826 8.19699 15.1576 7.54659Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 18px center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 3; }

.tiffani-section .video-toggle img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2; }

.tiffani-section .done-badge {
  width: 220px;
  border-radius: 30px;
  background-color: #DFA887;
  color: #161B22;
  font-family: "Med";
  text-transform: uppercase;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -18px;
  margin-left: 15px;
  position: relative;
  z-index: 1; }

.tiffani-section .done-badge span {
  position: relative;
  display: flex;
  align-items: center; }

.tiffani-section .done-badge span:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M8 1C7.44688 1 7 1.44687 7 2V5.18437C7 5.35938 6.85938 5.5 6.68437 5.5C6.57187 5.5 6.46563 5.44062 6.40938 5.34062L4.90938 2.71875C2.59375 3.85938 1 6.24375 1 9V11H17V8.925C16.9719 6.2 15.3844 3.85 13.0906 2.71875L11.5906 5.34062C11.5344 5.44062 11.4281 5.5 11.3156 5.5C11.1406 5.5 11 5.35938 11 5.18437V2C11 1.44687 10.5531 1 10 1H8ZM0.51875 12C0.23125 12 0 12.2312 0 12.5188C0 12.6656 0.0625 12.8062 0.18125 12.8906C0.859375 13.3875 3.49375 15 9 15C14.5063 15 17.1406 13.3875 17.8188 12.8906C17.9375 12.8031 18 12.6656 18 12.5188C18 12.2312 17.7688 12 17.4813 12H0.51875Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  margin-right: 8px;
  filter: brightness(0); }

.tiffani-section .text-holder {
  padding-left: 40px;
  font-size: 20px; }

.tiffani-section .text-holder img {
  display: block;
  max-width: 290px;
  margin: 0 auto 20px; }

.tiffani-section .btn-secondary {
  height: 80px;
  text-transform: uppercase;
  width: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px auto 0;
  padding: 9px 70px 9px 20px;
  transition: 0.25s;
  position: relative; }

.tiffani-section .btn-secondary:hover {
  background-color: #DFA887;
  padding-right: 78px; }

.tiffani-section .btn-secondary span {
  margin: 0 auto; }

.tiffani-section .btn-secondary img {
  position: absolute;
  right: 9px;
  top: 9px;
  transition: 0.25s;
  margin: 0; }

.tiffani-section .btn-secondary:hover img {
  transform: scale(1.15); }

.single-carousel {
  width: 800px; }

.single-carousel .item {
  display: none; }

.single-carousel.slick-initialized .item {
  display: block; }

.single-carousel .slick-arrow {
  border: 2px solid #DFA887;
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -55px;
  transition: 0.25s; }

.single-carousel .slick-arrow:hover {
  background-color: #DFA887; }

.single-carousel .slick-arrow svg {
  width: 14px;
  height: 14px;
  fill: #161B22; }

.single-carousel .slick-arrow:hover svg {
  fill: #fff; }

.single-carousel .slick-arrow.slick-prev {
  right: 50px; }

.single-carousel .slick-arrow.slick-next {
  right: 0; }

.single-carousel .item {
  height: 500px; }

.single-carousel .item img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (max-width: 1699px) {
  .tiffani-section {
    padding: 100px 0 120px; }
  .tiffani-section .title-group h2 span,
  .tiffani-section .title-group .h2 span {
    font-size: 80px;
    margin-left: -200px; }
  .index-page .tiffani-section {
    padding: 80px 0 110px; }
  .single-carousel {
    width: 700px; }
  .single-carousel .item {
    height: 450px; }
  .tiffani-section .video-toggle {
    bottom: -20px;
    left: -25px; }
  .tiffani-section .text-holder > img {
    width: 220px; }
  .tiffani-section .text-holder {
    font-size: 16px; }
  .tiffani-section .btn-secondary {
    height: 70px; }
  .tiffani-section .btn-secondary img {
    height: 52px; } }

@media (max-width: 1399px) {
  .single-carousel {
    width: 650px; } }

@media (max-width: 1199px) {
  .single-carousel {
    width: 520px; }
  .single-carousel .item {
    height: 360px; }
  .tiffani-section .video-toggle {
    width: 100px;
    height: 80px;
    bottom: -40px;
    left: auto;
    right: 30px; }
  .tiffani-section .video-toggle:before {
    top: -5px;
    right: -5px; }
  .tiffani-section .video-toggle:after {
    width: 36px;
    height: 36px;
    background-size: 12px;
    background-position: left 14px center;
    left: calc(50% - 18px);
    top: calc(50% - 18px); }
  .tiffani-section .text-holder {
    font-size: 14px; }
  .tiffani-section .text-holder > img {
    width: 180px; } }

@media (max-width: 991px) {
  .tiffani-section {
    padding: 70px 0 100px; }
  .tiffani-section .row {
    flex-direction: column-reverse; }
  .tiffani-section .col-lg-7 {
    margin-top: 50px; }
  .single-carousel {
    width: 100%; }
  .single-carousel .item {
    height: 450px; }
  .tiffani-section .done-badge {
    margin-bottom: -50px;
    width: 170px; }
  .tiffani-section .text-holder {
    padding-left: 0; }
  .single-carousel .slick-arrow {
    width: 36px;
    height: 36px;
    bottom: -50px; }
  .single-carousel .slick-arrow.slick-next {
    right: auto;
    left: 42px; }
  .single-carousel .slick-arrow.slick-prev {
    right: auto;
    left: 0; }
  .tiffani-section .arrow-link {
    color: #DFA887;
    margin-left: auto; }
  .index-page .tiffani-section .arrow-link .link-icon {
    border: 2px solid #161B22; }
  .index-page .tiffani-section .title-group h2 span,
  .index-page .tiffani-section .title-group .h2 span {
    font-size: 60px;
    margin-left: -40px; }
  .index-page .tiffani-section .title-group h2,
  .index-page .tiffani-section .title-group .h2 {
    text-indent: -100px;
    width: 100%;
    margin-left: 100px;
    text-align: left;
    margin-bottom: 40px; }
  .index-page .tiffani-section .title-group {
    flex-wrap: wrap; } }

@media (max-width: 767px) {
  .single-carousel .item {
    height: 380px; } }

@media (max-width: 575px) {
  .single-carousel .item {
    height: 320px; } }

@media (max-width: 479px) {
  .single-carousel .item {
    height: 280px; }
  .tiffani-section .btn-secondary {
    width: 100%; } }

@media (max-width: 375px) {
  .single-carousel .item {
    height: 260px; } }

.index-about {
  padding: 120px 0 50px; }

.index-about .title-group {
  margin-bottom: 100px;
  display: flex;
  align-items: center; }

.index-about .title-group h2,
.index-about .title-group .h2 {
  line-height: 0.5;
  text-indent: -60px;
  margin-right: auto; }

.index-about .title-group h2 span,
.index-about .title-group .h2 span {
  font-size: 120px;
  position: relative; }

.index-about .text-container {
  padding-left: 400px;
  font-size: 18px;
  column-count: 2;
  column-gap: 40px;
  margin-bottom: 30px; }

.index-about .arrow-link {
  margin-left: 50px; }

.about-page .half-hero p {
  max-width: 700px; }

.about-props {
  background-color: #fff;
  color: #161B22;
  padding: 100px 0; 
}

.about-props.dark-props {
  background-color: #0C393C;
  color: #fff; }

.about-props .col-lg-9 {
  padding-top: 60px; }

.about-props.dark-props .img-holder {
  margin-top: -210px; }

.about-props .img-holder img {
  display: block;
  max-width: 100%; }

.about-props.dark-props ~ .about-props .img-holder {
  margin-top: 0; }

.about-props.dark-props ~ .about-props .col-lg-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0; }

.about-props .project-properties {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }

.about-props .title-group .h2,
.about-props .title-group h2 {
  color: #161B22; }

.about-props .project-properties .property-item {
  flex: 0 0 33.33%;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.about-props .project-properties {
  padding-right: 50px; }

.about-props .project-properties .property-item:nth-child(1),
.about-props .project-properties .property-item:nth-child(2),
.about-props .project-properties .property-item:nth-child(3) {
  border-bottom: 1px solid #D4D4D4; }

.about-props.dark-props .project-properties .property-item {
  flex: 0 0 50%; }

.about-props.dark-props .project-properties {
  padding-right: 0; }

.about-props.dark-props .project-properties .property-item:nth-child(3) {
  border-bottom: 0; }

.about-props .project-properties .property-name {
  color: #B88150;
  font-size: 15px; }

.about-props .project-properties .property-value {
  font-size: 20px;
  font-family: "Med"; }

.about-props.dark-props .project-properties .property-value {
  font-size: 18px; }


.about-benefits {
  padding-top: 100px;
  background-color: #fff;
  color: #fff;
}

.about-benefits .benefit-item {
  padding: 150px 0 180px;
  color: #111;
}

.about-benefits .benefit-item.first-item {
  padding-top: 20px;
}

.about-benefits .benefit-item:last-child {
  padding-bottom: 5px;
}

.about-benefits .dark-item {
  background-color: #0C393C;
  color: #fff;
  padding: 100px 0;
}

.about-benefits .dark-item .text-container {
  padding-left: 20px;
}

.about-benefits .title-group h2, .about-benefits .title-group .h2 {
  color: #111;
}

.about-benefits .benefit-item .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about-benefits .dark-item .img-holder {
  margin-top: -160px;
}

.about-benefits .benefit-item .h3,
.about-benefits .benefit-item h3 {
  font-size: 22px;
  color: #DFA887;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-family: 'Med';
}

.benefit-sm {
  position: relative;
  padding-left: 120px;
  margin-bottom: 40px;
  color: #0C393B;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
}

.benefit-sm img {
  position: absolute;
  left: 0;
  width: 100px;
}

.benefit-sm p {
  margin: 0 0 5px;
  font-size: 18px;
}



@media (max-width: 1699px) {
  .index-about {
    padding: 100px 0 50px; }
  .index-about .text-container {
    font-size: 16px; }
  .index-about .title-group h2 span, .index-about .title-group .h2 span {
    font-size: 70px; }
  .index-about .title-group h2, .index-about .title-group .h2 {
    text-indent: -40px;
    margin-left: 50px; }
  .about-props.dark-props .img-holder {
    margin-top: -150px; }
  .about-props.dark-props .img-holder {
    padding-right: 30px; } 

    .benefit-sm p {
      font-size: 16px;
    }

    .benefit-sm {
      padding-left: 110px;
      margin-bottom: 20px;
    }

    .benefit-sm img {
      width: 90px;
    }
  }

@media (max-width: 1199px) {
  .index-about {
    overflow: hidden; }
  .index-about .text-container {
    padding-left: 0; }
  .index-about .arrow-link {
    float: right;
    margin-left: 0; }
  .about-page .about-props {
    padding: 80px 0 !important; }
  .about-props.dark-props .img-holder,
  .about-props .img-holder {
    margin-top: 0; }
  .about-props .col-lg-9 {
    padding-top: 0; }
  .about-props.dark-props .project-properties .property-value,
  .about-props .project-properties .property-value {
    font-size: 16px; }
  .about-props .project-properties {
    padding-right: 0; }
  .about-props .col-lg-9 {
    display: flex;
    align-items: center; } 

    .about-benefits .dark-item .img-holder {
      margin-top: 0;
    }

    .benefit-sm {
      padding-left: 90px;
      min-height: 80px;
    }

    .benefit-sm img {
      width: 70px;
    }

    .about-benefits .benefit-item,
    .about-benefits .dark-item {
      padding: 80px 0;
    }

    .about-benefits .benefit-item .h3, .about-benefits .benefit-item h3 {
      font-size: 18px;
      line-height: 150%;
    }

    .benefit-sm p {
      font-size: 14px;
    }
  }

@media (max-width: 991px) {
  .about-props .col-lg-3 {
    order: 1;
    margin-bottom: 20px; }
  .about-props .col-lg-9 {
    order: 2; }
  .about-page .about-props {
    padding: 80px 0 50px !important; }
  .about-props.dark-props .img-holder {
    padding-right: 0;
    margin-bottom: 30px; }
  .index-about {
    padding: 70px 0 10px; }
  .index-about .title-group {
    flex-wrap: wrap; }
  .index-about .title-group h2, .index-about .title-group .h2 {
    width: 100%;
    margin-bottom: 40px; }
  .index-about .arrow-link {
    margin-left: auto; }

    .about-benefits .benefit-item.first-item {
      padding-top: 0;
    } 

    .about-benefits .benefit-item.first-item .text-container {
      margin-bottom: 30px;
    }

    .about-benefits .dark-item .text-container {
      padding-left: 0;
    }

    .about-benefits .benefit-item .row {
      flex-direction: column-reverse;
    }

    .about-benefits .benefit-item.dark-item .row {
      flex-direction: row;
    }

    .about-benefits .img-holder {
      margin-bottom: 20px;
    }

    .about-benefits .benefit-item, .about-benefits .dark-item {
        padding: 70px 0 60px;
    }

    .about-benefits .benefit-item .h3, .about-benefits .benefit-item h3 {
      margin-bottom: 10px;
      font-size: 17px;
    }
  }

@media (max-width: 767px) {
  .index-about .text-container {
    column-count: auto; }
  .about-props .project-properties .property-item {
    flex: 0 0 50%;
    border: 0 !important; }
  .about-props .project-properties .property-item:nth-child(1),
  .about-props .project-properties .property-item:nth-child(3),
  .about-props .project-properties .property-item:nth-child(5) {
    padding-right: 8px; }
  .about-props .project-properties .property-item:nth-child(2),
  .about-props .project-properties .property-item:nth-child(4),
  .about-props .project-properties .property-item:nth-child(6) {
    padding-left: 8px; } }

@media (max-width: 575px) {
  .about-props .project-properties .property-name {
    font-size: 13px; }
  .about-props.dark-props .project-properties .property-value,
  .about-props .project-properties .property-value {
    font-size: 14px; }
  .about-page .about-props {
    padding: 60px 0 50px !important; }
  .about-page .about-props .title-group .h2,
  .about-page .about-props .title-group h2 {
    margin-top: 0; } }

.gallery-section {
  padding: 50px 0;
  background-color: #fff;
  position: relative; }

.gallery-section .container {
  padding-left: 80px; }

.gallery-section:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-color: #0C393C;
  z-index: 1; }

.gallery-carousel {
  width: calc((100vw - 1520px) / 2 + 1520px);
  z-index: 2; }

.gallery-carousel .slick-track {
  display: flex; }

.gallery-carousel .item {
  outline: 0;
  margin: 0 20px 0 0;
  position: relative;
  height: 500px; }

.gallery-carousel .item a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  pointer-events: none; }

.gallery-carousel .item a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M16 4a12.0001 12.0001 0 1 0 0 24.0002A12.0001 12.0001 0 0 0 16 4Zm0 21.91a9.9995 9.9995 0 0 1-5.5649-1.6918 9.9995 9.9995 0 0 1-4.2359-10.2924 9.9998 9.9998 0 0 1 13.6904-7.2285 9.9999 9.9999 0 0 1 3.1498 16.3157A10 10 0 0 1 16 25.91ZM31.7104 29.69l-5.17-5.17a13.6787 13.6787 0 0 1-1.39 1.48l5.15 5.15a.9997.9997 0 0 0 1.3576-.0524 1.0004 1.0004 0 0 0 .0524-1.3576v-.05Z'/%3E%3Cpath d='M21 15h-4v-4a1.0001 1.0001 0 0 0-2 0v4h-4a1.0001 1.0001 0 0 0 0 2h4v4a1.0001 1.0001 0 0 0 2 0v-4h4a1.0001 1.0001 0 0 0 0-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
  background-size: 45px;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  filter: invert(1) brightness(100); }

.gallery-carousel .item:hover a:before,
.gallery-carousel .item:hover a:after {
  opacity: 1; }

.gallery-carousel .item a {
  outline: 0; }

.gallery-carousel .item video,
.gallery-carousel .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.gallery-carousel .slick-arrow {
  border: 2px solid #DFA887;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.25s;
  left: -70px; }

.gallery-carousel .slick-arrow:hover {
  background-color: #DFA887; }

.gallery-carousel .slick-arrow:hover svg {
  fill: #fff; }

.gallery-carousel .slick-arrow.slick-prev {
  bottom: 60px; }

.gallery-carousel .slick-arrow.slick-next {
  bottom: 0; }

.gallery-carousel .slick-arrow svg {
  fill: #161B22;
  width: 16px;
  height: 16px; }

@media (max-width: 2000px) {
  .gallery-carousel .item {
    height: 450px; } }

@media (max-width: 1699px) {
  .gallery-carousel {
    width: calc((100vw - 1320px) / 2 + 1320px); }
  .gallery-carousel .item {
    height: 320px; }
  .gallery-section {
    padding-bottom: 10px; } }

@media (max-width: 1399px) {
  .gallery-carousel {
    width: calc((100vw - 1170px) / 2 + 1170px); } }

@media (max-width: 1199px) {
  .gallery-carousel {
    width: calc((100vw - 960px) / 2 + 960px); } }

@media (max-width: 991px) {
  .gallery-carousel {
    width: calc((100vw - 720px) / 2 + 720px); } }

@media (max-width: 767px) {
  .gallery-carousel {
    width: calc((100vw - 540px) / 2 + 540px); } }

@media (max-width: 575px) {
  .gallery-carousel {
    width: calc(100% + 20px);
    margin: 0 -10px; }
  .gallery-section .container {
    padding-left: 10px; }
  .gallery-section {
    padding-top: 20px; }
  .gallery-carousel .item {
    height: 250px;
    margin: 0 5px; }
  .gallery-carousel .slick-arrow {
    display: none !important; } }

@media (max-width: 479px) {
  .gallery-carousel .item {
    height: 200px; } }

.documents-section {
  padding: 120px 0 100px; }

.documents-section .title-group {
  margin-bottom: 80px; }

.documents-section .title-group .h2,
.documents-section .title-group h2 {
  text-align: center;
  line-height: 0.5;
  text-indent: -200px;
  margin-left: 100px; }

.documents-section .title-group .h2 span,
.documents-section .title-group h2 span {
  font-size: 120px;
  position: relative; }

.documents-section .documents-holder {
  display: flex;
  flex-wrap: wrap; }

.documents-section .document-item {
  flex: 0 0 50%;
  margin-bottom: 50px; }

.documents-section .document-item a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px;
  font-size: 18px;
  transition: 0.25s;
  position: relative;
  display: inline-block;
  padding-left: 65px; }

.documents-section .document-item a:before {
  content: '';
  width: 50px;
  height: 50px;
  border: 2px solid #DFA887;
  position: absolute;
  left: 0;
  top: -10px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='41' viewBox='0 0 19 41' fill='none'%3E%3Cpath d='M9.5 19L9.5 37M9.5 37L1 28.5M9.5 37L18 28.5' stroke='%23DFA887' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.85' y='38.8501' width='17.3' height='1.3' rx='0.65' fill='%23DFA887' stroke='%23DFA887' stroke-width='0.3'/%3E%3C/svg%3E") repeat-y center top -5px;
  transition: 0.25s; }

.documents-section .document-item a:hover {
  color: #DFA887; }

.documents-section .document-item a:hover:before {
  background-position: center top 35px; }

@media (max-width: 1699px) {
  .documents-section {
    padding: 100px 0 80px; }
  .documents-section .title-group .h2 span, .documents-section .title-group h2 span {
    font-size: 100px; }
  .documents-section .document-item a {
    font-size: 16px; } }

@media (max-width: 991px) {
  .documents-section {
    padding: 80px 0 50px; }
  .documents-section .title-group .h2 span, .documents-section .title-group h2 span {
    font-size: 70px; }
  .documents-section .document-item a {
    font-size: 14px;
    padding-left: 55px; }
  .documents-section .document-item {
    padding-right: 15px; }
  .documents-section .document-item a:before {
    width: 42px;
    height: 42px;
    background-position: center top -10px; }
  .documents-section .document-item a:hover:before {
    background-position: center top 30px; } }

@media (max-width: 767px) {
  .documents-section .document-item {
    padding-right: 0;
    flex: 0 0 100%; } }

@media (max-width: 575px) {
  .documents-section .title-group .h2 span,
  .documents-section .title-group h2 span {
    font-size: 60px; }
  .documents-section .title-group .h2,
  .documents-section .title-group h2 {
    font-size: 28px; } }

.progress-section {
  background-color: #fff;
  color: #161B22;
  padding: 100px 0 160px; }

.progress-section .title-group h2,
.progress-section .title-group .h2 {
  color: #161B22;
  line-height: 0.6;
  text-indent: -50px; }

.progress-section .title-group h2 span,
.progress-section .title-group .h2 span {
  font-size: 120px;
  position: relative; }

.progress-section .tabs {
  margin: 0 0 20px;
  padding: 0px;
  list-style: none;
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.progress-section .tabs li {
  margin: 0 15px 15px 0;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 15px;
  color: #221c1c;
  text-align: center;
  position: relative;
  border: 1px solid transparent;
  text-transform: uppercase;
  border-radius: 30px; }

.progress-section .tabs li.current {
  color: #121212;
  font-family: "Med";
  border-color: #DFA887; }

.progress-section .tab-pane {
  display: none; }

.progress-section .tab-pane.current {
  display: block; }

.progress-section .tab-pane ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.progress-carousel {
  width: calc((100vw - 1520px) / 2 + 1520px); }

.progress-carousel .item {
  outline: 0;
  margin: 0 20px 0 0;
  position: relative;
  height: 500px; }

.progress-carousel .item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  pointer-events: none; }

.progress-carousel .item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none' viewBox='0 0 36 36'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M16 4a12.0001 12.0001 0 1 0 0 24.0002A12.0001 12.0001 0 0 0 16 4Zm0 21.91a9.9995 9.9995 0 0 1-5.5649-1.6918 9.9995 9.9995 0 0 1-4.2359-10.2924 9.9998 9.9998 0 0 1 13.6904-7.2285 9.9999 9.9999 0 0 1 3.1498 16.3157A10 10 0 0 1 16 25.91ZM31.7104 29.69l-5.17-5.17a13.6787 13.6787 0 0 1-1.39 1.48l5.15 5.15a.9997.9997 0 0 0 1.3576-.0524 1.0004 1.0004 0 0 0 .0524-1.3576v-.05Z'/%3E%3Cpath d='M21 15h-4v-4a1.0001 1.0001 0 0 0-2 0v4h-4a1.0001 1.0001 0 0 0 0 2h4v4a1.0001 1.0001 0 0 0 2 0v-4h4a1.0001 1.0001 0 0 0 0-2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
  background-size: 45px;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  filter: invert(1) brightness(100); }

.progress-carousel .item:hover:before,
.progress-carousel .item:hover:after {
  opacity: 1; }

.progress-carousel .item a {
  outline: 0; }

.progress-carousel .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.progress-carousel .slick-arrow {
  border: 2px solid #DFA887;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -60px;
  transition: 0.25s; }

.progress-carousel .slick-arrow:hover {
  background-color: #DFA887; }

.progress-carousel .slick-arrow:hover svg {
  fill: #fff; }

.progress-carousel .slick-arrow.slick-prev {
  left: 0; }

.progress-carousel .slick-arrow.slick-next {
  left: 60px; }

.progress-carousel .slick-arrow svg {
  fill: #161B22;
  width: 16px;
  height: 16px; }

.progress-section .title-group {
  position: relative;
  margin-bottom: 60px; }

.progress-section .online-camera {
  position: absolute;
  bottom: 20px;
  right: 0;
  border: 1px solid #161B22;
  border-radius: 30px;
  padding: 10px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Med";
  transition: 0.25s;
  color: #161B22; }

.progress-section .online-camera span {
  position: relative;
  display: flex;
  align-items: center; }

.progress-section .online-camera span:before {
  content: '';
  width: 28px;
  height: 28px;
  display: block;
  margin-right: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M17.5 16.5C17.5 17.4283 17.1313 18.3185 16.4749 18.9749C15.8185 19.6313 14.9283 20 14 20C13.0717 20 12.1815 19.6313 11.5251 18.9749C10.8687 18.3185 10.5 17.4283 10.5 16.5C10.5 15.5717 10.8687 14.6815 11.5251 14.0251C12.1815 13.3687 13.0717 13 14 13C14.9283 13 15.8185 13.3687 16.4749 14.0251C17.1313 14.6815 17.5 15.5717 17.5 16.5ZM7.5 16.5C7.5 14.7761 8.18482 13.1228 9.40381 11.9038C10.6228 10.6848 12.2761 10 14 10C15.7239 10 17.3772 10.6848 18.5962 11.9038C19.8152 13.1228 20.5 14.7761 20.5 16.5C20.5 18.2239 19.8152 19.8772 18.5962 21.0962C17.3772 22.3152 15.7239 23 14 23C12.2761 23 10.6228 22.3152 9.40381 21.0962C8.18482 19.8772 7.5 18.2239 7.5 16.5ZM14 11.5C13.3434 11.5 12.6932 11.6293 12.0866 11.8806C11.48 12.1319 10.9288 12.5002 10.4645 12.9645C10.0002 13.4288 9.63188 13.98 9.3806 14.5866C9.12933 15.1932 9 15.8434 9 16.5C9 17.1566 9.12933 17.8068 9.3806 18.4134C9.63188 19.02 10.0002 19.5712 10.4645 20.0355C10.9288 20.4998 11.48 20.8681 12.0866 21.1194C12.6932 21.3707 13.3434 21.5 14 21.5C15.3261 21.5 16.5979 20.9732 17.5355 20.0355C18.4732 19.0979 19 17.8261 19 16.5C19 15.1739 18.4732 13.9021 17.5355 12.9645C16.5979 12.0268 15.3261 11.5 14 11.5ZM3.75 3C3.28587 3 2.84075 3.18437 2.51256 3.51256C2.18437 3.84075 2 4.28587 2 4.75V6.25C2 6.948 2.409 7.55 3 7.832V15C3 21.075 7.925 26 14 26C20.075 26 25 21.075 25 15V7.832C25.591 7.551 26 6.948 26 6.25V4.75C26 4.28587 25.8156 3.84075 25.4874 3.51256C25.1592 3.18437 24.7141 3 24.25 3H3.75ZM23.5 8V15C23.5 17.5196 22.4991 19.9359 20.7175 21.7175C18.9359 23.4991 16.5196 24.5 14 24.5C11.4804 24.5 9.06408 23.4991 7.28249 21.7175C5.50089 19.9359 4.5 17.5196 4.5 15V8H23.5ZM24.25 6.5H3.75C3.6837 6.5 3.62011 6.47366 3.57322 6.42678C3.52634 6.37989 3.5 6.3163 3.5 6.25V4.75C3.5 4.6837 3.52634 4.62011 3.57322 4.57322C3.62011 4.52634 3.6837 4.5 3.75 4.5H24.25C24.3163 4.5 24.3799 4.52634 24.4268 4.57322C24.4737 4.62011 24.5 4.6837 24.5 4.75V6.25C24.5 6.3163 24.4737 6.37989 24.4268 6.42678C24.3799 6.47366 24.3163 6.5 24.25 6.5Z' fill='%23DFA887'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain; }

.progress-section .online-camera:hover {
  background-color: #161B22;
  color: #fff; }

@media (max-width: 1699px) {
  .progress-section .title-group h2, .progress-section .title-group .h2 {
    margin-left: 70px; }
  .progress-section .title-group h2 span, .progress-section .title-group .h2 span {
    font-size: 100px; }
  .progress-carousel {
    width: calc((100vw - 1320px) / 2 + 1320px); }
  .progress-carousel .item {
    height: 450px; }
  .progress-section {
    padding: 80px 0 140px; }
  .progress-section .tabs li {
    font-size: 14px;
    margin: 0 8px 15px 0; } }

@media (max-width: 1399px) {
  .progress-carousel {
    width: calc((100vw - 1170px) / 2 + 1170px); }
  .progress-carousel .item {
    height: 400px; } }

@media (max-width: 1199px) {
  .progress-carousel {
    width: calc((100vw - 960px) / 2 + 960px); }
  .progress-section .online-camera {
    font-size: 13px;
    padding: 7px 20px;
    bottom: 8px; }
  .progress-section .title-group h2 span, .progress-section .title-group .h2 span {
    font-size: 70px; } }

@media (max-width: 991px) {
  .progress-carousel {
    width: calc((100vw - 720px) / 2 + 720px); }
  .progress-carousel .item {
    height: 350px; } }

@media (max-width: 767px) {
  .progress-carousel {
    width: calc((100vw - 540px) / 2 + 540px); }
  .progress-section .title-group {
    margin-bottom: 30px;
    text-align: center; }
  .progress-section .title-group h2, .progress-section .title-group .h2 {
    margin-bottom: 40px; }
  .progress-section .title-group h2 span, .progress-section .title-group .h2 span {
    margin-left: -170px; }
  .progress-carousel .item {
    margin: 0 5px; }
  .progress-section .online-camera {
    display: flex;
    justify-content: center;
    position: static;
    width: 100%; }
  .progress-section .tabs li {
    font-size: 13px; } }

@media (max-width: 575px) {
  .progress-section {
    padding: 70px 0 90px; }
  .progress-carousel {
    width: calc(100% + 20px);
    margin: 0 -10px; }
  .progress-carousel .slick-arrow {
    display: none !important; } }

@media (max-width: 420px) {
  .progress-carousel .item {
    height: 300px; } }

.index-contacts {
  padding: 100px 0 150px; }

.index-contacts .title-group h2,
.index-contacts .title-group .h2 {
  text-indent: 70px;
  line-height: 0.7; }

.index-contacts .title-group h2 span,
.index-contacts .title-group .h2 span {
  font-size: 120px;
  position: relative; }

.index-contacts #map {
  width: calc((100vw - 1520px) / 2 + 875px) !important;
  height: 600px !important;
  z-index: 1; }

.index-contacts .col-xl-7,
.index-contacts .col-xl-5 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.index-contacts .contacts-holder {
  position: absolute;
  bottom: -50px;
  left: -70px;
  background-color: #111;
  padding: 45px 45px 35px;
  z-index: 10;
  margin-bottom: 0; }

.index-contacts .text-container {
  font-size: 22px; }

.index-contacts .text-container ul,
.index-contacts .text-container ol {
  padding-left: 20px;
  margin: -8px 0 10px; }

.index-contacts .text-container ul li,
.index-contacts .text-container ol li {
  margin-bottom: 5px; }

.index-contacts .text-container ul li::marker,
.index-contacts .text-container ol li::marker {
  color: #C8955C;
  font-weight: 600;
  font-size: 22px; }

.contacts-page .half-hero .col-sm-6,
.contacts-page .half-hero .col-sm-6 {
  padding-left: 80px;
  padding-top: 15px; }

.contacts-page #map {
  width: 100% !important;
  height: calc(100vh - 450px) !important;
  z-index: 1; }

.contacts-page .main-footer {
  display: none; }

.contacts-page .half-hero {
  display: flex;
  align-items: center; }

.contacts-holder {
  margin-bottom: 30px; }

.contacts-holder h3,
.contacts-holder .h3 {
  font-family: 'Med';
  text-transform: uppercase;
  font-size: 20px;
  color: #DFA887;
  margin: 0 0 10px; }

.contacts-holder p {
  margin: 0 0 5px; }

.contacts-holder a {
  color: #fff;
  text-decoration: none; }

.contacts-holder a:hover {
  text-decoration: underline; }

@media (max-width: 1699px) {
  .index-contacts {
    padding: 70px 0 120px; }
  .index-contacts #map {
    height: 450px !important;
    width: calc((100vw - 1520px) / 2 + 856px) !important; }
  .index-contacts .title-group h2 span, .index-contacts .title-group .h2 span {
    font-size: 80px; }
  .index-contacts .text-container {
    font-size: 16px; }
  .index-contacts .contacts-holder {
    padding: 30px 30px 20px; }
  .contacts-holder h3,
  .contacts-holder .h3 {
    font-size: 16px; }
  .contacts-page .contacts-holder {
    margin-bottom: 20px; }
  .contacts-page #map {
    height: 400px !important; }
  .contacts-page .half-hero {
    min-height: auto;
    padding-bottom: 10px; }
  .contacts-page .half-hero p {
    font-size: 14px; } }

@media (max-width: 1399px) {
  .index-contacts #map {
    width: calc((100vw - 1520px) / 2 + 843px) !important; } }

@media (max-width: 1199px) {
  .index-contacts .title-group h2, .index-contacts .title-group .h2 {
    text-align: center;
    margin-left: 0; }
  .index-contacts .title-group h2 span, .index-contacts .title-group .h2 span {
    font-size: 60px; }
  .index-contacts #map {
    width: calc(100% + 20px) !important;
    margin: 20px -10px 0; }
  .index-contacts .contacts-holder {
    display: none; }
  .contacts-page .half-hero {
    padding-top: 30px;
    padding-bottom: 30px; }
  .contacts-page #map {
    height: 600px !important; }
  .contacts-page .half-hero .col-sm-6,
  .contacts-page .half-hero .col-sm-6 {
    padding-left: 10px;
    padding-top: 15px; } }

@media (max-width: 575px) {
  .index-contacts .title-group h2,
  .index-contacts .title-group .h2 {
    text-indent: 0; }
  .index-contacts .title-group h2 span,
  .index-contacts .title-group .h2 span {
    font-size: 50px; }
  .index-contacts {
    padding: 70px 0 0; } }

.success-page .page-content {
  display: flex;
  align-items: center;
  padding: 100px 0; }

.success-page .page-content .container {
  text-align: center; }

.success-page .page-content .container img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px; }

.success-page .page-content .container h1 {
  margin-bottom: 15px;
  font-weight: 600; }

.success-page .page-content .container .subtitle {
  font-size: 22px;
  margin: 10px 0; }

.success-page .page-content .container .subtitle span {
  font-weight: 500; }

.success-page .page-content .container .success-text {
  max-width: 500px;
  margin: 0 auto 25px;
  font-size: 18px; }

.success-page .page-content .container .success-text span {
  font-weight: 500;
  color: #111; }

.success-page .page-content .container .btn-primary {
  height: 46px;
  margin: 8px auto 0;
  width: 300px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center; }

@media (max-width: 1199px) {
  .success-page .page-content .container h1 {
    font-size: 32px; }
  .success-page .page-content .container .success-text {
    font-size: 16px; } }

@media (max-width: 767px) {
  .success-page .page-content {
    padding: 80px 0 100px; }
  .success-page .page-content .container h1 {
    font-size: 28px; }
  .success-page .page-content .container .subtitle {
    font-size: 18px; } }

@media (max-width: 420px) {
  .success-page .page-content .container .btn-primary {
    width: 90%; } }

#wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.page-content {
  flex: 1; }

#page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 27, 34, 0.6);
  z-index: 1;
  display: none; }

@media (max-width: 991px) {
  .fancybox-slide {
    padding: 20px; } }

.main-footer {
  background-color: #042324;
  padding: 80px 0 20px 0; }

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

.main-footer .contacts-holder {
  margin-bottom: 40px; }

.main-footer a {
  text-decoration: none;
  color: #fff; }

.main-footer a:hover {
  text-decoration: underline; }

.footer-bottom {
  display: flex;
  justify-content: space-between;
  padding: 15px 0; }

.site-developer a span {
  color: #DFA887; }

@media (max-width: 1199px) {
  .main-footer img {
    max-width: 150px; } }

@media (max-width: 991px) {
  .main-footer .hidden-md {
    display: none; } }

@media (max-width: 575px) {
  .footer-bottom {
    display: block;
    text-align: center; }
  .site-copyright {
    margin-bottom: 5px; }
  .main-footer .contacts-holder h3,
  .main-footer .contacts-holder .h3 {
    font-size: 17px; }
  .main-footer .contacts-holder p {
    font-size: 16px; }
  .main-footer .container {
    padding-left: 30px;
    padding-right: 30px; } }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1000;
  padding: 10px;
  background: rgba(22, 27, 34, 0.9);
  text-align: center; }

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em; }

.blocker.behind {
  background-color: transparent; }

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 600px;
  background-color: #fff;
  text-align: left; }

.modal:before,
.modal:after {
  content: '';
  position: absolute;
  background-color: #DFA887; }

.modal:before {
  top: -10px;
  left: -10px;
  right: 40%;
  bottom: 30%; }

.modal:after {
  top: 50%;
  left: 50%;
  right: -10px;
  bottom: 5%; }

.modal-content {
  position: relative;
  z-index: 2;
  background-color: #fff;
  color: #111; }

.modal a.close-modal {
  position: absolute;
  top: 0;
  right: -42px;
  display: block;
  width: 42px;
  height: 42px;
  font-size: 0;
  background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='m10.5758 9.0001 7.3277-7.3277L16.3303.099 9.0025 7.427 1.6748.099.1016 1.6724 7.4293 9 .1016 16.328l1.5732 1.5732 7.3277-7.3277 7.3278 7.3277 1.5732-1.5732-7.3277-7.3278Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 18px;
  transition: 0.15s; }

.modal-header {
  display: flex;
  justify-content: center;
  border: 0;
  padding: 60px 35px 30px;
  flex-wrap: wrap; }

.modal-body {
  padding: 0 100px 80px; }

.modal .modal-title {
  margin: 0 0 12px;
  font-size: 28px;
  font-family: 'Bold';
  text-transform: uppercase; }

.modal .sub-title {
  font-size: 18px;
  color: #74747A;
  text-align: center;
  padding: 0 30px; }

.modal-content .form-control {
  height: 54px;
  color: #111;
  font-size: 18px; }

.modal-content .form-control::placeholder {
  color: #555; }

.modal-content .btn-secondary {
  width: 100%;
  font-size: 18px;
  text-transform: uppercase; }

@media (max-width: 1699px) {
  .modal .modal-title {
    font-size: 24px; }
  .modal .sub-title {
    font-size: 16px; }
  .modal-content .form-control {
    height: 46px;
    font-size: 16px; }
  .modal-content .btn-secondary {
    height: 46px;
    font-size: 16px; }
  .modal {
    max-width: 500px; }
  .modal-body {
    padding: 0 80px 60px; } }

@media (max-width: 767px) {
  .modal .modal-title {
    font-size: 20px; }
  .modal .sub-title {
    font-size: 14px; }
  .modal-content .form-control {
    height: 42px;
    font-size: 16px; }
  .modal-content .btn-secondary {
    height: 42px;
    font-size: 16px; }
  .modal {
    max-width: calc(100% - 30px); }
  .modal-header {
    padding: 50px 35px 20px; }
  .modal-body {
    padding: 0 50px 60px; }
  .modal a.close-modal {
    right: 0;
    z-index: 10; } }

@media (max-width: 420px) {
  .modal-body {
    padding: 0 30px 40px; }
  .modal-header {
    padding: 30px 35px 20px; }
  .modal .sub-title {
    padding: 0; } }

.error-page .page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
  text-align: center; }

.error-page .page-content .lg-nums {
  font-size: 160px;
  font-family: 'Bold';
  line-height: 1.1;
  display: inline-block; }

.error-page .page-content .h2 {
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 10px;
  font-family: 'Med'; }

.error-page .page-content p {
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 40px; }

.error-page .page-content p a {
  color: #DFA887;
  font-weight: 500; }

.error-page .page-content p a:hover {
  text-decoration: none; }

@media (max-width: 1199px) {
  .error-page .page-content .h2 {
    font-size: 28px; } }

@media (max-width: 991px) {
  .error-page .page-content .lg-nums {
    font-size: 100px; } }

@media (max-width: 767px) {
  .error-page .page-content .lg-nums {
    font-size: 80px; }
  .error-page .page-content .h2 {
    font-size: 24px; }
  .error-page .page-content p {
    font-size: 14px; }
    .document-item-index {
    flex: 0 0 50%;
    margin-bottom: 50px;
      margin: 20px 20px;
}
    .document-item-index a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-size: 16px;
    transition: 0.25s;
    position: relative;
    display: inline-block;
    padding-left: 60px;
}
}

#result3 {
  text-align: center;
}
.document-item-index {
  flex: 0 0 50%;
  margin-bottom: 30px; 
        margin-top: 20px;
}

.document-item-index a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px;
  font-size: 16px;
  transition: 0.25s;
  position: relative;
  display: inline-block;
  padding-left: 60px; }

.document-item-index a:before {
  content: '';
  width: 50px;
  height: 50px;
  border: 2px solid #DFA887;
  position: absolute;
  left: 0;
  top: -5px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='41' viewBox='0 0 19 41' fill='none'%3E%3Cpath d='M9.5 19L9.5 37M9.5 37L1 28.5M9.5 37L18 28.5' stroke='%23DFA887' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.85' y='38.8501' width='17.3' height='1.3' rx='0.65' fill='%23DFA887' stroke='%23DFA887' stroke-width='0.3'/%3E%3C/svg%3E") repeat-y center top -5px;
  transition: 0.25s; }
  
 .document-item-index.item-video a:before {
  content: '';
  width: 50px;
  height: 50px;
  border: 2px solid #DFA887;
  position: absolute;
  left: 0;
  top: -5px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23DFA887' fill-rule='evenodd' d='M7.238 3.044C5.652 2.182 3.75 3.32 3.75 5.033v13.934c0 1.714 1.902 2.851 3.488 1.989l12.812-6.967c1.6-.87 1.6-3.108 0-3.977L7.238 3.044ZM2.25 5.033c0-2.905 3.167-4.687 5.705-3.306l12.812 6.967c2.644 1.438 2.644 5.174 0 6.612L7.955 22.273c-2.538 1.38-5.705-.4-5.705-3.306V5.033Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
  transition: 0.25s;
  }
  
  .document-item-index.item-video a:hover:before {
    background-position: center;
}
  

.document-item-index a:hover {
  color: #DFA887; }

.document-item-index a:hover:before {
  background-position: center top 35px; }


   #ad-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* напівпрозоре затемнення */
    z-index: 9998;
  }
 
  #ad-banner {
    position: fixed;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 370px;
    max-width: 90vw;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 999999998 !important;
    overflow: hidden;
    text-align: center;
  }

  #ad-banner img {
    width: 100%;
    height: auto;
    display: block;
  }

  #close-banner {
    position: absolute;
    top: 5px;
    right: 8px;
    background: transparent;
    border: none;
    font-size: 40px;
    color: white;
    cursor: pointer;
    line-height: 1;
    z-index: 999999;
  }

  #close-banner:hover {
    color: #DFA887;
  }
  
  
  
  @media (max-width: 767px) {
   #ad-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* напівпрозоре затемнення */
    z-index: 99998 !important;
  }
 
  #ad-banner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    max-width: 90vw;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 999999998 !important;
    overflow: hidden;
    text-align: center;
  }

  #ad-banner img {
    width: 100%;
    height: auto;
    display: block;
  }

  #close-banner {
    position: absolute;
    top: 5px;
    right: 8px;
    background: transparent;
    border: none;
    font-size: 30px;
    color: white;
    cursor: pointer;
    line-height: 1;
    z-index: 100000;
  }}