/*!
Theme Name: brosh
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bloh
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bloh is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtmZnEGE.ttf) format('truetype')
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtrhnEGE.ttf) format('truetype')
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtuZnEGE.ttf) format('truetype')
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgEGE.ttf) format('truetype')
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtgFgEGE.ttf) format('truetype')
}

@font-face {
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtmZgEGE.ttf) format('truetype')
}

* {
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 0.5rem
}

::-webkit-scrollbar-track {
    background-color: #000
}

::-webkit-scrollbar-thumb {
    background-color: #fcd900;
    border-radius: 0.2rem
}

html {
    font-size: 1vw
}

@media (max-width:768px) {
    html {
        font-size: 3.7vw
    }
}

body {
    padding: 0;
    font-family: 'Assistant', sans-serif;
    font-weight: 400;
    color: #000;
    margin: 0;
    box-sizing: border-box;
    background-color: #fff;
    direction: rtl;
    font-size: 1rem;
}

@media (max-width:768px) {
    body * {
        border-width: 2px !important
    }
}

img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

img.aligncenter {
    display: block;
    margin: 1.3rem auto 0
}

:focus,
a,
img,
input,
textarea {
    outline: none !important
}

:focus:focus,
a:focus,
img:focus,
input:focus,
textarea:focus {
    outline: none !important
}

a {
    text-decoration: none;
    color: inherit
}

a:hover {
    text-decoration: none
}

ol {
    margin: 0;
    padding: 0
}

ol li {
    list-style-position: inside
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    list-style: none
}

ins {
    text-decoration: none !important
}

p {
    margin-top: 0;
    font-size: inherit
}

label {
    cursor: pointer
}

h1 {
    font-size: 1.895rem;
    margin: 0;
    font-weight: 600
}

h2 {
    font-size: 1.895rem;
    margin: 0;
    font-weight: 600
}

h3 {
    font-size: 1.895rem;
    font-weight: 600;
    margin: 0
}

#page {
    overflow: hidden
}

.image-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    z-index: 30;
    display: none
}
.ads-gap{
    gap: 1rem;
}
.image-popup .overlay {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    height: 100%
}

.image-popup .inner {
    position: absolute;
    border: 3px solid #000;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-color: #fff
}

.image-popup .inner .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.2rem;
    width: 2.158rem;
    height: 2.158rem;
    background-color: #fff;
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
    font-weight: 900
}

.image-popup .inner .close:hover {
    background-color: #fcd900
}

.image-popup .inner img {
    max-height: 100%;
    display: block;
    max-height: 95vh;
    max-width: 95vw
}

.thankyou {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fcd900;
    z-index: 3;
    text-align: center;
    padding: 3rem 1rem;
    font-size: 1.6rem;
    display: none
}

.thankyou .inner {
    max-width: 20rem;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.thankyou .title {
    font-size: 2.3rem;
    margin-bottom: 1.5rem
}

.inlarge-image {
    cursor: pointer
}
#initiator .yellow-card-box-right-ads{
    padding:0.5rem 3.4rem 0 2rem !important;
}
@media (min-width:769px) {
    .mobile {
        display: none !important
    }
}

@media (max-width:768px) {
    .desktop {
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .mobile-read-more {
        max-height: 12em;
        line-height: 1.35;
        overflow: hidden
    }
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
    text-align: center;
    color: #ff0043;
    font-size: 1.053rem;
    margin: 0.8rem 0 0
}

.wpcf7 form.sent .wpcf7-response-output {
    width: 100%;
    height: 100%;
    background-color: #fcd900;
    margin: 0;
    padding: 4rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1.8rem;
    border: none;
    z-index: 5
}

input {
    width: 100%;
    height: 2.526rem;
    border: 3px solid #000;
    font-size: 1.158rem;
    font-weight: 600;
    padding: 0 1rem;
    background-color: #fff;
    font-family: inherit;
    margin-bottom: 0.7rem;
    line-height: 1;
    -webkit-appearance: none;
    text-align: right;
    direction: rtl !important;
    border-radius: 0
}

input.error,
input.wpcf7-not-valid {
    border-color: #ff0043
}

input::placeholder {
    color: #000;
    transition: color 0.5s ease
}

input:focus::placeholder {
    color: transparent
}

input[type=submit] {
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    transition: all 0.4s ease
}

input[type=checkbox] {
    width: 0.526rem;
    height: 0.526rem;
    border-width: 1px;
    margin: 0 0 0 0.5rem;
    padding: 0;
    cursor: pointer;
    flex: none
}

input[type=checkbox]:checked {
    background-image: url('img/vi.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media (max-width:768px) {
    input[type=checkbox] {
        width: 0.8rem;
        height: 0.8rem
    }
}

div.wpcf7 .ajax-loader {
    position: absolute;
    width: 120%;
    height: 3rem;
    left: -5%;
    top: 0;
    background-color: #fcd900;
    background-repeat: no-repeat;
    background-position: center
}

span.wpcf7-not-valid-tip {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    font-size: 0.7rem;
    color: #ff0043
}

.wpcf7-form-control-wrap {
    display: block
}

.submit-wrapper {
    position: relative;
    display: block;
    margin: 0.5rem auto;
    width: 6.842rem
}

.submit-wrapper:after {
    content: "";
    display: block;
    width: 95%;
    height: 84%;
    position: absolute;
    top: 0.6rem;
    left: 0.5rem;
    background-color: #fff;
    z-index: 1;
    border: 3px solid #000;
    transition: all 0.5s ease
}

@media (max-width:768px) {
    .submit-wrapper:after {
        border-width: 2px
    }
}

.submit-wrapper:hover input {
    transform: translate(0.45rem, 0.56rem)
}

.swiper-pagination .swiper-pagination-bullet {
    width: 0.842rem;
    height: 0.842rem;
    background-color: #ffffff;
    border: 2px solid #000;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fcd900
}

fieldset {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    border: none
}

label {
    margin-top: 2rem;
    direction: rtl;
    text-align: right
}

label.checkbox-wrapper {
    font-size: 0.737rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {
    label.checkbox-wrapper {
        font-size: 1rem
    }
}

label.error {
    position: absolute;
    right: 0;
    width: 100%;
    color: red;
    font-size: 0.8rem;
    text-align: left;
    font-weight: 600;
    bottom: -0.05rem
}

.checkbox-wrapper span {
    margin: 0;
    display: block
}

.checkbox-wrapper label {
    font-size: 0.737rem;
    display: flex;
    align-items: center;
    margin: 1rem 0 1.5rem;
    font-weight: 600
}

@media (max-width:768px) {
    .checkbox-wrapper label {
        font-size: 1rem
    }
}

.bg-image {
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.7s ease
}

@media (min-width:769px) {
    .bg-image.parallax {
        background-attachment: fixed
    }
}

div:hover>.bg-image {
    transform: scale(1.1)
}

.mobile-button-wrapper {
    padding: 0 0.7rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 25;
    width: 100%
}

.mobile-btn {
    position: absolute;
    background-color: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
    width: 36px;
    height: 27px;
    margin: 0;
    top: 3.5rem;
    right: 4rem;
    z-index: 2
}

.mobile-btn .bar {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    transition: all 0ms 300ms;
    width: 100%;
    height: 2px;
    background: #000;
    transition: transform 0ms 300ms
}

.mobile-btn .bar:after,
.mobile-btn .bar:before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #000
}

.mobile-btn .bar:before {
    bottom: 10px;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.mobile-btn .bar:after {
    top: 10px;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.mobile-btn .bar.animate {
    background: transparent !important;
    opacity: 0
}

.mobile-btn .bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.mobile-btn .bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

@media (max-width:768px) {
    .mobile-btn {
        position: relative;
        display: block;
        left: auto;
        top: auto;
        right: 1rem !important;
    }
}

.img-name {
    position: absolute;
    border: 3px solid #000;
    padding: 0.4rem 2rem 0.5rem 2rem;
    font-size: 1.421rem;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    z-index: 2
}

.img-name.top {
    top: 0;
    border-top: none
}

.img-name.left {
    left: 0;
    border-left: none
}

.img-name.right {
    right: 5%
}

.img-name.middle-right {
    right: 13%
}

@media (max-width:768px) {
    .img-name {
        padding: 0.2rem 1rem 0.3rem 1rem;
        right: 1rem !important;
        border-left: 2px solid #000 !important;
        border-right: 2px solid #000 !important;
        left: auto !important;
        font-size: 1.2rem
    }
}

.plus {
    position: absolute;
    left: 0.7rem;
    bottom: 2.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    width: 2.105rem;
    height: 2.105rem;
    background-color: #fff;
    border: 3px solid #000;
    transition: all 0.4s ease;
    z-index: 2;
    padding-bottom: 0.2rem
}

.plus:hover {
    background-color: #fcd900
}

.notice-tag {
    position: absolute;
    border: 3px solid #000;
    padding: 0.2rem 1rem 0.3rem 1rem;
    font-size: 0.737rem;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    z-index: 2
}

.notice-tag.top {
    top: 0;
    border-top: none
}

.notice-tag.left {
    left: -1%
}

.notice-tag.right {
    right: -1%
}

.notice-tag.bottom {
    bottom: 0;
    border-bottom: none
}

.notice-tag.center {
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:768px) {
    .notice-tag {
        padding: 0.2rem 0.4rem 0.3rem
    }

    .notice-tag.left {
        left: 0;
        border-left: none
    }

    .notice-tag.right {
        right: auto;
        left: 5%
    }
}

.crossed-square {
    width: 4.5rem;
    height: 100%;
    border-right: 3px solid #000;
    background-color: #fff;
    background-image: url('img/cross.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0
}

.crossed-square.left {
    left: 0
}

@media (min-width:769px) {
    .fixed-elem {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%
    }
}

section {
    position: relative;
    background-color: #fff;
    z-index: 3
}

.scroll-content {
    z-index: 3;
    background-color: #fff;
    position: relative
}

.parallax-2 {
    transition: all 0.4s ease
}

.wrapper-elem {
    background-color: #fff;
    transition: all 0.4s ease;
    z-index: 3;
    position: relative
}

@media (min-width:769px) {
    .wrapper-elem.after-fixed {
        margin-top: 100vh
    }
}

.top-banner {
    padding: 2.3rem;
    height: 100vh
}

.top-banner .parts {
    display: flex;
    align-items: stretch;
    margin: 0 -1rem;
    height: 100%
}

.top-banner .right-part {
    padding: 0 1rem;
    height: 100%;
    width: 50%
}

.top-banner .right-part .inner {
    border: 3px solid #000;
    height: 100%;
    position: relative;
    overflow: hidden
}

.top-banner .right-part .inner .stamp {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 20rem;
    z-index: 1;
}

.top-banner .right-part .inner .stamp img {
    width: 100%
}

.top-banner .right-part img {
    height: 100%;
    width: auto;
    display: block
}

.top-banner .left-part {
    padding: 0 1rem;
    height: 100%;
    width: 60%;
    position: relative
}

.top-banner .left-part .inner {
    position: relative;
    border: 3px solid #000;
    height: 100%;
    overflow: hidden
}

.top-banner .left-part .logo {
    position: absolute;
    bottom:0.2rem;
    right: 3rem;
    z-index: 2;
    width: 18rem;
}

@media (max-width:768px) {
    .top-banner {
        padding: 0 0.7rem 0.7rem;
        height: 20rem;
        margin-top: 3.7rem
    }

    .top-banner .parts {
        margin: 0 -0.35rem
    }

    .top-banner .right-part {
        padding: 0 0.35rem;
        width: 48%
    }

    .top-banner .right-part .inner .stamp {
        width: 9rem;
        height: 2rem;
        top: 0.8rem;
        left: 0.2rem;
        right: 7px;
    }

    .top-banner .left-part {
        padding: 0 0.35rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .top-banner .left-part .logo {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
        margin-bottom: 0.35rem !important
    }
    .parts.ads-gap {
        gap: 0rem;
    }
}

.site-title {
    padding: 2.3rem;
    border-top: 3px solid #000
}

.site-title .parts {
    display: flex;
    align-items: stretch
}

.site-title .parts div:not(.crossed-square) {
    border: 3px solid #000;
    height: 4.5rem
}

.site-title .parts .right-part {
    width: 4.5rem;
    margin-left: 0rem;
    background: #4d4f69;
}

.site-title .parts .middle-part {
    width: 65rem;
    margin-left: 2.2rem;
    padding: 0 1.3rem 0.2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.895rem;
    font-weight: 600
}

.site-title .parts .left-part {
    width: 24rem;
    background-color: #fcd900;
    position: relative
}

@media (max-width:768px) {
    .site-title {
        padding: 0 0.7rem 0.7rem;
        border-top: none
    }

    .site-title .parts {
        flex-wrap: wrap
    }

    .site-title .parts div.middle-part {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0.7rem;
        height: auto;
        order: -1;
        justify-content: center;
        text-align: center;
        padding-top: 0.3rem;
        padding-bottom: 0.5rem
    }

    .site-title .parts .right-part {
        margin-left: 0.7rem
    }

    .site-title .parts .left-part {
        width: 79.7%
    }
}

section.intro {
    background-image: url("img/send-bg-img.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 46rem;
    border-top: 3px solid #000;
    margin-bottom: 11.5rem
}

section.intro .text-block {
    position: absolute;
    top: 5rem;
    right: 38rem;
    max-width: 30.5rem;
    width: 100%;
}

section.intro .bottom-elements {
    position: absolute;
    top: 100%;
    background-color: #fcd900;
    height: 11.5rem;
    width: 100%;
    display: block;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000
}

section.intro .bottom-elements .building {
    left: 3.2rem;
    bottom: 100%;
    position: absolute;
    width: 48.737rem
}

section.intro .bottom-elements .building img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: -70px;
}

section.intro .bottom-elements .sculpture {
    position: absolute;
    right: 8rem;
    bottom: 0;
    width: 54.158rem;
    margin-bottom: 3.33rem
}

section.intro .bottom-elements .sculpture img {
    display: block;
    width: 52%;
    height: auto;
    margin-bottom: 80px;
}

@media (max-width:768px) {
    section.intro {
        padding: 3rem 2rem;
        overflow: hidden;
        height: auto;
        padding-bottom: 22rem;
        margin-bottom: 0
    }

    section.intro .text-block {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto
    }

    section.intro .text-block .title {
        position: initial
    }

    section.intro .text-block .circle {
        bottom: -3rem;
        right: 1rem;
        width: 5rem;
        height: 5rem
    }

    section.intro .bottom-elements {
        right: 0;
        left: 0;
        height: 5.88rem;
        top: auto;
        bottom: 0
    }

    section.intro .bottom-elements .building {
        width: 11rem;
        left: 0rem
    }

    section.intro .bottom-elements .sculpture {
        width: 16rem;
        right: 3rem
    }
}

section.about .inner {
    border-bottom: 3px solid #000;
    display: flex;
    align-items: stretch
}

section.about .circle {
    width: 13.632rem;
    height: 13.632rem;
    border-radius: 50%;
    border: 3px solid #000;
    margin-right: 1.8rem;
    margin-left: 1.8rem;
    flex: none
}

section.about .title {
    width: 24rem;
    background-color: #4d4f69;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    padding: 1rem 3.6rem;
    display: flex;
    align-items: center;
    line-height: 1.2
}
.about .title h3{
    color: #ffffff;
}
section.about .text {
    padding: 1rem 3rem;
    width: 47%;
    border-left: 3px solid #000;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

section.about .text p:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    section.about {
        padding: 2rem;
        border-bottom: 3px solid #000
    }

    section.about .inner {
        border: 3px solid #000;
        flex-wrap: wrap;
        align-items: center
    }

    section.about .circle {
        margin: 0;
        width: 4rem;
        height: 4rem
    }

    section.about .title {
        width: 70%;
        border-left: none;
        width: 82.3%;
        padding: 0.3rem 1rem 0.5rem
    }

    section.about .text {
        width: 100%;
        border-left: none;
        border-top: 3px solid #000;
        padding: 1rem 1.5rem;
        font-size: 1.3rem
    }
}

header.title {
    border-bottom: 3px solid #000;
    text-align: center
}

header.title .inner {
    padding: 1rem 4rem;
    border-right: 3px solid #000;
    border-left: 3px solid #000;
    margin: 0 auto;
    text-align: center;
    font-size: 1.895rem;
    font-weight: 600;
    line-height: 1;
    display: inline-block
}

section.map {
    display: flex;
    align-items: stretch;
    border-bottom: 3px solid #000
}

section.map .image {
    width: 35%;
    border-left: 3px solid #000;
    position: relative;
    min-height: 38.5rem;
    overflow: hidden
}

section.map .map-image {
    width: 65%;
    position: relative;
    /*max-height: 39rem;*/
    overflow: hidden;
    /*height: 39rem;*/
}

section.map .map-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
    min-width: 100%;
    min-height: 100%
}

section.map .map-image:hover img {
    transform: translate(-50%, -50%) scale(1.1)
}
.yellow-space-ads{
    min-height: 4rem;
    background: #fcd900;
    border: 3px solid #000;
    border-left: 0;
}
.aria-right-image-top-wrap:hover img, .aria-right-image-bottom-wrap:hover img{
    transform: translate(-50%, -50%) scale(1.1);
}
.aria-right-image-top-wrap img, .aria-right-image-bottom-wrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
    min-width: 100%;
    min-height: 100%;
}
.aria-right-image-top-wrap, .aria-right-image-bottom-wrap{
    position: relative;
    height: 30rem;
    max-height: 30rem;
    overflow: hidden;
}

@media (max-width:768px) {
    section.map {
        flex-direction: column-reverse
    }

    section.map .image {
        width: 100%;
        border-left: none
    }

    section.map .map-image {
        width: 100%;
        height: auto;
        border-bottom: 3px solid #000
    }

    section.map .map-image img {
        position: relative;
        min-width: 0;
        min-height: 0;
        left: auto;
        right: auto;
        transform: none !important
    }
}

section.blocks {
    padding: 7.5rem;
    border-bottom: 3px solid #000
}

section.blocks .parts {
    display: flex;
    align-items: stretch;
    margin: 0 -1.4rem
}

section.blocks .parts .right-part {
    width: 35%;
    padding: 0 1.4rem
}

section.blocks .parts .right-part .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

section.blocks .parts .right-part .text-block {
    min-width: 0;
    width: 100%;
    height: auto;
    margin-bottom: 70px;
}

section.blocks .parts .right-part .text-block p {
    margin-bottom: 0;
    text-align: justify;
}

section.blocks .parts .right-part .image-block {
    width: 100%;
    height: 49%;
    position: relative;
    border: 3px solid #000;
    overflow: hidden
}

section.blocks .parts .right-part .image-block img {
    opacity: 0;
    width: 100%;
    display: block
}

section.blocks .parts .left-part {
    width: 65%;
    padding: 0 1.4rem;
    position: relative;
    min-height: 40rem
}

section.blocks .parts .left-part .short-text {
    position: absolute;
    top: 8.4rem;
    right: 7rem;
    z-index: 1;
    padding: 1rem 2rem;
    background-color: #fff;
    border: 3px solid #000;
    text-align: center;
    width: 19.263rem;
    font-size: 1.211rem;
    z-index: 2
}

section.blocks .parts .left-part .inner {
    position: relative;
    border: 3px solid #000;
    height: 100%;
    overflow: hidden
}
.blubox-left-ads {
    width: 7rem;
    background: #4d4f69;
    height: 100%;
    border-right: 3px solid #000;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width:768px) {
    section.blocks {
        padding: 2rem 2rem 0
    }

    section.blocks .parts {
        flex-direction: column;
        margin: 0
    }

    section.blocks .parts .right-part {
        width: 100%;
        padding: 0
    }

    section.blocks .parts .right-part .inner {
        display: block
    }

    section.blocks .parts .right-part .text-block {
        height: auto;
        margin-bottom: 2rem
    }

    section.blocks .parts .right-part .image-block {
        width: auto;
        margin: 0 -2rem;
        border-left: none;
        border-right: none
    }

    section.blocks .parts .left-part {
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        min-height: 0
    }

    section.blocks .parts .left-part .short-text {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        border: none;
        width: auto;
        font-size: 1.6rem;
        padding: 1rem 0
    }

    section.blocks .parts .left-part .inner {
        margin: 0 -2rem;
        border-left: none;
        border-right: none;
        border-bottom: none
    }
}

section.files {
    padding: 2.4rem 1rem
}

section.files .top-section {
    margin-bottom: 2rem
}

section.files .top-section .right-part {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 1rem;
    max-height: 30rem;
}
section.files .middle-section-apartment{
    width: 20%;
}
section.files .left-part-aprat-sec{
    width: 30%;
}
section.files .left-part-aprat-sec .right-part-ads-apat{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 1rem;
}
.middile-img-wrap-apart-ads{
    position: relative;
}
section.files .top-section .right-part .image {
    position: relative;
    border: 3px solid #000;
    overflow: hidden;
    flex: 0 1 100%
}

section.files .top-section .placeholder-image {
    position: relative;
    padding: 25% 0;
    height: 100%;
    overflow: hidden;
    border: 3px solid #000
}

section.files .top-section .left-part {
    border: 3px solid #000;
    position: relative;
    overflow: hidden;
}

section.files .top-section .files-table .bottom .columns {
    columns: 2
}

section.files .top-section .files-table .bottom .apartment-row {
    height: 3.7rem;
    border: 3px solid #000;
    border-bottom: none
}

/*section.files .top-section .files-table .bottom .apartment-row:last-child,*/
/*section.files .top-section .files-table .bottom .apartment-row:nth-child(6n+6) {*/
/*    border-bottom: 3px solid #000*/
/*}*/

section.files .top-section .title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

section.files .top-section .title-wrapper .blue-title {
    border: 3px solid #000;
    background-color: #4d4f69;
    text-align: center;
    padding: 3rem 2rem;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

section.files .top-section .title-wrapper .short-text {
    border: 3px solid #000;
    text-align: center;
    padding: 2rem 2.5rem;
    font-size: 1rem;
    text-align: justify;
    line-height: 26px;
}

section.files .bottom-section .right-part {
    width: 25%;
    padding: 0 1rem
}

section.files .bottom-section .right-part .columns {
    border: 3px solid #000
}

section.files .bottom-section .left-part {
    padding: 0 1rem;
    width: 75%
}

section.files .bottom-section .left-part .inner-image {
    height: 28rem;
    position: relative;
    border: 3px solid #000;
    overflow: hidden
}

section.files .parts {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

section.files .files-table .bottom {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden
}

section.files .files-table .bottom .yellow-title {
    font-size: 1.895rem;
    font-weight: 600;
    text-align: center;
    padding: 0 0.3rem;
    background-color: #fcd900;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.2rem;
    height: 4.053rem;
    margin-bottom: 1rem;
    border: 3px solid #000
}

section.files .files-table .bottom .apartment-row {
    border: 3px solid #000;
    border-bottom: none;
    display: flex;
    align-items: stretch;
    align-content: center;
    font-size: 1.105rem;
    flex: 0 1 100%
}

section.files .files-table .bottom .apartment-row:last-child {
    border-bottom: 3px solid #000
}

section.files .files-table .bottom .apartment-row .title {
    width: 70%;
    height: 100%;
    text-align: center;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

section.files .files-table .bottom .apartment-row a.file {
    height: 100%;
    width: 30%;
    border-right: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease
}

section.files .files-table .bottom .apartment-row a.file:hover {
    background-color: #fcd900
}

section.files .files-table .bottom .apartment-row a.file .down-arrow {
    width: 0.632rem;
    height: 0.526rem;
    background-image: url('img/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-left: 0.6rem
}

@media (max-width:768px) {
    section.files {
        padding:20px 0 !important;
        overflow: hidden
    }

    section.files .bottom-section .left-part {
        width: 100%;
        padding: 0
    }

    section.files .parts {
        flex-direction: column
    }

    section.files .top-section {
        margin-bottom: 0
    }

    section.files .top-section .right-part {
        width: 100%;
        padding: 0;
        flex-direction: column-reverse
    }

    section.files .top-section .right-part .image {
        border-right: none;
        border-left: none;

        height: 19rem;
        flex: none
    }

    section.files .top-section .files-table .bottom .apartment-row {
        flex: none;
        height: 4rem
    }

    section.files .top-section .files-table .bottom .apartment-row:nth-child(6n+6):not(:last-child) {
        border-bottom: none
    }

    section.files .top-section .title-wrapper {
        flex-direction: column;
        width: 100%;
        margin: 0;
        border-left: none;
        border-right: none;
        border-bottom: none
    }

    section.files .top-section .title-wrapper .blue-title {
        border-left: none;
        border-bottom: 2px solid #000
    }

    section.files .top-section .title-wrapper .short-text {
        font-size: 1.2rem
    }

    section.files .bottom-section .left-part .inner-image {
        border-right: none;
        border-left: none
    }

    section.files .mobile-tabs {
        padding: 2rem
    }

    section.files .mobile-tabs .yellow-title {
        font-size: 1.895rem;
        font-weight: 600;
        text-align: center;
        padding: 0 0.3rem;
        background-color: #fcd900;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0.2rem;
        height: 4.053rem;
        margin-bottom: 1rem;
        border: 3px solid #000;
        margin-bottom: 0.5rem
    }

    section.files .mobile-tabs .tabs-titles {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin-bottom: 0.5rem
    }

    section.files .mobile-tabs .tabs-titles .tab-title {
        font-size: 1.895rem;
        border: 2px solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 50%;
        height: 4rem
    }

    section.files .mobile-tabs .tabs-titles .tab-title.active {
        background-color: #92d2f3
    }

    section.files .mobile-tabs .tab-content {
        display: none
    }
}

.text-block {
    border: 3px solid #000;
    background-color: #fff;
    min-width: 30.5rem
}

.text-block .title {
    padding: 2rem 2.8rem 1.3rem 2rem;
    border-bottom: 3px solid #000;
    position: relative;
    font-size: 1.895rem;
    font-weight: 600;
    line-height: 1;
    height: 6rem
}
#initiator .text-block .title {
    padding: 0.5rem 12rem .9rem 1.2rem !important;
}
.text-block .title .sequere {
    width: 11rem;
    height: 5.9rem;
    background-color: #fcd900;
    position: absolute;
    left: -0.2rem;
    bottom: 0rem;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
}
.text-block .title.yellow {
    background-color: #fcd900
}

.text-block .title .circle {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    border: 3px solid #000;
    background-color: #fcd900;
    position: absolute;
    left: 2.8rem;
    bottom: 2rem
}

.text-block .text {
    padding: 1.6rem 2.8rem 1.6rem 2.8rem;
    max-height: calc(100% - 5.2rem);
    overflow: hidden
}

.text-block .text p:last-child {
    margin-bottom: 0
}

@media (max-width:768px) {
    .text-block {
        min-width: 0
    }

    .text-block .title {
        padding: 1.3rem 1.5rem 1.3rem 1.5rem
    }

    .text-block .text {
        font-size: 1.3rem;
        padding-left: 1.3rem;
        padding-right: 1.3rem
    }
}

section.paper-section {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    display: flex;
    align-items: stretch
}

section.paper-section .right-part {
    padding: 4.3rem 7.7rem 4.3rem 4.3rem;
    background-color: #4d4f69;
    width: 100%;
    border-left: 3px solid #000
}

section.paper-section .right-part .paper {
    background-color: #fff;
    border: 3px solid #000;
    padding: 2.7rem 8.9rem 2rem 3rem;
    position: relative
}

section.paper-section .paper-corner {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    background-color: #fff;
    width: 5rem;
    height: 5rem
}

section.paper-section .paper-corner .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5rem 5rem 0;
    border-color: transparent #000 transparent transparent;
    margin-top: 0;
    margin-right: -3px;
    top: 0;
    right: 0
}

section.paper-section .paper-corner .triangle:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6rem 6rem 0;
    border-color: transparent #4d4f69 transparent transparent;
    position: absolute;
    top: -0.75rem;
    right: -0.6rem
}

section.paper-section .left-part {
    width: 12%;
    background-color: #fcd900
}

section.paper-section .paper-cols-wrapper {
    display: flex;
    align-items: stretch;
    margin: 0 -2rem
}

section.paper-section .paper-cols-wrapper .paper-col {
    width: 33%;
    padding: 0 2rem
}

section.paper-section .paper-cols-wrapper .paper-col .title,
section.paper-section .paper-cols-wrapper .paper-col strong {
    font-size: 1.211rem;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 1rem
}

section.paper-section .paper-cols-wrapper .paper-col ul li {
    list-style-position: inside;
    list-style: "-   "
}

section.paper-section .paper-cols-wrapper .paper-col-block {
    margin: 2rem 0
}

section.paper-section .paper-notice {
    font-size: 0.632rem;
    margin: 2rem -1rem 0
}

section.paper-section .paper-mobile {
    display: none
}
p{
    text-align: justify;
}

@media (max-width:768px) {
    section.paper-section {
        border-top: none
    }

    section.paper-section .paper-mobile {
        display: block
    }

    section.paper-section .paper-mobile a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 2.2rem;
        line-height: 1.1
    }

    section.paper-section .paper-mobile a .download-arrow {
        width: 1.2rem;
        height: 2.2rem;
        display: block;
        background-image: url('img/download-arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 0.5rem;
        background-size: 100%
    }

    section.paper-section .paper-desktop {
        display: none
    }

    section.paper-section .left-part {
        display: none
    }

    section.paper-section .paper-corner {
        width: 3.5rem;
        height: 3.5rem
    }

    section.paper-section .paper-corner .triangle {
        border-width: 0 3.55rem 3.55rem 0 !important
    }

    section.paper-section .paper-corner .triangle:after {
        border-width: 0 4.5rem 4.5rem 0
    }

    section.paper-section .right-part {
        padding: 2rem !important;
        border-left: none;
        margin-bottom: 20px;
    }

    section.paper-section .right-part .paper {
        height: 15rem;
        width: 15rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem !important;
        text-align: center;
        font-size: 1.5rem
    }
}

section.gallery {
    border-bottom: 3px solid #000
}

section.gallery .swiper-slide {
    max-height: 95vh;
    overflow: hidden;
    position: relative
}

@media (max-width:768px) {

    section.gallery .swiper-button-next,
    section.gallery .swiper-button-prev {
        display: none
    }
}

.swiper-button-next,
.swiper-button-prev {
    width: 3.316rem;
    height: 3.316rem;
    border: 3px solid #000;
    background-color: #fff;
    color: #000;
    transition: all 0.4s ease
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #fcd900
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.7rem
}

section.card {
    padding: 6.2rem 7.3rem;
    display: flex;
    align-items: center
}

section.card .right-part {
    width: 40%;
    height: 39rem
}

section.card .right-part .text-block {
    min-width: 0;
    height: 100%
}

section.card .right-part .text-block img {
    max-width: 10rem
}

section.card .middle-part {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 15%;
    height: 41.7rem;
    position: relative
}

section.card .middle-part .line {
    height: 100%;
    width: 3px;
    background-color: #000
}

section.card .middle-part .top-skew {
    width: 101%;
    height: 3rem;
    border-bottom: 3px solid #000;
    background-color: #fff;
    position: absolute;
    bottom: 100%;
    right: 0;
    transform: skew(0, 13deg)
}

section.card .middle-part .bottom-skew {
    width: 101%;
    height: 3rem;
    border-top: 3px solid #000;
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    transform: skew(0, -13deg)
}

section.card .left-part {
    position: relative;
    border: 3px solid #000;
    width: 45%;
    height: 45rem;
    overflow: hidden
}

@media (max-width:768px) {
    section.card {
        padding: 2rem 2rem 0;
        flex-direction: column
    }

    section.card .right-part {
        width: 100%;
        height: auto;
        margin-bottom: 2rem
    }

    section.card .right-part .text-block {
        height: auto
    }

    section.card .right-part .text-block .title {
        font-size: 2.2rem;
        text-align: center
    }

    section.card .middle-part {
        display: none
    }

    section.card .left-part {
        width: auto;
        margin-left: -2rem;
        margin-right: -2rem;
        border-left: none;
        border-right: none;
        height: 23rem;
        border-bottom: none
    }
}

section.contact {
    background-color: #fcd900;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding-top: 2.9rem;
    padding-bottom: 2.9rem;
    transition: all 0.4s ease
}

section.contact .form-container {
    max-width: 28rem;
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative
}

section.contact form br {
    display: none !important
}

section.contact h2 {
    font-size: 1.895rem;
    font-weight: 600;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.5rem
}
.last-gallery .img-name.top {
    transform: rotate(270deg);
    right: -4rem !important;
    top: 35%;
    border: 2px solid #000;
    font-size: 10px;
    left: auto;
}

@media (max-width:768px) {
    section.contact {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    section.contact .form-container {
        padding: 0 0.5rem
    }

    section.contact form {
        padding: 0 4rem
    }
}

.site-footer {
    padding: 2.6rem 2rem;
    text-align: center;
    position: relative;
    background-color: #fff;
    z-index: 3
}

.site-footer .logo {
    margin-bottom: 1rem
}

.site-footer .contact-details {
    margin-bottom: 0.5rem
}

.main-menu {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 22.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.85);
    border-right: 3px solid #000;
    z-index: 50;
    transform: translateX(-150%);
    transition: all 0.4s ease;
    z-index: 999
}

.main-menu.open {
    transform: translateX(0px)
}

.main-menu .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.2rem;
    width: 2.158rem;
    height: 2.158rem;
    background-color: #fff;
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
    font-weight: 900
}

.main-menu .close:hover {
    background-color: #fcd900
}

.main-menu ul li {
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1.5rem;
    text-align: center
}

.main-menu ul li a {
    display: inline-block;
    text-align: center;
    position: relative;
    padding-bottom: 0.3rem
}

.main-menu ul li a.active:after {
    width: 100%
}

.main-menu ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease
}

.main-menu ul li:hover a:after {
    width: 100%
}

.read-more {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0.8rem
}

.read-more.hide {
    display: none
}

.slide-down-text {
    display: none
}

.slide-down-text.show {
    display: inline
}

.trp-language-switcher .trp-ls-shortcode-current-language {
    display: none
}

.trp-language-switcher .trp-ls-shortcode-language,
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    display: flex !important;
    width: 100% !important;
    height: auto;
    visibility: visible;
    position: relative;
    overflow: visible
}

.trp-language-switcher>div>a {
    color: inherit;
    position: relative
}

.trp-language-switcher>div>a:after {
    content: "/";
    display: inline-block;
    padding: 0 0.2rem;
    font-weight: normal
}

.trp-language-switcher>div>a:last-child:after {
    content: none
}

.trp-language-switcher>div>a:hover {
    background-color: transparent
}

.trp-language-switcher>div>a.trp-ls-shortcode-disabled-language {
    font-weight: 700
}

.trp-language-switcher>div>a.trp-ls-shortcode-disabled-language:before {
    content: "";
    display: block;
    width: 72%;
    height: 2px;
    background-color: #000;
    top: 100%;
    position: absolute
}

.trp-language-switcher>div {
    padding: 0;
    background-color: transparent;
    border: none;
    background-image: none
}

/*# sourceMappingURL=style.css.map */

/* style index start from here */
/*style come from index*/


input[type=submit] {
    color:#000 !important;
}


section.blocks .parts .right-part .image-block{
    height: 57%;
}

section.files .top-section .title-wrapper .short-text{
    border:3px solid #000;
    flex: 0 1 122%;
}
section.files .top-section .title-wrapper{
    border:none;
}
section.files .top-section .right-part {
    width: 50%;
    padding-right:0;
}
section.files {
    padding:2.4rem 7.5rem;
}
section.files .top-section .right-part .image{
    border-right:0;
}
section.files .bottom-section .left-part{
    padding: 0;
    width: 58%;
}

section.files .bottom-section {
    width:58%
}
section.files .files-table .bottom .apartment-row .title{
    padding:.5rem;
}
section.files .top-section .files-table .bottom .apartment-row:nth-child(6n+6) {
    border-bottom:0;
}
section.files .bottom-section .left-part .inner-image {
    height: 100%;
}
.card-gallery-img-wrap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    padding: 1rem;
}
.last-gallery{
    flex:0 1 calc(50% - 10px);
    margin: 5px;
    padding-bottom:1rem;
    height: 14rem;
    position:relative !important;
}
.last-gallery .img-name.top{
    top: 70px !important;
    border: 2px solid #000;
    font-size: 10px;
    right: auto;
    top: auto;
}
.last-gallery a{
    display:block;
    height:100%;
    border: 3px solid #000;
    overflow: hidden;
}
.last-gallery a img{
    height:100%;
    width:100%;
    transition: all 0.7s ease;
}
.last-gallery:hover img{
    transform:scale(1.1);
}



.card-gallery-img-wrap .last-gallery:nth-child(1){
    flex:0 1 calc(40% - 10px);
}
.card-gallery-img-wrap .last-gallery:nth-child(2){
    flex:0 1 calc(60% - 10px);
}
.card-gallery-img-wrap .last-gallery:nth-child(3){
    flex:0 1 calc(60% - 10px);
}
.card-gallery-img-wrap .last-gallery:nth-child(4){
    flex:0 1 calc(40% - 10px);
}
.card-gallery-img-wrap .last-gallery:nth-child(5){
    flex:0 1 calc(50% - 10px);
}
.card-gallery-img-wrap .last-gallery:nth-child(6){
    flex:0 1 calc(50% - 10px);
}


.bage-for-project {
    background: #81cef0;
    width: 221px;
    display: block;
    color: #fff;
    border-radius: 0 0 0 0px;
    transform: rotate(46deg);
    position: absolute;
    z-index: 9;
    top: 53px;
    right: -48px;
    font-size: 23px;
    text-align: center;
}
.yellow-card-box-right-ads{
    width: 11rem;
    background: #fcd900;
    height: 100%;
    border-left: 3px solid #000;
    position: absolute;
    top: 0;
    right: 0;
    padding:1.6rem 2.7rem;

}

.top-ye-white-title.text-block .title{
    padding-top: 1rem !important;
}
.custom-yellow-title-ads{
    padding-right:13rem !important;
    height:auto !important;
    padding-left: 15px !important;
}
.yellow-next-ads-title{
    font-size: 1.211rem;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 7px;
}
.new-ads-image-apartment-mobile{
    display:none;
}
.files .apartment-row .title{
    font-size:16px;
}

section.card{
    flex-direction:row-reverse;
}
.mobile-map-section-image{
    position: relative;
    margin-bottom: 25px;
    width: 116%;
    min-height: 360px;
    margin-right: -25px;
    margin-left: -25px;
    display:none;
}
.phone-icon-content-sec{
    width: 71px;
    margin: 0 auto;
    margin-top: -3px;
    display: none;
    padding-left: 24px;
}
.mobile-sticky-bar{
    display:none;
}
.clicktoopen-form{
    position: fixed;
    left: 0;
    top: 60%;
    z-index: 6;
    background: #fcd900;
    padding: 7px 14px;
    font-size: 18px;
    border: 1px solid #000;
}
.popup-inner{
    position: relative;
    width: 470px;
    height:470px;
    background: #fcd900;
    padding: 30px 30px;
    margin: 0 auto;
    margin-top: 7%;
    border: 3px solid #000;
}
.popup-wrap{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #000000ab;
    height: 100%;
    display:none;
}
.close-popup{
    font-size: 22px;
    position: absolute;
    top: 5px;
    right: 12px;
    font-weight: 600;
    cursor: pointer;
}
.popup-inner h3{
    text-align: center;
    margin-bottom: 14px;
}
.map-image .plus{
    display:none;
}




section.card .left-part{
    height: 50.2rem;
}
section.card .middle-part{
    height: 46.8rem;
}
section.card .right-part{
    height: 44.2rem;
}
.last-gallery{
    height: 15.5rem;
}

.card-gallery-img-wrap .last-gallery:nth-child(1) .img-name.top{
    right:-68px !important;
}
.card-gallery-img-wrap .last-gallery:nth-child(2) .img-name.top{
    right:-68px !important;
}
.card-gallery-img-wrap .last-gallery:nth-child(3) .img-name.top{
    right:-68px !important;
}
.card-gallery-img-wrap .last-gallery:nth-child(4) .img-name.top{
    right:-68px !important;
}
.card-gallery-img-wrap .last-gallery:nth-child(5) .img-name.top{
    right:-68px !important;
}
.card-gallery-img-wrap .last-gallery:nth-child(6) .img-name.top{
    right:-68px !important;
}
#contact-section{
    z-index:7 !important;
}
.read-more{
    display:none;
}

.ac-social-flah {
    width: 12vw;
    height: 15vw;
    background-color: #FFD800;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 64%;
    left: 0;
    z-index: 6;
}

.block-mobile-image{
    display:none;
}
.mobile-staick-bottom{
    display:none;
}
.wpcf7-spinner{
    position:absolute;
}
.wpcf7 form.sent .wpcf7-response-output{
    height: 103%;
}
.sold-bg {
    background: #fcd900;
}

.new-cros-img{
    min-height: 6rem;
}
.popup-form-ads br{
    display: none;
}
.site-footer p{
    text-align: center;
}
.horizantal-new-box{
    border: 2px solid #000;
    font-size: 10px;
    padding: 0.4rem 2rem 0.5rem 2rem;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    z-index: 2;
    width: fit-content;
    position: absolute;
    bottom: 20px;
    left: 1px;
}

@media only screen and (max-width: 1499px) {
    .horizantal-new-box{
        bottom: 16px;
    }
    .last-gallery .img-name.top {
        top: 64px !important;
    }
    section.card .left-part{
        height: 50.2rem;
    }
    section.card .middle-part{
        height: 46.8rem;
    }
    section.card .right-part{
        height: 44.2rem;
    }
    .last-gallery{
        height: 15.5rem;
    }

}



@media only screen and (max-width: 1550px) {
    /*.last-gallery .img-name.top {*/
    /*    bottom: 17px;*/
    /*}*/
    .card-gallery-img-wrap .last-gallery:nth-child(1) .img-name.top{
        right:-63px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(2) .img-name.top{
        right:-63px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(3) .img-name.top{
        right:-63px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(4) .img-name.top{
        right:-63px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(5) .img-name.top{
        right:-63px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(6) .img-name.top{
        right:-63px !important;
    }
}





@media only screen and (max-width: 600px) {
    .clicktoopen-form{
        display:none;
    }
    .ac-social-flah{
        display:none !important;
    }
    .sticky-phone img{
        width:30px;
    }
    .mobile-staick-bottom .sticky-phone {
        border-right: 1px solid #000;
    }
    .sticky-phone a{
        width: 90px;
        display: inline-block;
        padding: 12px;
    }
    .mobile-staick-bottom{
        background: #fcd900;
        display: flex;
        padding: 0px;
        position: fixed;
        width: 100%;
        z-index: 9;
        bottom: 0;
        border-top: 2px solid #000;
    }
    .mobile-staick-bottom .clicktoopen-form{
        display: inline-block;
        position: relative !important;
        width: 90px;
        top: 0;
        border: none;
        padding: 13px;
        font-size: 21px;
    }
    .mobile-staick-bottom .sticky-popup, .mobile-staick-bottom .sticky-phone{
        width:50%;
        text-align:center;
    }


    section.intro .bottom-elements .sculpture img{
        margin-bottom: 0;
    }




    .read-more{
        display:block;
    }
    .full-readmore-content{
        overflow:visible !important;
        max-height:none !important;
    }
    section.intro .text-block{
        position: relative;
        top:auto;
        right:auto;
    }
    section.intro .bottom-elements .sculpture{
        width: 15.158rem;
        bottom: 0rem;
    }
    section.intro {
        height: 46.211rem;
        background-size: cover;
    }
    .text-block .title .sequere{
        top:0;
        bottom:auto;
    }
    section.intro .bottom-elements {
        height: 3.88rem;
    }
    section.intro .bottom-elements .building {
        bottom: 206%;
    }
    .blubox-left-ads {
        width: 8rem;
    }
    .text-block .title {
        padding: 1rem 1.3rem 1.3rem 9rem;
    }
    #initiator .text-block .title {
        padding: 0.5rem 1rem .9rem 1.2rem !important;
    }
    section.card .left-part{
        height:auto !important
    }
    section.files .top-section .right-part{
        width:100%;
    }
    section.files .top-section .title-wrapper .short-text{
        /*margin-top:12px;*/
    }
    section.files .top-section .title-wrapper .blue-title{

        border-right: 3px solid;
        padding: 1rem;
        margin-top: 15px;
    }
    section.files .bottom-section {
        width: 94%;
        display: block;
        margin: 0 auto;
        margin-top: 11px;
    }
    .top-banner{
        margin-top: 1.2rem;
    }


    .main-menu {
        max-width:100%;
        right: -70rem !important;
    }
    .main-menu.open{
        right: -4rem !important;
    }
    .main-menu .close{
        right: 5rem;
}
    .paper-section.wow{

    }
    .apartment-left-mobile-ads{
        display:none;
    }

    .yellow-card-box-right-ads{
        width: 100%;
        height: 5rem;
        border-left: 0;
    }
    .yellow-next-ads-title{
        width: 100%;
        display: block;
        margin-top: 5rem;
        font-size: 1.4rem;
    }
    /*.mobile-map-section-image{*/
    /*    display:block;*/
    /*}*/
    .map-section-image-hide{
        display:none;
    }
    section.map{
        margin-bottom:10px;
    }
    section.card {
        flex-direction: column-reverse;
    }
    .map-image .plus{
        display:none;
    }
    .mobile-sticky-bar{
        position: fixed;
        bottom: 0;
        background: #fcd900;
        width: 100%;
        z-index: 99;
        text-align: center;
        padding: 12px;
        font-size: 24px;
        display:block;
    }
    .mobile-sticky-bar img{
        width:25px;
    }
    .phone-icon-content-sec{
        display:block;

    }
    #enable-toolbar-trigger{
        top:-60px !important;
    }
    .popup-inner{
        width: 90%;
        height: auto;
    }
    .popup-inner h3 a{
        display:block;
    }
    .scroll-content{
        z-index:4 !important
    }
    .site-footer{
        margin-bottom:50px;
    }
    .clicktoopen-form{
        top:55%;
    }
    .yellow-card-box-right-ads.right br{
        display:none;
    }
    #initiator .yellow-card-box-right-ads{
        padding-top:22px !important;
    }
    .yellow-card-box-right-ads.right{
        padding-top:22px;
    }
    section.card .right-part {
        height: auto;
    }



    .card-gallery-img-wrap .last-gallery:nth-child(1) .img-name.top{
        right:-51px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(2) .img-name.top{
        right:-51px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(3) .img-name.top{
        right:-51px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(4) .img-name.top{
        right:-51px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(5) .img-name.top{
        right:-51px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(6) .img-name.top{
        right:-51px !important;
    }
    section.files .middle-section-apartment {
        width: 100%;
        padding: 0 15px;
    }
    section.files .left-part-aprat-sec {
        width: 100%;
        margin-top: 15px;
    }
    .wrapper-elem.project-wrapper header.title{
        border-top: 3px solid #000000;
    }
    .wrapper-elem.files-wrapper{
        margin-top: 15px;
    }
    .wrapper-elem.files-wrapper header.title{
        border-top:3px solid #000;
    }
    .title.custom-yellow-title-ads{
        padding-right: 2rem !important;
    }
    .horizantal-new-box{
        padding:0.3rem 1rem 0.2rem 1rem ;
    }
    .last-gallery .img-name.top {
        top: 52px !important;
    }
}

@media only screen and (max-width: 415px){
    .card-gallery-img-wrap .last-gallery:nth-child(1) .img-name.top {
        right: -50px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(2) .img-name.top {
        right: -50px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(3) .img-name.top {
        right: -50px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(4) .img-name.top {
        right: -50px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(5) .img-name.top {
        right: -50px !important;
    }
    .card-gallery-img-wrap .last-gallery:nth-child(6) .img-name.top {
        right: -50px !important;
    }
}

@media only screen and (min-width: 1500px) {

    section.card .middle-part {
        height: 47rem;
    }
    .last-gallery .img-name.top{
        right: -3.6rem !important;
    }
}



@media only screen and (max-width: 1000px) and (min-width: 600px)  {
    #initiator .text-block .title {
        padding: 0.5rem 1rem .9rem 1.2rem !important;
    }

    section.card .middle-part {
        height: 46.4rem;
    }
    section.card .right-part {
        height: 44.4rem;
        margin-left: -1px;
    }
    .yellow-next-ads-title{
        line-height: 12px;
    }
    .read-more {
        display: none !important;
    }
    .last-gallery .img-name.top{
        width: 13.9rem;
        right: -5.9rem !important;
        top: 38.6%;
        font-size: 7px;
    }
    .last-gallery {
        height: 14.8rem;
    }
    .text-block .text{
        overflow:visible !important;
    }

}