/* Start:/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/icomoon.css?17458192463462*/
@font-face {
  font-family: 'icomoon';
  src:  url('/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/fonts/icomoon.eot?v1');
  src:  url('/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/fonts/icomoon.eot?v1#iefix') format('embedded-opentype'),
    url('/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/fonts/icomoon.ttf?v1') format('truetype'),
    url('/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/fonts/icomoon.woff?v1') format('woff'),
    url('/bitrix/templates/citrus.developer/app/icon-fonts/icomoon/fonts/icomoon.svg?v1') format('svg');
  font-weight: normal;
  font-style: normal;
}

[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;
}

.icon-telegram:before {
  content: "\e937";
}
.icon-whatsapp:before {
  content: "\e938";
}
.icon-brand:before {
  content: "\e938";
}
.icon-social:before {
  content: "\e938";
}
.icon-plus:before {
  content: "\e933";
}
.icon-instagram:before {
  content: "\e935";
}
.icon-yt:before {
  content: "\e906";
}
.icon-fb:before {
  content: "\e90d";
}
.icon-tw:before {
  content: "\e902";
}
.icon-vk:before {
  content: "\e905";
}
.icon-i_food:before {
  content: "\e91e";
}
.icon-i_hospital:before {
  content: "\e91f";
}
.icon-i_park:before {
  content: "\e920";
}
.icon-i_school:before {
  content: "\e921";
}
.icon-i_shop:before {
  content: "\e922";
}
.icon-i_sport:before {
  content: "\e923";
}
.icon-i_baby:before {
  content: "\e924";
}
.icon-i_bank:before {
  content: "\e925";
}
.icon-i_beauty:before {
  content: "\e926";
}
.icon-i_car:before {
  content: "\e927";
}
.icon-i_church:before {
  content: "\e928";
}
.icon-i_cinema:before {
  content: "\e929";
}
.icon-odnoklassniki:before {
  content: "\e936";
}
.icon-trash:before {
  content: "\e932";
}
.icon-copy:before {
  content: "\e931";
}
.icon-checked:before {
  content: "\e934";
}
.icon-heart-del:before {
  content: "\e930";
}
.icon-calc:before {
  content: "\e92f";
}
.icon-close:before {
  content: "\e92e";
}
.icon-exclamation-triangle:before {
  content: "\e91c";
}
.icon-warning:before {
  content: "\e91c";
}
.icon-zoom:before {
  content: "\e92a";
}
.icon-print:before {
  content: "\e92b";
}
.icon-mail-2:before {
  content: "\e92c";
}
.icon-plan:before {
  content: "\e92d";
}
.icon-heart:before {
  content: "\e91d";
}
.icon-arrow_top:before {
  content: "\e91b";
}
.icon-time:before {
  content: "\e91a";
}
.icon-file_default:before {
  content: "\e919";
}
.icon-img-placeholder:before {
  content: "\e918";
}
.icon-map:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e901";
}
.icon-view_list:before {
  content: "\e903";
}
.icon-view_cards:before {
  content: "\e904";
}
.icon-arrow_left:before {
  content: "\e907";
}
.icon-arrow_right:before {
  content: "\e908";
}
.icon-benefit-1:before {
  content: "\e909";
}
.icon-benefit-2:before {
  content: "\e90a";
}
.icon-benefit-3:before {
  content: "\e90b";
}
.icon-benefit-4:before {
  content: "\e90c";
}
.icon-file_archive:before {
  content: "\e90e";
}
.icon-file_docx:before {
  content: "\e90f";
}
.icon-file_gif:before {
  content: "\e910";
}
.icon-file_jpg:before {
  content: "\e911";
}
.icon-file_pdf:before {
  content: "\e912";
}
.icon-file_png:before {
  content: "\e913";
}
.icon-file_pptx:before {
  content: "\e914";
}
.icon-file_xlsx:before {
  content: "\e915";
}
.icon-logo:before {
  content: "\e916";
}
.icon-mail:before {
  content: "\e917";
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/icon-fonts/ruble/font-rub.css?1745819246348*/
@font-face {
	font-family: 'rub';
	src:  url('/bitrix/templates/citrus.developer/app/icon-fonts/ruble/RUBSN.ttf');
	src: url('/bitrix/templates/citrus.developer/app/icon-fonts/ruble/RUBSN.woff2') format('woff2'),
		url('/bitrix/templates/citrus.developer/app/icon-fonts/ruble/RUBSN.ttf') format('truetype'),
		url('/bitrix/templates/citrus.developer/app/icon-fonts/ruble/RUBSN.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
[data-currency-icon]:after, .rub:before {
	font-family: 'rub';
	content: ' \0443';
	text-transform: none;
	font-size: 0.96em;
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/typography.css?17458192464416*/
@font-face {
    font-family: "AeonikPro";
    src: local("AeonikPro"),
        url("/bitrix/templates/citrus.developer/app/css/../fonts/AeonikProTRIAL-Regular.otf") format('opentype');
    font-weight: normal;
}
@font-face {
    font-family: "AeonikPro";
    src: local("AeonikPro"),
    url("/bitrix/templates/citrus.developer/app/css/../fonts/AeonikProTRIAL-Bold.otf") format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: "AeonikPro";
    src: local("AeonikPro"),
    url("/bitrix/templates/citrus.developer/app/css/../fonts/AeonikProTRIAL-Light.otf") format('opentype');
    font-weight: 300;
}

@media all {
    html, html.tag-html {
        font-size: 15px;
    }
    body, body.tag-body {
        font-size: 1em;
        line-height: 1.5;
        color: #333;
        cursor: default;
        font-family: "AeonikPro", sans-serif;
    }

    hr {
        background-color: #c5b99f;
        border: 0;
        margin: 55px 0;
        height: 1px!important;
    }

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

    p {
        margin: 0 0 1rem;
    }
    p:last-child {
        margin-bottom: 0;
    }

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

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

    button, .not-selected {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .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
    }

    .pos-r {
        position: relative;
    }

    .table {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .table .tr {
        display: table-row;
        height: 100%;
    }
    .table .tc {
        display: table-cell;
    }

    .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;
    }
}
@media (max-width: 560px) {
    html, html.tag-html {
        font-size: 14px;
    }
}

/* h1-h6 */
@media all {
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
        font-family: "AeonikPro", serif;
        margin-top: 0;
        margin-bottom: 1em;
        font-weight: 400;
        line-height: 1.2;
        color: #333;
    }
    h1, .h1 {
        font-size: 50px;
        font-weight: 300;
        text-align: center;
    }
    h2, .h2 {
        font-size: 36px;
        font-weight: 300;
        margin-top: 3rem;
        text-align: center;
        /*margin-bottom: 1.314285714285714em;*/
        /*margin-bottom: 0.6857142857142857em;*/
    }
    h2:first-child, .h2:first-child {
        margin-top: -0.125em;
    }
    h3, .h3 {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 1.5rem;
        font-family: "AeonikPro", sans-serif;
    }
    h3:first-child, .h3:first-child {
        margin-top: -0.125em;
    }
    h4, .h4 {
        font-size: 16px;
        font-weight: 700;
        color: #333;
        text-transform: uppercase;
        font-family: "Open Sans",Helvetica,Arial,sans-serif;
    }
    h4:first-child, .h4:first-child {
        margin-top: -0.125em;/*-0.1714285714285714em*/
    }
    h5, .h5 {
        font-size: 1.25rem;
    }
    h6, .h6 {
        font-size: 1rem;
        font-weight: 600;
    }
}
@media (max-width: 560px) {
    h1, .h1, h2, .h2, h3, .h3 {
        text-align: center;
    }

    h1, .h1 {
        font-size: 35px;
    }

    h2, .h2 {
        font-size: 28px;
        font-weight: 400;
    }

    h3, .h3 {
        font-size: 18px;
    }

    h4, .h4 {
        font-size: 15px;
    }
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/list.css?17458192461719*/

@media all {
    ol,ul {
        padding-left: 20px;
    }
    ul li+li, ol li+li {
        margin-top: 10px;
    }

    .article>ul, ul.square, ul.round {
        margin: 15px 0;
        padding: 0;
        list-style: none;
    }
    .article>ul li, ul.square li, ul.round li {
        position: relative;
        padding-left: 20px;
    }
    .article>ul li:before, ul.square li:before, ul.round li:before {
        position: absolute;
        top: .6em;
        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%);*/
    }

    ul.round li:before {
        border-radius: 100%;
    }

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

/*checked list*/
@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: '\e934';
		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;
    }
    ul.checked-list li b {
		text-transform: uppercase;
		display: block;
		margin-bottom: 2px;
		font-weight: 700;
    }
    ul.checked-list li b:before {
        content: counter(checked-list)'. ';
        counter-increment: checked-list;
    }
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/btn.css?17458192467849*/

/*btn*/
@media all {
    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        vertical-align: middle;
        background: none;
        border: none;
        text-transform: uppercase;
        font-size: 18px;
        height: 60px;
        padding: 0 20px;
        font-weight: normal;
        line-height: 1.2;
        border-radius: 4px;
        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;
    }
    .btn.btn-small {
        height: 50px;
        width: 230px;
        font-size: 16px;
    }
    .btn.btn-xsmall {
        height: 40px;
        width: auto;
        min-width: 170px;
        font-size: 14px;
        font-weight: normal;
    }
    .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, .btn.btn-secondary span.btn-label+span.btn-icon {
        margin: 0 0 0 8px;
    }
    .btn.btn-primary {
        color: #fff;
    }

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

    /*btn-transparent*/
    .btn.btn-transparent{
        border:2px solid #fff;
        background: transparent;
        color: #fff;
    }
    .bx-no-touch .btn.btn-transparent:hover{
        background: #fff;
    }

    /*btn-more*/
    .btn.btn-more {
        border: 2px solid #cccccc;
        color: #999999;
    }
    .bx-no-touch .btn.btn-more:hover {
        border-color: #999999;
        color: #666666;
    }

    /*btn-sub*/
    .btn.btn-white {
        border:2px solid #fff;
        background: transparent;
        color: #fff;
    }

    .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: 50px;
        font-size: 16px;
        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-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-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-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-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-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:/bitrix/templates/citrus.developer/app/css/layout.css?17458192463138*/

/*main-layout*/
@media all {
	img {
		max-width: 100%;
	}
  .article-content img {
    height: auto;
  }
	.w {
		width: 1310px;
		padding: 0 30px;
		max-width: 100%;
		margin: auto;
	}
  .w .section {
    margin: 0 -100vw;
    padding: 0 100vw;
  }
  .w .w {
    width: inherit;
    max-width: inherit;
    margin: inherit;
    padding: inherit;
  }
	.main-content {
		padding: 70px 0;
	}
}
@media (max-width: 767px) {
	.w {
		padding: 0 15px;
	}
}

/*sections*/
@media all {
	section.section._with-padding .section-inner {
		padding: 85px 0 100px;
	}
	.main-content>section.section._with-padding:first-child .section-inner {
		padding-top: 0;
	}
  .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.section-color-n  + .section.section-color-n .section-inner {
		border-top: 1px solid #cccccc;
	}

	.section.section-color-gray {
		background-color: #e5e5e5;
		border-top: none;
	}
	.section.section-color-light_gray {
		background-color: #f0f0f0;
		border-top: none;
	}

	.section__header {
		text-align: center;
		margin-bottom: 78px;
	}
	.section__header._min {
		margin-bottom: 40px;
	}
	.section__header._m0 {
		margin-bottom: 0;
	}
	.section__header._compact {
		margin-bottom: 60px;
	}

	.section__header h1, .section__header h2, .section__header h3, .section__header h4, .section__header h5, .section__header .h1, .section__header .h2, .section__header .h3, .section__header .h4, .section__header .h5 {
		margin-bottom: 10px;
	}
	.section-description {
		color: #666666;
		font-size: 20px;
		font-family: 'AeonikPro', sans-serif;
		font-weight: 300;
		margin-top: 10px;
		text-align: center;
		margin-bottom: 1em;
	}
		.section__header._compact .section-description {
			margin-top: 20px;
		}
	.section-legend {
		margin-top: 32px;
	}
	.section-footer {
		margin-top: 48px;
		text-align: center;
	}
	.section-footer .btn.btn-more:nth-child(2) {
		margin-left: 30px;
	}

	.section._with-padding._catalog-description .section-inner {
		padding-top: 0;
	}
	.section + .section.section-color-n._catalog-description .section-inner {
		border-top: none;
	}
}
@media (max-width: 1023px) {
	.section__header {
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {
	section.section._with-padding .section-inner {
		padding: 70px 0;
	}
	.section__header, .section__header._compact {
		margin-bottom: 40px;
	}
}
@media (max-width: 651px) {
	.section-footer .btn.btn-more:nth-child(2) {
		margin-left: 0;
		/*margin-top: 10px;*/
	}
}

@media (max-width: 621px) {
	.section-footer .btn.btn-more:nth-child(2) {
		margin-top: 10px;
	}
}

@media (max-width: 479px) {
	section.section._with-padding .section-inner {
		padding: 45px 0;
	}
	.section__header, .section__header._compact, .section__header._min {
		margin-bottom: 20px;
	}
	.section-footer {
		margin-top: 30px;
	}
}
@media (max-width: 560px) {
	.section-description {
		font-size: 16px;
	}
}

/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/modal.css?17458192463576*/

@media all {
    .mfp-wrap {
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0);
    }
    /* todo ios mobile scroll fix
    html.mfp-helper {
        height: 100%;
    }
    html.mfp-helper body {
        overflow: hidden;
        height: 100%;
        -webkit-transform: translateZ(0);
    }
    .mfp-bg,
    html.mfp-helper body {
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
    }*/
    .modal-header {
        border-radius: 3px 3px 0 0;
        padding: 10px;
        display: flex;
        align-items: center;
    }
    .modal-body {
        background-color: #fff;
        padding: 20px;
    }
    .modal-content {
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
        position: relative;
        margin: 30px auto;
    }
    .modal-footer {
        background-color: #fff;
        border-radius: 0 0 3px 3px;
        padding: 0 20px 20px;
    }
    .mfp-container {
        padding: 0;
    }

    .modal-w-400 {
        max-width: 400px;
    }
    .modal-w-900 {
        max-width: 900px;
    }
    .modal-pdf {
        width: 840px;
        max-width: 100%;
    }

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

    .modal-title, .btn.modal-close-btn {
        display: inline-flex;
        vertical-align: middle;
        color: #fff;
    }
    .modal-title {
        font-size: 18px;
        font-weight: 600;
        overflow: hidden;
        line-height: 40px;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 10px;
        width: calc(100% - 40px);
    }
    /*close*/
    .btn.modal-close-btn {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .bx-no-touch .btn.modal-close-btn:hover, .btn.modal-close-btn:active {
        background-color: rgba(0, 0, 0, .1);
    }

    /*phone*/
    .order-call__phone-number {
        font-size: 30px;
        padding-bottom: 14px;
        margin-bottom: 30px;
        text-align: center;
        border-bottom: 1px solid #cbcbcb;
    }
    .order-call__phone-number a{
        text-decoration: none;
        display: block;
    }
    .order-call__phone-number a:not(:hover) {
        color: #000;
    }

    /*photoSwipe*/
    .pswp__img {
        background-color: #fff;
    }
}
@media (max-width: 1023px) {
    .mfp-container {
        padding: 0;
    }
    .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-content {
        margin: 0;
        box-shadow: none;
        max-width: 100%;
        height: 100%;
    }
    .modal-header {
        border-radius: 0;
    }
    .modal-body {
        padding: 15px;
    }
    .modal-footer {
        border-radius: 0;
    }
    .mfp-container {
        padding: 0;
    }
    .mfp-container:before {
        display: none;
    }
    .mfp-content {
        background-color: #fff;
        height: 100%;
    }

    .modal-icalculator .modal-title {
        font-size: 16px;
    }

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



/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/map.css?17458192462106*/

/*map-link*/
@media all {
	.map-link {
		font-size: 13px;
		color: #999;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		position: relative;
		z-index: 3;
	}
	.map-link__icon {
		color: #c5c5c5;
		display: inline-block;
		width: 1em;
		height: 1em;
	}
}

/*map style*/
@media all {
	.citrus-objects-map {
		height: 480px;
		position: relative;
		background-color: #fff;
	}
	.citrus-objects-map:after {
		background-image: url("/bitrix/templates/citrus.developer/app/css/../img/loading.gif");
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		opacity: .1;
		z-index: 0;
	}
	.citrus-objects-map>ymaps {
		z-index: 1;
	}
	.citrus-objects-map-popup {
		display: block;
		width: 205px;
		overflow: hidden;
		text-decoration: none;
		font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	}
	.citrus-objects-map-popup__image {
		width: 100%;
	}
	.citrus-objects-map-popup__price {
		display: block;
		padding: 10px 8px 6px;
		color: #fff;
		font-size: 24px;
		line-height: 24px;
		text-align: center;
	}
	.citrus-objects-map-popup__price small {
		font-size: 18px;
		font-weight: 400;
	}
	.citrus-objects-map-popup__title {
		display: block;
		color: #333;
		font-size: 16px;
		line-height: 20px;
		margin: 8px 0;
	}
	.citrus-objects-map-popup__desc {
		display: block;
		color: #999;
		font-size: 13px;
		line-height: 16px;
		margin: 7px 0;
	}

	.citrus-objects-map .ymaps-touch-scroll {
		z-index: 0;
	}
}

/*popup map style*/
@media all {
	.mfp-wrap.full-screen-map .mfp-container {
		padding: 0;
	}
	.mfp-wrap.full-screen-map .mfp-content {
		position: absolute;
		top: 40px;
		bottom: 40px;
		left: 40px;
		right: 40px;
		width: auto;
		height: auto;
	}
	.mfp-wrap.full-screen-map .mfp-close {
		transform: translate(30px, -40px);
		opacity: 1;
		color: white;
	}
}
@media (max-width: 479px) {
	.mfp-wrap.full-screen-map .mfp-content {
		top: 20px;
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	/*todo иконку закрытия сделать кнопкой на карте*/
	.mfp-wrap.full-screen-map .mfp-close {
		transform: translate(30px, -30px);
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/main.css?174581924613746*/
/* main */
@media all {

	a {

	}
	a:hover {
		text-decoration: none;
	}
	.font-2 {
		/*font-family: 'Merriweather', Helvetica,sans-serif;*/
		font-family: 'AeonikPro', sans-serif;
	}

	.content-overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.50);
		z-index: 20;
		opacity: 0;
		pointer-events: none;
	}
	.content-overlay._active {
		pointer-events: all;
		opacity: 1;
		cursor: pointer;
	}
	body._overflow {
		overflow: hidden;
	}

	.form-sign {
		color: #999999;
		font-size: 13px;
	}

  div.main-menu-w {
    overflow: hidden;
  }
}

/*image placeholder*/
@media all {
	.img-placeholder {
		background-color: #f3f1ec;
		position: relative;
	}
	.img-placeholder>span {
		z-index: 1;
		position: relative;
	}
	.img-placeholder:before {
		content: "\e918";
		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;
	}
}

/*swiper*/
@media all {
	.p__swiper {
		position: relative;
	}
	.p__swiper .swiper-button-prev, .p__swiper .swiper-button-next {
		color: #cccccc;
		font-size: 60px;
		position: absolute;
		margin-top: 0;
		transform: translate(0, -50%);
		height: 2em;
		width: 1em;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		z-index: 1;
	}
	.p__swiper._nav-offset .swiper-button-prev {
		left: -95px;
	}
	.p__swiper._nav-offset .swiper-button-next {
		right: -95px;
	}
	.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: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 22px;
		width: auto;
		margin: 0 -4px;
		bottom: 0;
    }
    .p__swiper .swiper-pagination-bullet {
        width: 100px;
        height: 6px;
        background-color: #cccccc;
        border-radius: 0;
        opacity: 1;
        margin: 0 4px;
        transition: .15s ease;
    }
    .p__swiper .swiper-pagination-bullet:hover {
        background-color: #999999;
    }
    .p__swiper._pagination-hide-nav .swiper-pagination {
        display: none;
        min-width: 100%;
        align-items: center;
        justify-content: center;
        height: 22px;
		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;
	}

	/*.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination--lines .swiper-pagination-bullet {
		width: 100px;
		height: 6px;
		border-radius: 0;
		background-color: #cccccc;
		opacity: 1;
		transition: .15s ease;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination--lines .swiper-pagination-bullet:hover {
		background-color: #999999;
	}
	.p__swiper._pagination-top .swiper-pagination {
		top: 0;
		bottom: auto;
	}


	.p__swiper._pagination-top:not(._pagination-hide-nav):not(.swipes-locked) .swiper-container {
		padding-top: 30px;
	}
	.p__swiper._pagination-bot:not(._pagination-hide-nav):not(.swipes-locked) .swiper-container {
		padding-bottom: 30px;
	}
	*/

	/*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 (max-width: 1450px) {
	.p__swiper._nav-offset .swiper-button-prev, .p__swiper._nav-offset .swiper-button-next {
		display: none;
	}

	/*pagination*/
    .p__swiper._pagination-hide-nav .swiper-pagination {
        display: flex;
    }
	/*.p__swiper._pagination-hide-nav._pagination-top:not(.swipes-locked) .swiper-container {
		padding-top: 25px;
	}
	.p__swiper._pagination-hide-nav._pagination-bot:not(.swipes-locked) .swiper-container {
		padding-bottom: 25px;
	}*/
}
@media (max-width: 767px) {

	/*.p__swiper .swiper-container-horizontal>.swiper-pagination-bullets {
		left: 11px;
		right: 11px;
		margin: auto;
		width: auto;
	}*/
}

/*article*/
@media all {
	.article {
		display: flex;
		margin: 0 -15px;
	}
	.article + .article {
		margin-top: 85px;
		padding-top: 85px;
		border-top: 1px solid #cccccc;
	}
	.article._reverse {
		flex-direction: row-reverse;
	}
	.article-image-container {
		width: 426.66px;
		padding: 0 15px;
	}
	.article._reverse .article-image-container {
		text-align: right;
	}
	.article-mobile-image {
		display: none;
	}
	.article-image {
		max-width: 100%;
	}
	.article-content {
		flex: 1;
		padding: 0 15px;
	}
	.article-content h2, .article-content .h2 {
		margin-bottom: 0.6857142857142857em;
		text-align: left;
	}
	.article-footer {
		margin-top: 30px;
	}
}
@media (max-width: 1023px) {
	.article-image-container {
		width: 260px;
	}
	.article._reverse {
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	.article + .article {
		margin-top: 70px;
		padding-top: 70px;
	}
	.article-image-container {
		display: none;
	}
	.article-mobile-image {
		display: block;
		max-width: 262px;
		margin: 0 auto 30px;
	}

	.article-content .btn {
		margin: auto;
		display: flex;
	}
}
@media (max-width: 479px) {
	.article + .article {
		margin-top: 45px;
		padding-top: 45px;
	}
	.article-mobile-image {
		margin-bottom: 20px;
	}
}

/*about-list*/
@media all {
	.about-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: -15px 0;
	}
	.about-it {
		margin: 15px 0;
		padding: 12px 18px;
		width: calc(50% - 15px);
		background-color: #f0f0f0;
	}
	.about-it__number {
		color: #000000;
		font-size: 42px;
		font-family: 'Merriweather', Helvetica, sans-serif;
		line-height: 1;
	}
	.about-it__number:after {
		content: '';
		display: block;
		width: 100px;
		max-width: 100%;
		height: 6px;
		margin-top: -0.1230769230769231em;
	}

	/*animate*/
	.js-company-animate .about-it__number:after {
		width: 0;
		transition: 1.5s linear;
	}
	.js-company-animate._animated .about-it__number:after {
		width: 100px;
	}

	.about-it__description {
		color: #666666;
		margin-top: 18px;
		line-height: 1.2;
	}
}
@media (max-width: 1023px) {
	.about-list {
		width: 380px;
		max-width: 100%;
		margin: auto;
	}
}
@media (max-width: 479px) {
	.about-it__number {
		font-size: 55px;
	}
	.about-it__description {
		margin-top: 10px;
	}

	.about-list {
		margin: -10px auto;
	}
	.about-it {
		margin: 10px 0;
		padding: 10px;
		width: calc(50% - 10px);
	}
	.about-it__description {
		font-size: 13px;
	}
}

/*shares*/
@media all {
    .share-label, .img-placeholder .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 24px 0 17px;
        border: 3px solid #fff;
		background-color: currentColor;
        border-right: none;
        display: flex;
        align-items: center;
    }
	.share-label__text {
		color: #fff;
	}
    .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;
    }
}

/*checkbox*/
@media all {
	.square-checkbox {
		user-select: none;
	}
	.square-checkbox__input {
		visibility: hidden;
		position: absolute;
		left: -99999px;
	}
	.square-checkbox__input:disabled + .square-checkbox__checkmark {
		cursor: default;
		background-color: #ececec;
	}
	.square-checkbox__checkmark {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		height: 1em;
		width: 1em;
		border: 1px solid #cccccc;
		cursor: pointer;
		background-color: #fff;
	}
	.square-checkbox__checkmark:before {
		content: '';
		width: .6em;
		height: .6em;
		background-color: transparent;
		transition: .15s ease;
	}
}

/*select*/
@media all {
	select.select {
		height: 35px;
		background: #f7f7f7 url(/bitrix/templates/citrus.developer/app/css/../img/select-arrow.png) right 10px top 13px no-repeat;
		border: 1px solid #ccc;
		color: #555555;
		padding: 0 30px 0 10px;
		-moz-appearance: none;
		-webkit-appearance: none;
		display: block;
	}
}

/*footer*/
@media all {
	footer.f {
		background-color: #363636;
		color: #cccccc;
	}
	.footer__top {
		padding: 62px 0 70px;
	}
	.footer__column-title {
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 18px;
		color: #fff;
		display: block;
		text-decoration: none;
	}
	a.footer__column-title:hover {
		color: #fff;
		text-decoration: underline;
	}

	.footer__bot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 0 30px;
		border-top: 1px solid #52504b;
		color: #999999;
		font-size: 13px;
	}
	.footer__bot a {
		color: #999999;
		text-decoration: underline;
	}
	.footer__bot a:hover {
		color: #fff;
		text-decoration: none;
	}
	.footer__developer {

	}
}
@media (max-width: 767px) {
	.footer__top {
		padding: 50px 0;
		width: 360px;
		max-width: 100%;
		margin: auto;
	}
	.footer__column_contacts {
		margin-top: 50px;
	}
	.footer__column-title {
		text-align: center;
	}

	.footer__soc {
		justify-content: center;
	}

	.footer__bot {
		flex-direction: column;
		text-align: center;
	}
	.footer__developer {
		margin-top: 12px;
	}
}
@media (max-width: 479px) {
	.footer__column-title {
		font-size: 16px;
	}
}

/*soc*/
@media all {
	.soc-list {
		display: flex;
        flex-wrap: wrap;
		margin: -10px;
	}
	.soc-list.soc-list_footer {
		margin-top: 24px;
	}
	.soc-it {
		font-size: 26px;
		text-decoration: none;
		color: #cccccc;
		width: 50px;
		height: 50px;
		border: 2px solid;
		border-radius: 3px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin: 10px;
		-webkit-transition: .15s ease;
		transition: .15s ease;
	}
		.soc-list_colored .soc-it._fb, .soc-it._fb:hover {
			color: #5553be;
		}
		.soc-list_colored .soc-it._vk, .soc-it._vk:hover {
			color: #5779cf;
		}
		.soc-list_colored .soc-it._tw, .soc-it._tw:hover {
			color: #52b8ff;
		}
		.soc-list_colored .soc-it._youtube, .soc-it._youtube:hover {
			color: #cd0202;
		}
		.soc-list_colored .soc-it._instagram, .soc-it._instagram:hover {
			color: #833ab4;
		}
		.soc-list_colored .soc-it._odnoklassniki, .soc-it._odnoklassniki:hover {
			color: #ed812b;
		}
		.soc-list_colored .soc-it._telegram, .soc-it._telegram:hover {
			color: #5682a3;
		}
		.soc-list_colored .soc-it._whatsapp, .soc-it._whatsapp:hover {
			color: #52d8bc;
		}
		.soc-list_colored .soc-it._flamp, .soc-it._flamp:hover {
			color: #2E6BE5;
		}
		.soc-it._flamp{
			-webkit-transition: none;
			transition: none;
		}
		.icon-flamp{
			width: 45px;
			height: 45px;
			background-image: url(/bitrix/templates/citrus.developer/app/css/../img/flamp-min.svg);
			background-size: cover;
		}
		.soc-list_colored .soc-it._flamp .icon-flamp {
			background-image: url(/bitrix/templates/citrus.developer/app/css/../img/flamp-min-hover.svg);
		}
		.soc-it._flamp:hover .icon-flamp {
			background-image: url(/bitrix/templates/citrus.developer/app/css/../img/flamp-min-hover.svg);
		}
}

/*favorite*/
@media all {
	.js-add-to-favorites:not(._in-favorite) .in-favorite {
		display: none;
	}
	.js-add-to-favorites._in-favorite .not-in-favorite {
		display: none;
	}
}

/*mobile menu*/
@media (max-width: 1199px) {
	div.main-menu-w {
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		width: 360px;
		max-width: 80%;
		background-color: white;
		z-index: 310;
		padding: 30px 40px 20px;
		transform: translate(100%, 0);
		transition: .2s ease;
	}
	div.main-menu-w._active {
		transform: translate(0,0);
	}
}
@media (max-width: 767px) {
	div.main-menu-w {
		padding-left: 24px;
		padding-right: 24px;
	}
}

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

/*table*/
@media all {
	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;

	}
}

/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/table.css?1745819246876*/
/**
* 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:/bitrix/templates/citrus.developer/jk-template/style.css?174581924613411*/
/*header.php*/
@media all {
    .h {
        height: auto;
        position: relative;
        z-index: 10;
    }

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

    .h__top {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        position: relative;
        z-index: 2;
        width: 100%;
        min-width: 320px;
        background: #fff;
    }

    .h__right {
        display: flex;
        align-items: center;
    }

    .h__right-1 {
        display: flex;
        align-items: center;
    }

    .h__right-2 {

    }

    .logo__text {
        max-width: 300px;
    }

    .h__logo._developer {
        height: 130px;
        padding: 0 30px;
        margin-left: 29px;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        transition: .15s linear;
        filter: grayscale(100%);
    }

    .h__logo._developer .svg-logo {
        width: 50px;
        height: 50px;
    }

    .h__logo._developer .svg-logo__bg {
        fill: #cccccc;
    }

    .h__logo._developer .logo__text {
        max-width: 160px;
    }

    .h__logo._developer .logo__text-1 {
        font-size: 12px;
        color: #666666;
        text-transform: none;
    }

    .h__logo._developer .logo__text-2 {
        font-size: 14px;
        color: #666666;
        line-height: 1.4;
    }

    .logo__text-1, .logo__text-2, .logo__description {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

    .h__right-icon {
        font-size: 22px;
        border: 2px solid #ccc;
        border-radius: 2px;
        margin-left: 22px;
        color: #9a9a9a;
        width: 50px;
        height: 50px;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        transition: .3s ease;
    }

    .h__right-icon i {
        position: relative;
    }

    .h__right-icon-favorite__counter {
        position: absolute;
        top: -5px;
        right: -9px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 1.7em;
        height: 1.7em;
        font-weight: bold;
        background-color: #fff;
        visibility: hidden;
        border: 1px solid;
        font-size: 9px;
    }

    .h__phone-number {
        color: #000000;
        font-size: 20px;
        text-decoration: none;
        margin-right: 18px;
    }

    .h__order-call {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 2px;
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        transition: .3s ease;
    }

    a.h__order-call:hover {
        color: #fff;
    }

    a.h__gabmurder.hamburger {
        width: 50px;
        height: 50px;
        border: 2px solid #ccc;
        border-radius: 2px;
        margin-left: 22px;
    }

    a.h__gabmurder.hamburger:not(:hover) {
        color: #999999;
    }


}

@media (max-width: 1199px) {
    .h {
        height: 135px;
    }

    .h:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 5px;
    }

    .h__top {
        padding: 20px 0;
    }

    .h__top._fixed {
        position: fixed;
        top: 0;
        left: 0;
    }

    .h__logo._developer {
        margin-top: -20px;
        margin-bottom: -20px;
    }
}

@media (max-width: 1024px) {
    .h__logo._developer {
        display: none;
    }
}

@media (max-width: 767px) {
    .h {
        height: 115px;
    }

    .h__top {
        padding: 10px 0;
    }

    a.h__gabmurder.hamburger {
        margin-left: 10px;
    }

    .h__right-icon {
        margin-left: 10px;
    }
}

@media (max-width: 479px) {
    .h {
        height: 69px;
    }

    .h__top {
        position: fixed;
        top: 0;
        left: 0;
    }

    .h__order-call {
        width: 44px;
        height: 44px;
    }

    a.h__gabmurder.hamburger {
        width: 44px;
        height: 44px;
        margin-left: 10px;
    }

    .h__right-icon {
        width: 44px;
        height: 44px;
    }
}

/*header logo*/
@media all {
    .h__logo {
        display: flex;
        text-decoration: none;
        align-items: center;
        height: 90px;
        -webkit-transition: .15s linear;
        transition: .15s linear;
    }

    .logo-image__w, .logo-image__w-2 {
        display: block;
    }

    .logo-image__w img , .logo-image__w-2 img {
        display: block;
        max-height: 50px;
        max-width: 240px;
        -webkit-transition: .15s linear;
        transition: .15s linear;
        object-fit: contain;
        object-position: left center;
    }

    .h__logo._with-text .logo-image__w img {
        max-width: max-content;
    }

    .svg-logo {
        display: block;
        width: 70px;
        -webkit-transition: .15s linear;
        transition: .15s linear;
    }

    .svg-logo__icon {
        fill: #FFFFFF;
    }

    .svg-logo__bg {
        fill: currentColor;
    }

    .logo__text {
        display: none;
        flex-direction: column;
        margin-left: 14px;
        transition: .3s ease;
    }

    .h__logo._with-text .logo__text {
        display: flex;
    }

    .logo__text-1 {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #000;
        margin-top: -4px;
    }

    .logo__text-2 {
        font-size: 22px;
        text-transform: uppercase;
        line-height: 1.2;
        font-weight: 700;
    }

    .logo__description {
        font-size: 13px;
        height: 1em;
        color: #999999;
        margin-bottom: 0;
        -webkit-transition: .15s linear;
        transition: .15s linear;
        display: inline-block;
        line-height: 1;
        margin-top: 12px;
    }
}

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

    .h__top._min .svg-logo {
        width: 50px;
    }

    .h-fixed._min .logo__description {
        height: 0;
        opacity: 0;
        margin: 0;
    }

    .h-fixed._min .logo__text {

    }

    .h-fixed._min .h__logo {
        height: 50px;
    }

    /*header scroll*/
    .h-fixed._min .h__logo._with-text .logo-image__w img {
        max-height: 50px;
        max-width: 50px;
    }

    .h-fixed._min .h__logo .logo-image__w img {
        max-height: 50px;
    }

    .h-fixed._min .svg-logo {
        width: 50px;
    }
}

@media (max-width: 479px) {
    .h__logo {
        height: 44px;
    }

    .svg-logo {
        width: 44px;
    }

    .logo-image__w img {
        max-height: 44px;
    }

    .logo__text {
        max-width: 132px;
        margin-left: 10px;
    }

    .logo__text-1 {
        font-size: 10px;
    }

    .logo__text-2 {
        font-size: 14px;
    }

    .logo__description {
        font-size: 8px;
        margin-top: 8px;
    }
}

/*detail*/
@media all {
    .catalog-detail {
        display: flex;
    }

    .catalog-detail__left {
        width: 53.2%;
        padding-right: 4.4%;
    }

    .catalog-detail__right {
        width: 46.8%;
    }

    .catalog-detail__image-container {
        border: 3px solid #f6f6f6;
    }

    .catalog-detail__image-w {
        max-width: 490px;
        margin: auto;
        padding: 30px;
    }

    .catalog-detail__image-link {
        display: block;
        position: relative;
        padding-bottom: 100%;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 100%;
    }

    .catalog-detail__image-link.img-placeholder {
        background: none;
    }

    .catalog-detail__image-link.img-placeholder:before {
        font-size: 100px;
    }

    .catalog-detail__image {
        max-width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .catalog-detail__image-zoom-icon {
        font-size: 38px;
        position: absolute;
        right: 15px;
        bottom: 15px;
        color: #999;
        z-index: 1;
    }

    .image-actions {
        padding: 16px 36px;
        background-color: #f5f5f5;
        display: flex;
        justify-content: space-between;
    }

    .image-actions--few-items {
        justify-content: space-around;
    }

    .image-actions__link {
        font-size: 13px;
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .image-actions__link-icon {
        font-size: 22px;
    }

    .image-actions__link-text {
        margin-left: 14px;
        text-decoration: underline;
    }

    .image-actions__link:hover .image-actions__link-text {
        text-decoration: none;
    }

    .catalog-detail__box-title {
        font-size: 20px;
        font-weight: 400;
    }

    .catalog-detail__btn-wrap {
        margin: 15px 0;
    }

    .catalog-detail__mortgage {
        margin-top: 20px;
        border: 1px solid #d9d9d9;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .catalog-detail__cost {
        margin-top: 20px;
        border: 1px solid #d9d9d9;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .catalog-detail__cost-number {
        font-size: 24px;
        font-weight: 600;
    }

    .catalog-detail__jk-link {
        display: block;
        margin-top: 20px;
    }

    .catalog-detail__properties {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-top: 12px;
    }

    .catalog-detail__property {
        display: table-row;
    }

    .catalog-detail__property-name, .catalog-detail__property-value {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d9d9d9;
        vertical-align: middle;
        line-height: 1.2;
        display: table-cell;
    }

    .catalog-detail__property-name {
        padding-right: 14px;
        width: 40%;
    }

    .catalog-detail__property-value__inner {
        display: inline-block;
        width: 100%;
    }

    .catalog-detail__property-value__inner .map-link {
        font-size: inherit;
        white-space: normal;
        line-height: 1.2;
    }

    .catalog-detail__property-value__inner .map-link:not(:hover) {
        color: inherit;
    }

    .catalog-detail__price {
        font-weight: 600;
        font-size: 20px;
        margin-top: 40px;
    }

    .catalog-detail__price .price-value {
        font-size: 30px;
    }

    .catalog-detail__description {
        margin-top: 40px;
    }

    .catalog-detail__description-text {

    }

    .catalog-detail__flat-disable-text {
        margin-top: 40px;
    }

    .catalog-detail__order {
        margin-top: 40px;
        display: flex;
    }

    .mortgage-link {
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-left: 40px;
    }

    .mortgage-link__icon {
        justify-content: center;
        display: flex;
        font-size: 26px;
        margin-right: 15px;
    }

    .mortgage-link__text {
        text-decoration: underline;
        line-height: 1.4;
        font-size: 14px;
    }

    .mortgage-link:hover .mortgage-link__text {
        text-decoration: none;
    }
}

@media (max-width: 1023px) {
    .image-actions__link-icon {
        font-size: 30px;
    }

    .table-slider__action-block .image-actions__link-icon {
        margin-left: 0;
        font-size: 30px;
    }

    .image-actions__link-text {
        display: none;
    }

    .catalog-detail__image-zoom-icon {
        font-size: 24px;
        right: 10px;
        bottom: 10px;
    }

    .catalog-detail__property-name, .catalog-detail__property-value {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .catalog-detail {
        flex-direction: column;
    }

    .catalog-detail__left {
        padding-right: 0;
        width: 500px;
        margin: 0 auto 40px;
        max-width: 100%;
    }

    .catalog-detail__image-link {
        padding-bottom: 80%;
    }

    .catalog-detail__right {
        width: auto;
    }
}

@media (max-width: 560px) {
    .h3.catalog-detail__properties-title,
    .catalog-detail__description .h3 {
        text-align: left;
    }
}

@media (max-width: 479px) {
    .image-actions {
        padding: 6px 36px;
    }

    .catalog-detail__image {
        max-width: calc(100% - 30px);
        max-height: calc(100% - 30px);
    }

    .catalog-detail__property-name, .catalog-detail__property-value {
        font-size: 13px;
    }
}

@media (max-width: 359px) {
    .image-actions {
        padding: 10px 0;
        justify-content: space-around;
    }
}

/*manager*/
@media all {
    .manager-row {
        display: flex;
        margin: 0 -22px;
    }

    .manager-left {
        margin: 0 22px;
        flex: 1;
    }

    .manager-right {
        width: 396px;
        margin: 0 22px;
    }
}

@media (max-width: 1024px) {
    .manager-row {
        flex-direction: column;
    }

    .manager-right {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .manager-row {
        margin: 0 -15px;
    }

    .manager-left {
        margin: 0 15px;
    }
}

/* End */


/* Start:/bitrix/templates/citrus.developer/components/bitrix/menu/main-menu-jk/style.css?17458192463631*/
/*menu*/
@media all {
	.jk-menu-fixed {
		height: 55px;
	}
	.jk-menu {
		display: flex;
	}

	a.jk-menu__link {
		padding: 0 30px;
		height: 55px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		flex: 1 auto;
		transition: .15s ease;
	}
	.jk-menu__icon {
		display: none;
	}
	a.jk-menu__link:hover {
		color: #fff;
	}
	a.jk-menu__link._favorite {
		padding: 0 15px;
	}
	.jk-menu__favorites-icon {
		width: 1em;
		height: 1em;
		font-size: 22px;
		position: relative;
		display: inline-flex;
	}
	.mobile-favorite-link {
		display: none;
	}
	.jk-menu__developer-link {
		display: none;
	}
}
@media (max-width: 1199px) {
	div.jk-menu-w {
		background: none;
	}
	.jk-menu-w .w {
		padding: 0;
	}
	.jk-menu {
		flex-direction: column;
	}
	a.jk-menu__link {
		height: auto;
		padding: 4px 20px 0 4px;
		margin-bottom: 17px;
		color: #666666;
		border-bottom: 1px solid #cbcbcb;
		display: block;
		position: relative;
		cursor: pointer;
		text-align: left;
	}
	a.jk-menu__link._selected, a.jk-menu__link:hover {
		background: none;
		border-bottom-color: currentColor;
	}
	.jk-menu__icon {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 1em;
		color: #cbcbcb;
	}
	a.jk-menu__link._selected .jk-menu__icon {
		color: currentColor;
	}
	a.jk-menu__link._favorite {
		display: none;
	}
	.main-menu-w.jk-menu-fixed {
		padding-top: 0;
	}

	/*favorite link*/
	.mobile-favorite-link {
		display: flex;
		margin: 0 -40px 20px;
		color: #666666;
		text-decoration: none;
		padding: 18px 40px;
		border-bottom: 1px solid #cbcbcb;
	}
	.mobile-favorite-link__icon {
		width: 1em;
		height: 1em;
		font-size: 22px;
		position: relative;
		display: inline-flex;
		color: #999999;
	}
	.mobile-favorite-link._selected .mobile-favorite-link__icon {
		color: currentColor;
	}
	.mobile-favorite-link__favorites-count {
		position: absolute;
		top: -6px;
		right: -10px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		width: 1.7em;
		height: 1.7em;
		font-size: 10px;
		font-weight: bold;
		background-color: #fff;
		visibility: hidden;
		border: 1px solid;
	}
	.mobile-favorite-link__text {
		font-weight: 600;
		text-transform: uppercase;
		font-size: 16px;
		margin-left: 14px;
	}
}
@media (min-width: 1024px) {
	.jk-menu-fixed._fixed .jk-menu-w {
		position: fixed;
		top: 0;
		width: 100%;
	}
}
@media (max-width: 1023px) {
	.jk-menu__developer-link {
		display: flex;
		align-items: center;
		margin-top: 13px;
		text-decoration: none;
	}
	.jk-menu__developer-link-image {

	}
		.jk-menu__developer-link-image .svg-logo {
			width: 50px;
			height: 50px;
			color: #cccccc;
		}
	.jk-menu__developer-link-text {
		display: flex;
		flex-direction: column;
		margin-left: 14px;
		transition: .3s ease;
		color: #666666;
		font-weight: 700;
	}
	.jk-menu__developer-link-text-1 {
		font-size: 12px;
		text-transform: none;
	}
	.jk-menu__developer-link-text-2 {
		font-size: 14px;
		line-height: 1.4;
	}
}
@media (max-width: 767px) {
	.mobile-favorite-link {
		margin-left: -24px;
		margin-right: -24px;
	}
}

/*menu favorites*/
@media all {
	.jk-menu__favorites-count {
		position: absolute;
		top: -6px;
		right: -10px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		width: 1.7em;
		height: 1.7em;
		font-size: 10px;
		font-weight: bold;
		background-color: #fff;
		visibility: hidden;
	}
}

@media (max-width: 560px) {
	a.jk-menu__link {
		font-size: 13px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/components/bitrix/news.list/zk-slider/style.css?17458192461807*/

/*template.php*/
@media all {
    .p__swiper.main-slider {

    }
	.main-slider._color-light_gray {
		background-color: #f0f0f0;
	}
	.main-slider .swiper-container {

	}
	.main-slider .swiper-slide {
		
    }
	.main-slider__image {
		padding-bottom: 43.35%;
		background-color: #333;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
    .main-slider__content {
		width: 850px;
		max-width: 90%;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin: auto;
		transform: translate(0, -50%);
		padding: 46px 20px;
		overflow: hidden;
		text-align: center;
    }
	.main-slider__content-blur {
		position: absolute;
		height: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: inset 0 0 0 2000px rgba(255,255,255,0.6);
		filter: blur(6px);
		-ms-filter: blur(6px);
		z-index: -1;
		background: inherit;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
    .main-slider__name {
		font-size: 40px;
		color: #000000;
		font-weight: 300;
    }
    .main-slider__description {
		font-size: 18px;
		color: #666666;
		font-weight: 300;
		margin-top: 8px;
    }
    .main-slider__content .btn {
		margin-top: 30px;
    }
	.main-slider__buttons a {
		margin: 0 20px;
	}

}
@media (max-width: 767px) {
	.main-slider__content {
		position: relative;
		transform: none;
		max-width: 100%;
		padding: 30px 15px;
	}
	.main-slider__name {
		font-size: 35px;
	}
	.main-slider__description {
		font-size: 16px;
	}
	.main-slider__content .btn {
		margin-top: 20px;
	}
}
@media (max-width: 479px) {
	.main-slider__name {
		font-size: 25px;
	}
	.main-slider__description {
		font-size: 14px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/components/bitrix/menu/footer-menu/style.css?1745819246575*/

/*template.php*/
@media all {
    .footer-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
    }
    .footer-menu__li {
		padding: 0;
		text-transform: uppercase;
    }
	.footer-menu__li + .footer-menu__li {
		margin-top: 14px;
	}
    .footer-menu__link {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
    }
	.footer-menu__link:hover {
		color: #fff;
		text-decoration: underline;
	}
}
@media (max-width: 767px) {
	.footer-menu {
		text-align: center;
	}
}
@media (max-width: 479px) {
	.footer-menu__link {
		font-size: 16px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/components/bitrix/news.list/footer-menu/style.css?1745819246551*/
@media all {
	menu.footer-projects {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.footer-projects__li {

	}
	.footer-projects__li + .footer-projects__li {
		margin-top: 12px;
	}
	.footer-projects__link {
		color: #cccccc;
		text-decoration: none;
		font-size: 16px;
	}
	.footer-projects__link:hover {
		text-decoration: underline;
		color: #fff;
	}
	.footer-projects__li._more {

	}
	.footer-more-projects {
		display: block;
		margin-top: 24px;
		font-size: 13px;
		color: #999999;
	}
	.footer-more-projects:hover {
		color: #999999;
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/components/bitrix/news.list/offices/style.css?17458192461581*/

@media all {
    .office-list {

    }
    .office {
		width: 1000px;
		margin: auto;
		max-width: 100%;
		display: flex;
    }
    .office__img {
		margin-right: 35px;
		max-width: 50%;
    }
    .office__info {

    }
    .office__info .office__name {
		margin-bottom: 20px;
    }

	.office .soc-list {
		margin-top: 14px;
	}
}
@media (max-width: 767px) {
	.office {
		flex-direction: column;
	}
	.office__img {
		margin-right: 0;
		margin-bottom: 20px;
		max-width: none;
	}
}

/*grid-one*/
@media all {
	.office-list._mode-grid-one .office__img._in-info {
		display: none;
	}
}
@media (max-width: 767px) {
	.office-list._mode-grid-one .office__img._big {
		display: none;
	}
	.office-list._mode-grid-one .office__img._in-info {
		display: block;
	}
	.office-list._mode-footer .soc-list {
		justify-content: center;
	}
}
@media (max-width: 560px) {
	h3.office__name {
		text-align: left;
	}
}

/*office-grid*/
@media all {
	.office-list._mode-grid {
		display: flex;
		margin: -15px;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.office-list._mode-grid .office {
		width: 33.333333%;
		padding: 15px;
		margin: 0;
	}
	.office-list._mode-grid .office__img {
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 10px;
	}
}
@media (max-width: 1023px) {
	.office-list._mode-grid .office {
		width: 50%;
	}
}
@media (max-width: 767px) {
	.office-list._mode-grid .office {
		width: 100%;
	}
}

/*footer office*/
@media all {
	.office-list._mode-footer a {
		color: #cccccc;
	}
	.office-list._mode-footer a:hover {
		text-decoration: none;
	}
}


/* End */


/* Start:/bitrix/templates/citrus.developer/template_styles.css?17458192464748*/
.nskn-about-text-blocks {

}

.nskn-about-text-blocks__row {

}

.nskn-about-text-block {

}

.nskn-about-text-block__title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}

.nskn-about-text-block__text {
    font-size: 16px;
    line-height: 27px;
    color: #7b7b7b;
}

.nskn-smart-filter-container {

}

.nskn-smart-filter-container_main-sect .section-inner {
    padding-top: 0 !important;
}

.nskn-smart-filter-container .section__header {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    background: #ce3a12;
    color: #fff !important;
}

.nskn-smart-filter-container .section__header * {
    color: #fff !important;
}

.nskn-smart-filter-container .section__header::after {
    content: "";
    position: absolute;
    width: 9999px;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: 100%;
    background: #ce3a12;
}

.nskn-smart-filter-container .section__header::before {
    content: "";
    position: absolute;
    width: 9999px;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 100%;
    background: #ce3a12;
}

.nskn-smart-filter {
    position: relative;
    padding-bottom: 10px;
    background: #ce3a12;
}

.nskn-smart-filter::after {
    content: "";
    position: absolute;
    width: 9999px;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: 100%;
    background: #ce3a12;
}

.nskn-smart-filter::before {
    content: "";
    position: absolute;
    width: 9999px;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: 100%;
    background: #ce3a12;
}

.nskn-smart-filter__more-link,
a.nskn-smart-filter__more-link {
    text-decoration: none;
    color: #fff;
    font-size: 80%;
}

.nskn-smart-filter__more-link:hover,
a.nskn-smart-filter__more-link:hover {
    color: #fff;
    text-decoration: underline;
}


/*title-block*/

.title-block > .h1, .title-block > .h2 {
    text-align: start;
    margin: 0;
}

.title-block > .section-description {
    text-align: start;
    color: #5B695B;
    font-size: calc(14px + 10 * ((100vw - 768px) / 866));
}

@media (max-width: 768px) {
    .title-block > .section-description {
        font-size: 14px;
    }
}

@media (min-width: 1634px) {
    .title-block > .section-description {
        font-size: 24px;
    }
}

@media screen and (min-width: 1080px) {
    .title-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .title-block > .h1, .title-block > .h2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 50px;
    }

    .title-block > .section-description {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 1079px) {
    .title-block > .h1:not(:last-child), .title-block > .h2:not(:last-child) {
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 678px) {
    .title-block > .section-description, .title-block__title > h2 {
        text-align: center;
    }
}

.title-block__title > h2 {
    text-align: start;
    margin: 0;
}

.title-block__description {
    color: #5B695B;
    font-size: calc(14px + 10 * ((100vw - 768px) / 866));
    font-weight: 300;
}

@media (max-width: 768px) {
    .title-block__description {
        font-size: 14px;
    }
}

@media (min-width: 1634px) {
    .title-block__description {
        font-size: 24px;
    }
}

@media screen and (min-width: 1080px) {
    .title-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .title-block__title:not(:last-child) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 50px;
    }

    .title-block__description {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 1079px) {
    .title-block__title:not(:last-child) {
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 678px) {
    .title-block__description, .title-block__title > h2 {
        text-align: center;
    }
}

.ad-margin-80-40, .section._with-padding{
    margin: calc(40px + 40 * ((100vw - 768px) / 866)) calc(0px + 0 * ((100vw - 768px) / 866));
}
@media (max-width: 768px) {
    .ad-margin-80-40, .section._with-padding {
        margin: 40px 0px;
    }
}
@media (min-width: 1634px) {
    .ad-margin-80-40, .section._with-padding {
        margin: 80px 0px;
    }
}

.section-inner {
    padding: 0 !important;
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/print.css?1745819246583*/

@media print {
	#bx-panel {
		display: none !important;
	}
	.js-favorites-count {
		display: none;
	}

	.h__top {
		padding: 10px 0;
	}
	.h__top._fixed {
		position: relative;
	}
	.h__logo._jk {
		height: 70px;
	}
	.svg-logo {
		width: 60px;
	}
	.h__logo._developer {
		height: 70px;
	}
	.h {
		height: 95px;
	}
	section.section._with-padding .section-inner {
		padding: 35px 0;
	}
	.section__header {
		margin-bottom: 40px;
	}

	h1, .h1 {
		font-size: 40px;
	}
	.section-description {
		font-size: 18px;
	}

	/*detail page*/
	.bx-component-opener {
		display: none !important;
	}
}
/* End */


/* Start:/bitrix/templates/citrus.developer/app/css/jk_page.css?17458192462263*/
@media all {
	
	.section__description-block {
		margin-top: 54px;
		display: flex;
	}
	
	.section__description-block .section-description__left {
		width: 75%;
	}
	
	.section__description-block .section-description__left .section-description__name {
		text-align: left;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 27px;
		color: #000000;
		margin-bottom: 19px;
	}
	
	.section__description-block .section-description__left .section-description__desc {
		text-align: left;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 27px;
		color: #7B7B7B;
	}
	
	.section__description-block .section-description__right {
		width: 25%;
	}
	
	.section__description-block .section-description__right span {
		background: url('/bitrix/templates/citrus.developer/themes/jk-template/src/district.svg') no-repeat scroll 0 0 transparent;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 27px;
		color: #000000;
		padding-left: 35px;
	}
	
	.section-images__block {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.section-images__item {
		width: 32%;
		display: inline-block;
		padding: 0;
		vertical-align: top;
		margin: 0 10px 102px 0;
	}
	
	.section-images__item_img {
		vertical-align: top;
	}
	
	.section-images__item_name {
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 27px;
		color: #000000;
		margin-top: 25px;
		max-width: 396px;
	}
	
	.section-images__item_desc {
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 27px;
		color: #7B7B7B;
		margin-top: 24px;
		max-width: 396px;
	}
	
}

@media (max-width: 1023px) {
	.section__description-block {
		display: block;
	}
	
	.section__description-block .section-description__left {
		width: 100%;
	}
	
	.section__description-block .section-description__right {
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}
	
	.section-images__item {
		width: 48%;
	}
	
}

@media (max-width: 767px) {
	.section-images__item {
		width: 46%;
	}
}

@media (max-width: 500px) {
	.section-images__item {
		width: 100%;
		margin: 0 0 52px 0;
	}
	
	.section-images__item_name, .section-images__item_desc {
		max-width: auto;
	}
	
	.section-images__item_img img {
		width: 100%;
	}
	
}
/* End */


/* Start:/bitrix/templates/citrus.developer/themes/jk-template/theme-0b8e36//colors.css?17458192462515*/
:root {
  --primary-color: #0b8e36;
  --hover-color: #086828;
  --link-color: var(--primary-color); }

@media all {
  .tippy-tooltip.template-color-theme, .theme--bg-color, .h__order-call, .jk-menu-w, .btn.btn-primary, .btn.btn-secondary, .article > ul li:before, ul.square li:before, ul.round li:before, .modal-header, .h:after, .section-color-site, input.square-checkbox__input:checked + span + .plan-filter__label-text, .citrus-realty-mortgage .ui-slider-horizontal, .p__swiper .swiper-scrollbar-drag, span.irs-bar, .irs-from, .irs-to, .irs-single, .irs-bar-edge, .line-checkbox__item-input:checked + .line-checkbox__item-label, .switch-nav span.selected, .switch a:hover, .nskn-smart-filter, .nskn-smart-filter::before, .nskn-smart-filter::after, .nskn-smart-filter-container .section__header, .nskn-smart-filter-container .section__header::before, .nskn-smart-filter-container .section__header::after {
    background-color: #008d36; }

  .irs-bar-edge {
    background: #008d36; }

  .theme--color, .template-color-theme .tippy-arrow, ul.checked-list li:before, .h__logo._jk .logo__text-2, .cui-checkbox__checkmark, .house__property-value._done, .bx-no-touch .btn.btn-transparent:hover, .citrus-realty-mortgage .result-row.big-row span, .citrus-realty-mortgage .goods-price, input:checked + .filter-checkmark, .jk-menu__favorites-count, .h__right-icon-favorite__counter {
    color: #008d36; }

  .theme--border-color, input.square-checkbox__input:checked + span + .plan-filter__label-text, .mortgage-discount, .ui-widget-content .ui-state-default, span.irs-slider, .irs-bar-edge, .line-checkbox__item-label {
    border-color: #008d36; } }

@media all {
  .h__order-call:hover, .jk-menu__link._selected, .jk-menu__link:hover, .btn.btn-primary:hover, .p__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active, .square-checkbox__input:checked + .square-checkbox__checkmark:before {
    background-color: #086828; }

  a, a:hover, .tabs__link._active, .chess-legend__it._selected, .chess-flat._selected, .plan-filter__open-filter._active, .properties .map-link, .photos-filter__year-it._selected, .sf__house-name, .mobile-favorite-link__favorites-count {
    color: #086828; }

  .plan-card._active {
    border-color: #086828; } }

@media (max-width: 1199px) {
  a.jk-menu__link._selected, a.jk-menu__link:hover, .mobile-favorite-link._selected {
    color: #086828; } }

@media (max-width: 767px) {
  input.square-checkbox__input:checked + span + .plan-filter__label-text {
    color: #086828; } }

/* End */
/* /bitrix/templates/citrus.developer/app/icon-fonts/icomoon/icomoon.css?17458192463462 */
/* /bitrix/templates/citrus.developer/app/icon-fonts/ruble/font-rub.css?1745819246348 */
/* /bitrix/templates/citrus.developer/app/css/typography.css?17458192464416 */
/* /bitrix/templates/citrus.developer/app/css/list.css?17458192461719 */
/* /bitrix/templates/citrus.developer/app/css/btn.css?17458192467849 */
/* /bitrix/templates/citrus.developer/app/css/layout.css?17458192463138 */
/* /bitrix/templates/citrus.developer/app/css/modal.css?17458192463576 */
/* /bitrix/templates/citrus.developer/app/css/map.css?17458192462106 */
/* /bitrix/templates/citrus.developer/app/css/main.css?174581924613746 */
/* /bitrix/templates/citrus.developer/app/css/table.css?1745819246876 */
/* /bitrix/templates/citrus.developer/jk-template/style.css?174581924613411 */
/* /bitrix/templates/citrus.developer/components/bitrix/menu/main-menu-jk/style.css?17458192463631 */
/* /bitrix/templates/citrus.developer/components/bitrix/news.list/zk-slider/style.css?17458192461807 */
/* /bitrix/templates/citrus.developer/components/bitrix/menu/footer-menu/style.css?1745819246575 */
/* /bitrix/templates/citrus.developer/components/bitrix/news.list/footer-menu/style.css?1745819246551 */
/* /bitrix/templates/citrus.developer/components/bitrix/news.list/offices/style.css?17458192461581 */
/* /bitrix/templates/citrus.developer/template_styles.css?17458192464748 */
/* /bitrix/templates/citrus.developer/app/css/print.css?1745819246583 */
/* /bitrix/templates/citrus.developer/app/css/jk_page.css?17458192462263 */
/* /bitrix/templates/citrus.developer/themes/jk-template/theme-0b8e36//colors.css?17458192462515 */