﻿hr {
}

.menuMystate hr {
    border-left: 10px solid #D2D4D5;
    transform: rotate( 90deg );
    padding-left: 31px;
    /*position: absolute;*/
    margin: 10px;
    width: max-content;
    /* height: max-content; */
}

.menuMystate {
    display: flex;
}

    .menuMystate a.menu-item, .menuMyDocs a.menu-item {
        /* padding-left: 10px !important; */
        width: 240px !important;
        /* height: 10px !important; */
        margin: 0 !important;
        margin-left: -19px !important;
        /*padding-left: 19px !important;*/
        /* text-align: left; */
        /*border-left: 1px solid #D2D4D5;*/
        /*transform: rotate( 90deg );*/
    }

    /*.menuMystate div {
        margin-left: 46px;
    }*/
    .menuMystate div, .menuMyDocs div, .menuHpc div {
        margin-left: 26px;
        padding-left: 31px;
        border-left: 1px solid #D2D4D5;
    }


        .menuMystate div a span, .menuHpc div a span, .menuMyDocs div a span {
            text-align: left;
            margin-left: -19px;
        }



.btn.btn-green {
    background: var(--secondary-color);
    color: var(--first-color);
    margin-left: 24px;
}
/*.divider {
    background: #fff;
    height: 280px;
}*/


.vs-icons {
    position: absolute;
    margin-left: 53px !important;
    background: #E1473D;
    border-radius: 20.1869px !important;
    font-family: Ubuntu;
    font-style: normal !important;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    color: #FFFFFF;
    width: 35px;
    height: 21px;
    text-align: center;
    margin-top: -21px !important;
}

/*НОВЫЕ СТИЛИ БАСПАНЫ*/

.divider {
    background: #fff;
    height: 280px;
}

.search-box {
    display: flex;
    flex-direction: column;
    /* background-image: url(../images/img_bs_so.jpg);
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 33px 64px 33px; */
    margin-bottom: 60px; /* Нижние отступы 240px*/
    /* margin-top: 46px; Добавил верхние отступы */
    padding: 0 var(--padding-layout) none;
    width: 100% !important;
}
/* Создал отдельный класс чтобы вытащить картинку */
.search-box--image {
    background-image: url(../Images-baspana/слайдер.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

.search-box .title {
    font-size: 50px;
    text-shadow: 0px 4px 10px rgb(44 53 55 / 19%);
    margin-bottom: 60px;
    /* Изменил, было: 25px; */
    text-align: center;
    margin-top: -76px;
    font-family: unset;
    font-style: normal;
    font-weight: 300;
    line-height: 125px;
    /*animation-name: TitleColorChange;*/
    animation-duration: 4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    /*text-shadow: 0px 4px 14px rgb(9 10 11 / 37%);*/
    /*text-shadow: 0px 2px 14px rgba(0, 0, 0, 0.7);*/
    color: #212529;
    position: absolute;
    left: 0;
    right: 0;
    top: 226px;
}

@keyframes TitleColorChange {
    0% {
        color: white;
        text-shadow: 10px 10px 10px black;
    }

    100% {
        color: black;
        text-shadow: 11.796px 16.8515px 34.8264px white;
    }
}

.search-box .search-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    /*grid-gap: 1px;*/ /*уменшил отступы между ними на 1px*/
    grid-auto-rows: 1fr;
}

    .search-box .search-group .group-control .slider-box input {
        font-size: 14px;
        font-family: Ubuntu-Medium;
        color: var(--third-color);
    }

    .search-box .search-group .group-control .control-box select {
        font-size: 14px;
        font-family: Ubuntu-Medium;
        color: var(--third-color);
    }

    .search-box .search-group .btn-search {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--secondary-color);
        color: var(--first-color);
    }

.search-box--button {
    text-align: right;
}
/* END SEARCH BOX */
.imgs-box {
    position: absolute;
    width: 100%;
    z-index: -1;
    left: 0%;
    right: 0%;
    top: calc(150vh/2 - 580px);
}

/* SLIDE BOX */
.slider-box.objects:not(last-child) {
    margin-bottom: 60px;
}

.slider-box .title-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

    .slider-box .title-box .title {
        font-family: Ubuntu-Bold;
    }

    .slider-box .title-box .button-box {
        display: flex;
        justify-content: flex-end;
    }

        .slider-box .title-box .button-box .nav-button {
            width: 40px;
            height: 40px;
            background-color: #008b8a;
            color: #fff;
            border: none;
            cursor: pointer;
            outline: none;
        }

        .slider-box .title-box .button-box .btn-prev {
            margin-right: 2px;
        }


.slider-box .slider-item {
    display: flex;
    flex-direction: column;
    padding: 0px;
}

    .slider-box .slider-item .content-box {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        padding: 20px !important;
    }

        .slider-box .slider-item .content-box .title {
            flex-grow: 1;
            margin-bottom: 10px;
        }

            .slider-box .slider-item .content-box .title a {
                font-family: Ubuntu-Medium;
                font-size: 20px;
                font-weight: 500;
                color: #004645 !important;
                outline: none;
            }

        .slider-box .slider-item .content-box .status {
            font-family: Ubuntu-Medium;
            font-size: 12px;
            font-weight: 500;
            color: #d6b829;
            margin-bottom: 10px;
        }

        .slider-box .slider-item .content-box .content-table {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px 5px;
        }

        .slider-box .slider-item .content-box .content-item {
            margin-bottom: 20px;
        }

        .slider-box .slider-item .content-box .footer-text {
            font-family: PTSans;
            font-size: 12px;
            color: rgba(92, 92, 92, 0.5);
        }

    .slider-box .slider-item .image {
        position: relative;
    }

    .slider-box .slider-item .view-count-box {
        /* position: absolute; */
        /* bottom: 20px; */
        right: 20px; /* +++ */
        /* background: rgba(74, 74, 74, 0.69); */ /* --- */
        /* padding: 10px 20px; */
        font-family: Ubuntu; /* +++ */
        font-size: 13px; /* +++ */
        font-weight: 400; /* +++ */
        line-height: 1.5;
        color: #878A8A; /* +++ */
    }

        .slider-box .slider-item .view-count-box i {
            margin-right: 10px;
        }

.slider-box.objects.otau__nauriz {
    background: linear-gradient(0deg, #1FA9D5 -10.23%, #0994AE 47.01%, #008F91 100%);
    padding: 40px;
    border-radius: 20px;
}

    .slider-box.objects.otau__nauriz .slider_box-titles {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .slider-box.objects.otau__nauriz button.btn--left.nav-button.btn-prev {
        top: 50% !important;
        left: 30px !important;
    }

    .slider-box.objects.otau__nauriz button.btn--right.nav-button.btn-next {
        top: 50% !important;
        right: 35px !important;
    }


    .slider-box.objects.otau__nauriz .slider-item {
        min-width: 330px;
    }

    .slider-box.objects.otau__nauriz .slider {
        margin: 0 50px;
        /*position: unset;
        overflow: hidden;
        margin: 0 50px;
        align-items: center;
        max-width: 100vw;
        width: 85%;*/
        /* overflow: hidden !important; */
        /*margin-left: 85px;*/
    }



        .slider-box.objects.otau__nauriz .slider .card.slider-item.slick-current {
            height: 515px !important;
        }

/*@media (min-width:320px){
.search-box{
    margin-bottom: 0px;
}
}         */
@media (min-width: 992px) {
    /* .main { */
    /* } */

    .main .divider {
        margin: 0 -9.6%;
    }

    .search-box {
        padding: 120px 0px 0px 0px 11%; /* Изменено, было:120px 8% */
        padding-top: 218px;
        padding-bottom: 160px;
        margin-bottom: 96px;
        margin: 61px 0px 96px 0px;
    }

        .search-box .title .blur {
            font-family: Ubuntu-Medium;
        }

        .search-box .search-group {
            grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        }
}

button.mobile--ok {
    position: absolute;
    bottom: 39%; /*39%*/
    /* top: 100%; */
    /* margin-bottom: 180px; */
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #004645;
    background: #FFFFFF;
    border-radius: 4px;
    width: 290px;
    height: 49px;
}


@media (min-width: 1200px) {
    .search-box .search-group {
        grid-template-columns: repeat(auto-fill,minmax(19%,1fr));
        grid-template-columns: 22% 20% 11% 16% 19% 14%;
        /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
    }

    .body-main {
        width: 1300px !important;
    }

    .gv_back--s, .kamkor_back--s, .kamkor_back--skz, .gv_back--skz, .nauriz__otau__web__ru, .nauriz__otau__web__kz, .gos_reward_rus, .gos_reward_kz, .oner__web__ru, .oner__web__kz {
        background-size: 100%;
        height: 280px;
        object-fit: cover;
    }

    .gos_reward_rus {
        background-image: url('/Images/GosReward/pg__web__ru.png');
        display:block;
    }

    .gos_reward_kz {
        background-image: url('/Images/GosReward/pg__web__kz.png');
        display: block;
    }

    .nauriz__otau__web__ru {
        background-image: url('/Images/NaurizOtauBanner/nauriz__web__ru.png');
    }

    .nauriz__otau__web__kz {
        background-image: url('/Images/NaurizOtauBanner/nauriz__web__kz.png');
    }

    .oner__web__kz {
        background-image: url('/Images/Oner/Онер карусель кз.png')
    }

    .oner__web__ru {
        background-image: url('/Images/Oner/Онер карусель ру.png')
    }

    .gv_back--s {
        background-image: url(/Images-baspana/banner--grand--victoria__ru.webp);
    }

    .kamkor_back--s {
        background-image: url(/Images/Qamqor/qamqor__ru.png);
    }

    .kamkor_back--skz {
        background-image: url(/Images/Qamqor/qamqor__kz.png);
    }


    .gv_back--skz {
        background-image: url(/Images-baspana/banner--grand--victoria__kz.webp);
    }
}



/* SEARCH_LABEL */
.search_label {
    /* background: red; */
}



/* END SEARCH_LABEL */




/*КНОПКА СВЯЗИ*/
.launcher .rings {
    position: absolute;
    height: 54%;
    /*67%*/
    width: 76%;
    opacity: .6;
    z-index: -1;
    display: none;
}

    .launcher .rings .ring:nth-child(1) {
        animation-delay: .1s;
    }

    .launcher .rings .ring {
        border: 1px solid;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        animation: launcher-button-pulsate infinite 3s;
    }

@keyframes launcher-button-pulsate {
    60% {
        transform: scale(1,1);
        opacity: 0;
    }

    70% {
        transform: scale(1,1);
        opacity: 1;
    }

    100% {
        transform: scale(1.7,1.7);
        opacity: 0;
    }
}

.dropdown-menu--items {
    background: #008f91;
    /*padding-top: 10px;*/
    border-radius: 100px;
    width: 45px;
    height: 45px;
    /*margin-left: 24px;*/
    margin-bottom: 10px;
}

    .dropdown-menu--items img {
        margin: 12px;
        display: flex;
        align-self: center;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .dropdown-menu--items:hover {
        background: #3E5357;
    }
/* .dropdown-menu--items-buttonclose {
    background: #fff; 
    border-radius: 100%; 
    width: 54px; 
    height: 54px; 
    margin-left: 8px; 
    padding-top: 15px;
} */
.back-hover:hover {
    background: #3E5357;
}

.menu-label {
    display: flex;
    text-decoration: none;
}

.menu-label--items {
    background: #3E5357;
    height: 45px;
    width: 180px;
    padding-top: 10px;
    margin-left: 10px;
    border-radius: 4px;
    color: #fff;
}
/* .button_up {
    transition: all 3s;
    transform: translate(0);
}
.back-hover {
    transition: all 3s;
} */
.modal-dialog.modal-lg {
    justify-content: center;
    display: flex;
    /* margin: 10px; */
}

.button_close {
    width: 54px;
    height: 54px;
    border-radius: 40px;
    position: relative;
    z-index: 1;
    /* margin: 20px auto; */
    cursor: pointer;
    background: #fff;
    right: 0px;
}

    .button_close::before {
        content: '+';
        color: #3E5357;
        position: absolute;
        z-index: 2;
        transform: rotate(45deg);
        font-size: 50px;
        line-height: 1;
        top: -1.5px;
        left: 13px;
        transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
    }

    .button_close:hover:before {
        /* transform: scale(0.8) rotate(45deg); */
        color: #008F91;
    }

.footer {
    /*position: unset !important;*/
    position: absolute !important;
    margin-bottom: 0px !important;
    /*margin-top: 3%;*/
}

a.image.img-detail {
    outline: none;
}

@media(max-width:1200px) {
    .news-and-statistics_block {
        grid-template-columns: 1fr !important;
    }

    .button-position.testShow.btn-group.dropup.button-m {
        display: none;
        /*padding-left:913px;*/
    }

        .button-position.testShow.btn-group.dropup.button-m ul {
            /*transform: rotate( -90deg );
            transform-origin: bottom;
            padding-left: 90px;*/
        }

    i#ggg {
        color: #008b8a;
    }

    .radio-container {
        width: 46% !important;
    }

    div#newObjid {
        background: #FFFFFF;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 6%);
    }

    div#secondObjid {
        background: #FFFFFF;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 6%);
    }

    .objects_new.newObj {
        position: absolute;
        top: 280px;
        width: 96%;
        /* margin-bottom: 100px; */
        /* margin-top: 364px; */
        margin: 0px auto !important;
        left: 0;
        right: 0;
        border-radius: 0px;
        box-sizing: border-box;
        box-shadow: 0px 10.8081px 13.5101px rgb(0 0 0 / 12%);
        /* z-index: 999; */
        z-index: 8;
        top: 480px;
        top: 251px !important;
    }

    .main .show {
        display: flex !important;
    }

    .main .dropdown-menu.listMenu.show {
        display: block !important;
    }
}

@media(max-width:1000px) {
    .footer-row.third {
        display: flex !important;
        flex-direction: column-reverse !important;
        margin-top: 0px;
    }
}

@media(max-width:1550px) {
    .search-box h1.title {
        margin-top: -30px !important;
        margin-bottom: 60px !important;
    }

    .imgs-boxs {
        height: 640px !important;
    }
}

.main.r {
    /*display:none;*/
}

@media(max-width:1200px) {
    footer {
        /*display:none;*/
        /*opacity:0;*/
    }

    .main {
        /*display: none;*/
        /*opacity: 0;*/
    }

    .header-container {
        /*display:none;*/
        /*opacity: 0;*/
    }

    .main.r {
        /*display: block;*/
    }

    div#newObjid {
        display: flex;
        justify-content: space-between;
    }

    .filter_imgs--n {
        /*margin: 0px 13px 0px 0px;*/
        background-image: url(/Images-baspana/filter_icon.svg);
        height: 16px;
        width: 16px;
        margin: 0px;
    }

    .filter_imgs--s {
        /*margin: 0px 13px 0px 0px;*/
        background: url(/Images-baspana/filter_icon.svg);
        height: 16px;
        width: 16px;
        margin: 0px;
    }

    div#secondObjid {
        display: flex;
        justify-content: space-between;
    }

    button.btn--right.nav-button.btn-next, button.btn--left.nav-button.btn-prev {
        display: none;
    }

    .search-box .search-group .btn-search {
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--secondary-color);
        color: var(--first-color);
        background: #008F91;
        border-radius: 4px;
        margin-top: 6px !important;
    }


    div#searchHouses .region-labels, .object-labels, .realization-labels, .rooms-labels {
        font-family: 'Ubuntu' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 18px !important;
        /*color: #99A0A1 !important;*/
    }
}



@media(max-width:1200px) {
    h2.map-box--header {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 23px;
        color: #2C3537;
    }

    p.map-box--titles {
        font-family: Ubuntu;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        color: #2C3537;
    }

    .map-box--title.mobmap {
        padding: 21px 35px;
    }

    .button-title img {
        height: 13px;
        width: 13px;
    }

    .gv_back--s, .kamkor_back--s, .kamkor_back--skz, .gv_back--skz, .nauriz__otau__mobile__ru, .nauriz__otau__mobile__kz, .gos_reward_rus, .gos_reward_kz, .oner__mobile__kz, oner__mobile__ru {
        background-size: 100%;
        height: 186px;
        object-fit: cover;
    }
    .gos_reward_rus {
        background-image: url('/Images/GosReward/Моб_версия_рус.png');
        display: block;
    }

    .gos_reward_kz {
        background-image: url('/Images/GosReward/Моб_версия_каз.png');
        display: block;
    }

    .kamkor_back--s {
        background-image: url(/Images/Qamqor/qamqor__ru__m.png);
    }

    .kamkor_back--skz {
        background-image: url(/Images/Qamqor/qamqor__kz__m.png);
    }

    .nauriz__otau__mobile__kz {
        background-image: url('/Images/NaurizOtauBanner/nauriz__mobile__kz.png');
    }

    .nauriz__otau__mobile__ru {
        background-image: url('/Images/NaurizOtauBanner/nauriz__mobile__ru.png');
    }

    .oner__mobile__ru{
        background-image:url('/Images/Oner/Онер карусель рус моб.png')
    }
    .oner__mobile__kz {
        background-image: url('/Images/Oner/Онер карусель каз моб.png')
    }


    .gv_back--s {
        background-image: url(/Images-baspana/grand__victoria-bannersnews-ru-m-news.webp);
    }

    .gv_back--skz {
        background-image: url(/Images-baspana/grand__victoria-bannersnews-kz-m-news.webp);
    }

    div#isFirstModal .modal-content {
        width: 94% !important;
        margin: 0px 13px;
        height: max-content !important;
    }


    div#isFirstModal .modal-body a {
        width: max-content !important;
        padding: 13px 36px;
        font-family: 'Ubuntu Medium' !important;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 18px !important;
        /* identical to box height */
        text-align: center !important;
        color: #FFFFFF !important;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    div#isFirstModal .modal-header {
        padding: 40px 0px 0px 0px !important;
        justify-content: center;
        width: max-content;
        display: flex;
        align-self: center;
    }


    div#isFirstModal .modal-body p {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 21px;
        text-align: center;
        color: #2C3537;
    }

    div#isFirstModal .modal-header h5 {
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #2C3537;
        width: max-content;
    }

    div#isFirstModal .modal-header button.close {
        display: none;
    }

    div#isFirstModal .modal-body {
        padding: 24px 30px 36px 30px !important;
    }

    div#isFirstModal {
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .search-box {
        padding: 120px 0px 0px 0px 11%; /* Изменено, было:120px 8% */
        padding-top: 0px !important;
        padding-bottom: 120px !important;
        margin-bottom: 130px !important;
    }
}
/*
    .body-main .imgs-boxs.back-search {
        background-image: url(/Images-baspana/main_imgs-f.webp) !important;
    }*/
.header-container {
    z-index: 9999 !important;
}

@media(max-width:1200px) {
    div#mainIdForSearch {
        display: none;
    }

    .s_h--buttons {
        /*position: sticky;*/
        width: 100%;
        bottom: 11px;
        left: 0;
        right: 0;
        margin-bottom: 45px;
        margin-left: 0px;
        margin-right: 0px;
        z-index: 999;
    }

    div.body-main div#mainIdForSearch .view-count-box img {
        margin: 0px !important;
    }

    .sh_codes {
        margin: 11px 0px -19px 0px;
    }

    .s-h_p {
        margin: 26px 0px 7px 0px !important;
    }

    div.objeinfo svg {
        margin: 13px 0px 0px 0px;
    }

    p.directsale {
        height: 16px !important;
    }

    header {
        z-index: 9999;
    }

    header {
    }

    html.active menu {
        left: 0;
        z-index: 9999999;
    }

    .slider-box.objects.otau__nauriz {
        margin: 0px 10px;
        margin-bottom: 60px;
        padding: 25px;
    }

        .slider-box.objects.otau__nauriz .slider {
            margin: 0 !important;
            width: 100%;
        }
}

.view-count-box img {
    margin: 0px !important;
}

.hidden {
    display: none;
}

.view-count-box {
    display: flex !important;
    align-items: center !important;
    grid-gap: 11px !important;
}

@media(min-width:1200px) {
    .testShow {
        z-index: 8 !important;
    }

    div div.header-container {
        z-index: 9 !important;
    }
}

div.search-box--button {
    display: flex;
    width: 100%;
    gap: 21px;
}

div#div_StatePrograms a.imgs_o p.image-titles--items {
    z-index: 7;
}

div#div_StatePrograms .slider-for .slick-slide.slick-current img, div#div_StatePrograms .slider-for .slick-slide.slick-active img {
    z-index: 6;
}
