<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@font-face {
  font-family: "Jost";
  src: local("Jost Thin Italic"), local("Jost-ThinItalic"), url("fonts/Jost-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Italic"), local("Jost-Italic"), url("fonts/Jost-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost SemiBold Italic"), local("Jost-SemiBoldItalic"), url("fonts/Jost-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Light"), local("Jost-Light"), url("fonts/Jost-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Black Italic"), local("Jost-BlackItalic"), url("fonts/Jost-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Thin"), local("Jost-Thin"), url("fonts/Jost-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost SemiBold"), local("Jost-SemiBold"), url("fonts/Jost-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost ExtraBold Italic"), local("Jost-ExtraBoldItalic"), url("fonts/Jost-ExtraBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost ExtraLight Italic"), local("Jost-ExtraLightItalic"), url("fonts/Jost-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Medium Italic"), local("Jost-MediumItalic"), url("fonts/Jost-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost ExtraBold"), local("Jost-ExtraBold"), url("fonts/Jost-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Regular"), local("Jost-Regular"), url("fonts/Jost-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost ExtraLight"), local("Jost-ExtraLight"), url("fonts/Jost-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Bold"), local("Jost-Bold"), url("fonts/Jost-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Black"), local("Jost-Black"), url("fonts/Jost-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Medium"), local("Jost-Medium"), url("fonts/Jost-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Bold Italic"), local("Jost-BoldItalic"), url("fonts/Jost-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: local("Jost Light Italic"), local("Jost-LightItalic"), url("fonts/Jost-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/*ver-&gt;2.0std-02-08-2019*/
/*ver-&gt;2.0std-02-08-2019*/
/* ================= FORMULARZE ================ */
label {
  color: lighten #222, 10%;
  font-size: 16px;
  text-transform: none;
  margin-top: 10px;
}

span + label {
  margin-top: 0;
}

input, select, textarea, .input-placeholder {
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  height: 50px;
  line-height: 1;
}

.submit-controls {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.submit-controls &gt; div {
  width: auto;
  margin-right: 20px;
}

.submit-controls &gt; div:last-child {
  margin-right: 0;
}

.submit-area {
  display: block;
  text-align: right;
}

.submit-area .button {
  margin: 0;
}

.input-wrapper {
  padding: 0 0 10px 0;
  width: 100%;
  position: relative;
}

.form-fields-wrapper {
  margin-right: -10px;
  width: 100%;
}

.columns .form-fields-wrapper {
  width: auto;
}

/* ================= formularze nowe ================ */
/* ---- placeholdery pól ---- */
input ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  opacity: 0.4;
}
input ::-moz-placeholder, textarea ::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity: 0.4;
}
input :-ms-input-placeholder, textarea :-ms-input-placeholder { /* IE 10+ */
  color: #333;
  opacity: 0.4;
}
input :-moz-placeholder, textarea :-moz-placeholder { /* Firefox 18- */
  color: #333;
  opacity: 0.4;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-number {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  max-width: 150px;
}

.input-number input {
  width: 50px;
  text-align: center;
}

.input-number &gt; span {
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  transition: all 300ms;
}

.input-number &gt; span.down {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number &gt; span.up {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.input-number &gt; span.up:after, .input-number &gt; span.down:after {
  line-height: 1;
}

.input-number &gt; span.up:after {
  content: url("graphics/commerce/plus.png");
}

.input-number &gt; span.down:after {
  content: url("graphics/commerce/minus.png");
}

.input-number &gt; span.down:hover, .input-number &gt; span.up:hover {
  background: #eee;
}

.select-placeholder {
  color: #999999;
}

/* ----- select ----- */
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  height: 50px;
  margin: 0;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 10px;
}

.styledSelect:active, .styledSelect.active {
  background-color: #efefef;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ddd;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}

/* -- SELECT HOVER -- */
.options li:hover {
  background-color: #000;
  color: #fff;
}

/* INNY SELECT */
.select2-container .select2-selection--single {
  height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 9px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.select2-results ul, .select2-results ul li {
  text-align: left;
  margin: 0;
}

.select2-results ul li {
  padding: 9px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #111;
  color: #fff;
}

.select2-container {
  width: 100% !important;
}

/* --- input type=radio, input type=checkbox --- */
input[type=checkbox] + label, input[type=radio] + label {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  margin: 0;
  line-height: 1.5;
}

input[type=checkbox] + label::before {
  content: "&nbsp;";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: 0.2em;
  line-height: 1.1;
  color: #fff;
  font-size: 20px;
}

input[type=checkbox]:checked + label::before {
  content: url("graphics/checked-black.png");
  background: #fff;
}

input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=radio] + label::before {
  content: "&nbsp;";
  display: inline-block;
  vertical-align: 0.2em;
  width: 22px;
  height: 22px;
  max-width: 22px;
  min-width: 22px;
  margin-right: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  text-indent: 0.15em;
  line-height: 1;
  color: #000;
  font-size: 20px;
}

input[type=radio]:checked + label::before {
  content: "✓";
  background: #fff;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checklist.rodo label {
  font-size: 0.7rem;
}

.checklist.wrapper {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px 10px;
}

.checklist.wrapper &gt; label {
  margin-bottom: 10px;
}

.checklist.wrapper &gt; label:last-child {
  margin-bottom: 0;
}

/* === DISABLED === */
input[type=checkbox][disabled] + label {
  opacity: 0.8;
}

input[type=checkbox][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[type=radio][disabled] + label {
  opacity: 0.8;
}

input[type=radio][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[disabled=disabled] {
  background-color: #f0f0f0;
}

/* === swith toggle === */
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #222;
  border-radius: 20px;
  display: block !important;
}

.onoffswitch-checkbox[disabled=""] + .onoffswitch-label {
  opacity: 0.6;
  pointer-events: none;
}

.onoffswitch-label:before {
  display: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Jost, tahoma, arial, sans-serif;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #04AA6D;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #eee;
  color: #222;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 1px solid #222;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* =============== zestawy pól ============== */
.input-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.input-combo &gt; div {
  flex: 1;
  margin-right: 10px;
}

.input-combo &gt; div:last-child {
  margin-right: 0;
}

.input-combo &gt; div.post-code {
  flex: 0.5;
}

/* ================ Klasy specjalne ============= */
.question-label {
  display: block;
  margin-top: 20px;
}

span + .question-label {
  margin-top: 0;
}

/* ================ Wyszukiwarka ================== */
.simple-search-wrapper .button.search-button img {
  pointer-events: none;
}

sup {
  font-size: 0.7em;
  vertical-align: top;
  line-height: 1;
}

html,
body,
input,
textarea {
  line-height: 1.6;
}

strong,
b {
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5em 0 0.8em 0;
  line-height: 1.2;
  letter-spacing: 0;
}

h1 {
  font-size: 3.2em;
  font-weight: 600;
  letter-spacing: 0;
}

h2 {
  font-size: 2.8em;
  font-weight: 600;
}

h3 {
  font-size: 1.5em;
  font-weight: 600;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

#START h1 {
  font-size: 4em;
}

#START h2 {
  font-size: 3rem;
  line-height: 1.2;
}

#START h3 {
  font-size: 1.6em;
  font-weight: 600;
}

span.subtitle {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-size: 0.9rem;
  font-weight: normal;
  margin-bottom: 1em;
}

h2.subtitle {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-size: 0.7rem;
  font-weight: 500;
  margin-bottom: 1em;
}

a {
  color: #ECB91E;
  text-decoration: none;
  transition: all 300ms;
}

a:hover {
  text-decoration: underline;
}

.ps-image:after,
.opSlider-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#TOP.sticked,
#START #TOP.sticked {
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
}

#TOP .container.full,
#MAIN-BANER .container.full {
  max-width: none;
  padding: 0 85px;
}

#TOP.unsticked {
  background: transparent;
  border-bottom: transparent;
}

#START #TOP.unsticked nav.desktop .nav-button &gt; a {
  color: #ffffff;
  text-shadow: none;
}

#TOP nav.desktop .nav-button &gt; a {
  font-weight: 500;
}

.floating-flag {
  position: fixed;
  right: -100%;
  top: 50%;
  z-index: 50;
  background-color: #ff3000;
  padding: 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px;
  transition: right 1s ease-in-out;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.2);
}
.floating-flag .social-icon {
  margin-right: 5px;
  padding-left: 5px;
}

.floating-flag.show {
  right: 0;
}

nav.desktop .submenu {
  left: auto;
  right: auto;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}

nav.desktop ul li:hover .submenu {
  display: none !important;
  animation-name: none;
  animation-duration: 300ms;
}

nav.desktop ul li.hover .submenu {
  display: block !important;
  animation-name: SubmenuIn;
  animation-duration: 300ms;
}

nav.desktop .sub-nav-button &gt; a:hover {
  background: none;
}

#START #TOP.unsticked nav.desktop .submenu {
  background: none;
  border: 0;
}

#START #TOP.unsticked nav.desktop .sub-nav-button &gt; a {
  color: #ffffff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.45);
}

#logo {
  left: 85px;
  width: 150px;
}

#START #TOP.unsticked #logo .primary-logo {
  display: none;
}

#START #TOP.unsticked #logo .secondary-logo {
  display: block;
}

#BANER-CONTENT {
  position: relative;
}

.video-section {
  max-height: 1080px;
  height: 100vh;
  padding-bottom: 0;
}

.banner-header {
  max-width: 800px;
}

.banner-search-wrapper {
  max-width: 1000px;
  position: absolute;
  bottom: 130px;
  left: 0;
  right: 0;
  z-index: 10;
  color: #fff;
}

.banner-search-wrapper .search-box {
  border: 3px solid #ffffff;
  background: rgba(0, 0, 0, 0.16) 0 0 no-repeat padding-box;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
  padding: 30px;
}

.banner-search-wrapper .search-box .search-item-wrapper {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: flex-end;
  align-content: center;
}

.banner-search-wrapper .search-box .search-item-wrapper &gt; div {
  flex: 1;
  position: relative;
}

.banner-search-wrapper .search-box .search-item-wrapper &gt; div.button-area {
  text-align: right;
}

.banner-search-wrapper .search-box .search-item-wrapper a.button {
  margin: 0;
}

.banner-search-wrapper .search-box .search-item-wrapper &gt; div.button-area .button {
  display: flex;
}

.banner-search-wrapper .search-box span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.banner-search-wrapper .search-box .styledSelect {
  background-color: transparent;
  padding: 0px 40px 0 10px;
  font-weight: 500;
  border: none;
  border-bottom: 3px solid rgb(221, 221, 221);
  border-radius: 0;
  font-size: 14px;
}

.banner-search-wrapper .options li {
  color: rgb(255, 255, 255);
  padding-top: 4px;
  padding-bottom: 4px;
}

.banner-search-wrapper .options li:hover {
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.banner-search-wrapper .filter-search-window {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5) 0 0 no-repeat padding-box;
  padding: 10px;
  display: none;
  border: none;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  max-height: 250px;
  overflow-y: auto;
}

.banner-search-wrapper .search-input:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 18px;
  right: 10px;
  border: 5px solid rgb(255, 255, 255);
  border-color: rgb(255, 255, 255) transparent transparent transparent;
}

.banner-search-wrapper .search-input {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  padding: 0px 40px 0 10px;
  font-weight: 500;
  border: none;
  border-bottom: 3px solid rgb(221, 221, 221);
  border-radius: 0;
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}

.banner-search-wrapper .filter-search-window.show-me {
  display: block;
}

.styledSelect:after {
  border: 5px solid rgba(255, 255, 255, 0);
  border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 25, 0) rgba(255, 255, 255, 0);
}

.banner-search-wrapper .options {
  border: none;
  background: rgba(0, 0, 0, 0.5) 0 0 no-repeat padding-box;
  box-shadow: 0 1px 2px rgb(0, 0, 0);
}

.banner-search-wrapper .search-window-content label {
  color: white;
}

.banner-search-wrapper .search-window-content input {
  height: 100%;
  cursor: pointer;
  background: transparent;
  border: none;
  border-bottom: 2px solid white;
  color: white;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
}

.banner-search-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
.banner-search-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered,
.banner-search-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
.banner-search-wrapper .select2-container--default .select2-selection--single,
.banner-search-wrapper .select2-container--default .select2-selection--multiple {
  background-color: transparent;
  border: 0;
  color: #fff;
  border-bottom: 3px solid #fff;
}

.banner-search-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
  color: #fff;
}

.banner-search-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
.banner-search-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0;
}

.banner-search-wrapper .select2-container .select2-selection--single .select2-selection__rendered::after,
.banner-search-wrapper .select2-container .select2-selection--multiple .select2-selection__rendered::after {
  background-color: transparent;
  background-image: url("graphics/svg/select-arrow-white.svg");
  width: 15px;
}

.banner-search-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  font-size: 0.9rem;
}

.banner-search-wrapper select {
  display: none;
}

.button {
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  border-radius: 2px;
}

.button.alt {
  color: #fff;
  background: #000;
}

:hover.button.alt {
  background: #1c1c1c;
}

.button.ghost {
  color: #fff;
  background: transparent;
  border: 1px solid #000;
}

.button.txt {
  padding: 0;
  background: none;
  color: #000;
  min-width: 0;
  padding-right: 35px;
  height: auto;
  line-height: 1.2;
  text-align: left;
}

.button.txt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 18px;
  background-image: url("graphics/svg/right-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: right 300ms;
}

.button.txt:hover:after {
  right: 0;
}

.button.cta {
  height: 60px;
  background: #ECB91E;
}

.button.alt.cta {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  color: #fff;
}

.button.file-btn {
  padding-right: 75px;
  background: #000;
  border: 0;
  color: #fff;
}

.button.file-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  box-sizing: border-box;
  background-image: url("graphics/download.png");
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  background-origin: content-box;
}

.button.file-btn:hover {
  background: #1c1c1c;
}

.button.ico-btn {
  padding-right: 75px;
}

.button.ico-btn .ico {
  background: #ECB91E;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 50px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}

.button.ico-left,
.button.ico-right,
.button.ico-left:hover,
.button.ico-right:hover {
  background: #ECB91E;
  border: 0;
  color: #000000;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.ico-left {
  padding-left: 50px;
}

.button.ico-right {
  padding-right: 50px;
}

.button.ico-left .ico,
.button.ico-right .ico {
  position: absolute;
  top: 0;
  padding: 15px;
  box-sizing: border-box;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
}

.button.ico-left .ico {
  left: 0;
}

.button.ico-right .ico {
  right: 0;
}

.button.alt.ico-left,
.button.alt.ico-right,
.button.alt.ico-left:hover,
.button.alt.ico-right:hover {
  background: #000;
  border: solid 1px #fff;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.ghost.ico-left,
.button.ghost.ico-right,
.button.ghost.ico-left:hover,
.button.ghost.ico-right:hover {
  background: transparent;
  border: solid 1px #000000;
  color: #000000;
}

.button.txt.ico-left,
.button.txt.ico-right {
  background: none;
  height: 50px;
}

.button.txt.ico-left {
  padding-right: 0;
}

.button.txt.ico-right {
  padding-left: 0;
}

.button.txt.ico-left .ico img,
.button.txt.ico-right .ico img {
  width: 100%;
  height: 100%;
}

.button.txt.ico-left .ico,
.button.txt.ico-right .ico {
  padding: 12px;
}

.button.txt:after {
  display: none;
}

.button.txt.ico-left:hover,
.button.txt.ico-right:hover {
  text-decoration: underline;
}

.button.only-ico {
  padding: 0;
  height: 50px;
  width: 50px;
  background: #ECB91E;
  min-width: 0;
  border-radius: 50%;
}

.button.only-ico.cta {
  background: #ECB91E;
}

.button.only-ico.disabled {
  opacity: 0.9;
  cursor: default;
  pointer-events: none;
  background: #f4f4f4;
}

.button.only-ico.disabled .ico {
  color: #999;
}

.button.only-ico .ico {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.button.only-ico.inverse img {
  transform: rotate(180deg);
}

.vs-video video {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  min-width: 100%;
  min-height: 140%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.updated {
  font-size: 0.9rem;
  font-weight: bold;
  color: #ECB91E;
}

.article-footer-controls {
  border-top: 0;
}

.text-wrapper ul li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-left: 0;
  overflow: hidden;
  padding-bottom: 5px;
}

.text-wrapper ul li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url("graphics/pointer.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 300ms;
}

.contact-items-logo {
  width: 85px;
  height: 40px;
  padding-left: 40px;
  margin-top: -7px;
}

.article-section.cb-text_content.highlight .text-wrapper {
  font-weight: 500;
  font-size: 1.3rem;
}

#copy_link_sharing {
  position: relative;
}

#copy_link_sharing:after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #519c46;
  color: #fff;
  border-radius: 50%;
  transition: all 500ms;
  transform: scale(0);
}

#copy_link_sharing.link-copied:after {
  transform: scale(1);
}

.links ul li {
  list-style: none;
  margin-left: 0;
}

.links ul li a {
  text-decoration: none;
  transition: all 300ms;
}

.video-wrapper .mp4-video video {
  display: block;
  max-width: 100%;
}

.cb-table table {
  table-layout: fixed;
  max-width: 1000px;
}

.cb-table table tr td,
.cb-table table tr th {
  vertical-align: middle;
}

.cb-table table tr td .button,
.cb-table table tr th .button {
  margin: 0;
}

.footer {
  text-align: left;
}

.table-section .footer {
  text-align: center;
  padding-top: 55px;
}

.header.with-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.header.with-button .button {
  margin: 0;
  margin-bottom: 10px;
}

.header.with-button h2 {
  margin-bottom: 10px;
  margin-right: 30px;
}

.article-section.alt-bg-color {
  background-color: #f4f4f4;
}

.article-section.alt-bg-color .header h2:first-child {
  margin-top: 0;
}

.logo-box .thb {
  filter: grayscale(100%);
  transition: filter 600ms;
}

.logo-box:hover .thb {
  filter: grayscale(0);
}

.tile {
  max-width: 900px;
}

.tile.listing-type {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ddd;
}

.tile.listing-type .content {
  padding: 0 80px 0 40px;
  box-sizing: border-box;
}

.tile.listing-type .controls {
  text-align: right;
  position: absolute;
  left: auto;
  bottom: 20px;
  right: 0;
}

.tile.listing-type .controls-placeholder {
  display: none;
}

.card h2 {
  font-size: 2rem;
  font-weight: 600;
}

.specification {
  padding-top: 30px;
  display: table;
}

.specification .item {
  line-height: 1.2;
  font-size: 1rem;
  display: table-row;
}

.specification .item .key {
  color: #888888;
  display: table-cell;
  padding: 3px 10px 3px 0;
}

.specification .item .val {
  display: table-cell;
  padding: 3px 0 3px 10px;
  font-weight: bold;
}

.specification .item strong {
  font-weight: 500;
}

.card.bulding-type {
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}

.card.bulding-type .content {
  padding: 30px;
  font-size: 1.125rem;
  line-height: 1.2;
  background: #fff;
  position: relative;
  top: 0;
  transition: all 300ms;
}

.card.bulding-type .content .specification {
  padding-top: 0;
}

.card.bulding-type .content .descr {
  margin-bottom: 1rem;
  min-height: 2.5em;
}

.card.bulding-type .controls {
  padding: 0 30px 30px 30px;
}

.card.bulding-type .image-wrapper .img-placeholder,
.card.bulding-type .image .img-placeholder {
  padding-bottom: 106%;
}

a.card.bulding-type {
  text-decoration: none;
  color: #222;
}

a.card.bulding-type:hover .content {
  top: -70px;
}

a.card.bulding-type .controls {
  opacity: 0;
  transition: all 300ms;
}

a.card.bulding-type:hover .controls {
  opacity: 1;
}

.card.listing-type {
  border: 1px solid #ddd;
}

.card.listing-type .content {
  padding: 20px 90px 20px 20px;
}

.card.listing-type .controls {
  text-align: right;
  position: absolute;
  left: auto;
  bottom: 20px;
  right: 20px;
}

.card.listing-type .controls-placeholder {
  display: none;
}

.cards-shadow-wrapper {
  position: relative;
  min-height: 220px;
}

.cards-shadow-wrapper:after {
  content: "";
  position: absolute;
  bottom: -90px;
  left: 0;
  right: 0;
  height: 40%;
  min-height: 220px;
  background: #f4f4f4;
  z-index: -1;
}

#START .cards-shadow-wrapper:after,
.add-mod-section .cards-shadow-wrapper:after {
  display: none;
}

#START .cards-shadow-wrapper .container {
  max-width: 1410px;
}

.cards-shadow-wrapper .slick-list {
  padding-bottom: 30px !important;
}

.icon-card.shadow {
  padding: 25px 25px 25px 25px;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.icon-card.shadow .icon-wrapper {
  margin-bottom: 15px;
}

.icon-card.shadow .icon {
  width: 100%;
  height: 100%;
  max-width: 250px;
  filter: grayscale(100%);
  transition: all 500ms;
}

.icon-card.shadow.small-icon .icon {
  max-width: 100px;
  max-height: 100px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.icon-card.shadow .icon img {
  max-width: 100%;
  max-height: 100%;
}

.icon-card.shadow:hover .icon {
  filter: grayscale(0%);
}

.icon-card.shadow .content {
  color: #666;
  line-height: 1.3;
  margin-top: 0;
}

.icon-card.shadow.small-icon .content {
  padding-bottom: 30px;
}

.icon-card.shadow .content h3 {
  font-weight: 600;
  font-size: 1.6em;
}

.icon-card-descr-wrapper {
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.icon-card-descr-wrapper .image-wrapper {
  position: relative;
  z-index: 0;
  flex: 1.2;
}

.icon-card-descr-wrapper .header {
  position: relative;
  flex: 1;
  margin-left: -10%;
}

.icon-card-descr-wrapper .header .text-wrapper {
  max-width: 900px;
  font-size: 1.3125rem;
}

.icon-card.border-style {
  background: #f4f4f4;
  border: 0;
}

.icon-card.border-style .icon-wrapper .icon {
  margin: 0 auto;
}

.icon-card.border-style .content {
  text-align: center;
}

.icon-card-lux-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 90px;
}

.icon-card-lux-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
}

.icon-card-lux-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.icon-card-lux-section .container {
  position: relative;
  z-index: 1;
}

.icon-card-lux-section .icon-card .content {
  color: #fff;
}

.icon-card-lux-section .icon-card h3 {
  color: #ECB91E;
}

.icon-card-lux-section .icon-card .icon-wrapper {
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(90deg, #ECB91E, #ECB91E);
  width: 120px;
  height: 120px;
  margin: 0 auto 1em auto;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon {
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon img {
  width: 50%;
  height: 50%;
}

.tile.sb-tile.multiphoto {
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: visible;
}

.tile.sb-tile.multiphoto .content {
  padding-top: 0;
  padding-left: 60px;
}

.tile.sb-tile.multiphoto .controls {
  height: auto;
}

.tile.sb-tile.multiphoto .content .text-wrapper {
  padding-bottom: 1em;
}

.text-wrapper.lead-txt {
  font-weight: 500;
}

.tile.sb-tile.multiphoto .images-wrapper {
  width: 55%;
  min-width: 55%;
  margin-left: -100px;
}

.images-wrapper .image-wrapper.img2 {
  background: none;
}

.sb_2photo-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.sb_2photo-wrapper &gt; div {
  flex: 1;
}

.sb_2photo-wrapper &gt; div.sb-col-1 {
  margin-right: -15px;
}

.sb_2photo-wrapper &gt; div.sb-col-1 .content {
  padding-right: 100px;
  padding-bottom: 30px;
}

.sb_2photo-wrapper &gt; div.sb-col-2 {
  margin-left: -15px;
  margin-bottom: -10px;
  position: relative;
  padding-bottom: 80px;
}

.sb_2photo-wrapper &gt; div.sb-col-2 .controls {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: right;
}

.counter-section-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 90px;
}

.counter-section-wrapper .counter-content {
  flex: 1.5;
  padding-right: 30px;
}

.counter-section-wrapper .counter-content .header h2 {
  margin-top: 0;
}

.counter-section-wrapper .counter-wrapper {
  flex: 1;
  padding-left: 30px;
}

.counter-section-wrapper .counter-wrapper .counter-tile {
  padding: 0 0 0 120px;
  background: none;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 400px;
  height: 100px;
  position: relative;
}

.counter-section-wrapper .counter-wrapper .counter-tile h3 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.3rem;
}

.counter-section-wrapper .counter-wrapper .counter-tile .count {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background: #f4f4f4;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter-section-wrapper .counter-wrapper .counter-tile .content {
  height: 100px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  background: #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.article-section.alt-bg-color .counter-section-wrapper .counter-wrapper .counter-tile .count,
.article-section.alt-bg-color .counter-section-wrapper .counter-wrapper .counter-tile .content {
  background: #fff;
  box-sizing: border-box;
}

.quote-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 150px 0;
}

.quote-section .container {
  position: relative;
  z-index: 1;
}

.quote-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.quote-section h2,
.quote-section blockquote,
.quote-section p,
.quote-section span,
.quote-section a {
  color: #fff;
}

.quote-section h2 {
  text-align: center;
}

.quote-section .header {
  padding-bottom: 0;
}

.quote-section blockquote,
.quote-section span.signature {
  text-align: center;
  display: block;
}

blockquote span.signature {
  text-transform: uppercase;
}

.quote-section .slick-next,
.quote-section .slick-prev {
  display: none !important;
}

.multiblock_box_image_wrapper .descr-wrapper {
  display: flex;
  padding-bottom: 100px;
}

.multiblock_box_image_wrapper .descr-wrapper .image-wrapper {
  flex: 1.8;
  display: flex;
  align-items: center;
  margin: 0 2rem 0 5rem;
}

.multiblock_box_image_wrapper .descr-wrapper .header {
  flex: 1;
}

.multiblock_box_image_wrapper .descr-wrapper .header .text-wrapper {
  max-width: 400px;
}

.border-box {
  border: 0;
  background: #f4f4f4;
  padding: 25px;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  min-height: 190px;
  box-sizing: border-box;
}

.border-box .content {
  text-align: center;
  padding-top: 25px;
}

#START .border-box h3,
.border-box h3 {
  font-size: 2rem;
  margin: 0;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 1.3;
}

.border-box.no-border {
  background: none;
  padding-left: 0;
  padding-right: 0;
}

#START .border-box.no-border h3,
.border-box.no-border h3 {
  margin-bottom: 15px;
  margin-top: 0;
  text-align: left;
  font-size: 1.6rem;
}

.border-box.no-border .content {
  text-align: left;
  padding-top: 0;
}

.border-box p {
  font-weight: 500;
  margin: 0;
}

.border-box .controls .button {
  margin: 0;
}

nav.desktop .nav-button &gt; a,
nav.desktop .sub-nav-button &gt; a {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 1px;
}

nav.desktop .sub-nav-button &gt; a {
  padding: 10px 15px;
  font-size: 0.9rem;
}

nav.desktop .nav-button &gt; a span,
nav.desktop .sub-nav-button &gt; a span {
  position: relative;
}

nav.desktop .nav-button &gt; a span:after,
nav.desktop .sub-nav-button &gt; a span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  background: #ECB91E;
  transition: all 300ms;
}

nav.desktop .nav-button &gt; a:hover span:after,
nav.desktop .nav-button.urhere &gt; a span:after,
nav.desktop .sub-nav-button &gt; a:hover span:after,
nav.desktop .sub-nav-button.urhere &gt; a:hover span:after {
  height: 2px;
}

nav.desktop .nav-button.is_highlighted {
  padding-left: 30px !important;
  position: relative;
}

nav.desktop .nav-button.is_highlighted::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  height: 16px;
  margin-top: -8px;
  width: 1px;
  background: #ECB91E;
}

.header-modules {
  float: right;
  height: 100%;
}

#TOP-MAIN .header-modules {
  padding-left: 30px;
  margin-left: 15px;
  position: relative;
}

#TOP-MAIN .header-modules:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  height: 14px;
  width: 1px;
  background: #ddd;
}

.header-modules .button {
  margin: 0;
  min-width: 220px;
}

.header-modules .phone-wrapper {
  margin-left: 30px;
}

.phone-wrapper .button .ico {
  padding: 10px;
}

.opSlider-control-prev,
.opSlider-control-next {
  display: none;
}

.banner-content {
  padding-bottom: 280px;
}

.banner-content h1,
.banner-content h2,
.banner-content .text-wrapper,
.banner-content .controls {
  text-align: left;
  font-weight: 500;
  line-height: 1.2;
  text-shadow: none;
  margin-bottom: 1.8rem;
}

.banner-content h1,
.banner-content h2 {
  margin-bottom: 0;
  white-space: nowrap;
}

.banner-content h1 strong,
.banner-content h2 strong {
  white-space: nowrap;
  font-weight: normal;
}

.article-section.padding-top h2:first-child {
  margin-top: 0;
}

#BOTTOM {
  padding: 100px 0;
}

#BOTTOM,
#SYSTEM-FOOT {
  background: white;
}

#BOTTOM h3:first-child {
  margin-top: 0;
}

#BOTTOM .social-links {
  margin-top: 1em;
}

#BOTTOM .social-icon {
  width: 22px;
  height: 22px;
  margin-right: 20px;
}

#BOTTOM .social-icon svg path {
  fill: #fff;
}

#BOTTOM .links ul li {
  padding-bottom: 5px;
}

#SYSTEM-FOOT {
  position: relative;
}

#SYSTEM-FOOT:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(221, 221, 221, 0) 0%, rgb(221, 221, 221) 45%);
  max-width: 1410px;
  margin: 0 auto;
}

#SYSTEM-FOOT .container {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#SYSTEM-FOOT a {
  color: #000000;
}

#SYSTEM-FOOT a:hover {
  color: #ECB91E;
  text-decoration: none;
}

#SYSTEM-FOOT .links-wrapper {
  display: flex;
}

#SYSTEM-FOOT .links-wrapper p {
  margin: 0;
}

#SYSTEM-FOOT .links-wrapper .links ul {
  display: flex;
  padding: 0;
  -moz-column-gap: 40px;
       column-gap: 40px;
  margin: 0 0 0 40px;
}

#SYSTEM-FOOT .social-links {
  margin-right: 25px;
}

#SYSTEM-FOOT .social-icon svg path {
  fill: #000000;
}

#START h2 {
  font-weight: 600;
}

#START .subtitle {
  font-weight: 500;
  font-size: 0.7rem;
  color: #000;
  margin-top: 0;
}

.article-lead-wrapper {
  padding-bottom: 50px;
}

.article-lead-wrapper .article-lead-content {
  padding-right: 730px;
  position: relative;
  min-height: 470px;
}

.article-lead-wrapper .article-lead-content .text-wrapper {
  font-size: 1.2rem;
}

.article-lead-wrapper .article-lead-content .article-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 670px;
  padding-bottom: 470px;
  border: 0px solid #ddd;
  box-sizing: border-box;
}

.article-lead-wrapper .article-lead-content .article-image-wrapper .article-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.article-lead-wrapper .social-sharing-wrapper .social-sharing-module,
.apartment-lead-wrapper .social-sharing-wrapper .social-sharing-module {
  padding: 15px 0;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.article-lead-wrapper .social-sharing-wrapper .social-sharing-module .sharing-title,
.apartment-lead-wrapper .social-sharing-wrapper .social-sharing-module .sharing-title {
  margin-right: 20px;
}

#page-developer_apartment h1 {
  font-size: 2.6rem;
}

.article-columns.side {
  padding-right: 350px;
}

.article-columns.side .side {
  width: 320px;
}

.tile.listing-type .image-wrapper .img-placeholder {
  padding-bottom: 80%;
}

#page-contactus .columns .contact_data h3:first-child,
#page-contactus .columns .form-wrapper h2:first-child {
  margin-top: 0;
}

#page-contactus .columns .form-wrapper h2 {
  font-size: 1.6em;
}

.company_name,
.add_company_name,
.address,
.phone,
.email,
.hours,
.add_descr,
.fax {
  display: block;
}

.company_name,
.add_company_name,
.address,
.phones-wrapper,
.emails-wrapper,
.hours,
.add_descr,
.fax {
  margin-bottom: 1em;
}

.contact-section-icon {
  overflow: hidden;
}

.contact-icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-icon .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 20px;
}

.contact-icon .button {
  margin: 0;
}

.contact-icon strong {
  display: block;
  margin-bottom: 5px;
  color: #000;
  font-family: Jost, tahoma, arial, sans-serif;
}

.contact-icon .hours {
  margin-top: 0;
}

.contact_data_icon .hours p {
  margin-bottom: 0;
}

.contact_data_icon .address .ico,
.contact_data_icon .phones-wrapper .ico,
.contact_data_icon .emails-wrapper .ico,
.contact_data_icon .hours .ico {
  width: 20px;
}

.contact_data_icon .address,
.contact_data_icon .phones-wrapper,
.contact_data_icon .emails-wrapper,
.contact_data_icon .hours {
  padding-left: 100px;
  font-size: 1.2rem;
}

.contact_data_icon .add_descr {
  padding-left: 70px;
}

.contact-promo-news {
  max-width: 900px;
  padding: 30px;
  background: #f4f4f4;
  border-radius: 3px;
}

.contact-promo-news .tile.listing-type {
  padding-bottom: 0;
  border: 0;
}

.contact-promo-news .tile.listing-type .controls {
  bottom: 0;
}

.email-wrapper .email,
.phone-wrapper .phone {
  display: none;
}

.email-wrapper.show-email .email,
.phone-wrapper.show-phone .phone {
  display: flex;
}

.email-wrapper.show-email .button.show-btn,
.phone-wrapper.show-phone .button.show-btn {
  display: none;
}

.email-wrapper.show-email,
.phone-wrapper.show-phone {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.phone-wrapper a,
.emails-wrapper a {
  color: #222;
}

.phone-number &gt; a:hover {
  text-decoration: none;
}

.map iframe {
  width: 100% !important;
}

.contact-simple-layout {
  overflow: hidden;
}

.contact-simple-layout &gt; div {
  float: left;
}

.contact-simple-layout &gt; div h2:first-child,
.contact-layout &gt; div h3:first-child {
  margin-top: 0;
}

.contact-simple-layout &gt; div.contact-content {
  width: 40%;
  padding-right: 20px;
  box-sizing: border-box;
}

.contact-simple-layout &gt; div.contact-form {
  width: 60%;
  padding-left: 20px;
  box-sizing: border-box;
}

.contact-columns {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  -moz-column-gap: 60px;
       column-gap: 60px;
}

.contact-columns &gt; div {
  width: 50%;
}

.contact-columns &gt; div:first-child {
  flex: 1;
}

.contact-columns &gt; div:last-child {
  width: 55%;
}

.contact-columns &gt; div .image-wrapper {
  height: 100%;
  margin-bottom: 1em;
}

.contact-columns &gt; div .image-wrapper .image {
  height: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.contact-columns &gt; div .image-wrapper .image .img-placeholder {
  height: 100%;
}

.contact_data_icon &gt; div {
  padding: 15px 20px 15px 50px;
  background: #f5f5f5;
  min-height: 100px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.contact_data_icon &gt; div:last-child {
  margin-bottom: 0;
}

.contact_data_icon .address,
.contact_data_icon .phones-wrapper,
.contact_data_icon .emails-wrapper,
.contact_data_icon .hours {
  font-size: 1.05rem;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.contact_data_icon .address .ico,
.contact_data_icon .phones-wrapper .ico,
.contact_data_icon .emails-wrapper .ico,
.contact_data_icon .hours .ico {
  width: 60px;
  height: 60px;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}

.contact_data_icon a {
  color: #000;
}

.form-fields-wrapper {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-fields-wrapper &gt; .col1,
.form-fields-wrapper &gt; .col2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.form-fields-wrapper &gt; .col1 {
  padding-right: 5px;
}

.form-fields-wrapper &gt; .col2 {
  padding-left: 5px;
}

.form-fields-wrapper .input-wrapper.field-rodo {
  clear: both;
}

.form-fields-wrapper &gt; .col2 .input-wrapper {
  height: calc(100% - 10px);
}

.form-fields-wrapper &gt; .col2 textarea {
  min-height: 120px;
  height: 100%;
}

.form-fields-wrapper .input-wrapper input,
.form-fields-wrapper .input-wrapper textarea {
  display: block;
}

.contact-data-form-section {
  background: #1c1c1c;
  padding: 0;
}

.contact-data-form-section .container {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.contact-data-form-section .container &gt; div {
  box-sizing: border-box;
  padding: 100px;
}

.contact-data-form-section .container &gt; div.contact-col {
  background: #1f1f1f;
  position: relative;
  width: 50%;
  padding-left: 0;
}

.contact-data-form-section .container &gt; div.add-module-col {
  padding-right: 0;
}

.contact-data-form-section .container &gt; div.contact-col:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 5000px;
  background: #1f1f1f;
  z-index: 0;
}

#START .contact-data-form-section .container &gt; div.contact-col,
#START .contact-data-form-section .container &gt; div.contact-col h2,
#START .contact-data-form-section .container &gt; div.contact-col h2 .subtitle,
.contact-data-form-section .container &gt; div.contact-col,
.contact-data-form-section .container &gt; div.contact-col h2,
.contact-data-form-section .container &gt; div.contact-col h2 .subtitle,
.contact-data-form-section .container a,
.contact-data-form-section .container a:hover,
.contact-data-form-section .container &gt; div.add-module-col .checklist.rodo label,
.contact-data-form-section .container h2,
#START .contact-data-form-section .container h2 {
  color: #fff;
}

.contact-data-form-section .form-fields-wrapper .input-wrapper input,
.contact-data-form-section .form-fields-wrapper .input-wrapper textarea {
  background: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}

.contact-data-form-section .container &gt; div.contact-col .contact_data .phone-wrapper,
.contact-data-form-section .container &gt; div.contact-col .contact_data .email,
.contact-data-form-section .container &gt; div.contact-col .contact_data .address {
  font-size: 1.3rem;
}

.contact-data-form-section .container &gt; div.contact-col .contact_data .add_descr {
  font-size: 1.8rem;
  margin-top: 30px;
}

.contact-data-form-section .container &gt; div.add-module-col {
  width: 60%;
}

.contact-data-form-section .container h2,
#START .contact-data-form-section .container h2,
.contact-data-form-section .container h3,
#START .contact-data-form-section .container h3 {
  margin-top: 0;
  margin-bottom: 25px;
  text-align: left;
  font-size: 2.4rem;
}

.contact-data-form-section .container .contact_data .button {
  min-width: 180px;
}

.contact-data-product-section {
  border: 1px solid #ddd;
  padding: 50px;
}

.contact-data-product-section &gt; div {
  float: left;
  box-sizing: border-box;
  padding-right: 60px;
}

.contact-data-product-section &gt; div.contact-col {
  position: relative;
  width: 35%;
}

.contact-data-product-section &gt; div.add-module-col {
  width: 65%;
  padding-right: 0;
}

.contact-data-product-section h2,
#START .contact-data-product-section h2,
.contact-data-product-section h3,
#START .contact-data-product-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-product-section .contact_data {
  padding-top: 30px;
}

.contact-data-product-section .button-style .button,
.contact-data-product-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-section .contact-box {
  padding: 50px 50px 20px 50px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}

.contact-data-section .contact-box.small {
  padding-right: 50%;
}

.contact-data-section .contact-box.small .image-wrapper {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 40%;
}

.contact-data-section .contact-box.small .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-data-section .form-fields-wrapper textarea {
  min-height: 179px;
}

.contact-data-section h2,
#START .contact-data-section h2,
.contact-data-section h3,
#START .contact-data-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-section .phone-wrapper .button,
.contact-data-section .email-wrapper .button,
.contact-data-product-section .phone-wrapper .button,
.contact-data-product-section .email-wrapper .button,
.contact-data-form-section .phone-wrapper .button,
.contact-data-form-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-product-section .contact-icon,
.contact-data-form-section .contact-icon {
  align-items: center;
}

.bg-color {
  background: linear-gradient(90deg, #ECB91E, #ECB91E);
}

.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color .subtitle,
#START .bg-color .subtitle,
.bg-color p,
.bg-color a,
.bg-color span {
  color: #fff;
}

.bg-color .green-alert,
.bg-color .red-alert,
.bg-color .yellow-alert {
  color: inherit;
}

.check-onscreen {
  position: relative;
}

.check-onscreen.offscreen-bottom {
  top: 100px;
  opacity: 0;
  transition: top 800ms, opacity 1.5s;
}

.check-onscreen.onscreen {
  top: 0;
  opacity: 1;
  transition: top 800ms, opacity 1.5s;
}

.icon-card.shadow.check-onscreen .icon {
  filter: grayscale(100%);
  transition: top 800ms, opacity 1.5s;
}

.icon-card.shadow.check-onscreen.onscreen .icon {
  filter: grayscale(0%);
  transition: top 800ms, opacity 1.5s, filter 1.5s;
  transition-delay: filter 5s;
}

.blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}

.blur-up.lazyloaded {
  filter: blur(0);
}

.nice-cart-quantity-controls {
  justify-content: flex-end;
}

.nice-cart-quantity-controls &gt; .button {
  margin-right: 0;
}

.table-section h2 {
  text-align: center;
}

.table-section .text-wrapper {
  margin: 0 auto;
  text-align: center;
}

.apartments-wrapper {
  overflow-y: auto;
}

table.transparent-table {
  max-width: 100%;
  border-left: none;
  border-top: none;
}

.apartments-wrapper tr td.ico {
  vertical-align: middle;
  text-align: center;
  width: 40px;
}

.apartments-wrapper tr td.ico img {
  width: 24px;
  margin: 0 auto;
}

table.transparent-table tr td,
table.transparent-table tr th {
  padding: 12px 10px;
  text-align: center;
  border-right: none;
  border-bottom: none;
  background: transparent;
  color: #000000;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

table.transparent-table tr td:first-child,
table.transparent-table tr th:first-child {
  padding: 11px 21px;
}

table.transparent-table tr td {
  border-bottom: 1px solid rgb(226, 226, 226);
}

table.transparent-table tr th {
  background: transparent;
  color: #888888;
  font-size: 1rem;
  font-weight: 500;
}

table.transparent-table a {
  color: #000000;
  text-decoration: underline;
}

table.transparent-table a:hover {
  color: #ECB91E;
}

table.transparent-table a.disabled {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

table.transparent-table-vertical {
  max-width: initial;
  border-left: none;
  border-top: none;
}

table.transparent-table-vertical tr td,
table.transparent-table-vertical tr th {
  padding: 6px;
  text-align: center;
  border-right: none;
  border-bottom: none;
  background: transparent;
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
}

table.transparent-table-vertical tr td {
  border-bottom: 1px solid rgb(226, 226, 226);
}

table.transparent-table-vertical tr th {
  background: transparent;
  color: #888888;
  font-size: 1rem;
  font-weight: 500;
}

table.transparent-table-vertical a {
  color: #000000;
  text-decoration: underline;
}

table.transparent-table-vertical a:hover {
  color: #ECB91E;
}

table.transparent-table tr:hover td {
  background: #f9f9f9 !important;
}

table.transparent-table th.left,
table.transparent-table td.left {
  text-align: left;
}

table.transparent-table th.right,
table.transparent-table td.right {
  text-align: right;
}

table.transparent-table th.center,
table.transparent-table td.center {
  text-align: center;
}

.status-label {
  padding: 4px 8px 3px;
  display: inline-block;
  border-radius: 5px;
  font-size: 0.6rem;
  text-transform: uppercase;
  min-width: 90px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  letter-spacing: 0.5px;
  margin: -10px 0;
  font-weight: 500;
}

table .price-wrapper {
  position: relative;
}

table .price {
  white-space: nowrap;
}

table tr.promo td {
  background: #f9f9f9 !important;
}

table tr.promo .price-wrapper {
  bottom: -8px;
}

table tr.promo .price {
  color: #055b1d;
}

table tr.promo td {
  position: relative;
}

table tr.promo td .promo-label {
  font-size: 11px;
  background-color: #d44040;
  padding: 4px 5px;
  position: absolute;
  top: 17px;
  left: -19px;
  line-height: 1;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: center;
  width: 53px;
  box-sizing: border-box;
}

table .old_price {
  position: absolute;
  top: -8px;
  right: 0;
  font-size: 10px;
  white-space: nowrap;
  opacity: 0.8;
  line-height: 1;
}

table .old_price:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, 0);
  height: 1px;
  background: #222;
}

.apartment-section .specyfication-table-wrapper .key {
  text-align: left;
  font-weight: normal;
  padding-left: 0;
}

.apartment-section .specyfication-table-wrapper .value {
  text-align: right;
  padding-right: 0;
}

.apartment-section .specyfication-table-wrapper {
  margin-top: 0;
}

.apartment-section &gt; .controls {
  padding-top: 10px;
  text-align: right;
}

.contact_data .header h2 {
  text-align: center;
}

.contact_data .image-wrapper {
  margin: 0 -145px;
  margin-top: -155px;
  z-index: 0;
  position: relative;
}

.contact_data .text-wrapper {
  margin: 0 auto;
  text-align: center;
  color: #666;
  font-size: 1.125rem;
}

.boxes-wrapper {
  margin-top: 80px;
}

.contact-blok {
  background: white;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
  padding: 5rem 2rem 1.5rem 2rem;
  z-index: 1;
  position: relative;
}

.contact-blok h3 {
  font-size: 1.875rem !important;
}

.contact-blok .content {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
}

.contact-blok .content .phone-wrapper {
  justify-content: center;
}

.contact-blok .icon {
  width: 50px;
  height: 50px;
}

.contact-blok a {
  color: #000;
}

.boxes-wrapper .contact-blok .icon {
  width: 120px;
  height: 120px;
}

.collapsible-text-wrapper .header h2 {
  text-align: center;
}

.collapsible-text-wrapper .text-wrapper {
  max-width: initial;
  font-size: 14px;
  position: relative;
  height: 130px;
  overflow: hidden;
}

.collapsible-text-wrapper .text-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
}

.collapsible-text-wrapper .text-wrapper .text {
  transition: height linear 300ms;
}

.collapsible-text-wrapper.active .text-wrapper:after {
  background: transparent;
}

.collapsible-text-wrapper .controls {
  display: flex;
  justify-content: center;
}

.collapsible-text-wrapper .controls a {
  font-size: 14px;
  color: #888888;
  font-weight: 500;
  margin-top: 15px;
  position: relative;
}

.collapsible-text-wrapper .controls a:after {
  content: url(graphics/svg/arrow_down.svg);
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-5px, 0);
}

.collapsible-text-wrapper .controls a:hover {
  text-decoration: none;
}

.plan_holder {
  padding: 0;
  position: relative;
}

.image-map-container {
  position: relative;
  display: inline-block;
}

.image-map-container img {
  display: block;
}

.image-map-container .map-selector {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #546e7a;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: top, left, right, bottom, color;
}

.image-map-container .map-selector.hover {
  color: #546e7a;
}

.map-selector:after {
  content: "";
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: top, left, right, bottom, background;
  pointer-events: none;
}

.PAGE h1 {
  margin: 5px 0;
}

.PAGE .breadcrumps {
  padding-bottom: 50px;
}

.breadcrumps {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.85rem;
  flex-wrap: wrap;
}

.breadcrumps a,
.breadcrumps span {
  display: block;
  color: #999;
  text-transform: lowercase;
  white-space: nowrap;
}

.breadcrumps span {
  color: #1c1c1c;
}

.breadcrumps span.bc-arrow {
  color: #999;
}

.breadcrumps img,
.breadcrumps svg {
  margin: 0 5px;
}

.image-plan-wrapper {
  display: flex;
  position: relative;
  background: #f9f9f9;
  align-items: stretch;
}

.plan_holder .image-plan-wrapper {
  background: #fff;
}

.image-plan-wrapper .navigate {
  position: absolute;
  left: 30px;
  top: 30px;
}

.image-plan-wrapper .side-navigation {
  width: 300px;
  min-width: 300px;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #fff;
}

.image-map-holder {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
  width: 100%;
  background: #fff;
  margin-left: 0;
}

.image-map-holder .image-map-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

.image-plan-wrapper .set-buttons-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}

.image-map-holder.zoom-in {
  overflow: auto;
}

.image-coordsmap-holder {
  background: #f4f4f4;
  margin: 0 auto;
}

.image-coordsmap-holder.frame {
  padding: 10px;
  border: 0px solid #ddd;
}

.models-tooltip {
  position: absolute;
  background: rgb(255, 255, 255);
  opacity: 1;
  color: rgb(0, 0, 0);
  padding: 15px;
  font-weight: 400 !important;
  z-index: 1000;
  margin: 0;
  width: 230px;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
}

.models-tooltip .comming-soon {
  color: #000;
}

.models-tooltip .sold-out {
  color: #e74124;
}

.models-tooltip .building_row {
  border-bottom: 0px solid rgb(187, 187, 187);
  font-size: 12px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.models-tooltip .content_row,
.models-tooltip.only-table .content_row {
  padding: 0;
  border-top: 1px solid rgb(187, 187, 187);
  padding-top: 5px;
}

.models-tooltip.only-table .content_row {
  border: 0;
}

.models-tooltip .building_row &gt; div {
  flex: 1;
}

.models-tooltip .building_row &gt; div:first-child {
  flex: 2;
}

.models-tooltip .content_row &gt; div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.models-tooltip .content_row &gt; div &gt; p {
  flex: 2;
  color: #000;
}

.models-tooltip .content_row &gt; div &gt; span {
  flex: 1;
  color: #000;
  white-space: nowrap;
}

/*Mobile Tooltip*/
.models-tooltip.mobileTooltip {
  position: fixed;
}

.mobileTooltip .tooltip-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.mobileTooltip .button {
  margin: 5px 0;
}

.mobileScrollBlock {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  z-index: 990;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: none;
}

.bulding-type-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bulding-type-header .image {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  margin-bottom: 20px;
  display: flex;
}

.bulding-type-header .image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.models-tooltip h5 {
  font-size: 1.6rem;
  color: #000;
  line-height: 3.375rem;
  font-weight: 700;
  margin: 0;
}

.models-tooltip .content_row,
.building {
  padding-top: 10px;
  padding-bottom: 10px;
}

.models-tooltip .content_row p {
  position: relative;
  font-size: 12px;
  margin: 5px 0;
}

.models-tooltip .content_row p span {
  font-size: 14px;
  color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
}

.navigate-apartments {
  width: 100%;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

.building {
  display: block;
  position: relative;
  padding-bottom: 30px;
}

.floor-list {
  padding-bottom: 30px;
}

.navigate-apartments h4 {
  margin-top: 0;
}

.building .btn-building {
  width: auto;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-weight: 700;
  box-sizing: border-box;
  border-bottom: 2px solid #000;
  color: #000;
  white-space: nowrap;
}

.floor-navigation {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.floor-navigation li {
  margin-right: 10px;
  margin-left: 0;
}

.floor-navigation li a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: rgb(167, 163, 160);
  font-weight: 700;
  box-sizing: border-box;
  border-bottom: 2px solid rgb(255, 255, 255);
}

.floor-navigation li a:hover {
  color: rgb(0, 0, 0);
}

.floor-navigation li a.active {
  border-bottom: 2px solid rgb(0, 0, 0);
  color: rgb(0, 0, 0);
}

.floor-navigation li a:hover {
  text-decoration: none;
}

.apartment-lead-wrapper .apartment-lead-content {
  padding-right: 67%;
  position: relative;
  min-height: 700px;
}

.apartment-lead-wrapper .apartment-lead-content .apartment-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 65%;
  padding-bottom: 700px;
  box-sizing: border-box;
}

.apartment-lead-wrapper .apartment-lead-content .apartment-image-wrapper .apartment-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: 0px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

.apartment-lead-wrapper .apartment-lead-content .apartment-image-wrapper .apartment-image a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.apartment-lead-wrapper .apartment-lead-content .apartment-image-wrapper .apartment-image img {
  max-height: 100%;
  max-width: 100%;
}

.apartment-cta-wrapper {
  margin-top: 30px;
}

.apartment-cta .controls {
  text-align: left;
}

.apartment-cta-wrapper .apartment-cta .controls .button {
  margin: 0;
}

.apartment-cta-wrapper {
  margin-top: 30px;
}

.apartment-cta .controls {
  text-align: left;
}

.apartment-cta-wrapper .apartment-cta .controls .button {
  margin: 0;
}

.apartment-price,
.apartment-price-m2 {
  font-size: 1.1rem;
  text-align: right;
}

.apartment-price {
  position: relative;
}

.apartment-price .old_price {
  position: relative;
  font-size: 20px;
  line-height: 1;
  margin-right: 15px;
  margin-bottom: 3px;
}

.apartment-price .old_price:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #222;
}

.apartment-price .price {
  font-size: 2.6em;
  line-height: 1;
  font-weight: 600;
}

.apartment-price .price .price-symbol {
  font-size: 1.2rem;
}

.apartment-price.promo {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.apartment-price.promo .price,
.apartment-price.promo &gt; span {
  color: #60c07b;
}

.apartment-price.promo .old_price {
  color: inherit;
}

.apartment-price-m2 {
  font-size: 1.2rem;
}

.apartment-price .price.is-promo {
  text-decoration: line-through;
}

.apartment-price-section {
  border: 0px solid rgb(221, 221, 221);
  padding: 20px 0;
  margin-top: 2em;
  background: rgb(255, 255, 255);
  text-align: left;
}

.apartment-price-section .controls {
  text-align: right;
  padding-top: 20px;
}

.apartment-agent-wrapper {
  max-width: 460px;
  padding: 40px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
}

.apartment-agent-wrapper .apartment-agent-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0;
}

.apartment-agent-wrapper .apartment-agent-title .image-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: relative;
}

.apartment-agent-wrapper .apartment-agent-title .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
}

.apartment-agent-wrapper .apartment-agent-title .content {
  padding-left: 20px;
}

.apartment-agent-wrapper .apartment-agent-title .content h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.apartment-agent-wrapper .apartment-agent-title .content span {
  font-size: 0.9rem;
  opacity: 0.7;
}

.apartment-agent-wrapper .controls {
  padding-top: 20px;
}

.apartment-agent-wrapper .controls .button {
  margin: 0;
  display: flex;
  width: 100%;
}

.apartment-agent-contact {
  padding-top: 20px;
}

.apartment-agent-contact .phone-wrapper a,
.apartment-agent-contact .phone-wrapper .phone-txt,
.apartment-agent-contact .email a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 1.4rem;
}

.apartment-agent-wrapper .ico-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 5px;
}

.apartment-agent-wrapper .ico-text .ico {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding: 8px;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.apartment-agent-wrapper .ico-text .ico img {
  width: 100%;
}

.side .apartment-agent-wrapper {
  padding: 20px;
}

.side .apartment-agent-wrapper h3 {
  font-size: 1rem;
  margin-top: 0;
}

.side .apartment-agent-wrapper .apartment-agent-title {
  margin-top: 0;
}

.side .apartment-agent-wrapper .apartment-agent-title .image-wrapper {
  width: 50px;
  height: 50px;
  min-width: 50px;
}

.side .apartment-agent-wrapper .apartment-agent-header {
  padding: 10px 20px;
  background: #f4f4f4;
  margin: -20px -20px 0 -20px;
  text-align: center;
  border-radius: 5px 5px 0 0;
}

.side .apartment-agent-wrapper .apartment-agent-header h3 {
  text-align: center;
  margin: 0;
}

.side .apartment-agent-contact .phone-wrapper a,
.side .apartment-agent-contact .phone-wrapper .phone-txt,
.side .apartment-agent-contact .email a {
  font-size: 1.2rem;
}

#apartment-rezervation-window .window.window-success .window-content {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 80px;
  padding-bottom: 0;
}

#apartment-rezervation-window .window.window-success .window-content &gt; div {
  flex: 1;
}

#apartment-rezervation-window .window.window-form .window-content,
#signup-available-window .window.window-form .window-content {
  top: 80px;
  padding-top: 0;
  bottom: 80px;
  padding-bottom: 0;
}

.bulding-type-wrapper {
  padding: 60px;
  background: #f4f4f4;
}

.bulding-type-wrapper .bulding-type {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.bulding-type-wrapper .bulding-type .image-wrapper {
  width: 35%;
  max-width: 400px;
}

.bulding-type-wrapper .bulding-type .content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 60px;
}

.bulding-type-wrapper .bulding-type .content h2 {
  margin-top: 0;
}

.link-file {
  border: 0;
  background: #f4f4f4;
}

#detail .product-images {
  width: 100%;
  max-width: 800px;
  margin: 0;
  border: 1px solid #eee;
}

#detail .product-images li,
#detail .product-images figure,
#detail .product-images a,
#detail .product-images img {
  display: block;
  outline: none;
  border: none;
  width: 100%;
}

#detail .product-images .main-img-slider figure {
  margin: 0 auto;
  padding: 0 2em;
}

#detail .product-images .main-img-slider figure a {
  cursor: pointer;
  cursor: zoom-in;
}

#detail .product-images .main-img-slider figure a img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

#detail .product-images .thumb-nav {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

#detail .product-images .thumb-nav.slick-slider .slick-prev,
#detail .product-images .thumb-nav.slick-slider .slick-next {
  font-size: 1.2em;
  height: 20px;
  width: 26px;
  margin-top: -10px;
}

#detail .product-images .thumb-nav.slick-slider .slick-prev {
  margin-left: -30px;
}

#detail .product-images .thumb-nav.slick-slider .slick-next {
  margin-right: -30px;
}

#detail .product-images .thumb-nav li {
  display: block;
  margin: 0;
  padding: 0 !important;
  cursor: pointer;
}

#detail .product-images .thumb-nav li img {
  display: block;
  width: 100%;
  max-width: 255px;
  margin: 0;
  border: 2px solid transparent;
  transition: border-color 0.25s;
  box-sizing: border-box;
}

#detail .product-images .thumb-nav li:hover,
#detail .product-images .thumb-nav li:focus {
  border-color: #999;
}

#detail .product-images .thumb-nav li.slick-current img {
  border-color: #d12f81;
}

#detail .slick-list {
  overflow: hidden !important;
  margin: 0 !important;
}

#detail .slick-slide {
  padding: 0 !important;
}

.gal-area {
  padding-bottom: 60% !important;
  width: 400px;
}

.gal-area &gt; a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main_img {
  width: 100%;
  margin: 0 auto;
}

.slick-slide {
  padding: 0 20px !important;
}

.slick-slider .slick-prev {
  left: -30px;
}

.slick-slider .slick-next {
  right: -30px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  border-radius: 50%;
  border-color: #fff;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* --- GALERIA --- */
div.gallery {
  margin-left: -1%;
  margin-right: -1%;
  overflow: hidden;
}

div.gallery &gt; div {
  width: 25%;
  float: left;
  padding: 1%;
  box-sizing: border-box;
}

.gal-image-wrapper {
  position: relative;
  height: 0;
  height: 300px !important;
  overflow: hidden;
}

.gal-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

div.gallery &gt; div.img_lp_0,
div.gallery &gt; div.img_lp_4,
div.gallery &gt; div.img_lp_8 {
  width: 50%;
}

div.gallery &gt; div.img_lp_0 .gal-image-wrapper,
div.gallery &gt; div.img_lp_4 .gal-image-wrapper,
div.gallery &gt; div.img_lp_8 .gal-image-wrapper {
  height: 300px !important;
}

.gal-image-wrapper a {
  transition: transform 2s;
}

.gal-image-wrapper a:hover {
  transform: scale(1.1);
}

.gal-image-wrapper a:after {
  content: "";
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("graphics/lupa-ico.png") no-repeat center;
  z-index: 2;
  opacity: 0;
  transition: all 1s;
}

.gal-image-wrapper a:hover:after {
  opacity: 1;
}

.flex-gallery {
  display: flex;
  flex-wrap: nowrap;
}

.flex-gallery &gt; div {
  height: 40vh;
  min-height: 250px;
  flex-grow: 1;
  padding: 4px;
  border: 0px solid #222;
  margin: -1px -1px 0 0;
  overflow: hidden;
  background: #fff;
}

.flex-gallery &gt; div:first-child {
  flex-grow: 2;
}

.flex-gallery &gt; div:last-child {
  flex-grow: 0.4;
}

.flex-gallery &gt; div .image-wrapper {
  width: 100%;
  height: 100%;
}

.flex-gallery .image-wrapper .image {
  width: 100%;
  height: 100%;
  position: relative;
}

.flex-gallery .image-wrapper img {
  max-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: bottom;
  transition: all 1s;
}

.flex-gallery &gt; div .image a:hover img {
  transform: scale(1.1);
  opacity: 0.8;
}

.flex-gallery &gt; div .image a,
.flex-gallery &gt; div .image &gt; div {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}

.flex-gallery &gt; div .image a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("graphics/lupa-ico.png") no-repeat center;
  z-index: 2;
  opacity: 0;
  transition: all 1s;
  pointer-events: none;
}

.flex-gallery &gt; div .image a:hover:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.flex-gallery &gt; div .image a:hover:after {
  opacity: 1;
}

.card .image-wrapper .img-placeholder,
.card .thb .img-placeholder {
  padding-bottom: 82%;
}

.input-wrapper &gt; label[for]:first-child {
  position: absolute;
  top: 25px;
  transform: translate(0, -50%);
  left: 10px;
  line-height: 1;
  display: inline-block;
  padding: 2px;
  cursor: text;
  z-index: 1;
  transition: all 200ms;
  color: #000;
  font-weight: bold;
}

.input-wrapper &gt; label[for].active:first-child,
.input-wrapper &gt; label[for].stay-active:first-child {
  top: -5px;
  left: 5px;
  opacity: 1;
  font-size: 0.7rem;
}

.realestate-search-wrapper {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  background: rgb(241, 241, 241);
  padding: 20px;
  box-sizing: border-box;
}

.realestate-search-wrapper .search-box-title {
  opacity: 0.4;
}

.realestate-search-wrapper select,
.realestate-search-wrapper .input-placeholder,
.realestate-search-wrapper input {
  margin: 0;
  border: none;
  border-radius: 0;
  background: rgb(0, 0, 0);
  height: 50px;
  line-height: 1;
  border-bottom: 3px solid rgb(0, 0, 0);
}

.realestate-search-wrapper .styledSelect {
  background-color: rgb(0, 0, 0);
  padding: 0px 40px 0 10px;
  font-weight: 500;
  border: none;
  border-radius: 0;
  font-size: 18px;
}

.realestate-search-wrapper .styledSelect:after {
  border: 5px solid transparent;
  border-color: rgb(0, 0, 0) transparent transparent transparent;
}

.realestate-search-wrapper .button {
  margin: 0;
}

.filter-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}

.filter-container .filter-wrapper {
  margin-left: 10px;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
}

.filter-container .filter-wrapper label {
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.filter-container .filter-wrapper label:hover {
  cursor: pointer;
}

.filter-container .filter-wrapper label span,
.building-type-checkboxes label span {
  border: 1px solid #f5f5f5;
  padding: 10px 25px;
  position: relative;
}

.filter-container .filter-wrapper label.desc span:after,
.filter-container .filter-wrapper label.asc span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 8px;
  width: 8px;
  height: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("graphics/svg/select-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.8;
}

.filter-container .filter-wrapper label.asc span:after {
  transform: rotate(180deg);
}

.filter-container .filter-wrapper label span .filter-container .filter-wrapper label:hover,
.filter-container .filter-wrapper input:checked + span,
.building-type-checkboxes label:hover,
.building-type-checkboxes input:checked + span {
  border-color: #0b0b0b;
  color: #0b0b0b;
  cursor: pointer;
}

#appartments_table .columns.x2 &gt; div {
  width: 100%;
}

.search-info {
  display: flex;
  align-items: center;
}

.search-info p {
  margin: 0;
}

.building-type-checkboxes {
  display: flex;
  margin-bottom: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.main-properties-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input-search-wrapper .input-wrapper {
  min-width: 300px;
}

.input-search-wrapper .input-search {
  padding-right: 50px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.input-search-wrapper .input-search input {
  border-color: #f5f5f5;
}

.input-search-wrapper .input-search .button.only-ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 0;
  border-radius: 0;
  background-color: #000;
}

.input-search-wrapper .input-search .ico {
  padding: 12px;
}

.input-search-wrapper .input-search .ico img {
  filter: invert(100%);
}

.properties-search-wrapper {
  background: rgb(241, 241, 241);
  padding: 20px;
  box-sizing: border-box;
}

.properties-search-wrapper .search-box-title {
  opacity: 0.4;
  margin-left: 0;
}

.properties-search-items-wrapper {
  display: flex;
  align-content: center;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

.properties-search-item {
  padding: 0 20px 0 20px;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.properties-search-item &gt; div &gt; .input-wrapper {
  padding-left: 0;
  padding-bottom: 0;
}

.properties-search-item .input-wrapper input[type=checkbox] + label,
.properties-search-item .input-wrapper input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.properties-search-item.btn-inside {
  flex: 0;
  text-align: right;
  align-self: center;
}

.properties-search-item &gt; .button {
  margin: 0;
}

.properties-search-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #ddd;
}

.properties-search-item:nth-last-child(2):after,
.properties-search-item:last-child:after {
  display: none;
}

.properties-search-item &gt; .search-input {
  padding-left: 0;
  padding-right: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #222;
  text-decoration: none;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
}

.properties-search-item &gt; .search-input &gt; .comboTreeWrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
}

.properties-search-item &gt; .search-input .comboTreeArrowBtn {
  display: none;
}

.properties-search-item &gt; .search-input &gt; .comboTreeWrapper input,
.properties-search-item &gt; .search-input &gt; .comboTreeWrapper .comboTreeInputWrapper {
  height: 100%;
  cursor: pointer;
  background: transparent;
}

.comboTreeDropDownContainer .comboTreeItemTitle input {
  position: absolute;
}

.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover {
  background-color: #eee;
  color: #5c5e60;
}

.properties-search-item &gt; .search-input &gt; .comboTreeWrapper &gt; .comboTreeInputWrapper &gt; input {
  padding-left: 0;
  padding-right: 40px;
  border: 0;
}

.comboTreeDropDownContainer li span.comboTreeItemTitle input[type=checkbox] + label::before {
  border: 1px solid #222;
  width: 18px;
  max-width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 2px;
  font-size: 14px;
}

.properties-search-item &gt; .search-input &gt; .comboTreeWrapper &gt; .comboTreeInputWrapper &gt; input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #222;
  opacity: 1;
}
.properties-search-item &gt; .search-input &gt; .comboTreeWrapper &gt; .comboTreeInputWrapper &gt; input::-moz-placeholder {
  /* Firefox 19+ */
  color: #222;
  opacity: 1;
}
.properties-search-item &gt; .search-input &gt; .comboTreeWrapper &gt; .comboTreeInputWrapper &gt; input:-ms-input-placeholder {
  /* IE 10+ */
  color: #222;
  opacity: 1;
}
.properties-search-item &gt; .search-input &gt; .comboTreeWrapper &gt; .comboTreeInputWrapper &gt; input:-moz-placeholder {
  /* Firefox 18- */
  color: #222;
  opacity: 1;
}

.properties-search-item &gt; .search-input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("graphics/svg/select-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.properties-search-item &gt; .search-input:hover {
  text-decoration: none;
}

.properties-search-item &gt; .filter-search-window .input-wrapper {
  padding-bottom: 10px;
}

.properties-search-item &gt; .filter-search-window .input-wrapper input {
  height: 40px;
  font-size: 0.8rem;
}

.properties-search-item label {
  font-size: 0.8rem;
}

.properties-search-item &gt; .filter-search-window {
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
  right: 0;
  background: #fff;
  padding: 10px;
  display: none;
  border: 1px solid #ddd;
  width: calc(100% - 10px);
  box-sizing: border-box;
  z-index: 999;
  max-height: 250px;
  overflow-y: auto;
}

.properties-search-item &gt; .filter-search-window.show-me {
  display: block;
}

.properties-search-area .additional-filers {
  padding: 10px 0;
}

.comboTreeInputBox {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comboTreeDropDownContainer li {
  margin-left: 0;
  padding-left: 0;
  font-size: 0.9rem;
}

.comboTreeDropDownContainer li.ComboTreeItemChlid {
  padding-left: 10px;
}

.map-search {
  position: absolute;
  left: 50%;
  margin-left: -640px;
  bottom: auto;
  top: 50px;
  width: 100%;
  min-width: 180px;
  max-width: 240px;
  background: #fff;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 6px 6px 14px -3px rgba(0, 0, 0, 0.2);
}

.map-search h3:first-child {
  margin-top: 0;
  margin-bottom: 0;
}

.map-search .search-box-section {
  border-bottom: 0 solid rgb(221, 221, 221);
  padding: 10px 0;
}

.map-search .search-box-section:last-child {
  border: 0;
}

.map-search .checkboxes-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.map-search .checkboxes-wrapper &gt; div {
  width: 100%;
  padding: 6px 15px;
  box-sizing: border-box;
}

.map-search .checkboxes-wrapper .input-wrapper {
  padding-bottom: 0;
}

.map-search .checkboxes-wrapper .input-wrapper input[type=checkbox] + label,
.map-search .checkboxes-wrapper .input-wrapper input[type=radio] + label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  color: #222;
}

.map-search .button.search-btn {
  margin-bottom: 0;
  margin-top: 10px;
}

.page-numbers {
  padding: 55px 0 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.page-numbers a,
.page-numbers span {
  display: block;
  margin: 0 20px;
  font-size: 20px;
}

.page-numbers span {
  font-size: 13px;
  min-width: 40px;
  text-align: center;
}

.page-numbers a.disabled,
.page-numbers a.disabled:hover {
  cursor: default;
  opacity: 0.6;
  filter: grayscale(100%);
}

.page-numbers a i {
  font-size: 26px;
}

.page-numbers a.page-prev,
.page-numbers a.page-next {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f1f1;
  background-image: url(graphics/arrow-slick-left.png);
  background-position: center;
  background-repeat: no-repeat;
}

.page-numbers a.page-next {
  background-image: url(graphics/arrow-slick-right.png);
}

.progress-wrapper {
  width: 180px;
  position: relative;
  height: 2px;
  background: #ddd;
}

.progress-wrapper .progress {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: -4px;
  margin-top: -4px;
  background: #ECB91E;
}

.progress-number &gt; span {
  white-space: nowrap;
}

.page-numbers .progress-number {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #999;
}

.control-apartment-table {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.map360 {
  position: relative;
  height: 90vh;
  max-height: 700px;
  width: 100%;
  margin-bottom: 10px;
}

.cb-text_photo .image-wrapper {
  margin: 90px 90px;
}

.cb-text_photo.cb-elem-position-left .cb-container,
.cb-text_photo.cb-elem-position-right .cb-container {
  align-items: stretch;
}

.cb-text_photo.cb-elem-position-left .cb-container .text-wrapper,
.cb-text_photo.cb-elem-position-right .cb-container .text-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.cb-text_photo.cb-elem-position-left.txt-center .cb-container .text-wrapper,
.cb-text_photo.cb-elem-position-right.txt-center .cb-container .text-wrapper,
.cb-text_photo.cb-elem-position-left.alt-bg-color .cb-container .text-wrapper,
.cb-text_photo.cb-elem-position-right.alt-bg-color .cb-container .text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cb-text_photo.cb-elem-position-left .cb-container .text-wrapper &gt; div,
.cb-text_photo.cb-elem-position-right .cb-container .text-wrapper &gt; div {
  flex: 1;
}

.cb-text_photo.cb-elem-position-left .cb-container .image-wrapper,
.cb-text_photo.cb-elem-position-right .cb-container .image-wrapper {
  margin-bottom: 0;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 2px;
  height: 40px;
  cursor: pointer;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
}

.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field {
  height: 40px;
  margin: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
  width: 100% !important;
  max-width: 100% !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 7px 15px;
  line-height: 1.7;
  font-size: 15px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered &gt; .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  height: 40px;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #ddd;
}

.select2-results__option {
  padding: 3px;
  text-align: left;
  margin-left: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-size: 1.5em;
  top: 0;
  left: 5px;
  order: 2;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #666;
  font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  margin: 0;
  display: block;
  width: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered:after,
.select2-container .select2-selection--multiple .select2-selection__rendered:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("graphics/svg/select-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: none;
  border: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}

.select2-results {
  padding: 10px 0;
}

.select2-results ul li {
  padding: 5px 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.85rem;
}

.select2-results ul li::before {
  content: "&nbsp;";
  display: flex;
  vertical-align: 0.2em;
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-indent: 0.2em;
  line-height: 1.1;
  color: #fff;
  font-size: 20px;
  align-items: center;
  justify-content: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background: none;
  color: #222;
}

.select2-container--default .select2-results__option[aria-selected=true]::before {
  content: url("graphics/checked-black.png");
  background: #fff;
}

.select2-container--default .select2-search--inline .select2-search__field[placeholder=""] {
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  position: relative;
  padding: 0;
  font-size: 0.85rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
  content: ", ";
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:before,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child:before {
  content: "";
}

@keyframes scrolldown {
  0% {
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
  }
  50% {
    transform: translateY(0%) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: translateY(20%) rotate(45deg);
    opacity: 0.7;
  }
}
.animate-arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.animate-arrow .a1 {
  width: 2em;
  height: 2em;
  background-color: transparent;
  z-index: 80;
  bottom: 25px;
  position: absolute;
  border-width: 0 0.25em 0.25em 0;
  border-style: solid;
  border-color: #fff;
  animation: scrolldown 1.2s ease-in-out infinite 0.15s;
}

.animate-arrow .a2 {
  width: 2em;
  height: 2em;
  background-color: transparent;
  z-index: 80;
  bottom: 40px;
  position: absolute;
  border-width: 0 0.25em 0.25em 0;
  border-style: solid;
  border-color: #fff;
  animation: scrolldown 1.2s ease-in-out infinite;
}

.form-wrapper .red-alert,
.form-wrapper .yellow-alert,
.form-wrapper .green-alert {
  background-color: #fff;
  border: 0;
  padding-left: 60px;
  background-position: left center;
}

.tooltip-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.4);
  z-index: 105;
}

#START .info-box-wrapper .info-box .content-wrapper {
  top: 0;
}
#START .info-box-wrapper .info-box .content-wrapper p {
  font-size: 2.5rem;
  color: #000;
  text-shadow: none;
  max-width: 400px;
}
#START .info-box-wrapper .info-box .content-wrapper em {
  background-color: #ffcc33;
  padding: 20px;
  color: #000;
  font-style: normal;
  font-weight: 500;
  margin-top: 20px;
}
#START .info-box-wrapper .info-box .content-wrapper h2 {
  font-size: 1rem;
  color: #000;
  text-shadow: none;
  font-weight: 400;
  padding-top: 20px;
}
#START .info-box-wrapper .info-box .content-wrapper .button {
  position: absolute;
  bottom: 6%;
  left: 7%;
}

.eko-container {
  position: relative;
}

td &gt; .is-eko {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.is-eko img {
  position: relative;
  height: 28px;
  top: 50%;
  right: -50%;
  transform: translate(-50%, -50%);
}

.window-overlay.okno .red-alert,
.window-overlay.okno .yellow-alert,
.window-overlay.okno .green-alert {
  margin: 0;
  border: none;
  box-sizing: border-box;
  margin-right: auto;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 1em 1em 1em 70px;
  background-position: 10px;
}
.window-overlay.okno .window-close {
  top: 50%;
  right: 25px;
  width: 40px;
  height: 40px;
  z-index: 105;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(0, -50%);
}
.window-overlay.okno .window-close img {
  width: 16px;
  filter: invert(100%);
}
.window-overlay.okno .window {
  height: 90vh;
  width: 90vw;
  max-height: 600px;
}
.window-overlay.okno .window .window-header {
  position: absolute;
  background-color: white;
  padding: 25px 80px 25px 25px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 200;
}
.window-overlay.okno .window .window-header h2 {
  margin: 0 !important;
}
.window-overlay.okno .window .window-header h3 {
  font-weight: 500;
}
.window-overlay.okno .window .window-footer {
  padding: 25px;
  height: 90px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  box-sizing: border-box;
  text-align: end;
}
.window-overlay.okno .window .window-footer .confirm-filter {
  margin: 0;
  width: 100%;
}
.window-overlay.okno .window .window-content {
  top: 80px;
  bottom: 90px;
  right: 0px;
  left: 0px;
  padding: 10px 25px;
}
.window-overlay.okno .custom-file.button {
  margin-bottom: 0;
}
.window-overlay.okno .form-fields-wrapper .input-wrapper {
  position: relative;
}
.window-overlay.okno .form-fields-wrapper .input-wrapper input:focus {
  border: 1px solid #0055aa;
}
.window-overlay.okno .form-fields-wrapper .input-wrapper textarea:focus {
  border: 1px solid #0055aa;
}
.window-overlay.okno .form-fields-wrapper .input-wrapper .error-message {
  color: red;
  font-size: 0.875rem;
  display: none;
  margin-top: 5px;
  position: relative;
  padding-left: 20px;
}
.window-overlay.okno .form-fields-wrapper .input-wrapper .error-message::before {
  content: "";
  background-image: url("graphics/svg/information_red.svg");
  background-repeat: no-repeat;
  padding-left: 8px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
}
.window-overlay.okno .input-wrapper.empty-value .error-message {
  display: block;
}
.window-overlay.okno .input-wrapper.empty-value input {
  border: 1px solid red;
}

.contact-data-flying-form-window {
  padding: 15px 25px;
  background-color: #ffcc33;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  transform: translateY(100%);
  opacity: 0;
}
.contact-data-flying-form-window .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.contact-data-flying-form-window .buttons .button {
  margin: 0;
  background-color: white;
  color: black;
  font-weight: 700;
  height: 40px;
  letter-spacing: normal;
}

.menu-sticked .contact-data-flying-form-window {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transform: translateY(0);
  opacity: 1;
}

.phone-hidden .phone-txt {
  width: 6.5em;
}
.phone-hidden .reveal {
  fill: black !important;
}

.nav-mobile .nav-bottom {
  background-color: #ECB91E;
}

.image-plan-wrapper .map-control {
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: 20;
  height: 40px;
  width: 160px;
  margin-left: -630px;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
  background: #ecb91e;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 40px;
}

.image-plan-wrapper .map-control:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url("graphics/svg/zoom.svg");
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}

.image-plan-wrapper .map-control .zoom-btn {
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
  text-decoration: none;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.image-plan-wrapper .map-control .zoom-btn.urhere,
.image-plan-wrapper .map-control .zoom-btn:hover {
  background-color: black;
  color: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0);
}

.map-view-port {
  overflow: auto;
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}

.map-view-port .map-wrapper {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
}

.map-view-port .map-wrapper.zoom-1 {
  transform: scale(1.5);
  margin-bottom: 270px;
  margin-top: 270px;
  margin-left: 900px;
  margin-right: 900px;
}

.map-view-port .map-wrapper.zoom-2 {
  transform: scale(2.5);
  margin-bottom: 810px;
  margin-top: 810px;
  margin-left: 1860px;
  margin-right: 1860px;
}

.map-view-port .map-control {
  position: absolute;
  top: 10px;
  right: 0;
}/*# sourceMappingURL=theme.css.map */</pre></body></html>