@keyframes scale_arrow {
    0% {
        transform: scale(1.0) translate(50%, -20%);
        color: rgba(33, 37, 41, 1);
    }
    100% {
        transform: scale(1.09) translate(46%, 0);
        color: #5E6A75;
    }
}

@media (max-width: 1410px) {
    .dnoneHeader {
        display: none !important;
    }
}


@media (max-width: 992px) {
    .Menu {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .MenuMobail {
        display: none !important;
    }
}

.paddingX {
    padding-right: 8%;
    padding-left: 8%;
}

.paddingX a {
    text-decoration: none;
    color: #2c3034;
}

.footer {
    padding-top: 6em;
    padding-bottom: 6em;
    background: #EDEDED;
}

.arrowMainTop {
    position: absolute;
    bottom: 1em;
    right: 50%;
    animation: scale_arrow 1.0s ease-out infinite alternate;
}

.arrowMainTopImg {
    width: var(--arrowMainTopImg);
}

.pHeader p {
    transition: all .6s ease;
}

.pHeader p:hover {
    color: #a1a1a1;
}

.button-nav-top img {
    transition: all .6s ease;
}

.button-nav-top img:hover {
    transform: scale(1.1);
}

.button-nav-top svg {
    transition: all .6s ease;
}

.button-nav-top svg:hover {
    transform: scale(1.1);
    fill: #a1a1a1 !important;
}

/*=====================panel-nav-top======================*/
.panel-nav-top {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-image: url("/static/main/img/menu/q1.webp");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top;
    background-size: cover;
}

.body__overflow {
    overflow: hidden;
}

.panel-nav-top li {
    list-style: none;
}

.panel-nav-top li a {
    font-size: var(--liMenu-font-size);
    text-decoration: none;
    color: white;
}

.panel-nav-top li a:hover {
    font-size: var(--liMenu-font-size);
    text-decoration: none;
    color: #a1a1a1;
}

.panel-nav-top ul {
    padding-right: 15em;
    padding-left: 15em;
}

.sizeHeaderImg2 {
    width: var(--HeaderIm2-font-size);
}

.sizeHeaderImg3 {
    width: var(--HeaderIm3-font-size);
}


/*===============Main==================*/
.bgHomeTop {
    background-image: url("/static/main/img/main/q1.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    min-height: 90vh;
}

@media (max-width: 1100px) {
    .bgHomeTop {
        background-image: url("/static/main/img/main/q1.webp");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 61%;
        background-size: cover;
        min-height: 90vh;
        position: relative;
    }
}


@media (max-width: 773px) {
    .bgHomeTop {
        background-image: url("/static/main/img/main/q1.webp");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 61%;
        background-size: cover;
        min-height: 90vh;
        position: relative;
    }
}

.marginMainTopText {
    margin-top: var(--marginMainTopText);
}

@media (max-width: 1500px) and (min-width: 1200px) {
    .H2Main4Blocks {
        font-size: var(--h3-font-size);
    }
}

/*================Developer===============*/
.bgDevelopers {
    background-image: url("/static/main/img/developers/q1.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
    background-size: 60% 100%;
    overflow-y: auto;
    height: 100vh;
}

@media (max-width: 1100px) {
    .bgDevelopers {
        background-image: url("/static/main/img/developers/q1.webp");
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 70%;
        background-size: cover;
        overflow-y: auto;
        height: auto;
    }
}

.bgDevelopersShadow {
    background: rgba(40, 65, 62, 0.65);
    min-height: 100vh;
}

.bgDevelopers::-webkit-scrollbar {
    width: 7px;
    background-color: #f9f9fd;
}

.bgDevelopers::-webkit-scrollbar-thumb {
    background-color: rgba(40, 65, 62, 1);
}

/*================Residences===============*/
.bottomSectionResid {
    background: rgba(40, 65, 62, 1);
    padding-top: 7em;
    padding-bottom: 7em;
}

.viewMoreResid {
    text-decoration: underline;
    text-align: end;
    cursor: pointer;
}

.residencesMony {
    font-family: 'CR' ,sans-serif!important;
    position: relative;
    top: -10px;
    color: rgba(40, 65, 62, 1);
}

.borderResidences {
    border-bottom: 1px solid #343434;
}

.marginResidences {
    margin-top: 10em;
    margin-bottom: 5em;
}

.listings h2 {
    font-size: var(--h2listings-font-size);
}

@media (min-width: 992px) {
    .residencesMobail {
        display: none;
    }

    .residencesDesc {
        padding-left: 10em;
        padding-top: 1.1em;
    }
}

@media (max-width: 1300px) {
    .residencesDesc {
        padding-left: 5em;
    }
}

@media (max-width: 1100px) {
    .residencesDesc {
        padding-left: 3em;
    }
}

@media (max-width: 992px) {
    .residencesDesc {
        display: none;
    }
}

.residencesTable {
    width: 80%;
}

.residencesTable tr th {
    background: rgba(40, 65, 62, 1);
    padding: 10px 10px 10px 10px !important;
    color: white;
}

.residencesTable tr td {
    background: rgba(237, 237, 237, 1);
    padding: 5px 10px 5px 10px !important;
}

.listings img {
    height: 250px;
}

.listings .col {
    margin-bottom: 50px;
}

.listings .col div {
    -webkit-box-shadow: -3px 3px 5px 0 rgba(32, 40, 47, 0.21);
    -moz-box-shadow: -3px 3px 5px 0 rgba(32, 40, 47, 0.21);
    box-shadow: -3px 3px 5px 0 rgba(32, 40, 47, 0.21);
}

/*===============Amenities===============*/
@media (min-width: 992px) {
    .amenitiesTopMobail {
        display: none;
    }
}

@media (max-width: 992px) {
    .amenitiesTop {
        display: none;
    }
}

/* ============ Cookie ============ */
.btn--btn--coo {
    border: 0;
    font-family: "GPROmedium", sans-serif;
    color: white;
    background: #28413E;
    padding: 10px 30px;
    text-decoration: none;
    transition: all 600ms ease;
     cursor: pointer
}

.btn--btn--coo:hover {
    background: #5C908A;
    transform: scale(1.05);
}

#cookie_notification {
    display: none;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 860px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 8px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    opacity: .96;
    z-index: 999999 !important;
}

#cookie_notification p {
    margin: 0;
    font-size: 0.6rem;
    text-align: left;
    color: black;
}


@media (min-width: 576px) {
    #cookie_notification.show {
        display: flex;
    }

    .cookie_accept {
        margin: 0 0 0 5px;
    }
}

@media (max-width: 575px) {
    #cookie_notification.show {
        display: block;
        text-align: left;
    }

    .cookie_accept {
        margin: 10px 0 0 0;
    }
}

/* ============ /Cookie ============ */

/* ============ Form ============ */

.b24-form {
    padding: 0 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.b24-form-wrapper {
    padding: 0 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.b24-form-padding-side {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.b24-form-header-padding {
    padding: 0 !important;
}

.b24-form input {
    color: #262626 !important;
}

.b24-form-recaptcha {
    position: absolute;
    top: 40%;
    opacity: 0;
    z-index: -9999999999999999999999999999999999;
}


.b24-form-btn-block button {
    margin: auto !important;
    border: 0 !important;
    color: #ffffff !important;
    background: #28413E !important;
    border-radius: 0 !important;
    padding: 15px 40px !important;
    text-decoration: none !important;
    transition: all 600ms ease !important;
    width: auto !important;
    min-height: 30px !important;
    font-size: var(--button2-font-size) !important;
    font-family: "CL", sans-serif !important;
}

.b24-form-btn-block button:hover {
    background: #5C908A !important;
    transform: scale(1.05) !important;
}

@media (max-width: 992px) {
    .b24-form-btn-block button {
        padding: 10px 30px !important;
    }
}

.b24-form-control-container input {
    font-size: 18px !important;
}

.b24-form-control-container input::placeholder {
    font-size: 18px !important;
    color: #000000 !important;
    background: black;
}

@media (max-width: 1200px) {
    .b24-form-control-container input {
        font-size: 14px !important;
    }

    .b24-form-control-container input::placeholder {
        font-size: 14px !important;
    }
}

@media (max-width: 426px) {
    .b24-form-control-container input {
        font-size: 13px !important;
    }

    .b24-form-control-container input::placeholder {
        font-size: 13px !important;
    }
}

/*--------------form-next----------------*/
.b24-form-state-container .b24-form-success {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.b24-form-success .b24-form-state-text {
    display: block;
    margin: 0 0 27px;
    color: #2c2c2c !important;
    text-align: center;
    opacity: 1 !important;
}

.b24-form-btn.b24-form-btn-border {
    margin: auto !important;
    border: 0 !important;
    color: #ffffff !important;
    background: #28413E !important;
    border-radius: 0 !important;
    padding: 7px 25px !important;
    text-decoration: none !important;
    transition: all 600ms ease !important;
    width: auto !important;
    min-height: 30px !important;
}

@media (max-width: 1200px) {
    .b24-form-btn.b24-form-btn-border {
        font-size: 14px !important;
    }
}

@media (max-width: 1200px) {
    .b24-form-btn.b24-form-btn-border {
        font-size: 13px !important;
    }
}

.b24-form-btn.b24-form-btn-border {
    transform: scale(1.05) !important;
}

.b24-form-control {
    border-bottom: 1px solid #28413E !important;
    color: #000000 !important;
}

/*--------------form-next----------------*/

body .b24-form-style-modern .b24-form-control-string .b24-form-control {
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid #28413E !important;
}

body .b24-form-style-modern .b24-form-control-list .b24-form-control {
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid #28413E !important;
}

body .b24-form-control-string .b24-form-control {
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid #28413E !important;
}

body .b24-form-control-label {
    color: #000000 !important;
}
/* ============ /Form ============ */

.map--clik {
    pointer-events: none;
}

/*=========slick============*/
.slick-dots {
    padding-left: 0;
    position: relative;
    top: 3em;
    text-align: center;
    display: flex;
}

.slick-dots li {
    list-style: none;
}

.slick-dots button {
    font-size: 0;
    background: #5C908A;
    border: none;
    height: 5px;
    width: 30px;
    margin: 5px;
    outline: none;
}

.slick-dots li[class="slick-active"] button {
    background: #28413E;
}

.arrow-prev {
    z-index: 1;
    position: absolute;
    bottom: -3em;
    right: 8em;
    border-radius: 50%;
    transition: all .4s ease;
}

@media (max-width: 600px) {
    .arrow-prev {
        right: 6em;
    }
}

.arrow-prev img {
    width: var(--widthArrow);
}

.arrow-next {
    z-index: 1;
    position: absolute;
    bottom: -3em;
    right: 0;
    border-radius: 50%;
    transition: all .6s ease;
}

.arrow-next img {
    width: var(--widthArrow);
}

.btnGallery {
    margin-top: 7em;
}

@media (max-width: 992px) {
    .btnGallery {
        margin-top: 5em;
    }
}

.footerA {
    color: #2c2c2c;
    text-decoration: underline !important;
}

.footerA:hover {
    color: #9f9f9f;
}

.A__Contact {
    color: #2c2c2c;
}

.A__Contact:hover {
    color: #9f9f9f;
}

/* ------------------- PopUP ------------------- */
.b-popup .double-border-button {
        background-color: white;
    }

.iti {
    width: 100%;
}

.pop-all {
    position: absolute;
    left: 37px;
}

.close-b {
    position: absolute;
    right: 10px;
    top: 10px;
}

.pop-line-1 {
    top: 35px;
}

.pop-line-2 {
    top: 110px;
}

.pop-line-3 {
    top: 185px;
}

.pop-line-4 {
    top: 260px;
    width: 83%;
}

.p_phone {
    background-color: #212123;
}

.pop-h {
    font-size: 30px !important;
}

.pop-but-all {
    background-color: #ffffff;
    text-transform: uppercase;
}

@media screen and (max-width: 520px) {
    .pop-all {
        left: 62px;
    }

    .pop-h {
        font-size: 30px !important;
    }

    .pop-line-1 {
        top: 35px;
    }

    .pop-line-2 {
        top: 100px;
    }

    .pop-line-3 {
        top: 171px;
    }

    .pop-line-4 {
        top: 239px;
        width: inherit;
    }
}

@media screen and (max-width: 500px) {
    .pop-h {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 490px) {
    .pop-h {
        font-size: 28px !important;
    }

    .pop-line-3 {
        top: 171px;
    }
}

@media screen and (max-width: 480px) {
    .pop-h {
        font-size: 28px !important;
    }

    .pop-line-3 {
        top: 171px;
    }
}

@media screen and (max-width: 470px) {
    .pop-h {
        font-size: 27px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 5px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }
}

@media screen and (max-width: 460px) {
    .pop-all {
        left: 28px;
    }

    .pop-all {
        left: 45px;
    }

    .pop-h {
        font-size: 27px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 5px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }

    .pop-line-1 {
        top: 30px;
    }

    .pop-line-2 {
        top: 77px;
    }

    .pop-line-3 {
        top: 135px;
    }

    .pop-line-4 {
        top: 185px;
    }
}

@media screen and (max-width: 420px) {
    .b-popup .double-border-button {
        padding: 5px 10px;
        font-size: 15px;
    }

    .pop-all {
        left: 43px;
    }

    .pop-h {
        font-size: 23px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 5px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }

    .pop-line-1 {
        top: 28px;
    }

    .pop-line-2 {
        top: 70px;
    }

    .pop-line-3 {
        top: 126px;
    }

    .pop-line-4 {
        top: 160px;
    }
}

@media screen and (max-width: 420px) {
    .pop-all {
        left: 35px;
    }

    .pop-h {
        font-size: 23px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 5px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }

    .pop-line-1 {
        top: 20px;
    }

    .pop-line-2 {
        top: 60px;
    }

    .pop-line-3 {
        top: 115px;
    }

    .pop-line-4 {
        bottom: 160px;
    }

    .vera--form input, .vera--form textarea {
        padding: 4px;
    }

    .vera--form .form-radio {
        font-size: 13px;
    }
}

@media screen and (max-width: 385px) {
    .pop-all {
        left: 31px;
    }

    .close-b {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .vera--form p, .vera--form textarea {
        margin-bottom: 10px;
    }

    .pop-h {
        font-size: 23px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 5px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }

    .pop-line-1 {
        top: 13px;
    }

    .pop-line-2 {
        top: 50px;
    }

    .pop-line-3 {
        top: 101px;
    }

    .pop-line-4 {
        top: 142px;
    }

    .vera--form input, .vera--form textarea {
        padding: 4px;
    }

    .vera--form .form-radio {
        height: 11px;
    }
}

@media screen and (max-width: 350px) {
    .pop-all {
        left: 3px;
    }

    .close-b {
        position: absolute;
        right: 6px;
        top: 6px;
    }

    .pop-h {
        font-size: 18px !important;
    }

    .vera--form input, .vera--form textarea {
        padding: 3px;
    }

    .vera--form .form-radio {
        font-size: 14px;
    }

    .pop-line-1 {
        top: 5px;
    }

    .pop-line-2 {
        top: 30px;
    }

    .pop-line-3 {
        top: 80px;
    }

    .pop-line-4 {
        top: 111px;
    }

    .vera--form input, .vera--form textarea {
        padding: 3px;
    }

    .form-check {
        min-height: 0.5rem;
        margin-bottom: 0;
    }

    .form-check-inline {
        margin: auto;
    }
}

.pop_up {
    display: none;
}

.form-check-input:checked {
    background-color: #A7573E;
    border-color: #A7573E;
}

/* ------------------- /PopUP ------------------- */

/*======== FORMS ========*/
.divForms {
    width: 500px;
}

.phoneForms {
    border: none !important;
}

.pTel {
    width: 100% !important;
    border: 1px solid #28413E !important;
    background: white;
}

@media (max-width: 800px) {
    .divForms {
        width: 400px;
    }
}

@media (max-width: 500px) {
    .divForms {
        width: 300px;
    }
}

@media (max-width: 500px) {
    .divForms {
        width: 250px;
    }
}

.vera--form input, .vera--form textarea {
    padding: 7px;
    width: 100%;
    border: 1px solid #28413E;
}

.vera--form p, .vera--form textarea {
    width: 100%;
}

#book_an_appointment {
    border: 1px solid #28413E;
    padding: 10px;
}

.gj-datepicker-md [role=right-icon] {
    right: 5px !important;
    top: 8px !important;
    font-size: 23px !important;
}

p .gj-dropdown {
    margin-left: 80px;
}

input:focus, textarea:focus {
    background-color: white;
    outline: none;
}

input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.4s ease;
}

input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.4s ease;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.4s ease;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.4s ease;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.4s ease;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.4s ease;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.4s ease;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 0.4s ease;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
/ / Yeah, yeah everybody write about it
}

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}

.form-select {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #28413E !important;
    border-radius: 0;
    padding-left: 8px !important;
    font-size: var(--input-fon-size) !important;
}

.form-select::placeholder {
    font-size: var(--input-fon-size) !important;
}

.gj-datepicker-md, .gj-textbox-md {
    font-size: var(--input-fon-size) !important;
    font-family: "CL", sans-serif !important;
}

.gj-datepicker-md [role=right-icon] {
    right: 8px !important;
    top: 16px !important;
}

.makePadding {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

/*======== /FORMS ========*/

.dropdown-toggle::after {
    position: relative;
    top: 3px;
    margin-left: 0 !important;
}