.parade {
         width: 100%;
         max-width: 1094px;
         overflow: visible;
         padding: 8.125rem 0;
         margin-bottom: 0;
         padding-left: 8px;
 }

 .parade__logo {
         position: relative;
         margin-bottom: 33px;

         &:after {
                 content: "";
                 width: 84px;
                 position: absolute;
                 right: 100%;
                 margin-right: 40px;
                 top: 19px;
                 height: 1px;
                 background-color: #000000;
         }
 }

 .parade__logo img {
         width: 120px;
         aspect-ratio: 120 / 35;
 }

 .parade__content {
         font: 400 1rem "Open Sans";
         display: flex;
         justify-content: space-between;

         p {
                 page-break-inside: avoid;
                 margin: 0;

                 &:nth-child(1) {
                         flex-basis: 51%;
                 }

                 &:nth-child(2) {
                         flex-basis: 40.6%;
                 }
         }
 }

 .parade__link {
         font: 600 13.3px "Open Sans";
         color: #000;
         display: inline-block;
         margin-left: auto;
         margin-right: 0;
         margin-top: 53px;
         text-decoration: none;
         position: relative;
         transform: translateX(40%);
 }

 .parade__link svg {
         margin-left: 30px;
 }

 @media (max-width: 1600px) {
         .parade__link {
                 transform: none;
         }
 }

 @media (max-width: 1200px) {
         .parade {
                 max-width: 910px;
         }
 }

 @media (max-width: 900px) {
         .parade__logo {
                 margin-left: 60px;

                 &:after {
                         width: 40px;
                         margin-right: 20px;
                 }
         }

         .parade {
                 padding: 80px 24px;
         }

         .parade__content {
                 font-size: 14px;
                 display: block;

                 p {
                         margin-bottom: 33px;
                 }
         }

         .parade__link {
                 margin-top: 0;
                 margin-left: 0;
                 margin-right: auto;
                 display: flex;
                 white-space: nowrap;
                 align-items: center;
                 justify-content: space-between;
         }
 }

 .docs {
         max-width: 1620px;
         width: 100%;
 }


 .main {
         width: 100%;
         min-height: 100vh;
         height: 100%;
         display: flex;
         padding: 0 9.375rem;
         padding-top: 10.75rem;
         padding-bottom: 8.125rem;
         position: relative;
 }

 @media screen and (max-width: 1200px) {
         .main {
                 padding: 6.7rem 6rem;
         }
 }

 @media screen and (max-width: 900px) {
         .main {
                 padding: 6.7rem 6.7rem;
                 margin-bottom: 5.7rem;
         }
 }

 @media screen and (max-width: 600px) {
         .main {
                 padding: 6.7rem 1.7rem;
         }
 }

 .main .background {
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
 }

 .main .background::after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.55);
 }

 .main .background img {
         width: 100%;
         height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
 }

 .main .weather {
         display: flex;
         align-items: center;
         z-index: 2;
         position: absolute;
         right: 9.375rem;
         top: 10.75rem;
         flex-direction: column;
 }

 @media screen and (max-width: 800px) {
         .main .weather {
                 right: unset;
                 left: 0.875rem;
                 top: 6.5rem;
         }
 }

 .main .weather .title {
         font: 400 1rem "Open Sans";
         font-size: 1rem;
         font-weight: 400;
         color: #fff;
         transform: translateY(0.5rem);
 }

 @media screen and (max-width: 800px) {
         .main .weather .title {
                 font-size: 0.875rem;
                 transform: translateY(0.875rem);
         }
 }

 .main .weather .booked-pd-ndays {
         display: none;
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-val {
         color: #fff;
         font: 600 1rem "Open Sans" !important;
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-val .booked-wzs-pd-number {
         font: 600 1rem "Open Sans" !important;
         font-size: 2.5rem !important;
 }

 @media screen and (max-width: 800px) {
         .main .weather .booked-prime-days-data .booked-wzs-pd-val .booked-wzs-pd-number {
                 font-size: 2rem !important;
         }
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-val .booked-wzs-pd-number .plus {
         font: 600 1rem "Open Sans" !important;
         font-size: 2.5rem !important;
 }

 @media screen and (max-width: 800px) {
         .main .weather .booked-prime-days-data .booked-wzs-pd-val .booked-wzs-pd-number .plus {
                 font-size: 2rem !important;
         }
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-dergee {
         color: #fff;
         font: 600 1rem "Open Sans" !important;
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-dergee .booked-wzs-pd-dergee-val {
         font: 600 1rem "Open Sans" !important;
         font-size: 2.5rem !important;
         height: 18px;
 }

 @media screen and (max-width: 800px) {
         .main .weather .booked-prime-days-data .booked-wzs-pd-dergee .booked-wzs-pd-dergee-val {
                 font-size: 2rem !important;
                 height: 12px;
         }
 }

 .main .weather .booked-prime-days-data .booked-wzs-pd-dergee .booked-wzs-pd-dergee-name {
         font: 600 1rem "Open Sans" !important;
         font-size: 1.5625rem !important;
         text-transform: lowercase;
 }

 @media screen and (max-width: 800px) {
         .main .weather .booked-prime-days-data .booked-wzs-pd-dergee .booked-wzs-pd-dergee-name {
                 font-size: 1.25rem !important;
         }
 }

 .main .weather .booked-prime-days-data .booked-pd-today-extreme {
         color: #fff;
         font: 400 1rem "Open Sans";
 }

 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h,
 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l {
         color: #fff;
         font: 600 1rem "Open Sans" !important;
         text-transform: uppercase;
         font-size: 0.8125rem !important;
 }

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

         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h,
         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l {
                 font: 600 1rem "Open Sans" !important;
                 font-size: 0.625rem !important;
         }
 }

 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h .plus,
 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l .plus {
         font: 600 1rem "Open Sans" !important;
         text-transform: uppercase;
         font-size: 0.8125rem !important;
 }

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

         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h .plus,
         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l .plus {
                 font: 600 1rem "Open Sans" !important;
                 font-size: 0.625rem !important;
         }
 }

 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h span:first-child,
 .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l span:first-child {
         font: 400 1rem "Open Sans" !important;
         font-size: 0.8125rem !important;
 }

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

         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-h span:first-child,
         .main .weather .booked-prime-days-data .booked-pd-today-extreme .booked-pd.booked-pd-l span:first-child {
                 font: 400 1rem "Open Sans" !important;
                 font-size: 0.625rem !important;
         }
 }

 .main .info {
         z-index: 1;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         justify-content: flex-start;
         height: 100%;
         flex-grow: 1;
 }

 .main .info .urban-awards {
         display: none;
 }

 @media screen and (max-width: 1200px) {
         .main .info .urban-awards {
                 display: flex;
                 align-items: center;
                 position: absolute;
                 left: 1.75rem;
                 top: 1.75rem;
         }

         .main .info .urban-awards img {
                 width: 4.3rem;
                 -o-object-fit: contain;
                 object-fit: contain;
         }

         .main .info .urban-awards span {
                 font: 400 1rem "Open Sans";
                 line-height: 110%;
                 font-size: 0.87rem;
                 font-weight: 400;
                 color: #fff;
                 display: flex;
                 margin-left: 0.875rem;
                 max-width: 8.5rem;
         }
 }

 .main .info .logo {
         width: 20%;
         margin-right: auto;
         margin-bottom: auto;
 }

 @media screen and (max-width: 1024px) {
         .main .info .logo {
                 width: 35%;
         }
 }

 @media screen and (max-width: 900px) {
         .main .info .logo {
                 width: 50%;
                 margin-bottom: auto;
         }
 }

 @media screen and (max-width: 800px) {
         .main .info .logo {
                 width: 70%;
                 margin-bottom: auto;
                 margin-top: 13rem;
         }
 }

 @media screen and (max-width: 600px) {
         .main .info .logo {
                 width: 100%;
                 margin-bottom: auto;
                 margin-top: 13.75rem;
         }
 }

 .main .info .logo img {
         width: 100%;
         -o-object-fit: contain;
         object-fit: contain;
 }

 .main .info .title {
         margin: 0;
         padding: 0;
         font: 500 1rem "Lora";
         font-size: 3.125rem;
         text-transform: uppercase;
         width: 50%;
         color: #fff;
         margin-bottom: 3.5rem;
         margin-top: 4rem;
 }

 @media screen and (max-width: 1366px) {
         .main .info .title {
                 font-size: 2.6rem;
         }
 }

 @media screen and (max-width: 1280px) {
         .main .info .title {
                 font-size: 2.4rem;
         }
 }

 @media screen and (max-width: 1200px) {
         .main .info .title {
                 font-size: 2.7rem;
         }
 }

 @media screen and (max-width: 1024px) {
         .main .info .title {
                 width: 60%;
         }
 }

 @media screen and (max-width: 900px) {
         .main .info .title {
                 font-size: 2.3rem;
                 line-height: 1.2em;
                 width: 100%;
                 margin-bottom: 2.9rem;
         }
 }

 @media screen and (max-width: 360px) {
         .main .info .title {
                 font-size: 1.8rem;
         }
 }

 .main .info a {
         background: transparent;
         color: #fff;
         text-decoration: none;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
         position: relative;
         border: 1px solid #fff;
         padding: 1rem 4rem;
         font: 600 1rem "Open Sans";
         font-size: 0.82rem;
         cursor: pointer;
         position: relative;
         overflow: hidden;
         transition: 0.3s ease;
 }

 @media screen and (max-width: 600px) {
         .main .info a {
                 padding: 1.2rem 4.6rem;
                 font-size: 0.95rem;
         }
 }

 .main .info a::after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         background: #fff;
         transform: translateY(100%);
         transition: 0.3s ease;
         z-index: -1;
 }

 .main .info a:hover {
         color: #A39382;
 }

 .main .info a:hover::after {
         transform: translateY(0);
 }

 .apartments,
 .cottages,
 .services,
 .news {
         width: 100%;
         padding: 8.125rem 9.375rem;
         margin-bottom: 0;
 }

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

         .apartments,
         .cottages,
         .services,
         .news {
                 padding: 8.125rem 6rem;
         }
 }

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

         .apartments,
         .cottages,
         .services,
         .news {
                 padding: 5.7rem 6.7rem;
         }
 }

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

         .apartments,
         .cottages,
         .services,
         .news {
                 padding: 5.7rem 1.7rem;
         }
 }

 .apartments .heading,
 .cottages .heading,
 .services .heading,
 .news .heading {
         padding-left: 8.625rem;
 }

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

         .apartments .heading,
         .cottages .heading,
         .services .heading,
         .news .heading {
                 padding-left: 0rem;
         }
 }

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

         .apartments .heading,
         .cottages .heading,
         .services .heading,
         .news .heading {
                 padding-left: 0;
         }
 }

 .apartments .content,
 .cottages .content,
 .services .content,
 .news .content {
         font: 400 1rem "Open Sans";
         padding-left: 16.485rem;
         width: 62%;
         margin-bottom: 5rem;
         color: #000;
 }

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

         .apartments .content,
         .cottages .content,
         .services .content,
         .news .content {
                 padding-left: 7.86rem;
         }
 }

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

         .apartments .content,
         .cottages .content,
         .services .content,
         .news .content {
                 padding-left: 0;
                 width: 100%;
                 margin-bottom: 4.3rem;
         }
 }

 .apartments .content p,
 .cottages .content p,
 .services .content p,
 .news .content p {
         margin: 0;
         padding: 0;
 }

 .apartments .content p:not(:last-child),
 .cottages .content p:not(:last-child),
 .services .content p:not(:last-child),
 .news .content p:not(:last-child) {
         margin-bottom: 1em;
 }

 @media screen and (max-width: 900px) and (min-width: 768px) {
         .about .hills {
                 top: 25%;
         }
 }

 @media screen and (max-width: 414px) and (min-width: 390px) {
         .about .hills {
                 transform: translateY(-75%);
         }
 }

 .about .video {
         width: 100%;
         padding: 0 8.625rem;
         padding-left: 16.485rem;
         margin-bottom: 3.125rem;
 }

 @media screen and (max-width: 1024px) {
         .about .video {
                 padding: 0;
                 padding-left: 7.86rem;
         }
 }

 @media screen and (max-width: 900px) {
         .about .video {
                 margin-bottom: 2rem;
                 padding: 0;
         }
 }

 .about .video .video-js {
         width: 100%;
         height: auto;
         outline: none;
 }

 .about .video .video-js video {
         outline: none;
 }

 .about .video .video-js button {
         outline: none;
 }

 .about .video .video-js .vjs-tech {
         position: static;
 }

 .about .video .video-js .vjs-control-bar {
         background: transparent;
         bottom: 1em;
         z-index: 5;
 }

 .about .video .video-js .vjs-big-play-button {
         width: 4rem;
         height: 4rem;
         border-radius: 50%;
         border: 2px solid #fff;
         background: transparent;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
 }

 .about .video .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
         display: flex;
         justify-content: center;
         align-items: center;
 }

 .about .additional_info {
         padding: 0 8.625rem;
         padding-left: 16.485rem;
 }

 @media screen and (max-width: 1024px) {
         .about .additional_info {
                 padding: 0;
                 padding-left: 7.86rem;
         }
 }

 @media screen and (max-width: 900px) {
         .about .additional_info {
                 padding: 0;
         }
 }

 .about .additional_info .content {
         width: 40%;
 }

 @media screen and (max-width: 900px) {
         .about .additional_info .content {
                 width: 100%;
         }
 }

 .apartments {
         background: #A39382;
 }

 .apartments .heading {
         color: #fff;
 }

 .apartments .heading::before {
         border-color: #fff;
 }

 .apartments .content {
         color: #fff;
 }

 @media screen and (max-width: 900px) {
         .apartments .content {
                 margin-bottom: 2.9rem;
         }
 }

 .apartments .gallery {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         gap: 1.2rem;
         width: 100%;
 }

 @media screen and (max-width: 900px) {
         .apartments .gallery {
                 display: flex;
                 flex-direction: column-reverse;
                 gap: unset;
         }
 }

 .apartments .gallery .card {
         display: flex;
         flex-direction: column;
         width: 100%;
 }

 .apartments .gallery .card .image {
         width: 100%;
         position: relative;
         padding-top: 129%;
         overflow: hidden;
         transform-origin: top;
 }

 .apartments .gallery .card .image img {
         width: 100%;
         height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
         position: absolute;
         left: 0;
         top: 0;
         will-change: transform;
 }

 .apartments .gallery .card .image .overflow_block {
         width: 100%;
         height: 100%;
         background: #A39382;
         position: absolute;
         left: 0;
         top: 0;
         will-change: transform;
 }

 .apartments .gallery .card .additional_info {
         display: flex;
         flex-direction: column;
 }

 .apartments .gallery .card .additional_info .text {
         font: 600 1rem "Open Sans";
         font-style: italic;
         margin-bottom: 1.875rem;
         color: #fff;
 }

 @media screen and (max-width: 900px) {
         .apartments .gallery .card .additional_info .text {
                 margin-bottom: 2.9rem;
         }
 }

 .apartments .gallery .card:nth-child(1) {
         padding-top: 3.81rem;
 }

 .apartments .gallery .card:nth-child(1) .image {
         margin-bottom: 3.125rem;
 }

 @media screen and (max-width: 900px) {
         .apartments .gallery .card:nth-child(1) {
                 padding-top: 0;
         }

         .apartments .gallery .card:nth-child(1) .image {
                 margin-bottom: 2rem;
         }
 }

 .apartments .gallery .card:nth-child(3) {
         padding-top: 12rem;
 }

 @media screen and (max-width: 900px) {
         .apartments .gallery .card:nth-child(3) {
                 padding-top: 0;
         }
 }

 @media screen and (max-width: 900px) {
         .apartments .gallery .card {
                 margin-bottom: 1.43rem;
         }

         .apartments .gallery .card:first-child {
                 margin-bottom: 0;
         }
 }

 .apartments .slogan {
         right: 9.375rem;
 }

 @media screen and (max-width: 900px) {
         .apartments .slogan {
                 right: 0;
         }
 }

 .cottages .cottage_cards {
         margin-bottom: 5rem;
 }

 @media screen and (max-width: 900px) {
         .cottages .cottage_cards {
                 margin-bottom: 2.9rem;
         }
 }

 .cottages .more {
         margin-left: auto;
 }

 @media screen and (max-width: 900px) {
         .cottages .more {
                 margin-left: 0;
         }
 }

 .cottages .slogan {
         right: 9.375rem;
 }

 @media screen and (max-width: 900px) {
         .cottages .slogan {
                 right: 0;
         }
 }

 .developer .logo {
         width: 5.5rem;
         margin-right: 2.56rem;
 }

 @media screen and (max-width: 900px) {
         .developer .logo {
                 position: static;
                 transform: none;
                 width: 35%;
                 margin-left: auto;
                 margin-right: auto;
                 margin-bottom: 2rem;
         }
 }

 .developer .logo img {
         width: 100%;
         -o-object-fit: contain;
         object-fit: contain;
 }

 .developer .content {
         display: flex;
         flex-direction: row;
         width: 100%;
         padding-left: 8.625rem;
         padding-right: 8.625rem;
 }

 @media screen and (max-width: 1024px) {
         .developer .content {
                 padding: 0;
         }
 }

 @media screen and (max-width: 900px) {
         .developer .content {
                 flex-direction: column;
                 margin-bottom: 2.9rem;
                 padding: 0;
         }
 }

 .developer .content .text {
         width: calc(50% - 6.25rem);
 }

 .developer .content .text:nth-child(2) {
         margin-right: 6.25rem;
 }

 @media screen and (max-width: 900px) {
         .developer .content .text {
                 width: 100%;
                 margin-right: 0;
         }

         .developer .content .text:not(:last-child) {
                 margin-bottom: 1rem;
         }
 }

 .developer .more {
         margin-right: 8.625rem;
 }

 @media screen and (max-width: 1024px) {
         .developer .more {
                 margin-right: 0;
         }
 }

 .services {
         background: #A39382;
 }

 .services .heading {
         z-index: 1;
         color: #fff;
 }

 .services .heading::before {
         border-color: #fff;
 }

 .services .content {
         z-index: 1;
         color: #fff;
 }

 .services .slogan {
         right: 9.375rem;
 }

 @media screen and (max-width: 900px) {
         .services .slogan {
                 right: 0;
                 margin-bottom: 0;
         }
 }

 .services .hills {
         right: 0;
         z-index: 0;
 }

 @media screen and (max-width: 768px) {
         .services .hills {
                 left: 0;
                 right: unset;
                 width: 130%;
                 transform: translateY(75%);
         }
 }

 .news .hills {
         bottom: 0;
         left: 0;
 }

 @media screen and (max-width: 900px) {
         .news .hills {
                 left: unset;
                 right: 0;
                 transform: scaleX(-1);
                 width: 100%;
         }
 }

 .news .heading {
         margin-bottom: 5rem;
 }

 @media screen and (max-width: 900px) {
         .news .heading {
                 margin-bottom: 4.3rem;
         }
 }

 .news .news_list {
         margin-bottom: 5rem;
 }

 @media screen and (max-width: 900px) {
         .news .news_list {
                 margin-bottom: 2.9rem;
         }
 }

 .news .news_list .news_card .content {
         padding-left: 0;
 }

 .news .more {
         margin-left: auto;
         margin-right: 8.625rem;
 }

 @media screen and (max-width: 1024px) and (min-width: 901px) {
         .news .more {
                 margin-right: 0;
         }
 }

 @media screen and (max-width: 900px) {
         .news .more {
                 margin-left: 0;
                 margin-right: 0;
         }
 }

 .contacts .slogan {
         right: 9.375rem;
 }

 @media screen and (max-width: 900px) {
         .contacts .slogan {
                 right: 0;
         }
 }