@font-face {
font-family: 'HK Guise';
src: url(/fonts/HKGuise-Regular.eot) format('eot'),
url(/fonts/HKGuise-Regular.woff) format('woff'),
url(/fonts/HKGuise-Regular.ttf) format('truetype'),
url(/fonts/HKGuise-Regular.svg#HKGuise) format('svg');
font-weight: 400;
}
@font-face {
font-family: 'HK Guise';
src: url(/fonts/HKGuise-Medium.eot) format('eot'),
url(/fonts/HKGuise-Medium.woff) format('woff'),
url(/fonts/HKGuise-Medium.ttf) format('truetype'),
url(/fonts/HKGuise-Medium.svg#HKGuise) format('svg');
font-weight: 500;
}
@font-face {
font-family: 'HK Guise';
src: url(/fonts/HKGuise-Bold.eot) format('eot'),
url(/fonts/HKGuise-Bold.woff) format('woff'),
url(/fonts/HKGuise-Bold.ttf) format('truetype'),
url(/fonts/HKGuise-Bold.svg#HKGuise) format('svg');
font-weight: 700;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
html.modalOpen {
overflow: hidden;
}
@media (max-width: 1365px) {
html.open {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
}
body {
font-family: 'HK Guise', sans-serif;
font-size: 16px;
font-weight: 400;
color: #140102;
-webkit-overflow-scrolling: touch;
}
body,
.smooth-container {
scroll-behavior: smooth;
}
img,
svg {
display: block;
max-width: 100%;
height: auto;
border: none;
}
iframe {
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'HK Guise', sans-serif;
font-weight: 500;
}
h1 {
font-size: 40px;
line-height: 1.22;
}
h2 {
font-size: 32px;
line-height: 1.22;
}
h3 {
font-size: 24px;
line-height: 1.25;
}
h4 {
font-size: 20px;
line-height: 1.3;
letter-spacing: 0.03em;
}
h5 {
font-size: 16px;
line-height: 1.31;
letter-spacing: 0.03em;
}
h6 {
font-size: 14px;
line-height: 1.57;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.bold {
font-weight: 700;
}
.extraBold {
font-weight: 800;
}
.p {
font-size: 18px;
line-height: 1.67;
letter-spacing: 0.03em;
}
.p2 {
font-size: 16px;
line-height: 1.62;
letter-spacing: 0.03em;
}
.p3 {
font-size: 14px;
font-weight: 500;
line-height: 1.43;
letter-spacing: 0.02em;
}
.p4 {
font-size: 11px;
font-weight: 500;
line-height: 1.27;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media (max-width: 1365px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4,
.p {
font-size: 16px;
}
}
.btn,
.btn--2 {
display: inline-block;
font-family: 'HK Guise', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.19;
letter-spacing: 0.03em;
text-decoration: none;
border-radius: 6px;
transition: background-color 300ms;
}
.btn {
color: #140102;
background-color: #fff;
border: 1px solid #fff;
padding: 18px 32px;
transition: color 300ms, background-color 300ms, border-color 300ms;
}
.btn:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.btn--colour:hover {
background-color: #140102;
border-color: #140102;
}
.btn--black {
color: #fff;
background-color: #140102;
border: 1px solid #140102;
}
.btn--black:hover {
color: #140102;
background-color: rgba(0, 0, 0, 0);
}
.btn--grey {
color: #7e7374;
background-color: #f6f3f3;
}
.btn--grey:hover {
color: #f6f3f3;
background-color: #7e7374;
}
@media (max-width: 1365px) {
.btn {
padding: 16px 30px;
}
}
@media (max-width: 767px) {
.btn {
padding: 14px 20px;
}
}
.btn--2 {
display: flex;
align-items: center;
color: #866f4c;
}
.btn--2--icon {
width: 22px;
height: 22px;
margin-left: 8px;
}
.btn--2:hover {
text-decoration: underline;
}
.container {
max-width: 1360px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 767px) {
.container {
padding: 0 20px;
}
}
.containerMid {
max-width: 1560px;
margin: 0 auto;
padding: 0 0px;
}
@media (max-width: 767px) {
.containerMid {
padding: 0 0px;
}
}
.containerBig {
max-width: 1680px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 767px) {
.containerBig {
padding: 0 20px;
}
}
.row {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.row--space {
justify-content: space-between;
}
.row--center {
align-items: center;
}
input,
textarea,
select {
font-family: 'HK Guise', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.62;
letter-spacing: 0.03em;
color: #fff;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #7e7374;
border-radius: 4px;
padding: 22px 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
transition: border-color 300ms;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: #b6afaf;
opacity: 1;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
color: #b6afaf;
opacity: 1;
}
input.is-success,
textarea.is-success,
select.is-success {
border-color: #40b840;
}
input.wrong,
textarea.wrong,
select.wrong {
border-color: #c81917;
}
@media (max-width: 1365px) {
input,
textarea,
select {
padding: 16px 20px;
}
}
@media (max-width: 767px) {
input,
textarea,
select {
padding: 14px 18px;
}
}
.form--notification {
font-size: 14px;
font-weight: 500;
line-height: 1.43;
letter-spacing: 0.02em;
opacity: 0;
margin-top: 20px;
transition: opacity 300ms;
}
.form--notification.success {
opacity: 1;
color: #40b840;
}
.form--notification.wrong {
opacity: 1;
color: #c81917;
}
@media (max-width: 1365px) {
.form--notification {
margin-top: 16px;
}
}
textarea {
width: 100%;
max-width: 100%;
height: 212px;
min-height: 212px;
max-height: 424px;
line-height: 1.4;
resize: vertical;
}
@media (max-width: 1365px) {
textarea {
height: 180px;
min-height: 180px;
max-height: 360px;
}
}
@media (max-width: 1023px) {
textarea {
height: 220px;
min-height: 220px;
max-height: 440px;
}
}
label {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
button,
input[type='submit'] {
width: auto;
cursor: pointer;
}
input[type='checkbox'],
input[type='radio'] {
width: auto;
}
.cbx {
display: flex;
align-items: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
cursor: pointer;
}
.cbx--box {
width: 26px;
height: 26px;
border: 1px solid #b6afaf;
border-radius: 4px;
transform: scale(1);
cursor: pointer;
transition: all 300ms ease;
}
.cbx--svg {
position: absolute;
top: 3px;
left: 2px;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 20px;
stroke-dashoffset: -20px;
transition: all 300ms ease;
transition-delay: 100ms;
}
.cbx--label {
padding: 2px 0 0 12px;
cursor: pointer;
}
.cbx--input {
display: none;
}
.cbx--input:checked + .cbx--box {
background-color: #f6f3f3;
animation: wave 0.4s ease;
}
.cbx--input:checked + .cbx--box .cbx--svg {
stroke-dashoffset: 0;
}
@keyframes wave {
50% {
transform: scale(0.9);
}
}
.rdb {
margin-bottom: 21px;
}
.rdb--input {
display: none;
}
.rdb--input:checked ~ .rdb--label .rdb--button {
border-color: #140102;
}
.rdb--input:checked ~ .rdb--label .rdb--button::after {
background-color: #140102;
border-color: #140102;
}
.rdb--label {
position: relative;
font-weight: 500;
font-size: 14px;
line-height: 1.357;
letter-spacing: -0.2625px;
padding-left: 36px;
cursor: pointer;
}
.rdb--label--color {
color: #140102;
margin-left: 2.5px;
}
@media (max-width: 1365px) {
.rdb--label {
padding-left: 31px;
}
}
.rdb--button {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
height: 22px;
width: 22px;
border: 2px solid #140102;
border-radius: 50%;
transform: translateY(-50%);
transition: border 0.2s;
}
.rdb--button::after {
display: block;
position: absolute;
content: '';
top: 50%;
left: 50%;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #140102;
transform: translate(-50%, -50%);
transition: background-color 0.2s, border 0.2s;
}
.slick-slider {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-list {
display: block;
position: relative;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
display: flex;
position: relative;
top: 0;
left: 0;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-initialized .slick-slide {
display: flex;
height: auto;
}
.slick-initialized .hpOffer--slider--a {
display: block;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid rgba(0, 0, 0, 0);
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-dots {
display: flex;
justify-content: center;
position: absolute;
bottom: -44px;
left: 8px;
transform: translateY(100%);
list-style: none;
}
.slick-dots button {
display: block;
font-size: 0;
width: 40px;
height: 2px;
background-color: #d4cece;
border: 0;
border-radius: 2px;
margin: 0 4px;
transition: background-color 300ms;
}
.slick-dots .slick-active button {
background-color: #140102;
}
.hpOffer .slick-dots {
bottom: -50px;
}
.hpHeader .slick-dots {
position: relative;
justify-content: flex-end;
max-width: 1560px;
bottom: 42px;
left: unset;
right: 36px;
z-index: 2;
margin: 0 auto;
}
.hpHeader .slick-dots button {
background-color: rgba(255, 255, 255, 0.25);
}
.hpHeader .slick-dots .slick-active button {
background-color: #fff;
}
[dir='rtl'] .slick-slide {
float: right;
}
@media (max-width: 1365px) {
.slick-dots {
bottom: -36px;
}
.hpOffer .slick-dots {
bottom: -44px;
}
}
@media (max-width: 1023px) {
.hpHeader .slick-dots {
display: none;
opacity: 0;
pointer-events: none;
}
}
@media (max-width: 767px) {
.slick-dots {
bottom: -28px;
}
.hpOffer .slick-dots {
bottom: -36px;
}
}
@media (max-width: 567px) {
.slick-dots {
bottom: -24px;
}
.hpOffer .slick-dots {
bottom: -24px;
}
}
.modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
background: rgba(19, 15, 15, 0.7);
opacity: 0;
pointer-events: none;
transition: 400ms ease-in-out;
will-change: opacity;
}
.modal.open {
opacity: 1;
pointer-events: auto;
}
.modal.open .modal--content {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, -50%);
transition-delay: 200ms;
}
.modal--content {
position: absolute;
top: 50%;
left: 50%;
z-index: 1001;
background-color: #fff;
border-radius: 4px;
transform: translate(-50%, -40%);
overflow-y: auto;
opacity: 0;
pointer-events: none;
transition: 400ms ease-in-out;
transition-delay: 0s;
will-change: transform, opacity;
}
.modal--filter--content {
max-width: 1280px;
width: calc(100% - 80px);
height: calc(100% - 160px);
}
.modal--filter--white {
padding: 40px 24px 0;
}
.modal--filter--grey {
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
bottom: 0;
left: 0;
width: 100%;
background-color: #f6f3f3;
padding: 24px 32px 32px 40px;
}
.modal--filter--top {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #d4cece;
padding-bottom: 40px;
padding-left: 16px;
}
.modal--filter--div {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #d4cece;
padding: 48px 16px 16px;
}
.modal--filter--left {
width: 34%;
padding-top: 4px;
padding-right: 4%;
}
.modal--filter--right {
display: flex;
flex-wrap: wrap;
width: 66%;
}
.modal--filter--cbx {
width: 30%;
margin-right: 3%;
margin-bottom: 32px;
}
.modal--filter--cbx .cbx--label {
width: calc(100% - 38px);
}
.modal--filter--text {
width: 100%;
margin-bottom: 32px;
}
.modal--filter--input {
font-weight: 500;
line-height: 1.31;
letter-spacing: 0.03em;
color: #140102;
border: 1px solid #b6afaf;
padding: 7px 12px;
}
.modal--filter--input::-moz-placeholder {
color: #7e7374;
}
.modal--filter--input::placeholder {
color: #7e7374;
}
.modal--filter--input--price {
width: 170px;
}
.modal--filter--input--text {
width: 406px;
max-width: 100%;
}
.modal--filter--input--label {
margin-top: 6px;
}
.modal--close {
background-color: #f6f3f3;
border-radius: 6px;
padding: 8px;
cursor: pointer;
}
.modal--close--img {
width: 24px;
height: 24px;
}
@media (max-width: 1365px) {
.modal--filter--content {
height: calc(100% - 80px);
}
.modal--filter--white {
padding: 32px 24px 0;
}
.modal--filter--top {
padding-bottom: 32px;
}
.modal--filter--div {
padding: 40px 16px 16px;
}
.modal--filter--left {
width: 36%;
}
.modal--filter--right {
width: 64%;
}
.modal--filter--cbx {
width: 45%;
margin-right: 5%;
margin-bottom: 24px;
}
.modal--filter--text {
margin-bottom: 24px;
}
.modal--filter--grey {
padding: 24px 32px 32px 40px;
}
}
@media (max-width: 1023px) {
.modal--filter--div {
flex-direction: column;
padding: 32px 16px 8px;
}
.modal--filter--left {
width: 100%;
padding-top: 0;
padding-right: 0;
}
.modal--filter--right {
width: 100%;
margin-top: 16px;
}
.modal--filter--grey {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.modal--filter--content {
width: calc(100% - 40px);
height: calc(100% - 40px);
}
.modal--filter--white {
padding: 24px 20px 0;
}
.modal--filter--top {
padding-bottom: 24px;
padding-left: 0;
}
.modal--filter--div {
padding: 24px 0 6px;
}
.modal--filter--right {
margin-top: 10px;
}
.modal--filter--cbx {
margin-bottom: 16px;
}
.modal--filter--text {
margin-bottom: 16px;
}
.modal--filter--grey {
padding: 20px;
}
.modal--close {
padding: 4px;
}
.modal--close--img {
width: 22px;
height: 22px;
}
}
@media (max-width: 567px) {
.modal--filter--cbx {
width: 100%;
margin-right: 0;
}
}
.nav {
display: flex;
align-items: center;
border-bottom: 1px solid #d4cece;
border-radius: 2px;
transition: border-bottom 300ms;
}
.nav--bg {
background-color: #fff;
transition: background-color 300ms;
}
.nav--bg .nav.open {
background-color: #f6f3f3;
}
.nav--margin {
margin-right: auto;
}
.nav--logo {
width: auto;
height: 50px;
}
.nav--a {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1.29;
letter-spacing: 0.03em;
text-decoration: none;
color: #393233;
padding: 8px 11px;
margin: 0 9px;
transition: color 300ms;
}
.nav--a:hover {
color: #140102;
}
.nav--a--active {
position: relative;
color: #140102;
}
.nav--a--active::after {
position: absolute;
content: '';
bottom: -28px;
left: -6px;
width: calc(100% + 12px);
height: 2px;
background-color: #140102;
}
.nav--line {
width: 1px;
height: 88px;
background-color: #d4cece;
margin: 0 20px;
transition: background-color 300ms;
}
.nav--line--mobile {
margin: 0 35px 0 40px;
display: none;
}
.nav--lang {
display: flex;
align-items: center;
font-size: 13px;
font-weight: 500;
line-height: 1.23;
letter-spacing: 0.03em;
text-decoration: none;
color: #393233;
padding: 8px 11px;
margin: 0 9px;
}
.nav--lang--icon {
width: 6px;
height: auto;
margin-left: 4px;
transition: filter 300ms;
}
.nav--icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #140102;
border-radius: 6px;
}
.nav--icon--img {
width: 24px;
height: 24px;
}
.nav--icon--tel {
margin-left: 20px;
margin-right: 16px;
}
.nav--white {
position: relative;
z-index: 100;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.nav--white .nav--a,
.nav--white .nav--lang {
color: #fff;
}
.nav--white .nav--line {
background-color: rgba(255, 255, 255, 0.15);
}
.nav--white .nav--icon {
background-color: #fff;
}
.nav--white .nav--btn--burger {
background-color: #fff;
}
.nav--white .nav--btn--burger::before,
.nav--white .nav--btn--burger::after {
background-color: #fff;
}
.nav--white--logo {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: auto;
height: 50px;
opacity: 0;
pointer-events: none;
transition: opacity 300ms;
}
.nav--btn {
display: none;
justify-content: center;
align-items: center;
position: relative;
width: 40px;
height: 40px;
margin-right: 35px;
cursor: pointer;
}
.nav--btn--burger {
width: 30px;
height: 2px;
background-color: #140102;
border-radius: 4px;
transition: all 300ms ease;
}
.nav--btn--burger::before,
.nav--btn--burger::after {
position: absolute;
content: '';
width: 30px;
height: 2px;
background-color: #140102;
border-radius: 4px;
transition: all 300ms ease;
}
.nav--btn--burger::before {
transform: translateY(-8px);
}
.nav--btn--burger::after {
transform: translateY(8px);
}
.nav--btn.open .nav--btn--burger {
transform: translateX(-8px);
background: rgba(0, 0, 0, 0);
}
.nav--btn.open .nav--btn--burger::before,
.nav--btn.open .nav--btn--burger::after {
background-color: #140102;
}
.nav--btn.open .nav--btn--burger::before {
transform: rotate(45deg) translate(4px, -4px);
}
.nav--btn.open .nav--btn--burger::after {
transform: rotate(-45deg) translate(4px, 4px);
}
.nav--mobile {
position: fixed;
width: 100%;
height: calc(100% - 90px);
top: 90px;
bottom: 0;
left: 0;
z-index: 100;
background-color: #f6f3f3;
opacity: 0;
pointer-events: none;
overflow: hidden;
transition: opacity 300ms;
}
.nav--mobile.open .nav--mobile--li {
animation: fadeup 300ms normal forwards;
}
.nav--mobile.open .nav--mobile--li:nth-child(0) {
animation-delay: 0ms;
}
.nav--mobile.open .nav--mobile--li:nth-child(1) {
animation-delay: 80ms;
}
.nav--mobile.open .nav--mobile--li:nth-child(2) {
animation-delay: 160ms;
}
.nav--mobile.open .nav--mobile--li:nth-child(3) {
animation-delay: 240ms;
}
.nav--mobile.open .nav--mobile--li:nth-child(4) {
animation-delay: 320ms;
}
.nav--mobile.open .nav--mobile--li:nth-child(5) {
animation-delay: 400ms;
}
.nav--mobile--div {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100%;
padding: 20px 40px 40px;
overflow-y: auto;
}
.nav--mobile--ul {
list-style: none;
}
.nav--mobile--li {
opacity: 0;
}
.nav--mobile--a {
display: block;
width: -moz-fit-content;
width: fit-content;
font-size: 18px;
font-weight: 500;
line-height: 2.2;
text-decoration: none;
color: #140102;
padding: 4px 0;
transition: color 300ms;
}
.nav--mobile--a:hover {
color: #140102;
}
.nav--mobile--lang {
display: none;
align-items: center;
width: calc(100% + 40px);
font-size: 16px;
color: #140102;
border-top: 1px solid #d4cece;
margin: auto -20px 0;
padding: 20px 20px 0 14px;
}
.nav--mobile--lang--p {
padding: 2px 6px;
}
.nav--mobile--lang--a {
color: #140102;
padding: 2px 6px;
}
@media (max-width: 1365px) {
.nav--a {
display: none;
}
.nav--line--mobile {
display: block;
}
.nav--btn {
display: flex;
}
.nav--mobile.open {
opacity: 1;
pointer-events: all;
}
.nav.open.nav--white {
border-bottom: 1px solid #d4cece;
}
.nav.open.nav--white .nav--line {
background-color: #d4cece;
}
.nav.open.nav--white .nav--lang {
color: #7e7374;
}
.nav.open.nav--white .nav--lang--icon {
filter: brightness(0.35);
}
.nav.open.nav--white .nav--white--logo {
opacity: 1;
}
.nav.open.nav--white .nav--icon {
background-color: #140102;
}
.nav.open.nav--white .nav--icon--img {
filter: brightness(0) invert(1);
}
}
@media (max-width: 1023px) {
.nav--logo,
.nav--white--logo {
height: 44px;
}
.nav--line {
height: 80px;
}
.nav--mobile {
height: calc(100% - 82px);
top: 82px;
}
}
@media (max-width: 767px) {
.nav {
width: calc(100% + 40px);
margin: 0 -20px;
padding: 0 20px;
}
.nav--bg {
padding: 0 20px;
}
.nav--logo {
height: 30px;
}
.nav--white--logo {
height: 30px;
left: 20px;
}
.nav--lang {
display: none;
}
.nav--line:nth-of-type(1),
.nav--line:nth-of-type(2),
.nav--line:nth-of-type(3) {
display: none;
}
.nav--line--mobile {
height: 66px;
margin: 0 13px 0 20px;
}
.nav--icon {
width: 32px;
height: 32px;
}
.nav--icon--tel {
margin-left: 10px;
margin-right: 8px;
}
.nav--icon--img {
width: 19px;
height: 19px;
}
.nav--btn {
margin-right: -7px;
}
.nav--btn--burger {
width: 26px;
}
.nav--btn--burger::before,
.nav--btn--burger::after {
width: 26px;
}
.nav--btn--burger::before {
transform: translateY(-7px);
}
.nav--btn--burger::after {
transform: translateY(7px);
}
.nav--mobile {
height: calc(100% - 68px);
top: 68px;
}
.nav--mobile--div {
padding: 20px;
}
.nav--mobile--a {
font-size: 16px;
}
.nav--mobile--ul {
margin-bottom: 32px;
}
.nav--mobile--lang {
display: flex;
}
}
@keyframes fadeup {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translate(0);
}
}
.hpHeader {
position: relative;
min-height: 650px;
height: 100vh;
max-height: 1200px;
}
.hpHeader::before,
.hpHeader::after {
position: absolute;
content: '';
left: 0;
z-index: 1;
width: 100%;
}
.hpHeader::before {
top: 0;
height: 33%;
background: linear-gradient(
180deg,
rgba(17, 17, 17, 0.65) 0%,
rgba(17, 17, 17, 0) 100%,
rgba(17, 17, 17, 0) 100%
);
}
.hpHeader::after {
bottom: 0;
height: 21%;
background: linear-gradient(
360deg,
rgba(17, 17, 17, 0.5) 0%,
rgba(17, 17, 17, 0) 100%,
rgba(17, 17, 17, 0) 100%
);
}
.hpHeader--bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hpHeader--bg--img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hpHeader--flex {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
z-index: 10;
min-height: 650px;
height: 100vh;
max-height: 1200px;
padding-bottom: 40px;
transition: background-color 300ms;
}
.hpHeader--row {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.hpHeader--content {
max-width: 590px;
color: #fff;
background-color: rgba(19, 15, 15, 0.7);
border-radius: 12px;
padding: 40px;
}
.hpHeader--heading {
margin-bottom: 24px;
}
.hpHeader--slides {
color: #fff;
text-align: right;
margin-bottom: 18px;
}
.hpServices {
padding-top: 72px;
padding-bottom: 96px;
}
.hpServices--padding {
padding-top: 80px;
}
.hpServices--heading {
max-width: 370px;
margin-bottom: 32px;
}
.hpServices--grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
grid-auto-rows: 1fr;
grid-gap: 24px;
}
.hpServices--a {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
color: #140102;
background: #fff;
border-radius: 4px;
padding: 19px 24px;
}
.hpServices--icon {
width: 22px;
height: 22px;
margin-left: 20px;
}
.hpOffer {
background-color: #fff;
padding-top: 72px;
padding-bottom: 52px;
overflow: hidden;
}
.hpOffer--row {
display: flex;
align-items: center;
justify-content: space-between;
}
.hpOffer--heading {
position: relative;
}
.hpOffer--heading--span {
position: absolute;
top: -4px;
right: -8px;
transform: translateX(100%);
color: #fff;
background-color: #140102;
border-radius: 3px;
padding: 2px 8px;
}
.hpOffer--slider {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 32px -12px 40px;
}
.hpOffer--slider--a {
width: calc(50% - 12px);
text-decoration: none;
color: unset;
cursor: pointer;
margin: 0 12px;
}
.hpOffer--slider--photo {
position: relative;
aspect-ratio: 3/1.8;
border-radius: 4px;
overflow: hidden;
margin-bottom: 20px;
}
.hpOffer--slider--img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hpOffer--slider--price {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 16px;
right: 16px;
color: #fff;
background-color: rgba(19, 15, 15, 0.7);
border-radius: 8px;
padding: 12px 16px;
}
.hpOffer--slider--icon {
width: 16px;
height: 16px;
margin-left: 6px;
}
.hpOffer--slider--row {
display: flex;
justify-content: flex-end;
}
.hpReference {
position: relative;
padding-top: 72px;
padding-bottom: 52px;
overflow: hidden;
}
.hpReference--padding {
padding-top: 80px;
padding-bottom: 80px;
}
.hpReference--row {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.hpReference--heading {
position: relative;
max-width: 250px;
z-index: 1;
}
.hpReference--heading--big {
max-width: 280px;
}
.hpReference--heading--img {
position: absolute;
top: -34px;
left: -44px;
width: 119px;
z-index: -1;
}
.hpReference--arrows--img {
position: absolute;
top: -38px;
right: 12px;
width: 22px;
height: 22px;
transform: translateY(-100%);
cursor: pointer;
}
.hpReference--arrows--left {
right: 46px;
transform: translateY(-100%) rotate(180deg);
}
.hpReference--slider {
display: flex;
justify-content: space-between;
margin: 32px -12px;
}
.hpReference--slider--div {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(33.3333333333% - 24px);
border: 1px solid #d4cece;
border-radius: 4px;
padding: 32px;
margin: 0 12px;
}
.hpReference--slider--text {
color: #393233;
margin-bottom: 20px;
}
.hpReference--slider--author {
display: flex;
align-items: center;
}
.hpReference--slider--img {
width: 56px;
height: 56px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
margin-right: 16px;
}
.hpReference--slider--about {
max-width: calc(100% - 72px);
}
.hpReference--slider--career {
color: #7e7374;
margin-top: 1px;
}
.hpReference--slider--row {
display: flex;
justify-content: flex-end;
}
@media (max-width: 1365px) {
.hpHeader--flex.open {
background-color: #f6f3f3;
}
.hpHeader--content {
max-width: 510px;
padding: 32px;
}
.hpServices {
padding-top: 56px;
padding-bottom: 72px;
}
.hpServices--heading {
margin-bottom: 24px;
}
.hpServices--grid {
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
grid-gap: 20px;
}
.hpServices--a {
padding: 18px 24px;
}
.hpOffer {
padding-top: 56px;
padding-bottom: 42px;
}
.hpOffer--slider {
margin: 24px -12px 32px;
}
.hpOffer--slider--photo {
margin-bottom: 16px;
}
.hpReference {
padding-top: 56px;
padding-bottom: 42px;
}
.hpReference--padding {
padding-bottom: 72px;
}
.hpReference--heading {
max-width: 220px;
}
.hpReference--heading--big {
max-width: 250px;
}
.hpReference--heading--img {
top: -26px;
left: -34px;
width: 100px;
}
.hpReference--slider {
margin: 24px -12px;
}
.hpReference--slider--div {
padding: 24px;
}
.hpReference--arrows--img {
top: -30px;
}
}
@media (max-width: 1023px) {
.hpHeader--content {
max-width: 510px;
padding: 32px;
}
.hpHeader--slides {
margin-bottom: 0;
}
.hpServices--grid {
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}
.hpServices--a {
padding: 16px 24px;
}
.hpReference--slider--div {
padding: 18px;
}
}
@media (max-width: 767px) {
.hpHeader {
min-height: 460px;
max-height: 500px;
}
.hpHeader--flex {
min-height: 460px;
max-height: 500px;
}
.hpHeader--content {
max-width: 380px;
padding: 24px;
}
.hpHeader--heading {
margin-bottom: 16px;
}
.hpHeader--slides {
display: none;
}
.hpServices {
padding-top: 36px;
padding-bottom: 40px;
}
.hpServices--heading {
margin-bottom: 16px;
}
.hpServices--grid {
grid-gap: 16px;
}
.hpServices--a {
padding: 14px 20px;
}
.hpServices--icon {
margin-left: 16px;
}
.hpOffer {
padding-top: 36px;
padding-bottom: 36px;
}
.hpOffer--slider {
margin: 16px -12px 24px;
}
.hpReference {
padding-top: 36px;
padding-bottom: 36px;
}
.hpReference--padding {
padding-bottom: 50px;
}
.hpReference--heading {
max-width: 160px;
}
.hpReference--heading--big {
max-width: 180px;
}
.hpReference--heading--img {
top: -16px;
left: -24px;
width: 80px;
}
.hpReference--slider {
margin: 16px -12px;
}
.hpReference--arrows--img {
top: -20px;
width: 20px;
height: 20px;
}
}
@media (max-width: 567px) {
.hpServices--grid {
grid-template-columns: 1fr;
}
.hpServices--a {
padding: 12px 24px;
}
.hpOffer--heading--span {
font-size: 13px;
padding: 2px 6px;
}
.hpOffer--slider {
margin: 16px -12px 16px;
}
.hpOffer--slider--price {
bottom: 12px;
right: 12px;
}
.hpOffer--slider--photo {
margin-bottom: 12px;
}
.hpOffer--slider--row {
justify-content: flex-start;
margin-top: 46px;
}
.hpReference--slider--row {
justify-content: flex-start;
margin-top: 46px;
}
}
@media (max-width: 360px) {
.hpReference--slider--text {
margin-bottom: 16px;
}
.hpReference--slider--career {
font-size: 14px;
}
}
.footer--top {
background-color: #393233;
padding-top: 72px;
padding-bottom: 72px;
}
.footer--top--row {
display: flex;
justify-content: space-between;
}
.footer--top--heading {
color: #b6afaf;
}
.footer--top--contacts {
display: flex;
margin-top: 32px;
}
.footer--top--contact {
display: flex;
align-items: center;
text-decoration: none;
color: #fff;
}
.footer--top--contact--icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 6px;
margin-right: 12px;
}
.footer--top--contact--icon--black {
background-color: #140102;
}
.footer--top--contact--img {
width: 24px;
height: 24px;
}
.footer--top--contact--margin {
margin-right: 100px;
}
.footer--top--address {
display: flex;
align-items: center;
text-decoration: none;
color: #140102;
background-color: #f6f3f3;
border-radius: 4px;
padding: 16px 24px 16px 16px;
margin-top: 16px;
}
.footer--top--socials {
display: flex;
margin-top: 16px;
}
.footer--top--social {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
background-color: #140102;
border-radius: 6px;
}
.footer--top--social--img {
width: 28px;
height: 28px;
}
.footer--top--social--margin {
margin-right: 16px;
}
.footer--bottom {
display: flex;
align-items: center;
}
.footer--bottom--content {
display: flex;
align-items: center;
}
.footer--bottom--a {
font-size: 14px;
font-weight: 500;
line-height: 1.29;
letter-spacing: 0.03em;
text-decoration: none;
color: #7e7374;
padding: 8px 11px;
margin: 0 9px;
}
.footer--bottom--a:hover {
text-decoration: underline;
}
.footer--bottom--line {
width: 1px;
height: 100px;
background-color: #d4cece;
margin: 0 20px;
}
.footer--bottom--p {
font-size: 14px;
font-weight: 500;
line-height: 1.29;
letter-spacing: 0.03em;
color: #7e7374;
margin-left: 20px;
}
.footer--logo {
width: auto;
height: 50px;
margin-right: auto;
}
@media (max-width: 1365px) {
.footer--top {
padding-top: 56px;
padding-bottom: 56px;
}
.footer--top--contact--margin {
margin-right: 30px;
}
.footer--top--address {
padding: 12px 20px 12px 12px;
}
.footer--top--social {
width: 64px;
height: 64px;
}
.footer--top--social--img {
width: 24px;
height: 24px;
}
.footer h4 {
font-size: 16px;
}
.footer--logo {
height: 46px;
}
.footer--bottom--line {
height: 88px;
}
.footer--bottom--p {
max-width: 302px;
}
}
@media (max-width: 1023px) {
.footer--top--row {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer--top--left {
width: 100%;
}
.footer--top--contacts {
margin-top: 16px;
margin-bottom: 32px;
}
.footer--top--center {
margin-right: 32px;
}
.footer h4 {
font-size: 18px;
}
.footer--logo {
height: 44px;
}
.footer--bottom {
flex-wrap: wrap;
padding-top: 24px;
padding-bottom: 24px;
}
.footer--bottom--content {
width: 100%;
margin-top: 16px;
}
.footer--bottom--line {
height: 42px;
}
.footer--bottom--a:nth-of-type(1) {
margin-left: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.footer--top {
padding-top: 36px;
padding-bottom: 36px;
}
.footer--top--contacts {
margin: 12px 0 32px;
}
.footer--top--contact--icon {
width: 32px;
height: 32px;
}
.footer--top--contact--img {
width: 19px;
height: 19px;
}
.footer--top--address {
padding: 10px 16px 10px 10px;
margin-top: 12px;
}
.footer--top--socials {
margin-top: 12px;
}
.footer--top--social {
width: 52px;
height: 52px;
}
.footer--top--social--img {
width: 22px;
height: 22px;
}
.footer h4 {
font-size: 16px;
}
.footer--logo {
height: 38px;
}
.footer--bottom--content {
flex-direction: column;
align-items: flex-start;
margin-top: 12px;
}
.footer--bottom--line {
display: none;
}
.footer--bottom--p {
margin-top: 8px;
margin-left: 0;
}
.footer--bottom--a {
margin-left: 0;
padding-left: 0;
}
}
@media (max-width: 567px) {
.footer--top--row {
flex-direction: column;
align-items: flex-start;
}
.footer--top--contacts,
.footer--top--address,
.footer--top--socials {
margin-top: 10px;
}
.footer--top--contacts {
flex-direction: column;
}
.footer--top--contact--margin {
margin-right: 0;
margin-bottom: 16px;
}
.footer--top--center {
margin-right: 0;
margin-bottom: 32px;
}
}
.estates {
padding-top: 80px;
padding-bottom: 80px;
}
.estates--row {
display: flex;
align-items: flex-start;
}
.estates--heading {
display: flex;
align-items: flex-start;
}
.estates--heading--span {
color: #fff;
background-color: #140102;
border-radius: 3px;
padding: 2px 8px;
margin-left: 10px;
}
.estates--select {
color: #fff;
background-color: #140102;
background-image: url(/img/icons/triangle-white.svg);
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 6px;
border: 0;
border-radius: 3px;
padding: 2px 22px 2px 8px;
margin-left: 8px;
}
.estates--btn {
margin-left: auto;
}
.estates--grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
grid-gap: 24px;
margin: 48px 0;
}
.estates--a {
text-decoration: none;
color: unset;
background-color: #fff;
border-radius: 4px;
padding: 16px 16px 24px;
}
.estates--a:hover .estate--name {
text-decoration: underline;
}
.estates--img {
width: 100%;
height: 350px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.estates--price {
display: flex;
align-items: center;
position: absolute;
bottom: 16px;
right: 16px;
color: #fff;
background-color: rgba(19, 15, 15, 0.7);
border-radius: 8px;
padding: 12px 16px;
}
.estates--price--img {
width: 16px;
height: 16px;
margin-left: 6px;
}
.estates--name {
margin: 20px 0 8px;
}
.estates--description {
display: flex;
align-items: flex-start;
color: #7e7374;
}
.estates--description--icon {
width: 20px;
height: 20px;
margin-right: 4px;
}
.estates--description--text {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.estates--description--circle {
width: 4px;
height: 4px;
background-color: #b6afaf;
border-radius: 50%;
margin: 0 16px;
}
.estates--pagination {
display: flex;
align-items: center;
justify-content: space-between;
}
.estates--pagination--next {
cursor: pointer;
}
.estates--pagination--div {
display: flex;
list-style: none;
margin-left: auto;
}
.estates--pagination--a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 16px;
font-weight: 500;
line-height: 1.19;
letter-spacing: 0.03em;
text-decoration: none;
color: #7e7374;
background-color: #fff;
border-radius: 6px;
cursor: pointer;
margin-left: 8px;
transition: color 300ms;
}
.estates--pagination--a:hover {
color: #140102;
text-decoration: underline;
}
.estates--pagination--a--active {
color: #fff;
background-color: #140102;
}
.estates--pagination--a--active:hover {
color: #fff;
text-decoration: none;
}
@media (max-width: 1365px) {
.estates {
padding-top: 56px;
padding-bottom: 56px;
}
.estates--grid {
margin: 32px 0;
}
.estates--img {
height: 260px;
}
.estates--name {
margin: 16px 0 8px;
}
.estates--description--circle {
margin: 0 12px;
}
}
@media (max-width: 1023px) {
.estates--row {
flex-wrap: wrap;
}
.estates--btn {
margin: 16px 50% 0 0;
}
.estates--grid {
grid-template-columns: 1fr;
grid-gap: 24px;
}
.estates--img {
height: 360px;
}
}
@media (max-width: 767px) {
.estates {
padding-top: 36px;
padding-bottom: 40px;
}
.estates--grid {
margin: 26px 0;
}
.estates--img {
height: 290px;
}
.estates--pagination--a {
width: 36px;
height: 36px;
}
}
@media (max-width: 567px) {
.estates--heading {
width: 100%;
}
.estates--heading--span {
font-size: 13px;
padding: 2px 6px;
}
.estates--select {
font-size: 16px;
line-height: 1.19;
background-position: right 14px center;
background-size: 8px;
border-radius: 6px;
margin: 16px 16px 0 0;
padding: 15px 32px 15px 20px;
}
.estates--btn {
margin: 16px 0 0;
}
.estates--img {
height: 180px;
}
.estates--price {
bottom: 12px;
right: 12px;
}
.estates--name {
margin: 12px 0 8px;
}
.estates--description--circle {
margin: 0 8px;
}
.estates--pagination {
flex-direction: column;
align-items: flex-start;
}
.estates--pagination--div {
margin-top: 16px;
margin-left: unset;
}
.estates--pagination--a {
width: 30px;
height: 30px;
font-size: 14px;
margin-left: 0;
margin-right: 6px;
}
}
@media (max-width: 360px) {
.estates--row {
flex-direction: column;
}
.estates--heading {
width: -moz-min-content;
width: min-content;
}
.estates--pagination--div {
flex-wrap: wrap;
}
.estates--pagination--a {
width: 32px;
height: 32px;
margin-bottom: 6px;
}
}
.estate {
position: relative;
background-color: #fff;
padding-top: 40px;
padding-bottom: 80px;
}
.estate--row {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.estate--row--left {
width: 60%;
}
.estate--row--right {
display: flex;
flex-direction: column;
align-items: center;
}
.estate--row--btn {
margin-top: 24px;
}
.estate--subheading {
width: -moz-fit-content;
width: fit-content;
color: #fff;
background-color: #140102;
border-radius: 3px;
padding: 2px 8px;
}
.estate--heading {
margin: 16px 0 20px;
}
.estate--description {
display: flex;
align-items: flex-start;
color: #7e7374;
}
.estate--description--icon {
width: 20px;
height: 20px;
margin-right: 6px;
}
.estate--description--text {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.estate--description--circle {
display: block;
width: 4px;
height: 4px;
background-color: #b6afaf;
border-radius: 50%;
margin: 0 16px;
}
.estate--gallery {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.estate--gallery--main {
position: relative;
width: calc(67% - 12px);
height: 480px;
border-radius: 4px;
overflow: hidden;
}
.estate--gallery--main:hover .estate--gallery--img,
.estate--gallery--second:hover .estate--gallery--img,
.estate--gallery--more:hover .estate--gallery--img {
transform: scale(1.05);
}
.estate--gallery--img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 300ms;
}
.estate--gallery--price {
display: flex;
align-items: center;
position: absolute;
top: 20px;
left: 20px;
color: #fff;
background-color: rgba(19, 15, 15, 0.7);
border-radius: 8px;
padding: 12px 20px;
}
.estate--gallery--price--img {
width: 16px;
height: 16px;
margin-left: 8px;
}
.estate--gallery--div {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(33% - 12px);
height: 480px;
}
.estate--gallery--second {
width: 100%;
height: calc(50% - 12px);
border-radius: 4px;
overflow: hidden;
}
.estate--gallery--more {
position: relative;
width: 100%;
height: calc(50% - 12px);
border-radius: 4px;
overflow: hidden;
cursor: pointer;
}
.estate--gallery--more::before {
position: absolute;
content: '';
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(19, 15, 15, 0) 0%,
rgba(19, 15, 15, 0.7) 100%
);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.estate--gallery--more:hover h3 {
text-decoration: underline;
}
.estate--gallery--content {
position: absolute;
bottom: 40px;
left: 40px;
z-index: 2;
color: #fff;
}
.estate--gallery--heading {
color: #fff;
margin-bottom: 4px;
}
.estateAbout {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 72px;
padding-bottom: 80px;
}
.estateAbout--description {
width: 57.6%;
}
.estateAbout--heading {
margin-bottom: 32px;
}
.estateAbout--text {
white-space: pre-wrap;
margin-bottom: 4px;
line-height: 1.6;
}
.estateAbout--params {
background-color: #fff;
border-radius: 4px;
padding: 0 24px;
}
.estateAbout--params--div {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #d4cece;
padding: 22px 16px;
}
.estateAbout--params--div:nth-last-child(1) {
border-bottom: 0;
}
.estateAbout--params--name {
color: #393233;
white-space: nowrap;
margin-right: 56px;
}
.estateAbout--params--value {
text-align: right;
}
.estateAbout--map {
width: 100%;
height: 460px;
border-radius: 4px;
margin-top: 32px;
overflow: hidden;
}
.estateAbout--map--iframe {
width: 100%;
height: 100%;
}
.estateAbout--contact {
position: sticky;
top: 60px;
width: 480px;
}
.estateAbout--broker {
background-color: #fff;
border-radius: 4px;
padding: 40px;
}
.estateAbout--broker--img {
float: left;
width: 120px;
height: 169px;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 16px;
margin-right: 16px;
}
.estateAbout--broker--position {
color: #866f4c;
margin: 8px 0 20px;
}
.estateAbout--broker--btn {
width: 100%;
text-align: center;
color: #866f4c;
background-color: #866f4c40;
margin-top: 8px;
}
.estateAbout--broker--btn:hover {
background-color: #866f4c;
color: #fff;
}
.estateForm--input,
.estateForm--textarea {
width: 100%;
color: #140102;
border: 1px solid #d4cece;
border-radius: 6px;
padding: 14px 24px;
}
.estateForm--input {
margin-bottom: 8px;
}
.estateForm--textarea {
height: 180px;
min-height: 180px;
resize: none;
margin-bottom: 20px;
}
.estateForm--p {
color: #7e7374;
margin-top: 20px;
}
.estateForm--a {
color: rgba(19, 15, 15, 0.7);
}
.estateForm--flex {
display: flex;
gap: 8px;
margin-top: 20px;
}
.estateForm--send {
width: 100%;
text-align: center;
color: #866f4c;
background-color: #866f4c40;
}
.estateForm--send:hover {
background-color: #866f4c;
color: #fff;
}
.estateForm--close {
padding: 18px 24px;
}
@media (max-width: 1365px) {
.estate {
padding-bottom: 56px;
}
.estate--heading {
margin: 12px 0 16px;
}
.estate--description--circle {
margin: 0 12px;
}
.estate--gallery {
margin-top: 32px;
}
.estate--gallery--main,
.estate--gallery--div {
height: 400px;
}
.estate--gallery--content {
bottom: 32px;
left: 32px;
}
.estateAbout {
flex-direction: column;
padding-top: 56px;
padding-bottom: 56px;
}
.estateAbout--description {
width: 100%;
margin-bottom: 56px;
}
.estateAbout--heading {
margin-bottom: 24px;
}
.estateAbout--text {
margin-bottom: 56px;
}
.estateAbout--map {
margin-top: 24px;
}
.estateAbout--contact {
position: unset;
width: 100%;
max-width: 480px;
}
.estateAbout--broker {
padding: 32px;
}
.estateForm--textarea {
margin-bottom: 16px;
}
.estateForm--p,
.estateForm--flex {
margin-top: 16px;
}
.estateForm--close {
padding: 16px 24px;
}
}
@media (max-width: 1023px) {
.estate--row {
flex-direction: column;
align-items: flex-start;
}
.estate--row--left {
width: 100%;
margin-bottom: 24px;
}
.estate--row--right {
flex-direction: row;
}
.estate--row--a {
order: 1;
}
.estate--row--btn {
margin-top: 0;
margin-right: 24px;
}
.estate--gallery--main,
.estate--gallery--div {
height: 280px;
}
.estateAbout--broker--img {
width: 116px;
height: 166px;
}
}
@media (max-width: 767px) {
.estate {
padding-top: 32px;
padding-bottom: 40px;
}
.estate--gallery {
flex-direction: column;
}
.estate--gallery--main {
width: 100%;
height: 300px;
margin-bottom: 16px;
}
.estate--gallery--price {
top: 16px;
left: 16px;
}
.estate--gallery--div {
flex-direction: row;
width: 100%;
height: unset;
}
.estate--gallery--second,
.estate--gallery--more {
height: 160px;
width: calc(50% - 8px);
}
.estateAbout {
padding-top: 40px;
padding-bottom: 40px;
}
.estateAbout--heading {
margin-bottom: 16px;
}
.estateAbout--description,
.estateAbout--text {
margin-bottom: 40px;
}
.estateAbout--params--div {
flex-direction: column;
align-items: flex-start;
padding: 18px 16px;
}
.estateAbout--params--name {
white-space: normal;
margin-right: 0;
margin-bottom: 6px;
}
.estateAbout--params--value {
text-align: left;
}
.estateForm--input,
.estateForm--textarea {
padding: 14px 18px;
}
.estateForm--close {
padding: 14px 20px;
}
}
@media (max-width: 567px) {
.estate--row--left {
margin-bottom: 16px;
}
.estate--row--right {
flex-direction: column;
}
.estate--row--btn {
margin-right: 0;
margin-bottom: 16px;
}
.estate--description--circle {
margin: 0 8px;
}
.estate--gallery--main {
height: 200px;
margin-bottom: 12px;
}
.estate--gallery--price {
top: 12px;
left: 12px;
padding: 12px 16px;
}
.estate--gallery--second,
.estate--gallery--more {
height: 110px;
width: calc(50% - 6px);
}
.estate--gallery--content {
left: 20px;
bottom: 16px;
}
.estateAbout {
overflow: hidden;
}
.estateAbout--params {
padding: 0 20px;
margin: 0 -20px;
}
.estateAbout--params--div {
padding: 16px 8px;
}
.estateAbout--params--name {
margin-bottom: 4px;
}
.estateAbout--map {
height: 340px;
}
.estateAbout--broker {
padding: 16px 16px;
}
.estateAbout--broker--img {
width: 82px;
height: 110px;
float: none;
}
}
@media (max-width: 360px) {
.estate--gallery--main {
height: 170px;
}
.estate--gallery--second,
.estate--gallery--more {
height: 90px;
}
.estate--gallery h3 {
display: none;
}
.estateAbout {
padding-bottom: 0;
}
.estateAbout--params--div {
padding: 16px 0;
}
.estateAbout--broker {
padding: 20px;
margin: 0 -20px;
}
}
.contact {
padding-top: 80px;
padding-bottom: 80px;
}
.contact--grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
grid-gap: 24px;
margin-top: 48px;
}
.contact--div {
display: flex;
align-items: center;
background-color: #fff;
border-radius: 4px;
padding: 16px;
overflow: hidden;
}
.contact--img {
width: 221px;
height: 320px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
margin-right: 40px;
}
.contact--position {
color: #bd1818;
margin: 8px 0 24px;
}
.contact--data {
display: flex;
align-items: center;
text-decoration: none;
color: #140102;
}
.contact--data--icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 40px;
background-color: #140102;
border-radius: 6px;
margin-right: 12px;
}
.contact--data--img {
width: 24px;
height: 24px;
}
.contact--data--margin {
margin: 8px 0 24px;
}
.contactBottom {
position: relative;
z-index: 1;
background-color: #393233;
}
.contactBottom--row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #7e7374;
margin-bottom: -1px;
}
.contactBottom--form {
width: calc(50% - 12px);
color: #fff;
padding-top: 72px;
padding-bottom: 56px;
}
.contactBottom--form--row {
display: flex;
justify-content: space-between;
margin: 32px 0 24px;
}
.contactBottom--form--input {
width: calc(50% - 12px);
}
.contactBottom--form--bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 24px;
}
.contactBottom--form--p {
max-width: 290px;
color: #b6afaf;
margin-right: 24px;
}
.contactBottom--form--a {
color: #fff;
}
.contactBottom--form--submit {
padding: 18px 80px;
}
.contactBottom--a {
width: calc(50% + 68px);
margin-right: -80px;
}
.contactBottom--img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1439px) {
.contactBottom--a {
width: calc(50% + 28px);
margin-right: -40px;
}
}
@media (max-width: 1365px) {
.contact {
padding-top: 56px;
padding-bottom: 56px;
}
.contact--grid {
grid-template-columns: 1fr;
margin-top: 24px;
}
.contactBottom--form {
padding-top: 56px;
padding-bottom: 40px;
}
.contactBottom--form--row {
margin: 24px 0 16px;
}
.contactBottom--form--input {
width: calc(50% - 8px);
}
.contactBottom--form--bottom {
margin-top: 16px;
}
.contactBottom--form--submit {
padding: 16px 50px;
}
}
@media (max-width: 1023px) {
.contact--img {
width: 200px;
height: 300px;
margin-right: 32px;
}
.contact--position {
margin: 6px 0 16px;
}
.contact--data--margin {
margin: 8px 0 16px;
}
.contactBottom--row {
flex-direction: column;
}
.contactBottom--form {
width: 100%;
}
.contactBottom--a {
width: 100%;
margin: 0 0 40px;
}
.contactBottom--img {
max-height: 400px;
}
}
@media (max-width: 767px) {
.contact {
padding-top: 36px;
padding-bottom: 40px;
}
.contact--grid {
margin-top: 16px;
}
.contact--img {
width: 160px;
height: 230px;
margin-right: 24px;
}
.contact--data--icon {
width: 36px;
height: 36px;
margin-right: 10px;
}
.contact--data--img {
width: 22px;
height: 22px;
}
.contact--position {
margin: 6px 0 16px;
}
.contactBottom--img {
max-height: 300px;
}
.contactBottom--form {
padding-top: 40px;
}
.contactBottom--form--submit {
padding: 14px 42px;
}
}
@media (max-width: 567px) {
.contact--div {
flex-direction: column;
align-items: flex-start;
padding: 16px 16px 24px;
}
.contact--img {
width: 300px;
height: 420px;
margin: 0 auto 24px;
}
.contactBottom--form--row {
flex-direction: column;
margin: 4px 0 12px;
}
.contactBottom--form--input {
width: 100%;
margin-top: 12px;
}
.contactBottom--form--bottom {
flex-direction: column;
align-items: flex-start;
margin-top: 12px;
}
.contactBottom--form--p {
margin-right: 0;
}
.contactBottom--form--submit {
margin-top: 16px;
}
}
@media (max-width: 360px) {
.contact--div {
width: calc(100% + 40px);
padding: 20px 20px 24px;
margin: 0 -20px;
}
.contact--data h5 {
font-size: 14px;
}
}
.services {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
grid-gap: 72px 24px;
padding-top: 96px;
padding-bottom: 80px;
}
.services--line {
height: 1px;
border-radius: 2px;
background-color: #d4cece;
}
.services--div {
background-color: #fff;
border-radius: 4px;
overflow: hidden;
}
.services--div--border {
border: 1px solid #d4cece;
border-radius: 4px;
padding: 85px 48px 80px;
overflow: hidden;
}
.services--img {
width: 100%;
height: 367px;
-o-object-fit: cover;
object-fit: cover;
}
.services--name {
position: absolute;
bottom: 16px;
left: 16px;
max-width: calc(100% - 32px);
color: #fff;
background-color: rgba(19, 15, 15, 0.7);
border-radius: 12px;
padding: 21px 32px;
}
.services--text {
padding: 40px 48px;
}
.services--team {
display: flex;
margin: 0 -5px 43px;
}
.services--team--img {
width: 130px;
height: 130px;
border: 5px solid #f6f3f3;
border-radius: 50%;
margin-left: -40px;
}
.services--team--img:nth-child(1) {
margin-left: 0;
}
.services--team--div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background-color: #140102;
color: #fff;
}
.services--team--p {
width: -moz-min-content;
width: min-content;
margin-bottom: 2px;
}
.services--team--subheading {
color: #bd1818;
}
.services--team--heading {
max-width: 387px;
margin: 20px 0 24px;
}
@media (max-width: 1365px) {
.services {
grid-gap: 56px 24px;
padding-top: 72px;
padding-bottom: 56px;
}
.services--div--border {
padding: 56px 40px;
}
.services--img {
height: 267px;
}
.services--name {
padding: 16px 24px;
}
.services--text {
padding: 32px 40px;
}
.services--team {
margin: 0 -3px 36px;
}
.services--team--img {
width: 102px;
height: 102px;
border: 3px solid #f6f3f3;
margin-left: -32px;
}
.services--team--heading {
max-width: 320px;
}
}
@media (max-width: 1023px) {
.services {
grid-template-columns: 1fr;
}
.services--div--border {
padding: 56px 48px;
}
.services--img {
height: 340px;
}
.services--name {
padding: 21px 32px;
}
.services--text {
padding: 40px 48px;
}
}
@media (max-width: 767px) {
.services {
grid-gap: 40px 24px;
padding-top: 40px;
padding-bottom: 40px;
}
.services--div--border {
padding: 52px 40px;
}
.services--img {
height: 300px;
}
.services--name {
padding: 16px 24px;
}
.services--text {
padding: 32px 40px;
}
.services--team {
margin: 0 -3px 32px;
}
.services--team--img {
width: 92px;
height: 92px;
border: 3px solid #f6f3f3;
margin-left: -26px;
}
.services--team--p {
display: none;
}
.services--team--heading {
max-width: 260px;
}
}
@media (max-width: 567px) {
.services {
grid-gap: 36px 24px;
}
.services--div--border {
padding: 32px 26px;
}
.services--img {
height: 200px;
}
.services--text {
padding: 22px 26px;
}
.services--name {
bottom: 10px;
left: 10px;
max-width: calc(100% - 20px);
padding: 12px 16px;
}
.services--team {
margin: 0 -3px 24px;
}
.services--team--img {
width: 75px;
height: 75px;
}
.services--team--heading {
margin: 16px 0 20px;
}
}
@media (max-width: 360px) {
.services--team--img {
width: 67px;
height: 67px;
}
}
.about {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 72px;
padding-bottom: 80px;
}
.about--left {
position: relative;
width: 40.5%;
}
.about--quote {
position: absolute;
top: -16px;
left: -44px;
width: 119px;
height: auto;
z-index: -1;
}
.about--subheading {
color: #bd1818;
}
.about--heading {
margin: 16px 0 32px;
}
.about--text {
color: #393233;
}
.about--person {
display: flex;
align-items: center;
margin-top: 40px;
}
.about--person--img {
width: 120px;
height: 120px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
margin-right: 24px;
}
.about--person--career {
color: #7e7374;
margin-top: 6px;
}
.about--right {
position: relative;
width: 49%;
}
.about--right--img1 {
width: 65.4%;
height: auto;
border-radius: 4px;
}
.about--right--margin {
position: relative;
width: 69%;
background-color: #f6f3f3;
border-radius: 4px;
padding: 11px;
margin: -194px 0 0 auto;
}
.about--right--img2 {
position: relative;
width: 100%;
height: auto;
border-radius: 4px;
}
.about--right--text {
position: absolute;
color: #fff;
background: rgba(19, 15, 15, 0.7);
border-radius: 8px;
}
.about--right--text a,
.about--right--text span {
color: inherit;
text-decoration: none;
display: block;
padding: 19px 24px 19px 46px;
}
.about--right--text::before {
position: absolute;
content: '';
top: 50%;
left: 24px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-color: #bd1818;
border-radius: 50%;
}
.about--right--top {
top: 16px;
left: 16px;
}
.about--right--bottom {
bottom: 27px;
right: 27px;
}
@media (max-width: 1365px) {
.about {
padding-top: 56px;
padding-bottom: 56px;
}
.about--left {
width: 46%;
}
.about--heading {
margin: 16px 0 24px;
}
.about--quote {
top: -10px;
left: -32px;
width: 100px;
}
.about--person {
margin-top: 32px;
}
.about--person--img {
width: 102px;
height: 102px;
margin-right: 20px;
}
.about--right {
width: 46%;
}
.about--right--img1 {
width: 80%;
}
.about--right--margin {
width: 76%;
padding: 8px;
margin: -130px 0 0 auto;
}
.about--right--bottom {
bottom: 24px;
right: 24px;
}
}
@media (max-width: 1023px) {
.about {
flex-wrap: wrap;
}
.about--left {
width: 100%;
margin-bottom: 56px;
}
.about--right {
width: 100%;
}
}
@media (max-width: 767px) {
.about {
padding-top: 36px;
padding-bottom: 36px;
}
.about--left {
margin-bottom: 40px;
}
.about--heading {
margin: 12px 0 16px;
}
.about--quote {
left: -34px;
width: 92px;
}
.about--person {
margin-top: 24px;
}
.about--person--img {
width: 88px;
height: 88px;
margin-right: 16px;
}
.about--person--career {
margin-top: 4px;
}
.about--right--text {
border-radius: 4px;
}
.about--right--text a,
.about--right--text span {
padding: 14px 20px 14px 36px;
}
.about--right--text::before {
left: 18px;
width: 8px;
height: 8px;
}
.about--right--top {
top: 12px;
left: 12px;
}
.about--right--bottom {
bottom: 20px;
right: 20px;
}
.about--right--margin {
margin: -110px 0 0 auto;
}
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.is-visible {
display: block;
}
.is-open {
display: block;
}
.is-hidden {
display: none;
}
.is-unscrollable {
overflow: hidden;
}
.relative {
position: relative;
}
.gdpr {
padding-top: 80px;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
}
.gdpr--content {
margin-top: 48px;
}
.gdpr .p3 {
margin-bottom: 24px;
text-align: center;
}
.gdpr .ol1 {
margin-bottom: 48px;
}