/* Start:/local/templates/citrus_arealty3/application/icon-fonts/icons.css?17773553744901*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.eot');
  src:  url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.woff2') format('woff2'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.ttf') format('truetype'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.woff') format('woff'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon-pack-v2';
  src:  url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/pack-v2/icomoon.eot');
  src:  url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/pack-v2/icomoon.eot#iefix') format('embedded-opentype'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/pack-v2/icomoon.ttf') format('truetype'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/pack-v2/icomoon.woff') format('woff'),
    url('/local/templates/citrus_arealty3/application/icon-fonts/fonts/pack-v2/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.icon-whatsapp {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-ok {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-ok:before {
  content: "\f265";
}
.icon-ok2 {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-ok2:before {
  content: "\f264";
}
.icon-dzen {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-dzen:before {
  content: "\e924";
}
.icon-facebook {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2 {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-telegram {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-vk1 {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-vk1:before {
  content: "\ea98";
}
.icon-youtube {
  font-family: 'icomoon-pack-v2' !important;
}
.icon-youtube:before {
  content: "\ea9d";
}

.icon-checkmark:before {
  content: "\e922";
}
.icon-letter:before {
  content: "\e920";
}
.icon-favorites-full:before {
  content: "\e90c";
}
.icon-on-map:before {
  content: "\e91e";
}
.icon-view_cards:before {
  content: "\e90b";
}
.icon-view_list:before {
  content: "\e909";
}
.icon-view_table:before {
  content: "\e90a";
}
.icon-camera:before {
  content: "\e91d";
}
.icon-search:before {
  content: "\e91c";
}
.icon-favorites:before {
  content: "\e91b";
}
.icon-send:before {
  content: "\e91a";
}
.icon-mappoint:before {
  content: "\e918";
}
.icon-map:before {
  content: "\e919";
}
.icon-arrow-right:before {
  content: "\e916";
}
.icon-arrow-left:before {
  content: "\e917";
}
.icon-view:before {
  content: "\e901";
}
.icon-delete:before {
  content: "\e902";
}
.icon-user:before {
  content: "\e903";
}
.icon-phone:before {
  content: "\e904";
}
.icon-up:before {
  content: "\e600";
}
.icon-arrow-down-long:before {
  content: "\e601";
}
.icon-arrow-right-long:before {
  content: "\e602";
}
.icon-arrow-up-long:before {
  content: "\e603";
}
.icon-view1:before {
  content: "\e604";
}
.icon-Social-youtube:before {
  content: "\e605";
}
.icon-Social-twitter:before {
  content: "\e606";
}
.icon-Social-instagramm:before {
  content: "\e607";
}
.icon-Social-facebook:before {
  content: "\e608";
}
.icon-smile:before {
  content: "\e609";
}
.icon-print:before {
  content: "\e60a";
}
.icon-price:before {
  content: "\e60b";
}
.icon-owner:before {
  content: "\e60d";
}
.icon-mail1:before {
  content: "\e610";
}
.icon-mailmanager:before {
  content: "\e611";
}
.icon-holder:before {
  content: "\e614";
}
.icon-galochka:before {
  content: "\e615";
}
.icon-star:before {
  content: "\e616";
}
.icon-catalog:before {
  content: "\e617";
}
.icon-buyer:before {
  content: "\e618";
}
.icon-arrowright:before {
  content: "\e619";
}
.icon-home:before {
  content: "\e61b";
}
.icon-service:before {
  content: "\e905";
}
.icon-edit:before {
  content: "\e906";
}
.icon-calendar:before {
  content: "\e907";
}
.icon-muzik:before {
  content: "\e908";
}
.icon-select-galka:before {
  content: "\e90d";
}
.icon-print2:before {
  content: "\e90e";
}
.icon-select:before {
  content: "\e90f";
}
.icon-milo:before {
  content: "\e910";
}
.icon-vk2:before {
  content: "\e911";
}
.icon-vk:before {
  content: "\e912";
}
.icon-close:before {
  content: "\e913";
}
.icon-sort-low:before {
  content: "\e914";
}
.icon-sort-hight:before {
  content: "\e915";
}
.icon-sucess:before {
  content: "\e91f";
}
.icon-time:before {
  content: "\e921";
}
.icon-mail:before {
  content: "\e900";
}
.icon-print1:before {
  content: "\e923";
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/010_header.css?17773553744863*/
@media all {
	.header {
		position: relative;
		z-index: 8;
	}

	.header__row {
		display: flex;
		padding: 9px 0;
		width: 100%;
	}

	.header__left {
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 13px 0;
		margin: -13px 0;
	}

	.header__right {
		flex: 1 1 auto;
		margin-left: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.header .c-side {
		position: relative;
	}

	.btn.btn-header-bar {
		display: none;
	}

	.header-phone {
		display: flex;
		align-items: center;
	}

	.header-phone-number {
		font-size: 20px;
		font-weight:700;
		display: block;
		line-height: 1.2;
		color: #027FEC;
		text-decoration: none;
		margin-right: 24px;
		white-space: nowrap;
	}

	.header-phone-number:hover {
		color: #333;
	}

	.header-btn {
		font-size: 14px;
		font-weight:600;
		width: fit-content;
		height: 3.3em;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		background-color:  var(--orange-color);
		color: var(--orange-text-color);
		transition: .3s ease;
		flex-shrink: 0;
		padding: 0 25px;
	}

	.header-btn > i {
		color: #fff;
	}

	.header-btn.hamburger {
		display: none;
	}

	.btn-header-phone {

	}

	.h__top {
		position: relative;
		z-index: 2;
		width: 100%;
		min-width: 320px;
		background: #F2FAFF;
	}

	.bx-no-touch .btn-header-phone:hover .btn-label, .btn-header-phone:active .btn-label {
		border-bottom: none;
	}

	a.header-logo {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		height: 70px;
		text-transform: uppercase;
		text-decoration: none;
		max-width: 100%;
	}

	.header-logo .bx-context-toolbar-empty-area {
		display: flex;
		width: 100%;
	}

	a.header-logo .icon-logo {
		font-size: 64px;
	}

	a.header-logo .logo-image {
		width: 100%;
		height: 70px;
		display: inline-flex;
		align-items: center;
	}

	a.header-logo.with_desc .logo-image {
		width: 70px;
		flex-shrink: 0;
	}

	a.header-logo img {
		height: auto;
		max-height: 100%;
	}

	a.header-logo.with_desc img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	a.header-logo .logo-text {
		color: #000;
		font-size: 13.4px;
		line-height: 1.1;
		max-height: calc(4 * 25px);
		display: inline-block;
		padding: 0 0 0 13px;
		font-weight: 700;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	a.header-logo:not(.with_desc) .logo-text {
		display: none;
	}

	a.header-logo span.logo-text__second {
		display: block;
		color: #A7A7A7;
		text-transform:none;
		font-size: 12.19px;
		font-weight: 400;
	}

	.header-search-overflow {
		position: relative;
		display: flex;
	}

	.header-search__wrapper {

		width: 346px;
		max-width: 100%;
	}

	.header-auth {
		margin-left: 16px;
		display: flex;
		align-items: center;
	}

	.header-auth__link {
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.3;
		text-transform: capitalize;
	}

	.main-menu-line {
        background-color: var(--primary-color);
		min-height: 0;
	}

	.main-menu-line .jk-menu-w {
		background-color: var(--primary-color);
	}

	.main-menu-line :focus {
		outline-color: #fff;
	}
}

@media (max-width: 1279px) {
	.header-phone {
		margin-left: 20px;
	}
}

@media (max-width: 1023px) {
	html.menu-open, .menu-open body {
		overflow: hidden;
	}

	.header-btn.hamburger {
		display: inline-flex;
		font-size: 16px;
		margin-left: 6px;
		color: #383838;
		border: none;
		border-radius: 3px;
		width: 40px;
		height: 40px;
	}

	.header-auth {
		display: none;
	}

	.header-phone {
		margin-left: 0;
	}

	.h__top._fixed {
		position: fixed;
		top: 0;
		left: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}
}

@media (max-width: 1023px) and (min-width: 480px) {
	.h__top._min .header-logo {
		height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.a.header-logo .logo-image {
		justify-content: center;
	}
}

@media (max-width: 479px) {
	.header__row {
		padding: 15px 0;
	}

	a.header-logo {
		height: 41px;
	}

	a.header-logo.with_desc .logo-image {
		width: 41px;
	}

	a.header-logo .logo-image {
		height: 41px;
	}

	a.header-logo .logo-text {
		font-size: 14px;
		line-height: 16px;
		max-height: calc(4 * 16px);
	}

	a.header-logo .logo-text {
		padding-left: 7px;
	}

	.header__right {
		margin-left: auto;
	}

	.header-phone {
		margin-left: 10px;
	}

	.header-btn.hamburger {
		margin-left: 6px;
	}
}

@supports (display: grid) {
	a.header-logo .logo-text {
		max-width: none;
	}

	.header__row {
		display: grid;
		grid-template-columns: minmax(1%, auto) auto;
	}
}

@media (min-width: 1024px) {
    .jk-menu-fixed._fixed .jk-menu-w {
        position: fixed;
        top: 0;
        width: 100%;
    }
}

@media (min-width: 1441px) {
    body.citrus-widget-open .jk-menu-fixed._fixed .jk-menu-w {
        width: calc(100% - var(--citrus-core-widget-width, 390px));
    }
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/020_footer.css?17773553744306*/


/* pre footer line */
@media all {
    footer :focus {
        outline-color: #fff;
    }
    .footer-help-block {
        padding: 30px 0;
    }

    .footer-help-title {
        color: #fff;
        margin: 0;
        font-size: 32px;
        text-transform: uppercase;
    }

    .btn.btn-outline-white {
        background-color: transparent;
        border: 2px solid #fff;
        border-radius: 5px;
        color: #fff;
        font-weight: 600;
    }

    .bx-no-touch .btn.btn-outline-white:hover, .btn.btn-outline-white:active {
        background-color: #fff;
    }
}
@media (max-width: 1023px) {
    .footer-help-block [class*="col-"]+[class*="col-"] {
        padding-top: 15px;
    }

}
@media (max-width: 767px) {
    .footer-help-title {
        font-size: 20px;
    }
}

/* footer */
@media all {
    .f {
        background-color: #333333;
        overflow: hidden;
    }
    .f-t {
        padding-top: 62px;
        padding-bottom: 50px;
    }
    .f-b {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0 20px;
        border-top: none;
        color: #383838;
        font-size: 14px;
		margin-top: 20px;
    }
    .f-b a {
        color: #383838;
        text-decoration: none;
    }
    .f-b a:hover,
    .f-t__contact-w a:hover {
        text-decoration: underline;
    }

    .f-b a.f-agreement-link {
        text-decoration: underline;
    }
    .f-b a.f-agreement-link:hover {
        color: #fff;
    }
    .f-t__title {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        margin-bottom: 14px;
        display: block;
        white-space: nowrap;
        text-transform: uppercase;
    }

    .f-contacts__item {
        display: flex;
        align-items: center;
        font-size: 14px;
        margin-bottom: 5px;
        color: #fff;
    }
        .f-contacts__item a:not([data-settings="EMAIL"]) {
            color: #fff;
            text-decoration: none;
        }
        .f-contacts__item a:not([data-settings="EMAIL"]):hover {
            color: #fff;
            text-decoration: underline;
        }
    .f-contacts__item-icon {
        color: #999999;
        font-size: 20px;
        margin-right: 16px;
        width: 1em;
        text-align: center;
    }
    .f-contacts__item-value {

    }

    .f-subscribe {
        margin-top: 36px;
    }
    .f-b__copy {
        width: 300px;
    }
    .f-b__developer {
        width: 300px;
        text-align: right;
    }
    .f-b__copy a {
        text-decoration: underline;
    }
}
@media (max-width: 1023px) {
    .f-b {
        flex-direction: column;
    }
    .f-b__copy {
        width: auto;
        text-align: center;
        margin-bottom: 4px;
    }
    .f-b__developer {
        text-align: center;
        width: auto;
        margin-top: 0px;
    }
}
@media (max-width: 767px) {
    .f-t {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .f-b {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .f-b__developer {
        margin-top: 0px;
    }
	
	.footer-item {border-bottom: 1px solid #fff; padding-bottom: 30px; margin-bottom: 30px}
	.footer-item--logo {border-bottom: none; padding-bottom: 0px; margin-bottom: 0px}
}
@media (max-width: 479px) {
  
    .f-contacts__item {
        font-size: 14px;
    }
}


/*soc*/
@media all {
    .f-b__soc {
        flex-shrink: 0;
		margin-top: 24px;
    }
    .f-b__soc p {
        display: none;
    }
    .f-b__soc a {
        font-size: 18px;
        text-decoration: none;
        color: #fff;   
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 8px 8px;
        -webkit-transition: .15s ease;
        transition: .15s ease;
		margin-bottom: 0;
    }
        .f-b__soc a:hover {
            text-decoration: none;
            color: #fff;
            border-color: transparent;
        }

    .f-b__soc .footer-menu-header {
        display: none;
    }
    .footer-social-list {
        display: flex;
        margin: 0 -5px;
        flex-wrap: wrap;
		gap: 10px;
    }

}
@media (max-width: 479px) {
    .f-b__soc a {
        font-size: 20px;
        width: 24px;
        height: 24px;
    }
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/030_catalog.css?17773553741788*/

.catalog-item-price__period, span.catalog-item-price__period {
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    margin-top: 2px;
    margin-left: 2px;
    font-weight: 300;
}
.catalog-item-price .currency-icon{
    display: inline-block;
    line-height: 1;
    height: 1em;
}

@media all {
    .favorite-button-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
		justify-content: flex-end;
        margin: -6px -10px 30px;
    }
    .favorite-button-group .share-component {
        margin: 6px 10px;
    }
    .favorite-button-group .btn {
        margin: 6px 10px;
    }
}

/* shares label */
@media all {
    .share-label {
        position: absolute;
        top: 18px;
        left: -3px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 18px;
        z-index: 2;
        overflow: hidden;
        padding-right: 40px;
    }
    .share-label__inner {
        height: 46px;
        padding: 0 10px 0 17px;
        border: 3px solid #fff;
        background-color: currentColor;
        border-right: none;
        display: flex;
        align-items: center;
    }
    .share-label__inner:before {
        content: '';
        position: absolute;
        z-index: 1;
        top: -3px;
        right: 0;
        height: 0;
        border: 26px solid transparent;
        border-left-color: #fff;
        border-left-width: 16px;
    }
    .share-label__inner:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 3px;
        right: 10px;
        height: 0;
        border: 20px solid transparent;
        border-left-width: 12px;
        border-left-color: currentColor;
    }
    .share-label__text {
        color: #fff;
        white-space: nowrap;
    }
}
/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/040_lk.css?17773553743361*/

@media all {
	.lk {
		display: flex;
		border-radius: 4px;
		background-color: #f3f1ec;
	}
	.lk__form-w, .lk__text-w {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 50%;
		padding: 30px;
	}
	.lk__inner {
		flex-grow: 1;
	}
	.lk__inner + .lk__inner {
		margin-top: 1em;
	}
	.lk__inner:last-child {
		flex-grow: 0;
	}
	.lk__form-w {
		border-radius: 4px;
		color: #fff;
	}
    .lk__form-w .form-group-btn._with-agreement .input-container {
        flex-wrap: wrap;
        margin: -10px;
    }
	.lk__form-w .agree-block__text {
		color: #fff;
	}
    .lk__form-w .form-group-btn._with-agreement .agree-block__text {
        flex: 3 1;
        margin: 10px;
        min-width: 40%;
    }
	.lk__form-w .agree-block__text > a {
		color: #fff;
		text-decoration: underline;
		font-style: normal;
	}
    .lk__form-w .form-group-btn._with-agreement .btn {
        flex: 1 0;
        margin: 10px;
    }
	.lk__form-w .agree-block__text > a:hover {
		text-decoration: none;
	}
	.lk--title, .h3.lk--title {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid;
	}

	.lk--form {
		margin-top: 30px;
	}
	.lk--form .form-group .field-title._active {
		color: #fff;
	}

	.form-group.form-group-btn {
		display: flex;
		align-items: center;
		margin-top: 35px;
	}
	.form-group.form-group-btn.btn_center {
		justify-content: center;
	}
	.form-group-btn__description {
		width: 50%;
	}
	:not(._with-agreement) > .button-position-right {
		width: 50%;
		margin-left: auto;
	}

	.form-group-btn__description, .form-group-btn__description a {
		color: #fff;
		line-height: 1.8;
	}
	.form-group-btn__description a:hover {
		color: #fff;
		text-decoration: none;
	}

	.lk--form .btn {
		width: 150px;
		max-width: 100%;
	}

	.lk--form .file-upload-light__label,
	.lk--form .file-upload-light__description {
		color: #fff;
	}
	.lk--form .file-upload-light__description-title {
		color: #f3f1ec;
		font-weight: bold;
	}
	.lk--form .file-upload-light__label:hover {
		color: var(--hover-color);
		background-color: #fff;
		border: none;
	}
	.lk--form .file-upload-light__preview._empty {
		opacity: .5;
		border: 2px dashed #f3f1ec;
	}
	.lk--form .cui-radio__input:checked +.cui-radio__checkmark:before {
		border-color: #f3f1ec;
	}
	.lk--form .cui-radio__input:checked +.cui-radio__checkmark:after {
		background-color: #f3f1ec;
	}

	.section-footer > .citrus-arealty-manage-objects__nav {
		margin-top: -40px;
	}
}
@media (max-width: 767px) {
	.lk {
		display: block;
	}
	.lk__form-w, .lk__text-w {
		width: auto;
		padding: 20px 30px;
	}
	.h3.lk--title, .lk--title {
		margin-top: 15px;
	}
}
@media (max-width: 479px) {
	.lk__form-w, .lk__text-w {
		padding: 10px 20px;
	}
    .lk__form-w .form-group-btn._with-agreement .btn {
        margin-bottom: 20px;
    }

	.section-footer > .citrus-arealty-manage-objects__nav {
		margin-top: -10px;
	}
}

/*captcha*/
@media all {
	.field-compare {
		display: flex;
		margin: -22px 0;
	}
	.captcha-image-group {
		width: 180px;
		margin-right: 20px;
	}
	.captcha-image {
		height: 3em;
	}
	.captcha-input-group {
		flex: 1;
	}
}
@media (max-width: 1023px) {
	.field-compare {
		display: block;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.field-compare {
		display: flex;
		margin: -22px 0;
	}
}
@media (max-width: 479px) {
	.field-compare {
		display: block;
		margin: 0;
	}
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/060_redesign-pubstyles.css?17773553743789*/
/*popup*/
@media all {
	body .bx-popup-menu {
		max-height: 400px;
		overflow: auto;
		box-shadow: 5px 3px 9px 1px rgba(0, 0, 0, 0.2);
	}
	body .bx-popup-menu::-webkit-scrollbar-button,
	body .bx-popup-menu::-webkit-scrollbar-track {
		background-color: #fff;
	}
	body .bx-popup-menu + img {
		display: none !important;
	}

	body div.bx-popup-menu td.popupmenu {
		border: none !important;
		background: #fff !important;
	}
	body td.popupmenu div.popupitem {
		background: #fff !important;
		padding: 10px 4px;
		/*border-top: 1px solid #cccccc !important;*/
		margin: 0;
	}
	body td.popupmenu div.popupitemover {
		/*box-shadow: inset 0 0 1px;*/
		background-color: #f3f1ec !important;
		border: none;
	}

	body .popupmenu tr + tr>td>.popupitem {
		border-top: 1px solid #cccccc !important;
	}

	td.popupmenu div.popupitem td.item {
		font-size: 13px !important;
		color: #333333 !important;
		font-weight: normal !important;
	}
	td.popupmenu div.popupseparator {
		display: none;
	}

	td.popupmenu div.popupitem td.gutter {
		/*width: auto !important;*/
		height: 22px !important;
	}

	/*icons*/
	td.popupmenu div.popupitem div.icon {
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/*background: none;*/
		color: #ce3a12;
		font-size: 16px;
		vertical-align: middle;
		/*width: auto;*/
		display: flex;
		align-items: center;
	}
	td.popupmenu div.popupitem div.edit,
	td.popupmenu div.popupitem div.delete,
	td.popupmenu div.popupitem div.grid-settings,
	td.popupmenu div.popupitem div.grid-views,
	td.popupmenu div.popupitem div.icon.grid-filters,
	td.popupmenu div.popupitem div.grid-sort-asc,
	td.popupmenu div.popupitem div.grid-sort-desc,
	td.popupmenu div.popupitem div.icon {
		padding: 0 4px;
		background: none;
	}
	td.popupmenu div.popupitem div.edit:before {
		content: "\e901";
		font-family: 'icomoon';
	}
	td.popupmenu div.popupitem div.delete:before {
		content: "\e90e";
		font-family: 'icomoon';
	}
	td.popupmenu div.popupitem div.grid-settings:before {
		content: "\e900";
		font-family: 'icomoon';
	}
	td.popupmenu div.popupitem div.icon.grid-filters:before {
		content: "\f0b0";
		font: normal normal normal 14px/1 FontAwesome;
	}
	td.popupmenu div.popupitem div.grid-views:before {
		content: "\f009";
		font: normal normal normal 14px/1 FontAwesome;
	}
	td.popupmenu div.popupitem div.grid-sort-asc:before {
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f160";
	}
	td.popupmenu div.popupitem div.grid-sort-desc:before {
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f161";
	}
	td.popupmenu div.popupitem div.icon.checked {
		cursor: pointer;
		height: 16px;
		position: relative;
		width: 16px;
		border-radius: .125em;
		flex-shrink: 0;
		background: #fff;
		margin: auto;
	}
	td.popupmenu div.popupitem div.icon.checked:before {
		content: "";
		display: block;
		position: absolute;
		border: 1px solid #b4a992;
		height: 100%;
		left: 0;
		top: 0;
		transition: opacity .3s ease;
		width: 100%;
	}
	td.popupmenu div.popupitem div.icon.checked:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 4px;
		height: 11px;
		left: 6px;
		transform: rotate(45deg);
		transition-delay: .1s;
		transition: opacity .3s ease;
		width: 6px;
		border-bottom: 2px solid #333;
		border-right: 2px solid #333;
		opacity: 1;
	}


	td.popupmenu div.popupitem td.arrow {
		background: none !important;
		position: relative;
		width: 13px!important;
	}
	td.popupmenu div.popupitem td.arrow:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		border: 8px solid transparent;
		border-left: 10px solid #666666;
		width: 0;
		height: 0;
		margin: auto;
	}
}
/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/065_table.css?1777355374876*/
/**
* Name: Table style
* Author: by crycode
*/

table.table-formatted {
  border-collapse: collapse;
  background-color: transparent;
  border: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

table.table-formatted th th {
  text-align: left;
}

table.table-formatted th,
table.table-formatted td {
  padding: 0.75rem;
  text-align: left;
}

table.table-formatted tr + tr td{
  border-top: 1px solid #eceeef;
}
table.table-formatted thead th,
table.table-formatted thead td {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;

}

@media print {
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/070_btn.css?17773553747992*/

/*btn*/
@media all {
    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        vertical-align: middle;
        background: none;
        border: none;
        font-size: 14px;
        height: 46px;
        padding: 0 20px;
        font-weight: 600;
        line-height: 1.2;
        border-radius: 8px;
        text-align: center;
        width: 240px; /*default size*/
        max-width: 100%;

        -webkit-transition: background-color .15s ease, color .15s ease, border-color .15s ease;
        transition: background-color .15s ease, color .15s ease, border-color .15s ease;

        cursor: pointer;
    }
    .btn.btn-small {
        height: 32px;
        width: 230px;
        font-size: 14px;
		border-radius: 6px;
    }
    .btn.btn-stretch {
        width: auto;
    }
    a.btn {
        text-decoration: none;
    }
    .btn:not(.btn-link):active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    /*btn-primary*/
    .btn.btn-primary span.btn-label+span.btn-icon {
        margin: 0 0 0 8px;
    }
    .btn.btn-primary {
        color: #fff;
    }

    /*btn-primary._shadow*/
    .btn.btn-primary._shadow {
        border: 2px solid #fff;
        color: #fff;
        font-weight: 600;
    }
    .bx-no-touch .btn.btn-primary._shadow:not(.is-active):hover, .btn.btn-primary._shadow:not(.is-active):active {
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    }

    /*btn-secondary*/
    .btn-secondary {
        border: 2px solid #ccc;
        color: #999;
        font-weight: 600;
    }
    .btn-secondary:hover {
        color: #666;
        border-color: #666;
    }

    /*btn-transparent*/
    .btn.btn-transparent{
        border:2px solid #fff;
        background: transparent;
        color: #fff;
    }
    .bx-no-touch .btn.btn-transparent:hover,
    .btn.btn-transparent:focus {
        color: var(--primary-color);
        background: #fff;
        outline: none;
    }

    .btn.btn-big {
        padding: 14px 25px;
    }
    .btn.btn-big span.btn-label {
        text-transform: uppercase;
        font-size: 16px;
    }

    .btn[disabled] {
        opacity: .5;
        cursor: default;
        pointer-events: none;
    }
}
@media (max-width: 479px) {
    .btn {
        height: 40px;
        font-size: 14px;
        padding: 0 14px;
    }
}

/*status*/
@media all {
    .btn._is_status_icon .btn-icon:before, .btn._is_status_icon .btn-icon>* {
        opacity: 0;
        pointer-events: none;
    }
    .cui-btn__icon .cui-icon {
        cursor: inherit;
        display: inline-block;
        font-size: 1.5em;
        height: 1em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        width: 1em;
    }

    .btn._is_status_icon .btn-icon>.cui-status-icon {
        width: 1em;
        height: 1em;
        /*position: absolute;*/
        margin: auto;
        opacity: 1;
        pointer-events: all;
        top: 0;
        display: flex;
        align-items: center;
    }
    .cui-btn-progress {
        animation: cui-btn-status-icon-rotate .7s linear infinite, .2s cui-btn-status-icon-fadein .1s linear forwards;
        transform-origin: center center;
        opacity: 0;
    }
    .cui-btn-progress__indeterminate {
        width: 100%;
    }
    .cui-btn-progress__indeterminate-path {
        stroke: #fff;
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
        stroke-linecap: round;
    }
    .cui-btn-success {
        animation: .2s cui-progress-circular-fallin .1s linear forwards, .2s cui-btn-status-icon-fadein .1s linear forwards;
        transform: translate(0, -.3em);
        opacity: 0;
    }
    .cui-btn-success svg {
        flex: 1;
    }
    .cui-btn-success path{
        fill: #8dff8d;
    }

    /*.cui-btn-progress__spinner*/
    .cui-btn-progress__spinner {
        top: 0;
        right: 0;
    }
        .cui-btn-progress__spinner > span {
            width: 4px;
            height: 4px;
            background-color: #fff;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
            animation: sk-bouncedelay 1s infinite ease-in-out both;
        }
        .cui-btn-progress__spinner .bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }
        .cui-btn-progress__spinner .bounce2 {
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
        }
    .cui-btn-progress__spinner > span + span {
        margin-left: 3px;
    }
}
/*material click*/
@media all {
    .cui-material-click {
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
    .cui-material-click .cui-material-ink {
        display: block; position: absolute;
        background: rgba(35, 180, 234, 0.53);
        border-radius: 100%;
        transform: scale(0);
    }
    .cui-material-click .cui-material-ink {
        background: rgba(255, 255, 255, 0.53);
    }
    .cui-material-click .cui-material-ink._animate {
        animation: ripple 0.4s linear;
    }
}

/*btn grid*/
@media all {
    .btn-row {
        margin: -10px -15px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .btn-row--xs-center {
        justify-content: center;
    }
    .btn-row--xs-start {
        justify-content: flex-start;
    }
    .btn-row--xs-end {
        justify-content: flex-end;
    }
    .btn-row--xs-column {
        flex-direction: column;
    }

    .btn-row>.btn {
        margin: 10px 15px;
    }

    .btn.btn-xs-b {
        width: 100%;
    }
    .btn.btn-xs-if {
        display: inline-flex;
    }
}
@media (min-width: 480px) {
    .btn.btn-sm-b {
        width: 100%;
    }
    .btn.btn-sm-if {
        width: auto;
    }

    .btn-row--sm-center {
        justify-content: center;
    }
    .btn-row--sm-start {
        justify-content: flex-start;
    }
    .btn-row--sm-end {
        justify-content: flex-end;
    }
    .btn-row--sm-column {
        flex-direction: column;
    }
}
@media (min-width: 768px) {
    .btn.btn-md-b {
        width: 100%;
    }
    .btn.btn-md-if {
        width: auto;
    }
    .btn-row--md-center {
        justify-content: center;
    }
    .btn-row--md-start {
        justify-content: flex-start;
    }
    .btn-row--md-end {
        justify-content: flex-end;
    }
    .btn-row--md-column {
        flex-direction: column;
    }
}
@media (min-width: 1024px) {
    .btn.btn-lg-b {
        width: 100%;
    }
    .btn.btn-lg-if {
        width: auto;
    }
    .btn-row--lg-center {
        justify-content: center;
    }
    .btn-row--lg-start {
        justify-content: flex-start;
    }
    .btn-row--lg-end {
        justify-content: flex-end;
    }
    .btn-row--lg-column {
        flex-direction: column;
    }
}
@media (min-width: 1280px) {
    .btn.btn-dt-b {
        width: 100%;
    }
    .btn.btn-dt-if {
        width: auto;
    }

    .btn-row--dt-center {
        justify-content: center;
    }
    .btn-row--dt-start {
        justify-content: flex-start;
    }
    .btn-row--dt-end {
        justify-content: flex-end;
    }
    .btn-row--dt-column {
        flex-direction: column;
    }
}


/*animation*/
@keyframes cui-progress-circular-fallin {
    to {
        transform: translate(0, 0);
    }
}
@keyframes cui-btn-status-icon-rotate {
    to {
        transform: rotate(1turn)
    }
}
@keyframes cui-btn-status-icon-fadein {
    to {
        opacity: 1;
    }
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/100_list.css?17773553741081*/

@media all {

    .list {
        padding: 0;
        list-style: none;
        margin: 15px 0;
    }
    .list .item, .list li {
        position: relative;
        padding: 4px 0;
        padding-left: 20px;
    }
    .list .item:before, .list li:before {
        position: absolute;
        top: 12px;
        left: 0;
        /*background-color: #fa890f;*/
        width: 8px;
        height: 8px;
        content: '';
        /*-webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);*/
    }
    .list .item+.item{
        margin-top: 10px;
    }
    .list.style1 .item:before, ul.style1 li:before {
        border-radius: 100%;
    }
    .list.style1 .item, ul.style1 li {
        padding-left: 15px;
        font-size: 14px;
        font-weight: 600;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

}
@media screen and (max-width: 1279px) {
    .list .item {
        line-height: 1.2  ;
    }
}
/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/110_typography.css?17773553743734*/

@media all {

	html {
		font-size: 14px;
	}
	body {
		line-height: 1.2;
		font-family: "Wix Madefor Display", sans-serif;
		font-size: 14px;
		color: #383838;
		cursor: default;
        background: #F2FAFF;
	}

	.font-2 {
		font-family: "Wix Madefor Display", sans-serif;
	}

	hr {
		margin: 55px 0;
		height: 0;
		border-top: 1px solid #c5b99f;
		border-bottom: none;
	}

	a.dotted {
		border-bottom: 1px dotted;
		text-decoration: none;
	}
	a.solid {
		border-bottom: 1px solid;
		text-decoration: none;
	}
	a.dotted:hover {
		border-bottom: none;
	}

	h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 400;
		line-height: 1.2;
		
	}

	p {
		margin: 20px 0;
		line-height: 25px;
	}
	p:first-child {
		margin-top: 0;
	}
	p:last-child {
		margin-bottom: 0;
	}

	h1, .h1 {
		font-size: 50px;
		font-weight: 300;
		text-align: center;
	}
	h2, .h2 {
		font-size: 35px;
		margin-top: 54px;
		margin-bottom: 30px;
		font-weight: 300;
		text-align: center;
	}
	h2:first-child, .h2:first-child {
		margin-top: 0;
	}
	h3, .h3 {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 25px;
		font-weight: 600;
		text-transform: uppercase;
		
	}
	h3:first-child, .h3:first-child {
		margin-top: 0;
	}
	h4, .h4 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
		margin-top: 30px;
		
	}
	h4:first-child, .h4:first-child {
		margin-top: 0;
	}
	h5, .h5 {
		margin-bottom: 1.67em;
		font-size: 0.83em;
	}
	h6, .h6 {
		margin-bottom: 2.33em;
		font-size: 0.75em;
	}

	strong,b,.fw600 {
		font-weight: 600;
	}
	.fw300 {
		font-weight: 300;
	}
	.fw400 {
		font-weight: 400;
	}
	.fw700 {
		font-weight: 700;
	}
	.fw800 {
		font-weight: 800;
	}

	.fs-i {
		font-style: italic;
	}
	.tt-u {
		text-transform: uppercase;
	}
	.tt-l {
		text-transform: lowercase;
	}

	.t-solid {
		border-bottom: 1px solid;
	}
	.split-off, button, .swiper-button-prev, .swiper-button-next {
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.split-on {
		-webkit-user-select: initial;
		-khtml-user-select: initial;
		-moz-user-select: initial;
		-ms-user-select: initial;
		user-select: initial
	}
	.break {
		-ms-word-break: break-all;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto
	}
	.ellipsis {
		white-space: nowrap;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: block
	}

	.tc-red {
		color: #ed5a5a;
	}
	.tc-primary {
		color: #ff7426;
	}
	.bg-white {
		background-color: #fff!important;
	}
	.bg-gray {
		background-color: #f1f1f1;
	}

	.tag-p {
		margin: 20px 0;
	}
	.tag-p:first-child {
		margin-top: 0;
	}
	.tag-p:last-child {
		margin-bottom: 0;
	}
	.pos-r {
		position: relative;
	}

	.dt {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.dtr {
		display: table-row;
		height: 100%;
	}
	.dtc {
		display: table-cell;
	}
	.dib {
		display: inline-block;
	}

	.text-up {
		text-transform: uppercase;
	}
	.color-red {
		color: #f20101;
	}
	.color-green {
		color: #2b9719;
	}
	.color-black {
		color: #000;
	}

	.font-small {
		font-size: 13px;
	}

	.nobr {
		white-space: nowrap;
	}
	.agree-block__text {
		color: #999999;
		font-size: 13px;
		line-height: 1.1;
		text-align: center;
		font-style: italic;
	}
}

@media (max-width: 767px) {
	h1, .h1, h2, .h2, h3, .h3 {
		text-align: center;
	}
	.section-block {
		padding: 30px 0;
	}
}

@media (max-width: 560px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
		font-size: 35px;
	}
	h2, .h2 {
		font-size: 28px;
		font-weight: 400;
	}
	h3, .h3 {
		font-size: 18px;
	}
	h4, .h4 {
		font-size: 15px;
	}
}

@media print {
	hr {
		border-color: #333;
	}
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/120_swiper.css?17773553743712*/

@media all {
    .swiper-container-autoheight .swiper-slide { aspect-ratio: 284 / 188;}
	.catalog-card .swiper-slide img {display: block}
	.p__swiper {
		position: relative;
	}
	.p__swiper .swiper-button-prev, .p__swiper .swiper-button-next {
		color: #cccccc;
		font-size: 65px;
		position: absolute;
		margin-top: 0;
		transform: translate(0, -50%);
		height: 40px;
		width: 40px;
		display: none;
		align-items: center;
		justify-content: center;
		background: #fff;
		border-radius: 50%;
		z-index: 1;
	}
	.p__swiper._nav-offset .swiper-button-prev {
		left: -1em;
	}
	.p__swiper._nav-offset .swiper-button-next {
		right: -1em;
	}
	.p__swiper._nav-offset--small .swiper-button-prev {
		left: -50px;
		font-size: 34px;
	}
	.p__swiper._nav-offset--small .swiper-button-next {
		right: -50px;
		font-size: 34px;
	}
	.p__swiper._nav-offset--small .swiper-button-next:hover,
	.p__swiper._nav-offset--small .swiper-button-prev:hover	{background-color: #006FD0}
	.p__swiper._nav-offset--small .swiper-button-prev:hover .icon-arrow-left,
	.p__swiper._nav-offset--small .swiper-button-next:hover .icon-arrow-right {filter: brightness(0) invert(1);}	
	.p__swiper .swiper-button-prev.swiper-button-lock, .p__swiper .swiper-button-next.swiper-button-lock {display: none;}

	/*center*/
	.p__swiper._center .swiper-wrapper {
		margin-left: auto;
		margin-right: auto;
	}

	/*pagination*/
	.p__swiper .swiper-pagination {
		/*position: relative;*/
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 22px;
		width: 100%;
		bottom: 20px;
	}
	.p__swiper .swiper-pagination-bullet {
	
		width: 4px;
		height: 4px;
		background-color: #cccccc;
		border-radius: 0;
		opacity: 1;
		margin: 0 1.5px;
		transition: .15s ease;
		border-radius: 100%;
	}
	.p__swiper .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
	}
	.p__swiper .swiper-pagination-bullet:hover {
		background-color: #999999;
	}
	.p__swiper._pagination-hide-nav .swiper-pagination {
		display: flex;
		min-width: 100%;
		align-items: center;
		justify-content: center;
		height: 22px;
		margin-top: 20px;
		z-index: 1;
	}
	.p__swiper .swiper-pagination.swiper-pagination-lock {
		display: none!important;
	}

	/*swiper-scrollbar*/
	.p__swiper .swiper-scrollbar {
		border-radius: 6px;
		background: #cccccc;
		height: 12px;
		margin-top: 12px;
	}
	.p__swiper .swiper-scrollbar-drag {
		border-radius: 6px;
	}

	/*swipes-locked*/
	.swipes-locked .swiper-pagination, .swipes-locked .swiper-button-prev, .swipes-locked .swiper-button-next, .p__swiper._pagination-hide-nav.swipes-locked .swiper-pagination {
		display: none;
	}
}
@media (min-width: 768px) {
	.p__swiper._nav-offset .swiper-button-prev, .p__swiper._nav-offset .swiper-button-next {
		display: flex;
	}
	.p__swiper._pagination-hide-nav {
		margin: 0 69px;
	}
	._nav-offset .swiper-container {
		width: calc(100% - 60px);
	}
	._nav-offset--small .swiper-container {
		width: calc(100% - 0px);
	}

	/*pagination*/
	.p__swiper._pagination-hide-nav .swiper-pagination {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1400px) {
    .p__swiper._nav-offset .swiper-button-prev {
        left: -.6em;
    }
    .p__swiper._nav-offset .swiper-button-next {
        right: -.6em;
    }
    .p__swiper._nav-offset--small .swiper-button-prev {
        left: -.6em;
    }
    .p__swiper._nav-offset--small .swiper-button-next {
        right: -.6em;
    }
}


.icon-arrow-left:before {
	content: "";
}

.icon-arrow-right:before {
	content: "";
}

.icon-arrow-left {
	width: 16px;  
	height: 16px; 
	background: url(/upload/prev.svg) no-repeat;
}
.icon-arrow-right {
	width: 16px; 
	height: 16px; 
	background: url(/upload/next.svg) no-repeat;
}
/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/140_layout.css?17775469854819*/
/*layout*/
@media all {
	body {
		-webkit-font-smoothing: antialiased;
	}
	.cry-layout {
		width: 100%;
		overflow-x: hidden;
	}
	.cry-layout img {
		border: 0;
		max-width: 100%;
	}
	.content {
		padding: 0;
	}
	.c-side, .w {
		width: 1392px;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 30px;
	}
	.w .section {
		/*margin: 0 -100vw;
		padding: 0 100vw;*/
	}
	.w .w {
		width: inherit;
		max-width: inherit;
		margin: inherit;
		padding: inherit;
	}
}
@media (max-width: 767px) {
	.c-side, .w {
		padding: 0 26px;
	}
}

/*sections*/
@media all {
	.section {
		position: relative;
	}
	.section .section-inner .h2 {
		font-size: 35px;
		font-weight: 100;
	}
	.section._with-padding .section-inner {
		padding: 10px 0 50px;
	}
	.index-page .section._with-padding .section-inner {padding: 65px 0 65px;}
	
	.section.section--page-wrapper > .w > .section-inner .section._with-padding:last-of-type > .w > .section-inner {
		padding-bottom: 0;
	}
	.section.section--page-wrapper > .w > .section-inner .section:first-of-type {
		margin-top: 90px;
	}
	.section.section--page-wrapper > .w > .section__border-top {
		display: none;
	}
	.section--width-mid .section-inner {
		max-width: 1020px;
		margin: 0 auto;
	}
	.section--width-mid button.btn {
		width: 270px;
		font-size: 16px;
	}
	.index-page .section__header {
		text-align: left;
		margin-bottom: 24px;
	}
	.section__header h1 {
		margin-top: 0;
	}

	.section-description {
		color: #666666;
		font-size: 20px;
		font-family: 'Merriweather', Helvetica,sans-serif;
		font-weight: 300;
		margin-top: 20px;
		text-align: center;
		margin-bottom: 1em;
	}

	.section__border-top {
		display: none;
		margin: 0;
		border-top: 1px solid #ccc;
	}
	.section:not(._bottom_substrate):not(.section-color-gray) + .section:not(.section-color-gray) .section__border-top,
	.section.section--page-wrapper > .w > .section-inner .section__border-top  {
		display: block;
	}

	.section.section-color-gray {
		background-color: #f0f0f0;
	}
	.section.section-color-gray .section__border-top {
		display: none;
	}

	.section-footer {
		margin-top: 48px;
		text-align: center;
	}

	/*section compact */
	.section._compact .section__header {
		margin-bottom: 32px;
	}

	/* bottom substrate */
	.section._bottom_substrate .w {
		position: relative;
		z-index: 1;
	}
	.section._bottom_substrate:after {
		content: '';
		height: 130px;
		margin-top: -100px;
		background-color: #f0f0f0;
		display: block;

		margin-left: -100vw;
		margin-right: -100vw;
		padding-left: 100vw;
		padding-right: 100vw;
	}
	.section._bottom_substrate .section-inner {
		padding-left: 115px;
		padding-right: 115px;
		background-color: #fff;
		margin: 0 -115px;
		position: relative;
	}
	.section._bottom_substrate .section-inner:after {
		content: '';
		background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%,rgba(255, 255, 255, 0) 65%);
		position: absolute;
		bottom: -5px;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -1;
		filter: blur(5px);
	}

	/* button show more*/
	.section__content._cut_overflow {
		overflow: hidden;
		position: relative;
	}
	.section__content._cut_overflow:after {
		content: '';
		-webkit-box-shadow: 0 0 10px 10px #fff;
		-moz-box-shadow: 0 0 10px 10px #fff;
		box-shadow: 0 0 10px 10px #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
@media (max-width: 1550px) {
	.section._bottom_substrate .section-inner {
		padding-left: 40px;
		padding-right: 40px;
		margin: 0 -40px;
	}
}
@media (max-width: 1400px) {
	.section._bottom_substrate .section-inner {
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}
	.section._bottom_substrate:after {
		display: none;
	}
	.section._bottom_substrate .section-inner:after {
		display: none;
	}
}
@media (max-width: 1023px) {
	.section__header {
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {
	.section__header, .section__header._compact {
		margin-bottom: 40px;
	}
	.index-page section.section._with-padding .section-inner {
		padding: 32px 0;
	}
	section.section._with-padding .section-inner {
		padding: 10px 0 50px;
	}
	section.section._with-padding .section-inner.page-break-inside { padding-top: 40px; padding-bottom: 0px;}
	.section.section--page-wrapper > .w > .section-inner .section:first-of-type {
		margin-top: 70px;
	}
	.section._compact .section__header {margin-bottom: 20px;}
}
@media (max-width: 479px) {
	.section-description {
		font-size: 16px;
	}
}
@media (max-width: 479px) {
	.index-page section.section._with-padding .section-inner {
		padding: 45px 0;
	}
	section.section._with-padding .section-inner {
		padding: 10px 0 50px;
	}
	.section.section--page-wrapper > .w > .section-inner .section:first-of-type {
		margin-top: 45px;
	}
	.section__header, .section__header._compact, .section__header._min {
		margin-bottom: 20px;
	}
	.section-footer {
		margin-top: 30px;
	}
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/150_main.css?17773553745251*/
/*main*/
@media all {
	.notetext {
		color: #3c763d;
	}
	.errortext {
		color: #ED5A5A;
	}
	.citrus-objects-map {
		height: 480px;
		position: relative;
		background-color: #fff;
	}
    .default-picture-background {
        background: url(/local/templates/citrus_arealty3/application/src/css/../../distr/img/new-pic.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

/*image placeholder*/
@media all {
	.img-placeholder {
		background-color: #f3f1ec;
		position: relative;
	}
	.img-placeholder:before {
		content: "\e91d";
		font-family: 'icomoon';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		text-align: center;
		font-size: 60px;
		color: #adadad;
		display: block;
		z-index: 1;
		line-height: 0;
	}
	.img-placeholder>span {
		z-index: 1;
		position: relative;
	}
}

/*mobile sidebar*/
@media all {
	.main-overlay {
		content: "";
		display: block;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		background-color: transparent;
		z-index: 6;
		pointer-events: none;
		transition: .3s ease;
	}
	.main-overlay._active {
		background-color: rgba(0,0,0,.6);
		pointer-events: all;
	}

	.mobile-sidebar {
		max-width: 100%;
		top: 0;
		position: fixed;
		right: 0;
		z-index: 996;
		overflow: hidden;
		pointer-events: none;
	}
	.mobile-sidebar._active {
		pointer-events: all;
	}
	.mobile-sidebar__inner {
		background-color: #F2FAFF;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		overflow: hidden;
        display: none;
		transform: translate(100%, 0);
		transition: .3s ease;
		
	}
	.mobile-sidebar._active .mobile-sidebar__inner {
        display: block;
		transform: translate(0, 0);
	}
}

/*range-slider*/
@media all {
	.irs-slider {
		top: 28px;
		width: 20px;
		height: 20px;
		background: white;
		border: 1px solid #3598dc;
		box-shadow: none;
	}
	.irs-bar {
		background: inherit;
		border-top: none;
		border-bottom: none;
	}
}

/* styled scroll bar */
@media (min-width: 1024px) {
	::-webkit-scrollbar {
		width:12px;
		height: 12px;
		position: absolute
	}

	::-webkit-scrollbar-button {
		width: 12px;
		height: 6px;
		background-color: rgba(50,50,50,.05)
	}

	::-webkit-scrollbar-thumb {
		background-color: rgba(50,50,50,.25);
		border: 2px solid transparent;
		border-radius: 10px;
		background-clip: padding-box
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: rgba(50,50,50,.5)
	}

	::-webkit-scrollbar-track {
		background-color: rgba(50,50,50,.05)
	}
}

@media print {
	#bx-panel {
		height: 0;
		overflow: hidden;
	}
	body {
		font: 13px/18px Tahoma,serif;
	}

	.btn.btn-header-phone,.nav,.header-menu,.footer,.related,.object-help-block,.object-footer {
		display: none!important;
	}

	.object {
		border: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.header:after, .header:before {
		display: none;
	}

	.content {
		padding-bottom: 0;
	}
	.c-side, .w {
		max-width: 100%;
	}

	.object-option.dl-menu dd, .object-option.dl-menu dt {
		margin-bottom: 0;
		width: 50%;
	}

	dl.object-option.dl-menu {
		margin: 0;
	}

	.object-address {
		margin-bottom: 5px;
		font-weight: 400;
		font-size: 13px;
	}

	.object-price {
		background: none !important;
		text-align: left;
		padding: 6px 0;
	}
	.catalog-item-price__period, span.catalog-item-price__period {
		display: inline-block !important;
	}

	.object-gallery-thumbs .swiper-slide {
		width: 33.3333333%!important;
		margin: 0!important;
	}

	.object-gallery-thumbs a.gallery-thumbs {
		border: 0;
	}

	.header-top {
		float: left;
	}

	.header-bottom {
		float: right;
	}

	.header .col-xs-12.col-md-6 {
		width: 50%!important;
	}

	.object-gallery .swiper-wrapper {
		transform: none!important;
	}

	.indent.print-break-after {
		height: 0;
	}
}

@media all {
	.map-link {
		color: #999999;
	}
	.map-link:hover .map-link__address {
		text-decoration: underline;
	}
	.map-link__icon {
		display: inline-block;
		margin-right: 4px;
	}
}

/* checked list ipoteka */
@media all {
	ul.checked-list {
		margin: 0;
		padding: 0;
		list-style: none;
		counter-reset: checked-list;
	}
	ul.checked-list li {
		position: relative;
		padding-left: 73px;
	}
	ul.checked-list li + li {
		margin-top: 30px;
	}
	ul.checked-list li:before {
		content: '\e922';
		font-family: 'icomoon';
		font-size: 26px;
		width: 42px;
		height: 42px;
		border: 2px solid #d6d6d6;
		display: flex;
		position: absolute;
		left: 0;
		top: 4px;
		align-items: center;
		justify-content: center;
		padding-top: 3px;
		color: #666;
	}
	ul.checked-list li b {
		text-transform: uppercase;
		display: block;
		margin-bottom: 2px;
		font-weight: 700;
	}
}

@media all {
    .modal-icalculator {
        width: 1250px;
        max-width: calc(100% - 60px);
    }
    .modal-icalculator .modal-body {
        padding: 20px 30px;
    }
    .modal-icalculator .modal-title {
        padding-left: 20px;
    }
}

@media (max-width: 1023px) {
    .modal-icalculator .modal-body {
        padding: 20px;
    }
    .modal-icalculator .modal-title {
        padding-left: 10px;
    }
}

@media (max-width: 900px) {
    .modal-icalculator {
        max-width: 100%;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .modal-icalculator .modal-title {
        font-size: 16px;
    }

    .modal-icalculator .mortgage {
        margin-top: 0;
    }
}

/* End */


/* Start:/local/templates/citrus_arealty3/application/src/css/loading-animation.css?17773553741182*/
@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(46px);
    }
}

@keyframes MOVE-BG {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(46px);
    }
}

.loading {
    position: relative;
}
.loading--bg {
    display: none;
    position: absolute;
    left: -46px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 555;
    opacity: .7;

    background: -webkit-repeating-linear-gradient(
        145deg,
        #f8e9db 1px,
        #fff5ed 2px,
        #fff5ed 11px,
        #f8e9db 12px,
        #f8e9db 20px
    );
    background: repeating-linear-gradient(
        -55deg,
        #f8e9db 1px,
        #fff5ed 2px,
        #fff5ed 11px,
        #f8e9db 12px,
        #f8e9db 20px
    );

    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    animation-name: MOVE-BG;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.loading > .loading--bg {
    display: block;
}

/* End */


/* Start:/local/templates/citrus_arealty3/components/bitrix/menu/mobile/style.min.css?17773553751920*/
@media all{.mobile-menu{list-style-type:none;margin:0;padding:0;position:relative}.mobile-menu__link{text-decoration:none;display:block;width:100%;border-top:1px solid #cdcdcd;position:relative;transition:.3s ease;text-transform:uppercase}.mobile-menu__link-icon{margin-right:14px;width:1em;text-align:center;font-size:22px;display:inline-flex;justify-content:center}.mobile-menu__link-text{display:block}.mobile-menu__sub-menu{position:absolute;right:0;left:0;top:0;display:block;list-style-type:none;padding:0;background-color:#fff;height:calc(100% + 51px);transform:translate(100%,0);transition:.3s ease;z-index:1}.mobile-menu__li._open>.mobile-menu__sub-menu{transform:translate(0,0)}.mobile-menu__li._lvl-1>.mobile-menu__link{font-size:14px;font-weight:400;padding:0 20px;color:#333;display:flex;align-items:center;height:50px}.mobile-menu__li._lvl-1>.mobile-menu__link._with-icon{text-transform:none}.mobile-menu__li._lvl-1>.mobile-menu__link._primary{color:var(--primary-color);background-color:#f1f1f1}.mobile-menu__li._lvl-1._parent>.mobile-menu__link{padding-right:55px}.mobile-menu__li._lvl-2>.mobile-menu__link,.mobile-menu__li._lvl-3>.mobile-menu__link{font-size:14px;font-weight:600;color:#333;padding:12px 50px 12px 20px}.mobile-menu__li._lvl-2._selected>.mobile-menu__link,.mobile-menu__li._lvl-3._selected>.mobile-menu__link{background-color:#e7e7e7}.back_link.mobile-menu__li .mobile-menu__link{display:flex;align-items:center;color:var(--primary-color)}.mobile-menu__li._open i{transform:none}.back_link .mobile-menu__back{position:static;display:block;margin:0;width:32px;color:#cbcbcb;font-size:20px}.mobile-menu__open-submenu{position:absolute;top:0;right:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;width:50px;color:#cbcbcb;font-size:20px}.mobile-menu__li i{transition:.3s ease}}@media (max-width:560px){.mobile-menu__li._lvl-1>.mobile-menu__link{font-size:13px}}
/* End */


/* Start:/bitrix/components/citrus/currency/templates/.default/style.min.css?17773553783469*/
@media all{[data-currency-icon]:after{content:' 'attr(data-currency-icon)}[data-currency-icon][data-icon-position=before]:after{content:''}[data-currency-icon][data-icon-position=before]:before{content:attr(data-currency-icon) ' '}[data-currency-icon]:after,[data-currency-icon]:before{font-family:Comfortaa,cursive;font-size:.9em}[data-currency-icon][data-currency=RUB][data-icon-position=after]:after{content:' \20BD'}[data-currency-icon][data-currency=RUB][data-icon-position=before]:before{content:'\20BD '}[data-currency-icon][data-currency=KZT][data-icon-position=after]:after{content:' \20B8'}[data-currency-icon][data-currency=KZT][data-icon-position=before]:before{content:'\20B8 '}[data-currency-icon][data-currency=UAH][data-icon-position=after]:after{content:' \20B4'}[data-currency-icon][data-currency=UAH][data-icon-position=before]:before{content:'\20B4 '}[data-currency-icon][data-currency=AZN][data-icon-position=after]:after{content:' \20BC'}[data-currency-icon][data-currency=AZN][data-icon-position=before]:before{content:'\20BC '}[data-currency-icon][data-currency=AMD][data-icon-position=after]:after{content:' \058F'}[data-currency-icon][data-currency=AMD][data-icon-position=before]:before{content:'\058F '}}@media all{.header-currency-dropdown{width:65px;position:relative}.dropdown-select{background:#fff;border:1px solid #ccc;box-shadow:0 6px 12px rgba(0,0,0,.175);border-radius:3px;padding:5px 0;margin:5px 0;text-align:left;position:absolute;z-index:3;top:100%;right:0;display:none;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:100%}.header-currency-dropdown._open .dropdown-select{display:block}.dropdown-menu:before{bottom:100%}.open .dropdown-menu{display:block;min-width:auto}.dropdown-header{padding:10px 15px;color:#555;text-transform:uppercase;font-size:12px;font-weight:700;white-space:nowrap}.dropdown-item+.dropdown-header{margin-top:5px;border-top:1px solid #e8ecf3}.dropdown-option{display:flex;align-items:center;font-size:20px;justify-content:space-between;padding:8px 12px;width:100%;color:#666;border:0;background:0 0;overflow:hidden;text-overflow:ellipsis;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:pointer;line-height:1;font-weight:700}.currency-selected-icon{visibility:hidden;font-size:14px}.dropdown-option._active .currency-selected-icon{visibility:visible}.dropdown-option:hover{background:#3598dc;color:#fff}.dropdown-hover:hover .dropdown-menu{display:block}.header-currency{padding-left:30px;display:flex;align-items:center}.header-currency-label{color:#666;font-size:14px;padding-right:10px}.header-currency .btn{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;line-height:34px;border:1px solid #ccc;border-radius:3px;color:#666;background-color:#fbfaf8;font-size:0;padding:0 10px}.header-currency .btn .btn-label{font-size:16px}.header-currency .btn .btn-icon{font-size:14px;margin-left:5px;float:right;line-height:34px;width:8px}.dropdown-current{font-size:20px;float:right;width:1em;font-weight:700}}@media (max-width:1279px){.header-currency{padding-left:20px}.header-currency-label{display:none}}@media (max-width:1023px){.header-currency-label{display:none}.mobile-sidebar .header-currency{margin-top:15px}.mobile-sidebar .header-currency-label{display:block}}@media (max-width:479px){.header-currency{padding-left:20px}}
/* End */


/* Start:/local/templates/citrus_arealty3/components/citrus.arealty/header/.default/style.css?1777355375695*/

@media all {

    .mainheader1.header .c-side {
        z-index: 1;
    }

    .mainheader1 .header-phone {
        margin-left: 26px;
    }

    .mainheader1 .header-auth__link {
        margin-left: 12px;
        max-width: 100px;
    }

}

@media (max-width: 1020px) {
    .mainheader1 .header-phone-number {
        display: none;
    }
}

@media (max-width: 1023px) {
    .mainheader1 .header-search-overflow {
        display: none;
    }

    .mainheader1 .header-btn {       
        height: 32px;
		padding: 0 8px;
    }
}

@media all {
    .mainheader1 ul.h-menu>li {
        flex: 1 auto;
    }

    .mainheader1 ul.h-menu>li>a {
        font-weight: 600;
		font-size: 14px;
    }
}

/* End */


/* Start:/local/templates/citrus_arealty3/components/bitrix/menu/main_menu/style.min.css?17773553751365*/
@media all{ul.h-menu,ul.h-menu ul{list-style-type:none;padding:0;margin:0}ul.h-menu{display:flex;width:100%}ul.h-menu>li{position:relative}ul.h-menu>li>a{display:inline-flex;align-items:center;justify-content:center;text-align:center;height:51px;width:100%;padding:0 10px;font-size:14px;color:#fff;font-weight:400;text-decoration:none;background-color:transparent}.h-menu__item-icon{display:inline-flex;font-size:22px;width:1em;height:1em}.h-menu__link._with-icon .h-menu__item-text{margin-left:14px}ul.h-sub-menu{position:absolute;top:100%;width:300px;padding:10px 0;visibility:hidden;z-index:5}ul.h-sub-menu ul.h-sub-menu{visibility:hidden;top:0;left:100%;border-left:1px solid #fff}li:hover>ul.h-sub-menu{visibility:visible}ul.h-sub-menu li{position:relative}ul.h-sub-menu li+li{border-top:1px solid rgba(255,255,255,.4)}ul.h-sub-menu a{padding:16px;color:#ececec;text-decoration:none;display:flex;align-items:center;justify-content:space-between;transition:color .15s ease;position:relative}.bx-no-touch ul.h-sub-menu a:hover,ul.h-sub-menu li.selected>a{background-color:rgba(0,0,0,.1);color:#fff}.h-menu__submenu-item-icon{width:1em;margin-left:5px;font-size:16px;color:#929292}ul.h-menu>li>a.menu_open_dropdown{display:none}}@media (max-width:1280px){.h-menu__link._with-icon .h-menu__item-text{display:none}}@media (max-width:1023px){ul.h-menu{display:none}}
/* End */


/* Start:/local/templates/citrus_arealty3/components/bitrix/breadcrumb/.default/style.css?17773553751035*/
.nav-panel {
	padding: 15px 15px 5px;
	position: relative;
	z-index: 1;
}
.nav-breadcrumbs {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	display: flex;
	gap: 8px;
}
.nav-breadcrumbs span {
	display: inline;
	color: #A7A7A7;
}
.nav-breadcrumbs .btn-icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
a.breadcrumbs-item {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	position: relative;
	color: #999;
	border-radius: 3px;
	text-decoration: none;
}
.breadcrumbs-item-current {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
}
.breadcrumbs-item .btn-icon {
	min-width: 35px;
}
.breadcrumbs-item .btn-label, .breadcrumbs-item-current .btn-label {
	padding: 0 10px;
	vertical-align: text-bottom;
}
a.breadcrumbs-item .btn-icon {
	font-size: 22px;
	vertical-align: -2px;
}
a.breadcrumbs-item + a {
	margin-left: 25px;
}
.bx-no-touch a.breadcrumbs-item:hover, a.breadcrumbs-item:active {
	color: #666;
}
/* End */


/* Start:/local/templates/citrus_arealty3/components/bitrix/menu/footer_menu/style.min.css?17773553751152*/
@media all{.f-menu{display:flex;margin:0 -15px}.f-menu-item{flex:1 auto;margin:0 15px}.f-menu-item__title{font-size:14px;font-weight:500;color:#fff;text-decoration:none;margin-bottom:18px;display:block;white-space:nowrap;position:relative;}.f-menu-item__title:hover{color:#fff;text-decoration:underline}.f-menu-item__submenu{font-size:16px;line-height:1.3;margin-top:22px}.f-menu-item__submenu-item{color:#ccc}.f-menu-item__submenu-item+.f-menu-item__submenu-item{margin-top:15px}.f-menu-item__submenu-item a{color:#ccc;text-decoration:none}.f-menu-item__submenu-item a:hover{text-decoration:underline;color:#fff}.f-menu-item__open-submenu{display:none}.f-menu-item__submenu-item._more{margin-top:20px}.f-menu-item__submenu-item._more a{color:#7a7a7a}.f-menu-item__submenu-item._more a:hover{color:#fff}}@media (max-width:1023px){.f-menu{flex-direction:column;margin-bottom:-5px}.f-menu-item__submenu{display:none}.f-menu-item__title{margin-bottom:15px}.f-menu-item__open-submenu{display:inline-flex;position:absolute;top:0;bottom:0;margin:auto;right:0;width:30px;font-size:18px;align-items:center;justify-content:center;border-left:1px solid #6d695e}}
/* End */


/* Start:/local/templates/citrus_arealty3/styles.css?177822287848493*/
.hidden {display: none;}
#header_settings_widget {display: none}
.section-filter {    
	position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.labels-row {top:8px; position: absolute; display: flex;z-index: 1; gap: 4px;}
.index-page .labels-row {top: 28px; left: 28px}
.labels-row .share-label--auction {white-space: nowrap; max-width: fit-content;}
.catalog-card__price-square.auction-info {background: linear-gradient(135deg, rgba(227, 10, 158, 0.06) 0%, rgba(219, 9, 54, 0.06) 100%);}
.catalog-card__price-square.auction-info .catalog-card__property-value {color: #DF096D}
.catalog-card__body:has(.auction-info) > .catalog-card__price-square:first-child {margin-bottom: 4px;}

.section__header .h1 { font-size: 28px; font-weight: 700; text-align: left;}
.section-filter.section._with-padding .section-inner {padding: 0px;}
.section-filter .section__header {color: #fff; margin-bottom: 32px;}
.section-filter .section__content .citrus-sf-wrapper {box-shadow: 0 4px 20px 0 rgba(189, 189, 189, 0.5); background-color: #fff; padding: 40px 52px; border-radius: 0 0 16px 16px;}
.section-filter .filter-form {flex-direction: column;}
.section-filter .citrus-sf__fields-block {width: 100%;}
.section-filter .section__header .h1 {font-size: 24px; text-align: center;}
.citrus-sf__button-block {margin-top: 25px; display: flex; flex-direction: row; align-items: center; width: 100%; gap: 16px;}
.filter-more-link { margin-left: auto;}
.main-slider {position: relative;}
.fa.fa-copyright {padding: 0 2px;}
.footer-wrapper .f-t {padding: 80px 64px; background-color: #027FEC; border-radius: 16px; margin-left: 0px; margin-right: 0px;}
.show-items svg {margin-left: 4px; top: 3px;}
.citrus-sf-field.has-value .citrus-select__search-input::placeholder {color: #383838;}
.switch a, .switch span {background-color: #fff;}
.table-slider__td .share-label--auction {    display: inline-block;}
.catalog-card__image-w .item-image > a {pointer-events: none;}
body .citrus-sf-label:after {  
	top: 0px;  
	content: '';
    position: absolute;
    right: 10px;
    bottom: 0;
    margin: auto;
    height: 16px;
    width: 16px;
	border: none; 
    background: url(/upload/drop-down.svg) center center no-repeat;
}
.citrus-sf__fields-block .row {row-gap: 20px;}
.citrus-sf-label_close {width: 20px; color: #383838; top: 7px; background-color: transparent; border: none;}
.citrus-sf-label_close .icon-close:before {display: none}
.citrus-sf-label_close .icon-close {width: 16px; height: 16px;background: url(/local/templates/citrus_arealty3/./application/src/img/close.svg) center center no-repeat;}
footer {margin-top: 80px;}

footer .fa.fa-instagram {font-size: 20px;}
footer .f-contacts__item-icon {width: 26px}

@media (min-width: 1023px)	{
	.opener > div.favourite_count {
		position: fixed;
		right: -111px;
		top: 154px;
		z-index: 99;
		transition: all ease 0.2s;
	}
			
	.opener > div.compare_count	{
		position: fixed;
		right: -111px;
		z-index: 99;
		top: 204px;
		transition: all ease 0.2s;	
	}
	.opener > div > a {	
		display: inline-flex; 
		align-items: center;
		border: 1.30px solid #027FEC;
		border-radius: 8px 0 0 8px;
		width: 157px;
		height: 46px;
		background: #fff;
		border-right: none;
		transition: all ease 0.2s;
		font-weight: 600;
		text-decoration: none;
	}

	.opener > div.favourite_count > a > img {margin: 0 13px;}
	.opener > div.compare_count > a > img {margin: 0 9px;}
	.opener > div:hover {right:0;}
	.opener > div:hover > a {background-color: var(--orange-color);border-color:var(--orange-color); color: #fff;} 
	.opener > div:hover > a > img {filter: brightness(0) invert(1);}
}

@media (max-width: 1023px)	{	
	.opener > div > a {	
		display: inline-flex; 
		align-items: center;
		width: 46px;
		height: 46px;
	}
	.content-panel .views {margin-left: auto;}
}
.switch a, .switch span, .views-btn {font-weight: 600;}
.footer-item {width: fit-content; flex: 1 0 auto;}
.compare_count {margin-top: 4px;}
.f-menu-item__title {cursor:pointer; margin-bottom: 12px;}
.footer-logo-list a img {max-width: 58px}
.footer-logo-list a:hover {color: #fff;}
.footer-logo-list a + a {margin-top: 24px;}
.footer-logo-list a {gap: 22px; font-weight: 500; font-size: 14px; color: #fff; display: flex; align-items: center; gap: 12px; text-decoration:none;}
.header-phone--text {color: #A7A7A7; font-size: 13px; text-align: center; margin-right: 24px;}
.filter-save-link__text, .filter-more-link__open, .filter-more-link__close {display: inline-flex; align-items: center; font-size: 14px; gap: 8px; font-weight: 600; text-decoration:none;}
.header-eye-link {display: inline-flex; align-items: center; font-size: 14px; gap: 4px; font-weight: 600; text-decoration:none;color: #383838}
.header-auth__link {
	padding: 0 32px;
	border-radius: 8px;
	display: inline-flex;
	color: #fff;
	height: 46px;
	font-size: 14px;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	background-color: #027FEC;
	text-decoration: none;
	cursor: pointer;	
}
.header-btn:hover {cursor: pointer; background-color: #E17400; color: #fff} 
.header-auth__link:hover {background-color:#fff; border: 1px solid #027FEC;}
.header-auth__link:hover a {color: #027FEC; text-decoration: none;}
.header-auth__link > a {color: #fff; text-decoration: none; display: flex; gap: 7px; align-items: center;}
.mainheader1 .header-auth__link-authorized {border: 1px solid #027FEC; max-width: fit-content; padding: 0 18px;text-transform: unset;}
.mainheader1 .header-auth__link-authorized > a > svg path {fill: #fff;}
.mainheader1 .header-auth__link-authorized:hover > a > svg path {fill: #027FEC;}
.citrus-sf__button-block .filter-save-link {margin-left: 30px;}
.citrus-sf__button-block .citrus-sf__button {margin-bottom: 0; flex: 0 0 179px}
.citrus-sf-values {box-shadow:none; border: 1px solid rgba(232, 232, 232, 1); border-radius: 0 0 8px 8px;}
.filter-checkmark:before { border: 1px solid rgba(56, 56, 56, 1); border-radius: 4px;}
.citrus-select__item:hover { background-color: rgba(232, 232, 232, 1)}
.citrus-select__item {padding: 9px 15px; margin:0;}
input:checked+.filter-checkmark:before {border: 1px solid currentColor;}
input:checked+.filter-checkmark:after {
	border-bottom: .115em solid #fff;
    border-right: .115em solid #fff;
    opacity: 1;
}
.citrus-sf-field._open .citrus-select__search-icon:after { transform: rotate(180deg);}	
.filter-checkmark:after {
    bottom: 5.2px;
    height: 8px;
    left: 5.5px;
    opacity: 0;
    transform: rotate(45deg);
    transition-delay: .1s;
    transition: opacity .3s ease;
    width: 5px;
}

.section__content {position: relative;}
.section-link {    
	position: absolute;
    right: 0;
    transform: translateY(calc(-100% - 40px));
}
.citrus-field-label {font-weight: 700; margin-bottom: 12px;}
.divider {height: 100%; width: 1px; background: #A7A7A7; opacity: 0.5; height: 30px;}
.section-link a { gap: 8px; font-weight: 600; color: #027FEC; text-decoration: none;display: inline-flex; align-items: center;}
.section-link img {margin-top: 3px;}
.list-group {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}
.month-period {font-size: 16px;}
.btn-white {
    flex: 0 auto;
    border: 1px solid #027FEC;
    color: #027FEC;
    background-color: #fff;
}
.nav-prev > svg, .nav-next > svg {position: relative; top: 5px;}
.nav-prev:hover > svg, .nav-next:hover > svg {filter: brightness(0) invert(1);} 

.list-group-item {
	height: 46px;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #C3E3FF;
	text-align:center;
	border-radius: 23px 23px 0 0;
    flex: 1 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.7;	
}

.list-group-item + .list-group-item {
	margin: 0 -1px -1px
}

.list-group-item:last-child {
	margin: 0 0 -1px
} 
.list-group-item.active {
	 background-color: #fff;
}

[data-currency-icon]:after, [data-currency-icon]:before {
    font-family: inherit;
}

.icon-favorites:before {
	content: "";
	display: block;
	width: 10px; 
	height: 10px;
	background: url(/upload/fav.svg) center center no-repeat;
}

.catalog-card__favorite-link {
	border-radius: 4px;
	width: 24px;
	height: 24px;
	background: #fff;}
	
.catalog-card__favorite-link.added {background: #FF8400;}

.mainheader1 .header-auth__link {margin-left: 0; border: 1px solid #027FEC;} 

.section:not(._bottom_substrate):not(.section-color-gray) + .section:not(.section-color-gray) .section__border-top {display: none;}

input::placeholder,
.citrus-sf-field:not(.has-value) .citrus-sf-label > .citrus-sf-label_name, 
[data-display-type="S"] .citrus-select__search-input::placeholder {color: #A7A7A7; opacity: 1}
body .catalog-slider.p__swiper {margin: 0px 0px -4px;}
body .swiper-slide.catalog-slider__item {padding: 0; height: auto;}
body .swiper-slide.catalog-slider__item .catalog-card {height: 100%; display: flex; flex-direction: column;}
body .swiper-slide.catalog-slider__item  .catalog-card__body {display: flex; flex-direction: column;    height: 100%;}
body .swiper-slide.catalog-slider__item .catalog-card__footer {margin-top: auto;}
body .swiper-slide.catalog-slider__item .catalog-card__visible-content {margin-bottom: 17px}
.footer-social-list a:hover span {color: #FFA648}
.footer-social-list a:hover svg path {fill: #FFA648}
.list-group-item:hover { background-color: var(--primary-color);color: #fff; }
.list-group-item:active, .list-group-item.active:hover { background-color: #fff;color: #383838;}
.hidden-desktop {display: none;}
.btn.disabled {opacity: .5;cursor: default;pointer-events: none;}
.citrus-sf__button-block > * { margin-bottom: 0;}
.catalog-section-content .filter-form {margin-right: 3px;}
.catalog-section-content .citrus-sf-wrapper .citrus-sf__button-block {padding-right: 0; flex: 0 0 295px; align-items: flex-start;}
body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 100%;}
body .object-gallery-previews figure {background-color:transparent}
.select-wrapper [data-id="districtSelect"] + .dropdown-menu {overflow: visible !important;}
#modef_num {margin-left: 4px;} 
.catalog-card__name.h3 {font-weight: 700;}

@media (min-width: 1022px) and (max-width: 1300px) {
	.section-filter {max-width: calc(100% - 30px);}
}

@media (min-width: 767px) and (max-width: 1022px) {
	.index-page .section-filter .section__content {padding: 0; box-shadow: none; background-color:transparent;}
}

@media (min-width: 1400px) and (max-width: 1450px) {
	.p__swiper._nav-offset--small .swiper-button-next {right:0; transform: translateX(50%);}
	.p__swiper._nav-offset--small .swiper-button-prev {left:0; transform: translateX(-50%);}
}

@media (max-width: 1200px) {
	.footer-wrapper .f-t {padding: 60px 34px;}
	a.header-logo .logo-text {display: none}
	.list-group-item {justify-content: center; display: inline-flex; align-items: center; line-height: 1;}	
}

@media (max-width: 1022px) {
	.section-link.section-link--mob {display: block}
	.section-link.section-link--mob a {height: 40px}
	.section-filter .section__content .citrus-sf-wrapper {padding: 32px;}
	.index-page .citrus-sf__button-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 0;
        column-gap: 8px;
    }
	.index-page .filter-more-link, .filter-save-link {
        margin: unset;
    }
	.index-page .citrus-sf__button-block .citrus-sf__button._reset {
        order: 4;
    }
	.index-page .citrus-sf__button-block .citrus-sf__button {
        flex: unset;
        margin: 0;
		width: auto;
    }
	.index-page .filter-save-link__text .hidden-desktop {display: block}
	.index-page .citrus-sf__button-block .citrus-sf__button._submit {
        order: 3;
        gap: 4px;
    }
	.index-page .citrus-sf__button-block {margin: 15px 0px 0;}
	.citrus-sf__button-block .citrus-sf__button {flex: unset;}
	.citrus-sf__button-block .filter-save-link {margin-left: 0;text-align: right;}   
	body section.section._with-padding .section__border-top > .section-inner {padding: 0;}
	.settings-widget {display: none}
	.header-btn.hamburger {margin-left:0;}
	.header__left {flex-grow: 1; min-width: 41px;}
	.mainheader1 .header-btn {white-space: nowrap;}
	a.hamburger .lines:before, a.hamburger .lines:after, a.hamburger .lines {height:1.5px;}
	.section-filter .section__header .h1 {font-size: 16px; color: #383838}
	 a.header-logo .logo-text, .p__swiper.main-slider, .hidden-mobile {display: none;}
	.section-filter {position: unset; transform: unset;}
	
	.news-standard__item .news-standard__img {text-align: center;}
	.section__header .h1 {font-size: 18px;}
	.index-page .section._with-padding .section-inner {padding: 36px 0;}
	.index-page .section._with-padding.section-filter .section-inner {padding-top: 16px;}
	.p__swiper .swiper-button-prev, .p__swiper .swiper-button-next {display: block}
	
	.section-filter .section__content {
		padding: 24px; 
		box-shadow: 0 4px 20px 0 rgba(189, 189, 189, 0.5);
		background-color: #fff;
		border-radius: 16px;
	}
	.compare_count img, .favourite_count img {width: 15px;}
	.citrus-sf__fields-block .row {row-gap: 1px;}
	.dropdown-mobile {font-weight: 700;margin-bottom: 12px;}	 
	.p__swiper._nav-offset--small .swiper-button-prev {border: 1px solid #027FEC; display: inline-flex; left: 0; bottom: 0; top: unset; transform: unset; border-radius: 6px; display: inline-flex;}
	.p__swiper._nav-offset--small .swiper-button-next {border: 1px solid #027FEC; right: 0; bottom: 0; top: unset; transform: unset; display: inline-flex; border-radius: 6px;}
	.footer-wrapper .f-t {padding: 32px 24px;}
	.footer-item--logo {order: 3}
	.footer-item--menu {order: 1}
	.footer-item--address {order: 2}
	.section-link--mob, .opener--mob {position: unset; transform: unset;}
	.opener--mob.hidden-desktop {display: flex; gap:6px}
	.opener--mob > div > a {border: none; width: 30px; height: 30px;justify-content: center; }
	.header .opener--mob > div > a {border-radius: 8px;}
	.opener--mob .compare_count {margin-top: 0;}
	.main-menu-line {background-color: transparent;}
	.header .h__top {background-color: #fff;}
	.section-link--mob { width: calc(100% - 92px); margin: 32px auto 0;}
    .header__right {gap: 6px; margin-left: auto; justify-content: space-between;}
	.mainheader1 .header-phone {margin-left: 0;}
	.section-link a {width: 100%;}	
	.filter-numbers_input {height: 40px;}

	.header__row {padding: 10px 0; display: flex; gap:8px}
	.footer-wrapper .f-t {padding: 40px 34px;}
	a.header-logo .logo-text { font-size: 10px;}
	.mobile-sidebar {left: 0;}
	.header-phone--text {margin-right: 0;}
	.mobile-menu {padding-top: 16px; border-radius: 16px; height: calc(100dvh - 175px); background-color: #fff !important; margin: 12px 26px;}
	.mobile-menu-header {font-size: 16px; font-weight: 600; background-color: #fff; padding: 22px 26px; margin-bottom: 12px; height: 60px; display: flex; justify-content: space-between; align-items: center;}
	.mobile-menu__link {border: none;}
	.phone-list--mobile .header-phone-number {margin-right:0; text-align: center;}
	.phone-list--mobile {margin: 12px 26px; padding: 20px; border-radius: 16px; background-color: #fff;}
	.mobile-menu__li__eye {border-top: 1px solid #E8E8E8; margin-top: 16px; padding-top: 16px;}
	.mobile-menu__li__eye .mobile-menu__link {align-items: center; gap: 5px;}
	.scroll-to-top {gap: 5px}
	
}

@media (max-width: 767px)  {
	.hidden-desktop {display: block}
	.zdaniya-filter.citrus-mobile-wrapper .citrus-sf__button-block {padding-left: 0; margin-top: 0;} 
	body .citrus-sf__button-block .citrus-sf__button._submit {padding-left: 12px; padding-right: 12px;}	
	.catalog-section-content .zdaniya-filter .filter-form {flex-direction: column;}
	body .zdaniya-filter .region__fields-block {width: 100%}
	body .catalog-section-content .citrus-sf-wrapper .citrus-sf__button-block {flex: unset;}
	.section-filter .section__header {color: #383838; margin-bottom: 16px; padding: 0 17vw;}
	.citrus-sf-label, .citrus-sf__fields-block input {line-height: 37px; height: 40px;  padding-left: 20px;} 
	.catalog-section-content .citrus-sf-wrapper .citrus-sf__button-block {flex: unset;} 	
	[data-display-type="S"] .citrus-select__search-input {padding-left: 20px;}
	.citrus-sf__button-block .citrus-sf__button {flex:unset; margin: 0;}
	.citrus-sf__button-block, .list-group { flex-direction: column;}
	.filter-more-link, .filter-save-link {margin: unset}
	.section-filter .section__content .citrus-sf-wrapper {padding: 0px;box-shadow: none;}
	.citrus-sf-field {margin-bottom: 14px;}
	.dropdown {position: relative; margin-bottom: 14px;}
	.dropdown__button {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
		background: #FFFFFF;
		border-radius: 8px;
		height: 40px;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 20px;
		padding-right: 35px;
		font-weight: 400;
		font-size: 14px;
		line-height: 1;
		cursor: pointer;
		border: 1px solid #E8E8E8;
		color: #383838;
	}
	
	.list-group-item {
        border-radius: 0;
        background-color: transparent;
        border: none;
    } 

	.dropdown__button:focus, .dropdown__button--active {
		outline: none;		
	}

	.dropdown__button::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		content: '';
		position: absolute;
		right: 10px;
		bottom: 0;
		margin: auto;
		height: 16px;
		width: 16px;
		background: url(/upload/drop-down.svg) no-repeat;
		pointer-events: none;
	}

	.dropdown__list {
		display: block;
		visibility: hidden;
		opacity:0;
		position: absolute;
		left: 12px;
		right: 12px;
		top: 52px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		background: #FFFFFF;
		box-shadow: 0px 4px 8px rgba(176, 198, 225, 0.6);
		overflow: hidden;
		border-radius: 6px;
		width: auto;
		z-index: 1;
	}
	
	.citrus-mobile-wrapper .dropdown__list {top: 75px;}

	.dropdown__list--visible {
		visibility: visible;
		opacity:1;
	}

	.dropdown__list-item {
		margin: 0;
		padding: 0;
		border: 1px solid #7E9BBD;
		border-bottom: 0px;
		padding: 13px 20px;
		cursor: pointer;
	}
	.sorting .dropdown__list-item {
		padding: 3px 0px;
	}
	.dropdown__list-item:first-child {
		border-radius: 6px 6px 0 0;
	}

	.dropdown__list-item:hover {
		background: rgba(176, 198, 225, 0.26);
	}

	.dropdown__input-hidden, .mobile-search, .header-currency {
		display: none;
	}
	.dropdown-sorting .dropdown__button::first-letter {text-transform: uppercase;}
	.dropdown-sorting .dropdown__button::before {display: block; content: ''; min-width: 24px; width: 24px; height: 16px; background: url(/upload/sort-icon.svg) no-repeat center;}
	
	.list-group-item {line-height: 1;}
	.citrus-sf-wrapper {margin-bottom: 0;}
	.citrus-sf:not(._open) .citrus-sf-more-mobile {display: none;}
	.citrus-sf__button-block .filter-save-link {margin-left:0;text-align: right; }
	.filter-save-link__text, .filter-more-link__open, .filter-more-link__close {font-size: 12px; line-height: 1;}
	.dropdown__list-item {border-radius: 0; background-color: transparent;  border: none;}
	.citrus-sf__button-block {display: grid;grid-template-columns: 1fr 1fr; margin-top:0; column-gap: 8px}
	.citrus-sf__button-block .citrus-sf__button._submit{order: 3; gap: 4px; width: auto;}
    .citrus-sf__button-block .citrus-sf__button._reset {order: 4; width: auto;}
	.citrus-sf__button {width: auto; height: 40px;}
	
	.list-group-item { justify-content: flex-start;display: flex;}
	.catalog-section-content .filter-form {margin:0;}
	.catalog-section-content .citrus-sf-wrapper .citrus-sf__fields-block {padding:0;}
	.catalog-section-content .citrus-mobile-wrapper .dropdown__list { top: 70px;}
	.catalog-section-content .list-group-item {font-weight: 400;}
	.list-group-item {height: auto; }
	.list-group-item:last-child {padding-bottom: 20px;} 
}

.modal-w-600 {max-width: 600px;} 
.mobile-menu__sub-menu {padding-top: 16px;}
.back_link .mobile-menu__back {width: 28px;}
.back_link.mobile-menu__li._lvl-1._parent .mobile-menu__link {padding: 12px 50px 12px 20px;}
.mobile-menu__back .icon-arrow-left:before {content: "\e917";}
.mobile-menu__back  .icon-arrow-left {background:none}
.section__content > .mfp-hide {display: block !important}
.help-block {margin-top: 34px; align-items: center; display: flex; border-radius: 16px; background-color: #fff; padding: 12px;}
#agreepersonal-error {
	position: absolute;
    transform: translateY(100%);
	color: #ce2b28;
    font-weight: 400;
    font-size: .85rem;
    padding: 4px 10px 4px;
    margin-top: 2px;
    color: #fff;
    font-weight: 400;
    background: #ff0f26;
    align-items: center;
    display: flex;
    border-radius: 16px;
    margin-top: 5px;
	width: fit-content;}
.help-block .btn {white-space: nowrap;}
.help-img {width: 109px; margin-right: 24px;}
.help-block h4 {margin-bottom: 12px;}
.help-block p {margin: 0;}
.help-block .btn {width: fit-content; margin-left: auto;}

/* pagination */

.switch-nav .nav-start, .switch-nav .nav-end {display: none;}

/* filter */

.citrus-sf__fields-block {width: 100%}
.region__fields-block {flex: 1}
.filter-form[action="/predlozhenija/"] .region__fields-block {flex: 0; flex-basis: calc(100% - 353px);}
.citrus-select__search-input { border-bottom: none;background-color: transparent;}
.table-slider__td__address span {text-align: left;}
.citrus-select__search-icon:before {content: "";}
.citrus-select__search-icon:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 8px;
    bottom: 0;
    margin: auto;
    height: 16px;
    width: 16px;
    background: url(/upload/drop-down.svg) no-repeat;
}

.catalog-item .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clear {clear: both;}

.bootstrap-select>.dropdown-toggle {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    width: 100%;
}

body .add-more {padding-top: 15px;}
.meter-table-element-td strong {font-weight: 700;}
.img-placeholder:before {content: '';}
.img-placeholder {background: url(/local/templates/citrus_arealty3/./application/src/img/nopic.png) center center / cover no-repeat;}
.input-container:not(.has-error) .help-block.error, .input-container:not(.has-group-error) .help-block.group-error {line-height: 0; position: absolute;}
.application-field.input-container {position: relative;}
.application-container .input-container:not(.has-error) .help-block.error, 
.application-container .input-container:not(.has-group-error) .help-block.group-error {
    bottom: -2px;
    transform: translateY(100%);
	line-height: 1.2; 
	position: absolute;    
	font-size: .75rem;
}
	
.select-wrapper .bootstrap-select > .dropdown-toggle {padding: 0px 20px; line-height: 1; height: 46px; background-color: #fff;}
.select-wrapper .bootstrap-select .dropdown-toggle:focus {outline: none !important;}
.filter-option.pull-left {font-weight: 400;}
.select-wrapper .bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: default;}
.select-wrapper .dropdown-menu > .disabled > a {color: #383838;}
.select-wrapper .bootstrap-select.btn-group .dropdown-toggle .caret {display: none;}
body .application-field input, body .application-field select {padding-left: 16px; height: 46px;}
body .application-field input:focus-visible {outline: none;}
.select-wrapper .dropdown-menu { /*top: calc(100% - 4px)*/; border-radius: 0 0 8px 8px; box-shadow: none; border: 1px solid rgba(232, 232, 232, 1); margin-top:0; }
.select-wrapper .dropdown-menu > li > a:hover, .select-wrapper .dropdown-menu > li > a:focus {background: rgba(232, 232, 232, 1);}
/*[data-property-code="RAION"] .citrus-sf-values .citrus-select__item-name {text-transform: lowercase; display: inline-block;}
[data-property-code="RAION"] .citrus-sf-values .citrus-select__item-name::first-letter {text-transform: uppercase;}*/
[data-template=DROPDOWN] .citrus-sf-values { top: calc(100% - 4px); padding-top: 4px;}
.citrus-field-HAVE_FREE .citrus-sf-label {display: none;}
.citrus-field-HAVE_FREE .citrus-sf-values, .citrus-field-HAVE_FREE:not(._open) .citrus-sf-values {visibility: visible; position: unset; border: none; padding-top: 0;height: 46px;display: inline-flex; align-items: center;}
.citrus-field-HAVE_FREE .citrus-select__item:hover {background-color:transparent;}
.citrus-sf-field._open[data-template="NUMBERS"] .citrus-sf-values {margin-top:0;top: calc(100% - 4px); padding-top: 4px;}
.citrus-sf__fields-block:has(.citrus-field-HAVE_FREE) .col-lg-4 {flex: 1 0 auto;}
.citrus-sf__fields-block:has(.citrus-field-HAVE_FREE) .HAVE_FREE {width: fit-content; flex: unset;} 

.select-wrapper .dropdown-menu > li > a {padding: 7px 20px;}
.dropdown-menu > li > a:hover {background-color: rgba(232, 232, 232, 1)}
.application-field.error {  border-color: #ff0f26;}
.application-form .scroll-container {width: 100%; overflow-y: auto}
.application-form .application-policy {gap: 0;}
.application-form .listing-scroll-wrapper {width: calc(100% - 0px);}
.application-field.error label.error{
	color: #ce2b28; 
	font-weight:400;
    font-size: .85rem;
    padding: 4px 10px 4px;
    margin-top: 2px;
    color: #fff;
	font-weight:400;
    background: #ff0f26;
	align-items: center;
    display: flex;
    border-radius: 16px;
	margin-top: -10px;
}
.area-square.is-block {   
	background-color: #ff8400;
    padding: 4px 7px;
    min-height: 46px;
    justify-content: center;
    border-radius: 8px;
	margin-right: auto;
	text-align: center;
}
.area-square.is-block .area-square-title, 
.area-square.is-block .area-square-desc{
    color: #fff;
}
.area-price .price-square {
    text-decoration: none;
    text-align: center;
} 
.area-price:has(.is-block) .price-square {
	margin-right: auto
}
.area-price:has(.is-block) {
    padding: 0;
	display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-around;
}
.btn-listing.btn-small {width: 154px;}	
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
} 

input[type="checkbox"]:checked~.checkmark::after {
    display: block;
}
.checkbox-container {  
	display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
}
input:checked~.checkmark {
    background-color: #027FEC;
    border-color: #027FEC;
}
.checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.catalog-card__favorite-link, .catalog-card__compare-link {
	height: 24px;
	    border-radius: 4px;
	box-shadow: 0 1px 0 0 #f0e8e8;
    box-shadow: 0 -1px 0 0 #f0e8e8;
    box-shadow: -1px 0 0 0 #f0e8e8;
    box-shadow: 1px 0 0 0 #f0e8e8;
    box-shadow: 0 0 0 1px #f0e8e8;
	
}

.application-field.error label.error {    width: fit-content;}
.application-room-body .range-field {height: 46px}
body .application-field .range-wrapper {overflow: visible}
body .application-field .range-wrapper .range-field {position: relative; overflow: visible}
body .application-field .range-field input {height: unset}
body .application-field .range-field label.error  {
	white-space: nowrap;
    bottom: 0;
    position: absolute;
    left: 0;
    bottom: -28px;
}


@media(max-width: 767px) {
	.auction-cards-wrapper .catalog-cards-map {margin-top:0}
	.interactive-plan-widget .plan-legend {gap: 12px;}
	.help-block {display: none;}
	.application-title-text {margin-bottom:0;}
	.rental-title {margin-bottom: 12px;}
	.application-section {margin-bottom: 20px;}
	.auktions-list .catalog-section-content .catalog-th-list {gap: 24px}
	.auktsiony-detail-page + section,
	body .section.section--page-wrapper > .w > .section-inner .auktsiony-detail-page + .section:first-of-type {margin-top: 0px;}	
}

@media(max-width: 991px) {
	.switch {transform: unset;}
	.switch a, .switch span {min-width: 30px; line-height: 32px;}
    .catalog-cards-row .catalog-card__price-square.auction-info {margin-top:0;}
	.auction-cards-wrapper .scroll-to-top.visible {display: none;}
	.auktsiony-detail-page + .catalog-cards-wrapper {margin-top: 0;}
}
@media(max-width: 420px) {
	body .catalog-card__price-square .catalog-card__property-value, .month-period {font-size: 15px;}
	body .catalog-card__property.is-block {padding: 4px 7px;}
	body .catalog-th-list .catalog-card__price-square { width: calc(100% - 0px);}
}

button {cursor: pointer;}
.auction-cards-wrapper .catalog-cards-map {margin-top: 60px}
.auktions-list .catalog-cards.row-grid {gap: 40px}
.auktsiony-info-block { align-items: flex-start;}
.auktsiony-detail-page + .catalog-cards-wrapper {margin-top: 80px;}
.auktsiony-detail-page + .catalog-cards-wrapper .section__border-top {display: none !important;}
.custom_action_name {font-size: 20px; font-weight: 700; margin-bottom: 24px;}
.auktsiony-detail-page + section .section__header .h1, .auction-cards-wrapper .section__header .h1{font-size: 24px;}
.section.section--page-wrapper > .w > .section-inner .auktsiony-detail-page + .section:first-of-type {margin-top: 80px;}
.section.section--page-wrapper > .w > .section-inner .auktsiony-detail-page + .catalog-cards-wrapper .section:first-of-type  {margin-top: 0;}
.auktions-list .section__header {display: flex; justify-content: space-between; align-items: baseline;}
.auction-cards-wrapper .auktions-list .section__header {    
	position: absolute;
    right: 0;
    left: 0;
    top: 0;
}
.catalog-cards-wrapper.auction-cards-wrapper {position: relative; padding-top: 50px;}
.catalog-cards-wrapper.auction-cards-wrapper .section {position: unset;}
.catalog-card__price-square {justify-content: space-around;}
.catalog-card__price-square.auction-info {margin-top:0; margin-bottom: 9px;}
.auktions-list .item-image .swiper-pagination-bullets {
   
    left: 0;
    width: 100%;
    transform: translateY(100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-label--new {width: fit-content;}
.auktions-list .item-image > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 1.5px;}
.object-option.dl-menu .dl_element.object-map a.map-link {margin-left: 8px}
.profile-container h1 {    
	font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
	text-align: left;}

/* Страница Журнал регистрации заявок */
.change-type-link {font-weight: 600;}
.spaces-table-container.cry-layout {overflow: visible;}
.spaces-table-container td.meter-table-element-td[data-column="view"], 
.spaces-table-container td.meter-table-element-td[data-column="comment"] {text-align: left;}
.spaces-table-container td.meter-table-element-td[data-column="entrance"] {text-align: center;}
#commentModal .modal-close    {width: fit-content; height: inherit;}
.modal-content .application-checkbox {display: flex;}
.spaces-table-container td.meter-table-element-td[data-column="view"] {text-transform: lowercase;}
.spaces-table-container td.meter-table-element-td[data-column="view"]:first-letter {text-transform: uppercase;}
.spaces-container-block .application-checkbox {height: auto; min-height: 20px;}
.type-checkboxes .application-checkbox + .application-checkbox {margin-top: 5px;}
.journal-row .clear-filter, .journal-row .search-icon, .journal-row .filter-settings {display: inline-flex; align-items: center; justify-content: center;}
.lk-header {font-size: 20px; font-weight: 700; text-align: left; margin-bottom: 24px;}
.form-group.gap-0 {gap: 0;}
body .btn-object-action:disabled {background: #6c757d;}
body button.btn-object-action {background: #027FEC;}
body button.btn-object-action:not(:disabled):hover {background: #006fd0;}
input[type=number]:focus {outline: none !important}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
body:has(.add2favourites.added) .opener > .favourite_count > a,
body.fav-added .opener > .favourite_count > a,
body:has(.add2compare.active) .opener > .compare_count > a,
body .opener > .compare_count.compared > a {
    background-color: var(--orange-color);
    border-color: var(--orange-color);
    color: #fff;
}

body:has(.add2favourites.added) .opener > .favourite_count > a > img,
body.fav-added .opener > .favourite_count > a > img,
body:has(.add2compare.active) .opener > .compare_count > a > img,
body .opener > .compare_count.compared > a > img  {
    filter: brightness(0) invert(1);
}

.favorite-button-group {display: none;}
.compare-card__image {
    border-radius: 8px;
    height: 188px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.empty-compare-link {margin-top: 15px; display: inline-block;}

@media(max-width: 991px) { 
	.free-spaces-gap .journal-nav-panel .docs-total-col {flex: 1 0 100%;}
	.journal-row.row-1 {flex-wrap: wrap;}
	.compare-controls .btn {width: 100%}
	.compare-controls .d-flex {flex-wrap: wrap;}
}

.catalog-card__compare-link.active {
    background-color: transparent;
    color: white;
} 
.compare-controls {margin-bottom: 23px;}
.compare-controls .d-flex {flex-wrap: wrap; display: flex; justify-content: space-between;}
.compare-controls .btn {width: fit-content; padding: 0 32px;}
.compare-controls .clear-compare {display: inline-flex; gap: 8px;}
.compare-controls .clear-compare:hover svg > path {stroke: #fff;}
.electricity-maincontainer button {white-space: nowrap;}
.form-actions .btn-w-auto {width: fit-content}
.electricity-maincontainer .secondary-orange-btn {width: auto}
.meter-table-wrapper .meter-table-element {margin-top:0;}
.d-flex {display: flex}
.m-0 {margin: 0 !important;}
.energy-container .search-navigation {display: flex;}

.meter-table-element th:first-child, .meter-table-element td:first-child {    
	width: 55px;
    min-width: 55px;
    max-width: 55px;
    word-break: break-word;
}
.section-description {display: none;}
.block-container-notify .notification-container {position: unset;}
.citrus_fav_empty .section-description {display: block;}
.profile-col input.profile-input {padding: 15px 20px;}

.search-nav .search-icon {    
	display: inline-flex;
    align-items: center;
    justify-content: center;
}

.journal-list .filter-settings {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.journal-upload .file-field {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #1a73e8;
    color: #1a73e8;
    border-radius: 6px;
    padding: 7px 14px;
    cursor: pointer;
    user-select: none;
    max-height: 32px;
}

.file-field input[type="file"] {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  border: 0;
}

.file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px; /* подберите под ваш макет */
}

.file-plus {
  margin-left: auto;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}

.total-notes {margin: 30px 0}
.journal-filter {width: 100%; display:flex; gap:12px; align-items:center;}
.journal-upload {display:flex; gap:12px; align-items:center;}
.journal-upload {font-weight: 700; font-size: 14px;}
.journal-upload .file-field {font-weight: 400;}
.journal-filter > .form-control {flex-grow: 1; padding-left: 16px; height: 32px; border: 1px solid rgba(167, 167, 167, 1); border-radius: 6px; }
#custom-modal-overlay:has(.sent-application) {pointer-events: none;}
#custom-modal-overlay:has(.sent-application) .appli-btn-close {pointer-events: auto;}
.lk-sidebar-employee:not(:has(.lk-menu-container)) {display: none;}
h2.cookie-seetings {margin-top: 0;}
.btn-cookie-save {text-decoration: none;}
.btn-cookie-save:hover {color: #fff;}
#custom-modal-overlay:has(.application-container) { /*pointer-events: none;*/}
#custom-modal-overlay .application-container { pointer-events: all;}
.applicaiton-room-title .appli-btn-close {cursor: pointer;}
.select-wrapper .dropup .dropdown-menu {/*bottom: unset*/}
.select-wrapper .dropup .dropdown-menu { bottom: unset;}
.cry-layout .swiper-slide > img {border-radius: 8px;}

@media (min-width: 768px) {		
	.realty-favourites.hidden {
		transform: translateY(-100%);
		margin-top: -28px;
	}	
	.search-container .filter-dropdown {top: calc(100% + 5px);}
}

@media(max-width: 1024px) {
	.journal-filter, .journal-upload {flex-direction: column; align-items: flex-start; width: 100%;}
	.journal-filter > .form-control,  .journal-upload .file-field, .journal-upload button {width: 100%}
}

@media(min-width: 991px) {
	/* Prevent layout shift when menu becomes fixed */
	.main-menu-line._fixed {
	  /* Элемент остается в потоке и сохраняет высоту */
	  position: relative;
	}

	/* Фиксируем внутреннюю обертку меню */
	.main-menu-line._fixed .jk-menu-w {
	  position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 1000;
	 
	  /* transition для плавности */
	  transition: all 0.3s ease;
	}

	/* Опционально: тень для фиксированного меню */
	.main-menu-line._fixed .jk-menu-w::after {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 1px;
	  
	  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	}

}
span.lk-menu__text {min-width: 188px}
@media(min-width: 991px) {.catalog-cards-wrapper {align-items: flex-start;}}
.catalog-cards-wrapper, .content-panel, .section-inner, .cry-layout, .section__content, .section, body, html {overflow: visible !important;}
.free-spaces-gap .journal-nav-panel { flex-direction: column;}
.modal-body select#pageSizeSelect {width: 1px !important; height: 1px !important}     
.journal-table .tech-row .icon {max-width: 26px; max-height: 26px; width: 26px; height: 26px;}
.journal-table td.td-adress-table.meter-table-element-td {white-space: nowrap;}
.modal-body .column-settings-grid {display: flex; flex-wrap: wrap;}
.modal-body .column-settings-grid .application-checkbox {width: 100%;}
#columnSettingsModal .modal-header {margin-bottom: 0px;}
body div.adm-fileinput-item {width: unset}
.photoupload .adm-fileinput-area {min-height: 134px;}
.interactive-plans-block.preview-mode .plan-controls {flex: 1; justify-content: space-between;} 
.interactive-plans-block.preview-mode .plan-header {margin-top: 15px; flex-wrap: wrap;}
.interactive-plans-block.preview-mode #interactive-plan-canvas { 
	width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.fav-added .header__row .opener > .favourite_count > a {    
	background-color: var(--orange-color);
    border-color: var(--orange-color);
    color: #fff;
}
.profile-container .filter-select {padding: 0;border: none;}
.electricity-maincontainer .btn-apply {border: none;}
.fav-added .header__row .opener > .favourite_count > a img {filter: brightness(0) invert(1);}
.lk-moder-container .lk-wrapper {align-items: unset;}
.vote-items-list input[type="radio"], .bx-ed-type-selector-item input[type="radio"] {flex: 0 19px;}
.sorting-item:hover {color: var(--primary-color);}
.main-overlay.active-overlay {background: rgba(0, 0, 0, .4);}
.catalog-card__favorite-link, .catalog-card__compare-link  {z-index: 6;}
.switch {z-index: 2;}
.filter-chips .filter-chip {
    display: flex;
    align-items: center;
    background: rgba(2, 127, 236, 0.1);
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
}

.filter-chips .filter-chip .filter-text {
    color: rgba(2, 127, 236, 1);
    margin-right: 6px;
}

.filter-chip .clear-filter {margin-left:0}

.search-container:has(.filter-dropdown[style="display: block;"]){
	border-color: rgba(2, 127, 236, 1);
}

.search-container:has(.filter-dropdown[style="display: block;"]) .search-input::placeholder {
	color: rgba(2, 127, 236, 1);
}

.search-container .filter-chips {gap: 3px;}



.filter-chip .clear-filter {
    width: 16px;
    height: 16px;
}

.profile-container select.filter-select:not(.report-container select) {height: 0 !important; width: 0 !important;}

.bootstrap-select.open > .dropdown-toggle {border-color: rgba(2, 127, 236, 1);}
.bs3.bootstrap-select .dropdown-toggle .filter-option {height: auto; width: fit-content; position: relative;}
.bs3.bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option .filter-option-inner {font-weight: 600;}
.bs3.bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option {overflow: visible; color: rgba(2, 127, 236, 1); height: 36px; display: inline-flex; align-items: center; padding-left: 10px;}

.bs3.bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option:after {
	width: calc(100% + 28px); 
	content:""; display: block; 
	border-radius: 4px; 
	background: rgba(2, 127, 236, 0.1); 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	right:0; 
	left: 0; 
}
.bs3.bootstrap-select .dropdown-toggle:not(.bs-placeholder) {border-color: rgba(2, 127, 236, 1);}
.bs3.bootstrap-select .dropdown-toggle[title="Выберите"] .filter-option:after {display: none;}
.bs3.bootstrap-select .dropdown-toggle[title="Выберите"] .filter-option {color: #999; }
.bs3.bootstrap-select .dropdown-toggle[title="Выберите"]:not(.bs-placeholder) .filter-option .filter-option-inner {font-weight: 400;}
.bootstrap-select .dropdown-toggle .filter-option {width: fit-content}
.bs-select-clear-selected {margin-right: auto;}
.filter-option-inner {font-weight: 400;}
.bootstrap-select > .dropdown-toggle.bs-placeholder .bs-select-clear-selected,
.bootstrap-select > .dropdown-toggle[title="Выберите"] .bs-select-clear-selected {opacity: 0;}
.bootstrap-select > .dropdown-toggle:not(.bs-placeholder) .bs-select-clear-selected {color: rgba(2, 127, 236, 1); z-index:9; font-size: 24px;}
body .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: none !important}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus  {background-color: rgba(232, 232, 232, 1);color: #262626;}
.bs-searchbox > .form-control { outline: none !important; padding: 10px; height: 36px; border: 1px solid #E8E8E8; border-radius: 6px;}
.bootstrap-select>.dropdown-toggle:not(.bs-placeholder){padding-left: 5px;}
.journal-nav-panel .add-item-section .btn.btn-primary {
	height: 32px;
	padding: 0;
	display: inline-flex;
    align-items: center;
    justify-content: center;
} 

.hourly-rent-container .meter-table-element-td .btn {width: fit-content;}

.custom-modal-wrapper .bootstrap-select > .dropdown-toggle, 
.custom-modal-wrapper .range-wrapper {border-radius: 8px}
.switch .switch-nav a.nav-end, .switch .switch-nav a.nav-start {display: none}

.switch .switch-nav a, .switch .switch-nav span {
    border: 1px solid #027FEC;
    border-radius: 8px;
    font-size: 14px;
    color: #027FEC;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    min-width: 37px;
    line-height: 33px;
    float: left;
}

.switch a, .switch span, .views-btn {
    font-weight: 600;
}

.switch a+a, .switch span+a, .switch a+span {
    margin-left: 4px;
}

@media screen and (max-width: 800px) {
    .filter-search-wrapper .search-input {
        padding: 0;
        width: 50%;
    }	
}
@media (min-width: 768px) and (max-width: 991px) {
	 .custom-modal-wrapper .application-room-form {max-width: 100%;}
	 .custom-modal-wrapper:has(.application-room-form) {max-width: 97%;}	 
	 .application-room-form .application-row {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 1209px) {
	.hourly-rent-container .meter-table-element-td a.btn {margin-bottom: 5px; margin-right:0 !important}
}

@media screen and (max-width: 991px) {
    
	.hourly-rent-container .meter-table-element-td .btn {width: 100%;}
	.hourly-rent-container .search-nav {padding-bottom: 0;}
	.hourly-rent-container .journal-nav-panel {flex-direction: column; padding-bottom: 15px;} 
	.hourly-rent-container .journal-nav-panel .docs-total-col,
    .hourly-rent-container .add-item-section,
    .hourly-rent-container .add-item-section .btn,	
	.hourly-rent-container .journal-nav-panel .search-nav {width: 100%; }
	.hourly-rent-container .meter-table-element-td a.btn {margin-bottom: 5px; margin-right:0 !important}
	.lk-moder-container .filter-search-wrapper .search-input {padding-left: 12px;}    
}

.block-container .btn.btn-publish {background-color: green}
.publish-wrapper {margin: 10px 0; display:flex; gap: 10px; align-items:center; flex-wrap:wrap;}
.fixed .publish-wrapper {margin: 0 auto; width: fit-content;}
    
.publish-wrapper .btn {height: 32px;}
.publish-wrapper .btn-success {    
	color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
	line-height: 0.9;
}
.publish-wrapper .btn-success:hover { background-color: #E17400;}
.table-publish .application-checkbox {padding-left: 20px; margin-bottom: 0;}
.publish-form .btn, .delete-form .btn {width: fit-content; height: auto; padding:0;}
.d-flex--publish {align-items: center; gap: 15px;}
.stavka-display {display: flex; gap: 5px;}

.publish-form .btn:active, .delete-form .btn:active, .publish-form .btn:hover, .delete-form .btn:hover {    box-shadow:none; text-decoration: underline}
body .flatpickr-monthSelect-month.selected, 
body .flatpickr-monthSelect-month.startRange, 
body .flatpickr-monthSelect-month.endRange {
	background-color: #027FEC;
    box-shadow: none;
    color: #fff;
    border-color: #027FEC;
}

.floor-tabs-wrapper {
	overflow-x: auto;
	max-width: 100%;
	margin-bottom: 20px;
}
	
.floor-tabs-wrapper .floor-tabs {
	margin-bottom: 5px;

}
	
		.floor-tabs-wrapper::-webkit-scrollbar {
		  width: 10px; /* ширина вертикальной */
		  height: 7px; /* высота горизонтальной */
		}

		/* Фон полосы (трек) */
		.floor-tabs-wrapper::-webkit-scrollbar-track {
		  background: #f0f0f0;
		  border-radius: 10px;
		}

		/* Сама "ручка" (ползунок) */
		.floor-tabs-wrapper::-webkit-scrollbar-thumb {
		  background-color: #027FEC;
		  border-radius: 10px;
		  border: 7px solid #027FEC; /* делает эффект "внутри трека" */
		}
	

		/* For vertical scrollbar down arrow */
		.floor-tabs-wrapper::-webkit-scrollbar-button:horizontal:increment {
		  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 3 3" xmlns="http://www.w3.org/2000/svg"><polygon points="5,8 8,3 2,3" fill="black"/></svg>');
		  background-repeat: no-repeat;
		  background-position: center;
		  height: 7px; /* Adjust size as needed */
		}
		
body:not(.index-page) span.label.label--special-offer {top: 8px;right: 64px;}
body.index-page .p__swiper .swiper-pagination {bottom: 0px;}

#auth-popup .js-password-input {padding-right: 60px}

.favorites_page.LIST .catalog.catalog-th-list {    
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 12px;
}
body span.lk-menu__toggle--mob {display: none}
.switch span.selected {color: #fff;}

@media (min-width: 801px) {
	body span.lk-menu__toggle--mob {display: none}
}

@media (max-width: 800px) {
	body span.lk-menu__toggle--mob {display: flex}
	body span.lk-menu__toggle--desktop {display: none}
	body .lk-menu-container.collapsed .lk-menu { padding: 0 28px;}
	body .lk-menu-container.collapsed .lk-menu__icon {width: auto;}
	body .lk-menu-container.collapsed .lk-menu__toggle svg {transform: rotate(270deg);}
	body .lk-menu-container.collapsed.open .lk-menu__toggle svg {transform: rotate(90deg);}
        
    
}

@media screen and (max-width: 560px) {
    #agreepersonal-error {
        position: unset; order: 3;transform: unset;
    }
	.application-policy + .send-btn {margin-top: 34px;}
}


.error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle {border-color: #E8E8E8;}

.application-container .input-container:not(.has-error) .help-block.error, 
.application-container .input-container:not(.has-group-error) .help-block.group-error {
	    color: #ce2b28;
    font-weight: 400;
    font-size: .85rem;
    padding: 4px 10px 4px;
    margin-top: 2px;
    color: #fff;
    font-weight: 400;
    background: #ff0f26;
    align-items: center;
    display: flex;
    border-radius: 16px;
    margin-top: -10px;
	opacity: 1;
    height: auto;
}
[data-id="districtSelect"]:not(.bs-placeholder) ~ #districtSelect-error,
[data-id="citySelect"]:not(.bs-placeholder) ~ #citySelect-error,
[data-id="buildingSelect"]:not(.bs-placeholder) ~ #buildingSelect-error {display: none;}
/* End */


/* Start:/local/templates/citrus_arealty3/themes/blue//colors.css?17773553755409*/
:root {
  --primary-color: #027FEC;
  --orange-color: #FF8400;
  --orange-text-color: #fff;
  --hover-color: #006FD0;
  --link-color: var(--primary-color); 
 }

.theme--bg-color, .btn.btn-primary, .item-checkbox input[type=checkbox]:checked + label:after, .team-list .swiper-pagination-bullet.swiper-pagination-bullet-active, .btn.sorting-btn.is-active, .recommendation-list .swiper-pagination-bullet.swiper-pagination-bullet-active, .object-price, .hypothec-result-price, .header:before, .header-menu-sub, .bx-no-touch .btn.btn-footer-up:hover, .btn.btn-footer-up:active, .catalog-th-large .catalog-item-price, .catalog-th-list .catalog-item-price, .slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .irs-bar-edge, .irs-bar, .map-container:after, .switch a:hover, .switch span.selected, .citrus-objects-map-popup__price, .list.check li:before, .list .item:before, .list li:before, .line-checkbox__item-input:checked + .line-checkbox__item-label, .irs-bar, .irs-from, .irs-to, .irs-single, .citrus-realty-mortgage .ui-slider-horizontal, .citrus-realty-mortgage .ui-widget-content .ui-state-hover, .goods-price, .footer-help-block, .bx-switches--input:checked + .bx-switches--checkmark, .lk__form-w, .p__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color); }

.btn-with-additional:hover span.btn-additional-label, .irs-bar-edge {
  background: var(--primary-color);
  color: #fff; }

.theme_hover--bg-color, 
.bx-no-touch a.header-menu-link:hover, 
a.header-menu-link:active, 
.bx-no-touch .header-menu-item:hover a.header-menu-link, 
.header-menu-item:active a.header-menu-link, 
.header-menu-item.is-active a.header-menu-link,
 .header-menu-sub, .btn.btn-primary:not(.is-active):active, 
 html:not(.bx-touch) ul.h-menu > li:hover > a, 
 html:not(.bx-no-touch) ul.h-menu > li:active > a, 
 ul.h-menu > li.selected > a, 
 ul.h-sub-menu a:hover, 
.btn.btn-primary:hover, 
.btn.btn-white:hover,
.catalog-card__favorite-link:hover {
	background-color: var(--hover-color); 
}
.add2compare:hover svg rect {fill:  var(--hover-color); }
.add2compare:hover svg path, .add2compare.active svg path {stroke: #fff; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); /* For Safari compatibility */}
.add2compare.active svg rect {fill:  #FF8400;; }

.catalog-card__favorite-link:hover .icon-favorites:before {filter: brightness(0) invert(1);}
 
.btn.btn-white:hover {color:  #fff;} 
html:not(.bx-touch) ul.h-menu > li:hover > a, 
html:not(.bx-no-touch) ul.h-menu > li:active > a, 
ul.h-menu > li.selected > a, ul.h-sub-menu a:hover {
	background-color: var(--orange-color); 
}

.theme--border-color, .item-checkbox input[type=checkbox]:checked + label:before, .btn.sorting-btn.is-active, .bx-no-touch .btn.service-menu-btn:hover, .btn.service-menu-btn:active, .object-gallery-thumbs a.gallery-thumbs.is-active, .btn.btn-header-phone, .bx-no-touch .catalog-th-large .catalog-item:hover, .catalog-th-large .catalog-item:active, .catalog-th-large .catalog-item-meta, .team-meta span.btn-label, .line-checkbox__item-label, .irs-slider, .irs-slider.single, .citrus-realty-mortgage .ui-widget-content .ui-state-default, .bx-switches--input:checked + .bx-switches--checkmark, .irs-bar-edge {
  border-color: var(--primary-color); }

.theme--color, .input-container select:focus + span.select-icon, .item-checkbox input[type=checkbox]:checked + label, .item-radio input[type=radio]:checked + label, a, .help-item:before, .hypothec-result-monthly-payment, .bx-no-touch .btn.btn-outline-white:hover, .btn.btn-outline-white:active, .bx-no-touch .footer-menu > a:hover, .footer-menu > a:active, .bx-no-touch .subscribe .btn.btn-subscribe:hover, .subscribe .btn.btn-subscribe:active, .bx-no-touch a.catalog-item-name:hover, a.catalog-item-name:active, .ask-meta .btn, .bx-no-touch .swiper-button-prev:hover, .bx-no-touch .swiper-button-next:hover, .swiper-button-prev:active, .swiper-button-next:active, .nav-sliders a.swiper-slide.is-active, .nav-sliders a.swiper-slide:not(.is-active):hover, a.article-name, .btn.btn-transparent:hover, .cui-checkbox__input:checked + .cui-checkbox__checkmark, .icon-logo, a.header-logo .desc-logo span, input:checked + .filter-checkmark, .btn-with-additional span.btn-additional-label, .sorting-item._selected, .btn.btn-border._white:hover, .jk-menu__favorites-count, td.popupmenu div.popupitem div.icon, .subscribe__agree-input:checked + .subscribe__agree-checkmark, .table-slider__sort-icon._active {
  color: var(--primary-color); }

a:hover, .team-meta .meta_link._phone:hover span.btn-label, .map-link:hover, .catalog-card:hover .catalog-card__name, .catalog-card:hover .catalog-card__footer {
  color: var(--hover-color); }

.bx-no-touch a.article-user:hover .article-user-ava span, a.article-user:active .article-user-ava span {
  -webkit-box-shadow: 0 0 0 3px var(--primary-color);
  box-shadow: 0 0 0 3px var(--primary-color); }

.theme-fill {
  fill: var(--primary-color); }

@media screen and (min-width: 1024px) {
  .btn.btn-header-phone {
    color: var(--primary-color); }

  .bx-no-touch .btn.btn-header-phone:hover, .btn.btn-header-phone:active {
    background-color: var(--primary-color); } }

@media screen and (max-width: 1023px) {
  .header-menu {
    background-color: var(--primary-color); } }

@media print {
  .object-price {
    color: var(--primary-color); } }

/* End */


/* Start:/local/templates/citrus_arealty3/custom.css?1777355375190655*/
@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/local/templates/citrus_arealty3/fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


body {
    cursor: inherit;
    font-family: 'Wix Madefor Display', sans-serif;
}


.page-404__image {
    width: 450px;
    margin-bottom: 25px;
}

.page-404 .section-description {
    display: block;
}

@media screen and (max-width: 768px) {
    .page-404__image {
        width: 250px;
    }
}

.page-404-title {
    font-size: 20px;
    font-weight: 700;
}

.section-description {
    font-size: 14px;
    font-weight: 500;
}

/* auth */
.lk__form-w,
.lk__text-w {
    background-color: #FFFFFF;
}

.lk__form-w {
    border-radius: 16px;
    width: 600px;
}

.lk__text-w {
    display: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.lk {
    background-color: unset;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}


.form-group .field-title {
    all: unset;
    color: black;
    font-size: 14px;
    font-weight: 700;
}

.form-group .field-title._active {
    transform: initial;
    font-size: 14px;
}

.lk--form .form-group .field-title._active {
    color: black;
}

.form-group-btn__description,
.form-group-btn__description a {
    color: #027FEC;
}

.form-group-btn__description a:hover {
    color: black;
}

.bx-no-touch .btn.btn-transparent:hover,
.btn.btn-transparent:focus {
    background-color: #006FD0;
    color: white;
}

.button-position-right .btn.btn-transparent {
    width: 215px;
}

.starrequired {
    color: #027FEC;
}

.btn.btn-transparent {
    color: white;
    background-color: #027FEC;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active {
    color: white;
    background-color: #027FEC;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* :not(._with-agreement)&gt; */

.button-position-right {
    width: initial;
    margin-left: initial;
}

.form-group-btn__description {
    width: initial;
    font-weight: 600;
}

.citrus-form .form-control {
    background-color: white;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}


.custom-auth-title {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
}

.form-group .field-title {
    color: #383838;
}


.blue-text-msg {
    background-color: #E6F2FD;
    border-radius: 8px;
    padding: 16px;
    grid-template-columns: 16px 1fr;
    display: grid;
    gap: 12px;

}

p.text-auth {
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 120%;
}

.blue-text-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group.form-group-btn {
    margin-top: 24px;
}


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

    .lk,
    .lk__form-w {
        width: 100%;
    }
}

/* хлебные крошки */
.nav-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs-item .btn-label,
.breadcrumbs-item-current .btn-label {
    padding: 0;
}

.nav-panel {
    padding: 32px 0px 16px 0px;
}

/* 404 стили */
.section-description {
    font-family: 'Wix Madefor Display', sans-serif;
}

/* Отступ страницы */
/* .section._with-padding .section-inner {
    padding: 0px;
} */

.lk--form {
    margin-top: 0px;
}



.section__header h1 {
    margin-top: 0;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    text-align: start;
}


.section__header {
    /* margin-bottom: 48px; */
    margin-bottom: 32px;
}

/* Услуги */
.article-item {
    border: none;
    margin: 0px;

}

.article-user-name {
    color: #383838;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    transition: .3s ease;
}

.article-user {
    display: flex;
    align-items: center;
}

.custom-goto-services {
    display: none;
}

.article-desc {
    display: none;
}

.article-user-ava span {
    min-width: initial;
    width: 100px;
}

.custom-services-pics {
    width: 90px;
    height: 90px;
    max-width: initial !important;
    transition: .3s ease;
}

.article-item:hover .custom-services-pics {
    transform: scale(1.1);
}

.article-item:hover .article-user-name {
    color: #006FD0;
}

.article-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0px;
    gap: 80px 20px;
}

.tac {
    display: none;
}


@media screen and (max-width: 1300px) {
    .article-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1000px) {
    .article-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .article-item {
        margin: 0;
    }

    .article-user-ava span {
        width: 50px;
    }

    .section__header {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 768px) {
    .article-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .article-item {
        padding: 0;
    }

    .custom-services-pics {
        width: 60px;
        height: 60px;
    }


    /* section.section._with-padding .section-inner {
        padding: 0;
    } */

    .section__header {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 392px) {
    .article-body .article-user {
        flex-direction: row;
    }
}

/*cookie*/

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.cookie-header-text {
    display: flex;
    display: flex;
    align-items: center;
    gap: 12px;

}

.cookie-desc-container {
    display: flex;
}

.cookie-banner {
    display: flex;
    align-items: center;
    bottom: 20px;
    overflow: hidden;
    position: fixed;
    background: #fff;
    border-radius: 16px;
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
    padding: 24px;
    display: flex;
    gap: 20px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    z-index: 10000;
    margin: 0 auto;
    width: 90%;
}

.cookie-desc-text {
    color: #282828;
}

.cookie-text strong {
    font-weight: 700;
}

.cookie-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.cookie-text {
    flex-grow: 1;
    font-size: 16px;
    color: #383838;
}

.cookie-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #333;
}


.cookie-setting {
    font-weight: 600;
    color: #027FEC;
}

.cookie-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: .3s ease;
    border: 1px solid transparent;
}

.cookie-btn.accept {
    background-color: #027FEC;
    color: white;
    width: 140px;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.accept:hover {
    background-color: #006FD0;
}

.cookie-btn.decline {
    background-color: white;
    color: #027FEC;
    width: 140px;
    border: 1px solid #027FEC;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.decline:hover {
    color: white;
    background-color: #006FD0;
}

@media (max-width: 1020px) {
    .cookie-banner {
        position: fixed;
        /* bottom: 35%; */
        left: 0;
        right: 0;
        transform: initial;
        border-radius: 8px;
        width: 90%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); */
    }

    .cookie-buttons {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
    }

    .cookie-btn {
        width: 100%;
    }

    .cookie-icon img {
        width: 32px;
        height: 32px;
    }

    .cookie-btn.accept {
        background-color: #027FEC;
        color: white;
        border-color: #027FEC;
        width: 132px;
        padding: 14px 24px;
    }

    .cookie-btn.decline {
        background-color: white;
        color: #027FEC;
        border: 1px solid #027FEC;
        width: 132px;
        padding: 14px 24px;
    }
}

/* settings cookie */
.cookie-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    z-index: 10000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
}

.settings-scroll {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.settings-scroll::-webkit-scrollbar {
    width: 4px;
}

.cookie-seetings {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #383838;
}

.cookie-seetings-header {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0px;
}

.setting-desc {
    color: #383838;
    margin-bottom: 16px;
}

.switch-cookie {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
}

.switch-cookie input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-cookie {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.3s;
}

.slider-cookie::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    border-radius: 10px;
    transition: transform 0.3s;
}

.cont-content {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: 32px 1fr;
    width: 100%;
}

input:checked+.slider-cookie {
    background-color: #027FEC;
}

input:checked+.slider-cookie::before {
    transform: translateX(10px);
}

.btn-cookie {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-cookie-save {
    background-color: #027FEC;
    color: white;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
}

.btn-cookie-save:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 480px) {
    .cookie-seetings-header {
        font-size: 14px;
    }

}

/* modal popup */
.btn.modal-close-btn {
    display: none;
}

.modal-title {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    color: #383838;
}

.modal-w-400 {
    max-width: 778px;
    background: white;
    border-radius: 16px;
}

.modal-header {
    background-color: white;
    border-radius: 16px 16px 0px 0px;
}

.modal-body {
    border-radius: 0px 0px 16px 16px;
}

.modal-content {
    box-shadow: none;
}


/*auktsiony*/
.auktsiony-main-contrainer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h3.auktsiony-desc {
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    font-family: 'Wix Madefor Display';
}

.auktsiony-tabs {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
}

.tabs-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aukt-column-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.aukt-column-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auktsiony-more {
    width: 135px;
    display: flex;
    border-radius: 8px;
    border: 1px solid #027FEC;
    align-items: center;
    justify-content: center;
    color: #027FEC;
    padding: 8px 16px;
    font-weight: 600;
    transition: .3s ease;
}

.auktsiony-more:hover {
    color: white;
    background-color: #027FEC;
}

a.tabs-col__btn {
    text-decoration: none;
}

@media screen and (max-width: 680px) {
    .tabs-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    h3.auktsiony-desc {
        text-align: left;
    }

    .auktsiony-tabs {
        padding: 20px;
    }
}

/*Заявка на аренду*/

.application-container {
    position: relative;
    cursor: pointer;
}

.appli-btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
}

.application-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.application-field label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 700;
    margin: 0;
}

.application-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.application-field input,
.application-field select {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

.application-container {
    max-width: 680px;
    /* margin: auto; */
    padding: 24px;
    background: #fff;
    border-radius: 8px;
}

.application-section {
    color: #383838;
}

.application-title-text {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;

}

.application-row {
    display: grid;
    grid-template-columns: 343px 343px;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.title-apl {
    display: flex;
    justify-content: space-between;
}

.rental-title {
    text-transform: none;
    font-size: 20px;
    font-weight: 700;
}

a.clear-list {
    text-decoration: none;
    font-weight: 600;
}

.application-policy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.application-checkbox {
    display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    font-size: 14px;
    height: 20px;
    color: #000;
    gap: 3px;
    user-select: none;
    align-items: center;
}

.application-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #027FEC;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.application-checkbox input:checked~.checkmark {
    background-color: #027FEC;
    border-color: #027FEC;
}

.application-checkbox input:checked~.checkmark::after {
    display: block;
}

.application-link {
    color: #007bff;
    text-decoration: underline;
    font-weight: 600;
}


.name-block {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.selected-quantity {
    font-size: 14px;
    color: #027FEC;
    font-weight: 600;
}

.application-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.save-btn-custom {
    padding: 12px;
    background: #027FEC;
    border: none;
    border-radius: 8px;
    color: white;
    width: 140px;
    font-weight: 600;
    font-size: 14px;

}

.file-upload-container {
    margin: 40px auto;
}

.file-upload-label {
    display: block;
    border: 2px dashed #027FEC;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    background-color: #E6F2FD;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s, background-color 0.3s;
}

.file-attention-name {
    font-size: 16px;
    font-weight: 700;
}

.file-upload-label:hover {
    border-color: #027FEC;
    background-color: #027fec3d;
}

.file-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.file-upload-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
}

.file-upload-text p {
    margin: 4px 0;
    color: #027FEC;
    font-size: 14px;
}

.file-upload-input {
    display: none;
}

@media screen and (max-width: 768px) {
    .application-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        gap: 24px;
    }

    .name-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}


.add-more {
    font-size: 14px;
    color: #757575;
    cursor: pointer;
    position: absolute;
    /* padding-right: 16px; */
    user-select: none;
    padding-top: 10px;
    right: 12px;
}

.add-more::after {
    content: '';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#custom-modal-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;

    -ms-overflow-style: none;
    scrollbar-width: none;

}

#custom-modal-overlay::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.custom-modal-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 680px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 20px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 8px 36px 8px 12px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    background-image: none !important;
}

.select-wrapper .custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    pointer-events: none;
    z-index: 3;
}


.room-input-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-box {
    border: 1px solid #ccc;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}

.selected-values {
    font-size: 14px;
    color: #333;
}

.custom-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 160px;
    overflow-y: auto;
    z-index: 10;
    margin-top: 4px;
}

.custom-options label {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.custom-options label:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 768px) {
    .custom-modal-wrapper {
        margin-top: 0px;
    }

    .application-container {
        border-radius: 0px;
    }

    .application-policy {
        gap: 18px;
    }
}

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


    .application-checkbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.listing-image-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}


.scroll-container::-webkit-scrollbar {
    width: 6px;
}

.scroll-containerr::-webkit-scrollbar {
    width: 4px;
    height: 12px;
}


.scroll-container::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 3px;
}


.scroll-container::-webkit-scrollbar-thumb {
    background-color: #027FEC;
    border-radius: 3px;
    border: 2px solid #027FEC;
}

.image-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.image-track::-webkit-scrollbar {
    display: none;
}

.image-track img {
    width: 100%;
    height: 188px;
    flex-shrink: 0;
    object-fit: cover;
    scroll-snap-align: center;
    border-radius: 10px;
}

.dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 10px;
    align-items: center;
}

.dots span {
    width: 4px;
    height: 4px;
    background: #A7A7A7;
    border-radius: 50%;
    transition: all 0.3s ease;

}

.dots span.active {
    width: 6px;
    height: 6px;
    background: #027FEC;
}


.listing-scroll-wrapper {
    width: 700px;
    height: 440px;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    background: #f5fbff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    scroll-behavior: smooth;


}

.scroll-container {
    position: relative;
    width: 700px;
    max-height: 440px;
    background: #f5fbff;
    border-radius: 12px;
    box-sizing: content-box;
    margin-bottom: 25px;
}

.listing-scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.listing-card {
    background: white;
    padding: 20px;
    min-height: 160px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Кастомный скроллбар */
.custom-scrollbar {
    position: absolute;
    top: 0;
    right: 4px;
    width: 2px;
    border-radius: 1.5px;
    background-color: #027FEC;
    transition: top 0.2s;
}

.area-square-title {
    color: #027FEC;
    font-size: 16px;
    font-weight: 700;
}

.area-square-desc {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 400;
}

.listing-card {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px;
    width: 100%;
    gap: 20px;
    min-height: 252px;
}

.listing-image img {
    width: 284px;
    height: 188px;
    object-fit: cover;
    border-radius: 8px;
}

.listing-info {
    display: flex;
    flex-direction: column;
}

.area-price {
    display: grid;
    font-weight: 500;
    grid-template-columns: 120px 1fr;
    margin-bottom: 4px;
    background: #F2FAFF;
    width: 316px;
    border-radius: 8px;
    height: 46px;
    justify-items: center;
    align-items: center;
    box-shadow: 0px 2px 3px 0px #D5DEE480;

}

.area-square {
    color: #007aff;
    font-size: 16px;
}

.price {
    color: #027fec;
    font-size: 18px;
    font-weight: bold;
}

.price-per-m {
    font-size: 12px;
    color: #999;
}

.listing-title {
    font-size: 16px;
    margin: 6px 0;
}

.listing-meta {
    font-size: 14px;
    color: #444;
}

.listing-buttons {
    display: flex;
    gap: 4px;
    margin-top: 12px;
    justify-content: center;
}

.btn-listing {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #027fec;
    color: #027fec;
    width: 154px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .scroll-container {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .listing-card {
        flex-direction: column;
    }

    .listing-scroll-wrapper {
        width: 100%;
    }

    .listing-header {
        display: flex;
    }

    .area-price {
        width: 100%;
    }

}

@media screen and (max-width: 380px) {
    .area-square-title {
        font-size: 12px;
    }
}

/* detail auktsiony*/

.auktsiony-info-block {
    display: flex;
    gap: 12px;
}

.auktsiony-info-col {
    flex: 1;
    background: white;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.auktsiony-info-link {
    display: flex;
    padding: 0;
    margin: 0px !important;
    gap: 10px;

}

a.info-pdf-link {
    font-weight: 600;
    font-size: 14px;
}

button.btn-aukt-link {
    background: #027FEC;
    border: none;
    color: white;
    border-radius: 8px;
    padding: 10px 24px;
    transition: .3s ease;
    font-weight: 600;
}

button.btn-aukt-link:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 768px) {
    .auktsiony-info-block {
        flex-direction: column;
    }

    .auktsiony-info-col {
        padding: 20px;
    }
}


/* Условия участия в аукционе*/
.conditions-block {
    background: white;
    border-radius: 16px;
    padding: 40px;
}

.conditions-text-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-conditions-container {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .conditions-block {
        padding: 20px;
    }
}

/*Левое меню в личном*/

.lk-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.lk-sidebar {
    min-width: 324px;
}

@media screen and (max-width: 930px) {
    .lk-sidebar {
        min-width: initial;
    }
}

.lk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 28px;
    padding-top: 0;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

a.lk-menu__link {
    display: flex;
    gap: 12px;
}

.lk-menu__item {
    width: 100%;
}

span.lk-menu__icon {
    display: flex;
}

.lk-menu__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #383838;
    border-radius: 6px;
    transition: 0.3s ease;
}

.lk-menu__link:hover {
    background-color: #f0f4f7;
}

.lk-menu__item.active .lk-menu__link {
    color: #027FEC;
}

span.lk-menu__text {
    font-weight: 600;
}

a.lk-menu__link:hover {
    background: none;
    color: #027FEC;
    cursor: pointer;
}

/*Личный кабинет - Профиль*/
main.profile-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    position: relative;

}

.block-container {
    background: white;
    padding: 32px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 800px) {
    .block-container {
        padding: 20px;
    }

}

.profile-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 32px;
}

.profile-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-name {
    font-size: 14px;
    font-weight: 700;
}

input.profile-input {
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    color: #383838;
}

input.profile-input:disabled {
    border: none;
    background: #F3F3F3;

    cursor: not-allowed;
}

@media screen and (max-width: 1080px) {
    .profile-information {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 18px;
    }

}


@media screen and (max-width: 800px) {
    .profile-information {
        display: flex;
        flex-direction: column;
    }

    .lk-wrapper {
        display: flex;
        flex-direction: column;
    }

    .lk-sidebar-employee {
        width: 100%;
    }
}


/* Личный кабинет - Договоры аренды*/
.docs-total-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.docs-total-container::-webkit-scrollbar {
    display: none;
}

.docs-total-container.active {
    cursor: grabbing;
    user-select: none;
}

.docs-total-col {
    background: #DAEDFD;
    padding: 8px 16px;
    flex-shrink: 0;
    border-radius: 6px;
    color: #027FEC;
    font-weight: 600;
}

.docs-total-col p {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.block-container-contract {
    background: white;
    padding: 40px;
    border-radius: 16px;
    /* width: 1000px; */
    width: 100%;
}


.contract-text-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.contract-name {
    font-size: 16px;
    font-weight: 700;
}

.contact-square {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.square-adress {
    font-weight: 700;
}

.bold-information {
    font-weight: 600;
}

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

    .docs-total-container,
    .block-container-contract {
        width: 100%;
    }
}

/*Личный кабинет - показания счетчиков*/

.blue-alert-container {
    width: 100%;
    display: flex;
    padding: 16px;
    background: #DAEDFD;
    border-radius: 16px;
    gap: 10px;
    align-items: flex-start;
}

.blue-alert-text {
    font-size: 14px;
    font-weight: 500;
}

.blue-alert-icon {
    display: flex;
}

.meter-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.meter-title {
    color: #383838;
    font-size: 20px;
    font-weight: 700;
}

.meter-desc {
    color: #383838;
    font-weight: 500;
    font-size: 14px;
}

button.meter-history {
    display: flex;
    background: none;
    border: none;
    padding: 0;
    gap: 2px;
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    width: 80px;
}

.meter-arrow img {
    transition: transform 0.3s ease;
}

.meter-arrow.rotated img {
    transform: rotate(180deg);
}

.meter-table {
    overflow-x: auto;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
}

.meter-table-wrapper {
    /* overflow-x: auto; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    /* border: 1px solid #A7A7A7; */
    display: block;
}

.meter-table-wrapper::-webkit-scrollbar {
    display: none;
}

.meter-table-border {
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
    min-width: 100%;
}

.meter-table-element {
    width: 100%;
    border-collapse: collapse;
}

.meter-table-element th,
.meter-table-element td {
    border-right: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    padding: 11px 9px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
}

.meter-table-header-row th {
    border-top: none;
    line-height: 100%;
    font-weight: 600;
}

.meter-table-element tr:last-child td {
    border-bottom: none;
}

.meter-table-element td:last-child,
.meter-table-element th:last-child {
    border-right: none;
}

.location {
    font-weight: bold;
}

.address {
    display: block;
    color: #383838;
}

.meter-table-element th:first-child,
.meter-table-element td:first-child {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    word-break: break-word;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    width: 135px;
}

.input-wrapper input {
    width: 100%;
    padding-right: 40px;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
    height: 32px;
    box-sizing: border-box;
}

.save-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}

img.save-icon {
    width: 16px;
    height: 16px;
}

.meter-arrow {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {

    .meter-table-element th,
    .meter-table-element td {
        font-size: 12px;
        padding: 8px;
    }

}

.profile-alert-svg {
    min-width: 16px;
    min-height: 16px;
}


/* Контакты - исправление карты */

span.menu_sel_03 {
    color: black !important;
}

.hideair {
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 400px !important;
    }

    div#BX_YMAP_MAP_mF8Ev4 {
        width: initial !important;
    }
}

@media screen and (max-width: 460px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 300px !important;
    }
}


@media screen and (max-width: 380px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 280px !important;
    }
}


/*Личный кабинет - Платежные документы*/

.tax-summary {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.summary-item {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

.summary-item.red {
    background-color: #FFE5E5;
    color: #383838;
}

.summary-item.green {
    background-color: #DEF7E1;
    color: #383838;
}

.billing-section {
    border-radius: 16px;
    padding: 12px;
    max-width: 100%;
    background: white;
}

.billing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    align-items: center;
}

.billing-header .title {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #383838;
    gap: 4px;
    margin-left: 12px;
}

.billing-header-link {
    color: #027FEC;
    text-decoration: none;
}

.billing-header .download-all img {
    width: 36px;
    vertical-align: middle;
    margin-right: 6px;
    height: 21px;
}

.billing-month-dropdown {
    position: relative;
    display: flex;
    cursor: pointer;
}

.billing-month-dropdown .month-options {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    z-index: 10;
    min-width: 140px;
    display: none;
}

.billing-month-dropdown .month-options li {
    padding: 8px 12px;
    font-size: 14px;
    color: #383838;
    cursor: pointer;
}

.billing-month-dropdown .month-options li:hover {
    background-color: #f0f0f0;
}

.billing-month-dropdown .bold-arrow {
    transition: transform 0.3s ease;
}

.billing-month-dropdown .bold-arrow.rotated {
    transform: rotate(180deg);
}


.billing-table {
    /* border: 1px solid #E8E8E8; */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.billing-row {
    display: flex;
    border-top: 1px solid #E8E8E8;
}

.billing-row.billing-head {
    font-weight: 600;
    font-size: 14px;
    border-top: none;
}

.col {
    padding: 12px;
    flex: 1;
    /* border-left: 1px solid #E8E8E8; */
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    /* width: 320px; */
    width: 226px;
    text-align: left;
}

@media screen and (max-width: 590px) {
    .col {
        width: 260px;
    }
}

.col:first-child {
    border-left: none;
}

.icons-documents {
    display: flex;
    gap: 10px;
}


.status {
    font-size: 14px;
    font-weight: 500;
}

.status.red {
    color: #BC0000;
    font-weight: 500;
    font-size: 14px;
}

.status.green {
    color: #1FC119;
}

.download-documents-link {
    font-size: 14px;
    font-weight: 600;
}

.download-all {
    margin-left: 12px;
}

tr.billing-head {
    display: flex;
}

.billing-table-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
}

.documents-container {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

/* Личный кабинет - Сообщения от Арендодателя */

.menu-msg-count {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
}

.block-container-notify {

    background: white;
    padding: 16px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;

}

.notification-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.notification-time {
    color: #A7A7A7;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.notification-text {
    font-size: 14px;
    font-weight: 600;
    color: #383838;
}

.notification-new-span {
    padding: 4px 8px;
    background: #E6F2FD;
    border-radius: 4px;
    color: #027FEC;
    font-weight: 700;
}

.notification-text p {
    line-height: 120%;
    font-size: 14px;
    font-weight: 600;
}


.notification-text,
.notification-new-span {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .notification-container {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*Страница Сообщения от Арендодателя - попап*/

.popup-overlay-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-window-container {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    width: 90%;
    max-width: 600px;
    position: relative;
    top: -20%;
}

.popup-title-notify {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    margin-bottom: 24px;
    color: #383838;
}

.popup-close {
    font-size: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #383838;
    line-height: 1;
    padding: 0;
    position: absolute;
    display: flex;
    right: 32px;
}

.popup-text-container {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.popup-text-container p {
    margin: 0;
}

p.notification-text {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .popup-window-container {
        top: 0;
    }
}


/*Заявление на подбор помещений*/
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
    scrollbar-width: none;
}

/* .modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
} */

/* .modal-close {
    position: absolute;
} */


.application-room-form {
    max-width: 778px;
    margin-top: 0px;
    padding: 40px;
    background: #fff;
    border-radius: 16px;
}

.room-title {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-transform: none;
}



.btn-exit.modal-close img {
    position: absolute;
    right: 40px;
}

/* form#application-form{
    width: 90%;
} */

.send-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}


@media screen and (max-width: 480px) {
    .send-btn {
        padding-bottom: 50px;
    }
}

.error-message {
    display: none;
}

.range-wrapper {
    display: flex;
}

.description-application {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.description-application label {
    font-weight: 700;
}

.description-application textarea {
    border-radius: 8px;
    width: 100% !important;
    padding: 16px 20px;
    min-height: 172px;
    color: #A7A7A7;
    resize: none;
    border: 1px solid #E8E8E8;
    overflow-y: auto;
}

.range-wrapper {
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.range-field {
    display: flex;
    align-items: center;
    padding: 10px;
    flex: 1;
}

.range-field input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    margin-left: 5px;
    background: transparent;
}

.range-label {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.divider-bar {
    width: 1px;
    background-color: #e1e1e1;
    height: 100% !important;
}

.range-field input {
    padding: 0;
}


.applicaiton-room-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-right: 40px; */
    margin-bottom: 40px;
}

.form-exit {
    position: absolute;
    right: 0;
    top: 30%;
    width: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/*Страница Услуг - детально*/

@media screen and (max-width: 480px) {
    input[type="image"] {
        width: 100%;
    }
}

.b-news-detail-text {
    overflow-x: auto;
    width: 100%;
}

/* Страница Личный кабинет сотрудника по вовлечению */

.lk-sidebar-employee {
    background: white;
    border-radius: 8px;
    width: 332px;
}

.lk-menu__header {
    padding: 28px;
    /* padding-bottom: 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.lk-menu__toggle {
    width: 32px;
    height: 32px;
    background: #027FEC;
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

span.lk-menu__title {
    font-size: 20px;
    font-weight: 700;
}

.lk-menu-container {
    width: 100%;
    transition: width 0.3s ease;
}

/* Свернутое состояние главного меню */
.lk-menu-container.collapsed {
    width: 72px;
}

.lk-menu-container.collapsed .lk-menu__title {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__text {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__icon {
    margin-right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.lk-menu__toggle svg {
    transition: transform 0.3s ease;
}

.lk-menu-container.collapsed .lk-menu__toggle svg {
    transform: rotate(180deg);
}

.lk-menu-container.collapsed .lk-menu,
.lk-menu-container.collapsed .lk-menu__header {
    padding: 20px;
}

.lk-sidebar-employee.collapsed {
    width: 72px;
    transition: width 0.3s ease;
}

/*Кастомный хедер*/
.lk-custom-header {
    width: 100%;
    background: white;
    height: 88px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
}

a.lk-custom-header__nav {
    text-decoration: none;
    display: flex;
    gap: 6px;
}

.custom-header-logout-text {
    font-weight: 600;
    font-size: 14px;
}

.custom-logo-name-section {
    font-size: 20px;
    font-weight: 700;
}

.lk-custom-header__logo {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .lk-custom-header {
        padding: 0 20px;
    }

    .custom-logo-name-section {
        font-size: 16px;
    }
}


@media screen and (max-width: 480px) {
    .custom-logo-name-section {
        font-size: 14px;
    }

    .lk-custom-header__logo {
        gap: 12px;
    }
}

/* Мобильное меню (&lt;800px) - вертикальный вариант */
@media (max-width: 800px) {
    .lk-sidebar-employee {
        width: 100% !important;
    }

    .lk-menu-container {
        width: 100% !important;
    }


    .lk-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        flex-direction: column;
        padding: 0 28px;
    }

    .lk-menu-container.open .lk-menu {
        max-height: 999px;
        padding-bottom: 28px;
    }

    .lk-menu__toggle svg {
        transition: transform 0.3s ease;
        transform: rotate(270deg);
    }

    .lk-menu-container.open .lk-menu__toggle svg {
        transform: rotate(90deg);
    }

    .lk-menu__title,
    .lk-menu__text,
    .lk-menu__icon {
        display: inline-flex !important;
    }

    .lk-menu__icon {
        margin-right: 8px;
        width: auto;
        justify-content: flex-start;
    }

    .lk-menu-container.collapsed {
        width: 100% !important;
    }
}



/*Страница Журнал регистрации заявок*/

.list-container-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal-name p.title {
    font-weight: 700;
    font-size: 20px;
}

.journal-nav-panel button.new-request {
    min-width: 170px;
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

button.new-request:hover {
    background: #006fd0;
}

button.new-request {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.journal-nav-panel button.new-request:hover {
    background: #006fd0;
}


div#notificationsList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-nav-panel {
    display: flex;
    gap: 12px;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 5px;
    align-items: center;
}

.journal-nav-panel button.download {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.journal-nav-panel button.download:hover {
    background-color: #e17400;
}

.journal-nav-panel button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

.filter-icon {
    transition: transform 0.6s ease;
}

.filter-settings:hover .filter-icon {
    transform: rotate(180deg);
}

table,
tbody {
    border: none;
}

tr {
    border: white !important;
}

.journal-list {
    width: 100%;
    overflow: hidden;
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 951px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 6px;
    position: relative;
    height: 32px;
}

.filter-chip {
    display: flex;
    align-items: center;
    background-color: #E6F2FD;
    padding: 5px 10px;
    border-radius: 4px;
    /* margin-right: 10px; */
    height: 26px;
}

.filter-text {
    font-size: 14px;
    font-weight: 600;
    color: #027FEC;
}

.clear-filter {
    background: none;
    border: none;
    color: #027FEC;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
    height: 26px;
    width: 26px;
    padding: 0;
}

.search-nav {
    max-width: 951px;
    width: 100%;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #333;
    padding: 16px;
    font-weight: 600;
}

.search-icon {
    border: none;
    width: 32px;
    height: 32px;
    background: none;
}

.company-tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 12px;
    border-radius: 6px;
    z-index: 9999;
    width: 344px;
    max-width: 90vw;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 4px 30px 0px #00000026;
    transform: translateY(20px);
}

td.meter-table-element-td {
    position: relative;
}

.company-link {
    color: #027FEC;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

.status-link,
.doc-link {
    color: #027FEC;
    cursor: pointer;
    text-decoration: underline;
}

.status-link {
    font-weight: 500;
}

.doc-link {
    font-weight: 600;
}

table.meter-table-element.journal-table th:first-child,
table.meter-table-element.journal-table td:first-child {
    min-width: 45px !important;
    max-width: 45px !important;
}


.t-registration-col p,
.t-square-col p {
    margin: 0;
    line-height: 100%;
}

.t-registration-col,
.t-square-col {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.regist-tr {
    min-width: 190px;
}

.applicant-tr,
.adress-tr {
    min-width: 150px;
}

.number-tr,
.square-tr,
.days-tr {
    min-width: 125px;
}

.rate-tr {
    min-width: 112px;
}

.protocol-tr {
    min-width: 144px;
}

.status-tr {
    min-width: 136px;
}

.num-tr {
    min-width: 46px;
}

/*Вставка с текстом о компании*/
.tooltip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span#tooltip-name {
    color: #027FEC;
    font-size: 16px;
    font-weight: 600;
}

button.tooltip-close {
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    padding: 0;
}

.tooltip-close .close-btn {
    width: 100%;
    height: 100%;
}

p.win-desc {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
}

span#tooltip-unp,
span#tooltip-address,
span#tooltip-phone,
span#tooltip-email {
    font-weight: 400;
}

.sorting-icon {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.sorting-icon.flipped {
    transform: rotate(180deg);
}

.lk-moder-container {
    margin: 0 12px 12px;
}

th.col.contract.meter-table-element-th,
th.col.tax.meter-table-element-th,
th.col.service.meter-table-element-th {
    font-weight: 600;
    display: flex;
    justify-content: center;
}

th.num-tr.meter-table-element-th {
    text-align: center !important;
}


.journal-table th,
.journal-table td, .journal-table td:nth-child(8)[data-column="area"] {
    text-align: center;
}

tr.meter-table-row.meter-table-header-row th {
    text-align: start;
}

.journal-table td:nth-child(3),
.journal-table td:nth-child(6),
.journal-table td:nth-child(8),
.journal-table td:nth-child(12),
.journal-table td:nth-child(14),
.journal-table td:nth-child(15) {
    text-align: start;
}


.legend-container {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .legend-container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

}

button.open-legend {
    font-size: 14px;
    font-weight: 600;
    border: #027FEC 1px solid;
    color: #027FEC;
    border-radius: 8px;
    padding: 6px 14px;
    background: none;
    transition: 0.3s ease;
    cursor: pointer;
}

button.open-legend:hover {
    background: #027FEC;
    color: white;
}

/*Легенда - подробно*/

.legend-detail-container {
    display: none;
    max-width: 740px;
    border-radius: 8px;
    background: white;
    padding: 16px;
    gap: 12px;
    flex-direction: column;
    /* position: fixed; */
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    bottom: 80px;
}
.legend-detail-container .legend-data + .legend-data {
	margin-top: 12px;
}

@media (max-width: 768px) {
    .legend-detail-container {
        /* position: fixed; */
        position: absolute;
        bottom: 100px;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: unset;
    }
}

p.comment {
    line-height: 110%;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.legend-data {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
}

.legend-data.text-desc1,
.legend-data.text-desc2,
.legend-data.text-desc3,
.legend-data.text-desc4,
.legend-data.text-desc5 {
    color: black;
}

.legend-data .text-example1,
.legend-data .text-example2,
.legend-data .text-example3,
.legend-data .text-example4,
.legend-data .text-example5 {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1 {
    background: #FFF6CC;
}

.text-example2 {
    background: #E8F9EA;
}

.text-example3 {
    color: #FF0000;
}

.text-example4 {
    color: #FF0000;
    background: #FFF6CC;
}

.flip-pages {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flip-pages button,
.flip-pages span {
    border: 1px solid #027FEC;
    background: white;
    color: #027FEC;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    min-width: 37px;
    min-height: 32px;
    text-align: center;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}

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

    .flip-pages button,
    .flip-pages span {
        min-width: 20px;
    }
}

.flip-pages button:hover {
    background: #e3f2fd;
}

.flip-pages .active {
    background: #027FEC;
    color: white;
    font-weight: bold;
}

.flip-pages .active:hover {
    background: #006FD0;
}




.flip-pages .dots {
    border: none;
    background: none;
    cursor: default;
    padding: 0;
    margin: 0;
    color: #027FEC;
}

.flip-pages .flip-previous,
.flip-pages .flip-next {
    font-weight: bold;
    font-size: 16px;
}

/*Классы для легенды*/

tr.highlighted-new-yellow td {
    background: #FFF6CC;
}

tr.highlighted-new-green td {
    background: #E8F9EB;
}

tr.highlighted-red td {
    color: #FF0000;
}

tr.highlighted-attention-yellow td {
    color: #FF0000;
    background: #FFF6CC;
}

/*Каталог свободных площадей*/

main.free-spaces-list {
    width: 100%;
    overflow: hidden;
}

.spaces-name .title {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
}

button.btn-object-action {
    border: none;
    background: #A7A7A7;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px 12px;
    min-width: 165px;
}

.spaces-table-container {
    margin-bottom: 24px;
}

.free-spaces-gap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.tech-row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.tech-row .icon img {
    filter: grayscale(1) brightness(1.5);
}

.label {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
}

.share-label--new {
    background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.share-label--auction {
    background: linear-gradient(135deg, #e30a9e 0%, #db0936 100%);
    max-width: 55px;
	display: inline-block;
}

/* [class^="icon-"],
[class*=" icon-"] {
    width: 24px;
} */

td.td-adress-table.meter-table-element-td {
    text-align: start;
}

.table-links-number {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
}

td.table-tech-img.meter-table-element-td,
td.table-floor-text.meter-table-element-td,
td.table-rate-info.meter-table-element-td {
    text-align: center;
}

td.table-classtype-room.meter-table-element-td,
td.table-date-rate.meter-table-element-td {
    text-align: start;
}

.table-link-changes {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
    text-decoration: underline;
    cursor: pointer;
}


.meter-table-element-td .application-checkbox {
    margin: 0;
}

td.table-checkbox-input.meter-table-element-td {
    text-align: center;
}

td.table-num-link-center.meter-table-element-td {
    text-align: center !important;
}

.td-adress-table.unite-cell {
    position: relative;
}

/* 
.td-adress-table.unite-cell::after {
  content: "Блок";
  position: absolute;
  left: -62px;
  top: 50%; 
  transform: translateY(-50%) rotate(-90deg);
  background-color: #ff8400;
  color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
} */

.unite-cell {
    position: relative;
}

.unite-label {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: center center;
    background: orange;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.meter-table-wrapper {
    position: relative;
    /* обязательно */
}

.block-label {
    position: absolute;
    left: -62px;
    transform: translateY(-50%) rotate(-90deg);
    background: #ff8400;
    color: #fff;
    border-radius: 6px;
    padding: 3px 5px;
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

.spaces-table-container {
    position: relative;
}

.unite-overlays {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.unite-overlay {
    position: absolute;
    transform: rotate(-90deg) translateY(-50%) translateX(15px);
    color: white;
    background: #FF8400;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    z-index: 999;
    pointer-events: auto;
}


/*Стили легенды для страницы Журнала помещений*/

.legend-data .text-example1-journal,
.legend-data .text-example2-journal,
.legend-data .text-example3-journal,
.legend-data .text-example4-journal {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1-journal {
    color: #000000;
    background: #FFF3E5;
}

.text-example3-journal {
    color: #FF0000;
    background: #E8E8E8;
}

.text-example4-journal {
    color: #FF0000;
    background: white;
}

.text-example5-journal {
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
}

.text-example6-journal {
	opacity: 0.6;
	white-space: nowrap;
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.text-example7-journal {
	opacity: 0.6;
	color: #fff;
	white-space: nowrap;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.text-example8-journal {
	opacity: 0.6;
	color: #fff;
	border-radius: 8px;
    padding: 8px 14px;
	background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

/*Классы для стилизации строк - Журнал помещений*/
.highlighted-example1-journal td {
    background: #FFF3E5;
}

.highlighted-example2-journal td {
    color: #FF0000;
    background: #E8F9EA;
}

.highlighted-example3-journal td {
    color: #FF0000;
    background: #E8E8E8;
}

.highlighted-example4-journal td {
    color: #FF0000;
    background: white;
}

.link-note-more {
    font-weight: 600;
    color: #027FEC;
    font-size: 14px;
}

/*Личный кабинет энергетика - показания электроэнергии*/
.electricity-maincontainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.electricity-maincontainer .title {
    color: #383838;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 22px;
}

.line-container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 800px) {
    /* .line-container {
        flex-direction: column;
    } */

    .primary-blue-btn.counting {
        min-width: 100% !important;
    }

    .search-input {
        padding: 0;
        width: 50%;
    }

    .line-container .download-btns {
        justify-content: center;
    }

    .secondary-orange-btn {
        width: 100% !important;
    }

}

.primary-blue-btn {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.primary-blue-btn.add-counter {
    min-width: 174px;
}

.primary-blue-btn.counting {
    min-width: 412px;
}

.primary-blue-btn:hover {
    background: #006fd0;
}

.secondary-orange-btn {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.secondary-orange-btn:hover {
    background-color: #e17400;
}

.line-container button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

button.secondary-orange-btn.create-dbf {
    min-width: 114px;
}

.line-container .docs-total-col {
    text-align: center;
}

.line-container .download-btns {
    display: flex;
    gap: 8px;
}

.electricity-maincontainer .bottom-container {
    display: flex;
    justify-content: flex-end;
}

/*ЛК энергетика - таблица показателей электроэнергии*/

tr.meter-table-row.line-result td {
    font-weight: 600;
    color: #027FEC;
    background-color: #E6F2FD;
}


th.adress-td.meter-table-element-th {
    min-width: 482px;
}


th.adrendator-td.meter-table-element-th {
    min-width: 280px;
}

/*чекбокс в журнале площадей*/

th.table-checkbox-input.meter-table-element-th .application-checkbox,
td.table-checkbox-input.meter-table-element-td .application-checkbox {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0;
}

th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark {
    width: 16px;
    height: 16px;
}


th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark::after,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark::after {
    left: 4px;
    top: 1px;
    height: 8px;
}

/*ЛК - энергетика, ячейка с карандашом*/

.electricity-table-container .meter-table-header th:last-child,
.electricity-table-container .meter-table-body td:last-child {
    position: sticky;
    z-index: 1;
    right: 0;
    border-left: 1px solid #a7a7a7;
    padding: 12px 4px 12px 5px;
}

.electricity-table-container .meter-table-body td:last-child::before,
.electricity-table-container .meter-table-header th:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #a7a7a7;
}

.electricity-table-container .meter-table-header {
    z-index: 2;
}

button.btn-edit {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.info-container {
    display: flex;
    gap: 8px;
}

.button-action-container {
    display: flex;
    gap: 8px;
}


@media screen and (max-width: 1220px) {
    .button-action-container {
        flex-direction: column;
    }

    .secondary-orange-btn {
        flex: 1;
    }
}

@media screen and (max-width: 860px) {
    .info-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .lk-moder-container {
        margin: 0;
    }
}

/*Журнал свободных площадей - адаптив*/

.free-spaces-gap .journal-nav-panel {
    align-items: start;
}

@media screen and (max-width: 1850px) {
    .free-spaces-gap .journal-nav-panel {
        flex-direction: column;
    }

    .journal-row.row-2 .search-container,
    .journal-row.row-2 .search-nav {
        max-width: initial;
    }
}

@media screen and (max-width:1500px) {
    .free-spaces-gap .journal-nav-panel {
        display: flex;
        flex-direction: column;
    }

    /*Текст в кнопках*/
    .free-spaces-gap .new-request,
    .free-spaces-gap .btn-object-action,
    .free-spaces-gap .download {
        font-size: 0 !important;
        position: relative;
    }

    .free-spaces-gap .new-request::after,
    .free-spaces-gap .btn-object-action::after,
    .free-spaces-gap .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .free-spaces-gap .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .free-spaces-gap .journal-nav-panel button.download {
        width: 40px;
    }
}

.journal-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.journal-row.row-1 {
    justify-content: flex-start;
    width: 100%;
}

.journal-row.row-2 {
    width: 100%;
}

.journal-row.row-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 .docs-total-col {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .journal-row.row-1,
    .journal-row.row-2 {
        gap: 8px;
    }

}

.journal-row.row-1 .new-request,
.journal-row.row-1 .btn-object-action {
    min-width: initial;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .journal-row.row-1 {
        flex-direction: column;
    }
}

@media screen and (max-width: 1180px) {
    .journal-row.row-3 {
        flex-direction: row;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 {
        flex-direction: column;
        gap: 8px;
    }

}

/*Строка в журнале заявок*/

@media screen and (max-width: 1500px) {
    .list-container-block .journal-nav-panel {
        flex-direction: column;
    }

    /* .list-container-block .journal-nav-panel button.new-request {
        max-width: 250px;
    } */

    .list-container-block .download {
        font-size: 0 !important;
        position: relative;
    }

    .list-container-block .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .list-container-block .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .list-container-block .journal-nav-panel button.download {
        width: 40px;
    }

    .list-container-block .journal-nav-panel button.new-request,
    .list-container-block .docs-total-col {
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .list-container-block .journal-nav-panel {
        width: 100%;
        padding: 0;
    }

    .list-container-block .journal-row.row-3 {
        flex-direction: column;
    }

    .list-container-block .docs-total-col {
        width: 100%;
    }
}


/*ЛК энергетика: строка в показаниях счетчиков*/

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

    .line-rows.row-1,
    .line-rows.row-2 {
        display: flex;
        gap: 8px;
    }

    .line-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1160px) {
    .line-rows.row-1 {
        flex-direction: column;
    }

    .line-rows.row-3 {
        display: flex;
        gap: 8px;
    }
}

/*Класс custom nomenu - для страниц лк без меню*/

.custom-nomenu {
    border-radius: 16px;
}

/* Стили для функционала сравнения */

/* Иконка сравнения */
.icon-compare {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


.catalog-card__compare-link.active {
    background-color: #4CAF50;
    color: white;
}

/* Счетчик сравнения в шапке */
.header-compare {
    display: inline-block;
    margin-right: 15px;
}

.header-compare .header-btn {
    position: relative;
}

.compare-count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff5722;
    color: white;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    padding: 0 5px;
}

/* Страница сравнения */
.compare-page {
    margin-bottom: 30px;
}

.compare-page__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.compare-page__title {
    font-size: 24px;
    font-weight: bold;
}

.compare-page__clear {
    color: #ff5722;
    text-decoration: underline;
    cursor: pointer;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.compare-table th,
.compare-table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.compare-table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.compare-table__image {
    max-width: 200px;
    height: auto;
}

.compare-table__remove {
    color: #ff5722;
    cursor: pointer;
    text-decoration: underline;
}

/* Уведомления */
.notification-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.notification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.notification.show {
    opacity: 1;
}

.notification.success {
    background-color: #4CAF50;
}

.notification.error {
    background-color: #F44336;
}

/*Карта сайта*/
table.map-columns ul.map-level-0 {
    list-style: none;
    display: flex;
    padding: 32px;
    flex-direction: column;
    gap: 12px;
    margin: 0px !important;
}

table.map-columns ul.map-level-0 a {
    color: #383838;
    text-decoration: none;
    transition: 0.3s ease;
}

table.map-columns {
    width: 100%;
    background: white;
    border-radius: 16px;
}

table.map-columns ul.map-level-0 a:hover {
    color: #027fec;
}

/*лейбл у акционов*/

.labels-row span.label.share-label--auction {
    font-size: 14px;
}

.labels-row {
    width: 124px;
}

label#citySelect-error {
    margin-top: 2px;
}

/*Модальное окно добавления уведомлений*/
div#notificationModal .modal-header {
    background: none;
    display: flex;
    justify-content: center;
}

div#notificationModal .form-group label {
    font-weight: 700;
}

div#notificationModal .form-group span {
    font-weight: 600;
}

div#notificationModal button.cancel-btn {
    flex: 0 auto;
    border: 1px solid var(--primary-color);
    color: #027FEC;
    background-color: #fff;
}

div#notificationModal button.cancel-btn:hover {
    background-color: var(--hover-color);
    transform: none;
    box-shadow: none;
    color: white;
}

div#notificationModal .modal-header h2 {

    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
}

div#notificationModal .close {
    color: #383838;
    position: absolute;
    right: 0;
    padding-right: 24px;
}

form#notificationForm input#title,
form#notificationForm input#sendDate,
form#notificationForm textarea#messageText {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

form#notificationForm .submit-btn {
    padding: 12px;
    background: #027FEC;
    border-radius: 8px;
    color: white;
    transition: 0.3s ease;
}

form#notificationForm .submit-btn:hover {
    transform: none;
    box-shadow: none;
    background: var(--hover-color);
}

@media screen and (max-width: 480px) {
    div#notificationModal .modal-content {
        margin: 0;
        max-width: initial;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}

/*Модальное окно Ссылка на подборку*/

div#shareSelectionModal .modal-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-transform: math-auto;
    color: #383838;
}

div#shareSelectionModal .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px;
    margin: 0;
    padding: 32px 32px 16px 32px;
}

div#shareSelectionModal .share-link-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
    gap: 20px;
    margin: 12px 0px;
}

div#shareSelectionModal button#copyLinkBtn {
    height: initial;
    background: none;
    color: currentColor;
    width: initial;
    right: 0;
    color: var(--primary-color);
    padding: 0;
    transition: 0.3s ease;
    display: flex;
    gap: 4px;
    flex-direction: row;
    padding-right: 10px;
}

div#shareSelectionModal button#copyLinkBtn:hover {
    color: var(--hover-color);
}

div#shareSelectionModal .modal-footer {
    display: none;
}

div#shareSelectionModal span.modal-close {
    position: absolute;
    right: 40px;
}

div#shareSelectionModal .modal-body {
    padding: 16px 40px 40px 40px;
}

div#shareSelectionModal input#shareLink {
    border: none;
    width: 100%;
    color: #383838;
    text-overflow: ellipsis;
}

div#shareSelectionModal .share-link-container label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
}

div#shareSelectionModal label {
    font-weight: 700;
}

div#shareSelectionModal button#copyLinkBtn:active {
    box-shadow: none;
}

@media screen and (max-width: 480px) {
    div#shareSelectionModal .share-link-container {
        flex-direction: column;
    }

    div#shareSelectionModal span.modal-close {
        right: 20px;
    }
}

/**/

button#clearSelectionBtn {
    padding: 0;
    height: 32px;
    width: 140px;
}

.journal-row.row-1 button.btn-object-action {
    height: 32px;
    max-width: 284px;
    padding: 0px;
}

.journal-row.row-1.custom-line {
    max-width: 430px;
}

@media screen and (max-width: 1180px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        flex: 1;
        max-width: initial;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        flex: 1;
        width: 100%;
    }

    .journal-row.row-1.custom-line {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        padding: 12px 9px;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        padding: 12px 9px;
    }
}

/*Изображение на главном экране*/

img.main-slider__img.lazy.lz-loading,
picture.main-slider__image_container,
.main-slider .swiper-slide {
    max-height: 628px;
    height: 628px;
}

.citrus-sf-field._open[data-template="NUMBERS"] .citrus-sf-values {
    top: 45px !important;
}

/*Стили для модального окна вопроса*/
#surveyModal .application-room-form {
    min-width: 600px;
}

body #surveyModal .form-exit {
    top: 0px;
    transform: initial;
}

body #surveyModal .modal-close {
    top: initial;
}

#surveyModal input.citrus-sf__button._submit {
    min-width: 140px;
}

@media screen and (max-width: 768px) {
    body #surveyModal .application-room-form {
        width: 100%;
        min-width: initial;
        height: 100%;
        border-radius: 0px;
		position: relative;
    }

    body #surveyModal .modal-close {position: unset;}
    body #surveyModal .application-room-form {position: relative;}    
	body #surveyModal .application-room-form .form-exit {top: 24px; right: 24px; width: 32px;}       
	#surveyModal .applicaiton-room-title {margin: 0 auto 24px; position: unset; width: 80%;}

}



span.vote-answer-item.vote-answer-item-radio {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}


.vote-form-box-buttons.vote-vote-footer {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}



span.vote-answer-item.vote-answer-item-textfield input {
    border: none;
    border-bottom: 1px solid #A7A7A7;
    width: 100%;
    background: none;
    padding: 8px;
}

span.vote-answer-item.vote-answer-item-textfield input:focus-visible {
    outline: none;
}

span.vote-answer-item.vote-answer-item-radio [type="checkbox"],
[type="radio"] {
    width: 16px;
    height: 16px;
}

/*Анимация галочки*/

.approve_icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    --green-brn-approve: #1FC119;
    box-shadow: inset 0px 0px 0px var(--green-brn-approve);
    animation: fill 0.4s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
}

.approve_icon_circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--green-brn-approve);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.approve_icon_check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--green-brn-approve);
    }
}

.approving-sticker {
    height: 64px;
    width: 64px;
    margin: 0 auto;
}

p font.notetext {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    body div#custom-modal-content {
        display: flex;
        height: 100%;
        width: 100%;
        margin-top: 0px;
        justify-content: center;
    }

    #custom-modal-overlay {
        background: white !important;
    }

    div#custom-modal-overlay {
        height: 100%;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 460px) {
    .application-form .application-policy {
        gap: 32px;
    }

}

div#custom-modal-content h3.application-title-text {
    margin: 0;
}

.appli-btn-close.apll-con {
    right: 32px;
    top: 32px;
}

.application-container .appli-btn-close {
    top: 24px;
    right: 24px;
}

/*Кнопка добавить системное уведомление*/
body .add-notification-btn {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.add-notification-btn:hover {
    background: var(--hover-color);
}

.block-container-notify {
    cursor: pointer;
    transition: 0.3s ease;
}

.block-container-notify:hover {
    background: var(--primary-color);
}

.block-container-notify:hover .notification-time,
.block-container-notify:hover .notification-text {
    color: white;
}

/*Стили страницы ЛК Аукционы*/

.origin-header {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
    text-align: left;
}

.lk-auctions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .lk-auctions__header {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.notification-form textarea#messageText {
    resize: none;
}

.notification-form label.radio-option {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 6px;
    align-items: center;
}

/*Страница редактирования элемента ЛК Аукционы - edit/add*/

.lk-auction-edit .form-group label,
.lk-auction-add .form-group label {
    display: block;
    font-weight: 700;
    color: #333;
}

span.required {
    color: red;
}

.lk-auction-edit button.btn.btn-primary,
.lk-auction-add button.btn.btn-primary {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.lk-auction-edit a.btn,
.lk-auction-add a.btn {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    transition: 0.3s ease;
}

.lk-auction-edit button.btn.btn-primary:hover,
.lk-auction-add button.btn.btn-primary:hover {
    background-color: var(--hover-color);
}

.lk-auction-edit a.btn:hover,
.lk-auction-add a.btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.lk-auction-edit #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #addingLots.no-body-rows .meter-table-element td,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-add #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edd #addingLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-edit button.btn-cancel-add,
.lk-auction-edit button.btn-remove-room,
.lk-auction-add button.btn-cancel-add,
.lk-auction-add button.btn-remove-room {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
    cursor: pointer;
    border: none;
    padding: 9px 12px;
}

.lk-auction-edit .custom-select-wrapper,
.lk-auction-add .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-auction-edit .custom-select,
.lk-auction-add .custom-select .report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-auction-edit .custom-select-wrapper::after,
.lk-auction-add .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-auction-edit .custom-select-wrapper.open::after,
.lk-auction-add .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.lk-auction-edit form,
.lk-auction-add form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.lk-auction-edit input.js-datetime.flatpickr-input.flatpickr-mobile {
    /* padding: 8px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px; */
}

.lk-auction-edit .bx-ed-type-selector,
.lk-auction-add .bx-ed-type-selector {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lk-auction-edit span.bx-ed-type-selector-item,
.lk-auction-add span.bx-ed-type-selector-item {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lk-auction-edit span.bx-ed-type-selector-item label,
.lk-auction-add span.bx-ed-type-selector-item label {
    font-weight: 400 !important;
}


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

    .lk-auction-edit form,
    .lk-auction-add form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

}

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

    .lk-auction-edit div.bx-html-editor,
    .lk-auction-add div.bx-html-editor {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/*---*/

#custom-modal-overlay .application-container {
    padding: 40px;
}

/*Стили страницы ЛК Опросник*/
.lk-oprosnik .summary {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 34px;
    text-align: left;
}

form.filter.oprosnik {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
}

.oprosnik-custom-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}


a.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
}

.lk-oprosnik a.standart-blue-btn {
    min-width: 283px;
}

a.standart-blue-btn:hover {
    background: var(--hover-color);
}

button.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

button.standart-blue-btn:hover {
    background: var(--hover-color);
}

select.select-field.opros {
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    padding: 5px 12px;
    flex: 1;
}

.opros-fields.container {
    display: flex;
    gap: 12px;
    width: 100%;
}

.lk-oprosnik .actions {
    display: flex;
}

.oprosnik-custom-col label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.oproskin-main-container {
    display: flex;
    gap: 16px;
    width: 100%;
}

.opros-btn.container {
    display: flex;
    gap: 12px;
}



/*Диаграмма в ЛК - Опросник*/
.diagram-container-opros {
    margin: 80px auto;
    height: 100%;
    text-align: center;
}

div#oprosnikLegend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
    justify-items: start;
    font-size: 13px;
    text-align: left;
    width: 80%;
    margin: 100px auto;
}

.diagram-section.opros {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    flex: 1;
}

canvas#oprosnikChart {
    display: block;
    margin: 0px auto;
    box-sizing: border-box;
    height: 300px;
    width: 300px;

}

@media screen and (max-width: 1500px) {
    div#oprosnikLegend {
        grid-template-columns: initial;
        justify-content: center;
    }
}

@media screen and (max-width: 1040px) {
    .oproskin-main-container {
        flex-direction: column;
    }

    form.filter.oprosnik {
        flex-direction: column;
    }

    .opros-btn.container {
        width: 100%;
    }

    button.standart-blue-btn {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .opros-btn.container {
        display: flex;
        flex-direction: column;
    }

    .lk-oprosnik a.standart-blue-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    canvas#oprosnikChart {
        width: 200px;
        height: 200px;
    }

    .diagram-container-opros {
        margin: 40px auto;
    }

    div#oprosnikLegend {
        margin: 40px auto;
    }
}

@media screen and (max-width: 380px) {
    .lk-oprosnik a.standart-blue-btn {
        min-width: initial;
        justify-content: center;
        text-align: center;
    }
}


/*---*/

.lk-oprosnik .meter-table {
    flex: 1;
}

.lk-oprosnik .meter-table-element tr:last-child td {
    background: #F5F5F5;
}

.lk-oprosnik .meter-table-element th:first-child,
.lk-oprosnik .meter-table-element td:first-child {
    min-width: 70px;
    max-width: initial;
}

/*ЛК - Опросник Поля с выпадающим списком*/
.lk-oprosnik .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select,
.report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ЛК - Опросник Поля с выпадающим списком */
@font-face {
    font-family: 'Wix Madefor Display';
    src: url('/local/templates/citrus_arealty3/fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


body {
    cursor: inherit;
    font-family: 'Wix Madefor Display', sans-serif;
}


.page-404__image {
    width: 450px;
    margin-bottom: 25px;
}

.page-404 .section-description {
    display: block;
}

@media screen and (max-width: 768px) {
    .page-404__image {
        width: 250px;
    }
}

.page-404-title {
    font-size: 20px;
    font-weight: 700;
}

.section-description {
    font-size: 14px;
    font-weight: 500;
}

/* auth */
.lk__form-w,
.lk__text-w {
    background-color: #FFFFFF;
}

.lk__form-w {
    border-radius: 16px;
    width: 600px;
}

.lk__text-w {
    display: none;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.lk {
    background-color: unset;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}


.form-group .field-title {
    all: unset;
    color: black;
    font-size: 14px;
    font-weight: 700;
}

.form-group .field-title._active {
    transform: initial;
    font-size: 14px;
}

.lk--form .form-group .field-title._active {
    color: black;
}

.form-group-btn__description,
.form-group-btn__description a {
    color: #027FEC;
}

.form-group-btn__description a:hover {
    color: black;
}

.bx-no-touch .btn.btn-transparent:hover,
.btn.btn-transparent:focus {
    background-color: #006FD0;
    color: white;
}

.button-position-right .btn.btn-transparent {
    width: 215px;
}

.starrequired {
    color: #027FEC;
}

.btn.btn-transparent {
    color: white;
    background-color: #027FEC;
    border: none;
    border-radius: 8px;
    font-size: 14px;
}

.btn.btn-transparent:hover,
.btn.btn-transparent:active {
    color: white;
    background-color: #027FEC;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* :not(._with-agreement)&gt; */

.button-position-right {
    width: initial;
    margin-left: initial;
}

.form-group-btn__description {
    width: initial;
    font-weight: 600;
}

.citrus-form .form-control {
    background-color: white;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}


.custom-auth-title {
    color: #383838;
    font-size: 24px;
    font-weight: 700;
}

.form-group .field-title {
    color: #383838;
}


.blue-text-msg {
    background-color: #E6F2FD;
    border-radius: 8px;
    padding: 16px;
    grid-template-columns: 16px 1fr;
    display: grid;
    gap: 12px;

}

p.text-auth {
    color: black;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 120%;
}

.blue-text-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group.form-group-btn {
    margin-top: 24px;
}


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

    .lk,
    .lk__form-w {
        width: 100%;
    }
}

/* хлебные крошки */
.nav-breadcrumbs {
    display: flex;
    align-items: center;
}

.breadcrumbs-item .btn-label,
.breadcrumbs-item-current .btn-label {
    padding: 0;
}

.nav-panel {
    padding: 32px 0px 16px 0px;
}

/* 404 стили */
.section-description {
    font-family: 'Wix Madefor Display', sans-serif;
}

/* Отступ страницы */
/* .section._with-padding .section-inner {
    padding: 0px;
} */

.lk--form {
    margin-top: 0px;
}



.section__header h1 {
    margin-top: 0;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    text-align: start;
}


.section__header {
    /* margin-bottom: 48px; */
    margin-bottom: 32px;
}

/* Услуги */
.article-item {
    border: none;
    margin: 0px;

}

.article-user-name {
    color: #383838;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    transition: .3s ease;
}

.article-user {
    display: flex;
    align-items: center;
}

.custom-goto-services {
    display: none;
}

.article-desc {
    display: none;
}

.article-user-ava span {
    min-width: initial;
    width: 100px;
}

.custom-services-pics {
    width: 90px;
    height: 90px;
    max-width: initial !important;
    transition: .3s ease;
}

.article-item:hover .custom-services-pics {
    transform: scale(1.1);
}

.article-item:hover .article-user-name {
    color: #006FD0;
}

.article-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0px;
    gap: 80px 20px;
}

.tac {
    display: none;
}


@media screen and (max-width: 1300px) {
    .article-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1000px) {
    .article-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }

    .article-item {
        margin: 0;
    }

    .article-user-ava span {
        width: 50px;
    }

    .section__header {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 768px) {
    .article-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .article-item {
        padding: 0;
    }

    .custom-services-pics {
        width: 60px;
        height: 60px;
    }


    /* section.section._with-padding .section-inner {
        padding: 0;
    } */

    .section__header {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 392px) {
    .article-body .article-user {
        flex-direction: row;
    }
}

/*cookie*/

.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

.cookie-header-text {
    display: flex;
    display: flex;
    align-items: center;
    gap: 12px;

}

.cookie-desc-container {
    display: flex;
}

.cookie-banner {
    display: flex;
    align-items: center;
    bottom: 20px;
    overflow: hidden;
    position: fixed;
    background: #fff;
    border-radius: 16px;
    /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); */
    padding: 24px;
    display: flex;
    gap: 20px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    z-index: 10000;
    margin: 0 auto;
    width: 90%;
}

.cookie-desc-text {
    color: #282828;
}

.cookie-text strong {
    font-weight: 700;
}

.cookie-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.cookie-text {
    flex-grow: 1;
    font-size: 16px;
    color: #383838;
}

.cookie-text p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #333;
}


.cookie-setting {
    font-weight: 600;
    color: #027FEC;
}

.cookie-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    transition: .3s ease;
    border: 1px solid transparent;
}

.cookie-btn.accept {
    background-color: #027FEC;
    color: white;
    width: 140px;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.accept:hover {
    background-color: #006FD0;
}

.cookie-btn.decline {
    background-color: white;
    color: #027FEC;
    width: 140px;
    border: 1px solid #027FEC;
    padding: 14px 32px;
    font-weight: 600;
}

.cookie-btn.decline:hover {
    color: white;
    background-color: #006FD0;
}

@media (max-width: 1020px) {
    .cookie-banner {
        position: fixed;
        /* bottom: 35%; */
        left: 0;
        right: 0;
        transform: initial;
        border-radius: 8px;
        width: 90%;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); */
    }

    .cookie-buttons {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 8px;
    }

    .cookie-btn {
        width: 100%;
    }

    .cookie-icon img {
        width: 32px;
        height: 32px;
    }

    .cookie-btn.accept {
        background-color: #027FEC;
        color: white;
        border-color: #027FEC;
        width: 132px;
        padding: 14px 24px;
    }

    .cookie-btn.decline {
        background-color: white;
        color: #027FEC;
        border: 1px solid #027FEC;
        width: 132px;
        padding: 14px 24px;
    }
}

/* settings cookie */
.cookie-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    z-index: 10000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
}

.settings-scroll {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.settings-scroll::-webkit-scrollbar {
    width: 4px;
}

.cookie-seetings {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #383838;
}

.cookie-seetings-header {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0px;
}

.setting-desc {
    color: #383838;
    margin-bottom: 16px;
}

.switch-cookie {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
}

.switch-cookie input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-cookie {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.3s;
}

.slider-cookie::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    border-radius: 10px;
    transition: transform 0.3s;
}

.cont-content {
    display: grid;
    align-items: center;
    gap: 12px;
    grid-template-columns: 32px 1fr;
    width: 100%;
}

input:checked+.slider-cookie {
    background-color: #027FEC;
}

input:checked+.slider-cookie::before {
    transform: translateX(10px);
}

.btn-cookie {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-cookie-save {
    background-color: #027FEC;
    color: white;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
}

.btn-cookie-save:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 480px) {
    .cookie-seetings-header {
        font-size: 14px;
    }

}

/* modal popup */
.btn.modal-close-btn {
    display: none;
}

.modal-title {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    text-transform: none;
    font-size: 24px;
    font-weight: 700;
    color: #383838;
}

.modal-w-400 {
    max-width: 778px;
    background: white;
    border-radius: 16px;
}

.modal-header {
    background-color: white;
    border-radius: 16px 16px 0px 0px;
}

.modal-body {
    border-radius: 0px 0px 16px 16px;
}

.modal-content {
    box-shadow: none;
}


/*auktsiony*/
.auktsiony-main-contrainer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h3.auktsiony-desc {
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    font-family: 'Wix Madefor Display';
}

.auktsiony-tabs {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
}

.tabs-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aukt-column-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.aukt-column-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auktsiony-more {
    width: 135px;
    display: flex;
    border-radius: 8px;
    border: 1px solid #027FEC;
    align-items: center;
    justify-content: center;
    color: #027FEC;
    padding: 8px 16px;
    font-weight: 600;
    transition: .3s ease;
}

.auktsiony-more:hover {
    color: white;
    background-color: #027FEC;
}

a.tabs-col__btn {
    text-decoration: none;
}

@media screen and (max-width: 680px) {
    .tabs-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    h3.auktsiony-desc {
        text-align: left;
    }

    .auktsiony-tabs {
        padding: 20px;
    }
}

/*Заявка на аренду*/

.application-container {
    position: relative;
    cursor: pointer;
}

.appli-btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
}

.application-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.application-field label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 700;
    margin: 0;
}

.application-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.application-field input,
.application-field select {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

.application-container {
    max-width: 778px;
    /* margin: auto; */
    padding: 24px;
    background: #fff;
    border-radius: 8px;
}


.application-section {
    color: #383838;
}

.application-title-text {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;

}

.application-row {
    display: grid;
    grid-template-columns: 343px 343px;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 24px;
}

.title-apl {
    display: flex;
    justify-content: space-between;
}

.rental-title {
    text-transform: none;
    font-size: 20px;
    font-weight: 700;
}

a.clear-list {
    text-decoration: none;
    font-weight: 600;
}

.application-policy {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.application-checkbox {
    display: flex;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    font-size: 14px;
    height: 20px;
    color: #000;
    gap: 3px;
    user-select: none;
    align-items: center;
}

.application-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #027FEC;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.application-checkbox input:checked~.checkmark {
    background-color: #027FEC;
    border-color: #027FEC;
}

.application-checkbox input:checked~.checkmark::after {
    display: block;
}

.application-link {
    color: #007bff;
    text-decoration: underline;
    font-weight: 600;
}


.name-block {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: space-between;
}

.selected-quantity {
    font-size: 14px;
    color: #027FEC;
    font-weight: 600;
}

.application-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.save-btn-custom {
    padding: 12px;
    background: #027FEC;
    border: none;
    border-radius: 8px;
    color: white;
    width: 140px;
    font-weight: 600;
    font-size: 14px;

}

.file-upload-container {
    margin: 40px auto;
}

.file-upload-label {
    display: block;
    border: 2px dashed #027FEC;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    background-color: #E6F2FD;
    cursor: pointer;
    position: relative;
    transition: border-color 0.3s, background-color 0.3s;
}

.file-attention-name {
    font-size: 16px;
    font-weight: 700;
}

.file-upload-label:hover {
    border-color: #027FEC;
    background-color: #027fec3d;
}

.file-upload-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.file-upload-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
}

.file-upload-text p {
    margin: 4px 0;
    color: #027FEC;
    font-size: 14px;
}

.file-upload-input {
    display: none;
}

@media screen and (max-width: 768px) {
    .application-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        gap: 24px;
    }

    .name-block {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}


.add-more {
    font-size: 14px;
    color: #757575;
    cursor: pointer;
    position: absolute;
    /* padding-right: 16px; */
    user-select: none;
    padding-top: 10px;
    right: 12px;
}

.add-more::after {
    content: '';
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#custom-modal-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;

    -ms-overflow-style: none;
    scrollbar-width: none;

}

#custom-modal-overlay::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
}

.custom-modal-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 778px;
    background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 20px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 8px 36px 8px 12px;
    font-size: 14px;
    width: 100%;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    position: relative;
    background-image: none !important;
}

.select-wrapper .custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    pointer-events: none;
    z-index: 3;
}


.room-input-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-box {
    border: 1px solid #ccc;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
}

.selected-values {
    font-size: 14px;
    color: #333;
}

.custom-options {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    background: white;
    max-height: 160px;
    overflow-y: auto;
    z-index: 10;
    margin-top: 4px;
}

.custom-options label {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.custom-options label:hover {
    background: #f0f0f0;
}

@media screen and (max-width: 768px) {
    .custom-modal-wrapper {
        margin-top: 0px;
    }

    .application-container {
        border-radius: 0px;
    }

    .application-policy {
        gap: 18px;
    }
}

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


    .application-checkbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.listing-image-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}


.scroll-container::-webkit-scrollbar {
    width: 6px;
}

.scroll-containerr::-webkit-scrollbar {
    width: 4px;
    height: 12px;
}


.scroll-container::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 3px;
}


.scroll-container::-webkit-scrollbar-thumb {
    background-color: #027FEC;
    border-radius: 3px;
    border: 2px solid #027FEC;
}

.image-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.image-track::-webkit-scrollbar {
    display: none;
}

.image-track img {
    width: 100%;
    height: 188px;
    flex-shrink: 0;
    object-fit: cover;
    scroll-snap-align: center;
    border-radius: 10px;
}

.dots {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 10px;
    align-items: center;
}

.dots span {
    width: 4px;
    height: 4px;
    background: #A7A7A7;
    border-radius: 50%;
    transition: all 0.3s ease;

}

.dots span.active {
    width: 6px;
    height: 6px;
    background: #027FEC;
}


.listing-scroll-wrapper {
    width: 700px;
    height: 440px;
    overflow-y: auto;
    padding: 16px 12px 16px 16px;
    background: #f5fbff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    scroll-behavior: smooth;


}

.scroll-container {
    position: relative;
    width: 700px;
    max-height: 440px;
    background: #f5fbff;
    border-radius: 12px;
    box-sizing: content-box;
    margin-bottom: 25px;
}

.listing-scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.listing-card {
    background: white;
    padding: 20px;
    min-height: 160px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* Кастомный скроллбар */
.custom-scrollbar {
    position: absolute;
    top: 0;
    right: 4px;
    width: 2px;
    border-radius: 1.5px;
    background-color: #027FEC;
    transition: top 0.2s;
}

.area-square-title {
    color: #027FEC;
    font-size: 16px;
    font-weight: 700;
}

.area-square-desc {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 400;
}

.listing-card {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 20px;
    width: 100%;
    gap: 20px;
    min-height: 252px;
}

.listing-image img {
    width: 284px;
    height: 188px;
    object-fit: cover;
    border-radius: 8px;
}

.listing-info {
    display: flex;
    flex-direction: column;
}

.area-price {
    display: grid;
    font-weight: 500;
    grid-template-columns: 120px 1fr;
    margin-bottom: 4px;
    background: #F2FAFF;
    width: 316px;
    border-radius: 8px;
    height: 46px;
    justify-items: center;
    align-items: center;
    box-shadow: 0px 2px 3px 0px #D5DEE480;

}

.area-square {
    color: #007aff;
    font-size: 16px;
}

.price {
    color: #027fec;
    font-size: 18px;
    font-weight: bold;
}

.price-per-m {
    font-size: 12px;
    color: #999;
}

.listing-title {
    font-size: 16px;
    margin: 6px 0;
}

.listing-meta {
    font-size: 14px;
    color: #444;
}

.listing-buttons {
    display: flex;
    gap: 4px;
    margin-top: 12px;
    justify-content: center;
}

.btn-listing {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #027fec;
    color: #027fec;
    width: 154px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .scroll-container {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .listing-card {
        flex-direction: column;
    }

    .listing-scroll-wrapper {
        width: 100%;
    }

    .listing-header {
        display: flex;
    }

    .area-price {
        width: 100%;
    }

}

@media screen and (max-width: 380px) {
    .area-square-title {
        font-size: 12px;
    }
}

/* detail auktsiony*/

.auktsiony-info-block {
    display: flex;
    gap: 12px;
}

.auktsiony-info-col {
    flex: 1;
    background: white;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.auktsiony-info-link {
    display: flex;
    padding: 0;
    margin: 0px !important;
    gap: 10px;

}

a.info-pdf-link {
    font-weight: 600;
    font-size: 14px;
}

button.btn-aukt-link {
    background: #027FEC;
    border: none;
    color: white;
    border-radius: 8px;
    padding: 10px 24px;
    transition: .3s ease;
    font-weight: 600;
}

button.btn-aukt-link:hover {
    background-color: #006FD0;
}


@media screen and (max-width: 768px) {
    .auktsiony-info-block {
        flex-direction: column;
    }

    .auktsiony-info-col {
        padding: 20px;
    }
}


/* Условия участия в аукционе*/
.conditions-block {
    background: white;
    border-radius: 16px;
    padding: 40px;
}

.conditions-text-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-conditions-container {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .conditions-block {
        padding: 20px;
    }
}

/*Левое меню в личном*/

.lk-wrapper {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.lk-sidebar {
    min-width: 324px;
}

@media screen and (max-width: 930px) {
    .lk-sidebar {
        min-width: initial;
    }
}

.lk-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 28px;
    padding-top: 0;
    background: white;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

a.lk-menu__link {
    display: flex;
    gap: 12px;
}

.lk-menu__item {
    width: 100%;
}

span.lk-menu__icon {
    display: flex;
}

.lk-menu__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #383838;
    border-radius: 6px;
    transition: 0.3s ease;
}

.lk-menu__link:hover {
    background-color: #f0f4f7;
}

.lk-menu__item.active .lk-menu__link {
    color: #027FEC;
}

span.lk-menu__text {
    font-weight: 600;
}

a.lk-menu__link:hover {
    background: none;
    color: #027FEC;
    cursor: pointer;
}

/*Личный кабинет - Профиль*/
/* main.profile-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    position: relative;

} */

.block-container {
    background: white;
    padding: 32px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width: 800px) {
    .block-container {
        padding: 20px;
    }

}

.profile-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 32px;
}

.profile-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-name {
    font-size: 14px;
    font-weight: 700;
}

input.profile-input {
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    color: #383838;
}

input.profile-input:disabled {
    border: none;
    background: #F3F3F3;

    cursor: not-allowed;
}

@media screen and (max-width: 1080px) {
    .profile-information {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 18px;
    }

}


@media screen and (max-width: 800px) {
    .profile-information {
        display: flex;
        flex-direction: column;
    }

    .lk-wrapper {
        display: flex;
        flex-direction: column;
    }

    .lk-sidebar-employee {
        width: 100%;
    }
}


/* Личный кабинет - Договоры аренды*/
.docs-total-container {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.docs-total-container::-webkit-scrollbar {
    display: none;
}

.docs-total-container.active {
    cursor: grabbing;
    user-select: none;
}

.docs-total-col {
    background: #DAEDFD;
    padding: 8px 16px;
    flex-shrink: 0;
    border-radius: 6px;
    color: #027FEC;
    font-weight: 600;
}

.docs-total-col p {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.block-container-contract {
    background: white;
    padding: 40px;
    border-radius: 16px;
    /* width: 1000px; */
    width: 100%;
}


.contract-text-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.contract-name {
    font-size: 16px;
    font-weight: 700;
}

.contact-square {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.square-adress {
    font-weight: 700;
}

.bold-information {
    font-weight: 600;
}

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

    .docs-total-container,
    .block-container-contract {
        width: 100%;
    }
}

/*Личный кабинет - показания счетчиков*/

.blue-alert-container {
    width: 100%;
    display: flex;
    padding: 16px;
    background: #DAEDFD;
    border-radius: 16px;
    gap: 10px;
    align-items: flex-start;
}

.blue-alert-text {
    font-size: 14px;
    font-weight: 500;
}

.blue-alert-icon {
    display: flex;
}

.meter-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.meter-title {
    color: #383838;
    font-size: 20px;
    font-weight: 700;
}

.meter-desc {
    color: #383838;
    font-weight: 500;
    font-size: 14px;
}

button.meter-history {
    display: flex;
    background: none;
    border: none;
    padding: 0;
    gap: 2px;
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
    width: 80px;
}

.meter-arrow img {
    transition: transform 0.3s ease;
}

.meter-arrow.rotated img {
    transform: rotate(180deg);
}

.meter-table {
    overflow-x: auto;
    border: 1px solid #A7A7A7;
    border-radius: 10px;
}

.meter-table-wrapper {
    /* overflow-x: auto; */
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    /* border: 1px solid #A7A7A7; */
    display: block;
}

.meter-table-wrapper::-webkit-scrollbar {
    display: none;
}

.meter-table-border {
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
    min-width: 100%;
}

.meter-table-element {
    width: 100%;
    border-collapse: collapse;
}

.meter-table-element th,
.meter-table-element td {
    border-right: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    padding: 11px 9px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
}

.meter-table-header-row th {
    border-top: none;
    line-height: 100%;
    font-weight: 600;
}

.meter-table-element tr:last-child td {
    border-bottom: none;
}

.meter-table-element td:last-child,
.meter-table-element th:last-child {
    border-right: none;
}

.location {
    font-weight: bold;
}

.address {
    display: block;
    color: #383838;
}

.meter-table-element th:first-child,
.meter-table-element td:first-child {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    word-break: break-word;
}

.input-wrapper {
    position: relative;
    display: inline-block;
    width: 135px;
}

.input-wrapper input {
    width: 100%;
    padding-right: 40px;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
    height: 32px;
    box-sizing: border-box;
}

.save-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
}

img.save-icon {
    width: 16px;
    height: 16px;
}

.meter-arrow {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {

    .meter-table-element th,
    .meter-table-element td {
        font-size: 12px;
        padding: 8px;
    }

}

.profile-alert-svg {
    min-width: 16px;
    min-height: 16px;
}


/* Контакты - исправление карты */

span.menu_sel_03 {
    color: black !important;
}

.hideair {
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 400px !important;
    }

    div#BX_YMAP_MAP_mF8Ev4 {
        width: initial !important;
    }
}

@media screen and (max-width: 460px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 300px !important;
    }
}


@media screen and (max-width: 380px) {
    ymaps.ymaps-map.ymaps-i-ua_js_yes {
        width: 280px !important;
    }
}


/*Личный кабинет - Платежные документы*/

.tax-summary {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.summary-item {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

.summary-item.red {
    background-color: #FFE5E5;
    color: #383838;
}

.summary-item.green {
    background-color: #DEF7E1;
    color: #383838;
}

.billing-section {
    border-radius: 16px;
    padding: 12px;
    max-width: 100%;
    background: white;
}

.billing-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    align-items: center;
}

.billing-header .title {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #383838;
    gap: 4px;
    margin-left: 12px;
}

.billing-header-link {
    color: #027FEC;
    text-decoration: none;
}

.billing-header .download-all img {
    width: 36px;
    vertical-align: middle;
    margin-right: 6px;
    height: 21px;
}

.billing-month-dropdown {
    position: relative;
    display: flex;
    cursor: pointer;
}

.billing-month-dropdown .month-options {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    z-index: 10;
    min-width: 140px;
    display: none;
}

.billing-month-dropdown .month-options li {
    padding: 8px 12px;
    font-size: 14px;
    color: #383838;
    cursor: pointer;
}

.billing-month-dropdown .month-options li:hover {
    background-color: #f0f0f0;
}

.billing-month-dropdown .bold-arrow {
    transition: transform 0.3s ease;
}

.billing-month-dropdown .bold-arrow.rotated {
    transform: rotate(180deg);
}


.billing-table {
    /* border: 1px solid #E8E8E8; */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.billing-row {
    display: flex;
    border-top: 1px solid #E8E8E8;
}

.billing-row.billing-head {
    font-weight: 600;
    font-size: 14px;
    border-top: none;
}

.col {
    padding: 12px;
    flex: 1;
    /* border-left: 1px solid #E8E8E8; */
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    /* width: 320px; */
    width: 226px;
    text-align: left;
}

@media screen and (max-width: 590px) {
    .col {
        width: 260px;
    }
}

.col:first-child {
    border-left: none;
}

.icons-documents {
    display: flex;
    gap: 10px;
}


.status {
    font-size: 14px;
    font-weight: 500;
}

.status.red {
    color: #BC0000;
    font-weight: 500;
    font-size: 14px;
}

.status.green {
    color: #1FC119;
}

.download-documents-link {
    font-size: 14px;
    font-weight: 600;
}

.download-all {
    margin-left: 12px;
}

tr.billing-head {
    display: flex;
}

.billing-table-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
}

.documents-container {
    gap: 12px;
    display: flex;
    flex-direction: column;
}

/* Личный кабинет - Сообщения от Арендодателя */

.menu-msg-count {
    color: #027FEC;
    font-weight: 600;
    font-size: 14px;
}

.block-container-notify {

    background: white;
    padding: 16px;
    border-radius: 16px;
    max-width: 100%;
    max-height: 100%;

}

.notification-container {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.notification-time {
    color: #A7A7A7;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.notification-text {
    font-size: 14px;
    font-weight: 600;
    color: #383838;
}

.notification-new-span {
    padding: 4px 8px;
    background: #E6F2FD;
    border-radius: 4px;
    color: #027FEC;
    font-weight: 700;
}

.notification-text p {
    line-height: 120%;
    font-size: 14px;
    font-weight: 600;
}


.notification-text,
.notification-new-span {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .notification-container {
        align-items: flex-start;
        flex-direction: column;
    }
}

/*Страница Сообщения от Арендодателя - попап*/

.popup-overlay-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-window-container {
    background: #fff;
    border-radius: 16px;
    padding: 32px;
    width: 90%;
    max-width: 600px;
    position: relative;
    top: -20%;
}

.popup-title-notify {
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 120%;
    margin-bottom: 24px;
    color: #383838;
}

.popup-close {
    font-size: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #383838;
    line-height: 1;
    padding: 0;
    position: absolute;
    display: flex;
    right: 32px;
}

.popup-text-container {
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
}

.popup-text-container p {
    margin: 0;
}

p.notification-text {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .popup-window-container {
        top: 0;
    }
}


/*Заявление на подбор помещений*/
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
    scrollbar-width: none;
}

/* .modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    position: relative;
} */

/* .modal-close {
    position: absolute;
} */


.application-room-form {
    max-width: 778px;
    margin-top: 0px;
    padding: 40px;
    background: #fff;
    border-radius: 16px;
}

.room-title {
    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-transform: none;
}



.btn-exit.modal-close img {
    position: absolute;
    right: 40px;
}

/* 
.send-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
} */

.error-message {
    display: none;
}

.range-wrapper {
    display: flex;
}

.description-application {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.description-application label {
    font-weight: 700;
}

.description-application textarea {
    border-radius: 8px;
    width: 100% !important;
    padding: 16px 20px;
    min-height: 172px;
    color: #A7A7A7;
    resize: none;
    border: 1px solid #E8E8E8;
    overflow-y: auto;
}

.range-wrapper {
    display: flex;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.range-field {
    display: flex;
    align-items: center;
    padding: 10px;
    flex: 1;
}

.range-field input {
    border: none;
    outline: none;
    font-size: 14px;
    flex: 1;
    margin-left: 5px;
    background: transparent;
}

.range-label {
    color: #666;
    font-size: 14px;
    white-space: nowrap;
}

.divider-bar {
    width: 1px;
    background-color: #e1e1e1;
    height: 100% !important;
}

.range-field input {
    padding: 0;
}


.applicaiton-room-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-right: 40px; */
    margin-bottom: 40px;
}

.form-exit {
    position: absolute;
    right: 0;
    top: 30%;
    width: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/*Страница Услуг - детально*/

@media screen and (max-width: 480px) {
    input[type="image"] {
        width: 100%;
    }
}

.b-news-detail-text {
    overflow-x: auto;
    width: 100%;
}

/* Страница Личный кабинет сотрудника по вовлечению */

.lk-sidebar-employee {
    background: white;
    border-radius: 8px;
    width: 332px;
}

.lk-menu__header {
    padding: 28px;
    /* padding-bottom: 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.lk-menu__toggle {
    width: 32px;
    height: 32px;
    background: #027FEC;
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

span.lk-menu__title {
    font-size: 20px;
    font-weight: 700;
}

.lk-menu-container {
    width: 100%;
    transition: width 0.3s ease;
}

/* Свернутое состояние главного меню */
.lk-menu-container.collapsed {
    width: 72px;
}

.lk-menu-container.collapsed .lk-menu__title {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__text {
    display: none;
}

.lk-menu-container.collapsed .lk-menu__icon {
    margin-right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.lk-menu__toggle svg {
    transition: transform 0.3s ease;
}

.lk-menu-container.collapsed .lk-menu__toggle svg {
    transform: rotate(180deg);
}

.lk-menu-container.collapsed .lk-menu,
.lk-menu-container.collapsed .lk-menu__header {
    padding: 20px;
}

.lk-sidebar-employee.collapsed {
    width: 72px;
    transition: width 0.3s ease;
}

/*Кастомный хедер*/
.lk-custom-header {
    width: 100%;
    background: white;
    height: 88px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 48px;
}

a.lk-custom-header__nav {
    text-decoration: none;
    display: flex;
    gap: 6px;
}

.custom-header-logout-text {
    font-weight: 600;
    font-size: 14px;
}

.custom-logo-name-section {
    font-size: 20px;
    font-weight: 700;
}

.lk-custom-header__logo {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .lk-custom-header {
        padding: 0 20px;
        gap: 10px;
    }

    .custom-logo-name-section {
        font-size: 16px;
    }
}


@media screen and (max-width: 480px) {
    .custom-logo-name-section {
        font-size: 14px;
    }

    .lk-custom-header__logo {
        gap: 12px;
    }
}

/* Мобильное меню (&lt;800px) - вертикальный вариант */
@media (max-width: 800px) {
    .lk-sidebar-employee {
        width: 100% !important;
    }

    .lk-menu-container {
        width: 100% !important;
    }


    .lk-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        flex-direction: column;
        padding: 0 28px;
    }

    .lk-menu-container.open .lk-menu {
        max-height: 999px;
        padding-bottom: 28px;
    }

    .lk-menu__toggle svg {
        transition: transform 0.3s ease;
        transform: rotate(270deg);
    }

    .lk-menu-container.open .lk-menu__toggle svg {
        transform: rotate(90deg);
    }

    .lk-menu__title,
    .lk-menu__text,
    .lk-menu__icon {
        display: inline-flex !important;
    }

    .lk-menu__icon {
        margin-right: 8px;
        width: auto;
        justify-content: flex-start;
    }

    .lk-menu-container.collapsed {
        width: 100% !important;
    }
}



/*Страница Журнал регистрации заявок*/

.list-container-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal-name p.title {
    font-weight: 700;
    font-size: 20px;
}

.journal-nav-panel button.new-request {
    min-width: 170px;
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

button.new-request:hover {
    background: #006fd0;
}

button.new-request {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.journal-nav-panel button.new-request:hover {
    background: #006fd0;
}


div#notificationsList {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.journal-nav-panel {
    display: flex;
    gap: 12px;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 5px;
    align-items: center;
}

.journal-nav-panel button.download {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.journal-nav-panel button.download:hover {
    background-color: #e17400;
}

.journal-nav-panel button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

.filter-icon {
    transition: transform 0.6s ease;
}

.filter-settings:hover .filter-icon {
    transform: rotate(180deg);
}

table,
tbody {
    border: none;
}

tr {
    border: white !important;
}

.journal-list {
    width: 100%;
    overflow: hidden;
}

.search-container {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 951px;
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 6px;
    position: relative;
    height: 32px;
}

/* .filter-chip {
    display: flex;
    align-items: center;
    background-color: #E6F2FD;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    height: 26px;
} */

.filter-text {
    font-size: 14px;
    font-weight: 600;
    color: #027FEC;
}

.clear-filter {
    background: none;
    border: none;
    color: #027FEC;
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer;
    height: 26px;
    width: 26px;
    padding: 0;
}

.search-nav {
    max-width: 951px;
    width: 100%;
}

.search-input {
    flex: 1;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #333;
    padding: 16px;
    font-weight: 600;
}

.search-icon {
    border: none;
    width: 32px;
    height: 32px;
    background: none;
}

.company-tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 12px;
    border-radius: 6px;
    z-index: 9999;
    width: 344px;
    max-width: 90vw;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 4px 30px 0px #00000026;
    transform: translateY(20px);
}

td.meter-table-element-td {
    position: relative;
}

.company-link {
    color: #027FEC;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
}

.status-link,
.doc-link {
    color: #027FEC;
    cursor: pointer;
    text-decoration: underline;
}

.status-link {
    font-weight: 500;
}

.doc-link {
    font-weight: 600;
}

table.meter-table-element.journal-table th:first-child,
table.meter-table-element.journal-table td:first-child {
    min-width: 45px !important;
    max-width: 45px !important;
}


.t-registration-col p,
.t-square-col p {
    margin: 0;
    line-height: 100%;
}

.t-registration-col,
.t-square-col {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.regist-tr {
    min-width: 190px;
}

.applicant-tr,
.adress-tr {
    min-width: 150px;
}

.number-tr,
.square-tr,
.days-tr {
    min-width: 125px;
}

.rate-tr {
    min-width: 112px;
}

.protocol-tr {
    min-width: 144px;
}

.status-tr {
    min-width: 136px;
}

.num-tr {
    min-width: 46px;
}

/*Вставка с текстом о компании*/
.tooltip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span#tooltip-name {
    color: #027FEC;
    font-size: 16px;
    font-weight: 600;
}

button.tooltip-close {
    width: 16px;
    height: 16px;
    background: none;
    border: none;
    padding: 0;
}

.tooltip-close .close-btn {
    width: 100%;
    height: 100%;
}

p.win-desc {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
}

span#tooltip-unp,
span#tooltip-address,
span#tooltip-phone,
span#tooltip-email {
    font-weight: 400;
}

.sorting-icon {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.sorting-icon.flipped {
    transform: rotate(180deg);
}

.lk-moder-container {
    margin: 0 12px 12px;
}

th.col.contract.meter-table-element-th,
th.col.tax.meter-table-element-th,
th.col.service.meter-table-element-th {
    font-weight: 600;
    display: flex;
    justify-content: center;
}

th.num-tr.meter-table-element-th {
    text-align: center !important;
}


.journal-table th,
.journal-table td {
    text-align: center;
}

tr.meter-table-row.meter-table-header-row th {
    text-align: start;
}

.journal-table td:nth-child(3),
.journal-table td:nth-child(6),
.journal-table td:nth-child(8),
.journal-table td:nth-child(12),
.journal-table td:nth-child(14),
.journal-table td:nth-child(15) {
    text-align: start;
}


.legend-container {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .legend-container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

}

button.open-legend {
    font-size: 14px;
    font-weight: 600;
    border: #027FEC 1px solid;
    color: #027FEC;
    border-radius: 8px;
    padding: 6px 14px;
    background: none;
    transition: 0.3s ease;
    cursor: pointer;
}

button.open-legend:hover {
    background: #027FEC;
    color: white;
}

/*Легенда - подробно*/

.legend-detail-container {
    display: none;
    max-width: 740px;
    border-radius: 8px;
    background: white;
    padding: 16px;
    gap: 12px;
    flex-direction: column;
    /* position: fixed; */
    position: absolute;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    bottom: 80px;
}

@media (max-width: 768px) {
    .legend-detail-container {
        /* position: fixed; */
        position: absolute;
        bottom: 100px;
        left: 10px;
        right: 10px;
        width: auto;
        max-width: unset;
    }
}

p.comment {
    line-height: 110%;
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

.legend-data {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #383838;
    font-size: 14px;
    font-weight: 400;
}

.legend-data.text-desc1,
.legend-data.text-desc2,
.legend-data.text-desc3,
.legend-data.text-desc4,
.legend-data.text-desc5 {
    color: black;
}

.legend-data .text-example1,
.legend-data .text-example2,
.legend-data .text-example3,
.legend-data .text-example4,
.legend-data .text-example5 {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1 {
    background: #FFF6CC;
}

.text-example2 {
    background: #E8F9EA;
}

.text-example3 {
    color: #FF0000;
}

.text-example4 {
    color: #FF0000;
    background: #FFF6CC;
}

.flip-pages {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flip-pages button,
.flip-pages span {
    border: 1px solid #027FEC;
    background: white;
    color: #027FEC;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    min-width: 37px;
    min-height: 32px;
    text-align: center;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}

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

    .flip-pages button,
    .flip-pages span {
        min-width: 20px;
    }
}

.flip-pages button:hover {
    background: #e3f2fd;
}

.flip-pages .active {
    background: #027FEC;
    color: white;
    font-weight: bold;
}

.flip-pages .active:hover {
    background: #006FD0;
}




.flip-pages .dots {
    border: none;
    background: none;
    cursor: default;
    padding: 0;
    margin: 0;
    color: #027FEC;
}

.flip-pages .flip-previous,
.flip-pages .flip-next {
    font-weight: bold;
    font-size: 16px;
}

/*Классы для легенды*/

tr.highlighted-new-yellow td {
    background: #FFF6CC;
}

tr.highlighted-new-green td {
    background: #E8F9EB;
}

tr.highlighted-red td {
    color: #FF0000;
}

tr.highlighted-attention-yellow td {
    color: #FF0000;
    background: #FFF6CC;
}

/*Каталог свободных площадей*/

main.free-spaces-list {
    width: 100%;
    overflow: hidden;
}

.spaces-name .title {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
}

button.btn-object-action {
    border: none;
    background: #A7A7A7;
    color: white;
    border-radius: 6px;
    font-weight: 600;
    padding: 9px 12px;
    min-width: 165px;
}

.spaces-table-container {
    margin-bottom: 24px;
}

.free-spaces-gap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.tech-row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.tech-row .icon img {
    filter: grayscale(1) brightness(1.5);
}

.label {
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
}

.share-label--new {
    background: linear-gradient(135deg, #8caf0e 0%, #21bc71 100%);
}

.share-label--auction {
    background: linear-gradient(135deg, #e30a9e 0%, #db0936 100%);
    max-width: 55px;
}

/* [class^="icon-"],
[class*=" icon-"] {
    width: 24px;
} */

td.td-adress-table.meter-table-element-td {
    text-align: start;
}

.table-links-number {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
}

td.table-tech-img.meter-table-element-td,
td.table-floor-text.meter-table-element-td,
td.table-rate-info.meter-table-element-td {
    text-align: center;
}

td.table-classtype-room.meter-table-element-td,
td.table-date-rate.meter-table-element-td {
    text-align: start;
}

.table-link-changes {
    font-weight: 600;
    font-size: 14px;
    color: #027FEC;
    text-decoration: underline;
    cursor: pointer;
}


.meter-table-element-td .application-checkbox {
    margin: 0;
}

td.table-checkbox-input.meter-table-element-td {
    text-align: center;
}

td.table-num-link-center.meter-table-element-td {
    text-align: center !important;
}

.td-adress-table.unite-cell {
    position: relative;
}

/* 
.td-adress-table.unite-cell::after {
  content: "Блок";
  position: absolute;
  left: -62px;
  top: 50%; 
  transform: translateY(-50%) rotate(-90deg);
  background-color: #ff8400;
  color: #fff;
  border-radius: 6px;
  padding: 3px 5px;
} */

.unite-cell {
    position: relative;
}

.unite-label {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: center center;
    background: orange;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
}

.meter-table-wrapper {
    position: relative;
    /* обязательно */
}

.block-label {
    position: absolute;
    left: -62px;
    transform: translateY(-50%) rotate(-90deg);
    background: #ff8400;
    color: #fff;
    border-radius: 6px;
    padding: 3px 5px;
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
}

.spaces-table-container {
    position: relative;
}

.unite-overlays {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.unite-overlay {
    position: absolute;
    transform: rotate(-90deg) translateY(-50%) translateX(15px);
    color: white;
    background: #FF8400;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    z-index: 999;
    pointer-events: auto;
}


/*Стили легенды для страницы Журнала помещений*/

.legend-data .text-example1-journal,
.legend-data .text-example2-journal,
.legend-data .text-example3-journal,
.legend-data .text-example4-journal {
    border-radius: 8px;
    padding: 8px 14px;
}

.text-example1-journal {
    color: #000000;
    background: #FFF3E5;
}

.text-example2-journal {
    color:#000000;
}

.text-example3-journal {
    color:#000000;
    background: none;
	opacity: 0.4;
}

.text-example4-journal {
    color: #FF0000;
    background: white;
}

/*Классы для стилизации строк - Журнал помещений*/
.highlighted-example1-journal td {
    background: #FFF3E5;
}

.highlighted-example2-journal td {
    color: #FF0000;
    background: #E8F9EA;
}

.highlighted-example3-journal td {
    color: #FF0000;
    background: #E8E8E8;
}

.highlighted-example4-journal td {
    color: #FF0000;
    background: white;
}

.link-note-more {
    font-weight: 600;
    color: #027FEC;
    font-size: 14px;
}

/*Личный кабинет энергетика - показания электроэнергии*/
.electricity-maincontainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.electricity-maincontainer .title {
    color: #383838;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 22px;
}

.line-container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 800px) {
    /* .line-container {
        flex-direction: column;
    } */

    .primary-blue-btn.counting {
        min-width: 100% !important;
    }

    .search-input {
        padding: 0;
        width: 50%;
    }

    .line-container .download-btns {
        justify-content: center;
    }

    .secondary-orange-btn {
        width: 100% !important;
    }

}

.primary-blue-btn {
    border-radius: 6px;
    border: none;
    background: #027FEC;
    color: white;
    margin: 0;
    padding: 8px 24px;
    transition: 0.3s ease;
    font-weight: 600;
}

.primary-blue-btn.add-counter {
    min-width: 174px;
}

.primary-blue-btn.counting {
    min-width: 412px;
}

.primary-blue-btn:hover {
    background: #006fd0;
}

.secondary-orange-btn {
    color: white;
    border: none;
    background: #FF8400;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    width: 85px;
    transition: 0.3s ease;
    line-height: 120%;
    height: 32px;
}

.secondary-orange-btn:hover {
    background-color: #e17400;
}

.line-container button.filter-settings {
    border-radius: 6px;
    margin: 0;
    background: none;
    min-width: 32px;
    height: 32px;
    border: 1px solid #A7A7A7;
    transition: 0.3s ease;
}

button.secondary-orange-btn.create-dbf {
    min-width: 114px;
}

.line-container .docs-total-col {
    text-align: center;
}

.line-container .download-btns {
    display: flex;
    gap: 8px;
}

.electricity-maincontainer .bottom-container {
    display: flex;
    justify-content: flex-end;
}

/*ЛК энергетика - таблица показателей электроэнергии*/

tr.meter-table-row.line-result td {
    font-weight: 600;
    color: #027FEC;
    background-color: #E6F2FD;
}


th.adress-td.meter-table-element-th {
    min-width: 482px;
}


th.adrendator-td.meter-table-element-th {
    min-width: 280px;
}

/*чекбокс в журнале площадей*/

th.table-checkbox-input.meter-table-element-th .application-checkbox,
td.table-checkbox-input.meter-table-element-td .application-checkbox {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    padding: 0;
}

th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark {
    width: 16px;
    height: 16px;
}


th.table-checkbox-input.meter-table-element-th .application-checkbox .checkmark::after,
td.table-checkbox-input.meter-table-element-td .application-checkbox .checkmark::after {
    left: 4px;
    top: 1px;
    height: 8px;
}

/*ЛК - энергетика, ячейка с карандашом*/

.electricity-table-container .meter-table-header th:last-child,
.electricity-table-container .meter-table-body td:last-child {
    position: sticky;
    z-index: 1;
    right: 0;
    border-left: 1px solid #a7a7a7;
    padding: 12px 4px 12px 5px;
}

.electricity-table-container .meter-table-body td:last-child::before,
.electricity-table-container .meter-table-header th:last-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #a7a7a7;
}

.electricity-table-container .meter-table-header {
    z-index: 2;
}

button.btn-edit {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.info-container {
    display: flex;
    gap: 8px;
}

.button-action-container {
    display: flex;
    gap: 8px;
}


@media screen and (max-width: 1220px) {
    .button-action-container {
        flex-direction: column;
    }

    .secondary-orange-btn {
        flex: 1;
    }
}

@media screen and (max-width: 860px) {
    .info-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .lk-moder-container {
        margin: 0;
    }
}

/*Журнал свободных площадей - адаптив*/

.free-spaces-gap .journal-nav-panel {
    align-items: start;
}

@media screen and (max-width: 1850px) {
    .free-spaces-gap .journal-nav-panel {
        flex-direction: column;
    }

    .journal-row.row-2 .search-container,
    .journal-row.row-2 .search-nav {
        max-width: initial;
    }
}

@media screen and (max-width:1500px) {
    .free-spaces-gap .journal-nav-panel {
        display: flex;
        flex-direction: column;
    }

    /*Текст в кнопках*/
    .free-spaces-gap .new-request,
    .free-spaces-gap .btn-object-action,
    .free-spaces-gap .download {
        font-size: 0 !important;
        position: relative;
    }

    .free-spaces-gap .new-request::after,
    .free-spaces-gap .btn-object-action::after,
    .free-spaces-gap .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .free-spaces-gap .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .free-spaces-gap .journal-nav-panel button.download {
        width: 40px;
    }
}

.journal-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.journal-row.row-1 {
    justify-content: flex-start;
    width: 100%;
}

.journal-row.row-2 {
    width: 100%;
}

.journal-row.row-3 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 .docs-total-col {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .journal-row.row-1,
    .journal-row.row-2 {
        gap: 8px;
    }

}

.journal-row.row-1 .new-request,
.journal-row.row-1 .btn-object-action {
    min-width: initial;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .journal-row.row-1 {
        flex-direction: column;
    }
}

@media screen and (max-width: 1180px) {
    .journal-row.row-3 {
        flex-direction: row;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .journal-row.row-3 {
        flex-direction: column;
        gap: 8px;
    }

}

/*Строка в журнале заявок*/

@media screen and (max-width: 1500px) {
    .list-container-block .journal-nav-panel {
        flex-direction: column;
    }

    /* .list-container-block .journal-nav-panel button.new-request {
        max-width: 250px;
    } */

    .list-container-block .download {
        font-size: 0 !important;
        position: relative;
    }

    .list-container-block .download::after {
        font-size: 14px;
        font-weight: 600;
        color: white;
        content: attr(data-label-short);
    }

    .list-container-block .journal-nav-panel button.download::after {
        content: url("/upload/lk-journal/arrow-download.svg");
        display: inline-block;
        vertical-align: middle;
    }

    .list-container-block .journal-nav-panel button.download {
        width: 40px;
    }

    .list-container-block .journal-nav-panel button.new-request,
    .list-container-block .docs-total-col {
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .list-container-block .journal-nav-panel {
        width: 100%;
        padding: 0;
    }

    .list-container-block .journal-row.row-3 {
        flex-direction: column;
    }

    .list-container-block .docs-total-col {
        width: 100%;
    }
}


/*ЛК энергетика: строка в показаниях счетчиков*/

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

    .line-rows.row-1,
    .line-rows.row-2 {
        display: flex;
        gap: 8px;
    }

    .line-container {
        flex-direction: column;
    }
}

@media screen and (max-width: 1160px) {
    .line-rows.row-1 {
        flex-direction: column;
    }

    .line-rows.row-3 {
        display: flex;
        gap: 8px;
    }
}

/*Класс custom nomenu - для страниц лк без меню*/

.custom-nomenu {
    border-radius: 16px;
}

/* Стили для функционала сравнения */

/* Иконка сравнения */
.icon-compare {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


.catalog-card__compare-link.active {
    background-color: #4CAF50;
    color: white;
}

/* Счетчик сравнения в шапке */
.header-compare {
    display: inline-block;
    margin-right: 15px;
}

.header-compare .header-btn {
    position: relative;
}

.compare-count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: none;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff5722;
    color: white;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    padding: 0 5px;
}

/* Страница сравнения */
.compare-page {
    margin-bottom: 30px;
}

.compare-page__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.compare-page__title {
    font-size: 24px;
    font-weight: bold;
}

.compare-page__clear {
    color: #ff5722;
    text-decoration: underline;
    cursor: pointer;
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e0e0e0;
}

.compare-table th,
.compare-table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.compare-table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.compare-table__image {
    max-width: 200px;
    height: auto;
}

.compare-table__remove {
    color: #ff5722;
    cursor: pointer;
    text-decoration: underline;
}

/* Уведомления */
.notification-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.notification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.notification.show {
    opacity: 1;
}

.notification.success {
    background-color: #4CAF50;
}

.notification.error {
    background-color: #F44336;
}

/*Карта сайта*/
table.map-columns ul.map-level-0 {
    list-style: none;
    display: flex;
    padding: 32px;
    flex-direction: column;
    gap: 12px;
    margin: 0px !important;
}

table.map-columns ul.map-level-0 a {
    color: #383838;
    text-decoration: none;
    transition: 0.3s ease;
}

table.map-columns {
    width: 100%;
    background: white;
    border-radius: 16px;
}

table.map-columns ul.map-level-0 a:hover {
    color: #027fec;
}

/*лейбл у акционов*/

.labels-row span.label.share-label--auction {
    font-size: 14px;
}

.labels-row {
    width: 124px;
}

label#citySelect-error {
    margin-top: 2px;
}

label#area_from-error,
label#area_to-error {
    font-size: 12px;
}

/*Модальное окно добавления уведомлений*/
div#notificationModal .modal-header {
    background: none;
    display: flex;
    justify-content: center;
}

div#notificationModal .form-group label {
    font-weight: 700;
}

div#notificationModal .form-group span {
    font-weight: 600;
}

div#notificationModal button.cancel-btn {
    flex: 0 auto;
    border: 1px solid var(--primary-color);
    color: #027FEC;
    background-color: #fff;
}

div#notificationModal button.cancel-btn:hover {
    background-color: var(--hover-color);
    transform: none;
    box-shadow: none;
    color: white;
}

div#notificationModal .modal-header h2 {

    color: #383838;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
}

div#notificationModal .close {
    color: #383838;
    position: absolute;
    right: 0;
    padding-right: 24px;
}

form#notificationForm input#title,
form#notificationForm input#sendDate,
form#notificationForm textarea#messageText {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
}

form#notificationForm .submit-btn {
    padding: 12px;
    background: #027FEC;
    border-radius: 8px;
    color: white;
    transition: 0.3s ease;
}

form#notificationForm .submit-btn:hover {
    transform: none;
    box-shadow: none;
    background: var(--hover-color);
}

@media screen and (max-width: 480px) {
    div#notificationModal .modal-content {
        margin: 0;
        max-width: initial;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}

/*Модальное окно Ссылка на подборку*/

div#shareSelectionModal .modal-header h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-transform: math-auto;
    color: #383838;
}

div#shareSelectionModal .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px;
    margin: 0;
    padding: 32px 32px 16px 32px;
}

div#shareSelectionModal .share-link-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    width: 100%;
    gap: 20px;
    margin: 12px 0px;
}

div#shareSelectionModal button#copyLinkBtn {
    height: initial;
    background: none;
    color: currentColor;
    width: initial;
    right: 0;
    color: var(--primary-color);
    padding: 0;
    transition: 0.3s ease;
    display: flex;
    gap: 4px;
    flex-direction: row;
    padding-right: 10px;
}

div#shareSelectionModal button#copyLinkBtn:hover {
    color: var(--hover-color);
}

div#shareSelectionModal .modal-footer {
    display: none;
}

div#shareSelectionModal span.modal-close {
    position: absolute;
    right: 40px;
}

div#shareSelectionModal .modal-body {
    padding: 16px 40px 40px 40px;
}

div#shareSelectionModal input#shareLink {
    border: none;
    width: 100%;
    color: #383838;
    text-overflow: ellipsis;
}

div#shareSelectionModal .share-link-container label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
}

div#shareSelectionModal label {
    font-weight: 700;
}

div#shareSelectionModal button#copyLinkBtn:active {
    box-shadow: none;
}

@media screen and (max-width: 480px) {
    div#shareSelectionModal .share-link-container {
        flex-direction: column;
    }

    div#shareSelectionModal span.modal-close {
        right: 20px;
    }
}

/**/

button#clearSelectionBtn {
    padding: 0;
    height: 32px;
    width: 140px;
}

.journal-row.row-1 button.btn-object-action {
    height: 32px;
    max-width: 284px;
    padding: 0px;
}

.journal-row.row-1.custom-line {
    max-width: 430px;
}

@media screen and (max-width: 1180px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        flex: 1;
        max-width: initial;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        flex: 1;
        width: 100%;
    }

    .journal-row.row-1.custom-line {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .journal-row.row-1.custom-line button.btn-object-action {
        padding: 12px 9px;
    }

    .journal-row.row-1.custom-line button#clearSelectionBtn {
        padding: 12px 9px;
    }
}

/*Изображение на главном экране*/


.citrus-sf-field._open[data-template="NUMBERS"] .citrus-sf-values {
    top: 45px !important;
}

/*Стили для модального окна вопроса*/
#surveyModal .application-room-form {
    min-width: 600px;
}

body #surveyModal .form-exit {
    top: 0px;
    transform: initial;
}

body #surveyModal .modal-close {
    top: initial;
}

#surveyModal input.citrus-sf__button._submit {
    min-width: 140px;
}

@media screen and (max-width: 768px) {
    body #surveyModal .application-room-form {
        width: 100%;
        min-width: initial;
        height: 100%;
        border-radius: 0px;
    }

    body #surveyModal .modal-close {
        top: initial;
        right: -20px;
    }

    /* 
    body .vote-form-box-buttons.vote-vote-footer {
        margin-top: 10px;
    } */
}



span.vote-answer-item.vote-answer-item-radio {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}


.vote-form-box-buttons.vote-vote-footer {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}



span.vote-answer-item.vote-answer-item-textfield input {
    border: none;
    border-bottom: 1px solid #A7A7A7;
    width: 100%;
    background: none;
    padding: 8px;
}

span.vote-answer-item.vote-answer-item-textfield input:focus-visible {
    outline: none;
}

span.vote-answer-item.vote-answer-item-radio [type="checkbox"],
[type="radio"] {
    width: 16px;
    height: 16px;
}

/*Анимация галочки*/

.approve_icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    --green-brn-approve: #1FC119;
    box-shadow: inset 0px 0px 0px var(--green-brn-approve);
    animation: fill 0.4s ease-in-out 0.4s forwards,
        scale 0.3s ease-in-out 0.9s both;
}

.approve_icon_circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--green-brn-approve);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.approve_icon_check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px var(--green-brn-approve);
    }
}

.approving-sticker {
    height: 64px;
    width: 64px;
    margin: 0 auto;
}

p font.notetext {
    display: flex;
    justify-content: center;
}

/* 
@media screen and (max-width: 768px) {
    body div#custom-modal-content {
        display: flex;
        height: 100%;
        width: 100%;
        margin-top: 0px;
    }
} */


div#custom-modal-content h3.application-title-text {
    margin: 0;
}

.approving-sticker.apll-con {
    margin: 0px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.application-info .info-text {
    font-size: 16px;
    text-align: center;
}

.appli-btn-close.apll-con {
    right: 32px;
    top: 32px;
}

.application-container .appli-btn-close {
    top: 24px;
    right: 24px;
}

/*Кнопка добавить системное уведомление*/
body .add-notification-btn {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.add-notification-btn:hover {
    background: var(--hover-color);
}

.block-container-notify {
    cursor: pointer;
    transition: 0.3s ease;
}

.block-container-notify:hover {
    background: var(--primary-color);
}

.block-container-notify:hover .notification-time,
.block-container-notify:hover .notification-text {
    color: white;
}

/*Стили страницы ЛК Аукционы*/

.origin-header {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 24px;
    text-align: left;
}

.lk-auctions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .lk-auctions__header {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.notification-form textarea#messageText {
    resize: none;
}

.notification-form label.radio-option {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 6px;
    align-items: center;
}

/*Страница редактирования элемента ЛК Аукционы - edit/add*/

.lk-auction-edit .form-group label,
.lk-auction-add .form-group label {
    display: block;
    font-weight: 700;
    color: #333;
}

span.required {
    color: red;
}

.lk-auction-edit button.btn.btn-primary,
.lk-auction-add button.btn.btn-primary {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
}

.lk-auction-edit a.btn,
.lk-auction-add a.btn {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    transition: 0.3s ease;
}

.lk-auction-edit button.btn.btn-primary:hover,
.lk-auction-add button.btn.btn-primary:hover {
    background-color: var(--hover-color);
}

.lk-auction-edit a.btn:hover,
.lk-auction-add a.btn:hover {
    background-color: var(--primary-color);
    color: white;
}

.lk-auction-edit #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #addingLots.no-body-rows .meter-table-element td,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element-th,
.lk-auction-edit #selectedLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-add #addingLots.no-body-rows .meter-table-element-th,
.lk-auction-edd #addingLots.no-body-rows .meter-table-element td {
    border-bottom: none !important;
}

.lk-auction-edit button.btn-cancel-add,
.lk-auction-edit button.btn-remove-room,
.lk-auction-add button.btn-cancel-add,
.lk-auction-add button.btn-remove-room {
    background: var(--primary-color);
    color: white;
    border-radius: 8px;
    transition: 0.3s ease;
    cursor: pointer;
    border: none;
    padding: 9px 12px;
}

.lk-auction-edit .custom-select-wrapper,
.lk-auction-add .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-auction-edit .custom-select,
.lk-auction-add .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-auction-edit .custom-select-wrapper::after,
.lk-auction-add .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-auction-edit .custom-select-wrapper.open::after,
.lk-auction-add .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

.lk-auction-edit form,
.lk-auction-add form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.lk-auction-edit input.js-datetime.flatpickr-input.flatpickr-mobile {
    /* padding: 8px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px; */
}

.lk-auction-edit .bx-ed-type-selector,
.lk-auction-add .bx-ed-type-selector {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lk-auction-edit span.bx-ed-type-selector-item,
.lk-auction-add span.bx-ed-type-selector-item {
    display: flex;
    gap: 6px;
    align-items: center;
}

.lk-auction-edit span.bx-ed-type-selector-item label,
.lk-auction-add span.bx-ed-type-selector-item label {
    font-weight: 400 !important;
}


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

    .lk-auction-edit form,
    .lk-auction-add form {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

}

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

    .lk-auction-edit div.bx-html-editor,
    .lk-auction-add div.bx-html-editor {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/*---*/

#custom-modal-overlay .application-container {
    padding: 40px;
}

/*Стили страницы ЛК Опросник*/

.lk-oprosnik .summary,
.lk-oprosnik-edit .summary {
    font-size: 20px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 34px;
    text-align: left;
}

.lk-oprosnik-edit .summary {
    margin-bottom: 12px;
}

form.filter.oprosnik {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
}

.oprosnik-custom-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}


a.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
}

.lk-oprosnik a.standart-blue-btn {
    min-width: 283px;
}

a.standart-blue-btn:hover {
    background: var(--hover-color);
}

button.standart-blue-btn {
    background: var(--primary-color);
    padding: 8px 24px;
    text-decoration: none;
    color: white;
    border-radius: 6px;
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: 600;
    border: none;
}

button.standart-blue-btn:hover {
    background: var(--hover-color);
}

select.select-field.opros {
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    padding: 5px 12px;
    flex: 1;
}

.opros-fields.container {
    display: flex;
    gap: 12px;
    width: 100%;
}

.lk-oprosnik .actions {
    display: flex;
}

.oprosnik-custom-col label {
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.oproskin-main-container {
    display: flex;
    gap: 16px;
    width: 100%;
}

.opros-btn.container {
    display: flex;
    gap: 12px;
}



/*Диаграмма в ЛК - Опросник*/
.diagram-container-opros {
    margin: 80px auto;
    height: 100%;
    text-align: center;
}

div#oprosnikLegend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
    justify-items: start;
    font-size: 13px;
    text-align: left;
    width: 80%;
    margin: 100px auto;
}

.diagram-section.opros {
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    flex: 1;
}

canvas#oprosnikChart {
    display: block;
    margin: 0px auto;
    box-sizing: border-box;
    height: 300px;
    width: 300px;

}

@media screen and (max-width: 1500px) {
    div#oprosnikLegend {
        grid-template-columns: initial;
        justify-content: center;
    }
}

@media screen and (max-width: 1040px) {
    .oproskin-main-container {
        flex-direction: column;
    }

    form.filter.oprosnik {
        flex-direction: column;
    }

    .opros-btn.container {
        width: 100%;
    }

    button.standart-blue-btn {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .opros-btn.container {
        display: flex;
        flex-direction: column;
    }

    .lk-oprosnik a.standart-blue-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    canvas#oprosnikChart {
        width: 200px;
        height: 200px;
    }

    .diagram-container-opros {
        margin: 40px auto;
    }

    div#oprosnikLegend {
        margin: 40px auto;
    }
}

@media screen and (max-width: 380px) {
    .lk-oprosnik a.standart-blue-btn {
        min-width: initial;
        justify-content: center;
        text-align: center;
    }
}


/*---*/

.lk-oprosnik .meter-table {
    flex: 1;
}

.lk-oprosnik .meter-table-element tr:last-child td {
    background: #F5F5F5;
}

.lk-oprosnik .meter-table-element th:first-child,
.lk-oprosnik .meter-table-element td:first-child {
    min-width: 70px;
    max-width: initial;
}

/*ЛК - Опросник Поля с выпадающим списком*/
.lk-oprosnik .custom-select-wrapper,
.report-container .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select,
.report-container .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after,
.report-container .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after,
.report-container .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ЛК - Опросник Поля с выпадающим списком */
.lk-oprosnik .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.lk-oprosnik .custom-select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    cursor: pointer;
    padding-right: 30px;
}

.lk-oprosnik .custom-select-wrapper::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(/upload/bottom-arrow.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.lk-oprosnik .custom-select-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg);
}

/*Иконка спец. предложения*/

span.label.label--special-offer {
    right: 83px;
    height: 24px;
    display: flex;
    width: 24px;
    position: absolute;
    z-index: 6;
    background: white;
    top: 28px;
    padding: 0px;
    box-shadow: 0 0 0 1px #f0e8e8;
}


.oprosnik-custom-col .select-wrapper .bootstrap-select>.dropdown-toggle {
    height: 32px;
}

.lk-oprosnik-edit .btn.secondary {
    display: flex;
    align-items: center;
    background: white !important;
    border: 1px solid var(--primary-color);
    transition: 0.3s ease;
    color: var(--primary-color);
}

.lk-oprosnik-edit .btn.secondary:hover {
    background: var(--primary-color) !important;
    color: white;
}

/*---*/

.lk-auction-add .meter-table-element th:first-child,
.lk-auction-add .meter-table-element td:first-child,
.lk-auction-edit .meter-table-element th:first-child,
.lk-auction-edit .meter-table-element td:first-child {
    min-width: 105px;
    max-width: 200px;
    width: initial !important;
}

.lk-auction-add .meter-table-element input,
.lk-auction-edit .meter-table-element input {
    max-width: 180px;
    min-width: 40px;
    width: 100%;
}

.lk-auction-add .meter-table-element th,
.lk-auction-add .meter-table-element td,
.lk-auction-edit .meter-table-element th,
.lk-auction-edit .meter-table-element td {
    max-width: 200px;
    min-width: 80px;
    width: initial !important;
}

.lk-auction-edit .meter-table-element td:last-child,
.lk-auction-edit .meter-table-element th:last-child {
    min-width: 140px;
}

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

    .lk-auction-add .meter-table-element th:first-child,
    .lk-auction-add .meter-table-element td:first-child,
    .lk-auction-edit .meter-table-element th:first-child,
    .lk-auction-edit .meter-table-element td:first-child {
        min-width: 200px;
    }

    .lk-auction-add .meter-table-element input,
    .lk-auction-edit .meter-table-element input {
        min-width: 60px;
    }

}

.history-table {
    border-right: 1px solid #e0e6ef;
    border-bottom: 1px solid #e0e6ef;
}

.schetchik-page-table .meter-table-element th,
.schetchik-page-table .meter-table-element td {
    border-bottom: 1px solid #A7A7A7;
}

.schetchik-page-table .meter-table-element tr.meter-table-row.is-last-no-bottom td {
    border-bottom: none !important;
}

a.billing-header-link.selected-month {
    display: flex;
    gap: 4px;
    align-items: center;
}

/*ЛК Отчеты Каталог*/
.report-header h2 {
    text-align: left;
    color: #383838;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Wix Madefor Display', sans-serif;
}

body .report-container label {
    font-weight: 700;
    font-size: 14px;
}

body .rooms-section h3,
body .type-stats-section h3,
.report-container.rates h3,
.report-container.report .section-title {
    text-align: left;
    padding-bottom: 0;
    margin: 40px 0 24px;
    font-size: 18px;
    font-weight: 700;
    text-transform: math-auto;
}

.report-container.report .section-title {
    margin: 0 !important;
}

body .report-container .stats-cards {
    border-radius: 15px;
    background: linear-gradient(90deg, #027fec 0%, #0069c4 100%);
}

body .report-container .stat-card {
    background: none !important;
    box-shadow: none !important;
}

.report-container .application-field {
    flex-direction: row;
    align-items: center;
}

.report-container.catalog .select-wrapper {
    width: 30%;
}

/*Стили страницы ЛК Отчеты Сравнительный анализ*/

.report-container.analysis .report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.report-container.analysis .report-header h2 {
    margin-bottom: 0px;
}

.analysis-btns-container {
    display: flex;
}

.analysis-btns-container button.btn.btn-secondary,
.report-container.analysis-modal button.btn.btn-secondary,
.report-container.rates button#resetFilters,
.report-container.auctions button#resetFilters {
    transition: 0.3s ease;
    background: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.analysis-btns-container button.btn.btn-secondary:hover,
.report-container.analysis-modal button.btn.btn-secondary:hover,
.report-container.rates button#resetFilters:hover,
.report-container.auctions button#resetFilters:hover {
    background: var(--primary-color);
    color: white;
}

.report-container.analysis .select-wrapper {
    width: 50%;
}

.report-container.analysis-modal button.btn.dropdown-toggle.btn-default,
.report-container.analysis-modal button.btn.btn-secondary {
    margin-left: 0px;
}

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

    .report-container.rates .report-header,
    .report-container.auctions .report-header {
        display: flex;
        align-items: flex-start;
    }

    .report-header {
        align-items: flex-start !important;
    }
}


@media screen and (max-width: 1200px) {
    .report-container.analysis .report-header {
        flex-direction: column;
        gap: 12px;
    }

    .report-container.analysis .form-row {
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .analysis-btns-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        align-items: flex-start;
    }

    .analysis-btns-container button.btn.btn-secondary {
        margin-left: 0px;
        padding: 9px 12px;
        width: 100%;
    }

    .report-container.analysis .report-header {
        align-items: flex-start;
    }

    .report-container.analysis .form-row {
        justify-content: flex-start;
    }

    .report-container.analysis button.btn.btn-primary {
        margin-left: 0px;
    }
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.filter-select {
    width: 100%;
    padding: 8px 40px 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    appearance: none;
    background: #fff;
    cursor: pointer;
}

.filter-select:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.7;
}

/* 
.custom-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: auto;
    pointer-events: none;
} */

.report-container.rates .filter-dropdown,
.report-container.auctions .filter-dropdown {
    display: flex;
    justify-content: center;
    width: 100%;
}

.report-container.rates .filter-form-inner,
.report-container.auctions .filter-form-inner {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    max-width: initial;
}

.report-container.rates .filter-buttons,
.report-container.auctions .filter-buttons {
    justify-content: flex-end;
}

.report-container.rates .btn-apply,
.report-container.auctions .btn-apply {
    font-weight: 600;
    transition: 0.3s ease;
}

.report-container.rates .btn-apply:hover,
.report-container.auctions .btn-apply:hover {
    background: var(--hover-color);
}

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

    body .report-container.rates .filter-form-inner,
    body .report-container.auctions .filter-form-inner {
        display: flex;
        flex-direction: column;
    }

    body .report-container.rates .filter-buttons,
    body .report-container.auctions .filter-buttons {
        display: flex;
        flex-direction: column;
    }

    body .report-container.rates button#resetFilters,
    body .report-container.auctions button#resetFilters {
        width: 100%;
    }

    body .report-container.rates .btn-apply,
    body .report-container.auctions .btn-apply {
        height: 46px;
    }

    body .report-container.rates .filter-select,
    body .report-container.auctions .filter-select {
        min-width: initial;
    }
}

/*ЛК Отчет по контенту*/

@media screen and (max-width:820px) {
    .report-container.report .report-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.citrus-sf-field.citrus-sf-field-hour-link {
    display: none;
}

/*модальное окно, стили с карточкой помещений*/


body .application-form .scroll-container {
    width: 100%;
    overflow-y: auto;
}

body .btn-listing.btn-small {
    width: 100%;
}


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

    #custom-modal-overlay:has(.application-container) .area-price:has(.is-block) {
        min-height: 56px;
        gap: 4px;
    }
}

@media screen and (max-width: 340px) {
    #custom-modal-overlay .area-square-desc {
        font-size: 10px;
    }

    #custom-modal-overlay .area-price {
        display: flex;
        justify-content: space-around;
    }

    .listing-scroll-wrapper {
        padding: 10px !important;
    }

    #custom-modal-overlay .application-confirm {
        padding-bottom: 40px;
    }
}

/*Страница ЛК Наши здания - индексная страница*/
.buildings-container.main-page a.btn.btn-primary {
    height: 32px;
}

.buildings-container.main-page .journal-nav-panel {
    padding-bottom: 12px;
}

@media screen and (max-width: 1100px) {
    .buildings-container.main-page .journal-nav-panel {
        flex-wrap: wrap;
    }

    .buildings-container.main-page .add-building-section {
        order: 1;
    }

    .buildings-container.main-page .docs-total-col {
        order: 2;
    }

    .buildings-container.main-page .search-nav {
        order: 3;
    }

}

@media screen and (max-width: 580px) {
    .buildings-container.main-page .add-building-section {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .buildings-container.main-page a.btn.btn-primary {
        width: 100%;
    }

    .buildings-container.main-page .docs-total-col {
        order: 2;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .buildings-container.main-page .search-input {
        padding-left: 12px;
    }
}

.buildings-container.main-page .filter-chips {
    margin: 0;
    flex-wrap: nowrap !important;
}

.buildings-container.main-page .filter-chip .filter-text {
    width: 100%;
}

/*изменения в мобильный хедер*/
@media screen and (max-width: 360px) {
    a.header-btn.hamburger.js-open-menu {
        padding: 0px;
        width: 28px;
    }

    .opener--mob.hidden-desktop {
        gap: 0px;
    }

    .mainheader1.header .c-side {
        z-index: 1;
        padding: 0 12px;
    }

    .mainheader1 .header-btn {
        font-size: 12px;
    }
}

/*---*/

.section.section--page-wrapper>.w>.section-inner .auktsiony-detail-page+.catalog-cards-wrapper .section:first-of-type {
    margin: initial !important;
    padding: initial !important;
}

/*---*/
h3.property-name-middle {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 16px;
    text-transform: math-auto;
}

/*---*/

.catalog-cards-wrapper.auction-cards-wrapper .catalog-cards__item {
    max-height: initial !important;
}

.catalog-cards-wrapper.auction-cards-wrapper ymaps.ymaps-2-1-79-balloon__content ymaps {
    width: 284px !important;
}

.catalog-cards-wrapper.auction-cards-wrapper .citrus-objects-map-popup {
    width: 284px;
}

@media (min-width: 990px) and (max-width: 1420px) {
    .catalog-cards-wrapper.auction-cards-wrapper .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px;
    }

    .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px;
    }
}

@media (min-width: 991px) and (max-width: 1391px) {
    .catalog-cards-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .catalog-cards-wrapper ymaps.ymaps-2-1-79-map {
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1391px) {
    body .catalog-cards-wrapper .catalog-card {
        flex-direction: column !important;
        display: flex !important;
        align-items: center;
    }
}

@media screen and (max-width: 1000px) {
    .auction-cards-wrapper .catalog-cards-map {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .auction-cards-wrapper .catalog-card__name.h3 {
        display: flex !important;
        justify-content: flex-start;
    }
	.application-confirm .save-btn-custom {margin-bottom: 24px}
}

/*Страница таблицы Свободных помещений*/

@media screen and (max-width: 768px) {
    .section__content.catalog-section-content .tech-row {
        flex-direction: column !important;
    }

    .table-slider__td.table-slider__NVP.view-cell {
        width: 100% !important;
    }

    .swiper-slide.table-slider__slide {
        width: auto !important;
    }
}


@media screen and (max-width: 768px) {
    .catalog-card__price-square {
        align-items: center;
    }
}

@media screen and (max-width: 380px) {
    .catalog-card .catalog-card__price .month-period {
        font-size: 14px;
    }

    .catalog-slider .catalog-card__price-square:has(.is-block) {
        margin-top: 6px !important;
    }
}


.catalog-slider .catalog-card__price-square:has(.is-block),
.catalog-card__price-square {
    margin-top: 10px !important;
}

/*---*/

.form-group.form-group-btn.js_material_switch_container .button-position-right {
    margin-left: initial !important;
    width: initial !important;
}

/*---*/

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

    .report-container.analysis button.btn.dropdown-toggle.btn-default {
        margin: 0;
    }

    .report-container.analysis .form-row {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .report-container.analysis .form-row {
        justify-content: center;
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .report-container.analysis .application-field {
        align-items: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .report-container.analysis button.btn.btn-primary {
        margin: 0;
        width: 100%;
    }

    body .report-container.analysis .application-field label {
        width: 90px;
    }

    .report-container.analysis .select-wrapper {
        max-width: 140px;
    }
}

/*---*/

@media screen and (max-width: 1200px) {
    .free-spaces-gap .journal-row.row-1 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .free-spaces-gap button.btn-object-action {
        width: 100%;
        max-width: initial;
    }

    .free-spaces-gap .journal-nav-panel .docs-total-col {
        width: 100%;
    }

    .free-spaces-gap .journal-row.row-1 button.btn-object-action {
        max-width: initial !important;
    }
}

/*---*/

.catalog-cards-row .catalog-card__property+.catalog-card__property {
    display: block !important;
}

/*---*/

.plan-canvas-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*---*/

.opener.hidden-mobile span.footer-counter.footer-favourites-counter,
.opener.hidden-mobile span.footer-counter.footer-compare-counter {
    margin-left: 4px;
}

/*---*/

.obnovlenie-btns.info {
    display: flex;
    margin-top: 10px;
    gap: 10px;
    justify-content: center;
}

@media screen and (max-width: 1000px) {
    .obnovlenie-btns.info {
        flex-direction: column;
        align-items: center;
    }
}

/*zoom icon*/
.plan-canvas-wrapper .btn-zoom img {
    width: 12px;
    height: 12px;
}

.plan-canvas-wrapper .btn-zoom {
    padding: 4px;
    display: flex;
    align-items: center;
    width: 26px;
    height: 26px;
    justify-content: center;
}

.plan-canvas-wrapper .plan-toolbar {
    background: initial !important;
    top: 0px;
    right: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.plan-canvas-wrapper:has(.fullscreen) {justify-content: center;}

#interactive-plan-canvas {
    border-radius: 4px;
    width: 100%;
}
.plan-canvas-wrapper:has(.fullscreen) #interactive-plan-canvas  {
	width: auto;
} 

.form-group.gap-0 .plan-container {
    display: flex;
    flex-direction: column;
}

.form-group.gap-0 .plan-container .plan-toolbar {
    right: 0px;
    padding-right: 0px !important;
}

/*---*/

.plan-toolbar {
    gap: 4px !important;
}

.zoom-value {
    color: white;
}

.zoom-controls.fullscreen .btn-zoom {
    padding: initial !important;
    width: 26px;
    display: flex;
    height: 26px;
    justify-content: center;
}

.zoom-controls.fullscreen {
    position: absolute;
    top: 20px;
    right: 52px;
}

.btn-zoom.map.fullscreen {
    top: 20px;
    position: absolute;
    right: 20px;
}

/*---*/

.district-checkbox-list {
    overflow-x: hidden;
}

.district-checkbox-item .district-name {
    font-weight: 400;
}

/*---*/

img.custom-arrow {
    width: 12px;
}

/*---*/

.districts-dropdown-trigger._disabled {
    opacity: 1;
}

/*---*/

.clear-rooms-link {
    font-weight: 600 !important;
    right: 0;
    position: absolute;
}

/*---*/

.btn-print {
    background: #28a745 !important;
    transition: 0.3s ease;
}

.btn-print:hover {
    background: #218838 !important;
}
/*---*/

.complex-search-option {
    display: none;
}

/* End */
/* /local/templates/citrus_arealty3/application/icon-fonts/icons.css?17773553744901 */
/* /local/templates/citrus_arealty3/application/src/css/010_header.css?17773553744863 */
/* /local/templates/citrus_arealty3/application/src/css/020_footer.css?17773553744306 */
/* /local/templates/citrus_arealty3/application/src/css/030_catalog.css?17773553741788 */
/* /local/templates/citrus_arealty3/application/src/css/040_lk.css?17773553743361 */
/* /local/templates/citrus_arealty3/application/src/css/060_redesign-pubstyles.css?17773553743789 */
/* /local/templates/citrus_arealty3/application/src/css/065_table.css?1777355374876 */
/* /local/templates/citrus_arealty3/application/src/css/070_btn.css?17773553747992 */
/* /local/templates/citrus_arealty3/application/src/css/100_list.css?17773553741081 */
/* /local/templates/citrus_arealty3/application/src/css/110_typography.css?17773553743734 */
/* /local/templates/citrus_arealty3/application/src/css/120_swiper.css?17773553743712 */
/* /local/templates/citrus_arealty3/application/src/css/140_layout.css?17775469854819 */
/* /local/templates/citrus_arealty3/application/src/css/150_main.css?17773553745251 */
/* /local/templates/citrus_arealty3/application/src/css/loading-animation.css?17773553741182 */
/* /local/templates/citrus_arealty3/components/bitrix/menu/mobile/style.min.css?17773553751920 */
/* /bitrix/components/citrus/currency/templates/.default/style.min.css?17773553783469 */
/* /local/templates/citrus_arealty3/components/citrus.arealty/header/.default/style.css?1777355375695 */
/* /local/templates/citrus_arealty3/components/bitrix/menu/main_menu/style.min.css?17773553751365 */
/* /local/templates/citrus_arealty3/components/bitrix/breadcrumb/.default/style.css?17773553751035 */
/* /local/templates/citrus_arealty3/components/bitrix/menu/footer_menu/style.min.css?17773553751152 */
/* /local/templates/citrus_arealty3/styles.css?177822287848493 */
/* /local/templates/citrus_arealty3/themes/blue//colors.css?17773553755409 */
/* /local/templates/citrus_arealty3/custom.css?1777355375190655 */