@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*!*
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*!*/

@import url(/include/css/stranicy.css);
@import url(/include/css/fancybox.css);
@import url(/include/css/animate.css);

/*!*
фон вёртки — background-color: rgba(0,86,150,0.2);
зелёный — color: rgba(121,181,28,1.0);
зелёный (тёмный) — background-color: rgba(103,156,23,1.0);
синий — color: rgba(3,42,111,1.0);
чёрный — color: rgba(30,33,41,1.0);
цвет подсказок и границ input — color: rgba(164,172,176,1.0);
*!*/

/* (c) студия "EVERNICE" | evernice.ru */

/*!* Стили для IE *!*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}

/*!* Основные стили *!*/

@media screen {
* {border: 0; padding: 0; margin: 0; box-sizing: border-box;}
*:link, *:hover, *:visited, *:visited:hover, *:focus, * {outline: none !important; ie-dummy: expression(this.hideFocus=true); noFocusLine: expression(this.onFocus=this.blur()); -webkit-tap-highlight-color: rgba(30,33,41,0.0); -webkit-tap-highlight-color: transparent;}

html {min-height: 100%; display: flex; flex-direction: column; background-color: rgba(255,255,255,1.0);}
body {min-height: 100vh; min-height: calc( (var(--vh, 1vh) * 100) ); font-family: 'Montserrat', sans-serif; color: rgba(30,33,41,1.0); font-weight: 400; font-style: normal; text-align: left; position: relative; overflow: visible; display: flex; align-content: center; align-items: center; justify-content: flex-start; flex-direction: column; flex: auto;}
body.en_nav {overflow: hidden;}
body.en_nav:after {width: 100%; height: 100%; background-color: rgba(72,89,98,0.82); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 100;}

img {font-size: 70%; color: rgba(30,33,41,1.0); display: block;}

a {color: inherit; text-decoration: none; border-bottom: 1px solid; transition: 0.25s ease;}
a:visited {color: inherit;}
a:hover {color: inherit; text-decoration: none;}
[href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:visited {color: rgba(30,33,41,1.0); text-decoration: none; border-bottom: none; white-space: nowrap;}

.en_knopka_sayta, .en_wyslac {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; color: rgba(255,255,255,1.0); font-weight: 600; text-align: center; text-decoration: none; text-transform: uppercase; border: 2px solid rgba(121,181,28,1.0); padding: 10px 37px; background-color: rgba(121,181,28,1.0); position: relative; overflow: visible; display: flex; cursor: pointer; transition: 0.3s ease;}
.en_knopka_sayta:hover, .en_wyslac:hover {color: rgba(121,181,28,1.0); border: 2px solid rgba(121,181,28,1.0); background-color: transparent;}
/*.en_knopka_sayta:visited, .en_wyslac:visited {color: rgba(255,255,255,1.0);}*/

.nobr {white-space: nowrap;}
}

/*!* Заголовок сайта *!*/

@media screen {
header {padding: 30px; position: absolute; top: 0; left: 0; overflow: visible; display: flex; flex-wrap: wrap; z-index: 102;}

header > .en_logotip {margin: 0 30px; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
header > .en_logotip a {width: 100%; border-bottom: none;}
header > .en_logotip img {width: auto; height: 60px;}
}

@media screen and (max-width: 1190px) {
header > .en_logotip {margin: 10px 30px;}
header > .en_logotip img {height: 40px;}
}

@media screen and (max-width: 1120px) {
header {padding: 10px 30px; z-index: 2;}
}

@media screen and (max-width: 1024px) {
header {padding: 10px 20px;}

header > .en_logotip {margin: 10px 20px;}
}

@media screen and (max-width: 480px) {
header {padding: 10px;}

header > .en_logotip {margin: 10px;}
}

/*!* Меню сайта *!*/

/*
Меню + доп. меню "скрываются" при 1120 пикс.
*/

@media screen {
.en_openmenu {width: 40px; height: 40px; background-image: url(/images/icons/navigaciya/menu_otkryt.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; background-color: rgba(121,181,28,1.0); border-radius: 40px; position: fixed; top: 20px; right: 60px; overflow: hidden; display: none; align-self: center; cursor: pointer; z-index: 2;}
.en_closemenu {width: 40px; height: 40px; background-image: url(/images/icons/navigaciya/menu_zakryt.svg); background-position: center; background-repeat: no-repeat; background-size: 16px; background-color: rgba(121,181,28,1.0); border-radius: 40px; margin: 15px; position: relative; overflow: hidden; display: none; align-self: flex-start; cursor: pointer; z-index: 2;}

nav {width: 100%; padding: 0 20px; position: absolute; top: 40px; right: 30px; overflow: visible; display: flex; align-self: center; flex: 1; z-index: 101;}
nav > div {width: 100%; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}

nav > div > ul {position: relative; overflow: visible; display: flex; justify-content: flex-end; flex: 1;}
nav > div > ul a, nav > div > ul a:link, nav > div > ul a:hover, nav > div > ul a:visited {color: rgba(255,255,255,1.0); position: relative; overflow: visible; display: flex; white-space: nowrap; transition: none;}
nav > div > ul > li {position: relative; overflow: visible; display: flex;}
nav > div > ul > li > p {font-size: 14px; line-height: 20px; font-weight: 600; cursor: pointer;}
nav > div > ul > li:nth-last-of-type(2) > p {background-color: rgba(121,181,28,1.0); margin: 0 10px;}
nav > div > ul > li:nth-last-of-type(2):hover > p {background-color: rgba(255,255,255,1.0);}
nav > div > ul > li > p > a {text-decoration: none; text-transform: uppercase; padding: 10px 9px; border-bottom: none;}
nav > div > ul > li:nth-last-of-type(2) > p > a {padding: 10px 19px;}
nav > div > ul > li:hover > p > a {text-shadow: 0 2px 3px rgba(30,33,41,0.55);}
nav > div > ul > li:nth-last-of-type(2):hover > p > a {color: rgba(121,181,28,1.0); text-shadow: none;}

nav > div > ul > li > ul {width: auto; min-width: 100%; background-image: url(/images/icons/navigaciya/menu_arrow.svg); background-position: 24px 0; background-repeat: no-repeat; background-size: 12px auto; position: absolute; top: 35px; left: -10px; overflow: visible; display: none; flex-direction: column; flex-wrap: wrap;}
nav > div > ul > li > ul a, nav > div > ul > li > ul a:link, nav > div > ul > li > ul a:hover, nav > div > ul > li > ul a:visited {color: rgba(30,33,41,1.0);}
nav > div > ul > li > ul > li {background-color: rgba(255,255,255,1.0); padding: 10px 19px; position: relative; overflow: visible; display: flex; justify-content: flex-start; flex: 1; box-shadow: 0 6px 6px rgba(39,39,39,0.325);}
nav > div > ul > li > ul > li:first-of-type {margin: 16px 0 0; padding: 30px 19px 10px;}
nav > div > ul > li > ul > li:last-of-type {padding: 10px 19px 28px;}
nav > div > ul > li > ul > li > p {font-size: 13px; line-height: 14px; font-weight: 400; padding: 0 0 5px; margin: -5px 0 -3px;}
nav > div > ul > li > ul > li > p > a {border-bottom: 1px solid rgba(30,33,41,0.6);}
nav > div > ul > li > ul > li > p > a:hover {opacity: 0.8;}
}

@media screen and (max-width: 1120px) {
.en_openmenu {display: block;}
.en_closemenu {display: block;}

nav {width: 100%; max-width: 340px; height: 100%; background-color: rgba(255,255,255,1.0); padding: 0; position: fixed; top: 0; right: -100%; display: none; align-self: flex-start; overflow-y: auto; animation-name: menuClose; animation-duration: 1.0s;}
nav.open {right: 0; animation-name: menuOpen; animation-duration: 0.8s;}
nav.close {right: -100%; animation-name: menuClose; animation-duration: 1.0s;}
nav > div {align-content: flex-start; flex: 1;}

nav > div > ul {width: 100%; margin: 31px 0 5px; flex-direction: column; justify-content: flex-start; flex: none;}
nav > div > ul a, nav > div > ul a:link, nav > div > ul a:hover, nav > div > ul a:visited {color: rgba(30,33,41,1.0); display: inline; white-space: normal;}
nav > div > ul > li {margin: 0 15px 16px 30px; justify-content: flex-start; flex-direction: column;}
nav > div > ul > li > p {padding: 0 0 10px;}
nav > div > ul > li:nth-last-of-type(2) > p, nav > div > ul > li:nth-last-of-type(2):hover > p {background-color: transparent; margin: 0;}
nav > div > ul > li > p > a, nav > div > ul > li:nth-last-of-type(2) > p > a {border-bottom: 1px solid rgba(30,33,41,0.6); padding: 0;}
nav > div > ul > li:hover > p > a {text-shadow: none;}
nav > div > ul > li:nth-last-of-type(2):hover > p > a {color: rgba(30,33,41,1.0);}

nav > div > ul > li > ul {background-image: none; position: relative; top: 0; left: 0; display: none;}
nav > div > ul > li > ul a, nav > div > ul > li > ul a:link, nav > div > ul > li > ul a:hover, nav > div > ul > li > ul a:visited {color: rgba(30,33,41,1.0);}
nav > div > ul > li > ul > li, nav > div > ul > li > ul > li:first-of-type, nav > div > ul > li > ul > li:last-of-type {background-color: transparent; padding: 10px 0 10px 15px; margin: 0; box-shadow: none;}
nav > div > ul > li > ul > li > p > a {border-bottom: 1px solid rgba(30,33,41,0.6);}
nav > div > ul > li > ul > li a:hover {opacity: 1.0;}
}

@media screen and (max-width: 1024px) {
.en_openmenu {right: 40px;}
}

@media screen and (max-width: 480px) {
.en_openmenu {top: 20px; right: 20px;}
}

@keyframes menuOpen {
from {right: -100%;}
to {right: 0;}
}

@keyframes menuClose {
from {right: 0;}
to {right: -100%;}
}

/*!* КОНТЕНТ — общие стили *!*/

/*
Отступы контента по ширине: по умолчанию должно быть 60 пикс., при ширине рабочей области браузера в 1024 пикс. — 40, при ширине рабочей области браузера в 480 пикс. — 20.  Максимальная ширина отображения контента — 1400 пикс.
Отступы контента по высоте: по умолчанию должно быть 60 пикс., при ширине рабочей области браузера в 1024 пикс. — 40. Для всех блоков отступ указывается по верхнему краю.
Максимальная ширина отображения контента — 1500 пикс.
Заголовоки уменьшаем при ширине рабочей области браузера в 1024 пикс. и 480 пикс. (см. "хлебные крошки").
*/

@media screen {
main {width: 100%; position: relative; overflow: visible; display: flex; align-content: center; align-items: center; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; flex: auto; z-index: 1;}

main h1, main h2 {font-size: 38px; line-height: 39px; font-weight: 500; text-transform: uppercase; margin: -7px -3px -6px;}
main h3, main h4, main h5 {font-size: 28px; line-height: 30px; font-weight: 300; text-transform: uppercase; margin: -5px 0;}
main h6 {font-size: 20px; line-height: 25px; color: rgba(121,181,28,1.0); font-weight: 500; text-transform: uppercase; margin: -4px 0 -6px;}

main mark {color: inherit; background-color: rgba(215,221,224,1.0); padding: 0 5px 0 4px;}

main strong {font-weight: 600;}

main a {color: rgba(27,134,192,1.0);}
main a:visited {color: rgba(85,26,139,1.0);}
main a:hover {color: rgba(121,181,28,1.0);}

main ul, main ol {margin: -6px 0 6px 20px; display: flex; flex-direction: column; list-style: none; list-style-image: none; list-style-type: none; list-style-position: outside; counter-reset: li;}
main ul.en_nostyle, main ol.en_nostyle {}
main ul.en_strong, main ol.en_strong {font-weight: 500;}
main ul.en_notab, main ol.en_notab {margin-left: 0;}
main h3 + ul, main h3 + ol {margin: -11px 0 6px 20px;}
main p + ul, main p + ol {margin: -6px 0 -16px 20px;}
main ul + p, main ol + p {padding: 22px 0 0;}
main ul > li, main ol > li {font-size: 15px; line-height: 22px; margin: 6px 0 -6px;}
main ul.en_strong > li, main ol.en_strong > li {list-style: decimal; list-style-type: decimal;}
main ol > li:before {counter-increment: li; content: counters(li,".") ". ";}
main ul > li:before {counter-increment: li; content: "\2022\0020";}
main ul.en_strong > li:before, main ol.en_strong > li:before, main ul.en_nostyle > li:before, main ol.en_nostyle > li:before {counter-increment: inherit; content: "";}
main ul.en_strong > li > ul, main ol.en_strong > li > ul, main ul.en_strong > li > ol, main ol.en_strong > li > ol {margin-left: 0;}

main table {border: 0; border-collapse: collapse;}
main table td {vertical-align: top;}

main > .en_kontent_blok {width: calc( 100% - 30px*2 ); max-width: 1440px; margin: 0 30px; position: relative; overflow: visible; display: flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap;}
main > .en_kontent_blok > .en_kontent {width: 100%; margin: 60px 0 0; position: relative; overflow: visible; display: flex; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}

main > .en_kontent_blok .en_dopmenyu {width: calc( 100% - 30px*2 ); max-width: 240px; min-width: 240px; margin: 60px 30px 0; position: sticky; top: 60px; overflow: visible; display: flex; flex-direction: column; flex-wrap: wrap;}
main > .en_kontent_blok .en_dopmenyu.filtr {margin-top: -53px; order: 3;}
main > .en_kontent_blok .en_dopmenyu > p {width: 100%; font-size: 15px; line-height: 21px; font-weight: 600; text-transform: uppercase; margin: -6px 0 15px; align-self: flex-start;}
main > .en_kontent_blok .en_dopmenyu > p:last-of-type {margin: -6px 0 -5px;}
main > .en_kontent_blok .en_dopmenyu > p > a {color: rgba(121,181,28,1.0);}
main > .en_kontent_blok .en_dopmenyu > p > a:hover {color: rgba(30,33,41,1.0);}
}

@media screen and (max-width: 1280px) {
main > .en_kontent_blok .en_dopmenyu.filtr {max-width: inherit; min-width: inherit; margin-top: 60px; position: relative; top: inherit; order: 1;}
}

@media screen and (max-width: 1120px) {
main > .en_kontent_blok .en_dopmenyu {display: none;}
main > .en_kontent_blok .en_dopmenyu.filtr {display: flex;}
}

@media screen and (max-width: 1024px) {
main h1, main h2 {font-size: 28px; line-height: 30px; margin: -5px -3px -5px;}

main > .en_kontent_blok {width: calc( 100% - 20px*2 ); margin: 0 20px;}
main > .en_kontent_blok > .en_kontent {margin: 40px 0 0;}

main > .en_kontent_blok .en_dopmenyu {width: calc( 100% - 20px*2 ); margin: 40px 20px 0;}
main > .en_kontent_blok .en_dopmenyu.filtr {margin-top: 40px;}
}

@media screen and (max-width: 980px) {
main ul, main ol {margin: -6px 0 6px;}
main h3 + ul, main h3 + ol {margin: -11px 0 6px;}
main p + ul, main p + ol {margin: -6px 0 -16px;}
main ul.en_strong > li, main ol.en_strong > li, main ul.en_strong > li, main ol.en_strong > li {margin-left: 18px;}
main ul.en_strong > li > ul, main ol.en_strong > li > ul, main ul.en_strong > li > ol, main ol.en_strong > li > ol {margin-left: -18px;}
}

@media screen and (max-width: 480px) {
main h1, main h2, main h3, main h4, main h5 {font-size: 20px; line-height: 21px; margin: -2px 0 -4px;}
main h6 {font-size: 16px; line-height: 20px; margin: -2px 0 -5px;}

main > .en_kontent_blok {width: calc( 100% - 10px*2 ); margin: 0 10px;}

main > .en_kontent_blok .en_dopmenyu {width: calc( 100% - 10px*2 ); margin: 40px 10px 0;}
}

/*!* Хлебные крошки и заголовки страницы *!*/
		
@media screen {
.en_khlebnye_kroshki {width: calc( 100% - 30px*2 ); margin: 0 30px; position: relative; overflow: visible; display: flex; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}

.en_khlebnye_kroshki > .en_bubble {font-size: 19px; line-height: 26px; color: rgba(255,255,255,1.0); border-radius: 4px; background-color: rgba(121,181,28,1.0); padding: 13px 29px 15px; margin: -10px 0 40px; position: relative; overflow: visible; display: inline-block;}
.en_khlebnye_kroshki > .en_bubble:before {width: 50%; height: 30px; background-image: url(/images/bg/bubble.png); background-position: 0 bottom; background-repeat: no-repeat; background-size: auto 30px; margin: 0; position: absolute; top: -28px; left: 30px; content:''; z-index: 1;}
.en_khlebnye_kroshki > .en_bubble > strong {text-transform: uppercase;}
.en_khlebnye_kroshki > .en_bubble > a {color: rgba(255,255,255,1.0);}
.en_khlebnye_kroshki > .en_bubble > a:hover {opacity: 0.6;}

.en_khlebnye_kroshki > ul {margin: 0; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; z-index: 2;}
.en_khlebnye_kroshki > ul *, .en_khlebnye_kroshki ul *:link, .en_khlebnye_kroshki ul *:hover, .en_khlebnye_kroshki ul *:visited {color: rgba(30,33,41,1.0);}
.en_khlebnye_kroshki > ul > li {font-size: 13px; line-height: 17px; padding: 0 0 10px; margin: -6px 0 -4px;}
.en_khlebnye_kroshki > ul > li > a {border-bottom: 1px solid rgba(30,33,41,0.5); white-space: normal; opacity: 0.5;}
.en_khlebnye_kroshki > ul > li > a:hover {border-bottom: 1px solid rgba(30,33,41,1.0); opacity: 1.0;}
.en_khlebnye_kroshki > ul > li:last-of-type > a {opacity: 1.0;}
.en_khlebnye_kroshki > ul > li:after {font-size: 14px; color: rgba(30,33,41,1.0); margin: 0 6px; opacity: 0.5; content: "\002F";}
.en_khlebnye_kroshki > ul > li:before {content: none;}
.en_khlebnye_kroshki > ul > li:last-of-type:after {margin: 0; content: "";}

.en_khlebnye_kroshki > .en_zagolovok {width: 100%; position: relative; overflow: visible; display: flex; flex-direction: row; flex-wrap: wrap; z-index: 1;}
.en_khlebnye_kroshki > .en_zagolovok > h1 {color: rgba(121,181,28,1.0); padding: 10px 0 0; flex: 1;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki {margin: 2px 0 -5px; position: relative; overflow: visible; display: flex; flex-direction: row; flex-wrap: nowrap;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki > .en_knopka_sayta {color: rgba(255,255,255,1.0); margin: 0 0 0 30px;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki > .en_knopka_sayta:hover {color: rgba(121,181,28,1.0);}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki > .en_knopka_sayta.en_obvodka {color: rgba(121,181,28,1.0); background-color: transparent;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki > .en_knopka_sayta.en_obvodka:hover {color: rgba(255,255,255,1.0); background-color: rgba(121,181,28,1.0);}
}

@media screen and (max-width: 1120px) {
.en_khlebnye_kroshki > .en_zagolovok {flex-direction: column;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki {margin: 20px 0 3px; flex-wrap: wrap;}
.en_khlebnye_kroshki > .en_zagolovok > .en_knopki > .en_knopka_sayta {margin: 20px 40px 0 0;}
}

@media screen and (max-width: 1024px) {
.en_khlebnye_kroshki {width: calc( 100% - 20px*2 ); margin: 0 20px;}

.en_khlebnye_kroshki > .en_bubble {font-size: 17px; line-height: 24px; padding: 11px 14px 14px; margin: 0 0 40px;}
}

@media screen and (max-width: 480px) {
.en_khlebnye_kroshki {width: calc( 100% - 10px*2 ); margin: 0 10px;}

.en_khlebnye_kroshki > .en_bubble {font-size: 15px; line-height: 22px; padding: 10px 14px 12px;}
}

/*!* Фильтр проектов *!*/

@media screen {
.en_filtr_proektov {width: 100%; position: relative; overflow: visible; display: flex; justify-content: flex-start; flex-direction: column; flex-wrap: wrap;}

.en_filtr_proektov > p {font-size: 19px; line-height: 27px; color: rgba(121,181,28,1.0); font-weight: 600; text-transform: uppercase; margin: -7px 0; align-self: flex-start;}
.en_filtr_proektov > p > ins {height: 25px; text-decoration: none; border-bottom: 0px dashed rgba(121,181,28,0.8); margin: 0; display: inline-block;}

.bx-filter {width: 100%; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
.bx-filter .bx-filter-section {width: 100%; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
.bx-filter .smartfilter {width: 100%; /* position: relative; */ overflow: visible; display: flex; flex-wrap: wrap;}
.bx-filter .smartfilter > .row {width: 100%; position: relative; overflow: visible; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}

.bx-filter-parameters-box {width: 100%; margin: 30px 0 0; position: relative; overflow: visible; display: flex; align-self: flex-start; flex-wrap: wrap;}

#en_ploshchadi {max-width: 260px;}
#en_stroeniya {max-width: 220px;}
#en_etazhi {max-width: 220px;}

.bx-filter-parameters-box-title {width: 100%; position: relative; overflow: visible; display: block;}
.bx-filter-parameters-box-title .bx-filter-parameters-box-hint {font-size: 15px; line-height: 22px; font-weight: 500; margin: -8px 0 -6px; white-space: nowrap;}
.bx-filter-parameters-box-title .bx-filter-parameters-box-hint ins {text-decoration: none;}

.bx-filter-parameters-box .bx-filter-block {width: 100%; margin: 5px 0 0; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
.bx-filter-parameters-box-container {width: 100%; position: relative; /*overflow: visible;*/ overflow: hidden; display: flex; flex-wrap: wrap;}
.bx-filter-parameters-box-container > div {width: 100%; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}

.bx-filter-parameters-box-container input[type=checkbox] {font-family: 'Montserrat', sans-serif; display: none;}
.bx-filter-parameters-box-container .checkbox {width: 100%; margin: 10px 10px 0; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
.bx-filter-parameters-box-container .bx-filter-param-label {font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 19px; font-weight: 400; padding: 0 0 0 16px; margin: -4px 0; position: relative; overflow: visible; display: flex; align-content: center; align-items: center; justify-content: center; opacity: 0.6; cursor: pointer;}
.bx-filter-parameters-box-container .bx-filter-param-label:hover {opacity: 1.0;}
.bx-filter-parameters-box-container .bx-filter-param-label.checked {color: rgba(121,181,28,1.0); opacity: 1.0;}
.bx-filter-parameters-box-container .bx-filter-param-label:after {width: 5px; height: 5px; background-color: rgba(121,181,28,1.0); margin: 0; position: absolute; top: 7px; left: 3px; display: none; content: '';}
.bx-filter-parameters-box-container .bx-filter-param-label:before {width: 9px; height: 9px; border: 1px solid rgba(30,33,41,0.6); margin: 0; position: absolute; top: 4px; left: 0; display: inline-block; content: '';}
.bx-filter-parameters-box-container input[type=checkbox]:checked + .bx-filter-param-label, .bx-filter-parameters-box-container .bx-filter-param-label.checked {color: rgba(121,181,28,1.0); opacity: 1.0;}
.bx-filter-parameters-box-container input[type=checkbox]:checked + .bx-filter-param-label:after, .bx-filter-parameters-box-container .bx-filter-param-label.checked:after {display: inline-block;}
.bx-filter-parameters-box-container input[type=checkbox]:checked + .bx-filter-param-label:before, .bx-filter-parameters-box-container .bx-filter-param-label.checked:before {border: 1px solid rgba(121,181,28,1.0);}

.bx-filter-parameters-box-container-block {width: 100%; margin: 10px 0 0; position: relative; overflow: hidden; display: flex; flex-wrap: wrap;}
.bx-filter-parameters-box-container-block > div {width: 100%; margin: 0 10px; position: relative; overflow: hidden; display: block; flex: 1;}
.bx-filter-parameters-box-container-block > span {width: 12px; height: 1px; background-color: rgba(187,165,126,1.0); align-self: center;}

.bx-filter-input-container {position: relative; overflow: hidden; display: flex;}
.bx-filter-input-container input {width: 100%; font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 22px; color: rgba(30,33,41,0.6); font-weight: 400; background-color: transparent; border: 1px solid rgba(165,166,169,1.0); padding: 1px 7px 2px 8px; box-shadow: none;}
.bx-right .bx-filter-input-container input {text-align: right;}
.bx-filter-input-container input::-webkit-input-placeholder {color: rgba(30,33,41,0.6); transition: opacity 0.1s ease;}
.bx-filter-input-container input::-moz-placeholder {color: rgba(30,33,41,0.6); transition: opacity 0.1s ease;}
.bx-filter-input-container input:-ms-input-placeholder {color: rgba(30,33,41,0.6); transition: opacity 0.1s ease;}
.bx-filter-input-container input:-moz-placeholder {color: rgba(30,33,41,0.6); transition: opacity 0.1s ease;}
.bx-filter-input-container input:focus::-webkit-input-placeholder {opacity: 0.0;}
.bx-filter-input-container input:focus::-moz-placeholder {opacity: 0.0;}
.bx-filter-input-container input:focus:-ms-input-placeholder {opacity: 0.0;}
.bx-filter-input-container input:focus:-moz-placeholder {opacity: 0.0;}

.bx-ui-slider-track-container {width: 100%; margin: 30px 0 7px; position: relative; overflow: visible; display: block;}
.bx-ui-slider-track {width: calc( 100% - 10px*2 ); height: 4px; margin: 0 10px; position: relative; overflow: visible; display: block;}

.bx-filter .bx-ui-slider-part {width: 1px; height: 1px; position: absolute; overflow: visible; display: block;}
.bx-filter .bx-ui-slider-part.p1 {left: 0;}
.bx-filter .bx-ui-slider-part.p5 {right: 0;}
.bx-filter .bx-ui-slider-part > span {width: 100px; font-family: 'Montserrat', sans-serif; font-size: 9px; line-height: 13px; color: rgba(30,33,41,1.0); font-weight: 400; margin: 0 4px 0 5px; position: absolute; top: -23px; display: block; opacity: 0.6;}
.bx-filter .bx-ui-slider-part.p1 > span {left: 0;}
.bx-filter .bx-ui-slider-part.p5 > span {text-align: right; right: 0;}

.bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v, .bx-filter .bx-ui-slider-range {/*width: 100%;*/ position: absolute; top: 0; bottom: 0; overflow: visible; display: block;}
.bx-filter .bx-ui-slider-pricebar-vd {/*width: calc( 100% - 10px*2 );*/ background: rgba(192,193,195,1.0); margin: 0 10px;z-index: 60;}
.bx-filter .bx-ui-slider-pricebar-vn {/*width: calc( 100% - 10px*2 );*/ background-color: rgba(192,193,195,1.0); margin: 0 10px; z-index: 70;}
.bx-filter .bx-ui-slider-pricebar-v {/*width: calc( 100% - 10px*2 );*/ background-color: rgba(121,181,28,1.0); margin: 0 10px; z-index: 80;}
.bx-filter .bx-ui-slider-range {/*width: 100%;*/ height: 4px; position: relative; overflow: visible; display: block; z-index: 90;}

.bx-filter .bx-ui-slider-handle {width: 1px; height: 1px; border: none; position: absolute; top: -6px; overflow: visible; display: block; transition: none; cursor: pointer;}
.bx-filter .bx-ui-slider-handle:hover {opacity: 1.0;}

.bx-filter .bx-ui-slider-handle:before {width: 10px; height: 10px; background-color: rgba(255,255,255,1.0); border-radius: 100%; position: absolute; top: 3px; display: inline-block; content: '';}
.bx-filter .bx-ui-slider-handle:after {width: 10px; height: 10px; background-color: transparent; border-radius: 100%; border: 4px solid rgba(121,181,28,1.0); position: absolute; top: -1px; display: inline-block; z-index: -1; content: '';}

.bx-filter .bx-ui-slider-handle.left:before {left: 4px;}
.bx-filter .bx-ui-slider-handle.right:before {right: 4px;}
.bx-filter .bx-ui-slider-handle.left:after {left: 0;}
.bx-filter .bx-ui-slider-handle.right:after {right: 0;}

.bx-filter .bx-ui-slider-handle:hover:before {width: 12px; height: 12px; background-color: rgba(121,181,28,1.0); top: 2px;}
.bx-filter .bx-ui-slider-handle.left:hover:before {left: 3px;}
.bx-filter .bx-ui-slider-handle.right:hover:before {right: 3px;}

.en_filtrys_knopki {width: 100%; margin: 30px 0 0; position: relative; overflow: hidden; display: flex; flex-wrap: wrap;}
.en_filtrys_knopki > .pokazat {padding: 9px 18px; transition: 0.6s ease; cursor: pointer;}
.en_filtrys_knopki > .pokazat:hover {}
.en_filtrys_knopki > .sbrosit {color: rgba(30,33,41,1.0); border: none; background-color: transparent; padding: 11px 20px; transition: 0.3s ease; cursor: pointer;}
.en_filtrys_knopki > .sbrosit:hover {opacity: 0.6;}

.bx-filter .bx-filter-popup-result {width: 100%; color: rgba(255,255,255,1.0); background-color: rgba(121,181,28,1.0); padding: 10px; position: fixed; bottom: 0; left: 0; overflow: visible; display: none; /*display: flex;*/ align-content: center; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 90; white-space: nowrap;}
.bx-filter .bx-filter-popup-result > p {font-size: 15px; line-height: 21px; font-weight: 500; margin: -8px 0 -5px;}
.bx-filter .bx-filter-popup-result > a {color: rgba(121,181,28,1.0); border: 2px solid rgba(255,255,255,1.0); background-color: rgba(255,255,255,1.0); margin: 0 0 0 20px;}
.bx-filter .bx-filter-popup-result > a:hover {color: rgba(255,255,255,1.0); background-color: transparent;}
.bx-filter .bx-filter-popup-result-close {display: none;}
}

@media screen and (max-width: 1280px) {
.bx-filter-parameters-box {width: calc( 100%/3 - ( 30px*2 )/3 ); margin: 30px 30px 0 0;}
.bx-filter-parameters-box:last-of-type {margin: 30px 0 0;}
}

@media screen and (max-width: 740px) {
.en_filtr_proektov > p {margin: -7px 0 -2px; /*display: inline-block;*/ cursor: pointer;}
.en_filtr_proektov > p > ins {border-bottom: 1px dashed rgba(121,181,28,0.8);}

.bx-filter {display: none /* flex */;}
}

@media screen and (max-width: 480px) {
.bx-filter-parameters-box {width: 100%; margin: 30px 0 0;}
}

@media screen and (max-width: 440px) {
.bx-filter .smartfilter > .row {padding: 20px 0;}

.bx-filter-parameters-box {margin: 20px 0 12px;}

.bx-filter-parameters-box-title .bx-filter-parameters-box-hint {white-space: inherit;}
}

/*!* Подвал *!*/

@media screen {
footer {width: 100%; margin: 60px 0 0; background-color: rgba(3,42,111,1.0); position: relative; overflow: visible; display: flex; justify-content: center;}
footer * {color: rgba(255,255,255,1.0);}
footer > div {width: calc( 100% - 30px*2 ); max-width: 1440px; margin: 0 30px; position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
footer > div > div {width: calc( 100%/2 - 30px*2 ); padding: 40px 0; margin: 0 30px; position: relative; overflow: visible; display: flex; align-content: flex-start; align-items: flex-start; justify-content: center; flex-direction: column; flex-wrap: wrap;}

footer > div > .en_kontakty {font-size: 13px; line-height: 17px;}
footer > div > .en_kontakty > p:nth-of-type(1) {font-weight: 500; text-transform: uppercase; margin: -4px 0;}
footer > div > .en_kontakty > p:nth-of-type(2) {font-weight: 500; padding: 10px 0 0; margin: -6px 0 -4px;}
footer > div > .en_kontakty > p:nth-of-type(3) {padding: 20px 0 0; margin: -6px 0 -4px;}
footer > div > .en_kontakty > a:nth-of-type(1) {padding: 10px 0 0; margin: -4px 0; z-index: 2;}
footer > div > .en_kontakty > a:nth-of-type(2) {padding: 10px 0 0; margin: -6px 0 -5px; z-index: 1;}
footer > div > .en_kontakty > a:nth-of-type(2):hover {opacity: 0.7;}

footer > div > .en_avtorstvo {font-size: 13px; line-height: 17px; text-align: right; align-content: flex-end; align-items: flex-end;}
footer > div > .en_avtorstvo > div {position: relative; overflow: visible; display: flex; flex-wrap: wrap;}
footer > div > .en_avtorstvo > div > a {border: none; align-self: center;}
footer > div > .en_avtorstvo > div > a:nth-of-type(2) {margin: 0 0 0 30px;}
footer > div > .en_avtorstvo > div > a > img {width: 140px;}
footer > div > .en_avtorstvo > p:nth-of-type(1) {padding: 30px 0 0; margin: -4px 0; z-index: 2; opacity: 0.8;}
footer > div > .en_avtorstvo > p:nth-of-type(2) {padding: 20px 0 0; margin: -6px 0 -4px; z-index: 1; opacity: 0.5;}
footer > div > .en_avtorstvo > p:nth-of-type(3) {padding: 10px 0 0; margin: -6px 0 -4px; z-index: 2; opacity: 0.5;}
footer > div > .en_avtorstvo > p > a:hover {opacity: 0.7;}
}

@media screen and (max-width: 1024px) {
footer {margin: 40px 0 0;}
footer > div {width: calc(100% - 20px*2 ); margin: 0 20px;}
footer > div > div {width: calc( 100%/2 - 20px*2 ); margin: 0 20px;}
}

@media screen and (max-width: 740px) {
footer > div > div {width: calc( 100% - 20px*2 ); margin: 0 20px; align-content: center; align-items: center; justify-content: flex-start;}

footer > div > .en_kontakty {text-align: center; padding: 40px 0 0;}

footer > div > .en_avtorstvo {text-align: center; padding: 30px 0 40px; align-content: center; align-items: center;}
footer > div > .en_avtorstvo > div > a > img {width: 100px;}
}

@media screen and (max-width: 480px) {
footer > div {width: calc(100% - 10px*2 ); margin: 0 10px;}
footer > div > div {width: calc( 100% - 10px*2 ); margin: 0 10px;}

footer > div > .en_avtorstvo > p:nth-of-type(3) {display: flex; align-content: center; align-items: center; flex-direction: column;}
footer > div > .en_avtorstvo > p:nth-of-type(3) > span {display: none;}
}

/*!* Заявка на дилерство *!*/

@media screen {
#stat_dilerom {width: 100%; max-width: 400px; position: relative; overflow: visible; display: none;}
#stat_dilerom > div {width: 100%;position: relative; overflow: visible; display: flex; flex-direction: column; flex-wrap: wrap;}
#stat_dilerom > div > p:nth-of-type(1) {width: 100%; font-size: 20px; line-height: 24px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 10px 0 0; margin: -5px 0;}
#stat_dilerom > div > p:nth-of-type(2) {width: 100%; font-size: 14px; line-height: 18px; text-align: center; padding: 20px 0 0; margin: -6px 0 -4px;}
#stat_dilerom > div > p:nth-of-type(2) a:hover {color: rgba(121,181,28,1.0);}
#stat_dilerom > div > .en_knopka_sayta {margin: 30px 10px 10px; align-self: center;}
}

/*!* ФОРМЫ — по кнопке "Хочу этот дом" *!*/

@media screen {
#hochu-dom {width: 100%; max-width: 400px; position: relative; overflow: visible; display: none;}
}

/*!* ФОРМЫ — по кнопке "Задать вопрос" *!*/

@media screen {
#zadat-vopros {width: 100%; max-width: 400px; position: relative; overflow: visible; display: none;}
}

/*!* ФОРМЫ — по кнопке "Поддержка" *!*/

@media screen {
#podderzhka {width: 100%; max-width: 400px; position: relative; overflow: visible; display: none;}
}

/*!* ФОРМЫ — по кнопке "Оставить заявку" *!*/

@media screen {
#zayavka {width: 100%; max-width: 400px; position: relative; overflow: visible; display: none;}
}

/*!* ФОРМЫ — общие стили *!*/

@media screen {
#formularz {width: 100%; padding: 0 0 10px; position: relative; overflow: visible; display: flex; justify-content: center; flex-wrap: wrap;}
#formularz > p:nth-of-type(1) {width: 100%; font-size: 20px; line-height: 24px; color: rgba(121,181,28,1.0); font-weight: 500; text-align: center; text-transform: uppercase; padding: 10px 0 0; margin: -5px 0;}
#formularz > p:nth-of-type(2) {width: 100%; font-size: 14px; line-height: 18px; text-align: center; padding: 20px 0 0; margin: -6px 0 -4px;}

#formularz > div {margin: 20px 10px 0; position: relative; overflow: visible; display: flex; flex-wrap: wrap; flex: 1;}
#formularz > div.required:before {width: 7px; height: 7px; background-image: url(/images/icons/form/zvezdochka.svg); background-position: center; background-repeat: no-repeat; background-size: 7px; margin: calc( ( 7px/(-2) ) - 1px ) 0 0; position: absolute; top: 50%; right: 11px; content:''; z-index: 1;}
#formularz > div.required.select:before {display: none;}
#formularz > div > .ksztalt_blad {border-color: rgba(255,0,0,1.0); /*color: rgba(255,0,0,1.0);*/}
#formularz > div > .ksztalt_blad + label {color: rgba(255,0,0,1.0);}
#formularz > div > .ksztalt_blad + label:before {border: 1px solid rgba(255,0,0,1.0);}
	.fancybox-content > #formularz > div {width: calc( 100% - 10px*2 ); flex: none;}

#formularz > div > select {width: 100%; min-width: 240px; height: auto; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; color: rgba(72,89,98,1.0); font-weight: 300; text-align: center; background-color: rgba(255,255,255,1.0); background-position: 10px center; background-repeat: no-repeat; background-size: 20px; border: 1px solid rgba(164,172,176,1.0); padding: 10px 11px 10px; position: relative; overflow: visible; display: inline-block; box-shadow: none; appearance: none;}
#formularz > .select:after {border-style: solid; border-width: 6px 5px 0 5px; border-color: rgba(72,89,98,1.0) transparent transparent transparent; margin-top: -3px; display: block; position: absolute; top: 50%; right: 10px; z-index: 1; content: ""; pointer-events: none;}
#formularz > div > select:hover, #formularz > div > select:focus {color: rgba(72,89,98,1.0); border: 1px solid rgba(72,89,98,1.0);}

#formularz > div > input, #formularz > div > textarea {width: 100%; min-width: 240px; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; color: rgba(72,89,98,1.0); font-weight: 300; text-align: center; background-color: rgba(255,255,255,1.0); border: 1px solid rgba(164,172,176,1.0); padding: 9px 1px 11px; position: relative; overflow: visible; display: flex; flex-wrap: wrap; box-shadow: none;}
#formularz > div > textarea {height: 120px; padding: 9px 13px 11px; resize: none;}
#formularz > div > input:hover, #formularz > div > input:focus, #formularz > div > textarea:hover, #formularz > div > textarea:focus {color: rgba(72,89,98,1.0); border: 1px solid rgba(72,89,98,1.0);}
	.fancybox-content > #formularz > div > input {min-width: inherit;}

#formularz > div > .en_imie {}
#formularz > div > .en_liczba {}
#formularz > div > .en_malpa {}
#formularz > input[name=captcha] {display: none;}

#formularz > div > input::-webkit-input-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > input::-moz-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > input:-ms-input-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > input:-moz-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea::-webkit-input-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea::-moz-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea:-ms-input-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea:-moz-placeholder {color: rgba(164,172,176,1.0); transition: opacity 0.1s ease;}

#formularz > div > input:focus::-webkit-input-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > input:focus::-moz-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > input:focus:-ms-input-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > input:focus:-moz-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > textarea:focus::-webkit-input-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > textarea:focus::-moz-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > textarea:focus:-ms-input-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}
#formularz > div > textarea:focus:-moz-placeholder {color: rgba(72,89,98,1.0); opacity: 0.0;}

#formularz > div > input.ksztalt_blad::-webkit-input-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > input.ksztalt_blad::-moz-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > input.ksztalt_blad:-ms-input-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > input.ksztalt_blad:-moz-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea.ksztalt_blad::-webkit-input-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea.ksztalt_blad::-moz-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea.ksztalt_blad:-ms-input-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}
#formularz > div > textarea.ksztalt_blad:-moz-placeholder {color: rgba(255,0,0,1.0); transition: opacity 0.1s ease;}

#formularz > div > label {width: 100%; position: absolute; top: -3px; overflow: visible; display: none; justify-content: center; transition: 0.1s ease;}
#formularz > div > label > span {font-family: 'Roboto', sans-serif; font-size: 9px; letter-spacing: 0.5px; line-height: 11px; color: inherit; font-weight: 400; text-transform: uppercase; background-color: rgba(255,255,255,1.0); padding: 0 5px 0 6px; margin: -2px 0; position: relative; overflow: visible; display: block; white-space: nowrap;}
#formularz > div > input:active + label, #formularz > div > input:focus + label, #formularz > div > input:not(:placeholder-shown) + label, #formularz > div > textarea:active + label, #formularz > div > textarea:focus + label, #formularz > div > textarea:not(:placeholder-shown) + label {display: flex;}

#formularz > .zgodnoscblok {width: calc( 100% - 10px*2 ); min-width: 240px; flex: none;}
#formularz > .zgodnoscblok > input[type=checkbox] {position: absolute; top: 0; left: 0; opacity: 0.0;}
#formularz > .zgodnoscblok > label {position: relative; top: 0; display: flex; justify-content: flex-start; cursor: pointer;}
#formularz > .zgodnoscblok > label:before {width: 9px; height: 9px; border: 1px solid rgba(72,89,98,1.0); position: absolute; top: -3px; opacity: 0.6; content: '';}
#formularz > .zgodnoscblok > input[type=checkbox]:checked + label:before {background-image: url(/images/icons/form/check.svg); background-position: center; background-repeat: no-repeat; background-size: 9px; background-color: rgba(72,89,98,1.0); opacity: 1.0;}
#formularz > .zgodnoscblok > label > span {font-size: 12px; letter-spacing: normal; line-height: 14px; font-weight: 300; text-transform: none; background-color: transparent; padding: 0 0 0 20px; margin: -4px 0 -3px; white-space: normal;}
#formularz > .zgodnoscblok > label > span > a {color: inherit; transition: none;}
#formularz > .zgodnoscblok > label > span > a:hover {opacity: 0.6;}

#formularz > .en_wyslac {margin: 40px 10px 0; flex: none;}
	.fancybox-content > #formularz > .en_wyslac {width: auto;}

#odpowiedz {width: 100%; height: 100%; background-color: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 999999;}
#odpowiedz > p {width: 100%; max-width: 600px; font-size: 24px; line-height: 28px; text-align: center; padding: 0 40px 4px;}
}

/*!* СЛАЙДЕРЫ — общие стили *!*/

@media screen {

/* Общие настройки */

.slick-slider {width: 100%; position: relative; overflow: hidden; display: block; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; touch-action: pan-y; -ms-touch-action: pan-y; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;}

.slick-list {height: 100%; position: relative; overflow: hidden; display: block;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-track {height: 100%; margin-right: auto; margin-left: auto; position: relative; top: 0; left: 0; overflow: hidden; display: block;}

.slick-slide {height: 100%; min-height: 1px; position: relative; overflow: hidden; display: none; float: left;}
.slick-initialized .slick-slide {display: block;}
.slick-slide.dragging img {pointer-events: none;}
.slick-slide > div {height: 100%; min-height: 1px; position: relative; overflow: hidden; display: block;}

.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);}

.slick-slider .slick-slid {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: visible; display: block; user-select: none; touch-action: pan-y;}

/* Точки навигации */

.slick-dots {width: 100%; margin: 0; position: relative; overflow: hidden; display: flex; justify-content: center; flex-direction: row; counter-reset: none; z-index: 10;}
.slick-dots > li {width: 40px; height: 13px; padding: 0; margin: 0 4px; position: relative; display: inline-block; cursor: pointer;}
.slick-dots > li:before {content: none;}
.slick-dots > li > button {width: 40px; height: 3px; font-size: 0; line-height: 0; color: transparent; text-indent: -9999px; background-color: rgba(255,255,255,0.5); border:none; outline: none; margin: 5px 0; position: relative; overflow: hidden; display: block; cursor: pointer;}
.slick-dots > li > button:hover, .slick-dots > li > button:focus, .slick-dots > li.slick-active > button {background-color: rgba(255,255,255,1.0); outline: none;}

/* Стрелки навигации */

.slick-prev, .slick-next {width: 80px; height: 80px; background-image: url(/images/icons/navigaciya/arrow_white.svg); background-position: center; background-repeat: no-repeat; background-size: 12px; background-color: rgba(72,89,98,1.0); margin: -40px 0 0; position: absolute; top: 50%; display: block; z-index: 30; cursor: pointer;}
.slick-prev {left: 40px; transform: rotate(-90deg);}
.slick-next {right: 40px; transform: rotate(90deg);}
.slick-disabled {opacity: 0.6; cursor: default;}

}

/*!* СЛАЙДЕРЫ - главная страница *!*/

@media screen {
.en_slider_index.slick-slider {height: 100%; z-index: 1;}
.en_slider_index.slick-slider .slick-slid:after {width: 100%; height: 100%; background-color: rgba(30,33,41,0.26); position: absolute; top: 0; left: 0; display: block; content:''; z-index: 2;}
.en_slider_index .slick-dots {position: absolute; bottom: 25px;}
}

@media screen and (max-width: 1024px) {
.en_slider_index .slick-dots {bottom: 15px;}
.en_slider_index .slick-dots > li {width: 30px;}
.en_slider_index .slick-dots > li > button {width: 30px;}
}

@media screen and (max-width: 480px) {
.en_slider_index .slick-dots {bottom: 5px;}
}

/*!* СЛАЙДЕРЫ - каталог проектов - иллюстрации *!*/

@media screen {
.en_proekt_foto > .proekt_detalno {margin: 0; position: relative; overflow: hidden; display: block;}

.en_proekt_foto > .proekt_detalno .slick-slid > a {width: 100%; max-height: calc( var(--vh, 1vh) * 100 ); border-bottom: none; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 10;}
.en_proekt_foto > .proekt_detalno .slick-slid > a:before {padding-top: 70%; display: block; content: ''; z-index: -1;}
.en_proekt_foto > .proekt_detalno .slick-slid > a > img {width: 0%; height: 0%; opacity: 0.0;}

.en_proekt_foto > .proekt_detalno .slick-prev, .en_proekt_foto > .proekt_detalno .slick-next {width: 80px; height: 80px; background-image: url(/images/icons/navigaciya/arrow_black.svg); background-size: 14px; background-color: rgba(255,255,255,1.0); margin: 0; top: inherit; bottom: 0;}
.en_proekt_foto > .proekt_detalno .slick-prev {right: 80px; left: inherit;}
.en_proekt_foto > .proekt_detalno .slick-next {right: 0;}

.en_proekt_foto > .proekt_detalno .slick-dots {width: 90%; margin: 0 0 0 10px; position: absolute; bottom: 15px; justify-content: flex-start;}
.en_proekt_foto > .proekt_detalno .slick-dots > li {width: 10px; height: 10px; margin: 0 5px;}
.en_proekt_foto > .proekt_detalno .slick-dots > li > button {width: 10px; height: 10px; margin: 0;}
}

@media screen and (max-width: 1024px) {
.en_proekt_foto > .proekt_detalno .slick-prev, .en_proekt_foto > .proekt_detalno .slick-next {width: 60px; height: 60px; background-size: 12px;}
.en_proekt_foto > .proekt_detalno .slick-prev {right: 60px;}
}

@media screen and (max-width: 600px) {
.en_proekt_foto > .proekt_detalno .slick-prev, .en_proekt_foto > .proekt_detalno .slick-next {width: 40px; height: 40px;}
.en_proekt_foto > .proekt_detalno .slick-prev {right: 40px;}
}

/*!* СЛАЙДЕРЫ - каталог проектов - планировки *!*/

@media screen {
.en_proekt_planirovki > .proekt_planirovki {background-color: rgba(247,240,234,1.0); margin: 0; position: relative; overflow: hidden; display: block;}
.en_proekt_planirovki > .proekt_planirovki .slick-slide {height: auto;}
.en_proekt_planirovki > .proekt_planirovki .slick-slid {/*justify-content: flex-start; flex-direction: column;*/}

.en_proekt_planirovki > .proekt_planirovki .slick-prev, .en_proekt_planirovki > .proekt_planirovki .slick-next {width: 80px; height: 80px; background-image: url(/images/icons/navigaciya/arrow_black.svg); background-size: 14px; background-color: rgba(255,255,255,1.0); margin: 0; top: inherit; bottom: 0;}
.en_proekt_planirovki > .proekt_planirovki .slick-prev {right: 80px; left: inherit;}
.en_proekt_planirovki > .proekt_planirovki .slick-next {right: 0;}

.en_proekt_planirovki > .proekt_planirovki .slick-dots {width: 90%; margin: 0 0 0 10px; position: absolute; bottom: 15px; justify-content: flex-start;}
.en_proekt_planirovki > .proekt_planirovki .slick-dots > li {width: 10px; height: 10px; margin: 0 5px;}
.en_proekt_planirovki > .proekt_planirovki .slick-dots > li > button {width: 10px; height: 10px; margin: 0;}
}

@media screen and (max-width: 1024px) {
.en_proekt_planirovki > .proekt_planirovki .slick-prev, .en_proekt_planirovki > .proekt_planirovki .slick-next {width: 60px; height: 60px; background-size: 12px;}
.en_proekt_planirovki > .proekt_planirovki .slick-prev {right: 60px;}
}

@media screen and (max-width: 600px) {
.en_proekt_planirovki > .proekt_planirovki .slick-prev, .en_proekt_planirovki > .proekt_planirovki .slick-next {width: 40px; height: 40px;}
.en_proekt_planirovki > .proekt_planirovki .slick-prev {right: 40px;}
}

/*!* СЛАЙДЕРЫ - фотогалерея *!*/

@media screen {
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-slid:after {width: 100%; height: 20%; background: linear-gradient(to top, rgba(30,33,41,0.76), rgba(30,33,41,0.0)); position: absolute; left: 0; bottom: 0; display: none; content:''; z-index: 2;}
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-slid:before {padding-top: 60%; display: block; content: ''; z-index: -1;}

.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-prev, .en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-next {width: 60px; height: 60px; background-image: url(/images/icons/navigaciya/arrow_black.svg); background-color: rgba(255,255,255,1.0); margin: 0; top: inherit; bottom: 0;}
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-prev {right: 60px; left: inherit;}
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-next {right: 0;}

.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-dots {width: 90%; margin: 0 0 0 10px; position: absolute; bottom: 15px; justify-content: flex-start;}
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-dots > li {width: 10px; height: 10px; margin: 0 5px;}
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-dots > li > button {width: 10px; height: 10px; margin: 0;}
}

@media screen and (max-width: 900px) {
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-slid:after {display: block;}
}

@media screen and (max-width: 480px) {
.en_fotogalerei > .en_fotogalereya > .en_slider_galerei .slick-slid:before {padding-top: 80%;}
}

/*!* Сервис НАВЕРХ *!*/

@media screen {
#en_scroll_top {position: absolute; right: 50px; display: none; z-index: 99;}
#en_scroll_top > div {width: 40px; height: 40px; background-image: url(/images/icons/navigaciya/arrow_white.svg); background-position: center; background-repeat: no-repeat; background-size: 12px; background-color: rgba(121,181,28,1.0); position: fixed; bottom: 100px; overflow: hidden; display: block; transition: 0.45s ease; cursor: pointer;}
#en_scroll_top > div:hover {background-color: rgba(103,156,23,1.0);}
}

/*!* Полоса прокрутки *!*/

@media screen {
::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-button {width: 0; height: 0; background-image: url(''); background-repeat: no-repeat;}
::-webkit-scrollbar-track {background-color: rgba(218,218,218,1.0);}
::-webkit-scrollbar-track-piece {background-color: transparent;}
::-webkit-scrollbar-thumb {border-radius: 0; -webkit-border-radius: 0; background-color: rgba(121,181,28,1.0);}
::-webkit-scrollbar-corner {background-color: transparent;}
::-webkit-resizer {width: 8px; height: 1px; background-image: url(''); background-repeat: no-repeat;}
}

@media screen and (max-width: 1024px) {
::-webkit-scrollbar {width: 4px; height: 4px;}
::-webkit-resizer {width: 4px;}
}

/*!* Fancybox *!*/

@media screen {
.fancybox-progress {background-color: rgba(121,181,28,1.0);}
.fancybox-thumbs__list a::before {border: 3px solid rgba(121,181,28,1.0);}
}