/*
Theme Name: Auroom
Author: Redstone
Author URI: http://redstone.media/
Version: 1.0.1
Text Domain: auroom
*/

/*  */
.chess_active_btn {
    right: 42px;
    bottom: 128px;
	background: linear-gradient(45deg, #9859b2, #a3b6de);
}


.wpcf7-response-output {
    display: none !important;
}
span.wpcf7-not-valid-tip {
    text-align: right;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: -18px;
}
.input.wpcf7-not-valid,
.select.wpcf7-not-valid,
.textarea.wpcf7-not-valid {
    border-bottom: 2px solid red;
}

.loading::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    opacity: 0.7;
    z-index: 99;
    cursor: initial;
    top: 0;
    left: 0;
}
.loading::before {
    content: "";
    display: block;
    position: absolute;
    width: 56px;
    height: 30px;
    background-image: url(img/loading.gif);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.simple-page > p > iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 680px;
    max-height: calc(56.3vw - 30px);
    border: 0;
}
@media (max-width: 1470px) {
    .simple-page > p > iframe {
        height: 620px;
    }
}

.icn-advantage {
    transform: rotate(-45deg);
}

.room-open-tab-img iframe {
    height: 100%;
    width: 100%;
}
.load-style {
    position: relative;
}
.hidden {
    display: none;
}
.rotate {
    transform: rotate(180deg);
}
.panorama-bg img {
    opacity: 0.4;
}
.panorama-bg {
    background: #000;
    max-height: 194px;
}
[aria-current="page"] {
    color: var(--gold) !important;
}

/* .clear_search_sort{
    margin-left: 30px;
    cursor: pointer;
} */

.apartments-sort__by__item.click svg {
    transform: rotate(180deg);
}

.room-open-caption-table__item_h {
    transition: all 0.3s ease;
}
.room-open-caption-table__item_h:hover {
    transition: all 0.3s ease;
    color: #ffde00 !important;
}
.nav > ul > li.active > a,
.nav > ul > li > ul > li.active a,
.header.style2 .nav > ul > li.active > a {
    color: #ffde00;
}

.nav .depth_0 li:hover a span {
    color: #ffde00;
}


.apartments-item .discount-label {
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background: var(--gold);
    padding: 5px 13px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.form .btn.big:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .apartments-item .discount-label {
        right: auto;
        left: 0;
    }
}


/*new style for slider range*/
.advantages_item {
    display: block;
    width: 100%;
    height: 100%;
}

.advantages_item_info {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%;
}

.project-detail-installments .project-detail-installments-calculator:before {
    content: none;
}

.value-wrapper {
    display: flex;
    justify-content: space-between;
}

.value-wrapper p span {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;

    color: #9A9A9A;
}

.deferral_form {
    display: inline-block;
}
.deferral_title {
    padding: 0 0 20px;
}
.dc_value,
.dt_value,
.df_value {
    padding: 5px 0 5px;    
}
.dc_value p,
.dt_value p,
.df_value p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    font-style: normal;
    color: #4a4a4a;
}
.dc_value p span,
.dt_value p span,
.df_value p span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    line-height: 0;
    color: #4a4a4a;
}

.dc_min,
.df_min,
.dt_min {
    padding: 5px 0 5px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 300;
    font-style: normal;
    color: #4a4a4a;
    text-transform: uppercase;
}

.deferral_form_title {
    margin-top: 10px;
}


.deferral_form_title h2 span {
    color: #242424;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}
.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}
.noUi-connect {
    height: 100%;
    width: 100%;
}
.noUi-origin {
    height: 10%;
    width: 10%;
}
/* Offset direction*/
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the* connect elements.*/
.noUi-vertical .noUi-origin {
    width: 0;
}
.noUi-horizontal .noUi-origin {
    height: 0;
}
.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}
.noUi-touch-area {
    height: 100%;
    width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
/* Slider size and handle placement;*/
.noUi-horizontal {
    height: 4px;

}
.noUi-horizontal .noUi-handle {
    width: 23px;
    height: 23px;
    left: 0px;
    top: -11px;
    border-radius: 50%;
}
.noUi-horizontal .noUi-handle {
    right: -9px;
    left: auto;
}
/* Styling;* Giving the connect element a border radius causes issues with using transform:scale*/
.noUi-target {
    background: #dbdbdb;
    border-radius: 2px;
    border: none;
}
.noUi-connects {
    border-radius: 3px;
}
.noUi-connect {
    background: #ffde00;
}
/* Handles and cursors;*/
.noUi-draggable {
    cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}
.noUi-handle {
    border: 1px solid #ffde00;
    border-radius: 3px;
    background: #ffde00;
    cursor: pointer;
    outline: none;
}
.deferral_calculator .noUi-handle {
    border: 1px solid #ffffff;
    background: #ffffff;
}
.single-flats .room-open-tab-item .room-level-wrapp .section-image {
    position:  absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    z-index: 2;
}

.infrastructure-map .infrastructure-map-top {
    flex-wrap: wrap;
    gap: 30px;
}

.infrastructure-map .infrastructure-map-top__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    flex: 0 1 12%;
}

.g__building-button i {
    background: #ffde00 !important;
}

@media (max-width: 767px) {
    .single-flats .room-open-tab-item .room-level-wrapp .section-image {
        max-width:  90px;
    }

    .infrastructure-map .infrastructure-map-top {
        gap: 0;
    }

    .infrastructure-map .infrastructure-map-top__item {
        flex: auto;
    }
}
.apartments-item-list__price .sale {
    white-space: nowrap;
}
.apartments-item__header .apartments-item__header__price .sale,
.apartments-item__header .apartments-item__header__price .sale span {
    display: initial;
}
@media (max-width: 767px) {
    .apartments-item__header .apartments-item__header__price .sale span {
        white-space:  nowrap;
    }
}

@media (min-width: 992px) {
    .discount .apartments-item-list__price {
        padding:  10px 5px;
    }
}

/* ShortCode Apartment */
.shortcode_apartments_item .apartments-item__header{
    flex-wrap: wrap;
}
.shortcode_apartments_item .apartments-item__header__price,
.shortcode_apartments_item .apartments-item__header__name {
    width: 100%
}

/*change on single post*/
.single-flats .apartments-item{margin-bottom:30px;}
.single-flats .apartments-item.discount .apartments-item__header__price .sale{font-size:14px;}
.news-detail .single-flats .simple-page-btn-center{margin-bottom:0;}
@media(max-width:1560px){
    .single-flats .apartments-item.discount .apartments-item__header__price .sale{display:block;}
}

/*----------------------------------------------------------------------------------*/
/*change PROJECT MAP*/
/*----------------------------------------------------------------------------------*/
.projects .projects-top{margin-bottom:50px;position:relative;}
.projects .projects-top .page-title{
    margin-bottom:0;
    font-size: 36px;
    font-weight: 700;

    color: #191919;

    text-align: left;
}
.projects-views{position:relative;width:260px;height:65px;order: 1;}
.projects-views >*{position:absolute;top:0;left:0;}
.projects-views .btn svg{margin-left:20px;}
.projects-views .visible-grid{z-index:-1;}
.projects-views .btn.black:hover {
    color: #000;
}

.projects-page .full-map{display:block;}
.projects-page .projects-map{margin:0;} 
.projects-page .projects-map .map-main{padding-bottom: 41%;}
.projects-page .projects-map .map-filter{
    top:108px;
    left:80px;
    width: 380px;
    height: 100%; 
    max-height:450px;
    overflow-y: auto;
    padding-right:2px; 

    border: 2px solid #191919;

}

.projects-page .projects-map .map-filter-imgs {
    background: #FFDE00;
    padding: 10px 9px;
}

.projects-page .projects-map .map-filter-imgs span {
    font-size: 18px;
    font-weight: 700;
    color: #191919;

    text-transform: uppercase;
}

/*.projects-page .projects-map .map-filter .map-filter-imgs svg path{fill:var(--gold);}*/
.projects-page .projects-map .map-main .map-filter li{padding:0;margin:0;background:transparent;}
.projects-page .projects-map .map-main .map-filter li {
    display: none;
}

.projects-page .projects-map .map-main .map-filter li.active {
    display: flex;
}

.projects-page .projects-map .map-main .map-filter li:first-child{padding-top:0;}
.projects-page .projects-map .map-main .map-filter li:last-child{padding-bottom:0;}
.projects-page .projects-map .map-main .map-filter li .inner-content{padding:13px 15px;background:#fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.projects-page .projects-map .map-main .map-filter li.all .inner-content{padding:15px;}
.projects-page .projects-map .map-filter li .info{
    margin-left:18px;font-size:0;
    display: flex;
    gap: 3px;
}
.projects-page .projects-map .map-filter li .info >*{
    font-size: 18px;
    font-weight: 400;
    color: #191919;
    text-transform: initial;    
}

.projects-page .projects-map .map-filter li.selected:hover .map-filter-imgs {
    background: #BEA500;
}

.projects-page .projects-map .map-filter li:hover .map-filter-imgs {
    background: #BEA500;
}

/*.projects-page .projects-map .map-filter li .info .name-complex{font-weight:600;}
.projects-page .projects-map .map-filter li.main .info >*{font-weight:600;}
.projects-page .projects-map .map-filter li.main .info .name-complex{font-weight:400;text-transform:initial;}*/
/*.projects-page .projects-map .map-filter li.active .inner-content{background: var(--gold);}*/
/*.projects-page .projects-map .map-filter li.active .map-filter-imgs svg path, .projects-page .projects-map .map-filter li.active .map-filter-imgs svg rect{fill:#fff;stroke:#fff;}*/
/*.projects-page .projects-map .map-filter li.active .info >*{color:#000;}*/
/*.projects-page .projects-map .map-main .map-filter ul li.active{background:transparent;}*/
.custom-info-box{ height: 100%; position:absolute;top:0px;right:00px;z-index:2;padding: 0;background: #191919; width: 100%;max-width: 365px;opacity:0;}
/*media*/
@media(min-width:1200px){
    
 /*   .projects-page .projects-map .map-filter li:hover .map-filter-imgs svg path,.projects-page .projects-map .map-filter li:hover .map-filter-imgs svg rect{fill:#fff;stroke:#fff;}
    .projects-page .projects-map .map-filter li:hover .info >*{color:#fff;}*/
}
@media(max-width:1560px){
    .projects-page .projects-map .map-main .map-filter li .inner-content{padding:8px 15px;}
/*    .projects-page .projects-map .map-filter{top:50px;left:80px;height: calc(100% - 60px);}*/
    .custom-info-box{top:0px;right:0px;}
}
@media(max-width:1199px){
    .projects-views{height:50px;}
    .projects-page .projects-map .map-main{height:590px;padding-bottom:0;}
    .custom-info-box{top:0px;right:5px;max-width:320px;padding:15px;}
}
@media(max-width:991px){
    .projects .projects-top{display:block;}
    .projects .projects-top .projects-views{position:absolute;top:0;right:0;}
    .projects .projects-top .projects-top__list{justify-content:flex-start;padding-top:40px; gap: 20px}
}
@media(max-width:767px){
    .projects .projects-top{margin-bottom:30px;text-align: center;}
    .projects .projects-top .projects-views{position: relative;top: auto;right: auto;margin: 20px auto 0;}
    .projects .projects-top .projects-top__list{padding-top:25px;}

    .infrastructure-map .map-main .map {
        position: relative;
        width: 100%;
    }
    .projects-page .projects-map .map-main{
        height:70vh;
        display: flex;
        flex-direction: column-reverse;
    }
    .projects-page .projects-map .map-filter{
        display:none;
        top: 58px;
        left: 0;
        width: 280px;
    }

    .projects-page .projects-map .map-filter.active {
        display: flex;
    }

    .projects-page .projects-map .map-filter.active ul {
        width: 100%;
    }
/*    .projects-map .custom-info-box{z-index: 999; height: auto; position:fixed;top:auto;left:10px;right:10px;bottom:10px;width:auto!important;max-width:100%!important;}*/
    
    .projects-map .custom-info-box {
        z-index: 999; 
        height: auto; 
        position:fixed;
        top:unset;
        left:unset;
        right:unset;
        bottom:unset;
        width:auto!important;
        max-width:100%!important;
        padding: 0;
    }

    .projects-map .custom-info-box[style*='opacity: 1'] {
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    .projects-map .custom-info-box .btn-close {
        left: unset;
        right: 24px;
    }

    .projects-map .custom-info-box.info-box .info-map-box .info-map-box-img{height:360px;}
    .mobile-overlay.active{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index:1;}

    .custom-info-box {
        height: auto;
    }
}


.single-projects .banner-news-block {
    bottom: 175px;
}

@media (min-width:768px) and (max-width:991px){
    .single-projects .banner-news-block {
        bottom: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .single-projects .banner-news-block {
        position: relative;
        margin: 10px 0 0;
        right: -500px;
    }
    .single-projects.site-ready .banner-news-block.animation.animation-is-animated {
        top: 0;
        right: 0;
        bottom: 0;
    }
    .single-projects.site-ready .banner-news-block.animation.animation-is-animated.hide {
        display: none;
    }
    .single-projects.site-ready .banner-news-block.animation.animation-is-animated {
        left: 0;
    }
    .single-projects .banner-news-block-wrapper {
        position: relative;
        text-align: center;
        padding-bottom: 5px;
    }
}

@media (min-height: 620px) and (max-width: 575px) {
    .single-projects .banner-news-block {
        bottom: 130px;
    }
}
@media (min-height: 700px) and (max-width: 575px) {
    .single-projects .banner-news-block {
        bottom: 60px;
    }
}
@media (min-height: 800px) and (max-width: 575px) {
    .single-projects .banner-news-block {
        bottom: 5px;
    }
}


#bingc-phone-button div.bingc-phone-button-icon-text.bingc-phone-button-icon-show path, 
#bingc-phone-button svg.bingc-phone-button-icon-icon.bingc-phone-button-icon-show path {
    fill: #000;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour, 
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover, 
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover {
    background: #FFDE00 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour span.bingc-passive-date-selection-selected-hour, #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes span.bingc-passive-date-selection-selected-hour, #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour span.bingc-passive-date-selection-selected-minutes, #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes span.bingc-passive-date-selection-selected-minutes {
    color: #000 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour svg.bingc-passive-date-selection-arrows path, #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes svg.bingc-passive-date-selection-arrows path,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day svg.bingc-passive-date-selection-arrows path {
    fill: #000 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li {
    color: #000 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover {
    background: #FFDE00 !important;
    color: #000 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover {
    background: #FFDE00 !important;
}
 
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover span.bingc-passive-date-selection-selected-day {    
    color: #000 !important;
}

#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button,
#bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form a.bingc-passive-phone-form-button:hover {
    background: #FFDE00 !important;
    color: #000 !important;
}

#bingc-phone-button div.bingc-phone-button-tooltip {
    color: #000 !important;
}