/* Start:/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/icomoon.css?16774100651918*/
@font-face {
  font-family: 'icomoon';
  src:  url('/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/fonts/icomoon.eot');
  src:  url('/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/fonts/icomoon.ttf') format('truetype'),
    url('/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/fonts/icomoon.woff') format('woff'),
    url('/bitrix/templates/citrus_aproduction2/app/fonts/icomoon/fonts/icomoon.svg') 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-ok:before {
  content: "\e919";
}
.icon-whatsapp:before {
  content: "\e917";
}
.icon-view_list:before {
  content: "\e900";
}
.icon-view_cards:before {
  content: "\e901";
}
.icon-view_table:before {
  content: "\e918";
}
.icon-ig:before {
  content: "\e916";
}
.icon-arrow-down-bold:before {
  content: "\e915";
}
.icon-camera:before {
  content: "\e914";
}
.icon-long-left-arrow:before {
  content: "\e912";
}
.icon-long-right-arrow:before {
  content: "\e913";
}
.icon-close:before {
  content: "\e911";
}
.icon-skype:before {
  content: "\e910";
}
.icon-time:before {
  content: "\e90b";
}
.icon-yt:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}
.icon-fb:before {
  content: "\e906";
}
.icon-tw:before {
  content: "\e907";
}
.icon-vk:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-map:before {
  content: "\e90a";
}
.icon-mail:before {
  content: "\e90c";
}
.icon-arrow-down:before {
  content: "\e90d";
}
.icon-arrow-left:before {
  content: "\e90e";
}
.icon-arrow-right:before {
  content: "\e90f";
}
.icon-sort-amount-desc:before {
  content: "\e902";
}
.icon-sort-amount-asc:before {
  content: "\e903";
}

/* End */


/* Start:/bitrix/templates/citrus_aproduction2/app/css/typography.css?16774100654295*/

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

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

    a:hover {
        text-decoration: 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;
    }

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

    .fw300 {
        font-weight: 300;
    }
    .fw400 {
        font-weight: 400;
    }
    .fw600, strong, b {
        font-weight: 700;
    }
    .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: 479px) {
    html, html.tag-html {
        font-size: 13px;
    }
}

/* h1-h6 */
@media all {
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
        margin-top: 0;
        margin-bottom: .5em;
        font-weight: 400;
        line-height: 1.2;
        color: #333;
    }
    h1, .h1 {
        font-size: 45px;
        font-weight: 700;
        margin-bottom: .8em;
    }
    h2, .h2 {
        font-size: 35px;
        font-weight: 700;
        margin-top: 3rem;
        margin-bottom: 0.8em;
    }
    h2:first-child, .h2:first-child {
        margin-top: -0.125em;
    }
    h3, .h3 {
        font-size: 30px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 1.5rem;
    }
    h3:first-child, .h3:first-child {
        margin-top: -0.125em;
    }
    h4, .h4 {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 600;
        text-transform: uppercase;
    }
    h4:first-child, .h4:first-child {
        margin-top: -0.125em;
    }
    h5, .h5 {
        font-size: 16px;
        line-height: 1.4;
        font-weight: 700;
    }
    h5:first-child, .h5:first-child {
        margin-top: -0.125em;
    }
}
@media (max-width: 1023px) {
    h1, .h1 {

    }
    h2, .h2 {

    }
    h3, .h3 {

    }
    h4, .h4 {

    }
    h5, .h5 {

    }
}
@media (max-width: 767px) {
    h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
        margin-bottom: 1em;
    }
    h1, .h1 {
        font-size: 30px;
    }
    h2, .h2 {
        font-size: 22px;
    }
    h3, .h3 {
        font-size: 20px;
    }
}
@media (max-width: 479px) {

    h3, .h3 {
        font-size: 14px;
    }
    h4, .h4 {
        font-size: 14px;
    }
    h5, .h5 {
        font-size: 14px;
    }
}

/* pre-title */
@media all {
    .pre-title {
        font-family: 'Noto Serif', serif;
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .pre-title b {
        font-weight: 400;
    }
}
@media (max-width: 1023px) {
    .pre-title {
        font-size: 18px;
    }
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/app/css/modal.css?16774100653683*/

@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;
    }
    .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*/
    .modal-close-btn {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
    }
    .bx-no-touch .modal-close-btn:hover, .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_aproduction2/app/css/btn.css?16774100658221*/

/*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: 14px;
        height: 50px;
        padding: 0 20px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;

        width: 200px; /*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: 40px;
        width: 180px;
        font-size: 14px;
    }
    .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: #333333;
    }

    /*btn-secondary*/
    .btn.btn-secondary {
        border: 2px solid #fff;
        color: #fff;
        font-weight: 600;
    }
    .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;
        color: #333;
    }

    /*btn-more*/
    .btn.btn-more {
        border: 1px solid currentColor;
        color: currentColor;
        font-weight: 700;
    }
    .bx-no-touch .btn.btn-more:hover {
        border-color: #333333;
        background-color: #333333;
        color: #fff;
    }

    /*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: 1023px) {
    .section-footer .btn-row {
        justify-content: center;
    }
}
@media (max-width: 479px) {
    .btn {
        font-size: 13px;
        padding: 0 14px;
        width: 180px;
        height: 45px;
    }
}

/*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-start {
        justify-content: flex-start;
    }
    .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-start {
        justify-content: flex-start;
    }
    .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-start {
        justify-content: flex-start;
    }
    .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-start {
        justify-content: flex-start;
    }
    .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-start {
        justify-content: flex-start;
    }
    .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_aproduction2/app/css/table.css?1677410065584*/

@media all {
	.table-full {
		width: 100%;
	}
	.table-formatted {
		border-collapse: collapse;
		margin: 25px 0;
	}
	.table-formatted:first-child {
		margin-top: 0;
	}
	.table-formatted:last-child {
		margin-bottom: 0;
	}
	.table-formatted td, .table-formatted th {
		border: 1px solid rgba(204, 204, 204, 0.5);
		text-align: left;
		padding: 15px 20px;
	}
	.table-formatted th {
		font-weight: 700;
		text-transform: uppercase;
		background-color: #e0e0e0;
	}
	.table-formatted td {

	}
}
@media (max-width: 479px) {
	.table-formatted td, .table-formatted th {
		padding: 10px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/app/css/swiper.css?16774100652414*/
@media all {
	.p__swiper {
		position: relative;
	}

	/*left right arrow*/
	.p__swiper .swiper-button-prev, .p__swiper .swiper-button-next {
		/*color: #cccccc;*/
		color: #999999;
		font-size: 30px;
		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;
		transition: .3s ease;
	}
		.p__swiper .swiper-button-lock.swiper-button-prev, .p__swiper .swiper-button-lock.swiper-button-next {
			display: none;
		}
		.p__swiper .swiper-button-prev:not(.swiper-button-disabled):hover, .p__swiper .swiper-button-next:not(.swiper-button-disabled):hover {
			color: #333333;
		}
	.p__swiper._nav-offset .swiper-button-prev {
		left: -35px;
	}
	.p__swiper._nav-offset .swiper-button-next {
		right: -35px;
	}

	/*big nav*/
	.p__swiper._big-nav .swiper-button-prev,
	.p__swiper._big-nav .swiper-button-next {
		font-size: 50px;
	}
	.p__swiper._big-nav._nav-offset .swiper-button-prev {
		left: -2em;
	}
	.p__swiper._big-nav._nav-offset .swiper-button-next {
		right: -2em;
	}

	/*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: 15px 0 0;
		bottom: 0;
	}
	.p__swiper .swiper-pagination-bullet {
		width: 15px;
		height: 15px;
		border: 1px solid #333;
		border-radius: 0;
		opacity: 1;
		background: none;
		transition: .15s ease;
	}
	.p__swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
		margin-left: 15px;
	}
	.p__swiper .swiper-pagination-bullet:hover, .p__swiper .swiper-pagination-bullet-active {
		border: none;
	}
	.p__swiper._pagination-hide-nav .swiper-pagination {
		display: none;
		min-width: 100%;
		align-items: center;
		justify-content: center;
		height: 22px;
		z-index: 1;
	}

	/*swiper-scrollbar*/
	.p__swiper .swiper-scrollbar {
		border-radius: 6px;
		background: #cccccc;
		height: 12px;
		margin-top: 12px;
	}
	.p__swiper .swiper-scrollbar-drag {
		border-radius: 6px;
	}
}
@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;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/app/css/list.css?1677410065409*/

@media all {
	.content-formatted ul:not(.clear) {
		padding: 0;
		list-style-type: none;
	}
	.content-formatted ul:not(.clear) li {
		padding-left: 20px;
		position: relative;
	}
	.content-formatted ul:not(.clear) li + li {
		margin-top: .5em;
	}
	.content-formatted ul:not(.clear) li:before {
		content: '';
		width: .5em;
		height: .5em;
		position: absolute;
		top: .5em;
		left: 0;
		display: block;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/app/css/main.css?16774100659524*/

/*main*/
@media all {
	.main-container {

	}
	.w {
		width: 1310px;
		padding: 0 30px;
		max-width: 100%;
		margin: auto;
	}

	img	{
		max-width: 100%;
	}
	body._overflow {
		overflow: hidden;
	}

	.img-placeholder {
		background-color: #f3f1ec;
		position: relative;
	}
	.img-placeholder:before {
		content: "\e914";
		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;
	}

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

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

/* header */
@media all {
	.h-row {
		display: flex;
		justify-content: space-between;
		padding: 34px 0 27px;
	}
	.h-left {

	}
	.h-logo {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: #333;
	}
	.h-logo:hover {
		color: #333;
	}
	.h-logo__image-container {
		margin: -16px 0;
		height: 85px;
		max-width: 300px;
		display: flex;
		align-items: center;
	}
	.h-logo__image {
		max-height: 100%;
		max-width: 100%;
	}
		.h-logo._with-text .h-logo__image-container {
			width: 68px;
		}
	.h-logo__text {
		margin-left: 10px;
		display: none;
		flex-direction: column;
	}
		.h-logo._with-text .h-logo__text {
			display: flex;
		}
	.h-logo__text-1 {
		font-size: 30px;
		line-height: 1.1;
	}
	.h-logo__description {
		font-size: 13px;
		color: #777474;
	}
	.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: 90%;
		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: #fff;
		width: 290px;
		max-width: 100%;
		height: 100vh;
		overflow: auto;
		transform: translate(100%, 0);
		transition: .3s ease;
	}
	.mobile-sidebar._active .mobile-sidebar__inner {
		transform: translate(0, 0);
	}
}
@media (max-width: 1023px) {
	.h-row {
		padding: 25px 0;
	}
	.h-logo__image-container {
		height: 75px;
		margin: -14px 0;
	}
}
@media (max-width: 767px) {
	.h-left {

	}
	.h-logo__text-1 {
		font-size: 25px;
	}
	.h-logo__description {
		font-size: 11px;
	}
}
@media (max-width: 479px) {
	.h-row {
		flex-direction: column;
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.h-logo__image-container {
		height: 65px;
		margin: 0;
	}
	.h-left {
		margin-bottom: 10px;
	}
}

/* menu */
@media all {
	.main-menu-line {
		background-color: #32343a;
		position: relative;
		z-index: 5;
	}
	.main-menu-line__row {
		display: flex;
		justify-content: space-between;
		position: relative;
	}
}
@media (max-width: 1023px) {
	.main-menu-line__row {
		display: none;
	}
	.h {
		border-bottom: 5px solid #32343a;
	}
}

/* footer */
@media all {
	.f {
		background-color: #333333;
		overflow: hidden;
	}
	.f-t {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.f-b {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 0;
		border-top: 1px solid #504e49;
		color: #9a9a9a;
		font-size: 13px;
	}
	.f-b a {
		color: #9a9a9a;
		text-decoration: none;
	}
	.f-b a:hover {
		text-decoration: underline;
		color: #fff;
	}

	.f-b a.f-agreement-link {
		text-decoration: underline;
	}
	.f-b a.f-agreement-link:hover {
		color: #fff;
	}
	.f-t__title {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		text-decoration: none;
		margin-bottom: 14px;
		display: block;
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
	.f-t {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.f-t__col-contact {
		margin-top: 10px;
	}
	.f-b {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.f-b__developer {
		margin-top: 16px;
	}
}


/* breadcrumbs */
@media all {
	.breadcrumbs {
		background-color: #f5f5f5;
	}
	.breadcrumbs-slider {
		z-index: 1;
		position: relative;
		overflow: hidden;
	}

	.breadcrumbs-slider:after, .breadcrumbs-slider:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		-webkit-box-shadow: 0 0 8px 10px #f5f5f5;
		-moz-box-shadow: 0 0 8px 10px #f5f5f5;
		box-shadow: 0 0 8px 10px #f5f5f5;
	}

	.breadcrumbs-slider:before {
		left: 0;
		right: auto;
	}

	.breadcrumbs-slider .swiper-container {
		padding: 0 10px;
	}

	ul.breadcrumbs {
		position: relative;
		white-space: nowrap;
		list-style: none;
		padding: 0;
	}

	ul.breadcrumbs li {
		display: inline-block;
		width: auto;
	}

	ul.breadcrumbs li:after {
		content: ' - ';
		vertical-align: middle;
		margin: 0 10px;
		color: #a09f9f;
	}

	ul.breadcrumbs li>a,
	ul.breadcrumbs li>span {
		display: inline-block;
		vertical-align: middle;
		padding: 10px 0;
		font-weight: 600;
		color: #a09f9f;
		white-space: nowrap;
		font-size: 13px;
	}

	ul.breadcrumbs li>span {
		color: #666666;
	}

	ul.breadcrumbs li:last-child:after {
		display: none;
	}
}

/* content and sidebar */
@media all {
	.content-wrapper {
		display: flex;
		padding: 46px 0 60px;
	}
	.content-wrapper._no-layout {
		padding-bottom: 0;
	}
	.content-wrapper._no-layout {
		padding-top: 80px;
	}
	.content {
		flex: 1 1 auto;
		max-width: 100%;
	}
	.content-wrapper._with-sidebar .content {
		width: calc(100% - 320px);
	}
	.content-wrapper:not(._with-sidebar) h1.content-title {
		margin-bottom: 1em;
	}
	.sidebar {
		width: 290px;
		margin-right: 30px;
		flex-shrink: 0;
	}
	.sidebar-block {
		margin-bottom: 30px;
	}
	.sidebar-block__title {
		font-size: 18px;
		font-weight: 600;
		padding: 20px 18px;
		color: #000;
	}
	.sidebar-body {

	}
}
@media (max-width: 768px) {
	.sidebar {
		display: none;
	}
	.content-wrapper {
		padding: 25px 0 50px;
	}
	.content-wrapper._no-layout {
		padding-top: 25px;
	}
	.content-wrapper._with-sidebar .content {
		width: 100%;
	}
}

/*callout*/
@media all {
	.callout {
		padding: 40px 0;
	}
	.callout-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.callout-left {

	}
	.callout-title {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.1;
	}
	.callout-description {
		font-size: 15px;
		font-weight: 600;
		margin-top: 10px;
	}
	.callout-right {
		display: flex;
		align-items: center;
	}
	.callout-right-phone {
		margin-right: 30px;
		font-weight: 700;
		font-size: 25px;
		text-decoration: none;
		color: inherit;
	}

	.callout--template-2 .callout-title {
		font-size: 25px;
	}
}
@media (max-width: 1023px) {
	.callout-row {
		flex-direction: column;
	}
	.callout-left {
		text-align: center;
	}
	.callout-right {
		margin-top: 20px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.callout-title, .callout--template-2 .callout-title  {
		font-size: 22px;
		line-height: 1.4;
		padding: 0 10px;
	}
	.callout-description {
		font-size: 14px;
	}
	.callout-right {
		flex-direction: column;
	}
	.callout-right-phone {
		margin-right: 0;
		margin-bottom: 15px;
	}
}
@media (max-width: 479px) {

}

/*pages*/
@media all {
	.show-more-container {
		margin-top: 30px;
	}
	.btn-with-description {
		display: flex;
		margin: 18px -8px;
		align-items: center;
		flex-wrap: wrap;
	}
	.btn-with-description .btn,  .btn-with-description .btn-description{
		margin: 8px;
	}
	.btn-with-description .btn-description {
		align-items: center;
		font-size: 13px;
		color: #666666;
	}

	.action-label {
		position: absolute;
		top: 0;
		left: 0;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 20px;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
		color: #333;
	}
}

/*map*/
@media all {
	.citrus-objects-map h3 {
		font-size: 15px;
	}
}

/*img-shadow*/
@media all {
	.img-shadow {
		display: inline-block;
		padding-left: 25px;
		padding-top: 25px;
	}
	.img-shadow img {
		box-shadow: -25px -25px 0 0 currentColor;
	}
}
@media (max-width: 767px) {
	.img-shadow img {
		box-shadow: -20px -20px 0 0 currentColor;
	}
}
@media (max-width: 479px) {
	.img-shadow img {
		box-shadow: -15px -15px 0 0 currentColor;
	}
}

/*catalog*/
@media all {
	.product-old-price {
		font-size: smaller;
		color: #999999;
		display: inline-block;
		padding: 0 5px;
		position: relative;
		text-decoration: none;
	}
	.product-old-price:before {
		content: '';
		position: absolute;
		top: .75em;
		left: 0;
		right: 0;
		height: 1px;
		background-color: currentColor;
		margin: auto;
	}
	.product-cat {
		margin-bottom: 20px;
	}
}

/*section*/
@media all {
	.section {
		position: relative;
	}
	.section._with-padding {
		padding: 88px 0 100px;
	}
	.section-header._center {
		text-align: center;
	}
	.section-header h1, .section-header .h1 {
		margin-top: 0;
	}
	.section.section-color-gray {
		background-color: #f5f5f5;
	}
	.section-footer {
		margin-top: 48px;
		text-align: center;
	}
}
@media (max-width: 1023px) {
	.section-header {
		text-align: center;
	}
	.section._with-padding {
		padding: 75px 0 85px;
	}
}
@media (max-width: 767px) {
	.section._with-padding {
		padding: 45px 0;
	}
	.section-footer {
		margin-top: 40px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/search.form/mobile/style.css?1677410065460*/

@media all {
	.mobile-search {
		position: relative;
		padding: 12px 10px;
	}
	.mobile-search__input {
		background-color: #f0f0f0;
		border: none;
		height: 50px;
		padding: 0 40px 0 16px;
		width: 100%;
	}
	.mobile-search__button {
		border: none;
		background: none;
		position: absolute;
		color: #4e4e4e;
		height: 50px;
		width: 40px;
		right: 10px;
		top: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/menu/mobile/style.css?16774100651218*/

@media all {
	.mobile-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.mobile-menu__li {
		position: relative;
	}
	.mobile-menu__link {
		text-decoration: none;
		display: block;
		width: 100%;
		border-top: 1px solid #cdcdcd;
		position: relative;
		transition: .3s ease;
	}
	.mobile-menu__link-text {
		display: block;
	}
	.mobile-menu__sub-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #f5f5f5;
		display: none;
	}


	/* link */
	.mobile-menu__li._lvl-1>.mobile-menu__link {
		font-size: 16px;
		font-weight: 600;
		padding: 16px;
		color: #333333;
	}
	.mobile-menu__li._lvl-2>.mobile-menu__link{
		font-size: 14px;
		font-weight: 600;
		color: #000000;
		padding: 16px 16px 16px 38px;
	}
	.mobile-menu__li._lvl-2._selected>.mobile-menu__link {
		background-color: #e7e7e7;
	}

		/*parent*/
	.mobile-menu__open-submenu {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		border-left: 1px solid #cdcdcd;
		color: #9c9c9c;
	}
		.mobile-menu__li i {
			transition: .3s ease;
		}
		.mobile-menu__li._open i {
			transform: rotate(90deg);
			color: #0c0a00;
		}

}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/system.pagenavigation/.default/style.css?16774100651229*/
.switch {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 30px -10px 0;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    color: #a09f9f;
}

.switch li {
    position: relative;
    font-size: 14px;
    margin: 0 10px;
}

.switch a, .switch span {
    transition: background-color .15s ease-out,color .15s ease-out;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #333333;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.switch a {
    border: 1px solid #d6d6d6;
    text-decoration: none;
}

html:not(.bx-touch) .switch a:not(.selected):hover,
html:not(.bx-no-touch) .switch a:not(.selected):active {
    border-color: #333333;
}

.switch li span {
    border: 1px solid #333333;
}

.switch-next a, .switch-prev a {
    border: none;
    width: 30px;
    font-size: 1.5em;
}

@media screen and (max-width: 1023px) {
    li.switch-start,li.switch-end {
        display: none;
    }

    .switch a {
        min-width: 30px;
        padding: 0 4px;
    }
}

@media screen and (max-width: 767px) {
    .switch {
        margin-top: 15px;
    }
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/news.list/office_header/style.css?16774100651479*/
@media all {
	.h-right {
		display: flex;
		align-items: flex-start;
	}
	.h-right__block {
		display: flex;
	}
	.h-right__icon {
		font-size: 20px;
		width: 50px;
		height: 50px;
		border: 1px solid #ecebeb;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: -3px -3px 0 currentColor;
		margin-top: 3px;
		text-decoration: none;
	}
	.h-right__icon i {
		color: #4b4141;
	}
	.h-right__block-text {
		padding-top: 3px;
		margin-left: 14px;
		width: 186px;
		padding-right: 20px;
	}
	.h-right__block-text--top {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.h-right__block._phone .h-right__block-text--top {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 4px;
	}
	.h-right__block-text--bot {
		font-size: 13px;
		color: #666666;
		line-height: 1.4;
	}

	.h-right__block._gamburger {
		display: none;
	}
}
@media (max-width: 1200px) {
	.h-right__block._address, .h-right__block._timetable {
		display: none;
	}
}
@media (max-width: 1023px) {
	.h-right__icon {
		box-shadow: none;
	}
	.h-right__block + .h-right__block {
		margin-left: 20px;
	}
	.h-right__block._phone .h-right__block-text {
		display: none;
	}
	.h-right__block._gamburger {
		display: inline-flex;
	}
	a.hamburger.h-right__icon {
		font-size: 21px;
		width: 50px;
		height: 50px;
		color: #4a4040;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	a.hamburger._active {
		background: none;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/menu/main_menu/style.css?16774100651615*/
ul.h-menu, ul.h-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.h-menu {
    display: flex;
}

ul.h-menu>li {
    position: relative
}

ul.h-menu>li>a {
    display: inline-flex;
    align-items: center;
    height: 65px;
    padding: 0 24px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;

}
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 {
    background-color: #000000;
}

ul.h-sub-menu {
    position: absolute;
    top: 100%;
    background-color: #000000;
    width: 300px;
    padding: 10px 0;
    visibility: hidden;
}
    li:hover ul.h-sub-menu {
        visibility: visible;
    }

ul.h-sub-menu li {

}

ul.h-sub-menu li + li {
    border-top: 1px solid #3e3e3e;
}

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;
}
ul.h-sub-menu a:hover:before, ul.h-sub-menu>li.selected>a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .1);
}


.h-menu__submenu-item-text {

}
.h-menu__submenu-item-icon {
    width: 1em;
    margin-left: 5px;
    font-size: 16px;
    color: #929292;
}
ul.h-sub-menu a:hover .h-menu__submenu-item-icon,
ul.h-sub-menu>li.selected>a>.h-menu__submenu-item-icon{
    color: currentColor;
}



ul.h-menu>li>a.menu_open_dropdown {
    display: none;
}


/* End */


/* Start:/bitrix/templates/citrus_aproduction2/components/bitrix/search.form/header_search/style.css?16774100651093*/

@media all {
	.search-form {
		position: relative;
	}
	.search-form__input-container {
		position: relative;
		top: 0;
		bottom: 0;
		width: 0;
		height: 65px;
		background-color: #000;
		overflow: hidden;
		transition: .15s ease;
	}
		.search-form._active .search-form__input-container {
			width: 380px;
		}
	.search-form__input {
		height: 30px;
		left: 20px;
		right: 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		background: none;
		border: none;
		border-bottom: 1px solid #3e3e3e;
		color: #fff;
		margin: auto;
		width: calc(100% - 40px);
		padding-right: 30px;
	}
	.search-form__button {
		position: absolute;
		background: none;
		border: none;
		color: white;
		top: 0;
		bottom: 0;
		height: 30px;
		margin: auto;
		right: 20px;
		cursor: pointer;
		font-size: 20px;
	}
}
@media (max-width: 1200px) {
	.search-form {
		position: initial;
	}
	.search-form__input-container {
		position: absolute;
		left: 0;
		width: 100%;
		opacity: 0;
		pointer-events: none;
	}
	.search-form._active .search-form__input-container {
		opacity: 1;
		pointer-events: all;
		width: 100%;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_aproduction2/themes/blue//colors.css?1677410065797*/
:root {
  --primary-color: #3598dc;
  --hover-color: #2283c6;
  --link-color: var(--primary-color); }

.theme--color, .img-shadow, .f-menu-item__title:hover, .pre-title b {
  color: #3598dc; }

.theme--bg-color, .product-tabs__link._active, .btn.btn-primary, .mobile-menu__li._lvl-1._selected > .mobile-menu__link, td._first-lvl, .content-formatted ul:not(.clear) li:before, .p__swiper .swiper-pagination-bullet:hover, .p__swiper .swiper-pagination-bullet-active {
  background-color: #3598dc; }

.product-tabs__link._active:after {
  border-top-color: #3598dc; }
/* hover color */
a {
  color: #2283c6; }

.btn.btn-primary:hover {
  background-color: #2283c6; }
/*text color*/
.btn.btn-primary, .theme--bg-color, .theme--bg-color .btn.btn-more, .table-price-list td._first-lvl {
  color: #fff; }

/* End */
/* /bitrix/templates/citrus_aproduction2/app/fonts/icomoon/icomoon.css?16774100651918 */
/* /bitrix/templates/citrus_aproduction2/app/css/typography.css?16774100654295 */
/* /bitrix/templates/citrus_aproduction2/app/css/modal.css?16774100653683 */
/* /bitrix/templates/citrus_aproduction2/app/css/btn.css?16774100658221 */
/* /bitrix/templates/citrus_aproduction2/app/css/table.css?1677410065584 */
/* /bitrix/templates/citrus_aproduction2/app/css/swiper.css?16774100652414 */
/* /bitrix/templates/citrus_aproduction2/app/css/list.css?1677410065409 */
/* /bitrix/templates/citrus_aproduction2/app/css/main.css?16774100659524 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/search.form/mobile/style.css?1677410065460 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/menu/mobile/style.css?16774100651218 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/system.pagenavigation/.default/style.css?16774100651229 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/news.list/office_header/style.css?16774100651479 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/menu/main_menu/style.css?16774100651615 */
/* /bitrix/templates/citrus_aproduction2/components/bitrix/search.form/header_search/style.css?16774100651093 */
/* /bitrix/templates/citrus_aproduction2/themes/blue//colors.css?1677410065797 */