/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.1.0
	Stable tag: 3.1.0
	Requires at least: 6.0
	Tested up to: 6.5
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: border-box; /* 3 */
}

/* Sections
 */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0.5rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
}

/* Grouping content
 */
/**
 * 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 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Text-level semantics
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: #CC3366;
}
a:hover, a:active {
  color: #333366;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-block-end: none; /* 1 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 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 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;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: #333333;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    border: 1px solid #cccccc;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    -moz-column-break-after: avoid;
         break-after: avoid;
  }
}
/**
 * Form styling
 */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 1rem; /* 1 */
  line-height: 1.5; /* 1 */
  margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: solid 1px #666666;
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #333333;
}

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: #CC3366;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid #CC3366;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible) {
  outline: none;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: #ffffff;
  background-color: #CC3366;
  text-decoration: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * 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 in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

select {
  display: block;
}

/**
 * Table styling
 */
table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-block-start: 1px solid rgba(128, 128, 128, 0.5019607843);
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: rgba(128, 128, 128, 0.0705882353);
}
table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: rgba(128, 128, 128, 0.1019607843);
}
table tbody + tbody {
  border-block-start: 2px solid rgba(128, 128, 128, 0.5019607843);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* Стили поиска */
.real-estate-items-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.real-estate-item {
    width: 23%;
    border: 1px solid #e1e1e1;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.real-estate-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.real-estate-item h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.real-estate-item p {
    font-size: 14px;
    color: #666;
}
body > div.eael-offcanvas-container.eael-offcanvas-container-f013369 > div.elementor.elementor-935.elementor-location-header > div > div > div > div.elementor-element.elementor-element-82e918c.e-flex.e-con-boxed.e-con.e-child > div > div.elementor-element.elementor-element-f013369.elementor-widget-mobile__width-auto.elementor-widget.elementor-widget-eael-offcanvas > div > div > div > div > span.eael-offcanvas-toggle-icon.fas.fa-bars::before {display:none;}
.eael-offcanvas-widget-content {display:flex;
    flex-direction: column;
}
.prices-container  {
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:15px;
}
#properties-list > div > div > a > div > div:nth-child(2), #properties-list > div > div > a > div > div:nth-child(4) {display:flex;justify-content: end;}
@media (max-width: 768px) {
.properties-container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr)!important;
}
.property-item {margin:0!important;}
.property-item a img {width:100%;}
.property-details {font-size:16px;flex-direction:column;}
.property-detail-item {width:100%!important;}
#properties-list > div > div > a > div > div:nth-child(2), #properties-list > div > div > a > div > div:nth-child(4) {display:flex;justify-content: start;}
}

@media (min-width: 768px)and (max-width:1024px)  {
.employee-filter {align-items: center;justify-content: center;}
.employee-group {width:30%!important;}
.employee-card {width:100%!important;}
#properties-list {width:100%!important;}
.properties-container {grid-template-columns: repeat(2, 1fr)!important;}
}
.prices-container {flex-direction:column;}
.price-byn {color: #ab2222;}
.price-usd  {
    font-size: 13px;
    color: grey;
}
.properties-container {
    display: flex;
    flex-wrap: wrap;
}
.property-item {background-color: #eeeeee;width:100%;margin: 10px 20px;padding:10px;}
.property-link {
        color:#000!important;
    }
.property-item a {line-height: 7px;}
.property-link:hover {
        color:#272727!important;
    }
.property-link {line-height:7px;}
.property-link h2 {font-size:18px;}
.property-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.property-detail-item {
    width: calc(50% - 10px); /* две колонки с учетом отступа */
    box-sizing: border-box;
}

.search-form {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 10px;
        margin: 20px 0;
    }
    .search-input,
    .search-select,
    .search-button {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        height: 40px;
        width: 100%; /* Поля на всю ширину контейнера */
        box-sizing: border-box; /* Учитывать паддинг и бордер в ширине */
    }
    .search-button {
        
        color: white;
        cursor: pointer;
    }

    .checkbox-group {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .price-container,
    .area-container,
    .kitchen-area-container,
    .year-built-container,
    .commercial-type-container {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 5px 0;
    }
    
    .floor-type-container {
        padding: 7px 0;
    }
    .range-label {
        display: flex;
        flex-direction: column;
        /*margin-right: 10px;*/
        color: #fff;
        /*padding-bottom: 7px;*/
    }
    .multi-select {
        width: 100%; /* Ширина для мультивыбора */
        height: auto;
        overflow-y: auto;
    }
    .price-div,
    .area-div,
    .year-built-div,
    .kitchen-area-div,
    .live-area-div,
    .land-area-div,
    .total-floor-cont,
    .total-floor-cont,
    .floor-range-cont {
        display: flex;
        width: 100%; /* Ширина для элементов */
        gap: 10px; /* Отступы между полями */
    }
    .custom-dropdown {
        position: relative;
        width: 100%; /* ширина дропдауна */
    }
    .dropdown-label {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
        color: #000;
        background-color: white;
    }
    .dropdown-options {
        display: none;
        position: absolute;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 100%;
        z-index: 1;
    }
    .dropdown-options label {
        display: flex;
        align-items: center; /* Вертикальное выравнивание текста и чекбокса */
        padding: 5px;
        cursor: pointer;
    }
    .dropdown-options label input {
        margin-right: 5px;
        accent-color: #000; /* Цвет чекбоксов при выборе */
        width: 20px; /* Ширина чекбоксов */
        height: 20px; /* Высота чекбоксов */
    }

.location-title, .rooms-title, #floor-filter {width:100%;color:#fff;}
#filter-form label {color:#fff; padding-bottom: 5px;}
#price-filter p {color:#fff;}
.floor-range-cont, .total-floor-cont, .live-area-div, .land-area-div {display:flex;}

.#floor-filter span {
    padding-top: 5px;
}

#floor-wrap {width:100%;display: flex;}
.floor-type-1, .floor-type-2 {width:50%;}
.floor-title.dropdown-label {width:100%;}
.floor-type-1 label, .floor-type-2 label {display: flex;align-items: center;}
.floor-type-1 label input, .floor-type-2 label input {width:20px;height:20px;margin-right:5px;}

    .floor-title
    .repair-condition-title,
    .living-condition-title,
    .wall-material-title, .lot_number {
        color: #000; 
        padding-bottom: 7px; 
        width: 100%; 
    }
/* Скрываем блок с фильтрами на мобильных */
@media (max-width: 768px) {
    .search-form {padding-top:0!important;}
    #estate-filter {
        display: block; /* Убедитесь, что блок остается блоком */
        position: fixed;
        top: -10px;
        left: -100%; /* По умолчанию блок скрыт слева */
        width: 80%; /* Ширина фильтра на экране */
        height: 100%;
        background-color: white;
        z-index: 9999;
        transition: left 0.3s ease; /* Анимация при появлении */
        overflow-y: auto; /* Чтобы фильтры прокручивались при необходимости */
        padding-bottom:20px;
    }
    .floor-title.dropdown-label {width:100%;}
    #properties-list {
        width:100%!important;
        font-family: 'Montserrat'!important;
        display: flex!important;
        font-size: xx-large!important;
        justify-content: center!important;
    }
    .property-item {width:100%;}
	.rooms-title, .location-title, .rooms-title, .price-container div span, .area-container div span, .kitchen-area-container div span, .year-built-container div span {color:#fff!important;}
	.search-form {padding-top:20px;}
	.search-button {color:#000;}
    /* Стили для кнопки закрытия фильтра */
    #close-filter {
        display: block !important;
        position: absolute;
        top: -25px;
        right: -8px;
        /* border: 1px solid #000 !important; */
        color: #fff !important;
        float: right;
        border-radius: 5px;
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 22px;
    }
    
}

    #close-filter {display:none;}

#checkboxes > label {
    color: #fff !important; /* Белый цвет текста для чекбоксов */
}
#checkbox-option {
    display: none; 
}
#district-select {margin-top: 10px;}
.district-title {
    color: #fff;
    padding-bottom: 7px;
}

.range-label > label {padding-bottom:5px;}

 .district-select-container {
        position: relative;
        display: inline-block;
    }
    
    .district-select {
        width: 200px;
        padding: 10px;
        border: 1px solid #ccc;
        cursor: pointer;
        border-radius: 4px;
    }
    
    .district-options {
        display: none;
        top: 100%;
        left: 0;
        z-index: 1;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 10px;
        max-height: 200px;
        overflow-y: auto;
    }
    
    .district-options label {
        display: block;
        margin: 5px 0;
    }
    #district-select {border-radius:4px;}
    #district-select label input {margin-right: 5px;
    accent-color: #000;
    width: 20px;
    height: 20px;}
        #district-select label {display:flex;}
        #district-container label, .current-floor-checkboxes span, .conveniences-container span {color:#fff;margin-bottom:8px;}
        .conveniences-container > div label {font-size:12px;}
        
.fa-solid, .fas {margin-right:10px;}
#wall-material-selection, #floor-selection {color:#858585;}
.property-item a {color:#000;}
#filter-buttons {display:flex;gap:10px;}
#price-filter {width:100%;}
#search-button, #reset-filters  {
    color: #fff;
    border: 1px solid #fff;
}
#search-button:hover, #reset-filters:hover  {
background:#494949;
}
.property-item a {color:#000;}
#checkbox-div {width:100%;display:flex;flex-wrap: wrap;margin-top:8px;}
#checkbox-div > label {width:50%;display: flex;align-items: center;}
#checkbox-div > label input {width:20px;height:20px;margin-right: 5px;}
#filter-form > div:nth-child(2) > label {
    padding-top: 12px;
}
.no-object {
        width:100%!important;
        font-family: 'Montserrat'!important;
        display: flex!important;
        font-size: xx-large!important;
        justify-content: center!important;
    }
.floor-div, .total-floors-div {display:flex;gap:10px;}
/*Чекбоксы*/
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

/* Стили для отмеченного состояния */
input[type="checkbox"]:checked {
  background-color: #262626; /* Цвет фона для отмеченного чекбокса */
  border-color: #fff;
}

/* Добавляем галочку с помощью псевдоэлемента */
input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  top: 2px;
  left: 7px;
}
select.search-select:hover {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

}
.type-management-container, .wall-material-container, .ownership-rights-container {width:100%;}
/* Мобильные фильтры, стили для фильтра (оверлея) */
#filters-container {
  display: none; /* по умолчанию скрыт */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* занимает всю высоту экрана */
  overflow-y: auto; /* позволяет прокручивать содержимое фильтра */
  -webkit-overflow-scrolling: touch; /* для плавной прокрутки на iOS */
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  padding: 20px;
}
/* Когда добавлен класс visible – оверлей показывается */
#filters-container.visible {
  display: block;
  background: #464646;
}
#close-filter {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

/* Блокировка прокрутки страницы, когда фильтр открыт */
body.no-scroll {
  overflow: hidden;
}

/* На планшетах и десктопах фильтр можно сделать всегда видимым */
@media (min-width: 768px) {
  #filters-container {
    display: block !important;
    position: static;
    height: auto;
    background-color: transparent;
    padding: 0;
  }
  
  #close-filter {
    display: none;
  }
}

/* Сотрудники */
/* Стили для кнопок фильтра */
.employee-filter {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    gap: 10px;
    overflow-x: auto; /* Добавляем горизонтальную прокрутку */
    -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
    flex-wrap: nowrap; /* Фильтры в одну строку */
}

/* Стиль для кнопок фильтров */
.filter-button {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* Стиль для активной кнопки фильтра */
.filter-button.active, .filter-button:hover {
    background-color: #BF9E77;
    color: #fff;
    border-color: #a68154;
}

/* Основной контейнер для списка сотрудников */
.employee-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Расстояние между карточками */
    margin: 0 auto; /* Центрирование списка */
}

/* Контейнер для каждой группы сотрудников (на всю ширину) */
.employee-group {
    width: 23%; /* Занимает всю доступную ширину */
    display: flex; /* Включаем флекс для выстраивания карточек */
    flex-wrap: wrap; /* Разрешаем перенос карточек на следующую строку */
    gap: 20px; /* Отступ между карточками */
}

/* Стиль карточки сотрудника */
.employee-card {
    min-height: 275px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 100%; /* 4 карточки в строке на ПК */
    box-sizing: border-box; /* Чтобы паддинги не увеличивали ширину */
    margin-bottom: 20px; /* Отступ снизу для каждой карточки */
}

/* Медиазапрос для планшетов (2 карточки в строке) */
@media (max-width: 1024px) {
    .employee-card {
        width: 48%; /* 2 карточки в строке на планшетах */
    }
}

/* Медиазапрос для мобильных устройств (1 карточка в строке) */
@media (max-width: 768px) {
    .employee-card {
        width: 100%; /* 1 карточка на мобильных устройствах */
    }
    .employee-group {
        width:46%;
        }
    .employee-info h3 {
        font-size: 4vw!important;
    margin-bottom: 10px;
}
    .employee-info p {
        font-size:12px;
    }
    .employee-info a {font-size:13px;}
}

/* Стиль для изображения сотрудника */
.employee-card img {
    width: 200px;
    height: 300px;
    object-fit: cover;
    margin-bottom: 10px;
    object-position: top;
}

/* Название сотрудника */
.sfc-name {
    font-weight: bold;
    margin: 10px 0;
}

/* Позиция сотрудника */
.sfc-posit {
    font-size: 0.9em;
    color: #666;
}

/* Стиль для телефона сотрудника */
.sfc-phone a {
    text-decoration: none;
    color: #0073e6;
    font-weight: bold;
}

/* Заголовок информации о сотруднике */
.employee-info h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
body > div.eael-offcanvas-container.eael-offcanvas-container-f013369 > div.elementor.elementor-935.elementor-location-header > div > div > div > div.elementor-element.elementor-element-82e918c.e-flex.e-con-boxed.e-con.e-child > div > div.elementor-element.elementor-element-f013369.elementor-widget-mobile__width-auto.elementor-widget.elementor-widget-eael-offcanvas > div > div > div > div > span.eael-offcanvas-toggle-icon.fas.fa-bars::before {display:none;}


.employee-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.employee-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.employee-card:hover {
  transform: scale(1.05);
}

.employee-card:hover::before {
  opacity: 1;
}
.filter-button.active, .filter-button:hover {color:#fff!important;}
.filter-button {color:#BF9E77!important;}

.employee-card {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden; /* Чтобы треугольник не вылазил за границы блока */
}

.employee-card::after {
    content: '';
    transform: rotate(353deg);
    position: absolute;
    bottom: -19px;
    left: -133px;
    width: 434px;
    height: 218px;
    background: linear-gradient(to top right, transparent 50%, white 50%);
    z-index: 4;
    pointer-events: none;
}

.employee-card img {
    width: 100%; /* Адаптивное изображение */
    display: block;
    position: relative;
    z-index: 2; 
    
}

.employee-info {
    position: relative;
    z-index: 999; 
    padding: 10px;
    background: rgba(255, 255, 255, 0.8); /* Фон для читаемости текста */
}
.employee-info h3 {
    position: relative;
    margin-bottom: 10px; /* Расстояние между заголовком и полоской */
    padding-bottom:15px; /* Для создания пространства перед полоской */
    font-size: 1.3rem; 
}

.employee-info h3::after {
    content: '';
    position: absolute;
    transform: translateX(50%);
    bottom: 0;
    left: 0;
    width: 50%; /* Ширина полоски (можно изменить на 100%, если нужна на всю ширину текста) */
    height: 2px; 
    background-color: #BF9E77; /* Цвет полоски */
}
.branches-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.branch-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.branch-content {
    display: flex;

    width: 100%;
}

.branch-info {
    flex: 0 0 30%;
    max-width: 30%;
}
.branch-info ul  {
    padding-left:0;
}
.branch-info ul li {
    list-style:none;
}

.branch-map {
    width: 100%;
    height: 450px!important; /* Задайте нужную высоту */
}
.ymaps-2-1-79-map {
    height:450px!important;
}
.branch-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.branch-messengers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.branch-messengers p {
    display: flex;
    gap:10px;
}
.messenger-icon {
    font-size: 35px;
    color: #555;
    text-decoration: none;
    transition: color 0.3s;
}

.messenger-icon:hover {
    color: #000;
}


@media (max-width: 768px) {
    .branch-info,
    .branch-map {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.tabs-header {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #ddd;
}

.tab-header {
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius:3px;
    background: #fff!important;
    margin-right: 5px;
    transition: background 0.3s;
    color: #A48866!important;
}
 .tab-header:hover {
     background-color: #BF9E77!important;
     color: #fff!important;
     border-color: #a68154;
 }
.tab-header.active
 {
    background: #A48866!important;
    font-weight: bold;
    color: #fff!important;
    border-color: #a68154!important;
}

.tabs-content {
    border: 1px solid #ddd;
    padding: 20px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
.ymaps-2-1-79-controls-pane {position: revert!important;}