/*



Theme Name:   Olimp White

Text Domain:  olimpwhite



*/



/* ========================================== Table of Contents Start ============================ */



/*



1. Fonts

2. General css Reset code

3. General Classes

4. Header

5. Header No Menu

6. Home Page

7. Breadcrumbs

8. Service Category Page

9. Service Single Page

10. Signature Programs Page

11. Contact Us Page

12. Price Page

13. Thank You Page

14. 404 Page

15. Privacy Page

16. Footer

17. Popups

18. Hover Effects

19. Adaptive



*/



/* ========================================== Table of Contents End ============================== */



/* ========================================== Fonts Start ======================================== */



@font-face {

    font-family: 'Manrope';

    font-style: normal;

    font-weight: 400;

    src: url('../olimpwhite/assets/fonts/Manrope-Regular.woff2') format('woff2'), url('../olimpwhite/assets/fonts/Manrope-Regular.woff') format('woff');

}

@font-face {

    font-family: 'Manrope';

    font-style: normal;

    font-weight: 500;

    src: url('../olimpwhite/assets/fonts/Manrope-Medium.woff2') format('woff2'), url('../olimpwhite/assets/fonts/Manrope-Medium.woff') format('woff');

}

@font-face {

    font-family: 'Manrope';

    font-style: normal;

    font-weight: 600;

    src: url('../olimpwhite/assets/fonts/Manrope-SemiBold.woff2') format('woff2'), url('../olimpwhite/assets/fonts/Manrope-SemiBold.woff') format('woff');

}

@font-face {

    font-family: 'Manrope';

    font-style: normal;

    font-weight: 700;

    src: url('../olimpwhite/assets/fonts/Manrope-Bold.woff2') format('woff2'), url('../olimpwhite/assets/fonts/Manrope-Bold.woff') format('woff');

}

@font-face {

    font-family: 'Forum';

    font-style: normal;

    font-weight: 400;

    src: url('../olimpwhite/assets/fonts/Forum-Regular.woff2') format('woff2'), url('../olimpwhite/assets/fonts/Forum-Regular.woff') format('woff');

}



/* ========================================== Fonts End ========================================== */



/* ========================================== General css Reset code Start ======================= */



:root {

	--black: #212121;

	--light-grey: #f4f4f2;

	--white: #fff;

	--button-color-black: #0f0f0f;

	--color-grey-text: #5a5a5a;

	--color-grey-stroke: #d9d9d9;

	--color-background-grey: #f4f4f4;

	--color-black-: #262626;

	--color-grey-text-light: #9c9c9c;

	--color-stroke-light: #e4e4e4;

    --font-family: "Manrope", sans-serif;

    --second-family: "Forum", sans-serif;

}

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border: 0;

    padding: 0;

    margin: 0

}

html {

    scroll-behavior: smooth;

}

body {
    position: relative;
    font-family: 'Manrope';
    font-weight: 400;
    font-style: normal;
    background: var(--white) !important;
}

/* body.lock {

    overflow: hidden;

} */

body.overlay {

    position: relative;

    overflow: hidden;

}

body.overlay:before {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: rgba(0, 0, 0, 0.40);

    z-index: 10;

}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {

    margin: 0;

    padding: 0;

}

ul, ol {

    list-style: none;

}

a {

    text-decoration: none;

    color: inherit;

}

input, textarea, select, button {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    outline: none;

    border: none;

}

button {

    background-color: transparent;

    border: none;

    cursor: pointer;

}

img, svg {

    max-width: 100%;

    height: auto;

    display: block;

}



/* ========================================== General css Reset code End ========================= */



/* ========================================== General Classes Start ============================== */



.container {

    max-width: 1272px;

    margin: 0 auto;

    padding: 0 16px;

}



.section-el {

    padding: 80px 0;

}



.btn-dark {

    background: var(--button-color-black);

    display: inline-flex;

    align-items: center;

    gap: 19px;

    padding: 10px 20px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.03em;

    text-align: center;

    color: var(--white);

    position: relative;

}



.btn-dark:before {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-left: 12px solid transparent;

    border-bottom: 12px solid white;

    border-right: 0px solid white;

    right: 0px;

    bottom: 0;

}



.btn-read-more {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.03em;

    text-align: center;

    color: var(--button-color-black);

}



.go-back-btn {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.h1-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 48px;

    color: var(--button-color-black);

}



.h2-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 48px;

    color: var(--button-color-black);

}





/* ========================================== General Classes End ================================ */



/* ========================================== Animations Classes Start =========================== */



.fade-in {

    opacity: 0;

    transform: translate(0px, 40px);

    transition: all 1s ease;

}

.fade-in.start-animation {

    opacity: 1;

    transform: translate(0, 0);

}

.anim-translate-top {

    opacity: 0;

    transform: translateY(50px);

    transition: .5s ease;

}

.anim-translate-top.start-animation {

    opacity: 1;

    transform: translateY(0);

}

.anim-scale {

    opacity: 0;

    transform: scale(0);

    transition: .5s ease;

}

.anim-scale.start-animation {

    opacity: 1;

    transform: scale(1);

}

.anim-translate-right {

    opacity: 0;

    transform: translateX(-50px);

    transition: .5s ease;

}

.anim-translate-right.start-animation {

    opacity: 1;

    transform: translateX(0);

}

.anim-translate-left {

    opacity: 0;

    transform: translateX(50px);

    transition: .5s ease;

}

.anim-translate-left.start-animation {

    opacity: 1;

    transform: translateX(0);

}



/* ========================================== Animations Classes End ============================= */



/* ========================================== Header Start ======================================= */



header.header {

    border-bottom: 1px solid var(--color-grey-stroke);

    padding: 27px 0 12px;

    position: relative;

}



.header__content-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header__left-info {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-basis: 33.333%;
    justify-content: flex-start;
}

.header__logo {
    flex-basis: 33.333%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.header__right-info {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-basis: 33.333%;
    justify-content: flex-end;
}


.header__lang-switcher {

    display: flex;

    align-items: center;

    gap: 8px;

}



.header__lang-link.active {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    line-height: 140%;

    text-align: center;

    color: var(--button-color-black);

}



.header__lang-link {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    line-height: 140%;

    text-align: center;

    color: var(--color-grey-text);

}



.header__phone-mob {

    display: none;

}



.header__burger {

    position: relative;

    cursor: pointer;

    z-index: 101;

    width: 25px;

    height: 16px;

}



.header__burger span {

    position: absolute;

    left: 0;

    width: 100%;

    background: var(--button-color-black);

    height: 2px;

    top: 7px;

    transition: 0.4s;

    border-radius: 1px;

}



.header__burger::before,

.header__burger::after {

    content: "";

    background: var(--button-color-black);

    position: absolute;

    width: 25px;

    height: 2px;

    left: 0;

    transition: 0.4s;

    border-radius: 1px;

}



.header__burger::before {

    top: 0;

}



.header__burger::after {

    bottom: 0;  

    width: 20px;

}



.header__burger.active span {

    transform: scale(0);

}



.header__burger.active::before {

    transform: rotate(45deg);

    top: 7px;

    width: 100%;

}



.header__burger.active::after {

    transform: rotate(-45deg);

    bottom: 7px;  

    width: 100%;

}



.header__phone {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    text-align: center;

    color: #181818;

}



.header__menu-block {

    position: absolute;

    top: 50%;

    width: 100%;

    background: var(--white);

    z-index: 100;

    padding: 65px 0 97px;

    opacity: 0;

    visibility: hidden;

    transition: .5s ease;

}



.header__menu-block.active {

    top: calc(100% + 1px);

    opacity: 1;

    visibility: visible;

}



.header__menu-block-cols-wrap {

    display: flex;

    justify-content: space-between;

}



.header__menu {

    flex-basis: 60%;

}



.header__menu-info-wrap {

    flex-basis: 30%;

}



.header__menu-list {

    display: grid;

    grid-template-columns: repeat(3, auto);

    gap: 25px;

}



.header__nav-link {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

}



address.header__menu-info-address {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

    font-style: normal;

    margin-bottom: 10px;

}



.header__menu-info-tel {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--color-black-);

    margin-bottom: 30px;

    display: inline-block;

}



.header__menu-info-socials-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

    margin-bottom: 18px;

}



.header__menu-info-socials {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.header__menu-info-socials.mobile {
    display: none;
}



.header__lang-switcher-mob {

    display: none;

}





/* ========================================== Header End ========================================= */



/* ========================================== About Us Universal Block Start ===================== */



.about-us__content-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}



.about-us__col-1 {

    flex-basis: 49.5%;

}



.about-us__col-2 {

    flex-basis: 49.5%;

}



.about-us__title {

    margin-bottom: 20px;

}



.about-us__text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    margin-bottom: 30px;

}



.about-us__img-mob {

    display: none;

}



.about-us__items-wrap {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 30px;

    gap: 20px 0;

}



.about-us__item {

    flex-basis: calc(33.333%);

    padding: 11px 34px;

    border-left: 1px solid var(--color-grey-stroke);

}



.about-us__item-num {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 38px;

    color: #181818;

    margin-bottom: 8px;

    display: block;

}



.about-us__item-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.about-us__img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    height: 398px;

}



/* ========================================== About Us Universal Block End ======================= */



/* ========================================== Home Page Start ==================================== */



.home-hero {

    padding: 50px 0 80px;

}



.home-hero__title-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}



.home-hero__title {

    flex-basis: 61%;

    font-family: var(--second-family);

    font-weight: 400;

    font-size: clamp(48px, 7vw, 96px);

    color: var(--button-color-black);

}



.home-hero__subtitle {

    flex-basis: 32%;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.home-hero__subtitle-mob {

    display: none;

}



.home-hero__btn {

    display: none;

}



.home-hero__swiper-slide-img,
.home-hero__swiper-slide-video-poster,
.home-hero__swiper-slide-video-wrap {
    height: 556px;
    width: 100%;
    object-fit: cover;
}



.home-hero__swiper-slide-video-wrap {
    position: relative;
}

.home-hero__swiper-slide-video {
    display: block;
    width: 100%;
    height: 100%;
}

.home-hero__video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: url('data:image/svg+xml,<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_7313_15813)"><path d="M35 70C54.33 70 70 54.33 70 35C70 15.67 54.33 0 35 0C15.67 0 0 15.67 0 35C0 54.33 15.67 70 35 70Z" fill="%230F0F0F"/><path d="M29.167 23.3335L46.667 35.0002L29.167 46.6668V23.3335Z" fill="white"/></g><defs><clipPath id="clip0_7313_15813"><rect width="70" height="70" fill="white"/></clipPath></defs></svg>') no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 2;
}




.home-hero__swiper-slide-video-wrapper iframe {

    width: 100%;

    height: 556px;

}



.slider-nav-wrap {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 32px;

    margin-top: 32px;

}



.slider-btns-wrap {

    display: flex;

    align-items: center;

    gap: 56px;

}



.slider-nav-wrap .swiper-button-prev,

.slider-nav-wrap .swiper-button-next {

    position: initial;

    margin: 0;

    width: 30px;

    height: 30px;

    cursor: pointer;

    transition: all .5s ease;

}



.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

    display: none;

}



.slider-scrollbar.swiper-scrollbar {

    position: initial;

    width: calc(100% - 180px);

    height: 2.5px;

}



.swiper-scrollbar-drag {

    background: var(--button-color-black);       

}



/* section our news start */



.our-news__title-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 80px;

}



/* section our news end */

/* section 3D View Start */

.view-3d__cols-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-3d__info {
    flex-basis: 49%;
}

.view-3d__map {
    flex-basis: 49%;
}

.view-3d__map iframe {
    width: 100%;
    height: 500px;
}

.view-3d__descr {
    font-weight: 400;
    font-size: 14px;
    line-height: 186%;
    color: var(--color-grey-text);
}

/* section 3D View End */

/* section commercial start */



.commercial__content-wrap {

    display: flex;

    justify-content: space-between;

}



.commercial__col-1 {

    flex-basis: 45%;

    display: flex;

    flex-direction: column;

    gap: 70px;

}



.commercial__col-2 {

    flex-basis: 49%;

}



.commercial__title {

    font-size: clamp(40px, 7vw, 96px);

    line-height: 85%;

    margin-bottom: 30px;

}



.commercial__btn-mob {

    display: none;

}



.commercial__img {

    width: 100%;

    height: 320px;

    object-fit: cover;

}



.commercial__items-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
    max-height: 605px;
}

.commercial__items-wrap.expanded {
    max-height: none;
}



.commercial__item {

    padding: 0 0 32px;

    border-bottom: 1px solid var(--color-grey-stroke);

}



.commercial__item-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 32px;

    color: var(--button-color-black);

    margin-bottom: 12px;

}



.commercial__item-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



/* section commercial end */



/* section location start */



.location__map-mob {

    display: none;

}



.location__map-wrap {

    flex-basis: 48.5%;

}



.location__map-wrap iframe {

    width: 100%;

}



/* section location end */



/* section building process start */



.building-process-home {

    overflow: hidden;

}



.building-process-home .building-process__items-wrap {

    overflow: visible;

}







/* section building process end */



/* section flats start */



.flats-sctn {

    background: var(--color-background-grey);

    overflow: hidden;

    position: relative;

}



.flats-sctn:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 30%;

    bottom: 0;

    left: 0;

    background: var(--button-color-black);

}



.flats-sctn__title-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 32px;

}



.flats__swiper {

    overflow: visible;

}



.flats__swiper-slide {

    padding: 32px;

    background: var(--white);

    height: auto;

}



.flats__slide-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding-bottom: 16px;

    border-bottom: 1px solid var(--color-grey-stroke);

    margin-bottom: 16px;

}



.flats__slide-type {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 22px;

    line-height: 118%;

    color: var(--button-color-black);

}



.flats__slide-type span {

    font-family: var(--font-family);

    font-weight: 700;

    font-size: 22px;

    line-height: 118%;

    color: var(--button-color-black);

}



.flats__slide-link {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--button-color-black);

    flex-shrink: 0;

}



.flats__slide-img {

    width: 100%;

    height: 250px;

    object-fit: contain;

    margin-bottom: 28px;

}



.flats__slide-bottom {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.flats__slide-total-area, .flats__slide-living-area {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: #181818;

}



.flats__slide-total-area span, .flats__slide-living-area span {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.flats__swiper-scrollbar.slider-scrollbar.swiper-scrollbar {

    background: var(--color-grey-text-light);

}



.flats__swiper-scrollbar .swiper-scrollbar-drag {

    background: #fff;

}



/* section flats end */



/* section gallery start */



.gallery-sctn {

    overflow: hidden;

}



.gallery__swiper {

    overflow: visible;

}



.gallery-sctn__title-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 32px;

}



.gallery__slide-img {

    width: 100%;

    height: 442px;

    object-fit: cover;

}

/* section gallery end */

/* section contact form start */

.contact-form {
    padding: 40px 0;
}

.contact-form__cols-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-form__col-1 {
    flex-basis: 48%;
}

.contact-form__col-2 {
    flex-basis: 48%;
}

.contact-form__fields-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-form__fields-wrapper br {
    display: none;
}

.contact-form-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 163%;
    text-transform: capitalize;
    color: #5a5a5a;
    border-bottom: 1px solid #d9d9d9;
    display: block;
    width: 100%;
    padding-bottom: 8px;
}

span.wpcf7-spinner {
    display: none;
}

.contact-form-btn {
    width: 100%;
    justify-content: center;
}

.contact-form__fields-wrapper .iti {
    display: block;
}

#cf7-phone.is-invalid {
    border-color: #d93025;
}

.contact-form #uspacy-forms .css-1komtf5 {
    padding: 0;
    box-shadow: none;
}

.MuiBox-root.css-191krc6 {
    display: none;
}

/* section contact form end */





/* ========================================== Home Page End ====================================== */



/* ========================================== Building Process Start ============================= */



.building-process__title-wrap {

    margin-bottom: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.building-process__items-wrap {

    display: flex;

    flex-wrap: wrap;

    gap: 80px 32px;

}



.building-process__item {

    flex-basis: calc(33.333% - 64px / 3);

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.building-process__item-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 32px;

}



.building-process__item-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--button-color-black);

}



.building-process__item-num {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.building-process__item-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    cursor: pointer;
}



.building-process__item-bottom {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 32px;

}



.building-process__item-date {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

}



/* ========================================== Building Process End =============================== */



/* ========================================== Building Process Popup Start ======================= */



.popup-building-process {

    max-width: calc(100% - 32px);

    width: 1238px;

    max-height: calc(100% - 80px);

    height: 90vh;

    overflow-y: auto;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: scale(0.5) translate(-50%, -50%);

    opacity: 0;

    visibility: hidden;

    transition: 0.5s ease;

    z-index: 102;

    background: var(--white);

}



.popup-building-process.active {

    transform: scale(1) translate(-50%, -50%);

    opacity: 1;

    visibility: visible;

}



.popup-building-process__content {

    display: flex;

    justify-content: space-between;

    gap: 36px;

    height: 100%;

    align-items: flex-start;

    padding: 100px 0;

    min-height: max-content;

}



.popup-building-process__col-1 {

    flex-basis: calc(40% - 36px);

    padding-left: 73px;

}



.popup-building-process__col-2 {

    flex-basis: 60%;

    width: 60%;

    height: 100%;

}



.building-process__swiper {

    height: 90%;

    min-height: 360px;

}



.building-process__swiper-slide-img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.building-process__slide-number {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    text-align: right;

    color: var(--color-black-);

}



.building-process__slide-number span {

    font-weight: 400;

    color: var(--color-grey-text-light);

}



.popup-building-process__title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 36px;

    color: var(--button-color-black);

    padding: 0 0 10px;

    border-bottom: 1px solid var(--color-grey-stroke);

    margin-bottom: 20px;

}



.popup-building-process__title.desktop-hidden {

    display: none;

}



.popup-building-process__description p {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-black-);

}



.close-popup {

    cursor: pointer;

    position: absolute;

    top: 25px;

    right: 25px;

}



/* ========================================== Building Process Popup End ========================= */



/* ========================================== Archive News Start ================================= */



.archive__title-wrap {

    margin: 0 0 80px;

}



.posts-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

}



.posts-wrapper {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 80px 32px;

}



.blog-post-card__img-wrap {

    margin-bottom: 20px;

    display: block;

}



.blog-post-card__img {

    height: 300px;

    width: 100%;

    object-fit: cover;

}



.blog-post-card__title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

    margin-bottom: 15px;

}



.blog-post-card__descr {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    margin-bottom: 15px;

}



/* ========================================== Archive News End =================================== */



/* ========================================== Pagination Start =================================== */



.pagination {

    margin: 80px auto 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

}



.prev.page-numbers {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    letter-spacing: 0.03em;

    color: var(--color-grey-text-light);

}



.page-numbers.current {

    border-radius: 50%;

    width: 25px;

    height: 25px;

    background: var(--button-color-black);

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    color: var(--white);

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.page-numbers {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    color: var(--color-grey-text-light);

}



/* ========================================== Pagination End ===================================== */



/* ========================================== Single News Start ================================== */



.single-post__cat-title-wrap {

    margin: 0 0 80px;

    display: flex;

    flex-direction: column;

    gap: 15px;

    align-items: flex-start;

}



.single-post__content-wrap {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}



.single-post__title-wrap {

    flex-basis: 31%;

}



.single-post__main-content {

    flex-basis: 66%;

}



.single-post__date {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text-light);

    padding: 0 0 6px;

    border-bottom: 1px solid var(--color-grey-stroke);

    margin-bottom: 16px;

}



.single-post__title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 36px;

    color: var(--button-color-black);

}



.single-post-thumbnail {

    margin-bottom: 21px;

    width: 100%;

    height: 413px;

    object-fit: cover;

}



.single-post__text-wrap h1,

.single-post__text-wrap h2,

.single-post__text-wrap h3,

.single-post__text-wrap h4,

.single-post__text-wrap h5,

.single-post__text-wrap h6 {

    font-family: var(--font-family);

    font-weight: 600;

    line-height: 162%;

    color: var(--button-color-black);

    margin-bottom: 15px;

}



.single-post__text-wrap h1 {

    font-size: 20px;

}

.single-post__text-wrap h2 {

    font-size: 18px;

}

.single-post__text-wrap h3 {

    font-size: 16px;

}

.single-post__text-wrap h4 {

    font-size: 16px;

}

.single-post__text-wrap h5 {

    font-size: 16px;

}

.single-post__text-wrap h6 {

    font-size: 16px;

}



.single-post__text-wrap p {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    margin-bottom: 15px;

}



.single-post__text-wrap ul,

.single-post__text-wrap ol {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

    list-style: disc;

    margin: 0 0 15px 20px ;

}



.single-post__text-wrap ol {

    list-style: auto;

}



/* ========================================== Single News End ==================================== */



/* ========================================== Gallery Start ====================================== */



.gallery__title-wrap {

    margin: 0 0 16px;

}



.masonry-wrapper {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}



.masonry-wrapper .masonryColumn { 

    float: left;

    width: 32%;

    margin-right: 2%;

}



.masonry-wrapper .masonry-item {

    background: #ccc;

    display: block;

    margin: 32px 0;

}



.masonry-item-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.masonry-wrapper .masonryColumn:last-child {

    margin-right: 0;

}



/* ========================================== Gallery End ======================================== */



/* ========================================== About Complex Start ================================ */



/* section simple hero start */



.simple-hero__title-wrap {

    margin: 0 0 30px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.simple-hero__title {

    flex-basis: 49%;

}



.simple-hero__text {

    flex-basis: 41%;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.simple-hero__img {

    width: 100%;

    height: 556px;

    object-fit: cover;

}



/* section simple hero end */



/* section advantages start */



.advantages__title-wrap {

    margin: 0 0 80px;

}



.advantages__items-wrap {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 80px 29px;

}



.advantages__item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 34px;

}



.advantages__item:nth-child(4n+3),

.advantages__item:nth-child(4n+4) {

    flex-direction: row-reverse;

}



.advantages__item-img {

    width: calc(50% - 34px/2);

    height: 264px;

    object-fit: cover;

}



.advantages__item-info {

    flex-basis: calc(50% - 34px/2);

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.advantages__item:nth-child(4n+3) .advantages__item-info,

.advantages__item:nth-child(4n+4) .advantages__item-info {

    text-align: right;

}



.advantages__item-info-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--button-color-black);

}



.advantages__item-info-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



/* section advantages end */



/* section standarts start */



.standarts__content-wrap {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}



.standarts__info {

    flex-basis: 40%;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.standarts__text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.standarts__items-wrap {

    flex-basis: 50%;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 52px;

}



.standarts__item {

    flex-basis: calc(33.333% - 104px/3);

}



.standarts__item-top {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    border-bottom: 1px solid var(--color-grey-stroke);

    padding: 0 0 10px;

}



.standarts__item-img {

    width: 35px;

}



.standarts__item-num {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 38px;

    color: var(--button-color-black);

}



.standarts__item-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



/* section standarts end */



/* section materials start */



.materials__title-wrap {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 0 0 30px;

}



.materials__title {

    flex-basis: 41%;

}



.materials__text {

    flex-basis: 49%;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.materials__items-wrap {

    display: flex;

    flex-wrap: wrap;

    border: 1px solid var(--color-grey-stroke);

}



.materials__item {

    flex-basis: 30%;

    padding: 88px 40px;

    border-right: 1px solid var(--color-grey-stroke);

    border-top: 1px solid var(--color-grey-stroke);

    display: flex;

    align-items: center;

    gap: 16px;

}



.materials__item:nth-child(2n+3):nth-child(-n+7),

.materials__item:nth-child(2n+12):nth-child(-n+16),

.materials__item:nth-child(2n+19):nth-child(-n+23) {

    flex-basis: 40%;

}



.materials__item:nth-child(1),

.materials__item:nth-child(2),

.materials__item:nth-child(3) {

    border-top: none;

}



.materials__item:nth-child(3n) {

    border-right: none;

}



.materials__item-info-title {

    font-family: var(--font-family);

    font-weight: 600;

    font-size: 20px;

    line-height: 130%;

    color: var(--color-black-);

}



.materials__item-info {

    display: flex;

    flex-direction: column;

    gap: 1px;

}



.materials__item-info-text {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--color-grey-text);

}



/* section materials end */



/* section locations start */



.location__content-wrap {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

}



.location__info-wrap {

    flex-basis: 48.5%;

}



.location__img-wrap {

    flex-basis: 48.5%;

}



.location__title {

    margin: 0 0 20px;

}



.location__text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    padding: 0 0 15px;

    border-bottom: 1px solid var(--color-grey-stroke);

    margin: 0 0 50px;

}



.location__img-mob {

    display: none;

}



.location__items-wrap {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 60px 56px;

    margin-bottom: 50px;

}



.location__item {

    display: flex;

    align-items: center;

    gap: 14px;

}



.location__item-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 38px;

    color: var(--button-color-black);

}



.location__item-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 143%;

    color: var(--color-grey-text);

}



.location__img {

    height: 550px;

    width: 100%;

    object-fit: cover;

}



/* section locations end */



/* ========================================== About Complex End ================================== */



/* ========================================== Page Infrastructure Start ========================== */



.infrastructure-hero__cols-wrap {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-top: 45px;

}



.infrastructure-hero__col-1 {

    flex-basis: 51%;

}



.infrastructure-hero__col-2 {

    flex-basis: 40%;

}



.infrastructure-hero__map iframe {

    width: 100%;

    height: 437px;

}



.infrastructure-hero__map-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    color: var(--color-grey-text);

    margin-bottom: 15px;

}



.infrastructure-hero__tabs {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid var(--color-grey-text-light);

}



.infrastructure-hero__tab {

    padding: 0 0 8px;

    cursor: pointer;

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--color-grey-text-light);

    flex-basis: 50%;

    text-align: center;

}



.infrastructure-hero__tab.active {

    border-bottom: 1px solid black;

    color: var(--button-color-black);

}



.infrastructure-hero__tab-content {

    display: none;

}



.infrastructure-hero__tab-content.active {

    display: block;

}



.infrastructure-hero__accordion-item {

    border-bottom: 1px solid var(--color-grey-stroke);

    padding: 25px 0 10px;

}



.infrastructure-hero__accordion-header-icon {

    transition: .5s ease;

}



.infrastructure-hero__accordion-header {

    cursor: pointer;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    color: var(--button-color-black);

}



.infrastructure-hero__accordion-header.active .infrastructure-hero__accordion-header-icon {

    transform: rotate(180deg);

}



.infrastructure-hero__accordion-content,

.infrastructure-hero__tab-content { 

    display: none;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



#route.infrastructure-hero__tab-content {

    padding: 25px 0 0;

}



.infrastructure-hero__tab-content .infrastructure-hero__accordion-header-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 18px;

    color: var(--button-color-black);

    margin: 0;

}



.infrastructure-hero__accordion-content p,

.infrastructure-hero__tab-content p {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    margin-bottom: 10px;

}



.infrastructure-hero__accordion-content p:nth-last-child(1),

.infrastructure-hero__tab-content p:nth-last-child(1) {

    margin: 0;

}



.infrastructure-hero__accordion-content ul,

.infrastructure-hero__accordion-content ol,

.infrastructure-hero__tab-content ul,

.infrastructure-hero__tab-content ol {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    margin-bottom: 10px;

    padding-left: 20px;

}



.infrastructure-hero__accordion-content ul,

.infrastructure-hero__tab-content ul {

    list-style: disc;

}



.infrastructure-hero__accordion-content ol,

.infrastructure-hero__tab-content ol {

    list-style: auto;

}



/* section unfr slider start */



.infr-slider__swiper-slide-img {

    width: 100%;

    height: 254px;

    object-fit: cover;

    margin-bottom: 14px;

}



.infr-slider__swiper-slide-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--button-color-black);

    margin-bottom: 10px;

}



.infr-slider__swiper-slide-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.infr-slider__nav-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    z-index: 2;

    pointer-events: none;

}



.infr-slider__nav-wrap .swiper-button-prev,

.infr-slider__nav-wrap .swiper-button-next {

    position: initial;

    margin: 0;

    width: 50px;

    height: 50px;

    background-color: #fff;

    border-radius: 50%;

    cursor: pointer;

    transition: all .5s ease;

    pointer-events: all;

    display: flex;

    align-items: center;

    justify-content: center;

}



.infr-slider__nav-wrap .swiper-button-prev svg,

.infr-slider__nav-wrap .swiper-button-next svg {

    width: 13px;

    height: 13px;

}





/* section unfr slider end */



/* ========================================== Page Infrastructure End ============================ */



/* ========================================== Page Developer Start =============================== */



.work-result__content-wrap {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 69px;

}



.work-result__col-1 {

    display: flex;

    flex-direction: column;

    gap: 20px;

    align-items: flex-start;

}



.work-result__title {

    text-wrap: balance;

}



.work-result__text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.work-result__items {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px 20px;

}



.work-result__item {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 5px;

}



.work-result__item-num {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 38px;

    color: var(--button-color-black);

}



.work-result__item-text {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



/* ========================================== Page Developer End ================================= */



/* ========================================== Page Planning Start ================================ */



.planning__title-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 0 80px;

}



.planning__title {

    flex-basis: 49%;

    font-size: 42px;

}



.planning__descr {

    flex-basis: 43%;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}



.planning__item {

    padding: 20px 0 60px;

    border-bottom: 1px solid var(--color-grey-stroke);

    display: flex;

    justify-content: space-between;

    gap: 32px;

}



.planning__item:nth-child(1) {

    border-top: 1px solid var(--color-grey-stroke);

}



.planning__item-col-1 {

    display: flex;

    gap: 40px;

    align-items: flex-start;

    flex-basis: 50%;

}



.planning__item-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 28px;

    color: var(--button-color-black);

    margin-top: 55px;

    flex-basis: 30%;

}



.plannin__item-img-wrap {

    flex-basis: calc(70% - 40px);

}



.plannin__item-img {
    object-fit: contain;
    cursor: pointer;
}



.planning__item-col-2 {

    flex-basis: 43%;

}



.planning__item-features-items-wrap {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.planning__item-features-item {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 0 0 3px;

    border-bottom: 1px solid var(--color-grey-stroke);

}



.planning__item-features-item-name {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

}



.planning__item-features-item-value {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--button-color-black);

}



.planning__item-btn-more {

    width: 100%;

    justify-content: center;

    margin-top: 30px;

}



.planning__btn-more-wrap {

    margin: 80px 0 0;

    text-align: center;

}



/* ========================================== Page Planning End ================================== */



/* ========================================== Page Real Estate Start ============================= */



.flats__title-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0 0 80px;

}



.flats__title {

    flex-basis: 49%;

    font-size: 42px;

}



.flats__descr {

    flex-basis: 43%;

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

}





.flats__tab-buttons {

    list-style: none;

    display: flex;

    border-bottom: 1px solid #ccc;

    padding: 0;

    margin-bottom: 20px;

    justify-content: flex-start;

    align-items: center;

    overflow-x: auto;

}

  

.flats__tab-btn {

    padding: 10px 20px;

    cursor: pointer;

    border-bottom: 2px solid transparent;

    transition: all 0.3s ease;

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--color-grey-text-light);

    text-wrap: nowrap;

}

  

.flats__tab-btn.active {

    border-bottom: 2px solid var(--button-color-black);

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

}

  

.flats__items-wrap {

    display: none;

}

  

.flats__items-wrap.active {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 32px;

}



.flats_item {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.flats_item-img {
    width: 100%;
    height: 382px;
    object-fit: contain;
    cursor: pointer;
}



.flats__item-info {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    align-items: center;

    gap: 16px;

}



.flats__item-rooms,

.flats__item-square {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--color-grey-text);

    display: flex;

    align-items: center;

    gap: 10px;

}



.flats__item-rooms span, .flats__item-square span {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 24px;

    color: var(--button-color-black);

}



/* ========================================== Page Real Estate End =============================== */



/* ========================================== Page Documents Start =============================== */



.documents__title-wrap {

    margin: 0 0 80px;

}



.documents__items-wrap {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 80px 33px;

}



.documents__item-img {

    width: 100%;

    height: 300px;

    object-fit: cover;

    margin-bottom: 20px;

}



.documents__item-title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

    color: var(--button-color-black);

    margin-bottom: 15px;

}



.documents__item-link {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

}



/* ========================================== Page Documents End ================================= */



/* ========================================== Page Contacts Start ================================ */



.contacts__title-wrap {

    margin: 0 0 80px;

}



.contacts__map-wrap {

    width: 100%;

    height: 425px;

}



.contacts__map-wrap p {

    width: 100%;

    height: 100%;

}



.contacts__map-wrap iframe {

    width: 100%;

    height: 100%;

}





/* ========================================== Page Contacts End ================================== */



/* ========================================== Page 404 Start ===================================== */



.error-sctn__content-wrap {

    text-align: center;

}



.error-sctn__num {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 350px;

    line-height: 86%;

    color: #000;

}



.error-sctn__title {

    font-family: var(--second-family);

    font-weight: 400;

    font-size: 48px;

    color: var(--button-color-black);

    margin-bottom: 30px;

}



/* ========================================== Page 404 End ======================================= */



/* ========================================== Page Thank You Start =============================== */



.thanks {

    height: calc(100vh - 84px);

    min-height: 500px;

}



.thanks .container {

    height: 100%;

}



.thanks__content {

    height: 100%;

    max-width: 785px;

    text-align: center;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 80px;

}









/* ========================================== Page Thank You End ================================= */



/* ========================================== Footer Start ======================================= */



.footer {

    background: var(--color-background-grey);

    padding: 80px 0;

    margin-top: 80px;

}



.footer__logo-wrap {

    text-align: center;

    position: relative;

    margin-bottom: 60px;

}



.footer__logo {

    display: inline-block;

}



.footer__logo img {

    width: 221px;

}



.footer__logo-wrap:before,

.footer__logo-wrap:after {

    position: absolute;

    content: '';

    width: calc(50% - 273px/2);

    height: 1px;

    background: var(--color-grey-stroke);

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.footer__logo-wrap:after {

    right: 0;

    left: auto;

}



.footer__content-wrap {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 60px;

    padding: 0 75px;

}



.footer__menu ul {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.footer__menu ul li {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

}



.footer__contacts-wrap,

.footer__menu,

.footer__socials-wrap {

    flex-basis: 17%;

}



.footer__contacts-wrap {

    display: flex;

    flex-direction: column;

    gap: 15px;

    align-items: flex-start;

}



.footer__phone,
.footer__phone-title {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    color: var(--button-color-black);

}



.footer__address {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

    font-style: normal;

}



.footer__socials-wrap {

    align-items: flex-start;

    display: flex;

    flex-direction: column;

    gap: 18px;

}

.footer__developer-logo-wrap {
    margin-top: 26px;
    display: inline-block;
}

.footer__developer-logo {
    width: 146px;
}

.footer__socials-title {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 14px;

    line-height: 186%;

    color: var(--button-color-black);

}



.footer__social-items {

    display: flex;

    align-items: center;

    gap: 35px;

}



.footer__copyrights-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 135px;

    padding-top: 5px;

    border-top: 1px solid var(--color-grey-stroke);

}



.footer__copyrights {

    font-family: var(--font-family);

    font-weight: 500;

    font-size: 12px;

    line-height: 217%;

    color: var(--color-grey-text);

}



.footer__policy {

    font-family: var(--font-family);

    font-weight: 400;

    font-size: 12px;

    line-height: 217%;

    color: var(--color-grey-text);

}





/* ========================================== Footer End ========================================= */



/* ========================================== Adaptive Start ===================================== */



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



    /* ====================================== Building Process Popup 1232 Start ================== */



    .popup-building-process__col-1 {

        padding-left: 32px;

    }



    /* ====================================== Building Process Popup 1232 End ==================== */



}



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

    /* ====================================== Header 1024 Start ================================== */

    .header__menu-list {
        grid-template-columns: repeat(2, auto);
    }

    .header__menu-info-socials.desktop {
        display: none;
    }

    .header__menu-info-socials.mobile {
        display: flex;
    }
    

    /* ====================================== Header 1024 End ================================== */



    /* ====================================== Home Page 1024 Start =============================== */



    .about-us__col-2 {

        display: none;

    }

    

    .about-us__col-1 {

        flex-basis: 100%;

    }

    

    .about-us__img-mob {

        display: block;

        margin: 0 0 24px;

        width: 100%;

    }

    .view-3d__cols-wrap {
        flex-direction: column;
        gap: 40px;
    }

    .view-3d__info {
        flex-basis: 100%;
        width: 100%;
    }

    .view-3d__map {
        flex-basis: 100%;
        width: 100%;
    }



    /* ====================================== Home Page 1024 End ================================= */



    /* ====================================== Building Process 1024 Start ======================== */



    .building-process__item {

        flex-basis: calc(50% - 32px / 2);

    }





    /* ====================================== Building Process 1024 End ========================== */



    /* ====================================== Archive News 1024 Start ============================ */



    .posts-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }



    /* ====================================== Archive News 1024 End ============================== */



    /* ====================================== Single News 1024 Start ============================= */

    

    .single-post__content-wrap {

        flex-direction: column;

        gap: 30px;

    }

    

    .single-post__title-wrap {

        flex-basis: 100%;

        width: 100%;

    }

    

    /* ====================================== Single News 1024 End =============================== */



    /* ====================================== Footer 1024 Start ================================== */



    .footer__content-wrap {

        padding: 0;

    }



    .footer__contacts-wrap, .footer__menu, .footer__socials-wrap {

        flex-basis: 22%;

    }



    /* ====================================== Footer 1024 End ==================================== */



}



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



    /* ====================================== Home Page 992 Start ================================ */

    .commercial__content-wrap {
        flex-direction: column;
        gap: 30px;
    }

    .commercial__col-1 {
        gap: 25px;
    }

    /* section contact form 992 start */

    .contact-form__cols-wrap {
        flex-direction: column;
        gap: 32px;
    }

    /* section contact form 992 end */

    /* ====================================== Home Page 992 End ================================== */



    /* ====================================== About Complex 992 Start ============================ */



    /* section simple hero 992 start */

    

    .simple-hero__title-wrap {

        flex-direction: column;

        gap: 25px;

    }



    /* section simple hero 992 end */



    /* section advantages 992 start */



    .advantages__items-wrap {

        grid-template-columns: repeat(1, 1fr);

    }



    .advantages__item:nth-child(odd) {

        flex-direction: row;

    }



    .advantages__item:nth-child(even) {

        flex-direction: row-reverse;

    }



    .advantages__item:nth-child(4n+3) .advantages__item-info,

    .advantages__item:nth-child(4n+4) .advantages__item-info,

    .advantages__item .advantages__item-info {

        text-align: left;

    }



    /* section advantages 992 end */



    /* section standarts 992 start */



    .standarts__content-wrap {

        flex-direction: column;

        gap: 25px;

        align-items: flex-start;

    }



    /* section standarts 992 end */



    /* section materials 992 start */



    .materials__item {

        flex-basis: 50% !important;

        padding: 88px 30px;

    }



    .materials__item:nth-child(odd) {

        border-bottom: 1px solid var(--color-grey-stroke);

        border-right: 1px solid var(--color-grey-stroke);

        border-left: none;

        border-top: none;

    }



    .materials__item:nth-child(even) {

        border-bottom: 1px solid var(--color-grey-stroke);

        border-right: none;

        border-top: none;

        border-left: none;

    }



    .materials__item:nth-last-child(1),

    .materials__item:nth-last-child(2) {

        border-bottom: none;

    }



    /* section materials 992 end */



    /* section locations 992 start */

    

    .location__img-wrap,

    .location__map-wrap {

        display: none;

    }



    .location__info-wrap {

        flex-basis: 100%;

    }

    

    .location__img-mob {

        display: block;

        width: 100%;

        object-fit: cover;

        margin-bottom: 16px;

    }



    .location__map-mob {

        display: block;

        width: 100%;

    }



    .location__map-mob iframe {

        width: 100%;

        margin-bottom: 16px;

    }

    

    /* section locations 992 end */



    /* ====================================== About Complex 992 End ============================== */

    

    /* ====================================== Page Infrastructure 992 Start ====================== */

    

    .infrastructure-hero__cols-wrap {

        flex-direction: column;

        gap: 20px;

    }

    

    .infrastructure-hero__col-1 {

        flex-basis: 100%;

        width: 100%;

    }

    

    .infrastructure-hero__col-2 {

        flex-basis: 100%;

        width: 100%;

    }

    

    /* ====================================== Page Infrastructure 992 End ======================== */



    /* ====================================== Page Developer 992 Start =========================== */



    .work-result__content-wrap {

        grid-template-columns: repeat(1, 1fr);

    }



    /* ====================================== Page Developer 992 End ============================= */



    /* ====================================== Page Planning 992 Start ============================ */

    

    .planning__item {

        flex-direction: column;

    }

    

    /* ====================================== Page Planning 992 End ============================== */



    /* ====================================== Page Real Estate 992 Start ========================= */

    

    .flats__items-wrap.active {

        grid-template-columns: repeat(2, 1fr);

    }

    

    /* ====================================== Page Real Estate 992 End =========================== */



    /* ====================================== Page Documents 992 Start =========================== */

    

    .documents__items-wrap {

        grid-template-columns: repeat(2, 1fr);

    }

    

    /* ====================================== Page Documents 992 End ============================= */



}



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



    /* ====================================== Header 767 Start =================================== */



    body.lock {

        overflow: hidden;

    }



    header.header {

        padding: 16px 0;

    }



    .header__phone,

    .header__btn {

        display: none;

    }



    .header__menu-block {

        padding: 20px 0 30px;

        height: calc(100vh - 77px);

        overflow: hidden auto;

    }



    .header__menu-block-cols-wrap {

        flex-direction: column;

        gap: 30px;

    }



    .header__menu-list {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px 35px;

    }



    .header__nav-link,

    address.header__menu-info-address,

    .header__menu-info-tel,

    .header__menu-info-socials-title {

        font-size: 18px;

    }



    .header__lang-switcher {

        display: none;

    }



    .header__lang-switcher-mob {

        display: flex;

        align-items: center;

        gap: 8px;

        margin-top: 30px;

    }



    .header__phone-mob {

        display: block;

    }



    /* ====================================== Header 767 End ===================================== */



    /* ====================================== Home Page 767 Start ================================ */



    .home-hero {

        padding: 34px 0;

        overflow: hidden;

    }



    .home-hero__title-wrap {

        margin-bottom: 10px;

    }



    .home-hero__subtitle {

        display: none;

    }

    

    .home-hero__title {

        flex-basis: 100%;

    }



    .home-hero__swiper {

        overflow: visible;

    }



    .home-hero__swiper-slide-img,
    .home-hero__swiper-slide-video-poster,
    .home-hero__swiper-slide-video-wrap {
        height: 412px;
    }



    .home-hero__subtitle-mob {

        font-family: var(--third-family);

        font-weight: 400;

        font-size: 14px;

        line-height: 186%;

        color: var(--color-grey-text);

        margin-top: 20px;

        display: block;

    }

    .home-hero__swiper-slide-video-poster-wrap::before {
        width: 50px;
        height: 50px;
    }

    .home-hero__swiper-slide-video {
        object-fit: cover;
    }

    .home-hero__btn {

        display: flex;

        justify-content: center;

        margin-top: 15px;

    }


    .commercial__title {

        line-height: 100%;

        margin: 0;

    }



    .commercial__item {

        padding: 0 0 15px;

    }



    .commercial__btn {

        display: none;

    }



    .commercial__btn-mob {

        display: flex;

        margin-top: 20px;

        justify-content: center;

    }



    .commercial__item-title {

        font-size: 24px;

    }

    .commercial__items-wrap {
        max-height: 875px;
    }
    



    .about-us__item {

        padding: 0 0 5px;

        flex-basis: 100%;

        border-left: none;

        border-bottom: 1px solid var(--color-grey-stroke);

    }





    .our-news__title-wrap {

        margin: 0 0 25px;

    }



    .building-process-home__btn {

        display: none;

    }



    /* section flats 767 start */



    .flats-sctn__btn {

        display: none;

    }



    .flats__swiper-scrollbar {

        display: none;

    }



    .slider-nav-wrap {

        justify-content: center;

    }



    .flats__swiper-slide {

        padding: 20px;

    }



    .flats__slide-type {

        font-weight: 500;

        font-size: 18px;

    }



    .flats__slide-type span {

        font-weight: 400;

    }



    .flats__slide-total-area, .flats__slide-living-area {

        font-size: 20px;

    }



    /* section flats 767 end */



    /* section gallery 767 start */



    .gallery__slide-img {

        height: 320px;

    }



    .gallery__swiper-scrollbar {

        display: none;

    }





    /* section gallery 767 end */



    /* ====================================== Home Page 767 End ================================== */



    /* ====================================== General Classes 767 Start ========================== */



    .section-el {

        padding: 30px 0;

    }



    .h1-title {

        font-size: 38px;

    }



    .h2-title {

        font-size: 38px;

    }



    /* ====================================== General Classes 767 End ============================ */



    /* ====================================== Building Process 767 Start ========================= */



    .building-process__title-wrap {

        margin-bottom: 25px;

    }



    .building-process__items-wrap {

        gap: 30px;

    }



    .building-process__item {

        flex-basis: 100%;

        display: block;

    }



    .building-process__item-top {

        margin-bottom: 10px;

    }



    .building-process__item-title {

        font-size: 20px;

    }



    .building-process__item-img {

        margin-bottom: 15px;

    }



    .building-process__item-date {

        font-size: 12px;

    }





    /* ====================================== Building Process 767 End =========================== */



    /* ====================================== Building Process Popup 767 Start =================== */



    .popup-building-process {

        width: 100%;

        height: 100dvh;

        max-width: 100%;

        max-height: 100%;

    }



    .popup-building-process__content {

        flex-direction: column-reverse;

        padding: 75px 0 40px;

    }



    .close-popup {

        width: 35px;

        height: 35px;

        top: 16px;

        right: 16px;

    }



    .popup-building-process__content {

        gap: 26px;

    }



    .popup-building-process__col-2 {

        width: 100%;

        padding: 0 0 0 16px;

    }



    .building-process__swiper {

        height: 360px;

        min-height: auto;

        padding-right: 16px;

    }



    .popup-building-process__col-2 .slider-nav-wrap {

        display: none;

    }



    .popup-building-process__col-1 {

        padding: 0 16px;

    }



    .popup-building-process__title {

        font-size: 24px;

        margin-bottom: 14px;

    }



    .popup-building-process__title.desktop-hidden {

        display: block;

    }



    .popup-building-process__title.mobile-hidden {

        display: none;

    }



    /* ====================================== Building Process Popup 767 End ===================== */



    /* ====================================== Page Contacts 767 Start ============================ */



    .contacts__title-wrap {

        margin: 0 0 25px;

    }



    /* ====================================== Page Contacts 767 End ============================== */



    /* ====================================== Archive News 767 Start ============================= */



    .archive__title-wrap {

        margin: 0 0 25px;

    }



    .posts-wrapper {

        grid-template-columns: repeat(1, 1fr);

        gap: 30px;

    }



    /* ====================================== Archive News 767 End =============================== */



    /* ====================================== Single News 767 Start ============================== */



    .single-post__cat-title-wrap {

        gap: 25px;

        flex-direction: column;

        margin: 0 0 25px;

    }



    .single-post__title {

        font-size: 20px;

    }



    .single-post-thumbnail {

        height: 180px;

    }



    /* ====================================== Single News 767 End ================================ */



    /* ====================================== Gallery 767 Start ================================== */



    .gallery__title-wrap {

        margin: 0 0 5px;

    }



    .masonry-wrapper .masonryColumn {

        width: 48%;

        margin-right: 4%;

    }



    .masonry-wrapper .masonry-item {

        margin: 20px 0;

    }



    /* ====================================== Gallery 767 End ==================================== */



    /* ====================================== About Complex 767 Start ============================ */

    

    /* section simple hero 767 start */



    .simple-hero__img {

        height: 412px;

    }



    /* section simple hero 767 end */



    /* section advantages 767 start */



    .advantages__title-wrap {

        margin: 0 0 25px;

    }



    .advantages__items-wrap {

        gap: 30px;

    }



    .advantages__item:nth-child(odd),

    .advantages__item:nth-child(even) {

        flex-direction: column-reverse;

        gap: 15px;

    }



    .advantages__item-info {

        flex-basis: auto;

    }



    .advantages__item-info-title {

        font-size: 20px;

    }



    .advantages__item-img {

        width: 100%;

        height: 264px;

    }



    /* section advantages 767 end */



    /* section standarts 767 start */



    .standarts__items-wrap {

        gap: 50px;

    }



    .standarts__item {

        flex-basis: calc(50% - 50px/2);

    }



    .standarts__item-num {

        font-size: 32px;

    }



    /* section standarts 767 end */



    /* section materials 767 start */



    .materials__title-wrap {

        gap: 15px;

    }



    .materials__title,

    .materials__text {

        flex-basis: 100%;

    }



    .materials__item {

        padding: 30px 12px;

        flex-direction: column;

    }



    .materials__item-info-title {

        font-size: 13px;

    }



    .materials__item-info-text {

        font-size: 12px;

    }



    .materials__item-icon {

        height: 37px;

    }



    /* section materials 767 end */



    /* section location 767 start */



    .location__text {

        border: none;

        padding: 0;

        margin: 0 0 15px;

    }



    .location__items-wrap {

        grid-template-columns: repeat(1, 1fr);

        gap: 0;

        margin-bottom: 30px;

    }



    .location__img-mob {

        height: 396px;

    }



    .location__item {

        padding: 15px 0 11px;

        border-bottom: 1px solid var(--color-grey-stroke);

    }



    .location__btn {

        width: 100%;

        justify-content: center;

    }



    /* section location 767 end */



    /* ====================================== About Complex 767 End ============================== */



    /* ====================================== Page 404 767 Start ================================= */



    .error-sctn {

        padding-top: 80px;

    }



    .error-sctn__num {

        font-size: 180px;

    }



    .error-sctn__title {

        font-size: 32px;

    }



    /* ====================================== Page 404 767 End =================================== */



    /* ====================================== Page Infrastructure 767 Start ====================== */

    

    .infrastructure-hero__map iframe {

        height: 332px;

    }



    .infrastructure-hero__tab {

        font-size: 18px;

    }



    .infrastructure-hero__accordion-item {

        padding: 20px 0 7px;

    }



    .infr-slider {

        overflow: hidden;

    }



    .infr-slider__swiper {

        overflow: visible;

    }



    .infr-slider__nav-wrap {

        display: none;

    }



    .infr-slider__swiper-slide-title {

        font-size: 20px;

    }

    

    

    /* ====================================== Page Infrastructure 767 End ======================== */



    /* ====================================== Page Developer 992 Start =========================== */



    .work-result__content-wrap {

        gap: 30px;

    }



    .work-result__items {

        gap: 20px;

    }



    .work-result__item-num {

        font-size: 32px;

    }



    .work-result__item-text {

        font-size: 12px;

    }



    /* ====================================== Page Developer 992 End ============================= */



    /* ====================================== Page Planning 767 Start ============================ */

    

    .planning__title-wrap {

        flex-direction: column;

        gap: 25px;

        margin: 0 0 25px;

    }

    

    .planning__title {

        font-size: 32px;

    }



    .planning__item {

        padding: 16px 0 30px;

    }



    .planning__item-col-1 {

        flex-direction: column;

        gap: 10px;

    }

    

    .planning__item-title {

        margin: 0;

        font-size: 20px;

        flex-basis: 100%;

        width: 100%;

    }

    

    .plannin__item-img-wrap {
        width: 100%;
        flex-basis: 100%;
    }

    .plannin__item-img {
        margin: auto;
    }



    .planning__item-features-item-value {

        font-size: 18px;

    }



    .planning__btn-more-wrap {

        margin: 40px 0 0;

    }



    .planning__btn-more {

        width: 100%;

        justify-content: center;

    }



    /* ====================================== Page Planning 767 End ============================ */



    /* ====================================== Page Real Estate 767 Start ========================= */

    

    .flats__title-wrap {

        flex-direction: column;

        gap: 25px;

        margin: 0 0 25px;

    }



    .flats__items-wrap.active {

        display: flex;

        overflow-x: auto;

        width: 100%;

    }

    

    .flats_item {

        min-width: 85%;

    }



    .flats__item-rooms span, .flats__item-square span {

        font-size: 20px;

    }



    .flats__tab-btn,

    .flats__tab-btn.active {

        font-size: 16px;

    }

    

    /* ====================================== Page Real Estate 767 End =========================== */



    /* ====================================== Page Documents 767 Start =========================== */



    .documents__title-wrap {

        margin: 0 0 27px;

    }



    .documents__items-wrap {

        grid-template-columns: repeat(1, 1fr);

        gap: 30px;

    }



    .documents__item {

        display: flex;

        flex-direction: column;

        gap: 15px;

    }



    .documents__item-img {

        margin: 0;

        order: 2;

    }

    

    .documents__item-title {

        margin: 0;

        order: 1;

    }

    

    .documents__item-link {

        order: 3;

    }

    

    /* ====================================== Page Documents 767 End ============================= */



    /* ====================================== Footer 767 Start =================================== */



    .footer {

        padding: 30px 0 10px;

        margin-top: 30px;

    }



    .footer__logo-wrap {

        margin-bottom: 40px;

    }



    .footer__logo-wrap:before,

    .footer__logo-wrap:after {

        width: calc(50% - 174px/2);

    }



    .footer__logo-wrap:before {

        left: -16px;

    }



    .footer__logo-wrap:after {

        right: -16px;

    }



    .footer__logo img {

        width: 174px;

    }



    .footer__content-wrap {

        flex-wrap: wrap;

        gap: 40px;

        margin-bottom: 40px;

    }



    .footer__contacts-wrap, .footer__socials-wrap {

        flex-basis: 100%;

    }



    .footer__menu {

        flex-basis: calc(50% - 40px / 2);

    }



    .footer__menu ul li,

    .footer__address,

    .footer__phone,
    .footer__phone-title,
    .footer__socials-title {
        font-size: 18px;
    }



    .footer__contacts-wrap {

        flex-direction: column-reverse;

    }



    .footer__socials-wrap {

        align-items: flex-start;

    }

    .footer__developer-logo {
        width: 153px;
    }


    .footer__copyrights-wrap {

        gap: 5px;

        flex-direction: column;

        align-items: flex-start;

    }





    /* ====================================== Footer 767 End ===================================== */



}







/* ========================================== Adaptive End ======================================= */