/* Start:/bitrix/templates/citrus_arealty2/css/custom.css?17583658555174*/
.advantages {
    padding: 25px 0; }
.advantages:before, .advantages:after {
    content: " ";
    display: table; }
.advantages:after {
    clear: both; }
.advantages-row {
    float: left;
    width: 50%; }
.advantages-row:before, .advantages-row:after {
    content: " ";
    display: table; }
.advantages-row:after {
    clear: both; }
.advantages-item {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 68px; }
.advantages-item__icon {
    position: absolute;
    top: 0;
    left: 0; }
.advantages-item__head {
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px; }
.advantages-item__text {
    font-size: 14px;
    line-height: 18px; }
.advantages-item__text p {
    margin: 0 0 10px 0 !important; }
@media screen and (max-width: 991px) {
    .advantages {
        padding-bottom: 0; }
    .advantages-row {
        float: none;
        width: 100%;
        margin-bottom: 25px; } }
@media screen and (max-width: 479px) {
    .advantages {
        padding: 20px 0 0 0; }
    .advantages-row {
        margin-bottom: 0; }
    .advantages-item {
        width: 100%;
        float: none;
        margin-bottom: 20px; } }
.header-phone.header-phone--custom {
    position: relative;
    vertical-align: middle;
    padding-right: 100px;
    white-space: nowrap; }
.header-phone.header-phone--custom:before, .header-phone.header-phone--custom:after {
    content: " ";
    display: table; }
.header-phone.header-phone--custom:after {
    clear: both; }
.header-social {
    position: absolute;
    top: 11px;
    right: 16px;
    width:100px; }
.header-social a {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 8px;
    margin-bottom: 3px; }
@media screen and (max-width: 1279px) {
    body {
        /* padding-top: 134px;  */
    }
    .header-social {
        top: 10px; } }
@media screen and (max-width: 610px) {
    .header-phone.header-phone--custom {
        padding-right: 0;
    }
    .header-social {
        display: none; }
    .phone-block a {
        color: #fff;
    }
}
@media (max-width:767px) {
    .header-social {
        top: 10px;
        right: -15px;
    }
}
.realty_price_meter{
    text-align: center;
}
/*Footer*/
.footer-menu-column {
    display: inline-block;
    width: 75%;
    vertical-align: top;
}
.footer-menu-list {
    padding: 0;
    list-style-type: none;
}
.footer-menu {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
    min-width: 50%;
}

.footer-menu-header {
    line-height: 1.5;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    clear: both;
    display: block;
    text-decoration: none;
}
ul.footer-submenu{
    list-style: none;
    padding: 0;
}
ul.footer-submenu li + li {
    margin-top: 0;
}
.footer-submenu a {
    display: block;
    font-size: 13px;
    color: #c5b99f;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
}
.footer-submenu a:hover{
    color: #c5b99f;
    text-decoration: underline;
}
/*.footer-submenu a:before {
    content: '-';
    position: absolute;
    left: -20px;
}*/

.footer-menu-item-header {
    padding: 5px 0;
    color: #eee;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    clear: both;
}

.footer-submenu li + .footer-menu-item-header {
    padding-top: 15px;
}

@media screen and (max-width: 1279px){
    .footer-menu{
        min-width: auto;
        padding: 30px 100px;
    }
}
@media screen and (max-width: 1023px) {
    .footer-menu-column{
        padding: 0 15px;
        width: 50%;
    }

    .footer-menu {
        display: table;
        padding: 0 !important;
        width: 100%;
    }

   /* .footer-menu a {
        display: none;
    }*/

    /*.footer-menu-item-header {
        display: none;
    }*/

    .footer-menu .footer-menu-header {
        height: 48px;
        line-height: 46px;
        position: relative;
        border-top: 1px solid #504e49;
        cursor: pointer;
    }

    .footer-menu .footer-menu-header:after {
        content: '\f105';
        position: absolute;
        top: 50%;
        line-height: 0;
        right: 0;
        font-family: FontAwesome;
        font-size: 1.6rem;
        color: #c5b99f;
    }

    .footer-menu.open .footer-menu-header:after,
    .bx-no-touch .footer-menu .footer-menu-header:hover:after {
        color: #fff;
    }

    .footer-menu.open .footer-menu-header:after {
        content: '\f107'
    }

    .footer-menu:last-child {
        border-bottom: 1px solid #504e49;
    }

    .footer-menu.open a,
    .footer-menu.open .footer-menu-item-header {
        display: block;
    }

    .footer-menu.open {
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 767px) {
    .footer-menu-column {
        margin-bottom: 30px;
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .footer-menu-column {
        margin-bottom: 15px;
    }
}
.footer-column .footer-contacts{
    color: #ffffff;
    font-size: 15px;
    line-height: 35px;
}
.footer-column .footer-contacts a{
    color: #ffffff;
    text-decoration: none;
}
/*Footer END*/
/* End */


/* Start:/bitrix/templates/citrus_arealty2/application/icon-fonts/icons.css?17583658552896*/
@font-face {
  font-family: 'icomoon';
  src:  url('/bitrix/templates/citrus_arealty2/application/icon-fonts/fonts/icomoon.eot');
  src:  url('/bitrix/templates/citrus_arealty2/application/icon-fonts/fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('/bitrix/templates/citrus_arealty2/application/icon-fonts/fonts/icomoon.woff2') format('woff2'),
    url('/bitrix/templates/citrus_arealty2/application/icon-fonts/fonts/icomoon.ttf') format('truetype'),
    url('/bitrix/templates/citrus_arealty2/application/icon-fonts/fonts/icomoon.woff') format('woff'),
    url('/bitrix/templates/citrus_arealty2/application/icon-fonts/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-service:before {
  content: "\e900";
}
.icon-edit:before {
  content: "\e901";
}
.icon-calendar:before {
  content: "\e902";
}
.icon-up:before {
  content: "\e600";
}
.icon-arrow-down:before {
  content: "\e601";
}
.icon-arrow-right:before {
  content: "\e602";
}
.icon-arrow-up:before {
  content: "\e603";
}
.icon-view:before {
  content: "\e604";
}
.icon-Social-youtube:before {
  content: "\e605";
}
.icon-Social-twitter:before {
  content: "\e606";
}
.icon-Social-instagramm:before {
  content: "\e607";
}
.icon-Social-facebook:before {
  content: "\e608";
}
.icon-smile:before {
  content: "\e609";
}
.icon-print:before {
  content: "\e60a";
}
.icon-price:before {
  content: "\e60b";
}
.icon-phone:before {
  content: "\e60c";
}
.icon-owner:before {
  content: "\e60d";
}
.icon-menu:before {
  content: "\e60e";
}
.icon-map:before {
  content: "\e60f";
}
.icon-mail:before {
  content: "\e610";
}
.icon-mailmanager:before {
  content: "\e611";
}
.icon-logo:before {
  content: "\e612";
}
.icon-letter:before {
  content: "\e613";
}
.icon-holder:before {
  content: "\e614";
}
.icon-galochka:before {
  content: "\e615";
}
.icon-favorites:before {
  content: "\e616";
}
.icon-catalog:before {
  content: "\e617";
}
.icon-buyer:before {
  content: "\e618";
}
.icon-arrowright:before {
  content: "\e619";
}
.icon-ruble:before {
  content: "\e61a";
}
.icon-home:before {
  content: "\e61b";
}
.icon-muzik:before {
  content: "\e903";
}
.icon-select-galka:before {
  content: "\e904";
}
.icon-list-2:before {
  content: "\e905";
}
.icon-cards:before {
  content: "\e906";
}
.icon-kartochka-2:before {
  content: "\e907";
}
.icon-list:before {
  content: "\e908";
}
.icon-print2:before {
  content: "\e909";
}
.icon-select:before {
  content: "\e90a";
}
.icon-milo:before {
  content: "\e90b";
}
.icon-vk2:before {
  content: "\e90c";
}
.icon-vk:before {
  content: "\e90d";
}
.icon-close:before {
  content: "\e90e";
}
.icon-sort-low:before {
  content: "\e90f";
}
.icon-sort-hight:before {
  content: "\e910";
}
.icon-sucess:before {
  content: "\e911";
}
.icon-star-full:before {
  content: "\e9d9";
}

/* End */


/* Start:/bitrix/templates/citrus_arealty2/application/distr/app.css?1758365855106493*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


body {
	background-image: none;
}
.main-slider {
	position: relative;
}
.main-slider .main-nav {
	position: relative;
	width: 100%;
  background: #f4f2ee;
  padding-top: 25px;
    /* bottom: 0; */
	/* right: 0; */
	/* left: 0; */
}
.section-block {
	position: relative;
	border-top: 1px solid #c5b99f;
	padding: 60px 0;
}
.section-block._first {
	padding-top: 0;
	border-top: none;
}
.section-block>h1:first-child {
	margin-top: 0;
}

.section-title {
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 30px;
}
.cry-layout {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.cry-layout img {
	border: 0;
	max-width: 100%;
}
.container {
	display: table-row;
	height: 100%;
}
.c-side {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 15px;
}
.content {
	padding: 30px 0 50px;
}
.swiper-pagination {
	z-index: 1;
}
.notetext {
	color: #3c763d;
}
.errortext {
	color: #ED5A5A;
}

/*navigation after footer*/
@media all {
	.nav {
		background-color: #f3f1ec;
		overflow: hidden;
		position: relative;
		color: #a0967f;
	}
	.nav .c-side {
		padding: 0;
	}
	.nav:after {
		background: url("/bitrix/templates/citrus_arealty2/application/distr/img/nav.png") repeat center bottom;
		border-bottom: 1px solid #c5b99f;
		height: 75px;
		content: '';
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
	}
}


/*swiper*/
@media all {
	.swiper-pagination-bullet+.swiper-pagination-bullet {
		margin-left: 10px;
	}
	.p__swiper .swiper-button-prev,.p__swiper .swiper-button-next {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		background: 0;
		height: auto;
		width: auto;
		line-height: 0;
		font-size: 4rem;
		color: #c5b99f;
		margin-top: 0;
		z-index: 1;
	}
	.p__swiper .swiper-button-prev {
		left: -15px;
	}
	.p__swiper .swiper-button-next {
		right: -15px;
	}
	.p__swiper.swipes-locked .swiper-button-prev,
	.p__swiper.swipes-locked .swiper-button-next,
	.swiper-container.swipes-locked .swiper-button-prev,
	.swiper-container.swipes-locked .swiper-button-next {
		display: none !important;
	}
}

.map-block {
	position: relative;
	padding-bottom: 56.25%;
}

.dl-menu {
	margin: 15px 0 -10px;
	font-size: 0;
	color: #333;
}
.dl-menu dd, .dl-menu dt {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 10px;
}
.dl-menu dt {
	font-weight: 600;
	font-size: 14px;
}
.dl-menu dd {
	width: 75%;
	font-size: 14px;
	margin-left: 0;
}
.tel-link{
	text-decoration: none;
	color: #333;
}
.tel-link:hover{
	text-decoration: underline;
}
.feedback {
	background-color: #f3f1ec;
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.15);
	box-shadow: 0 2px 0 0 rgba(0,0,0,.15);
	border-radius: 6px;
	margin-bottom: 2px;
	padding: 20px;
}

.auth-block {
	max-width: 480px;
}


.btn.feedback-btn {
	text-transform: uppercase;
	min-width: 220px;
	text-align: center;
}

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

/*article and news*/
@media all {
	.month-title {
		font-weight: bold;
		text-transform: uppercase;
		margin: 15px 0;
	}
	.item-date {
		background-color: #f3f1ec;
		-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.15);
		box-shadow: 0 2px 0 0 rgba(0,0,0,.15);
		border-radius: 6px;
		display: inline-block;
		vertical-align: top;
		padding: 5px 0;
		width: 75px;
		text-align: center;
		margin-bottom: 2px;
		text-transform: uppercase;
	}
	.item-date span {
		display: block;
	}
	.item-date .month {
		font-size: 12px;
		color: #c5b99f;
		font-weight: 600;
	}
	.item-date .day {
		font-size: 26px;
		font-weight: 700;
		color: #a0967f;
	}
	.item-date .year {
		font-size: 10px;
		color: #c5b99f;
		font-weight: 600;
	}
	.item-date-new{
		font-style: italic;
		font-size: 13px;
		line-height: 13px;
		display: block;
		color: #666;
		margin: 0 0 10px 0;
	}
	.article-list {
		clear: both;
	}
	.article-item {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.article-body {
		padding-left: 0;
		max-width: 100%;
	}
	.article-desc {
		font-size: 15px;
		clear: both;
	}

	.bx-no-touch a.article-name:hover, a.article-name:active {
		color: #333;
	}

	.article-footer {
		margin-top: 30px;
	}

	.article-user {
		display: table;
		width: 100%;
		table-layout: fixed;
		font-size: 0;
		margin-bottom: 10px;
	}

	a.article-user {
		text-decoration: none;
	}

	.article-user-ava span {
		-webkit-transition: .15s;
		-moz-transition: .15s;
		-ms-transition: .15s;
		-o-transition: .15s;
		transition: .15s;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-box-shadow: 0 0 0 3px #c5b99f;
		box-shadow: 0 0 0 3px #c5b99f;
		display: block;
		padding-bottom: 100%;
		border-radius: 100%;
	}

	.article-user-ava {
		display: table-cell;
		vertical-align: top;
		width: 65px;
	}

	.article-user-body {
		display: table-cell;
		vertical-align: middle;
		padding-left: 15px;
	}

	.article-user-name {
		font-size: 18px;
		text-align: left;
		line-height: 1.2;
		font-weight: 600;
		text-decoration: none;
	}

	.article-user-meta {
		font-size: 14px;
		color: #a0967f;
		margin-top: 2px;
	}

	.article-user-body span {
		display: block;
	}
	.b-news-props dt{
		font-weight: 700;
		text-transform: uppercase;
	}
	.all-items-link{
		text-decoration: none;
	}
	.all-items-link span{
		display: inline;
	}
}

/*galery*/
@media all {
	.gallery-item {
		display: inline-block;
		vertical-align: top;
		padding: 15px;
		text-align: center;
	}

	.gallery-swipe {
		position: relative;
	}

	.gallery-image {
		margin: 0 auto;
	}

	.gallery-title {
		margin-top: 15px;
		font-size: 14px;
		font-weight: 600;
		display: block;
	}
}

/*service*/
@media all {
	.service-detailed {
		margin: 30px 0;
		text-align: center;
	}
	.service-box {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		position: relative;
		width: 90px;
		text-align: center;
		height: 90px;
		line-height: 100px;
		background-color: #c5b99f;
		border-radius: 50%;
		font-size: 70px;
	}
	.service-box [class*="icon-"] {
		color: #fff;
	}
	.service-title {
		font-size: 18px;
		color: #333;
		line-height: 22px;
		margin-top: 15px;
		text-transform: uppercase;
		font-weight: bold;
	}
}

@media (max-width: 1279px) {

	.c-side {
		max-width: 1024px
	}

	.nav {
		border-top: 0;
	}

	.catalog-item-price {
		font-size: 20px;
	}

	.catalog-item-price:after {
		font-size: 20px;
	}
}
@media (min-width: 1024px) {
	::-webkit-scrollbar {
		width:12px;
		height: 12px;
		position: absolute
	}

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

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

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

	::-webkit-scrollbar-track {
		background-color: rgba(50,50,50,.05)
	}
}
@media (max-width: 1023px) {
	.c-side {
		max-width: 768px
	}

	.btn.favorite-btn span.btn-label {
		display: none;
	}
}
@media (max-width: 767px) {
	.c-side {
		max-width: 480px
	}

	.section-title {
		margin-bottom: 15px;
		font-size: 20px;
	}
}
@media (max-width: 479px) {
	.c-side {
		max-width: 360px
	}

	.favorite {
		display: none;
	}

	.item-date {
		display: inline-block;
		width: auto;
		text-align: left;
		padding: 0 8px;
		overflow: hidden;
	}

	.item-date span {
		display: inline-block;
		margin-right: 5px;
	}

	.item-date .day {
		float: left;
	}

	.item-date .year {
		font-size: 12px;
	}

	.item-date .month {
		line-height: 36px;
	}

	.article-body {
		padding: 15px 0 0;
		display: block;
		width: 100%;
	}

	.btn.article-btn {
		width: 100%;
		text-align: center;
	}

	.map-block {
		margin: 0 -15px;
	}
	.article-user-ava,
	.article-user-body{
		display: block;
	}
	.article-user-ava{
		padding: 0;
		margin: 0 auto 15px;
	}
  .row-ib{
    display: flex;
    flex-wrap: wrap;
  }
}

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

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

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

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

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

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

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

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

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

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

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

	.header-top {
		float: left;
	}

	.header-bottom {
		float: right;
	}

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

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

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

/**
* 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;
  }
}
/**
* Name: Modal style
* Author: by crycode
*/

@media all {
    .mfp-wrap {
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0);
    }
    html.mfp-helper {
        height: 100%;
    }
    html.mfp-helper body {
        overflow: hidden;
        height: 100%;
        -webkit-transform: translateZ(0);
    }
    .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;
    }
    .modal-w-400 {
        max-width: 400px;
    }
    .modal-w-900 {
        max-width: 900px;
    }

    .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: 20px;
    }
    .bx-no-touch .btn.modal-close-btn:hover, .btn.modal-close-btn:active {
        background-color: rgba(0, 0, 0, .1);
    }
}
@media screen and (max-width: 767px) {
    .modal-content {
        margin: 0;
        box-shadow: none;
        max-width: 100%;
    }

    .modal-header {
        border-radius: 0;
    }

    .modal-footer {
        border-radius: 0;
    }

    .mfp-container {
        padding: 0;
    }

    .mfp-container:before {
        display: none;
    }

    .mfp-content {
        background-color: #fff;
        height: 100%;
    }
}




.header {
    position: relative;
    z-index: 3;
}

.header [class*="col-"] {
    padding-top: 0;
    padding-bottom: 0;
}

.header .row {
    margin-top: 0;
    margin-bottom: 0;
}

.header:after,.header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 70px;
}
.pull-left a {
      white-space: normal;
}
.header:after {
    background-color: #fff;
    right: 0;
    left: 0;
}

.header:before {
    right: 0;
    left: 0;
    top: 74px;
    height: 50px;
}

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

.content{
	max-width: 1230px;
	margin: 0 auto;
}

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

.header-phone {
    height: 30px;
    float: left;
    margin-right: 25px;
}

.header-phone-number {
    font-size: 25px;
    display: block;
    line-height: 1.2;
    color: #333333;
    text-decoration: none;
}

.btn-header-phone {
    font-size: 13px;
    padding: 0 0 0 10px;
    line-height: 18px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}


.btn-header-phone .btn-icon {
    vertical-align: middle;
    font-size: 14px;
}
.btn-header-phone .btn-label{
    line-height: 13px;
    border-bottom: 1px dotted;
}

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

a.header-logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    max-width: 100%;
    overflow: hidden;
}
        .header-logo .bx-context-toolbar-empty-area {
            display: flex;
            width: 100%;
        }
        a.header-logo .icon-logo{
            font-size: 64px;
        }
        a.header-logo .logo-image{
            width: 100%;
            height: 60px;
            display: inline-flex;
            align-items: center;
        }

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

        a.header-logo img{
            height: auto;
            max-height: 100%;
        }
        a.header-logo.with_desc img{
            max-width: 100%;
            height: auto;
            display: block;
        }
    a.header-logo .logo-text{
        color: #000;
        font-size: 22px;
        line-height: 26px;
        display: inline-block;
        padding: 0 0 0 10px;
    }
        a.header-logo:not(.with_desc) .logo-text {
            display: none;
        }
        a.header-logo span.logo-text__second{
            display: block;
            font-weight: 700;
        }



/*loading*/
.spinner {
    background-color: #fbfaf8;
    height: 34px;
    width: 34px;
    line-height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
}
.is-loading .spinner {
    visibility: visible;
    opacity: 1;
}
.spinner > span {
    width: 4px;
    height: 4px;
    background-color: #666;
    vertical-align: middle;
    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;
}
.spinner > span + span {
    margin-left: 3px;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



@media all {
    .header-middle {
        position: relative;
        height: 36px;
        display: flex;
    }
    .header-search__wrapper {
        flex: 1;
    }
}

@media screen and (max-width: 1279px) {
    .header:before {
        left: 0;
        border-top: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15);
    }

    .header {
        height: auto;
    }
}

@media screen and (max-width: 1023px) {
    .header a[href^="tel:"] {
        color: #fff;
        text-decoration: none;
    }

    html.menu-open, .menu-open body {
        overflow: hidden;
    }

    .menu-bg {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        background-color: rgba(0,0,0,.6);
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        cursor: pointer;
    }

    .menu-open .menu-bg {
        visibility: visible;
        opacity: 1;
    }


    .header-bottom {
        height: 50px;
        position: relative;
    }

    .btn.btn-header-bar {
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
        width: 50px;
        height: 50px;
        font-size: 2rem;
        line-height: 0;
        color: #fff;
        background: none;
        border: none;
    }

    .header-phone {
        position: absolute;
        top: 0;
        left: 50px;
        right: 50px;
        text-align: center;
        margin: 0;
        height: 50px;
        border-left: 1px solid rgba(255,255,255,.4);
        border-right: 1px solid rgba(255,255,255,.4);
    }

    .header-phone-number {
        line-height: 48px;
        display: inline-flex;
        color: #fff;
        text-align: center;
    }

    .btn-header-phone .btn-label {
        display: none;
    }

    .btn-header-phone {
        border: 0;
        border-radius: 0;
        color: #fff;
        background: 0;
        height: 50px;
        width: 50px;
        line-height: 50px;
        padding: 0;
        text-align: center;
    }

    .btn-header-phone .btn-icon {
        font-size: 2rem;
    }

    .bx-no-touch .btn-header-bar:hover,.btn-header-bar:active, .bx-no-touch .btn-header-phone:hover,.btn-header-phone:active {
        background-color: rgba(0,0,0,.1);
        color: #fff;
    }
    .header:before {
			height: 92px;
		}
}

@media screen and (max-width: 767px) {
    .header:before {
        top: 121px;
        height: 100px;
    }

    .header-middle {
        margin-bottom: 10px;
    }

    .a.header-logo .logo-image {
        justify-content: center;
    }

}

@media screen and (max-width: 479px) {
    .header-phone-number {
        font-size: 18px;
    }
    .btn-header-phone{
        padding: 0;
        text-align: center;
    }
    .footer-help-block {
        padding: 15px 0;
    }

    .header-bottom {
        margin: 0 -15px;
    }
}

.footer-map {
    position: relative;
    height: 800px;
}

.footer-container {
    background-color: #333;
    padding: 30px 0;
    color: #666;
}

.footer-help-block {
    padding: 30px 0;
}

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

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

.btn.btn-footer-help {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.bx-no-touch .btn.btn-outline-white:hover, .btn.btn-outline-white:active {
    background-color: #fff;
}
.footer-social-list {
    margin: 0 -10px 30px 0;
    display: table;
}

.footer-social-list a {
    background-color: rgba(0,0,0,.2);
    border-bottom: 0;
    margin: 0 10px 10px 0;
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
    font-size: 20px
}

.bx-no-touch .footer-social-list a:hover span, .footer-social-list a:active span {
    color: #fff
}

/*soc*/
@media all {
    .footer-social-list a span{
        color: #c5b99f;
    }

    .bx-no-touch .vk:hover, .vk:active {
        background-color: #577ca5
    }

    .bx-no-touch .ig:hover, .ig:active {
        background-color: #3f729b
    }

    .bx-no-touch .tw:hover, .tw:active {
        background-color: #3498db
    }

    .bx-no-touch .fb:hover, .fb:active {
        background-color: #568dd8
    }

    .bx-no-touch .gp:hover, .gp:active {
        background-color: #ff765f
    }

    .bx-no-touch .yb:hover, .yb:active {
        background-color: #cc181e
    }
}

.btn.btn-footer-up {
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    background-color: rgba(0,0,0,.2);
    text-align: center;
}

.footer-bottom {
    border-top: 1px solid #504e49;
    margin-top: 30px;
    padding-top: 15px;
}

.footer-top {
    margin: 15px -15px 0;
    font-size: 0;
    color: #c5b99f;
}

.footer-column {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: 25%
}

#bx-composite-banner {
    margin-top: 5px;
}


@media screen and (max-width: 1023px) {
    .footer-help-block [class*="col-"]+[class*="col-"] {
        padding-top: 15px;
    }

    .btn.btn-footer-help {
        max-width: 320px;
    }

    .footer-column {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .footer-column {
        width: 100%;
    }

    .footer-help-title {
        font-size: 20px;
    }

    .footer-top {
        margin-top: 0;
    }

    .footer-bottom {
        margin-top: 15px;
    }

    .footer-bottom [class*="col-"]+[class*="col-"] {
        padding-top: 15px;
    }

    .btn.btn-footer-up {
        width: 100%;
        display: block;
    }
}

.section-description {
    margin: 30px 0;
}

.catalog-th-large .catalog-item {
    position: relative;
    margin-bottom: 30px;
    padding-top: 15px;
    border: 1px solid transparent;
    border-bottom: 0;
    background-color: #fff;
}

.catalog-item__preview-wrapper {
    position: relative;
}
.catalog-th-large a.catalog-item-preview {
    background-color: #f3f1ec;
    margin-bottom: 30px;
    display: block;
    position: relative;
    overflow: hidden;
}

.catalog-th-large a.catalog-item-preview:after, .catalog-th-list .catalog-item-preview a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid rgba(255,255,255,.6);
    z-index: 1;
}

.catalog-item-images {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 100%;
    position: relative;
    z-index: 1;
}

.bx-no-touch a.catalog-item-preview:hover .catalog-item-images, .bx-no-touch .catalog-item-preview a:hover .catalog-item-images {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.catalog-th-large a.catalog-item-preview:before, .catalog-th-list .catalog-item-preview a:before {
    content: '\f030';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 3rem;
    color: #c5b99f;
    font-family: FontAwesome;
    display: block;
    z-index: 1;
    line-height: 0;
}

.catalog-th-large .catalog-item-price {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 100%;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 24px;
    text-align: center;
    z-index: 2;
    line-height: 20px;
    padding: 10px 0;
    text-decoration: none;
}
.catalog-th-large .catalog-item-price span {

}
.catalog-item-price__period, span.catalog-item-price__period {
    white-space: nowrap;
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-top: 2px;
}
.catalog-item-price .currency-icon{
    display: inline-block;
    line-height: 1;
    height: 1em;
}
/*.catalog-item-price:after {
    content: '\e61a';
    font-family: 'icomoon';
    font-size: 18px;
    margin-left: 5px;
    display: inline-block;
}*/

.catalog-th-large a.catalog-item-name {
    display: block;
    margin-top: 8px;
}

a.catalog-item-name {
    color: #333;
}

a.catalog-item-name span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.catalog-item-address {
    color: #999;
    font-size: 13px;
    margin-top: 5px;
}

.catalog-th-large .catalog-item-date {
    margin-top: 5px;
    font-size: 13px;
    color: #999;
}

.catalog-th-large .catalog-item-meta {
    background-color: #fff;
    border: 1px solid;
    border-top: 0;
    margin-top: 0;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    display: none;
    padding: 5px 15px 10px;
    z-index: 2;
}

.bx-no-touch .catalog-th-large .catalog-item:hover .catalog-item-meta, .catalog-th-large .catalog-item:active .catalog-item-meta {
    display: block;
}

.catalog-item-info {
    font-size: 13px;
    color: #666;
    padding: 0 0 5px 0;
}

.catalog-item-info>.catalog-item-info-item+.catalog-item-info-item {
    margin-top: 5px;
}

.catalog-th-large .catalog-item-control {
    padding: 5px 0px 10px;
}

.catalog-th-large .catalog-item-control .control-link,
.catalog-th-list .catalog-item-control .control-link{
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
}
.catalog-th-large .catalog-item-control .control-link:first-child,
.catalog-th-list .catalog-item-control .control-link:first-child{
    padding-bottom: 10px;
}
.catalog-th-large .catalog-item-control .control-link-icon,
.catalog-th-list .catalog-item-control .control-link-icon{
    font-size: 18px;
    width: 1.2em;
    text-align: center;
}
.catalog-th-large .catalog-item-control .control-link-label,
.catalog-th-list .catalog-item-control .control-link-label{
    margin-left: 5px;
    font-size: 13px;
    line-height: 12px;
    border-bottom: 1px solid;
}
.catalog-th-list .catalog-item {
    padding: 30px 0;
    display: flex;
}

.catalog-th-list .catalog-item-preview {
    display: inline-block;
    vertical-align: top;
    width: 225px;
}

.catalog-th-list .catalog-item-body {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 250px);
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    max-height: 250px;
}

.catalog-th-list .catalog-item-container {
    width: calc(100% - 250px);
    display: flex;
    vertical-align: top;
}

.catalog-th-list .catalog-item-body:after {
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 50px;
}

.catalog-th-list .catalog-item-meta {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.catalog-th-list .catalog-item-preview a {
    background-color: #f3f1ec;
    display: block;
    position: relative;
    overflow: hidden;
}

.catalog-th-list .catalog-item-desc {
    font-size: 13px;
    color: #333;
    margin-top: 10px;
}

.catalog-th-list .catalog-item-address {
    margin-top: 10px;
    font-size: 13px;
}

.catalog-th-list .catalog-item-price {
    line-height: 20px;
    padding: 10px 20px;
    white-space: nowrap;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

.catalog-th-list .catalog-item-info {
    padding: 0;
}

.catalog-th-list .catalog-item-control {
    margin-top: 15px;
}

.catalog.catalog-th-list {
    margin: -30px 0 -5px;
}

.catalog-th-list .catalog-item+.catalog-item {
    border-top: 1px solid #c5b99f;
}

.map-link {
    white-space: nowrap;
}
@media screen and (max-width: 1279px) {
    .catalog-th-large .catalog-item-price,
    .catalog-th-large .catalog-item-price:after,
    .catalog-th-list .catalog-item-price,
    .catalog-th-list .catalog-item-price:after {
        font-size: 20px;
    }
}

@media screen and (max-width: 1023px) {
    .catalog-item-desc,.catalog-th-list .catalog-item-body:after {
        display: none;
    }

    .catalog-th-list .catalog-item-container {
        flex-direction: column;
    }
    .catalog-th-list .catalog-item-body {
        display: block;
        width: auto;
        margin-bottom: 15px;
    }

    .catalog-th-list .catalog-item-meta {
        display: block;
        width: auto;
        padding: 0 15px;
    }

    .catalog-th-list .btn.catalog-control-btn {
        display: inline-block;
        width: auto;
    }

    .catalog-th-list .catalog-item-price {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .catalog-th-list .catalog-item {
        flex-direction: column;
    }
    .catalog-th-list .catalog-item-container {
        display: block;
        width: auto;
        margin-top: 15px;
    }

    .catalog-th-list .catalog-item-body,
    .catalog-th-list .catalog-item-meta {
        padding: 0;
    }
}

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

    .catalog-th-list .btn.catalog-control-btn {
        display: block;
    }

    .catalog-th-list .catalog-item-control .btn+.btn {
        margin: 10px 0 0;
    }

    .catalog-th-list .catalog-item {
        padding: 15px 0;
    }

    .catalog.catalog-th-list {
        margin: 0;
    }
}

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

.service-menu-item+.service-menu-item {
    margin-top: 0px;
}

.service {
    margin-bottom: 30px;
}

.help-title {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 30px;
}

.help-item+.help-item {
    margin-top: 25px;
}

.help-list {
    font-size: 0;
    counter-reset: count-i;
}

.help-item-body {
    padding-left: 55px;
}

span.help-item-name {
    font-size: 16px;
}

span.help-item-desc {
    margin-top: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #999;
}

.help-item-body span {
    line-height: 1.2;
    display: block;
}

.help-item {
    position: relative;
}

.help-item:before {
    counter-increment: count-i;
    content: counter(count-i) '. ';
    position: absolute;
    top: 50%;
    line-height: 0;
    font-size: 3rem;
}
.service-item{
    background-color: #f3f1ec;
    padding: 0 30px;
}
    .service-menu-item {
        border-top: 1px solid #c5b99f;
    }
    .service-menu-item:first-child{
        border-top: 1px solid transparent;
    }
    .service-menu-item-h{
        display: flex;
        align-items: center;
        padding: 10px 0;
    }
        .service-menu-item-h-icon{
            width: 65px;
            margin-right: 15px;
            border-radius: 50%;
            /* background-color: #c5b99f; */
        }
        .service-menu-item-h-icon span{
            display: block;
            width: 100%;
            margin: auto;
            padding-bottom: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }
        .service-menu-h-btn{
            color: #333;
        }
.service-menu-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    min-height: 60px;
    color: #333;
    text-decoration: none;
    position: relative;
    padding: 9px 30px 9px 0;
}

.service-menu-btn .btn-label {

}

.service-menu-btn .btn-label h3 {
    margin: 0;
}

.service-menu-btn span.btn-icon {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #c5b99f;
    font-size: 22px;
    margin-right: -5px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: 1px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bx-no-touch .service-menu-btn:hover span.btn-icon, .service-menu-btn:active span.btn-icon {
    right: 5px;
}

.bx-no-touch .service-menu-btn:hover, .service-menu-btn:active {
    color: #000;
}

.btn.help-btn {
    width: 100%;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .btn.help-btn {
        margin: 0 auto;
        max-width: 320px;
    }
}
@media (max-width: 1023px) {
    .service-menu-item-h{
        flex-direction: column;
    }
        .service-menu-item-h-icon{
            margin-top: 15px;
            margin-right: 0;
        }
        .service-menu-h-btn{
            padding-right: 0;
        }
}
@media screen and (max-width: 767px) {
    .help-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .help {
        border-bottom: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .help-item:before {
        display: none;
    }

    .help-item-body {
        padding-left: 0;
    }

    .help-item+.help-item {
        margin-top: 15px;
    }
}
/*map style*/
@media all {
	.citrus-objects-map {
		height: 480px;
		position: relative;
		background-color: #fff;
	}
	.citrus-objects-map:after {
		background-image: url("/bitrix/templates/citrus_arealty2/application/distr/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: 8px;
		color: #fff;
		font-size: 24px;
		line-height: 24px;
		text-align: center;
	}
	.citrus-objects-map-popup__price span {
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
	}
	.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;
		font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	}
	.citrus-objects-map-popup__desc {
		display: block;
		color: #999;
		font-size: 13px;
		line-height: 16px;
		margin: 7px 0;
		font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	}

	.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 all {
	.lk {
		display: flex;
		border-radius: 4px;
		background-color: #f3f1ec;
	}
	.lk__form-w, .lk__text-w {
		width: 50%;
		padding: 30px;
	}
	.lk__form-w {
		border-radius: 4px;
		color: #fff;
	}
	.lk--title, .h3.lk--title {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid;
	}

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

	.form-group.form-group-btn {
		display: flex;
		align-items: center;
		margin-top: 35px;
	}
	.form-group-btn__description {
		width: 50%;
	}
	.button-position-right {
		width: 50%;
	}

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

	.lk--form .btn {
		width: 150px;
		max-width: 100%;
	}
}
@media (max-width: 767px) {
	.lk {
		display: block;
	}
	.lk__form-w, .lk__text-w {
		width: auto;
		padding: 20px 30px;
	}
	.h3.lk--title, .lk--title {
		margin-top: 15px;
	}
}
@media (max-width: 479px) {
	.lk__form-w, .lk__text-w {
		padding: 10px 20px;
	}
}

/*captcha*/
@media all {
	.field-compare {
		display: flex;
		margin: -22px 0;
	}
	.captcha-image-group {
		width: 180px;
		margin-right: 20px;
	}
	.captcha-image {
		height: 3em;
	}
	.captcha-input-group {
		flex: 1;
	}
}
@media (max-width: 1023px) {
	.field-compare {
		display: block;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.field-compare {
		display: flex;
		margin: -22px 0;
	}
}
@media (max-width: 479px) {
	.field-compare {
		display: block;
		margin: 0;
	}
}
/*popup*/
@media all {
	body .bx-popup-menu {
		max-height: 400px;
		overflow: auto;
		box-shadow: 5px 3px 9px 1px rgba(0, 0, 0, 0.2);
	}
	body .bx-popup-menu::-webkit-scrollbar-button,
	body .bx-popup-menu::-webkit-scrollbar-track {
		background-color: #fff;
	}
	body .bx-popup-menu + img {
		display: none !important;
	}

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

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

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

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

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


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

/*----------------------
General styles
----------------------*/

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

html {
    min-width: 320px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    background-color: #fff;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}

.cry-layout img {
    border: 0;
    max-width: 100%
}

.cut-inside>*:first-child {
    margin-top: 0;
}
.cut-inside>*:last-child {
    margin-bottom: 0;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.indent, .indent-min, .indent-max {
    margin: 0;
}
.indent-min {
    height: 10px;
}
.indent {
    height: 20px;
}
.indent-max {
    height: 30px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*video*/
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}

pre {
    display: table;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: pre-wrap;
    position: relative;
    min-width: 400px;
    text-align: left;
    z-index: 1;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.no-select {
    user-selected: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
@media (max-width: 320px) {
    body {
        overflow: auto;
    }
}
/**
* Name: Grid style
* Author: by crycode
*/

@media all {
    .row {
        margin-left: -15px;
        margin-right: -15px;
        display: flex;
        flex-wrap: wrap;
    }
    .row.row-clear {
        margin-left: 0;
        margin-right: 0;
    }
    .row.fl-s{
        align-items: flex-start;
    }
    .row-ib {
        margin-left: -15px;
        margin-right: -15px;
        font-size: 0;
    }

    [class*="col-"] {
        width: 100%;
        font-size: 1rem;
        vertical-align: top;
        min-height: 1px;
    }
    *:not(.row-clear)>[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.row-grid, .row-ib.row-grid {
        margin-top: -15px;
        margin-bottom: -15px;
    }

    .row.row-grid>[class*="col-"], .row-ib.row-grid>[class*="col-"] {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .content-col>*:first-child {
        margin-top: 0;
    }
    .content-col>*:last-child {
        margin-bottom: 0;
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-1-5 {
        width: 20%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-1-5 {
        right: 20%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-1-5 {
        left: 20%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-1-5 {
        margin-left: 20%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0
    }

    .hidden {
        display: none!important
    }
    .hidden-br br {
        display: none!important;
    }
    .visible-br br {
        display: block!important;
    }
    .visible-block {
        display: block!important
    }
    .visible-inline {
        display: inline-block!important
    }

    .ta-xs-r, .tar {
        text-align: right
    }
    .ta-xs-l ,.tal {
        text-align: left
    }

    .ta-xs-c, .tac {
        text-align: center
    }

    .va-xs-t, .vat {
        vertical-align: top
    }
    .va-xs-m, .vam {
        vertical-align: middle
    }
    .va-xs-b, .vab {
        vertical-align: bottom
    }

    .w100p {
        width: 100%;
    }

    .align-xs-c {
        align-items: center;
    }
    .direction-xs-row_reverse {
        flex-direction: row-reverse;
    }

    .display-xs-n {
        display: none;
    }
    .display-xs-ib {
        display: inline-block;
    }
    .display-xs-b {
        display: block;
    }
    .display-xs-i {
        display: inline;
    }
    .display-xs-tc {
        display: table-cell;
    }
    .display-xs-tb {
        display: table;
    }
    .display-xs-f {
        display: flex;
    }
}
@media (min-width: 480px) {
    .row-ib .col-sm-1, .row-ib .col-sm-2, .row-ib .col-sm-1-5, .row-ib .col-sm-3, .row-ib .col-sm-4, .row-ib .col-sm-5, .row-ib .col-sm-6, .row-ib .col-sm-7, .row-ib .col-sm-8, .row-ib .col-sm-9, .row-ib .col-sm-10, .row-ib .col-sm-11, .row-ib .col-sm-12 {
        display: inline-block;
    }
    .hidden-sm {
        display: none!important
    }

    .hidden-sm-br br {
        display: none!important;
    }

    .visible-sm-br br {
        display: block!important;
    }

    .visible-sm-block {
        display: block!important
    }

    .visible-sm-inline {
        display: inline-block!important
    }

    .ta-sm-r, .tar-sm {
        text-align: right
    }

    .ta-sm-l, .tal-sm {
        text-align: left
    }

    .ta-sm-c, .tac-sm {
        text-align: center
    }

    .ta-sm-t, .vat-sm {
        vertical-align: top
    }

    .vam-sm {
        vertical-align: middle
    }

    .vab-sm {
        vertical-align: bottom
    }

    .pull-left-sm {
        float: left
    }

    .pull-right-sm {
        float: right
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-1-5 {
        width: 20%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-1-5 {
        right: 20%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-1-5 {
        left: 20%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-1-5 {
        margin-left: 20%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }


    .display-sm-n {
        display: none;
    }
    .display-sm-ib {
        display: inline-block;
    }
    .display-sm-b {
        display: block;
    }
    .display-sm-i {
        display: inline;
    }
    .display-sm-tc {
        display: table-cell;
    }
    .display-sm-tb {
        display: table;
    }
    .display-sm-f {
        display: flex;
    }
}
@media (min-width: 768px) {
    .row-ib .col-md-1, .row-ib .col-md-2, .row-ib .col-md-1-5, .row-ib .col-md-3, .row-ib .col-md-4, .row-ib .col-md-5, .row-ib .col-md-6, .row-ib .col-md-7, .row-ib .col-md-8, .row-ib .col-md-9, .row-ib .col-md-10, .row-ib .col-md-11, .row-ib .col-md-12 {
        display: inline-block;
    }

    .hidden-md {
        display: none!important
    }

    .hidden-md-br br {
        display: none!important;
    }

    .visible-md-br br {
        display: block!important;
    }

    .visible-md-block {
        display: block!important
    }

    .visible-md-inline {
        display: inline-block!important
    }

    .ta-md-r, .tar-md {
        text-align: right
    }

    .ta-md-l, .tal-md {
        text-align: left
    }

    .ta-md-c, .tac-md {
        text-align: center
    }

    .vat-md {
        vertical-align: top
    }

    .vam-md {
        vertical-align: middle
    }

    .vab-md {
        vertical-align: bottom
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-1-5 {
        width: 20%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-1-5 {
        right: 20%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-1-5 {
        left: 20%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-1-5 {
        margin-left: 20%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .display-md-n {
        display: none;
    }
    .display-md-ib {
        display: inline-block;
    }
    .display-md-b {
        display: block;
    }
    .display-md-i {
        display: inline;
    }
    .display-md-tc {
        display: table-cell;
    }
    .display-md-tb {
        display: table;
    }
    .display-md-f {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .row-ib .col-lg-1, .row-ib .col-lg-2, .row-ib .col-lg-1-5, .row-ib .col-lg-3, .row-ib .col-lg-4, .row-ib .col-lg-5, .row-ib .col-lg-6, .row-ib .col-lg-7, .row-ib .col-lg-8, .row-ib .col-lg-9, .row-ib .col-lg-10, .row-ib .col-lg-11, .row-ib .col-lg-12 {
        display: inline-block;
    }

    .hidden-lg {
        display: none!important
    }

    .hidden-lg-br br {
        display: none!important;
    }

    .visible-lg-br br {
        display: block!important;
    }

    .visible-lg-block {
        display: block!important
    }

    .visible-lg-flex {
        display: flex !important;
    }

    .visible-lg-inline {
        display: inline-block!important
    }

    .tar-lg {
        text-align: right
    }

    .tal-lg {
        text-align: left
    }

    .tac-lg {
        text-align: center
    }

    .vat-lg {
        vertical-align: top
    }

    .vam-lg {
        vertical-align: middle
    }

    .vab-lg {
        vertical-align: bottom
    }

    .pull-left-lg {
        float: left
    }

    .pull-right-lg {
        float: right
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-1-5 {
        width: 20%;
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-1-5 {
        right: 20%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-1-5 {
        left: 20%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-1-5 {
        margin-left: 20%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .display-lg-n {
        display: none;
    }
    .display-lg-ib {
        display: inline-block;
    }
    .display-lg-b {
        display: block;
    }
    .display-lg-i {
        display: inline;
    }
    .display-lg-tc {
        display: table-cell;
    }
    .display-lg-tb {
        display: table;
    }
    .display-lg-f {
        display: flex;
    }
}
@media (min-width: 1280px) {
    .row-ib .col-dt-1, .row-ib .col-dt-2, .row-ib .col-dt-1-5, .row-ib .col-dt-3, .row-ib .col-dt-4, .row-ib .col-dt-5, .row-ib .col-dt-6, .row-ib .col-dt-7, .row-ib .col-dt-8, .row-ib .col-dt-9, .row-ib .col-dt-10, .row-ib .col-dt-11, .row-ib .col-dt-12 {
        display: inline-block;
    }
    .hidden-dt {
        display: none!important
    }

    .hidden-dt-br br {
        display: none!important;
    }

    .visible-dt-br br {
        display: block!important;
    }

    .visible-dt-block {
        display: block!important
    }

    .visible-dt-inline {
        display: inline-block!important
    }

    .tar-dt {
        text-align: right
    }

    .tal-dt {
        text-align: left
    }

    .tac-dt {
        text-align: center
    }

    .vat-dt {
        vertical-align: top
    }

    .vam-dt {
        vertical-align: middle
    }

    .vab-dt {
        vertical-align: bottom
    }

    .pull-left-dt {
        float: left
    }

    .pull-right-dt {
        float: right
    }

    .col-dt-12 {
        width: 100%
    }

    .col-dt-11 {
        width: 91.66666667%
    }

    .col-dt-10 {
        width: 83.33333333%
    }

    .col-dt-9 {
        width: 75%
    }

    .col-dt-8 {
        width: 66.66666667%
    }

    .col-dt-7 {
        width: 58.33333333%
    }

    .col-dt-6 {
        width: 50%
    }

    .col-dt-5 {
        width: 41.66666667%
    }

    .col-dt-4 {
        width: 33.33333333%
    }

    .col-dt-3 {
        width: 25%
    }

    .col-dt-1-5 {
        width: 20%
    }

    .col-dt-2 {
        width: 16.66666667%
    }

    .col-dt-1 {
        width: 8.33333333%
    }

    .col-dt-pull-12 {
        right: 100%
    }

    .col-dt-pull-11 {
        right: 91.66666667%
    }

    .col-dt-pull-10 {
        right: 83.33333333%
    }

    .col-dt-pull-9 {
        right: 75%
    }

    .col-dt-pull-8 {
        right: 66.66666667%
    }

    .col-dt-pull-7 {
        right: 58.33333333%
    }

    .col-dt-pull-6 {
        right: 50%
    }

    .col-dt-pull-5 {
        right: 41.66666667%
    }

    .col-dt-pull-4 {
        right: 33.33333333%
    }

    .col-dt-pull-3 {
        right: 25%
    }

    .col-dt-pull-2 {
        right: 16.66666667%
    }

    .col-dt-pull-1 {
        right: 8.33333333%
    }

    .col-dt-pull-0 {
        right: auto
    }

    .col-dt-push-12 {
        left: 100%
    }

    .col-dt-push-11 {
        left: 91.66666667%
    }

    .col-dt-push-10 {
        left: 83.33333333%
    }

    .col-dt-push-9 {
        left: 75%
    }

    .col-dt-push-8 {
        left: 66.66666667%
    }

    .col-dt-push-7 {
        left: 58.33333333%
    }

    .col-dt-push-6 {
        left: 50%
    }

    .col-dt-push-5 {
        left: 41.66666667%
    }

    .col-dt-push-4 {
        left: 33.33333333%
    }

    .col-dt-push-3 {
        left: 25%
    }

    .col-dt-push-1-5 {
        left: 20%
    }

    .col-dt-push-2 {
        left: 16.66666667%
    }

    .col-dt-push-1 {
        left: 8.33333333%
    }

    .col-dt-push-0 {
        left: auto
    }

    .col-dt-offset-12 {
        margin-left: 100%
    }

    .col-dt-offset-11 {
        margin-left: 91.66666667%
    }

    .col-dt-offset-10 {
        margin-left: 83.33333333%
    }

    .col-dt-offset-9 {
        margin-left: 75%
    }

    .col-dt-offset-8 {
        margin-left: 66.66666667%
    }

    .col-dt-offset-7 {
        margin-left: 58.33333333%
    }

    .col-dt-offset-6 {
        margin-left: 50%
    }

    .col-dt-offset-5 {
        margin-left: 41.66666667%
    }

    .col-dt-offset-4 {
        margin-left: 33.33333333%
    }

    .col-dt-offset-3 {
        margin-left: 25%
    }

    .col-dt-offset-1-5 {
        margin-left: 20%
    }

    .col-dt-offset-2 {
        margin-left: 16.66666667%
    }

    .col-dt-offset-1 {
        margin-left: 8.33333333%
    }

    .col-dt-offset-0 {
        margin-left: 0
    }

    .display-dt-n {
        display: none;
    }
    .display-dt-ib {
        display: inline-block;
    }
    .display-dt-b {
        display: block;
    }
    .display-dt-i {
        display: inline;
    }
    .display-dt-tc {
        display: table-cell;
    }
    .display-dt-tb {
        display: table;
    }
    .display-dt-f {
        display: flex;
    }
}

@media (max-width: 767px) {
   .row {
        margin: 0 -10px;
    }
    .row [class*="col-"] {
        padding: 0 10px;
    }

    .row.row-grid {
        margin: -10px;
    }
    .row.row-grid [class*="col-"] {
        padding: 10px;
    }
}

@media print {
    .col-print-1,.col-print-2,.col-print-1-5,.col-print-3,.col-print-4,.col-print-5,.col-print-6,.col-print-7,.col-print-8,.col-print-9,.col-print-10,.col-print-11,.col-print-12 {
        display: inline-block;
    }
    .col-print-12 {
        width: 100%
    }

    .col-print-11 {
        width: 91.66666667%
    }

    .col-print-10 {
        width: 83.33333333%
    }

    .col-print-9 {
        width: 75%
    }

    .col-print-8 {
        width: 66.66666667%
    }

    .col-print-7 {
        width: 58.33333333%
    }

    .col-print-6 {
        width: 50%
    }

    .col-print-5 {
        width: 41.66666667%
    }

    .col-print-4 {
        width: 33.33333333%
    }

    .col-print-3 {
        width: 25%
    }

    .col-print-1-5 {
        width: 20%
    }

    .col-print-2 {
        width: 16.66666667%
    }

    .col-print-1 {
        width: 8.33333333%
    }

    .ta-print-r {
        text-align: right !important;
    }
    .ta-print-l {
        text-align: left !important;
    }
    .ta-print-c {
        text-align: center !important;
    }

    .print-hidden {
        display: none !important;
    }

    .print-break-before {
        page-break-before: always;
    }
    .print-break-after {
        page-break-after: always;
    }
    .print-no-break {
        page-break-inside: avoid;
    }

    .display-print-b {
        display: block !important;
    }
    .display-print-n {
        display: none !important;
    }
    .display-print-f {
        display: flex !important;
    }
}
/**
* Name: Button style
* Author: by crycode
*/

@media all {
    .btn {
        -webkit-transition: background-color .15s, border .15s, color .15s;
        -moz-transition: background-color .15s, border .15s, color .15s;
        -ms-transition: background-color .15s, border .15s, color .15s;
        -o-transition: background-color .15s, border .15s, color .15s;
        transition: background-color .15s, border .15s, color .15s;
        position: relative;
        vertical-align: middle;
        background: none;
        border: none;
        text-transform: uppercase;
        font-size: 16px;
        padding: 6px 12px;
    }
    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-label, .btn-icon, .btn-count {
        display: inline-block;
        vertical-align: middle;
    }
    .btn span.btn-icon {
        margin-right: 5px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
    }

    .btn-with-additional .btn-label {
        flex: 1;
        margin-right: 6px;
    }
    .btn-with-additional span.btn-additional-label {
        min-width: 26px;
        padding: 0 5px;
        border-radius: 3px;
        font-size: 16px;
        height: 25px;
        background-color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: -6px -7px -6px auto;
    }

    .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 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 9px 12px;
        line-height: 1.2;
        font-weight: 600;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #fff;
    }

    .btn.btn-secondary {
        background-color: #f9f8f5;
        border: 1px solid #c0b89f;
        border-radius: 3px;
        display: inline-flex;
        padding: 9px 12px;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        color: #8b7d6a;
        font-weight: 600;
    }
    .bx-no-touch .btn.btn-secondary:not(.is-active):hover, .btn.btn-secondary:not(.is-active):active {
        background-color: #c0b89f;
        color: #fff;
    }

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

    .btn.btn-border {
        border: 2px solid #fff;
        border-radius: 4px;
    }
    .btn.btn-border._white {
        color: #fff;
    }
    .btn.btn-border._white:hover {
        background-color: #fff;
    }

    .btn.btn-style1 {
        height: 36px;
        line-height: 34px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #666;
        background-color: #f1f1f1;
        font-size: 0;
        padding: 0 10px;
    }
    .btn.btn-style1 .btn-label {
        font-size: 16px;
    }
    .btn.btn-style1 .btn-icon {
        font-size: 14px;
        margin-left: 5px;
        float: right;
        line-height: 34px;
    }

    .btn[disabled] {
        opacity: .5;
        cursor: default;
        pointer-events: none;
    }
    .btn.btn-transparent{
        padding: 7px 12px;
        font-weight: 700;
        border:2px solid #fff;
        background: transparent;
        color: #fff;
        border-radius: 3px;
    }
    .btn.btn-transparent:hover{
        background: #fff;
    }
}



/*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-left: -3px;
        margin-right: -3px;
        display: flex;
        flex-wrap: wrap;
    }
    .btn-grid {
        margin-top: -6px;
    }
    .btn-row>.btn {
        margin: 0 3px;
    }
    .btn-grid>.btn {
        margin-top: 6px;
    }
    .btn.btn-xs-b+.btn {
        margin-left: 0;
    }
    .btn.btn-xs-b {
        width: 100%;
    }
    .btn.btn-xs-if {
        display: inline-flex;
    }
}
@media (min-width: 480px) {
    .btn.btn-xs-b {
        width: 100%;
    }
    .btn.btn-xs-if {
        width: auto;
    }
}
@media (min-width: 768px) {
    .btn.btn-md-b {
        width: 100%;
    }
    .btn.btn-md-if {
        width: auto;
    }
}
@media (min-width: 1024px) {
    .btn.btn-lg-b {
        width: 100%;
    }
    .btn.btn-lg-if {
        width: auto;
    }
}
@media (min-width: 1280px) {
    .btn.btn-dt-b {
        width: 100%;
    }
    .btn.btn-dt-if {
        width: auto;
    }
}


/*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);
    }
}

@media all {

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

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

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

@media all {

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

    html {
        font-size: 15px;
    }
    body {
        line-height: 1.5;
        font-family: "Open Sans",Helvetica,Arial,sans-serif;
        font-size: 15px;
        color: #333;
        cursor: default;
    }

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

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

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

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

    h1, .h1 {
        font-size: 34px;
        margin-top: 20px;
        margin-bottom: 24px;
        font-weight: 500;
    }
    h2, .h2 {
        font-size: 28px;
        margin-top: 54px;
        margin-bottom: 30px;
        font-weight: 500;
    }
    h2:first-child, .h2:first-child {
        margin-top: 0;
    }
    h3, .h3 {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 25px;
        font-weight: 600;
        text-transform: uppercase;
    }
    h3:first-child, .h3:first-child {
        margin-top: 0;
    }
    h4, .h4 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    h4:first-child, .h4:first-child {
        margin-top: 0;
    }
    h5, .h5 {
        margin-bottom: 1.67em;
        font-size: 0.83em;
    }
    h6, .h6 {
        margin-bottom: 2.33em;
        font-size: 0.75em;
    }

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

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

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

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

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

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

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

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

    .nobr {
        white-space: nowrap;
    }
}

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

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

/* основные стили формы */
@media all {
    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
    }
    input::-ms-clear, textarea::-ms-clear {
        display: none;
    }
    .citrus-form input, .citrus-form select, .citrus-form textarea {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background: 0;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        margin: 0;
        padding: 0;
    }
    .cui-ajax-load-form {
        width: 400px;
        max-width: 100%;
    }
    .citrus-form-title, .h3.citrus-form-title {
        border-bottom: 1px solid #dcd5c5;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 20px;
        margin-top: 15px;
        padding-bottom: 20px;
        text-transform: uppercase;
        text-align: center;
    }
    .citrus-form-description {
        margin: 15px 0;
        display: flex;
        align-items: center;
    }
    .citrus-form-description__icon {
        font-size: 2.3em;
        color: #c5b99f;
        padding-right: .5em;
    }
    .citrus-form-description__text {

    }
    .citrus-form-description__icon{
        color: #fff;
    }
    .citrus-form-description__text{
        font-style: italic;
        color: #837760;
    }

    .citrus-form__fields {
        margin-top: 0;
        margin-bottom: -22px;
        padding-top: 10px;
    }
    .form-group {
        position: relative;
        margin-bottom: 22px;
        margin-top: 22px;
    }
    .form-group.first-group-field {
        margin-top: 0;
    }
    .form-group.last-form-group {
        /*margin-bottom: 0;*/
    }
    /*.required-message-block*/
    .form-group.required-message-block {
        margin: 1rem 0;
    }
    .form-group.required-message-block span {
        font-size: 13px;
        color: #999;
    }
    .form-group.required-message-block span.starrequired{
        color: #ce2b28;
    }
    /*agree block*/
    .form-group.agree-block {
        margin: 1rem 0;
    }
    .form-group.agree-block>div {
        font-size: .8em;
        line-height: 1em;
    }
    .form-group.agree-block .cui-checkbox__label-text a {
        white-space: nowrap;
    }



    .field-inline {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem;
    }
    .field-group .field-inline:first-child {
        margin-top: 0;
    }
    .field-group .field-inline:last-child {
        margin-bottom: 0;
    }
    /*clearfix field-group*/
    .field-inline:before, .field-inline:after {
        display: table;
        content: " ";
    }
    .field-inline:after {
        clear: both;
    }
    /*material*/
    .form-group .field-title {
        color: #9e9e9e;
        position: absolute;
        top: 0.8em;
        left: 1em;
        font-size: 1em;
        cursor: text;
        transition: .2s ease-out;
        display: block;
        z-index: 1;
        pointer-events: none;
        width: calc(100% - .75em);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .form-group .field-title._active {
        left: 0;
        font-size: 0.8em;
        -webkit-transform: translateY(-2.4em);
        transform: translateY(-2.4em);
    }

    .citrus-form input:not([type]), .citrus-form input[type=text], .citrus-form input[type=password], .citrus-form input[type=email], .citrus-form input[type=url], .citrus-form input[type=time], .citrus-form input[type=date], .citrus-form input[type=datetime], .citrus-form input[type=datetime-local], .citrus-form input[type=tel], .citrus-form input[type=number], .citrus-form input[type=search], textarea, .citrus-form select {
        height: 3em;
        font-size: 1em;
    }

    .citrus-form .form-control {
        display: block;
        width: 100%;
        padding: 6px 12px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #f3f3f3;
        background-image: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        border-bottom: 1px solid rgba(103, 103, 103, 0.6);
        -webkit-transition: ease-in-out .15s;
        -o-transition: ease-in-out .15s;
        transition: ease-in-out .15s;
    }
    .citrus-form .form-control:focus {
        background-color: #f7f7f7;
        outline: 0;
    }

    /*input group*/
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
    }

    /*button position*/
    .button-position-right {
        text-align: right;
    }
    .button-position-center {
        text-align: center;
    }
    .button-position-justify {
        text-align: center;
    }
    .button-position-justify .btn {
        display: block;
        width: 100%;
    }
    .citrus-form__footer{
        overflow: hidden;
    }
}

/* Поля формы */
@media all {
    textarea.form-control {
        height: 12em;
        resize: none;
    }
    input[type="search"] {
        -webkit-appearance: none;
    }
    .radio,
    .checkbox {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }
    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px;
    }
    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }
    .radio-inline,
    .checkbox-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
    }
    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }
    input[type="radio"][disabled],
    input[type="checkbox"][disabled],
    input[type="radio"].disabled,
    input[type="checkbox"].disabled,
    fieldset[disabled] input[type="radio"],
    fieldset[disabled] input[type="checkbox"] {
        cursor: not-allowed;
    }
    .radio-inline.disabled,
    .checkbox-inline.disabled,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .checkbox-inline {
        cursor: not-allowed;
    }
    .radio.disabled label,
    .checkbox.disabled label,
    fieldset[disabled] .radio label,
    fieldset[disabled] .checkbox label {
        cursor: not-allowed;
    }

    /*placeholder*/
    ::-webkit-input-placeholder {
        color: #999;
        opacity: 1;
    }
    ::-moz-placeholder {
        color: #999;
        opacity: 1;
    }
    ::-ms-input-placeholder {
        color: #999;
        opacity: 1;
    }
    :focus::-webkit-input-placeholder {
        opacity: .8;
    }
    :focus::-moz-placeholder {
        opacity: .8;
    }
    :focus::-ms-input-placeholder {
        opacity: .8;
    }
}

/* Валидация */
@media all {
    /*message*/
    .bg-danger {
        background-color: #f2dede;
    }
    .starrequired {
        color: #ce2b28;
    }
    .citrus-form__message-block {
        margin-bottom: 10px;
    }
    .citrus-form__message-block .message-block {
        display: flex;
        align-items: center;
        padding: 10px 20px;
        font-weight: 700;
        font-style: italic;
        overflow: hidden;
        background-color: #f3f1ec;
    }
    .citrus-form__message-block .message-block.bg-danger {
        color: #ff0f26;
    }
    .citrus-form__message-block .message-block.bg-success {
        color: #55b733;
    }
    .citrus-form__message-block .message-block span{
        padding-right: .5em;
    }
    .citrus-form__message-block .message-block .message-block-icon {
        font-style: normal;
        font-size: 2.5em;
        padding-right: .5em;
        line-height: 1;
    }
    .citrus-form__message-block .message-block.bg-danger .message-block-icon:before{
        font-family: FontAwesome;
        content: "\f071";
        color: #ff0f26;
    }
    .citrus-form__message-block .message-block.bg-success .message-block-icon:before{
        font-family: 'icomoon';
        content: "\e911";
        color: #55b733;
    }
    .citrus-form__message-block p {

    }
    .citrus-form__message-block p + p {
        margin-top: 10px;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eeeeee;
        opacity: 1;
    }
    .input-container {
        position: relative;
    }
    .input-container:not(.has-error) .help-block.error {
        opacity: 0;
        height: 0;
        margin: 0;
    }
    .input-container.has-error .help-block.error {
        opacity: 1;
        margin-bottom: 0;
        font-size: .85rem;
        -webkit-transition: opacity .3s ease;
        -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }


    .has-error .help-block {
        color: #ce2b28;
    }
    .has-error .help-block{
        padding: 3px 10px 6px;
        margin-top: 2px;
        color: #fff;
        background: #ff0f26;
    }
    .has-error .help-block span{
        text-transform: uppercase;
    }
    .has-success.checkbox label, .has-success.radio label {
        color: #3c763d;
    }
    .input-container.has-error .form-control {
        border-color: #ff0f26;
        /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    }
    .has-error .bootstrap-select .dropdown-toggle{
        border-color: #ce2b28;
    }
    .has-success .bootstrap-select .dropdown-toggle {
        border-color: #3c763d;
    }



    .has-success .help-block {
        color: #3c763d;
    }
    /*.input-container.has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }*/
    /*.input-container.has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }*/

    /*validate icons*/
    .input-container.has-icon {
        position: relative;
    }
    .input-container.has-icon.has-success .form-control, .input-container.has-icon.has-error .form-control {
        padding-right: 32px;
    }
    .input-container.has-icon:after {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0;
        right: 0;
        font-style: normal;
        font-weight: 400;
        z-index: 1;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
    }
    .input-container.has-icon.has-success:after {
        content: "\f00c";
        color: #3c763d;
    }
    .input-container.has-icon.has-error:after {
        content: "\f00d";
        color: #a94442;
    }

    /*fix*/
    .form-control::-moz-placeholder {
        color: #999999;
        opacity: 1;
    }
    .form-control:-ms-input-placeholder {
        color: #999999;
    }
    .form-control::-webkit-input-placeholder {
        color: #999999;
    }
    .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

}

/* bootstrap select */
@media all {
    .citrus-form  .bootstrap-select.form-control {
        padding: 0;
    }
    .dropdown-menu {
        font-size: 1em;
    }
    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 100%;
    }
    .dropdown-menu > li > a {
        white-space: normal;
    }
    .bootstrap-select .dropdown-toggle {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: none;
        /*border-bottom: 1px solid #bcbcbc;*/
        white-space: nowrap;
        padding: 6px 12px;
        line-height: 1.42857143;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #f3f3f3;
        position: relative;
        height: 3em;
        font-size: 1em;
    }
    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select.btn-group .dropdown-menu li a:focus {
        outline: none !important;
    }
    .bootstrap-select button[type="button"]:active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    .bootstrap-select.btn-group .dropdown-menu li a.default_value {
        color: #999;
    }
    .bootstrap-select.btn-group .dropdown-menu li a.default_value .starrequired {
        color: currentColor;
    }

    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        text-overflow: ellipsis;
    }
}

/*bootstrap data-picker*/
@media all {
    [data-field-template="date"], [data-field-template="time"] {
        position: relative;
    }
    [data-field-template="date"] .calendar-icon, [data-field-template="time"] .calendar-icon {
        position: absolute;
        right: 0;
        top: 0;
        margin: auto;
        height: 3em;
        line-height: 3em;
        width: 2em;
        text-align: center;
        pointer-events: none;
        color: #666;
    }
    .bootstrap-datetimepicker-widget.dropdown-menu {
        font-size: 14px;
    }
}

/* checkbox
*  checbox и radio спер из https://josephuspaye.github.io/Keen-UI/#/ui-checkbox-group
*/
@media all {
    .cui-checkbox-group {
        line-height: 3em;
        margin-left: -2em;
    }
    .cui-checkbox__label {
        margin-left: 2em;
        cursor: pointer;
        display: flex;
        align-items: center;
    }
    .cui-checkbox__input {
        position: absolute;
        opacity: 0;
    }
    .cui-checkbox__checkmark {
        font-size: 16px; /*меняем размер чекбоксов*/
        background-color: #fff;
        cursor: pointer;
        height: 1.25em;
        position: relative;
        width: 1.25em;
        color: #b4a992;
        border-radius: .125em;
        flex-shrink: 0;
    }
    .cui-checkbox__checkmark:after, .cui-checkbox__checkmark:before {
        box-sizing: border-box;
        content: "";
        display: block;
        position: absolute;
    }
    .cui-checkbox__checkmark:before {
        border-radius: .125em;
        border: .093em solid currentColor;
        height: 100%;
        left: 0;
        top: 0;
        transition: all .3s ease;
        width: 100%;
    }
    .cui-checkbox__checkmark:after {
        bottom: .3125em;
        height: .8125em;
        left: .4375em;
        opacity: 0;
        transform: rotate(45deg);
        transition-delay: .1s;
        transition: opacity .3s ease;
        width: .375em;
    }
    .cui-checkbox__label-text {
        cursor: pointer;
        margin-left: .6rem;
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
    }
    .cui-checkbox-group:not(.checkbox-count-1) .cui-checkbox__label-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*checked*/
    .cui-checkbox__input:checked + .cui-checkbox__checkmark:before {
        background-color: currentColor;
    }
    .cui-checkbox__input:checked + .cui-checkbox__checkmark:after {
        border-bottom: .125em solid #fff;
        border-right: .125em solid #fff;
        opacity: 1;
    }
    /*disabled*/
    .cui-checkbox__input:disabled + .cui-checkbox__checkmark:before {
        border-color: rgba(0,0,0,.26);
    }
    .cui-checkbox__input:disabled + .cui-checkbox__checkmark + .cui-checkbox__label-text {
        color: rgba(0,0,0,.38);
        cursor: default;
    }
}

/*radio*/
@media all {
    .cui-radio-group {
        line-height: 3em;
        margin-left: -2em;
    }
    .cui-radio__label {
        display: inline-block;
        margin-left: 2em;
        white-space: nowrap;
        cursor: pointer;
    }
    .cui-radio__input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 1px;
        left: 0;
        margin: 0;
        opacity: 0;
        outline: none;
        padding: 0;
        position: absolute;
        top: 0;
        width: 1px;
    }
    .cui-radio__checkmark {
        font-size: 16px;
        height: 1.25em;
        position: relative;
        width: 1.25em;
        display: inline-block;
        vertical-align: middle;
    }
    .cui-radio__checkmark:before, .cui-radio__checkmark:after {
        content: "";
        height: 1.25em;
        left: 0;
        position: absolute;
        top: 0;
        width: 1.25em;
    }
    .cui-radio__checkmark:before {
        background-color: transparent;
        border-radius: 50%;
        border: .125em solid rgba(0,0,0,.38);
        transition: border-color .2s;
    }
    .cui-radio__checkmark:after {
        background-color: rgba(0,0,0,.38);
        border-radius: 50%;
        opacity: 0;
        transform: scale(1.2);
        transition-duration: .3s;
        transition-property: transform,opacity,background-color;
        z-index: -1;
    }
    .cui-radio__label-text {
        cursor: pointer;
        margin-left: .4em;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle;
    }
    /*checked*/
    .cui-radio__input:checked +.cui-radio__checkmark:before {
        border-color: #2b9719;
    }
    .cui-radio__input:checked +.cui-radio__checkmark:after {
        background-color: #2b9719;
        opacity: 1;
        transform: scale(.5);
        z-index: 0;
    }
}


/*# sourceMappingURL=app.css.map */

/* End */


/* Start:/bitrix/templates/citrus_arealty2/application/plugins/bower_components/nicescroll/nicescroll.css?1758365855396*/
.nicescroll-rails-vr {
  padding-right: 1px;
  opacity: 1!important;
}

.nicescroll-cursors {
  width: 7px!important;
  background-color: rgba(0,0,0,.4)!important;
  border-radius: 20px!important;
  border: 0!important;
}

.nicescroll-cursors:hover {
  background-color: rgba(0,0,0,.6)!important;
  cursor: pointer;
}

.nicescroll-cursors:active {
  background-color: rgba(0,0,0,.8)!important;
}

/* End */


/* Start:/bitrix/templates/citrus_arealty2/application/plugins/bower_components/chosen/chosen.css?17583658552728*/
.chosen-container {
  width: 100%!important;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1010;
  width: 100%;
  border: 1px solid #c5b99f;
  border-top: 0;
  background: #fff;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  display: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
  display: block;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 10px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #c5b99f;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  line-height: 33px;
}

.chosen-container-single .chosen-default {
  color: #837860;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-search {
  position: relative;
  padding: 0 4px 4px;
  display: block;
}

.chosen-single:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 10px;
  border: 7px solid transparent;
  border-top: 10px solid #777;
}

.chosen-with-drop .chosen-single:after {
  bottom: 12px;
  top: auto;
  border-bottom: 10px solid #777;
  border-top: 7px solid transparent;
}

.chosen-container-single .chosen-search input[type=text] {
  padding: 0 30px 0 10px;
  width: 100%;
  height: 35px;
  border: 1px solid #c5b99f;
  background: url("/bitrix/templates/citrus_arealty2/application/plugins/bower_components/chosen/chosen-sprite@2x.png") no-repeat 102% -33px;
  font-size: 16px;
  font-family: inherit;
  background-size: 84px;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  display: none;
}

.chosen-container .chosen-results {
  color: #333;
  position: relative;
  overflow: hidden;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 216px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: block;
  margin: 0;
  padding: 10px;
  line-height: 16px;
  font-size: 14px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  cursor: pointer;
}

.chosen-container .chosen-results li.result-selected {
  background: #f4f4f4;
  color: #ce3a12;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #CE3A12!important;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #555;
  background: #f4f4f4;
}

.chosen-with-drop .chosen-drop,
.chosen-with-drop .chosen-single {
  border-color: #ce3a12;
}

/* End */


/* Start:/bitrix/templates/citrus_arealty2/components/bitrix/search.title/header_search/style.css?17583658556446*/
.header-search {
    background-color: #fbfaf8;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 36px;
    position: relative;
}

.header-search input {
    padding: 0 34px 0 10px;
    height: 34px;
    color: #999;
    font-size: 14px;
    width: 100%;
    background: none;
    border: none;
}

.search-result {
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.12);
    background-color: #fff;
    border-radius: 3px;
    margin: 5px 0;
    position: absolute;
    text-align: left;
    z-index: 10;
    left: -1px;
    right: -1px;
    top: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
}

html.open-search .search-result {
    visibility: visible;
    opacity: 1;
}

.search-extra {
    background-color: #fbfaf8;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 34px;
    overflow: hidden;
    border-radius: 3px;
}

.is-empty:not(.is-loading) .btn.btn-header-search {
    opacity: 1;
    visibility: visible;
}

.btn.btn-header-search-cancel {
    background-color: #fbfaf8;
    width: 34px;
    height: 34px;
    line-height: 0;
    color: #666;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
}

.is-cancel:not(.is-loading) .btn.btn-header-search-cancel {
    opacity: 1;
    visibility: visible;
}

.search-result-description, .search-no-result {
    color: #9c9c9c;
    padding: 8px 15px;
    font-size: 12px;
}

.search-result-description.hidden, .search-no-result.hidden {
    display: none;
}

.search-result-header {
    border-radius: 3px 3px 0 0;
    padding: 10px 15px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.search-result-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 45px);
    border-radius: 0 0 3px 3px;
}

a.search-result-item {
    display: block;
    padding: 10px 15px;
    font-size: 0;
}
a.search-result-item._selected {
    background-color: #f0f0f0;
}
a.search-result-item+a.search-result-item {
    border-top: 1px solid #eaeaea;
}

.search-result-item-images {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background-color: #eaeaea;
    margin-right: 15px;
}

.search-result-item-images span {
    display: block;
    padding-bottom: 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.search-result-item-images:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f030';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-family: FontAwesome;
    font-size: 24px;
    color: #999;
    text-align: center;
}

.search-result-item-body {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 115px);
    line-height: 1.2;
}

.search-result-item-name {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.search-result-item-name b {
    font-weight: 800;
}

.search-result-item-address {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.search-result-item-price {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
}

.search-result-item-price span.fa {
    font-size: 14px;
}

.header-search-overlay {
    background-color: rgba(0,0,0,.8);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.btn.btn-header-search {
    background-color: #fbfaf8;
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    line-height: 0;
    color: #666;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 12px 9px;
}

html.open-search .header-search-overlay {
    opacity: 1;
    visibility: visible;
}

html.open-search .header-search {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-color: transparent;
}

@media screen and (max-width: 767px) {
    html.open-search .header-search, .btn.btn-header-search, .spinner {
        background: 0;
    }

    html.open-search .btn.btn-header-search-cancel {
        background-color: #f1f1f1;
        border-radius: 100%;
        visibility: visible;
        opacity: 1;
    }

    html.open-search .btn.btn-header-search-cancel:active {
        background-color: #3598dc;
        color: #fff;
    }

    html.open-search .btn.btn-header-search {
        left: 0;
        right: auto;
    }

    html.open-search .is-cancel:not(.is-loading) .btn.btn-header-search {
        visibility: visible;
        opacity: 1;
    }

    html.open-search .spinner {
        left: 0;
    }

    html.open-search .header-search {
        position: fixed;
        bottom: 0;
        background-color: #f1f1f1;
        height: auto;
        border: 0;
        border-radius: 0;
    }

    html.open-search, html.open-search body {
        overflow: hidden;
    }

    html.open-search .header-search input {
        background-color: #fff;
        border-radius: 100px;
        width: calc(100% - 40px);
        padding: 0 10px 0 34px;
        display: block;
    }

    html.open-search .search-extra {
        position: relative;
        width: calc(100% - 10px);
        border-radius: 0;
        overflow: visible;
        background: 0;
        top: 5px;
        left: 5px;
        right: 5px;
        z-index: 0;
    }

    html.open-search .search-result {
        position: absolute;
        top: 45px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        box-shadow: none;
        height: 100%;
        width: 100%;
        border-top: 1px solid #eaeaea;
    }

    html.open-search .search-result-list {
        border-radius: 0;
        min-height: 100%;
        border-top: 0;
    }

    html.open-search .search-result-description {
        text-align: center;
        font-size: 13px;
        padding: 15px;
    }
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/components/citrus/currency/.default/style.css?17583658554227*/


/*currency*/
@media all {
	[data-currency-icon]:after {
		content: ' 'attr(data-currency-icon);
	}


	[data-currency-icon][data-icon-position="before"]:after {
		content: '';
	}
	[data-currency-icon][data-icon-position="before"]:before {
		content: attr(data-currency-icon)' ';
	}


	/*
	css ���� �����
	https://unicode-table.com/ru/blocks/currency-symbols/
	https://www.toptal.com/designers/htmlarrows/currency/
	*/
	[data-currency-icon]:before, [data-currency-icon]:after {
		font-family: 'Comfortaa', cursive;
		font-size: .9em;
	}

	/* ������ ����� */
	[data-currency-icon][data-currency="RUB"][data-icon-position="after"]:after {
		content: ' \20BD';
	}
	[data-currency-icon][data-currency="RUB"][data-icon-position="before"]:before {
		content: '\20BD ';
	}

	/* ��������� ����� */
	[data-currency-icon][data-currency="KZT"][data-icon-position="after"]:after {
		content: ' \20B8';
	}
	[data-currency-icon][data-currency="KZT"][data-icon-position="before"]:before {
		content: '\20B8 ';
	}

	/* ������� ������ */
	[data-currency-icon][data-currency="UAH"][data-icon-position="after"]:after {
		content: ' \20B4';
	}
	[data-currency-icon][data-currency="UAH"][data-icon-position="before"]:before {
		content: '\20B4 ';
	}

	/* ����������� �����*/
	[data-currency-icon][data-currency="AZN"][data-icon-position="after"]:after {
		content: ' \20BC';
	}
	[data-currency-icon][data-currency="AZN"][data-icon-position="before"]:before {
		content: '\20BC ';
	}

	/* ������� ���� */
	[data-currency-icon][data-currency="AMD"][data-icon-position="after"]:after {
		content: ' \058F';
	}
	[data-currency-icon][data-currency="AMD"][data-icon-position="before"]:before {
		content: '\058F ';
	}

}

@media all {
	.header-currency-dropdown {
		width: 65px;
		position: relative;
	}
	.dropdown-select {
		background: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		border-radius: 3px;
		padding: 5px 0;
		margin: 5px 0;
		text-align: left;
		position: absolute;
		z-index: 3;
		top: 100%;
		right: 0;
		display: none;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
	}

	.header-currency-dropdown._open .dropdown-select {
		display: block;
	}

	.dropdown-menu:before {
		bottom: 100%;
	}

	.open .dropdown-menu {
		display: block;
		min-width: auto;
	}

	.dropdown-header {
		padding: 10px 15px;
		color: #555;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		white-space: nowrap;
	}

	.dropdown-item + .dropdown-header {
		margin-top: 5px;
		border-top: 1px solid #e8ecf3;
	}

	.dropdown-option {
		display: flex;
		align-items: center;
		font-size: 20px;
		justify-content: space-between;
		padding: 8px 12px;
		width: 100%;
		color: #666;
		border: 0;
		background: none;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
		cursor: pointer;
		line-height: 1;
		font-weight: 700;
	}

	.currency-selected-icon {
		visibility: hidden;
		font-size: 14px;
	}
		.dropdown-option._active .currency-selected-icon {
			visibility: visible;
		}

	.dropdown-option:hover {
		background: #3598dc;
		color: #fff;
	}

	.dropdown-hover:hover .dropdown-menu {
		display: block;
	}

	.header-currency {
		padding-left: 30px;
		display: flex;
		align-items: center;
	}

	.header-currency-label {
		color: #666;
		font-size: 14px;
		padding-right: 10px;
	}

	.header-currency .btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 36px;
		line-height: 34px;
		border: 1px solid #ccc;
		border-radius: 3px;
		color: #666;
		background-color: #fbfaf8;
		font-size: 0;
		padding: 0 10px;
	}
	.header-currency .btn .btn-label{
		font-size: 16px;
	}
	.header-currency .btn .btn-icon {
		font-size: 14px;
		margin-left: 5px;
		float: right;
		line-height: 34px;
		width: 8px;
	}
	.dropdown-current {
		font-size: 20px;
		float: right;
		width: 1em;
		font-weight: 700;
	}
}
@media (max-width: 1023px) {
	.header-currency-label {
		display: none;
	}
}
@media (max-width: 479px) {
	.header-currency {
		padding-left: 20px;
	}
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/components/bitrix/menu/top_adaptive/style.css?17583658557053*/

@media all {
    .header-menu-sub {
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -ms-transition: .15s;
        -o-transition: .15s;
        transition: .15s;
        right: 0;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        -webkit-transform: translate(0, 10px);
        -moz-transform: translate(0, 10px);
        -ms-transform: translate(0, 10px);
        -o-transform: translate(0, 10px);
        transform: translate(0, 10px);
        left: 0;

        margin: 0;
        list-style: none;
        padding: 0;
        width: 260px;
    }

    .header-menu-sub li.header-menu-item {
        display: block;
        width: 100%;
    }
    .header-menu-sub li.header-menu-item.is-active {
        background-color: rgba(0,0,0,.1);
    }
    .bx-no-touch .header-menu-item:hover .header-menu-sub, .header-menu-item:active .header-menu-sub {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

    .bx-no-touch .header-menu-item:hover .header-menu-sub .header-menu-sub, .header-menu-item:active .header-menu-sub .header-menu-sub {
        left: 259px;
        margin-top: -51px;
        visibility: hidden;
        opacity: 0;
    }

    .bx-no-touch .header-menu-item:hover .header-menu-sub ._depth-lvl-2:hover .header-menu-sub, .header-menu-item:active ._depth-lvl-2:hover .header-menu-sub {
        visibility: visible;
        opacity: 1;
    }
    ._depth-lvl-3 a.header-menu-sub-link:after{
        display: none;
    }

    .header-menu-list {
        border-left: 1px solid rgba(255,255,255,.4);
        border-right: 1px solid rgba(255,255,255,.4);
        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .header-menu-item {
        flex: 1;
        vertical-align: top;
        position: relative;
    }
    a.header-menu-link, a.header-menu-link:hover {
        display: block;
        font-size: 0;
        font-weight: 600;
        padding: 0 15px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        line-height: 50px;
    }
    .bx-no-touch a.header-menu-link:hover, a.header-menu-link:active, .bx-no-touch .header-menu-item:hover a.header-menu-link, .header-menu-item:active a.header-menu-link,.header-menu-item.is-active a.header-menu-link {
        background-color: rgba(0,0,0,.1);
        color: #fff;
    }
    .header-menu-item {
        border-top: 1px solid rgba(255,255,255,.4);
        margin-top: 0;
    }
    .header-menu-item._depth-lvl-1 {
        border-top: none;
    }
    .header-menu-item._depth-lvl-1 + .header-menu-item._depth-lvl-1 {
        border-left: 1px solid rgba(255,255,255,.4);
    }
    .header-menu-item:last-child .header-menu-sub {
        left: auto;
        right: 0;
    }
    a.header-menu-sub-link {
        display: block;
        font-size: 14px;
        color: #fff;
        padding: 13px 30px 13px 20px;
        text-decoration: none;
        position: relative;
    }
    a.header-menu-sub-link:after {
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -ms-transition: .15s;
        -o-transition: .15s;
        transition: .15s;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\f061';
        position: absolute;
        top: 50%;
        right: 10px;
        color: #fff;
        font-family: FontAwesome;
        font-size: 14px;
        margin-top: -1px;
    }
    .bx-no-touch a.header-menu-sub-link:hover:after, a.header-menu-sub-link:active:after {
        right: 5px;
    }
    .bx-no-touch a.header-menu-sub-link:hover, a.header-menu-sub-link:active {
        background-color: rgba(0,0,0,.1);
        color: #fff;
    }

    span.header-menu-icon, span.header-menu-label {
        display: inline-block;
        vertical-align: middle;
    }

    span.header-menu-icon {
        font-size: 24px;
    }
    span.header-menu-icon + span.header-menu-label {
        margin-left: 10px;
    }

    span.header-menu-label {
        font-size: 16px;
        line-height: 1.2;
    }
}
@media (max-width: 1279px) {
    .header-menu--favorites {
        flex-grow: initial;
    }
    .header-menu--favorites .header-menu-label {
        display: none;
    }
}
@media (max-width: 1023px) {
    .header-menu {
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s;
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        bottom: 0;
        width: 250px;
        z-index: 10;
        border: 0;
        padding: 0;
        height: 100%;
    }
    .menu-open .header-menu {
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
        left: 0;
    }
    .header-menu-list {
        -webkit-overflow-scrolling: touch;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
    }
    .header-menu-item {
        display: block;
        width: 100%;
    }
    .header-menu-item+.header-menu-item {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.4);
    }
    a.header-menu-link {
        line-height: 45px;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
    }
    .header-menu-sub {
        position: relative;
        opacity: 1;
        visibility: visible;
        top: auto;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        width: auto;
    }
    a.header-menu-sub-link {
        padding: 10px 30px 10px 20px;
        font-size: 13px;
    }
    a.header-menu-sub-link:hover {
        color: #fff;
    }
    a.header-menu-sub-link:after {
        font-size: 12px;
    }
    .header-menu--favorites .header-menu-label {
        display: inline;
    }
}

.jk-menu__favorites-count {
  position: absolute;
  top: -4px;
  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;
}

span.header-menu-icon {
  font-size: 24px;
  position: relative;
}

@media screen and (max-width: 767px) and (min-width: 320px){
    .header-menu-list .header-menu-item._depth-lvl-1:not(:first-child) .header-menu-sub{
        display: none;
    }
}
@media screen and (max-width: 1279px) and (min-width: 768px){
    .header-menu-list .header-menu-item._depth-lvl-1:not(:first-child) .header-menu-sub{
        display: none;
    }
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/components/bitrix/breadcrumb/.default/style.css?17583658551989*/
.nav-panel {
    padding: 5px 15px;
    position: relative;
    z-index: 1;
}
.nav-breadcrumbs {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.nav-breadcrumbs:after{
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(243,241,236,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#f3f1ec',GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    content: '';
    z-index: 1;
}
.nav-breadcrumbs span{
    display: inline;
}
.nav-breadcrumbs .btn-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

a.breadcrumbs-item {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 35px;
    height: 35px;
    position: relative;
    color: #a0967f;
    text-decoration: none;
    border-radius: 3px;
}
.breadcrumbs-item-current {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #b0a48a;
}
.breadcrumbs-item .btn-icon {
    min-width: 35px;
}
.breadcrumbs-item .btn-label, .breadcrumbs-item-current .btn-label {
    padding: 0 10px;
    vertical-align: text-bottom;
}
a.breadcrumbs-item .btn-icon {
    font-size: 22px;
    vertical-align: -2px;
}
a.breadcrumbs-item+a {
    margin-left: 25px;
}
.bx-no-touch a.breadcrumbs-item:hover, a.breadcrumbs-item:active {
    background-color: rgba(0,0,0,.05);
    color: #666;
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/components/citrus.core/include/.default/style.css?1758365855176*/

@media all {
	.section {
		position: relative;
		border-top: 1px solid #c5b99f;
	}
	.section._with-padding {
		padding: 60px 0;
	}
	.section__header h1 {
		margin-top: 0;
	}
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1758362855989*/
.bx_breadcrumbs{
    margin-bottom:15px;
    padding-top:0px
}
.bx_breadcrumbs ul{
    margin:0;
    padding:0
}
.bx_breadcrumbs ul li{
    display:inline-block;
    line-height:20px
}
.bx_breadcrumbs ul li a{
    display:block;
    padding:0 15px;
    background:url(/bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/images/breadcrumbs_arrow.png) no-repeat center right;
    color:#555;
    text-decoration:none;
    font-size:11px;
    opacity:.5
}
.bx_breadcrumbs ul li:first-child a{padding-left:0}
.bx_breadcrumbs ul li:last-child  a{background:none}
.bx_breadcrumbs ul li a:hover{
    text-decoration:underline;
    line-height:20px;
    opacity:1
}
.bx_breadcrumbs ul li span{
    display:block;
    padding:0 15px;
    color:#aaa;
    text-decoration:none;
    font-size:11px
}
.bx_breadcrumbs,
.bx_breadcrumbs ul li{
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/styles.css?175836585541*/
div.catalog-item-date{
	display:none;
}
/* End */


/* Start:/bitrix/templates/citrus_arealty2/template_styles.css?175836585568889*/
@font-face {
    font-family: 'Open Sans SemiBold';
    src: url(/bitrix/templates/citrus_arealty2/css/fonts/open_sans.ttf);
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
h1,
h2,
h3,
h4,
h5,
h6 {
/*  border: 0; */
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


html {
  font-family: sans-serif;
  height: 100%;
  overflow-x: hidden;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  min-width: 320px;
}
body {
  background: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  cursor: default;
  font: 400 16px/20px "PT Sans",Helvetica,Arial,sans-serif;
  color: #333;

}
html,
body {
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}


::-webkit-input-placeholder {
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -ms-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  color: #837760;
}
:-moz-placeholder {
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -ms-transition: opacity 0.1sease;
  transition: opacity 0.1s ease;
  color: #837760;
}
:-ms-input-placeholder {
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  -ms-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  color: #837760;
}
:focus::-webkit-input-placeholder {
  opacity: 0;
}
:focus:-moz-placeholder {
  opacity: 0;
}
:focus:-ms-input-placeholder {
  opacity: 0;
}
svg {
  -webkit-transition: fill 0.2s ease;
  -moz-transition: fill 0.2s ease;
  -ms-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  overflow: visible;
  display: inline-block;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
ul,
ol {
  list-style: none;
}
a:hover {
  text-decoration: none;
}
.wrap img {
  display: block;
  max-width: 100%;
  border: 0;
}
h2,
h3,
h4 {
  text-transform: uppercase;
}

.h2, .h3, .h4 {
    text-transform: uppercase;
	font-weight: bold;
}
.fw400 {
  font-weight: 400;
}
.header-phone span.fw400 a {
  text-decoration: none;
  color: #000;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}
.fsi{
  font-style: italic;
}
.clear {
  clear: both;
}
.row {
  /*display: table;*/
  width: 100%;
}
.col,
[class^="col-"],
[class*=" col-"] {
  position: relative;
  /*vertical-align: top;*/
  display: table-cell;
}
.col-1 {
  width: 100%;
}
.col-2 {
  width: 25%;
}
.col-3 {
  width: 23.3%;
}
.block.help-block.row .col-3 {
  padding: 0;
}
.col-4 {
  width: 40%;
}
.col-5 {
  width: 50%;
}
.col-6 {
  width: 60%;
}
.col-67 {
  width: 67.7%;
}
.col-8 {
  width: 80%;
}
.fix {
  margin: 0 auto;
}
.text p {
  margin: 15px 0;
}
.header-wrap {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
}
.header {
  position: relative;
}
.header-phone {
  /* text-align: right; */
  line-height: 22px;
}
.header-phone {
  height: 30px;
  float: left;
  margin-right: 25px;
}
.header-menu nav ul li {
  font-family: 'Open Sans SemiBold';
}
.logo {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}
.logo span.logo_span {
  color: #000;
  font-size: 22px;
  height: 70px;
  line-height: 26px;
  display: inline-block;
  padding: 10px 0 0 5px;
}
.logo span strong,
.logo span b,
.logo span.fw700 {
  display: block;
}
/*.header-wrap + section {*/
  /*margin-top: 70px;*/
/*}*/
.phone-block {
  float: left;
  margin-left: 40px;
}
.header-info .col-5 {
  vertical-align: middle;
}
.header-menu li {
  display: table-cell;
  width: 16.6666666667%;
  position: relative;
}
.header-menu li a {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 68px;
  font-size: 16px;

}
.header-menu li a:hover,
.header-menu li>a.selected,
.header-menu>ul>li:hover>a {
  background-color: rgba(0,0,0,.1);
}
.header-submenu li {
  display: block;
  width: auto;
  border-left: 0!important;
}
.header-submenu li+li {
  border-top: 1px solid rgba(255,255,255,.4);
}
.header-submenu li a {
  background-color: rgba(0,0,0,.1);
  line-height: 20px!important;
  text-align: left;
  padding: 15px 20px;
  font-size: 16px;
  text-transform: none;
}
.header-menu-sub li a {
  background-color: rgba(0,0,0,.1);
  line-height: 20px!important;
  text-align: left;
  padding: 15px 20px;
  font-size: 16px;
  text-transform: none;
}
.header-submenu li a:after {
  content: "\e602";
  font-family: 'icomoon';
  width: 20px;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 1;
  margin-top: -10px;
}
.header-menu>ul>li:last-child ul {
  left: auto;
  right: 0;
}
.header-info {
  line-height: normal;
  display: table;
  height: 70px;
  width: 100%;
}
.header-phone-link {
  display: inline-block;
}
.header-phone strong,
.header-phone b,
.header-phone span.fw400 {
  font-weight: 400;
  font-size: 24px;
  display: block;
  margin-top: 4px;
}
.header-link [class*="icon-"] {
  vertical-align: middle;
  margin: 0 5px;
}
.header-phone-link a {
  display: inline-block;
  text-transform: lowercase;
  font-size: 14px;
  height: 20px;
  text-decoration: none;
  border-bottom: 1px dotted;
  position: relative;
}
.header-phone-link a:hover {
  border: 0;
}
.footer {
  background-color: #333;
}
.footer-bottom {
  border-top: 1px solid #504e49;
  height: 60px;
  font-size: 12px;
  color: #666;
}
.footer-bottom div.col-4:last-child {
  text-align: right;
  padding: 10px 0;
}
.footer-tt {
  color: #fff;
  font-size: 14px;
  margin: 10px 0;
}
.footer-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
  text-transform:uppercase;
  font-weight:bold;
}
.footer-menu {
  padding: 0px 100px;
}
.footer-menu ul a {
  display: block;
  text-decoration: none;
  color: #c5b99f;
  font-size: 14px;
  line-height: 24px;
}
.footer-menu .col-2>a {
  display: block;
  text-decoration: none;
  position: relative;
}
.footer-menu .col-2>a:after {
  display: none;
}
.footer-menu ul a:hover {
  text-decoration: underline;
}
.footer-bottom .col-4 {
  vertical-align: middle;
}
.footer-bottom .col-4:nth-child(2) {
  width: 10%;
}
.footer-menu ul a:before {
  content: '-';
  display: inline-block;
  margin-right: 5px;
}
ul+h4.footer-tt {
  margin-top: 15px;
}
ul+.footer-title {
  margin-top: 30px;
}
.up {
  display: block;
  text-decoration: none;
  width: 33px;
  font-size: 33px;
  margin: 0 auto;
}
.up [class*="icon-"] {
  color: #5f5b54;
}
.up:hover [class*="icon-"] {
  color: #c5b99f;
}
.subscriptions-input {
  width: 100%;
  display: block;
  height: 35px;
  line-height: 16px;
  padding: 0 40px 0 10px;
  font-size: 14px;
  font-family: "PT Sans",Helvetica,Arial,sans-serif;
  background-color: #494744;
  border: 1px solid #7c7669;
  color: #c5b99f;
}
.subscriptions-input:focus {
  color: #fff;
  background-color: #504e49;
  border-color: #fff;
}
.subscriptions-input:focus+button i {
  color: #fff;
}
.subscriptions-button {
  position: absolute;
  top: 0;
  right: 5px;
  border: 0;
  background: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}
.subscriptions-button [class*="icon-"] {
  font-size: 30px;
  color: #c5b99f;
}
.subscriptions-button:hover [class*="icon-"] {
  color: #fff;
}
.subscriptions {
  margin-top: 15px;
  position: relative;
}
.footer-social {
  display: table;
  width: 100%;
  margin-top: 15px;
}
.footer-social li {
  display: inline-block;
}
.footer-social li+li {
  margin-left: 15px;
}
ul.footer-social a:before {
  display: none;
}
.footer-social a {
  text-decoration: none!important;
  display: block!important;
  font-size: 30px!important;
}
.footer-social [class*="icon-"] {
  color: #c5b99f;
}
.footer-social a:hover [class*="icon-"] {
  color: #fff;
}
.block-title {
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 30px;
}
.block {
  margin: 30px 0;
  position: relative;
}
.block+.block {
  border-top: 1px solid #c5b99f;
  padding-top: 30px;
}
.block-button,
.button.gray {
  background-color: #f9f8f5;
  border: 1px solid #c5b99f;
  -webkit-transition: background-color 0.2s ease,color 0.2s ease;
  -moz-transition: background-color 0.2s ease,color 0.2s ease;
  -ms-transition: background-color 0.2s ease,color 0.2s ease;
  transition: background-color 0.2s ease,color 0.1s ease;
  border-radius: 2px;
  display: inline-block;
  padding: 7px 30px;
  color: #927e6a;
  font: 700 18px "PT Sans",Helvetica,Arial,sans-serif;
  text-decoration: none;
  margin-top: 10px;
  text-transform: uppercase;
}
.block-button:hover,
.button.gray:hover {
  background-color: #edeae2;
  color: #927e6a;
}
.button.gray:hover {
  border-color: #927e6a;
}
.block-help-maps .row {
  height: 120px;
}
.block-help-maps .col-67,
.block-help-maps .col-3 {
  vertical-align: middle;
}
.block-help-maps-title {
  color: #fff;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 30px;
}
.block-help-maps-button {
  color: #fff;
  -webkit-transition: background-color 0.2s ease,color 0.2s ease;
  -moz-transition: background-color 0.2s ease,color 0.2s ease;
  -ms-transition: background-color 0.2s ease,color 0.2s ease;
  transition: background-color 0.2s ease,color 0.2s ease;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 45px;
  text-align: center;
  font-size: 18px;
  border: 2px solid #fff;
  display: inline-block;
  border-radius: 4px;
  line-height: 50px;
  text-decoration: none;
  float: right;
}
.block-help-maps-button:hover {
  background-color: #fff;
}
.goods-list {
  width: 100%;
  position: relative;
}
.goods-item {
  display: inline-block;
  margin-bottom: 15px;
}
.goods-item:last-child {
  margin-bottom: 0;
}
.goods-images {
  position: relative;
  display: block;
}
.goods-images:after,
.our-team-avatar:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  box-shadow: inset 0 0 0 9px rgba(255,255,255,.6);
}
.goods-images img {
  margin: 0 auto;
}
.goods-price strong,
.deals-price strong,
.goods-price b,
.deals-price b,
.goods-price span.fw400,
.deals-price span.fw400 {
  font-size: 24px;
  font-weight: 400;
}
.goods-price {
  position: absolute;
  bottom: -20px;
  left: 20px;
  right: 20px;
  z-index: 1;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
}
.goods-title {
  font-size: 18px;
  font-weight: 400;
  margin: 25px 0 5px;
  display: block;
  color: #333;
  text-decoration: none;
}
.main-marn {
  margin-top: -15px !important;
  margin-bottom: -25px !important;
}
.goods-title:hover {
  text-decoration: underline;
}
.goods-metka,
.goods-date {
  display: block;
  font-size: 14px;
  color: #999;
}
.offers {
  margin: 40px 0 60px;
}
.offers-icon {
  /* vertical-align: middle; */
  display: table-cell;
  width: 90px;
}
.offers-box,
.service-box {
  text-decoration: none;
  position: relative;
  width: 90px;
  text-align: center;
  height: 90px;
  line-height: 100px;
/*  background-color: #c5b99f; */
  border-radius: 50%;
  font-size: 70px;
}
.swiper-button-next,
.swiper-button-prev {
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  position: absolute;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contacts-block .icon-map {
  vertical-align: middle;
  font-size: 30px;
}
.swiper-button-prev {
  left: 10px;
}
.swiper-button-next {
  right: 10px;
}
.swiper-button-prev:after,
/* .swiper-button-next:after {
  content: '';
  border: 20px solid rgba(0,0,0,0);
  border-right-color: rgba(197,185,159,1);
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  z-index: 1;
} */
/* .swiper-button-next:after {
  left: auto;
  right: 0;
  border-right-color: transparent;
  border-left-color: rgba(197,185,159,1);
} */
.header-page .swiper-button-next:not(.swiper-button-disabled):hover:before {
  border-left-color: #fff;
}
.header-page .swiper-button-prev:not(.swiper-button-disabled):hover:before {
  border-right-color: #fff;
}
.swiper-button-prev:not(.swiper-button-disabled):hover:before,
.swiper-button-next:not(.swiper-button-disabled):hover:before {
  content: '';
  position: absolute;
  cursor: pointer;
  top: -15px;
  left: 8px;
  z-index: 2;
  border: 15px solid transparent;
}
.swiper-button-next:hover:before {
  left: auto!important;
  right: 8px;
}
.header-nav-slide .swiper-button-next:after {
  border-left-color: #fff;
}
.header-nav-slide .swiper-button-prev:after {
  border-right-color: #fff;
}
.offers-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.offers-info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.offers-title,
.contacts-title {
  margin-bottom: 15px;
  font-size: 18px;
}
.offers a {
  display: block;
}
.icon-maps svg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.cotnacts-text {
  margin-top: 30px;
  font-size: 16px;
}
.help-form .field.inline>label {
  vertical-align: top;
  line-height: 35px;
}
.contacts p {
  color: #666;
  font-size: 16px;
  margin: 15px 0;
}
.menu-line {
  margin-top: 10px;
  display: table;
  width: 100%;
  color: #666;
}
.icon-maps a {
  display: inline-block;
}
.menu-line dd,
.menu-line dt {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 5px;
  float: left;
}
.menu-line dt {
  font-weight: 700;
  clear: left;
}
.menu-line dd {
  width: 75%;
  font-size: 16px;
}
.who-we {
  table-layout: fixed;
}
.who-we-info.text {
  margin: 15px 0;
}
.help {
  margin-top: 30px;
}
.help li {
  display: table;
  width: 100%;
}
.wrap .help li:before,
.bx-filter-select-popup li:before {
  display: none!important;
}
.help li+li {
  margin-top: 15px;
}
.help-number {
  display: table-cell;
  vertical-align: top;
  width: 50px;
  font-size: 45px;
  line-height: 36px;
  color: #27ae01;
}
.help-info {
  vertical-align: top;
  font-size: 18px;
  display: table-cell;
}
.help-text {
  font-size: 14px;
  color: #999;
}
.help-form {
  background-color: #f3f1ec;
  padding: 15px;
  border-radius: 5px;
}
.help-form-title {
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #dcd5c5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.help-form-info {
  font-style: italic;
  color: #837760;
}
.feedback {
  display: table;
  width: 100%;
  margin-top: 30px;
  padding: 20px;
}
.recommendations .swiper-container-horizontal>.swiper-pagination {
  margin-top: 30px;
}
.recommendations .our-team-item {
  background-color: #f3f1ec;
  padding: 30px;
  border-radius: 5px;
}
.field-label .icon-ruble {
  font-size: 13px;
}
.our-team-avatar {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.our-team-avatar img {
  height: auto;
}
.recommendations-name {
  font-size: 18px;
}
.recommendations-date {
  font-size: 14px;
  color: #999;
}
.recommendations-text {
  font-size: 16px;
  margin-top: 15px;
  font-style: italic;
  color: #837760;
}
.our-team-avatar:after {
  border-radius: 50%;
}
.our-team-info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 30px;
}
.our-team-name {
  font-size: 18px;
}
.our-team-info span {
  display: block;
}
.our-team-post {
  font-size: 14px;
  color: #999;
}
.our-team-info [class*="icon-"] {
  color: #c5b99f;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}
.our-team-phone {
  font-size: 18px;
}
.our-team-phone a {
  color: #333;
  text-decoration: none;
}
.our-team-mail {
  margin: 15px 0;
}
#slider {
  width: 100%;
}
.field {
  position: relative;
  display: table;
  width: 100%;
}
.field.inline>label {
  vertical-align: middle;
  line-height: 17px;
}
.loading {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.feedback-button {
  margin: 15px auto 0;
}
.disabled {
  opacity: 0.8;
  cursor: no-drop!important;
}
.mark {
  color: red;
}
.field input {
  height: 35px;
  background-color: #fff;
  border: 1px solid #c5b99f;
  color: #333;
  padding: 0 10px;
  font-size: 16px;
  font-family: "PT Sans",Helvetica,Arial,sans-serif;
  width: 100%;
}
.field+.field {
  margin-top: 15px;
}
.field.w .field-button {
  width: 100%;
}
.our-team-hours {
  margin: 15px 0 0 30px;
  font-size: 14px;
  color: #999;
}
.field-button,
.button {
  display: block;
  border: 0;
  background-color: #26ae01;
  border: 2px solid transparent;
  -webkit-transition: background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;
  -moz-transition: background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;
  -ms-transition: background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;
  transition: background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease;
  padding: 0 30px;
  text-align: center;
  color: #fff;
  font: 700 16px "PT Sans",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  padding: 7px 30px;
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
}
.button.inline{
  display: inline-block;
}
.field-button:hover,
.button:hover {
  background-color: #fff;
  color: #26ae01;
  border-color: #26ae01;;
}
.header-nav {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
}
.header-nav .fix {
  width: auto;
  overflow: hidden;
  display: table;
}
.header-nav li {
  display: table-cell;
  vertical-align: middle;
  width: 228px!important;
}
.header-nav a {
  background-color: rgba(255,255,255,.7);
  border: 1px solid #fff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  display: block;
  padding: 0 20px;
  font-size: 18px;
  color: #333;
  height: 60px;
  line-height: 56px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease,color 0.2s ease;
  -moz-transition: background-color 0.2s ease,color 0.2s ease;
  -ms-transition: background-color 0.2s ease,color 0.2s ease;
  transition: background-color 0.2s ease,color 0.2s ease;
}
.header-nav a span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}
.header-nav a.selected,
.header-nav a:hover {
  background-color: #fff;
}
.header-page {
  position: relative;
  background-color: #f3f1ec;
  width: 100%;
  display: table;
}
.header-page .header-nav a {
  background-color: #f9f9f6;
  border-color: #cec4ae;
  border-bottom: 1px solid #c5b99f;
}
.header-page .header-nav a.selected,
.header-page .header-nav a:hover {
  background-color: #fff;
  border-color: #c5b99f;
}
.header-page .header-nav a.selected {
  border-bottom-color: #fff;
}
.main-nav.c-side:after {
  background: url("/bitrix/templates/citrus_arealty2/images/nav-bg.png") repeat;
  border-bottom: 1px solid #c5b99f;
  height: 86px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  pointer-events: none;
  -webkit-pointer-events: none;
}
.content-title {
  font-size: 28px;
  padding-top: 30px;
  margin-bottom: 30px;
  line-height: 30px;
}
.header-link {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 5px;
  height: 30px;
  font-size: 14px;
  color: #c5b99f;
}
.header-link:after {
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(243,241,236,1)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
  background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
  background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(243,241,236,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#f3f1ec',GradientType=1);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  content: '';
  z-index: 1;
  pointer-events: none;
  -webkit-pointer-events: none;
}
.header-link a {
  vertical-align: middle;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #a0967f;
}
.header-link span {
  vertical-align: middle;
  display: inline-block;
}
.header-link a:hover {
  text-decoration: underline;
  color: #333;
}
.header-link .icon-home {
  color: #a0967f;
  font-size: 20px;
  vertical-align: -3px;
  margin: 0;
}
.slider {
  position: relative;
}
.slider-button {
  display: inline-block;
  line-height: 40px;
  border: 0;
  position: relative;
    z-index: 1;
}
.slider-info {
  position: absolute;
  bottom: 25%;
  right: 50%;
  color: #fff;
  padding: 30px 80px 30px 30px;
  width: 400px;
  margin-right: 200px;
}
.slider-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  z-index: 1;
}
.after-video {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.object-slider .swiper-container {
  width: 410px;
}
.slider-price {
  margin: 30px 0;
  font-size: 30px;
  position: relative;
  z-index: 1;
}
.slider-price strong,
.slider-price b {
  font-size: 50px;
  font-weight: 400;
  display: inline-block;
}
.slider-price a,
.header-phone strong a,
.header-phone b a {
  color: inherit;
  text-decoration: none!important;
}
.slider .swiper-pagination {
  position: absolute;
  margin: 0;
  bottom: 25%;
  right: 50%;
  z-index: 1;
}
.slider .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
}
.filter-button {
  text-align: center;
  padding-left: 30px;
  display: table;
  width: 20%;
}
.filter-form .col-8 {
  float: left;
  display: table;
}
.filter-button button {
  width: 100%;
}
.filter-more-link {
  display: inline-block;
  padding: 0;
  text-decoration: none;
}
.our-team-item {
  display: table;
  width: auto;
}
.filter-more-link:before {
  content: '\e601';
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  font-family: 'icomoon';
  vertical-align: middle;
}
.filter-more-link :first-child {
  display: inline-block;
}
.filter-more-link :last-child {
  display: none;
}
.field-select {
  width: 100%;
  position: relative;
  display: block;
  background-color: #fff;
  color: #837860;
  border: 1px solid #c5b99f;
  height: 35px;
  padding: 0 5px;
  font-size: inherit;
  cursor: pointer;
}
.selected .filter-more-link :first-child {
  display: none;
}
.selected .filter-more-link :last-child {
  display: inline-block;
}
.selected .filter-more-link:before {
  content: '\e603';
}
.button.gray {
  border-radius: 3px;
  font-size: 16px;
  border: 1px solid #c5b99f;
}
.field-label {
  width: 30%;
  display: table-cell;
  vertical-align: top;
  padding-right: 6px;
}
.filter-form {
  z-index: 1;
  position: relative;
  min-height: 126px;
}
.filter-form .chosen-container {
  float: right;
}
sup {
  font-size: 12px;
  vertical-align: super;
}
.filter-form .field-input input {
  background-color: #f9f8f5;
  width: 100px;
}
.object-slider .swiper-button-prev {
  left: -20px;
}
.object-slider .swiper-button-next {
  right: -20px;
}
.filter-form .chosen-container-single .chosen-single,
.filter-form .chosen-container .chosen-drop {
  background-color: #f9f8f5;
}
.filter-form .field-input input:focus,
.filter-form .chosen-results li.result-selected {
  background-color: #fff;
}
.wrap .chosen-results li:before {
  display: none;
}
.form_order_detail {
  width: 600px;
  max-width: 100%;
  color: #fff;
}
.form_order_detail .field-label {
  text-align: right;
  padding-right: 20px;
  vertical-align: middle;
}
.form_order_detail .ciee-captcha .field-label {
  vertical-align: top;
}
.form_order_detail .field-input {
  display: table-cell;
  vertical-align: top;
  width: 70%;
}
.form_order_detail .ciee-field-tooltip {
  font-size: 13px;
  color: #fff;
  font-style: normal;
}
.form_order_detail .field input.ciee-captcha-input {
  margin-bottom: 10px;
}
.form_order_detail br {
  display: none;
}
.form_order_detail font br {
  display: inherit;
}
.field-check,
.field-checks {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#filters-more,
#filters-more-1 {
  display: none;
  width: 100%;
}
#filters-more.selected,
#filters-more-1.selected {
  display: table;
  padding-top: 15px;
}
.filter-form input[type="radio"],
.filter-form input[type="checkbox"] {
  display: none;
}
.field-checks label:last-child,
.field-radios label:last-child {
  margin: 0;
}
.field-input+.field-checks {
  margin-top: 15px;
}
.field-input {
  display: table;
  width: 100%;
}
.md-modal .field.inline>label {
  margin-bottom: 10px;
}
.field-checks label,
.field-radios label {
  margin-bottom: 15px;
  display: block;
  font-size: 16px;
  color: #4b4538;
  line-height: 18px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.field-radios label {
  line-height: 12px;
}
.field-radios label:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #c5b99f;
  vertical-align: top;
  margin-right: 10px;
}
.field-radios input:checked+label:after {
  border-radius: 50%;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
}
.field-checks label:after {
  bottom: .3125em;
  height: .8125em;
  left: .4375em;
  opacity: 0;
  top: 2px;
  transform: rotate(45deg);
  transition-delay: .1s;
  transition: opacity .3s ease;
  width: .375em;
}
.field-checks label:after {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
}
.field-checks input:checked+label:after {
  border-bottom: .125em solid #fff;
  border-right: .125em solid #fff;
  opacity: 1;
}
.field-checks input:checked+label:before {
  background-color: #27ae01;
}
.field-checks label:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #c5b99f;
  vertical-align: top;
  margin-right: 10px;
}
.field-check label {
  display: block;
  text-align: center;
  line-height: 31px;
  height: 35px;
  cursor: pointer;
  color: #4b4538;
  font-size: 16px;
  border: 1px solid;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.field-check-item {
  display: table-cell;
  vertical-align: top;
}
.field-check-item+.field-check-item {
  padding-left: 15px;
}
.wrap {
  display: table;
  width: 100%;
}
.field-error p {
  margin: 0 !important;
  font-style: italic;
  display: block;
  font-size: 16px;
}
.field-check label:hover,
.field-check input:checked+label {
  color: #fff;
}
.service-box [class*="icon-"]{
  color: #fff;
}
.f-r {
  float: right;
}
.col-10 {
  width: 10%;
}
.switch {
  padding: 30px 0;
  border-top: 1px solid #c5b99f;
  text-align: center;
}
.switch-nav {
  margin: 0 auto;
  display: table;
}
.switch a,
.switch span {
  font-size: 16px;
  color: #333;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  min-width: 40px;
  line-height: 33px;
  float: left;
}
.switch a:hover,
.switch span.selected {
  color: #fff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switch a+a,
.switch span+a {
  margin-left: 10px;
}
.bx-no-touch .catalog-item {
  border: 1px solid transparent;
  border-bottom: 0;
}
.catalog-box {
  position: relative;
}
.catalog-info {
  text-align: left;
  display: none;
  margin: 5px 0 0!important;
  padding-top: 0 !important;
  position: absolute;
  border: 1px solid transparent;
  border-top: 0;
  top: 100%;
  left: -25px;
  right: -25px;
  z-index: 2;
  background-color: #fff;
  font-size: 14px;
  color: #666;
}
.catalog-info li:before,
.page-nav li:before {
  display: none!important;
}
.bx-no-touch .catalog-item:hover .catalog-info {
  display: block;
}
.catalog-info li {
  line-height: 26px;
}
.block-sorting {
  display: table;
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid #c5b99f;
  margin-bottom: 10px;
  padding-bottom: 20px;
  color: #4b4538;
  font-size: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sorting-title {
  line-height: 35px;
  display: inline-block;
  vertical-align: middle;
}
.sorting-link {
  border: 1px solid;
  display: inline-block;
  margin-left: 15px;
  height: 35px;
  vertical-align: top;
  position: relative;
  margin-bottom: 10px;
}
.sorting-link:before {
  content: attr(data-sorting-text);
  display: inline-block;
  line-height: 30px;
  padding: 0 15px;
}
.sorting-link.selected:before {
  color: #fff;
}
.sorting-link.selected a {
  border-color: #fff;
}
.sorting-link a {
  border-left: 1px solid;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: top;
  position: relative;
  margin: -1px 0;
  float: right;
}
.sorting-link a:after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  left: 11px;
}
.sorting-link a:before {
  content: '';
  position: absolute;
  border: 4px solid transparent;
  left: 13px;
  z-index: 1;
}
.sorting-link a.array-asc.selected:after {
  border-bottom-color: #fff;
  top: 8px;
}
.sorting-link a.array-desc.selected:after {
  border-top-color: #fff;
  top: 14px;
}
.sorting-link a.array-asc:after {
  top: 8px;
}
.sorting-link a.array-desc:after {
  top: 14px;
}
.sorting-link a.array-asc:before {
  border-bottom-color: #fff;
  top: 11px;
}
.sorting-link a.array-desc:before {
  border-top-color: #fff;
  top: 15px;
}
.sorting-link.selected a.array-desc:after,
.sorting-link a.array-desc.selected:before,
.sorting-link a.array-desc:hover:after,
.sorting-link a.array-desc:hover:before {
  border-top-color: #fff!important;
}
.sorting-link.selected a.array-asc:after,
.sorting-link a.array-asc.selected:before,
.sorting-link a.array-asc:hover:after,
.sorting-link a.array-asc:hover:before {
  border-bottom-color: #fff!important;
}
.call-text {
  font-size: 18px;
  font-style: italic;
  text-align: center;
  margin: 30px 20px -20px;
}
.md-modal .field.inline input,
.form_order_detail .field input,
.form_order_detail .field textarea {
  background-color: rgba(0,0,0,.2);
  border-color: rgba(0,0,0,.2);
  color: #fff;
  height: 40px;
}

.form_order_detail .field ::-webkit-input-placeholder {
	color: #bbb;
	font-style: italic;
}
.form_order_detail .field :-moz-placeholder {
	color: #bbb;
	font-style: italic;
}
.form_order_detail .field :-ms-input-placeholder {
	color: #bbb;
	font-style: italic;
}

.form_order_detail .field textarea {
  height: auto;
}
.object-info .icon-map {
  font-size: 30px;
  vertical-align: middle;
}
.object-link [class*="icon-"] {
  vertical-align: middle;
  font-size: 20px;
}
.md-button {
  background-color: rgba(0,0,0,.15);
  border: 0;
  color: #fff;
  height: 45px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
  margin: 30px auto 0;
  width: 200px;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
}
.md-button:hover {
  background-color: #fff;
}
.call-header {
  background-color: rgba(0,0,0,.1);
  text-align: center;
  line-height: 70px;
  font-size: 28px;
  font-weight: 700;
}
.filter {
  z-index:50;
  border-bottom: 1px solid #c5b99f;
  margin: 30px 0 0;
  padding-bottom: 30px;
}
.header-page .header-nav {
  margin-top: 19px;
  position: relative;
}
.no-nav:after {
  display: none;
}
.field textarea {
  background-color: #fff;
  border: 1px solid #c5b99f;
  display: block;
  color: #333;
  padding: 10px;
  font-size: 16px;
  font-family: "PT Sans",Helvetica,Arial,sans-serif;
  width: 100%;
  height: 135px;
  resize: none;
}
.deals-list {
  padding-top: 20px;
}
.deals-item {
  position: relative;
  display: table;
  width: 100%;
}
.deals-item+.deals-item {
  border-top: 1px solid #c5b99f;
  padding-top: 30px;
  margin-top: 30px;
}
.deals-images {
  position: relative;
  display: inline-block;
  width: 250px;
  float: left;
}
.deals-images:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.6);
}
.deals-link {
  display: inline-block;
  font-size: 14px;
}
.deals-text {
  color: #666;
  font-size: 14px;
  position: relative;
  margin: 0 !important;
}
.slider-info:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -1000%;
  top: 0;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  right: 0;
}
.deals-title {
  font-size: 18px;
}
.goods-list.catalog_carousel {
  width: auto;
  font-size: 0;
}
.deals-option .icon-map,
.catalog-info .icon-map {
  font-size: 30px;
  margin: 0 -5px;
}
.deals-option .icon-favorites,
.catalog-info .icon-favorites{
  font-size: 20px;
}
.deals-address {
  font-size: 14px;
  display: block;
  color: #999;
  margin: 10px 0;
}
.deals-info {
  vertical-align: top;
  display: table-cell;
  padding: 0 20px;
}
.help-block .col-7 {
  width: 67.7%;
}
.deals-panel {
  display: table-cell;
  vertical-align: top;
  width: 300px;
}
.deals-option {
  font-size: 14px;
  color: #666;
}
.deals-price {
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
.deals-option li.indent-top {
  margin-top: 15px;
}
.deals-option [class*="icon-"],
.catalog-info [class*="icon-"] {
  font-size: 20px;
  vertical-align: middle;
}
.wrap p {
  margin: 15px 0;
}
.wrap li {
  position: relative;
  display: block;
}
.wrap li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #26ae01;
  border-radius: 100%;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.content li:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #26ae01;
  border-radius: 100%;
  vertical-align: middle;
 /* margin: 0 10px 0 0; */  /* закомментировано 24.05.19г. */
}

.seo_text,
.footer-menu-list>.footer-menu:first-of-type { /* добавлено 05.06.19г. */
  padding-left: 40px;
}

.footer-menu-list li:before { /* добавлено 27.05.19г. */
  display: none;
}

.footer-social li:before { /* добавлено 27.05.19г. */
  display: none;
}

.cry-layout .footer-help-block { /* добавлено 27.05.19г. */
  display: none;
}

.content .block.help-block.row ul.help li:before {
  background-color: #fff;
}
.wrap li>ul li:before {
  background: 0;
  width: 0;
  height: 0;
  content: '-';
  vertical-align: top;
}
.content li>ul li:before {
  background: 0;
  width: 0;
  height: 0;
  content: '-';
  vertical-align: top;
}
.wrap ul {
  margin: 15px 0 15px 15px;
}
.wrap ol {
  margin: 20px 0 20px 20px;
}
.content ul {
  margin: 15px 0 15px 15px;
}
.content ol {
  margin: 20px 0 20px 20px;
}
.map-columns {
  margin: 0 0 30px;
}
.partner-list {
  position: relative;
}
.partner-list img {
  margin: 0 auto;
}
.swiper-button-disabled:after {
  opacity: 0.4;
  cursor: no-drop;
}
.service-detailed {
  margin: 30px 0;
  text-align: center;
}
.service-box {
  display: inline-block;
  vertical-align: middle;
}
a.deals-images img {
  width: 250px;
  height: 225px;
  width: auto;
  height: auto;
  max-width: 100%;
}
.service-box svg {
  padding: 10px;
  fill: #fff;
}
a.service-icon {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
}
.help-form-success p {
  font-size: 18px;
  color: #837760;
}
.help-form-success h4 {
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0;
  font-weight: 400;
  color: #837760;
}
.help-form-success i {
  font-size: 150px;
  color: #c5b99f;
}
.help-form-success {
  text-align: center;
}
h2.service-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #333;
  line-height: 22px;
  margin-left: 15px;
}
.object-item {
  border-bottom: 1px solid #c5b99f;
  position: relative;
  padding: 0 0 30px;
}
.object-text p {
  margin: 15px 0;
}
.object-address {
  color: #666;
  margin-bottom: 10px;
}
.object-info {
  padding-left: 30px;
  width: 60%;
  display: table-cell;
}
.object-info .deals-price {
  display: inline-block;
  padding: 0 50px;
  margin: 15px 0;
}
.field-error .chosen-container.chosen-with-drop .chosen-drop {
  border-width: 2px;
  margin-top: -2px;
}
.object-info dd {
  width: 70%;
}
.object-info dt {
  width: 30%;
}
.object-link li {
  display: inline-block;
}
.object-link li+li {
  margin-left: 50px;
}
.object-link svg {
  width: 20px;
  vertical-align: middle;
}
.object-link {
  display: table;
  width: 100%;
}
.service-menu {
  margin: 30px -10px;
  width: auto;
}
.service-menu h2 {
  margin-bottom: 15px;
  font-size: 18px;
}
.service-menu .col-3 {
  padding: 0 10px;
}
.service-menu a {
  background-color: #f3f1ec;
  /* border: 1px solid #c5b99f; */
  font-size: 16px;
  /* display: block; */
  color: #333;
  text-decoration: none;
  position: relative;
  /* padding: 10px 30px 10px 10px; */
}
.service-menu a+a {
  margin-top: 5px;
}
.service-menu a:hover {
  color: #fff;
}
.help-block .col-7 {
  padding-right: 20px;
}
.col-7 {
  width: 70%;
}
/* .service-menu a:after, */
.footer-menu .col-2>a:after {
  content: '\e619';
  position: absolute;
  font-family: 'icomoon';
  font-size: 20px;
  top: 50%;
  right: 5px;
  z-index: 1;
  color: #c5b99f;
  pointer-events: none;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.goods-metka {
  margin: 0 !important;
}
.hidden,
.hide {
  display: none!important;
}
.show {
  display: block!important;
}
.deals-price [class*="icon-"] {
  color: #fff!important;
}
.service-menu a:hover:after,
.footer-menu .col-2>a:hover:after,
.footer-menu li.col-2.selected>a:after {
  color: #fff;
}
.adaptive-block {
  margin-bottom: 15px;
}
.object-big-images {
  margin-bottom: 10px;
  overflow: hidden;
  width: 456px;
  height: 310px;
  position: relative;
}
.object-slider {
  position: relative;
  width: 456px;
}
.object-slider a {
  border: 3px solid transparent;
  overflow: hidden;
  height: 100px;
  position: relative;
}
.object-slider a img {
  width: 100%;
  opacity: 0.8;
}
.object-slider a:hover img {
  opacity: 1;
}
.object-big-images a {
  display: block;
}
.object-big-images img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.our-team .swiper-container {
  margin: 0;
}
.footer-adaptive {
  display: table-cell;
  vertical-align: top;
}
.footer-menu .col-2>a {
  cursor: default;
}
.ul_clear,
.clean {
  margin: 0!important;
  padding: 0;
  list-style-type: none;
}
.ul_clear li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ul_clear li:before,
ul.clean li:before {
  display: none;
}
.b-form-success-wrapp, .b-form-error-wrapp {
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
  border-radius: 5px;
  padding: 6px 14px;
}
.b-form-success-wrapp p, .b-form-error-wrapp p{
  margin: 10px 0;
}

.help-form .b-form-error-wrapp{
  margin-left: 15px;
  margin-right: 15px;
}
.errortext {
  color: #f15a5c!important;
}
.notetext {
  color: #1abc9c!important;
}
#citrus_subscribe_res {
  margin-top: 5px;
  font-size: 14px;
  display: block;
}
.md-content .b-form-success-wrapp {
  margin-bottom: 20px;
}
.citrus-objects-map {
  height: 480px;
}
.citrus-objects-map-popup {
  display: block;
  width: 190px;
  overflow: hidden;
  text-decoration: none;
}
.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;
  font-weight: 700;
  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: 18px;
  line-height: 20px;
  margin: 8px 0;
  text-align: center;
}
.citrus-objects-map-popup__desc {
  display: block;
  color: #999;
  font-size: 14px;
  line-height: 16px;
  margin: 7px 0;
  text-align: center;
}

.breadcrumbs li {
  display: inline;
}

@media screen and (min-width: 480px) {
  .md-modal .field-label {
    text-align: right;
    padding-right: 15px;
  }
  .feedback-button {
    display: table;
  }

}

@media screen and (max-width: 479px) and (min-width: 320px) {
  /*.header-wrap + section {*/
    /*margin-top: 60px;*/
  /*}*/
  /*.header-wrap + .slider {*/
    /*margin-top: 99px;*/
  /*}*/

  .md-content {
    padding: 0 20px;
  }
  .feedback-button button {
    width: 100%;
  }
  .call-text br {
    display: none;
  }
  .filter-button button+button,
  .filter-more-link {
    margin-top: 15px !important;
  }
  .object-big-images {
    width: 290px;
    height: 210px;
  }
  .object-slider {
    width: 290px;
  }
  .deals-panel {
    width: auto;
  }
  .swiper-slide .goods-images {
    width: 220px;
  }
  .object-info dt,
  .object-info dd {
    width: 50%;
  }
  a.deals-images {
    margin: 0 auto 15px;
  }
  .object-slider a {
    height: 50px;
  }
  .service-menu .col-3 {
    width: 100%!important;
  }
  .partner-list {
    width: 270px;
    margin: 0 auto;
  }
  #slide-partner {
    width: 260px;
  }
  /* .partner-list .swiper-button-prev {
    left: -40px;
  } */
  /* .partner-list .swiper-button-next {
    right: -40px;
  } */
  .swiper-container.fix {
    width: 240px!important;
    padding: 0 !important;
  }
  #contacts-map {
    height: 300px!important;
  }
  .who-we .col-5:first-child {
    margin-bottom: 15px;
  }
  .object-slide {
    width: 100%;
  }
  .help-form .field.inline>label {
    display: table;
    width: 100%;
    line-height: inherit;
    margin-bottom: 5px;
  }
  .header-nav-slide {
    width: 320px;
    margin: 0 auto;
    position: relative;
  }
  .header-nav-ovh {
    width: 250px;
  }
  .swiper-button-next {
    right: -10px;
  }
  .swiper-button-prev {
    left: -10px;
  }
  .field+.field{
    margin-top: 20px
  }
  .field-label {
    margin-bottom: 10px;
    width: 100%;
    display: table;
  }
  .filter-button {
    padding-top: 15px !important;
  }
  .slider-info,
  p.slider-price,
  .block-title,
  .goods-list {
    text-align: center!important;
  }
  .sorting-title {
    display: table;
    margin: -10px 0;
    width: 100%;
  }
  .sorting-link {
    margin: 15px auto 0;
    width: 290px;
    display: block;
  }
  a.slider-button.button {
    position: relative!important;
    display: inline-block;
    margin: 15px auto 0;
    width: 200px!important;
  }
  p.slider-price {
    margin: 15px auto !important;
    width: 100%!important;
  }
  .slider-info {
    padding: 15px 0 0 !important;
    width: 100%!important;
  }
  .header-phone strong,
  .header-phone b,
  .header-phone span.fw400,
  .slider-title {
    width: 100%!important;
  }
  .header-logo {
    padding: 0 15px;
  }
  .help-number {
    display: none;
  }
  .fix:not(.header) {
    width: 320px;
    padding: 0 15px;
  }
  .our-team-avatar {
    margin: 0 auto;
    display: table;
  }
  .our-team-info {
    padding: 15px 0;
    display: block;
  }
  .our-team-item {
    text-align: center;
    width: 100%;
  }
  .goods-item {
    width: 270px;
  }
  .block .block-button {
    display: block;
    padding: 7px;
    text-align: center;
  }
  .our-team.recommendations.fix {
    width: 290px!important;
    padding: 0;
  }
  #slider {
    height: 490px;
  }
  .footer-bottom .col-4 {
    width: 100%!important;
    display: block;
    text-align: center!important;
  }
  .footer-bottom .col-4:nth-child(2),
  .footer-bottom {
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {

  .phone-block {
    float: right;
    display: inherit;
    margin:0;
  }
  .header-menu>ul>li>a:after {
    content: '\e619';
    position: absolute;
    font-family: 'icomoon';
    font-size: 20px;
    top: 50%;
    right: 5px;
    z-index: 1;
    color: #c5b99f;
    pointer-events: none;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #fff;
  }
  .header-submenu li a:after {
    margin-top: -17px;
  }
  .header-menu li.selected ul {
    display: block;
  }
  .md-modal {
    width: 100%;
    display: none;
    position: relative;
  }
  .block-help-maps .md-modal {
    position: relative;
  }
  .call-form {
    padding: 0px 20px 30px;
  }
  .form_order_detail .field-label {
    display: block;
    width: auto;
    padding: 0;
    text-align: left;
    margin-bottom: 4px;
  }
  .form_order_detail .field-input {
    display: block;
    width: 100%;
  }

  .call-header {
    background: 0;
  }
  .call-text {
    margin: 0;
  }
  .md-modal.selected {
    display: block;
  }
  .md-content {
    color: #fff;
  }
  .header-submenu {
    border-top: 1px solid rgba(0,0,0,.3);
    display: none;
  }
  .header-submenu li a {
    background-color: rgba(0,0,0,.2)!important;
    line-height: 35px!important;
  }
  .header-submenu li a:hover,
  .header-submenu li a.selected {
    background-color: rgba(0,0,0,.05)!important;
  }
  .header-menu>ul>li:hover>a,
  .header-menu>ul>li.selected>a,
  .header-menu li.selected a.selected {
    background-color: rgba(0,0,0,.2);
  }
  .header-menu>ul>li.selected>a:after {
    margin-top: -25px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header-phone span.fw400 a {
    text-decoration: none;
    color: #fff;
  }
  .who-we .col-5:first-child {
    border-bottom: 1px solid #c5b99f;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .header-menu {
    /* display: none;
    position: relative;
    width: 100%; */
  }
  .header-menu li {
    display: block;
    width: auto;
  }
  .header-menu li+li {
    border-top: 1px solid rgba(0,0,0,.3);
  }
  .header-menu li a {
    background-color: rgba(0,0,0,.15);
    text-align: center;
    padding: 8px 15px;
    line-height: 50px;
    font-size: 16px;
    position: relative;
  }
  .header-menu-sub ._depth-lvl-2 a.header-menu-sub-link.parent:after{
    transform: rotate(90deg);
    margin-top: -7px;
  }
  .header-menu.selected {
    display: block;
  }
  .footer-menu {
    padding: 15px 0 30px;
  }
  .footer-adaptive+.footer-adaptive {
    padding-top: 30px;
    text-align: center;
  }
  .footer-adaptive {
    width: 100%;
    display: table;
  }
  .service-detailed {
    text-align: left;
  }
  .service-detailed .col-3 {
    display: table;
    width: 100%;
  }
  .service-detailed .col-3+.col-3 {
    margin-top: 15px;
  }
  a.deals-images {
    display: table;
    float: none;
    margin-bottom: 15px;
  }
  .deals-panel,
  .deals-info {
    display: table;
    padding: 0;
  }
  .object-link li {
    display: block;
  }
  .object-link li+li {
    margin: 15px 0 0;
  }
  .hamburger {
    width: 50px;
    line-height: 65px;
    height: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
  }
  .hamburger:hover,
  .hamburger.selected,
  .header-phone-link:hover,
  .header-phone-link.selected {
    background-color: rgba(0,0,0,.15);
  }
  .header-phone:after {
    position: absolute;
    width: 500%;
    left: -50%;
    right: -50%;
    z-index: -1;
    top: 0;
    bottom: 0;
    content: '';
  }
  .header-phone-link span.icon-phone {
    color: #fff!important;
    font-size: 30px;
  }
  .header-phone strong,
  .header-phone b,
  .header-phone span.fw400{
    border-left: 1px solid rgba(255,255,255,.3);
    border-right: 1px solid rgba(255,255,255,.3);
    display: table-cell;
    vertical-align: middle;
    line-height: 50px;
    margin: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
  }
  .header-phone-link a {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    line-height: 75px;
    text-align: center;
    height: 50px;
    font-size: 0;
    border: 0;
  }
  .header-phone-link>span.icon-phone {
    display: none;
  }
  .header-info {
    margin: 0 auto;
  }
  .header-phone {
    width: 100%;
    height: 50px;
    display: table;
    position: relative;
    padding-right: 30px;
  }
  .logo img {
    width: 100%;
  }
  .header-logo {
    width: 100%;
    display: table;
  }
  .slider-info:after {
    left: -50%;
    right: -50%;
    top: 0;
    width: 500%;
  }
  .slider-info {
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 450px;
    padding: 15px;
  }
  .slider-title {
    display: inline-block;
    width: 250px;
    font-size: 24px;
    position: relative;
    z-index: 1;
  }
  p.slider-price {
    font-size: 24px;
    margin: 15px 0 0;
    width: 250px;
  }
  .slider-price strong,
  .slider-price b{
    font-size: 40px;
  }
  a.slider-button.button {
    width: 150px;
    line-height: 20px;
    height: auto;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 0;
  }
  .offers .col-3 {
    width: 100%;
    display: table;
  }
  .offers .col-3+.col-3 {
    margin-top: 30px;
  }
  .offers {
    margin: 30px 0;
  }
  .help-block .col-3 {
    margin-top: 30px;
  }
  .our-team-info span.our-team-hours {
    display: none;
  }
  .filter-form .col-8 {
    width: 100%;
    float: none;
  }
  .filter-form .col-4 {
    width: 100%;
    display: table;
  }
  .filter-form .col-4+.col-4 {
    padding-top: 15px;
  }
  .filter-button {
    display: table;
    width: 100%;
    padding: 30px 0 0;
  }
  .slider .swiper-pagination {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  /*.phone-block {*/
    /*float: none;*/
  /*}*/
  .header-phone-link a>span {
    display: none;
  }
  .header-submenu li a:hover,
  .header-submenu li a.selected {
    background: 0;
  }
  .header-menu li:hover ul {
    display: block;
  }
  .offers {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
  .offers .col-3 {
    padding: 0 15px;
  }
  .call-form {
    padding: 50px;
  }
  .header-submenu {
    padding: 0 !important;
    width: 260px;
    display: none;
    max-height: 600px;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
  }
  .filter-form .col-4:last-child {
    padding-left: 15px;
  }
  .filter-form .col-4:first-child {
    padding-right: 15px;
  }
  .footer-bottom br,
  .hamburger {
    display: none;
  }
  .header-phone-link [class^="icon-"]{
    font-size: 18px;
    vertical-align: -8px;
  }
  .md-modal {
    position: relative;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .md-content {
    color: #fff;
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    width: 500px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  .md-overlay {
    background: rgba(0,0,0,.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 100;
  }
  .md-modal.selected,
  .md-modal.selected ~ .md-overlay {
    visibility: visible;
    opacity: 1;
  }
  .md-modal.selected .md-content {
    opacity: 1;
  }
}
@media screen and (max-width: 991px) and (min-width: 320px) {
  .phone-block .fw400 {
    margin:0px;
  }
  /*.header-wrap + .slider {*/
    /*margin-top: 99px;*/
  /*}*/
  .block-help-maps .col-67 {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0 0;
  }
  .block-help-maps .col-3 {
    display: block;
    width: 100%;
    margin: 20px auto 30px;
  }
  .block-help-maps-button {
    float: none;
    margin: 0 auto;
    width: 300px;
    display: block;
  }
  .service-menu {
    margin: 0;
    width: 100%;
  }
  .service-menu .col-3 {
    width: 60%;
    display: table;
    padding: 0;
  }
  .service-menu .col-3+.col-3 {
    margin-top: 30px;
  }
  .deals-option li:nth-child(5),
  .deals-option li:nth-child(5)+li {
    display: inline-block;
    margin-top: 5px;
  }
  .deals-option li:nth-child(5)+li {
    margin-left: 15px;
  }
  .deals-link,
  .deals-text {
    display: none;
  }
  .feedback .help-form-title {
    margin: 0 0 15px;
  }
  .object-slide {
    display: table;
  }
  .object-info {
    margin-top: 30px;
    padding: 0;
    display: block;
    width: auto;
  }
  .contacts-block+.contacts-block {
    margin-top: 30px;
  }
  .help-block .col-7,
  .help-block .col-3 {
    display: block;
    width: 100%;
  }
  /*.footer-menu ul:not(.footer-social) {
    display: none;
  }*/
  .footer-menu .col-2 {
    display: block;
    width: auto;
  }
  .footer-menu .col-2>a .footer-title {
    border-bottom: 1px solid #504e49;
    margin: 0;
    border-top: 1px solid transparent;
    cursor: pointer;
  }
  .footer-menu .col-2>a {
    line-height: 40px;
  }
  .footer-menu li.col-2>a:after {
    display: block;
  }
  .footer-menu .selected ul {
    display: block;
  }
  .footer-menu li.col-2.selected>a:after {
    margin-top: -20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
  .phone-block .fw400 {
    margin:0px;
  }
  .goods-list .swiper-button-prev {
    left: -20px;
  }
  .goods-list .swiper-button-next {
    right: -20px;
  }
  .citrus-objects-map {
    height: 500px;
  }
  .md-content {
    color: #fff;
    width: 450px;
    padding: 0 15px;
    margin: 0 auto;
  }
  .filter-more-link {
    line-height: 38px;
  }
  .filter-button button+button {
    margin: 0 0 0 15px !important;
  }
  .swiper-container.fix {
    width: 420px!important;
    padding: 0 !important;
  }
  .sorting-title {
    float: left;
  }
  .sorting-link {
    margin: 0 auto;
    display: block;
    width: 230px;
  }
  .sorting-link+.sorting-link{
    margin-top: 15px;
  }
  #contacts-map {
    height: 400px!important;
  }
  .filter-button button {
    width: auto;
    display: inline-block;
    float: left;
  }
  .filter-more-link {
    float: right;
  }
  .slider .swiper-pagination {
    margin: 0;
    right: 0;
    left: 0;
  }
  .header-phone strong,
  .header-phone b,
  .header-phone span.fw400{
    width: 350px;
  }
  #slide-partner {
    width: 420px;
  }
  /* .partner-list .swiper-button-prev {
    left: -30px;
  } */
  /* .partner-list .swiper-button-next {
    right: -30px;
  } */
  .recommendations .our-team-avatar {
    display: inherit;
    margin: 0 auto 15px;
    width: auto;
  }
  .recommendations .our-team-info {
    display: table;
    padding: 0;
  }
  .recommendations-name {
    text-align: center;
  }
  .recommendations-date {
    display: block;
    text-align: center;
  }
  .object-big-images,
  .object-slider {
    width: 450px;
    overflow: hidden;
  }
  .header-nav-slide {
    width: 480px;
    margin: 0 auto;
    position: relative;
  }
  .header-nav-ovh {
    width: 370px;
  }
  .our-team-info {
    display: table-cell;
  }
  /*.fix:not(.header),*/
  /*!*.fix .header-info {*!*/
    /*!*width: 480px;*!*/
    /*!*padding: 0 15px;*!*/
  /*!*}*!*/
  .goods-item.col-2 {
    width: 50%;
  }
  .our-team .swiper-container {
    width: 450px;
  }
  #slider {
    height: 490px;
  }
  .our-team.recommendations.fix {
    padding: 0;
    width: 450px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .phone-block .fw400 {
    font-size: 16px!important;
    margin:0px;
  }
  /* .partner-list .swiper-button-prev {
    left: -40px;
  } */
  /* .partner-list .swiper-button-next {
    right: -40px;
  } */
  .citrus-objects-map {
    height: 560px;
  }
  .deals-panel,
  .deals-info {
    display: table;
    padding: 0 0 0 20px;
  }
  .footer-adaptive+.footer-adaptive {
    padding-left: 90px;
  }
  .footer-adaptive {
    width: 50%;
  }
  h2.service-title {
    margin: 15px 0 0;
    display: block;
  }
  a.service-icon {
    text-align: center;
  }
  .our-team.recommendations .swiper-container {
    width: 716px;
  }
  #slide-partner {
    width: 706px;
  }
  .fix:not(.header),
  .fix .header-info,
  .fix .header-menu ul {
    max-width: 768px;
  }
  #slide-similar {
    margin: 0 10px;
    width: 716px;
  }
  .header-nav-slide {
    width: 768px;
  }
  .header-nav-ovh {
    width: 658px;
  }
  .goods-item.col-2 {
    width: 33.3%;
  }
  .slider .swiper-pagination {
    margin-right: -358px;
  }
  #slider {
    height: 490px;
  }
  .slider-info {
    margin-right: -20px;
    bottom: 23%;
  }
  .field.w {
    display: block;
    margin: 20px auto 5px;
    width: 300px;
  }
  .help-form {
    margin-top: 30px;
  }
  .our-team .swiper-container {
    width: 500px;
  }
  .adaptive-block {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding: 15px 15px 0;
  }
  .help-form-info {
    margin-top: 0 !important;
  }
  .help-form-title {
    margin: 5px 15px 0;
    padding-bottom: 15px;
  }
  .field-label {
    padding-right: 10px;
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .footer-adaptive {
    width: 80%;
  }
  .footer-adaptive:last-child {
    width: 20%;
  }
  .citrus-objects-map {
    height: 695px;
  }
}
@media screen and (max-width: 1279px) and (min-width: 320px) {
  .header-link {
    height: 40px;
    line-height: 36px;
    width: 100%;
  }
  .no-nav .header-link {
    margin-top: 0;
  }
  .catalog-item,
  .catalog-info {
    padding: 10px !important;
  }
  .catalog-info {
    left: -11px;
    right: -11px;
  }
  .goods-list {
    margin: 0 -10px;
  }
  .goods-item {
    padding: 0 10px;
  }
  .who-we .col-5 {
    display: block;
    width: 100%;
  }
  .contacts .col-5 {
    padding: 0 !important;
    display: block;
    width: 100%;
  }
  #contacts-map {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  .phone-block {
    margin-left: 115px;
  }
  .phone-block a{
    color:black;
  }
  .header-phone-link a {
    display:none;
  }
  .header-phone span.fw400 {
    float: right;
    font-size: 22px;
  }

  .goods-list .swiper-button-prev {
    left: -35px;
  }
  .goods-list .swiper-button-next {
    right: -35px;
  }
  #contacts-map {
    height: 450px!important;
  }
  .header-info {
    display: block;
  }
  .header-logo {
    float: left;
  }
  .header-phone {
    margin: 9px 0;
    float: right;
  }
  .who-we .col-5:first-child {
    margin-bottom: 30px;
  }
  .button.gray {
    margin: 0;
  }
  .header-menu {
    /* border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2); */
  }
  .offers {
    margin: 30px 0 0;
  }
  .offers .col-3 {
    text-align: center;
  }
  .offers-info {
    display: block;
    padding: 15px 0 0;
  }
  .offers-icon {
    display: block;
    margin: 0 auto;
  }
  .fix .header-info,
  .fix .header-menu ul {
    margin: 0 auto;
  }
  .header-menu {
    /* display: block;
    width: auto; */
  }
  .header-info.col-5>div.col-5,
  .footer .fix,
  .block-help-maps .row,
  .wrap,
  .header-menu ul,
  .header-link {
    padding: 0 26px;
  }
  .header-menu li+li {
    border-left: 1px solid rgba(255,255,255,.4);
  }
  .filter-form .col-8 {
    width: 100%;
    display: table;
  }
  .filter-form .col-4 {
    width: 50%;
  }
  .filter-button {
    padding: 30px 0 0;
    width: 100%;
    text-align: left;
  }
  .filter-button button
  /*.filter-more-link*/ {
    width: 150px;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
  }
  .filter-more-link {
    margin-left: 15px;
  }
  .header-nav-slide {
    position: relative;
    margin: 0 auto;
  }
  .feedback .col-5 {
    display: table-cell;
    width: 50%;
  }
  .feedback div.col-5:first-child {
    padding-right: 20px;
  }
  .feedback div.col-5:last-child {
    padding-left: 20px;
  }
  .feedback-button {
    margin-top: 20px;
  }
  .header-menu li a {
    line-height: 50px;
  }
  #slider-team .our-team-item {
    width: 100%;
  }
  .recommendations .our-team-info {
    display: inline-block;
    width: 80%;
  }
  .recommendations .our-team-avatar {
    width: 20%;
    float: left;
    display: inline-block;
  }
}
@media screen and (max-width: 1279px) and (min-width: 992px) {
  .phone-block {
    margin-left: 40px;
  }
  .header-phone.header-phone--custom {
    padding-top:10px;
    padding-right:10px;
  }
  .our-team .swiper-container,
  #slide-partner {
    width: 940px;
  }
  /* .partner-list .swiper-button-prev {
    left: -45px;
  } */
  .partner-list .swiper-button-next {
    right: -45px;
  }
  .fix:not(.header),
  .fix .header-info,
  .fix .header-menu ul {
    max-width: 992px;
  }
  #slide-similar {
    margin: 0 10px;
    width: 940px;
  }
  .header-nav-slide {
    width: 992px;
  }
  .header-nav-ovh {
    width: 882px;
  }
  .slider .swiper-pagination {
    margin-right: -470px;
  }
  #slider {
    height: 490px;
  }
  .slider-info {
    margin-right: 100px;
  }
  .footer-menu .col-2:nth-child(1) {
    width: 20%;
  }
  .footer-menu .col-2:nth-child(2) {
    width: 30%;
  }
  .contacts-block {
    display: table-cell;
    width: 50%;
  }
  .contacts-block:last-child {
    padding-left: 10px;
  }
  .contacts-block:first-child {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .goods-list .swiper-button-prev {
    left: -25px;
  }
  .goods-list .swiper-button-next {
    right: -25px;
  }
  .header-page {
    margin-top: 70px;
    border-top: 1px solid #c5b99f;
  }
  .header-menu li a {
    line-height: 50px;
  }
  .filter-button button+button,
  .filter-more-link {
    margin-top: 15px !important;
  }
  .our-team .swiper-container,
  #slide-partner {
    width: 1140px;
  }
  /* .partner-list .swiper-button-prev {
    left: -45px;
  } */
  /* .partner-list .swiper-button-next {
    right: -45px;
  } */
  #slider {
    height: 490px;
  }
  .our-team .swiper-container {
    width: 570px;
  }
  .our-team.recommendations .swiper-container {
    width: 100%;
  }
  .fix,
  .header-nav-ovh {
    max-width: 1140px;
  }
  .header-menu li+li {
    border-left: 1px solid rgba(255,255,255,.4);
  }
  .header-phone.col-5 {
    padding-right: 50px;
  }
  .goods-list {
    margin: 0 -24px;
    font-size: 0px;
  }
  .goods-item {
    padding: 0 24px;
    margin: 0;
  }
  .catalog-item,
  .catalog-info {
    padding: 24px;
  }
  .header-menu:after {
    content: '';
    position: absolute;
    top: 70px;
    height: 50px;
    right: -100%;
    left:  -100%;
    z-index: -1;

  }
  .filter-button.selected {
    position: absolute;

    bottom: 0;
    right: 0;
  }
  .feedback div.col-5:first-child {
    padding-right: 15px;
  }
  .who-we>div.col-5:first-child,
  .help-block .col-7,
  .contacts .col-5:first-child {
    padding-right: 30px;
  }
  .contacts-block+.contacts-block {
    margin-top: 15px;
  }
  .feedback-button {
    width: 220px;
  }
  .feedback-button button {
    width: 100%;
  }
  .recommendations .our-team-avatar {
    width: 200px;
  }
  .recommendations .our-team-info {
    display: table-cell;
  }
  .section-block._first .service .service-menu .row.row-grid {
    margin-left: -5px;
    /* width: 1160px; */
  }
  .header-nav-slide {
    position: relative;
    margin: 0 auto;
    width: 1250px;
  }
}
@media print {
  body {
    font: 13px/18px Tahoma,serif;
  }
  .header-menu,
  .md-modal,
  .hamburger,
  .header-phone-link,
  .header-page,
  .footer,
  .block-help-maps,
  .block,
  .object-link,
  .icon-maps,
  .object-map-print,
  .swiper-button-next,
  .swiper-button-prev {
    display: none!important;
  }
  .object-item {
    border: 0;
  }
  .object-info .deals-price {
    margin: 0;
    padding: 0;
    line-height: 20px;
  }
  .object-slider .swiper-container,
  .object-big-images,
  .object-slider {
    width: 350px;
  }
  .object-big-images {
    height: 250px;
  }
  .object-slider a {
    border: 0;
    height: 80px;
    width: 110px!important;
  }
  .content-title {
    font-size: 20px;
  }
  .object-item {
    margin: 0;
  }
  .object-info dd {
    font-size: 13px;
  }
  .object-info dt,
  .object-info dd {
    width: 50%;
    margin: 0;
  }
}

.block-title {
  font-weight:bold;
  text-transform:uppercase;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 30px;
}

.help-form-title {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #dcd5c5;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.month-title {
    font-weight: bold;
    text-transform: uppercase;
}
.recommendations-name {
	font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
#bx-composite-banner {
  padding: .5em 0 1em 0;
}
.fixed-menu {
  position: fixed;
  width: 98.8%;
  z-index: 100;
  top: 0;
}

@media screen and (max-width: 1279px) {
  body {
    /*padding-top: 134px;*/  /* начальное значение 134px было изменено на 0px 8.03.2017*/
  }
}
@media screen and (max-width: 480px) {
  body {
    padding-top: 0px;
  }
  .header-wrap {
    position: relative;
  }
}
@media screen and (max-width: 320px) {

  .panel-color {
    top:65%
  }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
  body {
    /* padding-top: 175px; */
  }
}

.main-nav.c-side .nav-sliders.p__swiper .swiper-container.swiper-container-horizontal .swiper-wrapper .swiper-slide{
  height: auto;
  background-color: #00000000;
}

@media (min-width:1024px) and (max-width:1279px) {
  .header-phone-number {
    font-size: 20px;
  }
  .header-phone {
    margin-top: 22px;
    margin-bottom: 18px;
    margin-right: 26px;
  }
  .btn-header-phone {
    display: none;
  }
}

@media (max-width:480px) {
  .col-md-5.col-lg-3.col-sm-12.va-xs-m.ta-xs-c.print-hidden {
    display: flex;
    margin: 2px 0;
  }
  .header-phone {
    padding-left: 30px;
  }
  .header-middle {
    width: 300px;
  }
}

@media (max-width:350px) {
  .col-md-5.col-lg-3.col-sm-12.va-xs-m.ta-xs-c.print-hidden {
    display: flex;
    margin: 8px 0;
  }
}
.header-menu-list {
  margin-top: -4px;
}
@media (max-width:1023px) {
  .header-menu-list {
    padding: 0 !important;
  }
  .header-menu li {
    display: block;
    width: 100%;
  }
  .header-menu-sub {
    padding: 0 !important;
  }
}
.video.cover{
  width: 100%;
  height: 100%;
}
/* End */


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

.bx-no-touch .btn.btn-primary:not(.is-active):hover {
  background: #fff;
  color: #26ae01;
  border-color: currentColor; }

.btn-with-additional:hover span.btn-additional-label, .irs-bar-edge {
  background: #26ae01;
  color: #fff; }

.theme_hover--bg-color, .bx-no-touch a.header-menu-link:hover, a.header-menu-link:active, .bx-no-touch .header-menu-item:hover a.header-menu-link, .header-menu-item:active a.header-menu-link, .header-menu-item.is-active a.header-menu-link, .header-menu-sub, .btn.btn-primary:not(.is-active):active {
  background-color: #1d8501; }

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

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

a:hover, .team-meta .meta_link._phone:hover span.btn-label {
  color: #1d8501; }

.bx-no-touch a.article-user:hover .article-user-ava span, a.article-user:active .article-user-ava span {
  -webkit-box-shadow: 0 0 0 3px #26ae01;
  box-shadow: 0 0 0 3px #26ae01; }

.theme-fill {
  fill: #26ae01; }

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

  .bx-no-touch .btn.btn-header-phone:hover, .btn.btn-header-phone:active {
    background-color: #26ae01; } }

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

@media print {
  .object-price {
    color: #26ae01; } }

/* End */
/* /bitrix/templates/citrus_arealty2/css/custom.css?17583658555174 */
/* /bitrix/templates/citrus_arealty2/application/icon-fonts/icons.css?17583658552896 */
/* /bitrix/templates/citrus_arealty2/application/distr/app.css?1758365855106493 */
/* /bitrix/templates/citrus_arealty2/application/plugins/bower_components/nicescroll/nicescroll.css?1758365855396 */
/* /bitrix/templates/citrus_arealty2/application/plugins/bower_components/chosen/chosen.css?17583658552728 */
/* /bitrix/templates/citrus_arealty2/components/bitrix/search.title/header_search/style.css?17583658556446 */
/* /bitrix/templates/citrus_arealty2/components/citrus/currency/.default/style.css?17583658554227 */
/* /bitrix/templates/citrus_arealty2/components/bitrix/menu/top_adaptive/style.css?17583658557053 */
/* /bitrix/templates/citrus_arealty2/components/bitrix/breadcrumb/.default/style.css?17583658551989 */
/* /bitrix/templates/citrus_arealty2/components/citrus.core/include/.default/style.css?1758365855176 */
/* /bitrix/components/bitrix/breadcrumb/templates/coffeediz.schema.org/style.css?1758362855989 */
/* /bitrix/templates/citrus_arealty2/styles.css?175836585541 */
/* /bitrix/templates/citrus_arealty2/template_styles.css?175836585568889 */
/* /bitrix/templates/citrus_arealty2/themes/green//colors.css?17583658554163 */