html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-color: #faf0e7;
}
body main {
padding-top: 92px;
}
@media (max-width: 1024px) {
body main {
padding-top: 84px;
}
}
body.home main {
padding-top: 0;
}
.site-block {
margin: 0 auto;
padding-left: 60px;
padding-right: 60px;
position: relative;
}
.site-block--wider {
padding-left: 196px;
padding-right: 196px;
}
@media (max-width: 1260px) {
.site-block--wider {
padding-left: 80px;
padding-right: 80px;
}
}
@media (max-width: 1024px) {
.site-block--wider {
padding-left: 21px;
padding-right: 21px;
}
}
.section {
overflow-x: hidden;
position: relative;
}
.section-fh {
height: 100vh;
}
@media (max-width: 767px) {
.site-block {
padding-left: 20px;
padding-right: 20px;
}
}
.h-row {
margin: 0 -20px;
}
@media (max-width: 1024px) {
.h-row {
margin: 0 -15px;
}
}
@media (max-width: 640px) {
.h-row {
margin: 0 -10px;
}
}
.col-1-of-2,
.col-1-of-3,
.col-2-of-3,
.col-1-of-4,
.col-3-of-4,
.col-1-of-5,
.col-2-of-5,
.col-3-of-5,
.col-1-of-6,
.col-1-of-12 {
float: left;
}
.h-row > .col-1-of-2,
.h-row > .col-1-of-3,
.h-row > .col-2-of-3,
.h-row > .col-1-of-4,
.h-row > .col-3-of-4,
.h-row > .col-1-of-5,
.h-row > .col-2-of-5,
.h-row > .col-3-of-5,
.h-row > .col-1-of-6,
.h-row > .col-1-of-12 {
padding: 0 20px;
}
@media (max-width: 1024px) {
.h-row > .col-1-of-2,
.h-row > .col-1-of-3,
.h-row > .col-2-of-3,
.h-row > .col-1-of-4,
.h-row > .col-3-of-4,
.h-row > .col-1-of-5,
.h-row > .col-2-of-5,
.h-row > .col-3-of-5,
.h-row > .col-1-of-6,
.h-row > .col-1-of-12 {
padding: 0 15px;
}
}
@media (max-width: 640px) {
.h-row > .col-1-of-2,
.h-row > .col-1-of-3,
.h-row > .col-2-of-3,
.h-row > .col-1-of-4,
.h-row > .col-3-of-4,
.h-row > .col-1-of-5,
.h-row > .col-2-of-5,
.h-row > .col-3-of-5,
.h-row > .col-1-of-6,
.h-row > .col-1-of-12 {
padding: 0 10px;
}
}
.h-row > .no-padding {
padding-left: 0px;
padding-right: 0px;
}
.h-row > .no-padding-right {
padding-right: 0px;
}
.h-row > .no-padding-left {
padding-left: 0px;
}
.col-1-of-2.fr,
.col-1-of-3.fr,
.col-2-of-3.fr,
.col-1-of-4.fr,
.col-3-of-4.fr,
.col-1-of-5.fr,
.col-2-of-5.fr,
.col-3-of-5.fr,
.col-1-of-6.fr,
.col-1-of-6.fr {
float: right;
}
.col-1-of-2 {
width: 50%;
}
.col-1-of-3 {
width: 33.33333%;
}
.col-2-of-3 {
width: 66.6666%;
}
.col-1-of-4 {
width: 25%;
}
.col-3-of-4 {
width: 75%;
}
.col-1-of-5 {
width: 20%;
}
.col-2-of-5 {
width: 40%;
}
.col-3-of-5 {
width: 60%;
}
.col-1-of-6 {
width: 16.66666%;
}
.col-1-of-12 {
width: 8.33333%;
}
.lozad {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.lozad--loaded {
opacity: 1;
}
.h-menu {
list-style: none;
padding: 0;
margin: 0;
}
.h-fl {
float: left;
}
.h-fr {
float: right;
}
.h-tar {
text-align: right;
}
.h-tac {
text-align: center;
}
.h-tal {
text-align: left;
}
.h-date {
color: #ccc;
}
.h-bg-img {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.h-v-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
margin-right: -5px;
}
.h-v-align__content {
display: inline-block;
vertical-align: middle;
width: calc(100% - 1px);
}
.h-row:before,
.h-row:after,
.h-clearfix:before,
.h-clearfix:after,
.form-row:before,
.form-row:after {
content: '';
display: table;
}
.h-row:after,
.h-clearfix:after,
.form-row:after {
clear: both;
}
.h-row,
.h-clearfix,
.form-row {
zoom: 1;
}
.h-hide {
display: none;
}
.h-responsive-show {
display: none;
}
.svg-hover:hover {
filter: invert(47%) sepia(55%) saturate(5056%) hue-rotate(360deg)
brightness(100%) contrast(108%);
transition: 0.1s all ease;
}
@media (max-width: 1024px) {
.h-responsive-show {
display: block;
}
.h-responsive-hide {
display: none;
}
}
body {
font-size: 16px;
font-family: 'Sweet Sans Pro', Arial;
touch-action: auto !important;
}
body:not(.home) {
overflow: auto !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
p,
.site-header ul,
.mobile-menu li a,
.h-styled-content--alt-font,
.section-title,
.section-subtitle,
.contact-info li,
input.wpcf7-submit {
font-weight: 300;
font-family: 'Sweet Sans Pro';
font-style: normal;
color: #fcf9f3;
}
.btn {
transition-duration: 0.2s;
}
ul {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0;
list-style-type: none;
}
a {
color: #fcf9f3;
text-decoration: none;
padding-bottom: 2px;
margin-bottom: 5px;
transition-duration: 0.2s;
}
a:hover {
color: #f74915;
border-bottom: 1px solid #f74915;
}
p {
line-height: 28px;
margin-bottom: 0;
font-style: normal;
font-size: 25px;
}
p.smaller {
font-size: 18px;
line-height: 28px;
}
h3 {
font-size: 45px;
text-transform: uppercase;
line-height: 54px;
}
h2 {
font-size: 60px;
font-weight: 700;
text-transform: uppercase;
line-height: 72px;
margin: 0;
}
@media (max-width: 1024px) {
h2 {
font-size: 30px;
line-height: 36px;
}
}
h4 {
font-size: 25px;
line-height: 30px;
text-transform: uppercase;
}
.h-bg-bordo {
background-color: #3c2221;
}
.h-bg-dgreen {
background-color: #2d3730;
}
.form-row p {
display: flex;
}
.form-row p span:first-child {
margin-right: 20px;
}
@media (max-width: 1024px) {
.form-row p span:first-child {
margin-right: 0;
}
}
@media (max-width: 1024px) {
.form-row p {
display: block;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.page-template.loader--hidden,
.post-type-archive.loader--hidden {
-webkit-animation: fadein 2s ease-in;
-moz-animation: fadein 2s ease-in;
-ms-animation: fadein 2s ease-in;
-o-animation: fadein 2s ease-in;
animation: fadein 2s ease-in;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: #e4572e !important;
border-color: #e4572e !important;
}
#CybotCookiebotDialogFooter
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
border-color: #e4572e !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: #3c2221 !important;
}
#CybotCookiebotDialog
input:checked
+ .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: #e4572e !important;
}
#CybotCookiebotDialog
.CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled
input:checked
+ .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: #d6d6d6 !important;
}
.site-popup {
max-width: 1066px;
width: 100%;
}
@media (max-width: 1024px) {
.site-popup {
max-width: 87.5%;
}
}
.global-popup > a {
font-size: 0;
}
.global-popup img {
display: block;
width: 100%;
}
.fancybox-container {
z-index: 998 !important;
font-family: 'Sweet Sans Pro', Arial, serif !important;
}
.fancybox-bg {
background: none !important;
}
.fancybox-slide > * {
color: #3c2221;
background-color: #3c2221 !important;
margin: 0 !important;
}
.fancybox-slide > * .open-door__content {
background-color: #3c2221;
margin-top: -25px;
}
@media (max-width: 1024px) {
.fancybox-slide > * .open-door__content {
margin-top: -10px;
}
}
.open-door .wpcf7-not-valid-tip {
margin-bottom: 15px;
padding-left: 0;
font-size: 16px;
}
.hidden {
display: none !important;
}
.wpcf7-spinner {
display: none !important;
}
.open-door-register-form br {
display: none;
}
@media (max-width: 1024px) {
.open-door-register-form p {
margin-top: 5px;
}
}
.open-door-register-form.single {
width: 100%;
margin-bottom: 130px;
margin-top: 20px;
}
.open-door-register-form .wpcf7-list-item {
margin-left: 60px;
}
@media (max-width: 1024px) {
.open-door-register-form .wpcf7-list-item {
margin-left: 30px;
}
}
.open-door-register-form .wpcf7-form-control-wrap {
display: block;
}
.open-door-register-form .wpcf7-list-item-label {
color: #fcf9f3;
display: inline-block;
font-size: 16px;
letter-spacing: 0;
}
@media (max-width: 1024px) {
.open-door-register-form .wpcf7-list-item-label {
font-size: 9px;
line-height: 15px;
}
}
@media (max-width: 640px) {
.open-door-register-form .wpcf7-list-item-label {
height: initial;
}
}
.open-door-register-form .wpcf7-acceptance {
margin-top: -30px;
}
.open-door-register-popup {
padding: 0 !important;
}
@media (max-width: 640px) {
.open-door-register-popup {
max-width: 100%;
}
}
.open-door-register-popup .fancybox-close-small {
right: 38px;
top: 27px;
}
@media (max-width: 1200px) {
.open-door-register-popup .fancybox-close-small {
transform: scale(0.7);
right: 15px;
top: 5px;
}
}
.open-door-register-popup .fancybox-close-small:after {
width: 47px;
height: 47px;
content: url('/wp-content/themes/initializr/assets/images/close.svg');
}
.open-door .wpcf7 input[type='text'],
.open-door .wpcf7 input[type='email'],
.open-door .wpcf7 input[type='number'],
.open-door .wpcf7 input[type='tel'],
.open-door .wpcf7 textarea {
font-size: 18px;
padding: 30px 20px;
color: #FFF;
}
@media (max-width: 1200px) {
.open-door .wpcf7 input[type='text'],
.open-door .wpcf7 input[type='email'],
.open-door .wpcf7 input[type='number'],
.open-door .wpcf7 input[type='tel'],
.open-door .wpcf7 textarea {
font-size: 11px;
padding: 10px 10px;
}
}
.open-door .wpcf7 input[type='text']::placeholder,
.open-door .wpcf7 input[type='email']::placeholder,
.open-door .wpcf7 input[type='number']::placeholder,
.open-door .wpcf7 input[type='tel']::placeholder,
.open-door .wpcf7 textarea::placeholder {
color: rgba(255,255,255, 0.8);
opacity: 0.6;
font-size: 18px;
text-align: left;
}
@media (max-width: 1200px) {
.open-door .wpcf7 input[type='text']::placeholder,
.open-door .wpcf7 input[type='email']::placeholder,
.open-door .wpcf7 input[type='number']::placeholder,
.open-door .wpcf7 input[type='tel']::placeholder,
.open-door .wpcf7 textarea::placeholder {
font-size: 11px;
}
}
.open-door__text {
position: relative;
z-index: 1;
}
.open-door__text:after {
content: url('/wp-content/themes/initializr/assets/images/popup-contour.svg');
display: inline-block;
margin-top: 10px;
}
@media (max-width: 1024px) {
.open-door__text:after {
content: '';
display: none;
}
}
.open-door__text p {
padding-right: 0;
margin: 0 auto;
font-size: 14px;
letter-spacing: unset;
line-height: normal;
}
@media (max-width: 1024px) {
.open-door__text p {
font-size: 12px;
line-height: 15px;
}
}
.open-door .wpcf7-submit {
position: absolute;
width: initial;
right: 0;
bottom: 0;
padding: 20px 80px;
}
@media (max-width: 1024px) {
.open-door .wpcf7-submit {
margin: 10px 0 0 !important;
padding: 10px 80px;
}
}
@media (max-width: 640px) {
.open-door .wpcf7-submit {
right: 50%;
transform: translateX(50%);
}
}
.open-door .wpcf7-submit:hover {
font-weight: initial;
}
.register-popup__form-wrapper {
width: 100%;
padding: 30px 50px;
margin: 0 auto;
border-radius: 2px;
}
@media (max-width: 1024px) {
.register-popup__form-wrapper {
padding: 15px;
}
}
.register-popup__title {
font-size: 41px;
line-height: 49.2px;
text-align: left;
color: #fcf9f3;
text-transform: uppercase;
padding: 0;
font-weight: 700;
margin-top: 0;
margin-bottom: 5px;
}
@media (max-width: 1024px) {
.register-popup__title {
font-size: 22px;
line-height: 30px;
width: 80%;
}
}
.register-popup__title p {
margin-top: 0;
}
.open-door__visual-section .register-popup__title {
font-size: 20px;
text-align: center;
padding: 25px 4.5%;
border-bottom: none;
}
.open-door__content {
display: flex;
gap: 30px;
position: relative;
}
@media (max-width: 1200px) {
.open-door__content {
gap: 0px;
}
}
@media (max-width: 960px) {
.open-door__content {
align-items: center;
}
}
.open-door__content > * {
width: 50%;
margin-bottom: 80px;
}
@media (max-width: 960px) {
.open-door__content > * {
width: 100%;
margin-bottom: 5px;
}
}
.open-door__content > *.open-door__calendar__content {
max-width: 480px;
}
@media (max-width: 960px) {
.open-door__content > *.open-door__calendar__content {
margin-bottom: 60px;
}
}
@media (max-width: 960px) {
.open-door__content {
flex-direction: column;
}
}
.open-door .wpcf7-form.sent .submit-wrap {
display: none;
}
.odc-calendar__content__time {
margin-top: 15px;
}
.odc-calendar__title {
color: #fcf9f3;
font-size: 18px;
margin-bottom: 20px;
font-weight: 300;
}
@media (max-width: 1024px) {
.odc-calendar__title {
font-size: 14px;
margin-bottom: 5px;
}
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
display: none;
}
.flatpickr-innerContainer {
justify-content: center;
margin-bottom: 4px;
}
@media (max-width: 640px) {
.odc-calendar__content__calendar {
margin: 0 auto;
}
}
.flatpickr-calendar {
height: 275px;
}
@media only screen and (max-width: 1024px) {
.flatpickr-calendar {
height: 190px;
}
}
.flatpickr-months .flatpickr-month {
margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
.flatpickr-months .flatpickr-month {
margin-top: 0;
}
}
.flatpickr-months svg {
height: 20px !important;
width: 20px !important;
}
.flatpickr-rContainer {
width: 100%;
}
.flatpickr-weekdays {
width: 100%;
}
@media (max-width: 1024px) {
.flatpickr-weekdays {
height: 22px;
}
}
.flatpickr-weekdays .flatpickr-weekday {
color: #fcf9f3;
font-weight: 700;
font-size: 18px;
}
@media (max-width: 1024px) {
.flatpickr-weekdays .flatpickr-weekday {
height: 22px;
font-size: 14px;
}
}
.flatpickr-days {
width: 100%;
}
.dayContainer {
max-width: none;
min-width: auto;
width: 100%;
}
.flatpickr-day {
max-width: 60px;
max-height: 30px;
font-size: 18px;
color: #fcf9f3 !important;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.flatpickr-day {
font-size: 14px;
max-height: 20px;
}
}
.flatpickr-day.flatpickr-disabled {
font-weight: 300;
}
.flatpickr-day:hover {
font-weight: 600;
color: #fcf9f3 !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
background: #e4572e;
border-radius: 100%;
border: none;
max-width: 30px;
margin: 0 15px;
}
@media only screen and (max-width: 1024px) {
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
max-width: 24px;
}
}
@media (max-width: 960px) {
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
margin: 0 18px;
}
}
@media only screen and (max-width: 452px) {
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
margin: 0 9px;
}
}
.flatpickr-calendar {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #fcf9f3;
border-radius: 40px;
background: rgba(0, 0, 0, 0);
width: 100%;
}
.flatpickr-current-month .numInputWrapper {
display: none;
}
.flatpickr-current-month {
text-transform: uppercase;
color: #fcf9f3 !important;
}
@media (max-width: 1024px) {
.flatpickr-current-month {
font-size: 100%;
}
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
pointer-events: none;
text-align: center;
}
.flatpickr-prev-month,
.flatpickr-next-month {
color: #fcf9f3 !important;
fill: #fcf9f3 !important;
top: 10px !important;
}
@media only screen and (max-width: 1024px) {
.flatpickr-prev-month,
.flatpickr-next-month {
top: -3px !important;
}
}
.flatpickr-month {
height: 40px !important;
}
#odc-timepick {
min-width: 100%;
margin-top: 0;
max-width: 100%;
margin-left: 0;
font-weight: 500;
gap: 15px;
}
.open-door .btn--pick {
padding: 0.5em;
width: 22.5%;
border: 1px solid #fcf9f3;
font-size: 18px;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
clip-path: none;
min-width: unset;
}
@media (max-width: 1024px) {
.open-door .btn--pick {
width: 20.5%;
min-height: 35px;
font-size: 14px;
}
}
.open-door .btn--pick:hover {
border-color: #fcf9f3;
background-color: rgba(0, 0, 0, 0);
font-weight: 600;
}
.flatpickr-input[readonly] {
visibility: hidden;
}
.btn--pick.active {
background-color: #e4572e;
border-color: #e4572e;
}
.odc-calendar__content {
flex-direction: column;
}
.image-popup {
width: initial;
padding: 0 !important;
overflow: hidden !important;
}
.image-popup a {
display: flex;
padding: 0;
margin: 0;
}
.image-popup a:hover {
border-bottom: 0;
}
.image-popup img {
width: 100%;
}
.contact__wrapper {
position: absolute;
width: 100%;
top: 12vw;
}
@media (max-width: 1024px) {
.contact__wrapper {
position: relative;
display: flex;
top: auto;
align-items: center;
justify-content: space-around;
}
}
@media (max-width: 480px) {
.contact__wrapper {
align-items: initial;
justify-content: initial;
}
}
.contact__image {
width: 16vw;
}
@media (max-width: 1024px) {
.contact__image {
width: 29vw;
}
}
.contact__image img {
height: 16vw;
width: 13vw;
object-fit: cover;
}
@media (max-width: 1024px) {
.contact__image img {
width: 29vw;
height: 33vw;
}
}
.contact__column-item-name {
font-size: 25px;
font-weight: 600;
color: #fcf9f3;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.contact__column-item-name {
font-size: 18px;
}
}
@media (max-width: 380px) {
.contact__column-item-name {
font-size: 4.4vw;
}
}
.contact__column-item-name {
font-size: 25px;
font-weight: 600;
color: #fcf9f3;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.contact__column-item-name {
font-size: 18px;
}
}
@media (max-width: 380px) {
.contact__column-item-name {
font-size: 4.5vw;
}
}
.contact__column:last-child {
position: absolute;
left: 15vw;
top: 2vw;
}
@media (max-width: 1024px) {
.contact__column:last-child {
position: relative;
left: auto;
margin-left: 20px;
top: auto;
}
}
.contact__image-title {
font-size: 25px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 28px;
margin-top: 10px;
}
@media (max-width: 1024px) {
.contact__image-title {
font-size: 18px;
}
}
@media (max-width: 480px) {
.contact__image-title {
font-size: 3vw;
margin-top: 1vw;
margin-bottom: 4vw;
}
}
@media (max-width: 380px) {
.contact__image-title {
font-size: 3.5vw;
}
}
.contact__image-contacts {
font-size: 25px;
color: #fcf9f3;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.contact__image-contacts {
font-size: 18px;
}
}
@media (max-width: 480px) {
.contact__image-contacts {
font-size: 4vw;
}
}
.contact__image-contacts span,
.contact__image-contacts a {
font-size: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
@media (max-width: 1024px) {
.contact__image-contacts span,
.contact__image-contacts a {
font-size: 18px;
}
}
@media (max-width: 480px) {
.contact__image-contacts span,
.contact__image-contacts a {
font-size: 4vw;
}
}
.google-map {
height: 500px;
}
.map-filter__item {
cursor: pointer;
}
.map-filter__item .map-filter__regular {
display: block;
}
.map-filter__item .map-filter__active {
display: none;
}
.map-filter__item.is-active {
color: #e4572e;
}
.map-filter__item.is-active .map-filter__regular {
display: none;
}
.map-filter__item.is-active .map-filter__active {
display: block;
}
.loader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background-color: #2d3730;
}
.loader__wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loader__logo {
text-align: center;
margin-bottom: 45px;
}
.loader__logo img {
width: 342px;
height: 179px;
}
@media (max-width: 380px) {
.loader__logo img {
width: 80vw;
}
}
.loader__progress {
display: flex;
width: 90vw;
animation: fadeIn 9s;
max-width: 600px;
margin: 0 auto;
}
.loader__progress-bar {
width: 100%;
height: 1px;
margin-top: 8px;
background-color: #fff;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loader__progress-bar-0,
.loader__progress-bar-100 {
margin: 0px 10px 0px 10px;
color: #fff;
}
.header {
background-color: #26352b;
height: 100vh;
}
@media (max-width: 1024px) {
.header {
height: auto;
position: relative;
}
}
.header .site-block {
display: flex;
align-items: flex-end;
height: 100%;
margin-bottom: 0;
}
.header h2 {
z-index: 9;
}
.header__image {
object-fit: cover;
height: 100vh;
position: absolute;
width: 100%;
}
.header__image-bcg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-bottom-right-radius: 50% 50%;
}
@media (max-width: 1024px) {
.header__image {
height: 110%;
}
}
@media (max-width: 767px) {
.header__image {
height: 125%;
}
}
@media (max-width: 480px) {
.header__image {
height: 145%;
}
}
.header__content {
position: absolute;
right: 0px;
left: 0px;
top: auto;
bottom: 110px;
width: 65%;
}
.header__content div {
margin-bottom: 2.8vw;
z-index: 9;
}
.header__content .header__wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.header__image__round {
position: absolute;
bottom: 27vh;
right: 3vw;
width: 24vw;
border-radius: 100%;
}
@media (max-width: 1024px) {
.header__image__round {
bottom: 0;
}
}
.header__select_button {
position: absolute;
bottom: 3vw;
right: 22vw;
}
.place-header {
display: flex;
height: 100vh;
}
@media (max-width: 1024px) {
.place-header {
flex-direction: column;
height: 75vh;
}
}
@media (max-width: 480px) {
.place-header {
justify-content: space-between;
}
}
.place-header .header__content {
position: unset;
flex: 4;
}
@media (max-width: 1024px) {
.place-header .header__content {
flex: 2;
}
}
.place-header .header__content .header__wrapper {
align-items: flex-start;
margin-top: 82px;
padding-left: 20px;
}
@media (max-width: 1024px) {
.place-header .header__content .header__wrapper {
flex-direction: column;
margin-top: 85px;
}
}
.place-header .header__content .header__wrapper .main-title {
font-weight: 700;
font-size: 45px;
line-height: 54px;
}
@media (max-width: 480px) {
.place-header .header__content .header__wrapper .main-title {
font-size: 32px;
line-height: 40px;
}
}
.place-header .header__content .header__wrapper p {
font-weight: 300;
font-size: 25px;
line-height: 28px;
}
@media (max-width: 1024px) {
.place-header .header__content .header__wrapper p {
margin-top: 30px;
}
}
.place-header .header__image-container {
flex: 6;
border-bottom-right-radius: 80%;
height: 75vh;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
position: relative;
}
@media (max-width: 1024px) {
.place-header .header__image-container {
flex: 2;
border-bottom-right-radius: 60%;
}
}
.place-header .header__round-image-container {
position: absolute;
bottom: -70px;
right: 40%;
width: 368px;
height: 270px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.place-header .header__round-image-container {
width: 160px;
height: 110px;
bottom: -40px;
}
}
.place-header .header__round-image-container .header__round-image {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-position: center;
}
.place-header .header__round-image-container .header__round-image-contour,
.place-header
.header__round-image-container
.header__round-image-contour-mobile {
position: absolute;
bottom: -9px;
right: 66%;
}
.place-header .header__round-image-container .header__round-image-contour {
display: block;
}
.place-header
.header__round-image-container
.header__round-image-contour-mobile {
display: none;
}
@media (max-width: 1024px) {
.place-header .header__round-image-container .header__round-image-contour {
display: none;
}
.place-header
.header__round-image-container
.header__round-image-contour-mobile {
display: block;
}
}
@media (max-width: 1024px) {
.header {
background-color: #2d3730;
}
.header h3 {
margin-top: 40px;
margin-bottom: 40px;
}
.header__image-wrapper {
padding-top: 82px;
position: relative;
}
.header__image-wrapper__inner {
height: 88vw;
position: relative;
}
.header__image__round {
right: 60px;
width: 30vw;
height: 30vw;
}
}
@media (max-width: 767px) {
.header h3 {
font-size: 9vw;
}
.header__image__round {
right: 20px;
}
}
header {
position: fixed;
z-index: 99;
padding-top: 20px;
background-color: #26352b;
border-bottom: 1px solid rgba(252, 249, 243, 0.1);
width: 100%;
top: 0;
}
header .site-block {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
header .site-block {
align-items: flex-start;
}
}
header .main-logo {
border-bottom: none !important;
}
header .main-logo img {
height: 60px;
}
@media (max-width: 1024px) {
header .main-logo img {
height: 50px;
}
}
header .mobile-menu-button {
min-width: 91px;
display: inline-block;
padding: 4px 18px 5px;
font-size: 12px;
margin-right: 20px;
white-space: nowrap;
border: 1px solid transparent;
height: auto;
}
header .mobile-menu-button:hover {
background: #fff;
color: #f74915;
border: 1px solid transparent;
}
.h-responsive-hide.main-menu {
margin-top: 24px;
position: fixed;
z-index: 99;
top: 18px;
right: 3.1vw;
}
.h-responsive-hide.main-menu ul {
display: flex;
justify-content: space-around;
margin-left: 0;
text-transform: uppercase;
}
.h-responsive-hide.main-menu ul li {
padding-bottom: 3px;
border-bottom: none !important;
}
@media screen and (min-width: 1025px) {
.h-responsive-hide.main-menu ul li:first-of-type a {
line-height: 24px;
padding: 12px 63px 11px;
background: #f74915;
-webkit-clip-path: polygon(
5% 0%,
100% 0,
100% 70%,
95% 100%,
0 100%,
0% 30%
);
clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
border: 1px solid transparent;
}
.h-responsive-hide.main-menu ul li:first-of-type a:hover {
background: #fff;
border: 1px solid transparent;
}
}
.h-responsive-hide.main-menu ul li:not(:first-of-type) {
padding-left: 40px;
}
.h-responsive-hide.main-menu ul li a {
font-size: 1vw;
color: #fcf9f3;
text-decoration: none;
}
.h-responsive-hide.main-menu ul li:last-child {
margin-right: 0;
}
.h-responsive-hide.main-menu ul .menu-item:hover {
border-bottom: 1px solid #e4572e;
}
.h-responsive-hide.main-menu ul .menu-item:hover a {
color: #e4572e;
}
.menu-mobile {
display: none;
height: 100%;
width: 100%;
right: 0;
position: fixed;
z-index: 9999;
background-color: #26352b;
}
@media (min-width: 1024px) {
.menu-mobile {
display: none !important;
}
}
.menu-mobile .contact__image {
flex: 1;
}
.menu-mobile .contact__image img {
width: 19vw;
height: 21vw;
}
.menu-mobile .contact__column-item {
flex: 2;
}
@media (max-width: 767px) {
.menu-mobile .contact__image-title {
font-size: 4vw;
margin-bottom: 4vw;
margin-top: 1vw;
}
.menu-mobile .contact__image img {
width: inherit;
height: inherit;
}
}
.menu-mobile .site-block {
height: 100%;
}
.menu-mobile__hamburger {
height: 47px;
}
.menu-mobile__close {
z-index: 999;
position: absolute;
height: 47px;
top: 20px;
right: 60px;
}
@media (max-width: 767px) {
.menu-mobile__close {
right: 20px;
}
}
.menu-mobile-menu-container {
width: 55vw;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.menu-mobile-menu-container {
width: 100%;
display: block;
}
}
.menu-mobile .contact__wrapper {
margin-top: 0px;
width: 56vw;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.menu-mobile .contact__wrapper {
margin-top: 40px;
width: 100%;
}
}
.menu-mobile .menu-item a {
font-size: 31px;
font-weight: 700;
}
@media (max-width: 320px) {
.menu-mobile .menu-item a {
font-size: 28px;
}
}
.menu-mobile li.menu-item {
margin-bottom: 2vh;
}
.menu-mobile .icon-row__wrapper {
width: 100%;
}
.menu-mobile .icon-row {
justify-content: space-between;
margin: auto;
align-items: end;
}
.menu-mobile .icon-row img:not(:first-child) {
margin-left: 10px;
}
@media (max-width: 767px) {
.menu-mobile .icon-row {
width: 70%;
}
}
.menu-mobile .menu-row {
height: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.menu-mobile .menu-row {
padding-top: 88px;
padding-bottom: 57px;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
}
@media (max-width: 767px) {
.menu-mobile .menu-row {
flex-direction: column;
align-items: flex-start;
}
}
.menu-mobile .menu-content {
display: flex;
flex-direction: column;
height: 100%;
}
@media (max-width: 1024px) {
.menu-mobile .menu-content {
justify-content: space-between;
}
}
@media (max-width: 767px) {
.menu-mobile .menu-content {
justify-content: flex-start;
}
}
.menu-mobile .menu-side-image {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: flex-start;
}
.menu-mobile .menu-side-image .menu-side-image-contour {
margin-right: -140px;
margin-top: -10px;
}
.menu-mobile .menu-side-image .menu-side-image-file {
border-radius: 50% 0 0 50%;
height: 340px;
width: 340px;
}
@media (max-width: 767px) {
.menu-mobile .menu-side-image {
display: none;
}
}
#vaizdai {
background-color: #faf0e7;
padding-bottom: 7vw;
overflow: hidden;
}
#vaizdai h2 {
color: #26352b;
padding-bottom: 2vw;
font-size: 40px;
line-height: 1.2;
padding-top: 4vw;
}
@media (max-width: 1024px) {
#vaizdai h2 {
font-size: 20px;
line-height: 1.2;
padding-bottom: 0;
padding-top: 50px;
}
}
#vaizdai .slick-slide {
height: 30vw;
position: relative;
}
@media (max-width: 1024px) {
#vaizdai .slick-slide {
height: 220px;
}
}
#vaizdai .slick-slide img {
height: 100%;
width: 95%;
object-fit: cover;
}
#vaizdai .slick-slide .img-overlay img {
height: auto;
object-fit: unset;
}
#vaizdai .slick-dots {
text-align: left;
margin-top: 2vw;
display: flex;
align-items: center;
margin-left: 0;
}
#vaizdai .slick-dots button {
color: transparent;
width: 100%;
height: 100%;
text-transform: uppercase;
border: none;
transition-duration: 0.2s;
background: #26352b;
-webkit-clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 100%, 0 100%, 0 50%);
clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 100%, 0 100%, 0 50%);
}
#vaizdai .slick-dots li {
margin-right: 2px;
width: 23px;
height: 23px;
}
@media (max-width: 1024px) {
#vaizdai .slick-dots li {
width: 17px;
height: 16px;
}
}
#vaizdai .slick-dots li.slick-active button {
background-color: #e4572e;
}
#vaizdai .slick-dots li:hover button {
background-color: #e4572e;
}
.compensate-for-scrollbar {
margin: 0 !important;
}
.fancybox-toolbar {
top: 3px !important;
right: 5% !important;
}
.fancybox-navigation button:before {
background: rgba(0, 0, 0, 0) !important;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 8% !important;
}
@media (max-width: 767px) {
.fancybox-navigation .fancybox-button--arrow_right {
right: 3% !important;
}
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 5% !important;
}
@media (max-width: 767px) {
.fancybox-navigation .fancybox-button--arrow_left {
left: 1% !important;
}
}
@media (max-width: 767px) {
.fancybox-button svg {
height: 50px;
width: 50px;
}
}
.fancybox-button:disabled {
visibility: hidden;
}
.example::-webkit-scrollbar {
display: none;
}
.example {
-ms-overflow-style: none;
scrollbar-width: none;
}
.fancybox-button--arrow_right div svg:last-child,
.fancybox-button--arrow_left div svg:last-child,
.fancybox-button--close svg:last-child {
display: none;
}
.fancybox-button--arrow_right div svg:first-child,
.fancybox-button--arrow_left div svg:first-child,
.fancybox-button--close svg:first-child {
display: block;
}
.fancybox-button--arrow_right:hover div svg:last-child,
.fancybox-button--arrow_left:hover div svg:last-child,
.fancybox-button--close:hover svg:last-child {
display: block;
}
.fancybox-button--arrow_right:hover div svg:first-child,
.fancybox-button--arrow_left:hover div svg:first-child,
.fancybox-button--close:hover svg:first-child {
display: none;
}
.gallery-slider {
padding: 0px 0px 0px 60px;
z-index: 0 !important;
}
@media (max-width: 767px) {
.gallery-slider {
padding: 20px 0px 0px 20px;
}
}
.gallery-slider .slick-slide:hover .img-overlay {
opacity: 1;
}
.gallery-slider .img-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 95%;
opacity: 0;
transition: 0.5s ease;
background-color: rgba(45, 55, 48, 0.5);
}
.gallery-slider .img-overlay img {
position: absolute;
width: 60px !important;
height: 60px !important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.gallery {
background-color: #faf0e7;
}
.gallery__list {
display: flex;
padding-top: 83px;
padding-bottom: 123px;
justify-content: space-between;
}
.gallery__list-top {
padding-bottom: 0;
}
.gallery__list-bottom {
align-items: center;
padding-top: 0;
}
@media (max-width: 1024px) {
.gallery__list-desktop {
display: none;
}
.gallery.site-block {
padding: 0 20px;
}
}
.gallery__list-mobile {
display: none;
}
@media (max-width: 1024px) {
.gallery__list-mobile {
display: block;
}
}
@media (max-width: 1024px) {
.gallery__list {
padding: 28px 0 49px;
flex-direction: column;
}
}
.gallery__item {
flex: 1;
}
@media (max-width: 1024px) {
.gallery__item {
padding-top: 18px;
}
}
.gallery__item:not(:first-of-type) {
margin-left: 20px;
}
@media (max-width: 1024px) {
.gallery__item:not(:first-of-type) {
margin-left: 0;
}
}
.gallery__item--image {
display: inline-block;
position: relative;
margin-top: 30px;
width: 100%;
height: 30vw;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.gallery__item--image:hover {
border-bottom: none;
}
.gallery__item--image:hover .img-overlay {
opacity: 1;
}
.gallery__item--image > * {
width: 100%;
}
.gallery__item--image .img-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: 0.5s ease;
background-color: rgba(45, 55, 48, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
#vieta h3 {
font-weight: 700;
font-size: 28px;
margin-bottom: 5px;
margin-top: 0;
color: #26352b;
}
@media (max-width: 1024px) {
#vieta h3 {
font-size: 24px;
line-height: normal;
}
}
@media (max-width: 480px) {
#vieta h3 {
font-size: 14px;
}
}
.location__column-map {
width: 100%;
position: relative;
background-color: #faf0e7;
height: 825px;
}
@media (max-width: 1024px) {
.location__column-map {
height: auto;
}
.location__column-map .google-map {
height: 350px;
}
}
.google-map {
height: 100%;
}
.location__block {
position: absolute;
padding: 34px;
color: #26352b;
background-color: transparent;
bottom: 60px;
color: #fcf9f3;
opacity: 0.8;
left: 60px;
border: none;
}
.location__block:before {
content: "";
position: absolute;
left: 1px;
top: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
-webkit-clip-path: polygon(2% 0%, 100% 0, 100% 92%, 98% 100%, 0 100%, 0% 8%);
clip-path: polygon(2% 0%, 100% 0, 100% 92%, 98% 100%, 0 100%, 0% 8%);
background: #faf0e7;
z-index: 1;
}
.location__block:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-clip-path: polygon(2% 0%, 100% 0, 100% 92%, 98% 100%, 0 100%, 0% 8%);
clip-path: polygon(2% 0%, 100% 0, 100% 92%, 98% 100%, 0 100%, 0% 8%);
background: #F04D23;
z-index: 0;
}
@media (max-width: 1024px) {
.location__block {
position: relative;
padding: 10px 20px;
width: 80%;
left: 5%;
opacity: 1;
}
}
.location__block__wrapper {
position: relative;
z-index: 1;
}
.location__row {
display: flex;
flex-direction: row;
}
@media (max-width: 1024px) {
.location__row {
flex-direction: column;
}
.location__row .location__column:last-child {
margin-top: 30px;
}
}
.location__row .location__column:first-child {
margin-right: 20px;
}
.location__item {
color: #26352b;
font-size: 14px;
font-family: 'Century Gothic', sans-serif;
}
@media (max-width: 1024px) {
.location__item {
font-size: 14px;
}
}
@media (max-width: 480px) {
.location__item {
font-size: 10px;
}
}
@media (max-width: 1024px) {
.location__column-information:first-of-type {
margin-bottom: 10px;
}
}
.location__column-information:last-of-type {
margin-left: 60px;
}
@media (max-width: 1024px) {
.location__column-information:last-of-type {
margin-left: 0;
}
}
.location__item-big {
font-size: 18px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 1024px) {
.location__item-big {
font-size: 18px;
}
}
.location__item-big:first-of-type {
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.location__item-big:first-of-type {
margin-bottom: 10px;
}
}
.location__item-big .location__item-icon {
height: 55px;
width: 55px;
}
.location__item-title {
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
color: #26352b;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 1024px) {
.location__item-title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.location__item-title {
font-size: 10px;
}
}
.location__item-min {
color: #f04d23;
}
#kontaktai {
background-color: #d0c1df;
overflow: hidden;
}
#kontaktai h3 {
font-size: 3.1vw;
line-height: normal;
font-weight: 700;
margin-top: 0;
}
@media (max-width: 1024px) {
#kontaktai h3 {
font-size: 30px;
display: inline;
}
}
@media (max-width: 380px) {
#kontaktai h3 {
font-size: 6.7vw;
}
}
.registration__form h2 {
color: #26352b;
font-size: 2.5rem;
line-height: 1.2;
font-weight: 700;
width: 100%;
min-width: 300px;
max-width: 433px;
margin: 0 auto 50px;
}
@media (max-width: 1024px) {
.registration__form {
padding-left: 60px;
padding-right: 60px;
margin-top: 0;
width: 100%;
}
.registration__form h2 {
max-width: 100%;
}
}
@media (max-width: 767px) {
.registration__form {
padding-left: 20px;
padding-right: 20px;
}
.registration__form h2 {
font-size: 1rem;
margin: 23px auto 18px;
}
}
.registration form {
width: 100%;
min-width: 300px;
max-width: 433px;
margin: auto;
}
@media (max-width: 1024px) {
.registration form {
max-width: 100%;
}
}
.registration__content {
display: flex;
position: relative;
justify-content: space-between;
}
@media (max-width: 1024px) {
.registration__content {
flex-direction: column-reverse;
}
}
.registration__content__icon {
height: 42px;
object-fit: contain;
}
input {
border-radius: 0;
}
input[type='search'] {
-webkit-appearance: none;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='number'],
.wpcf7 input[type='tel'],
.wpcf7 textarea {
border: none;
border-bottom: 1px solid rgba(250, 240, 231, 0.9059);
background-color: rgba(0, 0, 0, 0);
color: #26352b;
width: 100%;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-sizing: border-box;
font-size: 18px;
outline: none;
padding-left: 20px;
line-height: normal;
padding-top: 2vw;
padding-bottom: 2vw;
transition-duration: 0.2s;
}
@media (max-width: 1024px) {
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='number'],
.wpcf7 input[type='tel'],
.wpcf7 textarea {
padding-top: 28px;
padding-bottom: 15px;
}
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 input[type='number']:focus,
.wpcf7 input[type='tel']:focus,
.wpcf7 textarea:focus {
border-bottom: 1px solid #26352b;
}
.wpcf7 input[type='text'].input-added,
.wpcf7 input[type='email'].input-added,
.wpcf7 input[type='number'].input-added,
.wpcf7 input[type='tel'].input-added,
.wpcf7 textarea.input-added {
border-bottom: 1px solid rgba(252, 249, 243, 0.1) !important;
}
.wpcf7 input:-webkit-autofill,
.wpcf7 input:-webkit-autofill:hover,
.wpcf7 input:-webkit-autofill:focus,
.wpcf7 input:-webkit-autofill:active,
.wpcf7 textarea:-webkit-autofill,
.wpcf7 textarea:-webkit-autofill:hover,
.wpcf7 textarea:-webkit-autofill:focus,
.wpcf7 textarea:-webkit-autofill:active,
.wpcf7 select:-webkit-autofill,
.wpcf7 select:-webkit-autofill:hover,
.wpcf7 select:-webkit-autofill:focus,
.wpcf7 select:-webkit-autofill:active {
/*caret-color: #fff;*/
/*color: #fff;*/
border: inherit !important;
/*-webkit-text-fill-color: #fff !important;*/
-webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0) inset !important;
background-color: rgba(0, 0, 0, 0) !important;
border-bottom: 1px solid rgba(252, 249, 243, 0.1) !important;
-webkit-transition-delay: 99999s;
}
.wpcf7 input[type='submit'],
.btn {
display: grid;
margin: 30px 0 0;
}
.wpcf7 input[type='submit']:hover,
.btn:hover {
background-color: #ffffff;
border-color: #ffffff;
color: #f74915;
}
input.wpcf7-submit,
.btn {
min-width: 323px;
width: auto;
text-align: center;
text-transform: uppercase;
padding: 10px 40px 9px;
font-size: 30px;
line-height: 1.2;
background-color: #f74915;
border: none;
margin: 0 auto;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition-duration: 0.2s;
-webkit-clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
}
@media (max-width: 1024px) {
input.wpcf7-submit,
.btn {
font-size: 18px;
padding: 4px 40px 5px;
}
}
@media (max-width: 767px) {
input.wpcf7-submit,
.btn {
min-width: 91px;
font-size: 12px;
line-height: 11px;
}
}
.wpcf7-list-item {
margin: 0;
display: inline-block;
margin-left: 21px;
}
.wpcf7-list-item-label {
color: #26352b;
}
.wpcf7-list-item-label a {
color: #f74915;
}
.wpcf7-acceptance {
font-size: 18px;
display: inline-block;
margin-top: 30px;
}
.wpcf7-acceptance input[type='checkbox'] {
opacity: 0;
margin-right: 20px;
}
.wpcf7-not-valid-tip {
font-size: 15px;
margin-top: 5px;
}
.wpcf7-acceptance input[type='checkbox'] + span:before,
.wpcf7-acceptance input[type='checkbox'] + span:after {
display: inline-block;
position: absolute;
content: ' ';
left: 0;
top: 0;
width: 1.45em;
height: 1.45em;
line-height: 1.3em;
cursor: pointer;
}
.wpcf7-acceptance input[type='checkbox'] + span:before {
background: #faf0e7;
}
.wpcf7-acceptance input[type='checkbox'] + span:after {
opacity: 0;
font-family: 'icomoon';
content: '';
font-size: 1em;
text-align: center;
color: #26352b;
padding-top: 2px;
transition: opacity 0.1s ease-in-out;
}
.wpcf7-acceptance input[type='checkbox']:checked + span:after {
opacity: 1;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
color: #26352b;
border-color: #e4572e;
text-align: center;
border-radius: 16px;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
.open-door-register-form .wpcf7 form.invalid .wpcf7-response-output {
margin-top: 20px;
}
.btn--primary {
background-color: rgba(0, 0, 0, 0);
border-color: #fcf9f3;
}
.btn--primary:hover {
border-color: #e4572e;
background-color: #e4572e;
}
.tech-solutions {
background-color: #3c2221;
}
.tech-solutions__content {
position: relative;
}
.tech-solutions img {
width: 100%;
margin-bottom: -1em;
}
.tech-solutions .decor {
position: absolute;
width: 275px;
top: 0;
left: 0;
}
@media (max-width: 1024px) {
.tech-solutions {
display: none;
}
.tech-solutions img {
object-fit: cover;
}
}
@media (max-width: 1440px) {
.tech-solutions .decor {
width: 150px;
}
}
.tech-solution-label {
position: absolute;
}
.tech-solution-label__button {
display: inline-block;
height: 55px;
line-height: 3.333333333rem;
width: 55px;
text-align: center;
background-color: #f04d23;
border: 1px solid #f04d23;
margin-left: -1.666em;
margin-top: -1.666em;
font-size: 25px;
color: #fcf9f3;
position: relative;
z-index: 1;
border-radius: 100%;
overflow: hidden;
transition-duration: 0.2s;
}
@media (max-width: 1024px) {
.tech-solution-label__button {
width: 45px;
height: 45px;
line-height: 45px;
}
}
.tech-solution-label__tooltip {
display: inline-block;
opacity: 0;
transition: opacity 0.333s;
pointer-events: none;
bottom: 70px;
left: -6em;
position: absolute;
padding: 26px;
width: 12em;
background-color: #deffaf;
color: #fcf9f3;
font-size: 25px;
letter-spacing: -0.5px;
}
.tech-solution-label__tooltip--top {
bottom: auto;
top: 25px;
}
.tech-solution-label__tooltip h3 {
color: #000000;
margin-bottom: 0;
margin-top: 0;
font-size: 26px;
font-weight: 500;
line-height: normal;
}
.tech-solution-label__tooltip p {
margin-top: 5px;
font-size: 20px;
font-family: 'Century Gothic', sans-serif;
line-height: normal;
color: #26352b;
}
@media screen and (min-width: 1024px) {
.tech-solution-label:hover .tech-solution-label__button {
background-color: #deffaf;
border-color: #deffaf;
color: #26352b;
}
}
@media (max-width: 1024px) {
.tech-solution-label .tech-solution-label__button {
background-color: #e4572e;
color: #fcf9f3;
}
.tech-solution-label.active .tech-solution-label__button {
background-color: #deffaf;
color: #26352b;
}
.tech-solution .tech-solution-label__tooltip.h-responsive-hide {
display: none !important;
opacity: 0 !important;
}
}
.tech-solution-label:hover .tech-solution-label__tooltip {
opacity: 1;
}
@media (max-width: 1024px) {
.tech-solution-label__tooltip.h-responsive-hide {
display: none !important;
opacity: 0 !important;
}
.tech-solutions__labels.h-responsive-show .tech-solution-label__tooltip {
display: none;
opacity: 1 !important;
position: relative;
left: auto;
bottom: auto;
width: 90%;
margin: auto;
margin-top: 20px;
}
}
.icon-row {
display: flex;
}
.icon-row img {
height: 30px;
}
.icon-row img:hover {
opacity: 0.7;
}
.icon-row img.icon-row--icon-eam {
height: 17px;
}
.page-template-news .news {
color: #26352b;
padding-top: 80px;
padding-bottom: 70px;
}
.page-template-news main .open-door .wpcf7-list-item-label, .page-template-news main .open-door__text p, .page-template-news main .open-door__text h4, .page-template-news main .open-door .flatpickr-weekdays .flatpickr-weekday{
color: #26352b;
}
.page-template-news main .open-door .flatpickr-current-month, .page-template-news main .open-door .flatpickr-day{
color: #26352b !important;
}
.page-template-news main .open-door .wpcf7-acceptance input[type='checkbox'] + span:before {
background: transparent;
border: solid 1px #f04d23;
}
@media (max-width: 1024px) {
.page-template-news .news {
padding-bottom: 50px;
padding-top: 30px;
}
}
.page-template-news .news-items {
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.page-template-news .news-items {
margin-bottom: 30px;
}
}
.page-template-news .news-single {
display: flex;
width: 90%;
margin: 0 auto;
padding-top: 64px;
padding-bottom: 58px;
border-bottom: 1px solid rgba(252, 249, 243, 0.1);
}
@media (max-width: 1024px) {
.page-template-news .news-single {
flex-direction: column;
padding-bottom: 30px;
padding-top: 30px;
width: 100%;
}
}
.page-template-news .news-left {
flex: 1;
}
.page-template-news .news-image {
width: 301px;
height: 301px;
background-size: cover;
background-position: center;
}
.page-template-news main .open-door .wpcf7 input[type='text']::placeholder,
.page-template-news main .open-door .wpcf7 input[type='email']::placeholder,
.page-template-news main .open-door .wpcf7 input[type='number']::placeholder,
.page-template-news main .open-door .wpcf7 input[type='tel']::placeholder,
.page-template-news main .open-door .wpcf7 textarea::placeholder {
color: rgba(38, 53, 43, 0.4);
}
.page-template-news main .open-door .wpcf7 input[type='text'],
.page-template-news main .open-door .wpcf7 input[type='email'],
.page-template-news main .open-door .wpcf7 input[type='number'],
.page-template-news main .open-door .wpcf7 input[type='tel'],
.page-template-news main .open-door .wpcf7 textarea {
color: #26352B;
border-bottom: 1px solid #FFFFFF;
}
.page-template-news .open-door .btn--pick {
border-color: #26352B;
color: #26352B;
}
.page-template-news .open-door .btn--pick.active {
border-color: #F74915;
background: #F74915;
color: #26352B;
}
@media (max-width: 1024px) {
.page-template-news .news-image {
height: 177px;
width: 100%;
}
}
.page-template-news .news-date {
font-size: 18px;
line-height: 28px;
margin-bottom: 28px;
display: inline-block;
margin-top: 0;
}
@media (max-width: 1024px) {
.page-template-news .news-date {
margin-bottom: 10px;
}
}
.page-template-news .news-title {
font-weight: 700;
font-size: 30px;
margin-top: 0;
margin-bottom: 15px;
line-height: 43px;
}
.page-template-news .news-title a {
transition: color 0.3s ease-in-out;
color: #26352b;
}
.page-template-news .news-title a:hover {
color: #f04d23;
}
@media (max-width: 1024px) {
.page-template-news .news-title {
margin-bottom: 20px;
font-size: 18px;
line-height: 36px;
}
}
.page-template-news .news-excerpt {
font-size: 22px;
font-weight: 300;
line-height: 28px;
}
@media (max-width: 1024px) {
.page-template-news .news-excerpt {
font-size: 18px;
line-height: 22px;
}
}
.page-template-news .news-read-more {
display: inline-block;
margin: 8px 0 0;
color: #f04d23;
font-size: 18px;
font-weight: 300;
border-bottom: 1px solid transparent;
}
.page-template-news .news-read-more:hover {
color: #26352b;
}
.page-template-news .news-read-more:hover .arrow {
border-color: #26352b;
}
.page-template-news .news-read-more .arrow {
margin-left: 5px;
border: solid #f04d23;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
@media (max-width: 1024px) {
.page-template-news .news-read-more {
display: inline-block;
}
}
.page-template-news .news-right {
flex: 4;
margin-left: 105px;
}
@media (max-width: 1024px) {
.page-template-news .news-right {
margin-left: 0;
margin-top: 30px;
}
}
.page-template-news .news-more {
text-align: center;
}
.page-template-news .news .register-popup__form-wrapper {
padding: 0;
}
@media (max-width: 960px) {
.page-template-news .news .register-popup__form-wrapper {
margin-bottom: 10px;
}
}
.page-template-news .news .register-popup__form-wrapper .open-door__content {
justify-content: space-between;
}
.page-template-news .news .register-popup__form-wrapper .open-door__text:after {
display: none;
}
.page-template-news .news .register-popup__form-wrapper .odc-calendar__title {
color: #26352B;
margin-bottom: 25px;
}
.page-template-news
.news
.register-popup__form-wrapper
.open-door__calendar__content {
margin-bottom: 90px;
}
@media (max-width: 960px) {
.page-template-news
.news
.register-popup__form-wrapper
.open-door__calendar__content {
margin-bottom: 70px;
}
}
.single-news {
color: #26352b;
padding-top: 90px;
}
@media (max-width: 1024px) {
.single-news {
padding-top: 30px;
}
}
.single-news-navigation-link {
color: #26352b;
text-transform: uppercase;
font-size: 21px;
}
.single-news-navigation-link:hover .arrow {
border: solid #e4572e;
border-width: 1px 0 0 1px;
}
.single-news-navigation-link .arrow {
margin-right: 15px;
border: solid #26352b;
border-width: 1px 0 0 1px;
display: inline-block;
padding: 7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.single-news-container {
display: flex;
padding-top: 30px;
padding-bottom: 60px;
}
@media (max-width: 1024px) {
.single-news-container {
flex-direction: column-reverse;
padding-bottom: 70px;
}
}
.single-news-left {
flex: 2;
}
.single-news-right {
flex: 1;
margin-left: 40px;
}
@media (max-width: 1024px) {
.single-news-right {
margin-left: 0;
}
}
.single-news-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-left: 60px;
}
@media (max-width: 1024px) {
.single-news-image {
width: 100%;
height: 177px;
margin-bottom: 30px;
}
}
.single-news-date {
font-weight: 300;
font-size: 18px;
line-height: 28px;
}
.single-news-title {
font-weight: 700;
font-size: 41px;
line-height: 49px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 40px;
}
.single-news-title a {
color: #26352b;
}
@media (max-width: 1024px) {
.single-news-title {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
}
.single-news-content > p {
font-weight: 300;
font-size: 25px;
line-height: 28px;
margin-top: 40px;
color: #26352b;
}
.single-news-content > p a {
color: #26352b;
}
.single-news-content > p a:hover {
color: #f04d23;
}
@media (max-width: 1024px) {
.single-news-content > p {
font-weight: 300;
font-size: 18px;
line-height: 22px;
margin-top: 20px;
}
}
.main-title {
color: #26352b;
line-height: normal;
text-transform: uppercase;
font-weight: 700;
font-size: 70px;
margin: 0;
}
@media (max-width: 1024px) {
.main-title {
font-weight: 700;
font-size: 30px;
line-height: 36px;
}
}
.main-title__smaller {
line-height: normal;
text-transform: uppercase;
font-weight: 700;
margin: 0;
font-size: 2.5rem;
color: #26352b;
}
@media (max-width: 1024px) {
.main-title__smaller {
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
}
}
.not-found {
margin-top: 94px;
}
@media (max-width: 1024px) {
.not-found {
margin-top: 84px;
}
}
.not-found__content {
padding-top: 90px;
padding-bottom: 70px;
}
@media (max-width: 1024px) {
.not-found__content {
padding-top: 32px;
padding-bottom: 128px;
}
}
.not-found__button {
display: inline-block;
margin-top: 60px;
}
.hide {
display: none;
}
.show {
display: revert;
}
.plot {
padding-top: 30px;
padding-bottom: 69px;
color: #fcf9f3;
text-transform: uppercase;
position: relative;
}
@media (max-width: 1024px) {
.plot {
margin-top: -30px;
padding-top: 0;
padding-bottom: 74px;
}
}
.plot__content {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
.plot__content {
flex-direction: column;
align-items: flex-start;
}
}
.plot__content > * {
flex: 1;
}
.plot__info {
text-align: center;
}
.plot__info .main-title {
font-weight: 700;
font-size: 45px;
line-height: 54px;
text-align: left;
color: #26352b;
}
@media (max-width: 1024px) {
.plot__info .main-title {
margin-bottom: 30px;
font-weight: 700;
font-size: 30px;
line-height: 36px;
}
}
.plot__advantages {
margin-top: 55px;
}
@media (max-width: 1024px) {
.plot__advantages {
display: none;
}
}
.plot__advantages--title {
font-weight: 700;
font-size: 25px;
line-height: 30px;
margin-top: 0;
margin-bottom: 30px;
text-align: left;
color: #26352b;
}
.plot__advantages--list-item {
font-weight: 300;
font-size: 25px;
line-height: 28px;
display: flex;
align-items: center;
cursor: pointer;
color: #26352b;
}
.plot__advantages--list-item:not(:last-of-type) {
margin-bottom: 20px;
}
.plot__advantages--list-item-file {
width: 55px;
margin-right: 28px;
display: block;
}
.plot__advantages--list-item-file-hover {
width: 55px;
margin-right: 28px;
display: none;
}
.plot__advantages--list-item:hover .plot__advantages--list-item-file,
.plot__advantages--list-item.is-active .plot__advantages--list-item-file {
display: none;
}
.plot__advantages--list-item:hover .plot__advantages--list-item-file-hover,
.plot__advantages--list-item.is-active .plot__advantages--list-item-file-hover {
display: block;
}
.plot__image {
margin: 0 auto;
flex: unset;
position: relative;
}
.plot__image-file {
width: 100%;
max-height: 650px;
}
.plot__image .plot-map-item {
position: absolute;
display: none;
}
.plot__image .plot-map-item.is-active {
display: block;
}
.plot__image .plot-map__items img {
height: 3em;
transform: translate(-50%, -94%);
}
@media (max-width: 1024px) {
.plot__image .plot-map__items img {
height: 2em;
}
}
.section-apartment {
display: flex;
}
@media (max-width: 1024px) {
.section-apartment {
flex-direction: column-reverse;
}
}
.about-apartment-images {
width: 100%;
position: relative;
}
.top-menu a:hover {
border-bottom: #2d3730;
}
.top-menu--top {
padding-top: 90px;
margin-bottom: 25px;
position: relative;
/*position: absolute;*/
/*top: 70px;*/
/*left: 0;*/
max-width: 350px;
/*right: 0;*/
margin-left: auto;
margin-right: auto;
z-index: 2;
}
@media (max-width: 1030px) {
.top-menu--top {
padding-top: 30px;
}
}
.top-menu--top.top-menu--top--with-gallery {
max-width: 450px;
}
/*@media (max-width: 1024px) {*/
/* .top-menu--top {*/
/* top: 30px;*/
/* }*/
/*}*/
.top-menu--top div {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 600px) {
.top-menu--top div {
justify-content: space-around;
}
}
.top-menu--bottom {
position: relative;
margin-top: 50px;
padding-bottom: 100px;
/*position: absolute;*/
/*bottom: 100px;*/
/*left: 0;*/
/*right: 0;*/
width: 250px;
margin-left: auto;
margin-right: auto;
z-index: 2;
}
@media (max-width: 1030px) {
.top-menu--bottom {
padding-bottom: 50px;
}
}
.top-menu--bottom div:not(.apartment-links) {
display: flex;
justify-content: space-between;
}
.top-menu__item {
border: 1px solid #f04d23;
border-radius: 50%;
display: flex;
font-size: 21px;
padding: 15px;
align-items: center;
aspect-ratio: 1/1;
background: #fff;
color: #f04d23;
transition: 0.3s all ease-in-out;
text-transform: uppercase;
font-weight: 500;
}
.top-menu__item__icon-wrapper .top-menu__item {
border: 1px solid #26352b;
}
.top-menu__item__icon-wrapper .top-menu__item:hover {
border: 1px solid #f04d23;
}
.top-menu__item:hover {
background-color: #f04d23;
color: #fff;
}
.top-menu__item--empty {
border: none;
background: transparent;
aspect-ratio: auto;
}
.top-menu__item--empty:hover {
border: none;
color: #26352b;
background-color: rgba(0, 0, 0, 0);
}
.top-menu__item--empty.is-active {
background-color: #fcf9f3 !important;
color: #f04d23 !important;
}
.top-menu__item--empty.is-active:hover {
border: none;
color: #f04d23 !important;
background-color: #fcf9f3;
}
.top-menu__item__icon-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top-menu__item__icon__text {
font-size: 18px;
text-align: center;
font-weight: 300;
}
.top-menu__item__icon img {
height: 24px;
}
.top-menu__item__icon .print-loaded--active {
display: none;
}
.top-menu__item__icon:not(.open-when-loaded):hover .print-loaded {
display: none;
}
.top-menu__item__icon:not(.open-when-loaded):hover .print-loaded--active {
display: block;
}
.top-menu__item.is-active {
background-color: #f04d23;
color: #fff;
}
.apartment-images__top-menu.gallery-active .top-menu__item:not(.is-active) {
border-color: #e5e5e5;
}
.flat {
top: 0;
color: #26352b;
position: relative;
}
.flat ul {
list-style-type: none;
margin-left: 0;
}
.flat__back {
margin-top: 70px;
display: block;
color: #26352b;
}
.flat__back img {
width: 248px;
}
.flat__back:hover {
border-bottom: none;
}
@media (max-width: 1024px) {
.flat__back {
margin-bottom: 22px;
margin-top: 22px;
margin-left: 20px;
}
}
.flat__listItem {
display: flex;
align-items: center;
width: 100%;
font-size: 22px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
font-weight: 400;
color: #26352b;
margin-top: 28px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.flat__listItem {
font-size: 18px;
font-weight: 300;
}
}
.flat__listItem.h-responsive-show {
display: none;
}
@media (max-width: 1024px) {
.flat__listItem.h-responsive-show {
display: revert;
}
}
@media (max-width: 1024px) {
.flat__listItem.h-responsive-hide {
display: none;
}
}
.flat__h-line {
height: 1px;
width: 100%;
background-color: #fff;
}
.flat__listItem--bigText {
color: #26352b;
font-weight: 700;
font-size: 25px;
}
.flat__listItem:first-child {
padding-top: 20px;
font-size: 60px;
margin: 0;
}
@media (max-width: 1024px) {
.flat__listItem:first-child {
font-size: 30px;
padding-top: 40px;
padding-bottom: 0;
}
}
.about-apartment-info--form {
display: none;
width: 50vw;
}
@media (max-width: 1024px) {
.about-apartment-info--form {
width: 100%;
}
}
.about-apartment-info--form p {
margin-top: 0;
}
.about-apartment-info--form h3 {
color: #26352b;
font-size: 25px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.about-apartment-info--form h3 {
margin-top: 0;
}
}
.about-apartment-info--form .flat .flat__details {
display: flex;
margin-top: 54px;
border-bottom: 1px solid rgba(252, 249, 243, 0.1);
padding-bottom: 43px;
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .flat__details {
margin-top: 40px;
flex-direction: column;
border-bottom: none;
}
}
.about-apartment-info--form .flat .flat__details--column {
display: flex;
width: 100%;
flex-direction: column;
}
.about-apartment-info--form .flat .flat__details--column:first-child {
margin-right: 20px;
}
.about-apartment-info--form .flat .flat__listItem {
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
margin-top: 0;
}
@media (max-width: 1260px) {
.about-apartment-info--form .flat .flat__listItem {
font-size: 20px;
}
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .flat__listItem {
text-transform: none;
border-bottom: 1px solid #fcf9f3;
font-size: 18px;
font-weight: 300;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 0;
}
.about-apartment-info--form .flat .flat__listItem .flat__listItem:last-child {
padding-bottom: 0;
}
}
.about-apartment-info--form .flat .flat__listItem--bigText {
font-weight: 300;
font-size: 18px;
text-transform: capitalize;
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .flat__listItem--bigText {
font-weight: 600;
text-transform: uppercase;
}
}
.about-apartment-info--form .flat .flat__listItem--title {
border: none;
height: auto;
}
.about-apartment-info--form .flat .flat__listItem--title strong {
font-size: 30px;
}
.about-apartment-info--form .flat .flat__listItem:first-child {
font-size: 25px;
font-weight: 600;
padding-top: 0;
margin-bottom: 20px;
}
@media (max-width: 1260px) {
.about-apartment-info--form .flat .flat__listItem:first-child {
font-size: 20px;
}
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .flat__listItem:first-child {
font-size: 18px;
font-weight: 300;
margin-bottom: 0;
padding-top: 20px;
}
}
.about-apartment-info--form .flat .flat__listItem:last-child {
margin-bottom: 0;
}
.about-apartment-info--form
.flat
.wpcf7-acceptance
input[type='checkbox']
+ span:before,
.about-apartment-info--form
.flat
.wpcf7-acceptance
input[type='checkbox']
+ span:after {
top: 0;
margin-top: 8px;
border: 1px solid #e4572e;
}
.about-apartment-info--form .flat .wpcf7-list-item {
display: grid;
margin-left: 50px;
}
.about-apartment-info--form .flat .wpcf7-acceptance input[type='checkbox'] {
position: absolute;
}
.about-apartment-info--form .flat .wpcf7 input[type='text'],
.about-apartment-info--form .flat .wpcf7 input[type='email'],
.about-apartment-info--form .flat .wpcf7 input[type='number'],
.about-apartment-info--form .flat .wpcf7 input[type='tel'],
.about-apartment-info--form .flat .wpcf7 textarea {
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .wpcf7 input[type='text'],
.about-apartment-info--form .flat .wpcf7 input[type='email'],
.about-apartment-info--form .flat .wpcf7 input[type='number'],
.about-apartment-info--form .flat .wpcf7 input[type='tel'],
.about-apartment-info--form .flat .wpcf7 textarea {
padding-top: 33px;
padding-bottom: 16px;
padding-left: 0;
}
}
.about-apartment-info--form .flat .wpcf7 textarea {
padding-top: 33px;
padding-bottom: 109px;
}
.about-apartment-info--form .flat .wpcf7-acceptance {
margin-top: 20px;
}
.about-apartment-info--form .flat .wpcf7 input[type='submit'] {
margin-top: 20px;
}
.about-apartment-info--form .flat input.wpcf7-submit {
border-color: #e4572e;
font-size: 21px;
background-color: #e4572e;
}
.about-apartment-info--form .flat .wpcf7 form .wpcf7-response-output {
margin: 0;
border-color: #e4572e;
border-radius: 8px;
padding: 10px;
text-align: center;
}
.about-apartment-info--form .flat .wpcf7-acceptance {
font-size: 1vw;
line-height: normal;
}
@media (max-width: 1024px) {
.about-apartment-info--form .flat .wpcf7-acceptance {
font-size: 18px;
}
}
.apartment-links {
margin-bottom: 2rem;
position: absolute;
background-color: #2d3730;
bottom: 80px;
padding: 25px;
right: 50%;
transform: translateX(65%);
display: none;
}
@media (max-width: 1024px) {
.apartment-links {
width: 223px;
right: 42%;
}
}
.apartment-link__item {
margin: 0;
}
.apartment-link {
color: #fcf9f3;
text-decoration: none;
font-size: 16px;
line-height: 19.2px;
padding-bottom: 4px;
border-bottom: 1px solid #2d3730;
white-space: nowrap;
display: block;
}
@media (max-width: 1024px) {
.apartment-link {
white-space: unset;
}
}
.wrapper-img {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 1024px) {
.wrapper-img {
height: 100%;
padding-top: 0;
}
}
.wrapper-img.is-active {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 1;
visibility: visible;
}
#zoomCheck {
display: none;
}
#zoomCheck:checked ~ label > .wrapper-img > img {
margin: 200px;
transform: scale(1.4);
cursor: zoom-out;
}
.apartment-2d,
.apartment-3d {
max-height: 50vh;
max-width: 90%;
margin-bottom: 80px;
transition: transform 0.25s ease;
cursor: zoom-in;
}
@media (max-width: 1024px) {
.apartment-2d,
.apartment-3d {
max-height: 50%;
height: 300px;
margin-bottom: 0;
}
}
.apartment-floor img {
max-width: 33em;
max-height: 80%;
}
@media (max-width: 1024px) {
.apartment-floor img {
max-height: 65%;
}
}
.apartment-floor .apartment-floor_zoomed {
max-height: 120%;
margin-top: -74px;
}
@media (max-width: 1024px) {
.apartment-floor .apartment-floor_zoomed {
margin-top: -94px;
}
}
.apartment-floor .apartment-floor_zoomed ~ .apartment-floor__svg {
margin-top: -74px;
}
@media (max-width: 1024px) {
.apartment-floor .apartment-floor_zoomed ~ .apartment-floor__svg {
margin-top: -94px;
}
}
.apartment-gallery {
width: 80%;
height: 60%;
}
.apartment-floor {
position: relative;
height: 75%;
margin-top: 10px;
}
@media (max-width: 1024px) {
.apartment-floor {
height: 500px;
margin-top: 70px;
}
}
.about-apartment-info,
.about-apartment-images {
width: 50vw;
}
@media (max-width: 1024px) {
.about-apartment-info,
.about-apartment-images {
width: 100vw;
height: 100%;
}
}
@media (max-width: 1024px) {
.about-apartment-info {
height: unset;
}
}
.apartment-images__container {
height: 100%;
}
.about-apartment-info {
margin-right: 70px;
padding: 0 0 30px;
}
.about-apartment-info .btn {
max-width: 90%;
}
.about-apartment-info .btn:last-of-type {
margin: 7px auto 0;
}
@media (min-width: 1025px) {
.about-apartment-info .btn {
font-size: 16px;
max-width: 100%;
}
.about-apartment-info .btn:last-of-type {
margin: 30px auto 0;
}
}
@media (min-width: 1440px) {
.about-apartment-info .btn {
font-size: 26px;
}
}
.about-apartment-images {
background-color: #FFFFFF;
}
.apartment-images {
height: 100vh;
}
.apartment-images .finish__arrow {
width: 100%;
text-align: center;
}
.apartment-images .finish__arrow.is-active {
animation: taadaa-in 1s;
opacity: 1;
}
.apartment-images .finish__arrow.is-hidden {
animation: taadaa-out 1s;
opacity: 0;
}
@keyframes taadaa-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes taadaa-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.finish__arrow {
position: absolute;
right: 20px;
bottom: 20px;
}
.btn-arrow--down img {
height: 20px;
width: 20px;
fill: #2d3730;
}
.apartment-floor__svg {
pointer-events: all;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
}
.apartment-floor__svg polygon:not(.isSelected),
.apartment-floor__svg path:not(.isSelected),
.apartment-floor__svg polyline:not(.isSelected),
.apartment-floor__svg rect:not(.isSelected) {
fill: rgba(0, 0, 0, 0);
transition: fill 150ms ease-in-out;
}
.apartment-floor__svg polygon.free.isSelected,
.apartment-floor__svg path.free.isSelected,
.apartment-floor__svg polyline.free.isSelected,
.apartment-floor__svg rect.free.isSelected,
.apartment-floor__svg polygon.free:hover,
.apartment-floor__svg path.free:hover,
.apartment-floor__svg polyline.free:hover,
.apartment-floor__svg rect.free:hover {
fill: rgba(216, 239, 206, 0.7);
stroke: rgba(255, 255, 255, 0.3);
}
.apartment-floor__svg polygon.reserved.isSelected,
.apartment-floor__svg path.reserved.isSelected,
.apartment-floor__svg polyline.reserved.isSelected,
.apartment-floor__svg rect.reserved.isSelected,
.apartment-floor__svg polygon.reserved:hover,
.apartment-floor__svg path.reserved:hover,
.apartment-floor__svg polyline.reserved:hover,
.apartment-floor__svg rect.reserved:hover {
fill: rgba(206, 226, 239, 0.8);
stroke: rgba(255, 255, 255, 0.3);
}
.apartment-floor__svg polygon.sold.isSelected,
.apartment-floor__svg path.sold.isSelected,
.apartment-floor__svg polyline.sold.isSelected,
.apartment-floor__svg rect.sold.isSelected,
.apartment-floor__svg polygon.sold:hover,
.apartment-floor__svg path.sold:hover,
.apartment-floor__svg polyline.sold:hover,
.apartment-floor__svg rect.sold:hover {
fill: rgba(255, 91, 0, 0.5);
stroke: rgba(255, 255, 255, 0.3);
}
ul.flat__details {
margin-bottom: 3em;
}
@media (max-width: 1024px) {
ul.flat__details {
margin-bottom: 1.5em;
}
}
.compass--image {
display: none;
height: 5rem;
width: 5rem;
left: 3rem;
bottom: 3rem;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
}
.apartment-gallery {
width: 80%;
height: 60%;
}
.compass--image.is-active {
display: block;
}
#js-print {
position: relative;
}
img.print-loading {
display: none;
height: 1.51rem;
}
.finish {
background-color: #3c2221;
padding-top: 145px;
width: 100%;
padding-bottom: 132px;
}
.finish__left,
.finish__right {
display: flex;
position: relative;
}
@media (max-width: 1024px) {
.finish__left,
.finish__right {
flex-direction: column;
}
}
.finish__left {
margin-bottom: 7vw;
}
.finish__right .finish__info {
padding: 34px 0;
}
.finish__info {
display: flex;
flex-direction: column;
min-height: 400px;
height: 40vh;
width: 39vw;
margin-left: 34vw;
justify-content: space-between;
}
.finish__links {
display: flex;
}
.finish__links a {
margin: 0;
white-space: nowrap;
}
.finish__links img {
margin-left: 2vw;
}
.finish__title {
font-size: 45px;
line-height: 54px;
margin-top: 0;
text-transform: inherit;
margin-bottom: 0;
color: #fcf9f3;
}
.finish__text {
font-size: 25px;
line-height: 28px;
color: #fcf9f3;
}
.finish__text p {
margin-top: 0;
}
.finish__image__contour {
position: absolute;
}
.finish__image {
position: absolute;
}
.finish__image__wrapper {
position: relative;
}
.finish__image img {
object-fit: cover;
}
.finish__image--1 {
left: 0;
top: 0;
z-index: 1;
}
.finish__image--1 img:first-child {
border-radius: 0 50% 50% 0;
height: 25vw;
width: 29vw;
}
.finish__image--11 {
left: 13vw;
top: 18vw;
}
.finish__image--11 img:first-child {
border-radius: 50% 50% 50% 50%;
width: 17vw;
height: 14vw;
position: absolute;
z-index: 1;
}
.finish__image--11 .finish__image__contour {
height: 10vw;
bottom: -1.5vw;
left: -2.5vw;
}
.finish__image--2 {
right: 0;
top: -1vh;
}
.finish__image--2 img:first-child {
border-radius: 50% 50% 0 0;
width: 24vw;
height: 26vw;
}
.finish__image--2 .finish__image__contour {
left: -2vw;
height: 25vw;
top: -2vw;
}
.finish--mobile {
background-color: #3c2221;
padding-top: 33px;
padding-bottom: 64px;
}
.finish--mobile__left {
margin-bottom: 7vw;
}
.finish--mobile__right .finish--mobile__info {
min-height: 300px;
}
.finish--mobile__info {
display: flex;
flex-direction: column;
min-height: 350px;
width: 100%;
justify-content: space-between;
}
.finish--mobile__links {
display: flex;
align-items: flex-start;
flex-direction: column-reverse;
}
.finish--mobile__links img {
height: 53px;
margin-bottom: 15px;
}
.finish--mobile__links a {
padding: 16px 0;
margin-right: 2vw;
white-space: nowrap;
font-size: 16px;
}
.finish--mobile__title {
font-size: 25px;
text-transform: inherit;
line-height: normal;
margin-top: 0;
margin-bottom: 0;
color: #fcf9f3;
}
.finish--mobile__text {
color: #fcf9f3;
}
.finish--mobile__text p {
font-size: 18px;
margin-top: 0;
}
.finish--mobile__image__wrapper {
position: relative;
}
.finish--mobile__image--1_11 {
margin-top: 60px;
position: relative;
}
.finish--mobile__image--1 {
margin-bottom: 32vw;
}
.finish--mobile__image--1 img:first-child {
width: 100%;
height: 74vw;
border-radius: 0 50% 50% 0;
object-fit: cover;
}
.finish--mobile__image--1 .finish--mobile__image__contour {
position: absolute;
top: -5vw;
left: 1px;
height: 40vw;
object-fit: cover;
object-position: top;
width: 70vw;
}
.finish--mobile__image--11 {
top: 55vw;
left: 45vw;
position: absolute;
}
.finish--mobile__image--11 img:first-child {
width: 50vw;
height: 40vw;
border-radius: 50%;
}
.finish--mobile__image--11 .finish--mobile__image__contour {
position: absolute;
left: -5vw;
bottom: -4vw;
height: 28vw;
}
.finish--mobile__image--2 {
margin-left: 20px;
margin-top: 80px;
margin-bottom: 30px;
}
.finish--mobile__image--2 img:first-child {
height: 102vw;
width: 100%;
border-radius: 50% 50% 0 0;
}
@media (max-width: 1024px) {
.finish--mobile__image--2 img:first-child {
height: 98vw;
}
}
@media (max-width: 480px) {
.finish--mobile__image--2 img:first-child {
height: 102vw;
}
}
.finish--mobile__image--2 .finish--mobile__image__contour {
position: absolute;
}
@media (max-width: 1024px) {
.finish--mobile__image--2 .finish--mobile__image__contour {
left: -4vw;
top: -4vw;
height: 76vw;
}
}
@media (max-width: 480px) {
.finish--mobile__image--2 .finish--mobile__image__contour {
left: -20px;
top: -7vw;
height: 84vw;
}
}
.search {
color: #fcf9f3;
}
.search__content {
display: flex;
margin-top: 83px;
}
@media (max-width: 1024px) {
.search__content {
flex-direction: column;
margin-top: 30px;
}
}
.search__content--title {
font-style: normal;
font-weight: 700;
font-size: 1.8735362998vw;
line-height: 49px;
text-transform: uppercase;
margin: 0;
color: #26352b;
}
@media (max-width: 1024px) {
.search__content--title {
font-size: 30px;
}
}
.search__content--building-status {
margin: 10px 0 0;
color: rgba(38, 53, 43, 0.5);
font-weight: 700;
}
@media (max-width: 1024px) {
.search__content--building-status {
margin: 0;
font-size: 25px;
line-height: 30px;
}
}
.search__content--panel {
flex: 1;
margin-right: 10%;
}
@media (max-width: 1024px) {
.search__content--panel {
margin-right: 0;
width: 95%;
}
}
.search__content--panel-filters-rooms {
margin-top: 44px;
}
@media (max-width: 1024px) {
.search__content--panel-filters-rooms {
margin-top: 20px;
}
}
.search__content--panel-filters-rooms-items {
display: flex;
margin-top: 20px;
}
.search__content--panel-filters-rooms-item {
height: 55px;
width: 55px;
border: 1px solid #f04d23;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
cursor: pointer;
color: #f04d23;
background-color: transparent;
}
.search__content--panel-filters-rooms-item:not(:first-of-type) {
margin-left: 30px;
}
.search__content--panel-filters-rooms-item span {
font-weight: 300;
font-size: 25px;
line-height: 28px;
}
.search__content--panel-filters-rooms-item.is-active {
background-color: #f04d23;
color: #ffffff;
}
.search__content--panel-filters-area {
margin-top: 33px;
}
.search__content--panel-filters-area-range {
margin-top: 37px;
}
.search__content--panel-filters-floor {
margin-top: 51px;
}
.search__content--panel-filters-selection {
margin-top: 63px;
}
.search__content--panel-filters-title {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #26352b;
}
.search__content--results {
flex: 2;
}
.search__content--results-item {
margin-top: 20px;
}
@media (max-width: 1024px) {
.search__content--results-item:not(:first-of-type) {
margin-top: 40px;
}
}
.search__content--results-table {
color: #26352b;
width: 100%;
margin-top: 25px;
text-align: left;
}
@media (max-width: 1024px) {
.search__content--results-table {
border-top: 1px solid #fff;
}
}
.search__content--results-table-head {
font-weight: 700;
font-size: 1.1vw;
line-height: 1;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.search__content--results-table-head {
font-size: 2.2038567493vw;
display: none;
}
}
.search__content--results-table-head th {
padding-bottom: 10px;
}
.search__content--results-table-head th:not(:first-of-type) {
padding-left: 1.5vw;
}
@media (max-width: 1024px) {
.search__content--results-table-head th:not(:first-of-type) {
padding-left: 8px;
}
}
.search__content--results-table-row {
border-bottom: 1px solid #fff;
cursor: pointer;
}
@media (max-width: 1024px) {
.search__content--results-table-row.status-1 td {
color: #26352b;
}
.search__content--results-table-row.status-1 .reserved {
color: #f04d23;
}
.search__content--results-table-row.status-2 td {
color: #26352b;
}
.search__content--results-table-row.status-3 td {
color: #f04d23;
}
}
.search__content--results-table-row td {
padding: 30px 0;
font-weight: 300;
font-size: 1.1vw;
line-height: 1.1em;
}
.search__content--results-table-row td:first-of-type {
padding-left: 0px;
}
.search__content--results-table-row td:not(:first-of-type) {
padding-left: 1.5vw;
}
@media (max-width: 1024px) {
.search__content--results-table-row td:not(:first-of-type) {
padding-left: 8px;
}
}
@media (max-width: 1024px) {
.search__content--results-table-row td {
font-size: 2.8268551237vw;
}
}
.search__content--results-table-row .grey-out {
color: #26352b;
}
.search__content--results-table-row .free {
color: #10973d;
}
.search__content--results-table-row .reserved {
color: #26352b;
}
.search__content--results-table-row .sold {
color: #f04d23;
}
.search__content--results-table-row:hover {
background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
.search__content--results .js-total span {
margin-top: 20px;
display: inline-block;
}
}
.search .search-filters__checkmark {
position: absolute;
top: 0;
left: 0;
height: 1em;
width: 1em;
border: 1px solid #00007f;
transition: border 150ms ease-in-out;
}
.search .search-filters__checkbox {
position: relative;
padding-left: 2em;
margin-top: 1em;
margin-bottom: 0;
text-decoration: underline;
display: inline-block;
cursor: pointer;
}
.search .search-filters__checkbox .search__content--panel-filters-title {
padding-top: 4px;
display: inline-block;
padding-left: 10px;
}
.search .search-filters__checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background: #f04d23;
border: 1px solid #f04d23;
transition: border 150ms ease-in-out;
}
.search .search-filters__checkbox input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.search .search-filters__checkmark:after {
content: '';
position: absolute;
visibility: hidden;
transition: all 150ms ease-in-out;
opacity: 0;
left: 0.26em;
top: 0.05em;
height: 15px;
width: 14px;
background: url('../../assets/images/checkmark.svg');
}
.search input:checked ~ .search-filters__checkmark:after {
display: block;
visibility: visible;
opacity: 1;
}
.ui-slider {
border: none !important;
height: 2px;
background-color: #e4572e;
}
.ui-slider .ui-slider-handle {
cursor: pointer;
width: 0.66em;
height: 0.66em;
border: none;
background: rgba(0, 0, 0, 0);
outline: none;
}
.ui-slider .ui-slider-handle:after {
position: absolute;
content: '';
border: none;
border-radius: 50%;
background-color: #26352b;
transition: background-color 150ms ease-in-out, transform 150ms ease-in-out;
cursor: pointer;
width: 22px;
height: 22px;
outline: none;
top: -6px;
}
.ui-slider .ui-slider-handle:focus {
outline: none;
}
.ui-slider .ui-slider-handle:last-child {
transform: translateX(-0.66em);
}
.ui-slider .ui-slider-range {
background-color: #f04d23;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
font-size: 1em;
}
.ui-widget.ui-widget-content {
background-color: #778472;
border-radius: 0;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: 0;
}
.ui-slider-range .values {
color: #e4572e;
font-size: 0.7rem;
font-weight: 300;
}
.handle-values {
color: #26352b;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
padding-top: 10px;
font-family: 'Sweet Sans Pro', Arial, serif;
}
.handle-value {
color: #26352b;
font-weight: 300;
font-size: 1.0484927916vw;
line-height: 22px;
}
@media (max-width: 1024px) {
.handle-value {
font-size: 2.8268551237vw;
}
}
.handle-value.near {
left: 50%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
bottom: -1.25em;
}
.visual-content,
.visual-content-building {
height: auto;
background-color: #2d3730;
}
.visual-content-building {
height: 45vw;
}
.visual-content-building .btn2 {
position: absolute;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
}
@media only screen and (min-height: 480px) {
.visual-content {
min-height: calc(100vh - 94px);
}
}
@media only screen and (min-height: 480px) and (max-width: 1024px) {
.visual-content {
min-height: calc(100vh - 84px);
}
}
@media only screen and (max-width: 1024px) {
.visual-content,
.visual-content-building {
display: none;
}
}
@media only screen and (max-height: 480px) {
.visual-content,
.visual-content-building {
display: none;
}
}
.cloudimage-360-next,
.cloudimage-360-prev,
.globe-360 {
position: absolute;
z-index: 1;
width: 4.5em;
height: 4.5em;
border-radius: 50%;
top: 50%;
margin-top: -0.278rem;
cursor: pointer;
transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cloudimage-360-next,
.cloudimage-360-prev {
transform: scale(1.18);
}
.visual-building {
position: absolute;
margin-top: -0.278rem;
top: 80%;
z-index: 1;
}
.visual-building .next-building {
display: inline-block;
background-color: #e4572e;
width: 77px;
height: 77px;
border-radius: 50%;
margin-left: 15px;
cursor: pointer;
transition: transform 150ms ease-in-out, opacity 150ms ease-in-out;
padding: 1.8em 0.6em;
color: #fff;
text-align: center;
font-family: 'Kapra Neue', sans-serif;
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.next-building2 {
margin-left: 7em;
}
.next-building3 {
margin-left: 12em;
}
.globe-360 {
top: auto;
bottom: 10%;
}
.cloudimage-360-next,
.globe-360 {
right: 2em;
}
.cloudimage-360-prev {
left: 2em;
}
.visual-container {
font-size: inherit;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
height: 100vh;
transform: translate(-50%, 0%);
width: 100%;
}
@media (max-width: 1024px) {
.visual-container {
height: 100vh;
}
}
.visual-container canvas {
transform: translateY(94px);
}
.visual-container.visual-1 canvas {
transform: translateY(0px);
}
.visual-container.visual-2 canvas {
transform: translateY(0);
}
.visual-container.visual-3 canvas {
transform: translateY(0);
}
@media only screen and (max-height: 629px) {
.visual-container.visual-3 canvas {
transform: translateY(-30px);
}
}
@media only screen and (min-height: 480px) {
.visual-container {
transform: translate(-50%, -50%);
}
}
.visual-container img {
pointer-events: none;
width: 100%;
height: calc(100vh - 94px);
max-width: initial;
}
@media (max-width: 1024px) {
.visual-container img {
height: calc(100vh - 84px);
}
}
.pick-building-container {
width: 100vw;
height: auto;
margin-left: 0;
}
.pick-building-container.visual-container {
left: 0;
top: 0;
transform: translate(-50%, -50%);
position: absolute;
}
@media only screen and (min-height: 480px) {
.pick-building-container.visual-container {
transform: unset;
}
}
.pick-building-container img {
height: auto;
width: 100vw;
}
.visual__img-holder {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.page-template-visual {
overflow: hidden;
}
.visual-content svg {
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
}
.visual-content svg polygon.free:hover,
.visual-content svg path.free:hover,
.visual-content svg polyline.free:hover,
.visual-content svg rect.free:hover {
fill: rgba(5, 165, 155, 0.4);
stroke: rgba(255, 255, 255, 0.3);
}
.visual-content svg polygon.reserved:hover,
.visual-content svg path.reserved:hover,
.visual-content svg polyline.reserved:hover,
.visual-content svg rect.reserved:hover {
fill: rgba(0, 105, 230, 0.4);
stroke: rgba(255, 255, 255, 0.3);
}
.visual-content svg polygon.sold:hover,
.visual-content svg path.sold:hover,
.visual-content svg polyline.sold:hover,
.visual-content svg rect.sold:hover {
fill: rgba(0, 0, 125, 0.4);
stroke: rgba(255, 255, 255, 0.3);
}
.visual-content svg polygon,
.visual-content svg path,
.visual-content svg polyline,
.visual-content svg rect {
fill: rgba(0, 0, 0, 0);
transition: fill 150ms ease-in-out;
}
.pick-building-container svg polygon:hover,
.pick-building-container svg path:hover,
.pick-building-container svg polyline:hover,
.pick-building-container svg rect:hover {
fill: rgba(47, 72, 151, 0.7);
stroke: rgba(255, 255, 255, 0.3);
cursor: pointer;
}
.pick-building-container svg polygon,
.pick-building-container svg path,
.pick-building-container svg polyline,
.pick-building-container svg rect {
fill: rgba(0, 0, 0, 0);
transition: fill 150ms ease-in-out;
}
.ci360--is-spinning .cloudimage-360-next,
.ci360--is-spinning .cloudimage-360-prev,
.ci360--is-spinning #page-360-canvas,
.ci360--is-spinning .home-svg,
.ci360--is-loading .cloudimage-360-prev,
.ci360--is-loading .cloudimage-360-next,
.ci360--is-loading .home-svg {
pointer-events: none !important;
}
.ci360--is-spinning .cloudimage-360-next polygon.free,
.ci360--is-spinning .cloudimage-360-next path.free,
.ci360--is-spinning .cloudimage-360-next polyline.free,
.ci360--is-spinning .cloudimage-360-next rect.free,
.ci360--is-spinning .cloudimage-360-prev polygon.free,
.ci360--is-spinning .cloudimage-360-prev path.free,
.ci360--is-spinning .cloudimage-360-prev polyline.free,
.ci360--is-spinning .cloudimage-360-prev rect.free,
.ci360--is-spinning #page-360-canvas polygon.free,
.ci360--is-spinning #page-360-canvas path.free,
.ci360--is-spinning #page-360-canvas polyline.free,
.ci360--is-spinning #page-360-canvas rect.free,
.ci360--is-spinning .home-svg polygon.free,
.ci360--is-spinning .home-svg path.free,
.ci360--is-spinning .home-svg polyline.free,
.ci360--is-spinning .home-svg rect.free,
.ci360--is-loading .cloudimage-360-prev polygon.free,
.ci360--is-loading .cloudimage-360-prev path.free,
.ci360--is-loading .cloudimage-360-prev polyline.free,
.ci360--is-loading .cloudimage-360-prev rect.free,
.ci360--is-loading .cloudimage-360-next polygon.free,
.ci360--is-loading .cloudimage-360-next path.free,
.ci360--is-loading .cloudimage-360-next polyline.free,
.ci360--is-loading .cloudimage-360-next rect.free,
.ci360--is-loading .home-svg polygon.free,
.ci360--is-loading .home-svg path.free,
.ci360--is-loading .home-svg polyline.free,
.ci360--is-loading .home-svg rect.free {
fill: rgba(0, 0, 0, 0) !important;
stroke: rgba(0, 0, 0, 0) !important;
opacity: 0 !important;
}
.ci360--is-mousing .cloudimage-360-next polygon.free,
.ci360--is-mousing .cloudimage-360-next path.free,
.ci360--is-mousing .cloudimage-360-next polyline.free,
.ci360--is-mousing .cloudimage-360-next rect.free,
.ci360--is-mousing .cloudimage-360-prev polygon.free,
.ci360--is-mousing .cloudimage-360-prev path.free,
.ci360--is-mousing .cloudimage-360-prev polyline.free,
.ci360--is-mousing .cloudimage-360-prev rect.free,
.ci360--is-mousing #page-360-canvas polygon.free,
.ci360--is-mousing #page-360-canvas path.free,
.ci360--is-mousing #page-360-canvas polyline.free,
.ci360--is-mousing #page-360-canvas rect.free,
.ci360--is-mousing .home-svg polygon.free,
.ci360--is-mousing .home-svg path.free,
.ci360--is-mousing .home-svg polyline.free,
.ci360--is-mousing .home-svg rect.free {
fill: rgba(0, 0, 0, 0) !important;
stroke: rgba(0, 0, 0, 0) !important;
opacity: 0 !important;
}
.free {
color: #10973d !important;
}
.tooltip:hover {
display: none !important;
}
.home-svg {
display: none;
}
.info-message {
font-size: 1.3rem;
font-weight: 500;
color: #fff;
position: absolute;
left: 10%;
bottom: 2rem;
z-index: 2;
line-height: 1.2;
}
.tooltip {
z-index: 100;
position: fixed;
transform: translate3d(-50%, -110%, 0);
color: #fff !important;
font-size: 0.8em;
padding: 18px;
}
.tooltip.building-tooltip {
background-color: #deffaf;
}
.tooltip.hide {
display: none;
}
.tooltip__heading {
font-size: 24px;
line-height: 2em;
padding: 0.069em 0;
margin-bottom: 0.4em;
color: #26352b;
text-transform: uppercase;
font-weight: 700;
}
.tooltip__text {
font-weight: 300;
}
.tooltip.sold {
background-color: #deffaf;
}
.tooltip.reserved {
background-color: #deffaf;
}
.tooltip.free {
background-color: #deffaf;
}
.tooltip__text {
font-size: 16px;
color: #26352b;
line-height: 1.6em;
width: 12em;
letter-spacing: -0.24px;
font-weight: 300;
}
.building-tooltip .tooltip__text {
width: 14em;
}
.tooltip__text:not(:last-of-type) {
margin-bottom: 0.5em;
}
.tooltip__text span:last-child,
.tooltip__heading span:last-child {
float: right;
font-family: 'Kapra Neue', serif;
letter-spacing: -0.4px;
}
.tooltip--border {
border: none;
}
.single-apartments .tooltip--border {
border-top: 1px solid #fff;
padding-top: 1.5em;
}
.single-apartments .tooltip--visu {
display: none;
}
.corner-banner {
position: absolute;
top: 120px;
right: 60px;
z-index: 60;
padding: 20px;
color: #fff;
}
.corner-banner:before {
content: '';
position: absolute;
background: #F74915;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
z-index: -1;
}
.corner-banner__close {
position: absolute;
right: 0;
top: 0;
transform: translate(30%, -45%);
}
.corner-banner__close img {
cursor: pointer;
}
@media (max-width: 767px) {
.corner-banner {
display: none;
}
}
.gm-style-iw {
border-radius: 0 !important;
background-color: #e4572e !important;
}
.gm-style-iw .gm-style-iw-d {
background-color: #e4572e !important;
color: #fff !important;
overflow: auto !important;
padding: 21px;
padding-left: 8px;
text-align: center;
}
@media (max-width: 1024px) {
.gm-style-iw .gm-style-iw-d {
padding: 10px;
padding-left: 5px;
}
}
.gm-style .gm-style-iw-tc::after {
background-color: #e4572e !important;
}
.gm-ui-hover-effect {
top: -6px !important;
right: -1px !important;
width: 36px !important;
height: 35px !important;
}
.gm-ui-hover-effect > span {
background-color: #fff;
width: 22px !important;
height: 23px !important;
}
.marker--header {
text-align: center;
color: #fff;
font-family: 'Sweet Sans Pro', Arial;
font-size: 22px;
}
@media (max-width: 1024px) {
.marker--header {
font-size: 15px;
}
}
.marker--header--center img {
height: 80px;
}
@media (max-width: 1024px) {
.marker--header--center img {
height: 40px;
}
}
.slick-slide {
border: none !important;
}
#wpadminbar {
display: none;
} /*# sourceMappingURL=styles.css.map */
.hero {
padding: 83px 0 0;
}
.hero .wrapper {
position: relative;
}
.hero-content {
max-width: 1920px;
margin: 0 auto;
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: flex-end;
min-height: calc(100vh - 83px);
padding: 113px 67px;
gap: 30px;
}
.hero-content h1 {
line-height: 1.2;
font-size: 60px;
font-weight: 500;
text-transform: uppercase;
text-align: right;
margin: 0;
}
.hero-bg {
position: absolute;
inset: 0;
z-index: -1;
}
.hero-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-bg:after {
content: '';
position: absolute;
width: 100%;
height: 35%;
bottom: 0;
left: 0;
opacity: 0.7;
background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.btn2 {
display: inline-block;
padding: 10px 32px;
background: #f74915;
min-width: 323px;
margin: 0;
color: #ffffff;
-webkit-clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
clip-path: polygon(5% 0%, 100% 0, 100% 70%, 95% 100%, 0 100%, 0% 30%);
text-transform: uppercase;
font-weight: 500;
font-size: 1.875rem;
line-height: 1.2;
text-align: center;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.btn2:hover {
color: #f74915;
border: none;
background: #ffffff;
}
@media (max-width: 1024px) {
.hero-content {
min-height: 500px;
}
}
@media (max-width: 767px) {
.hero-content {
min-height: 187px;
gap: 10px;
padding: 19px;
}
.hero-content h1 {
font-size: 1.375rem;
line-height: 1.813rem;
}
.btn2 {
font-size: 0.75rem;
line-height: 1rem;
padding: 5px 18px;
min-width: 91px;
}
}
@media (min-width: 1440px) {
.hero-content h1 {
font-size: 80px;
}
}
.about {
margin: 19px auto 52px;
max-width: 1920px;
}
.about .decor {
position: absolute;
right: 0;
top: 0;
width: 39px;
height: auto;
transform: translateX(50%);
}
.about-item {
display: flex;
flex-flow: column;
gap: 26px;
}
.about-item-img {
height: 200px;
width: calc(100% - 133px);
position: relative;
max-width: 400px;
}
.about-item-img img:first-of-type {
-webkit-clip-path: polygon(100% 0, 100% 55%, 60% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 55%, 60% 100%, 0 100%, 0 0);
}
.about-item-content {
padding: 0 23px;
text-align: center;
max-width: 500px;
}
.about-item:last-of-type {
margin: 28px 0 0;
}
.about-item:last-of-type .decor {
left: 0;
transform: translateX(-50%);
}
.about-item:last-of-type .about-item-content {
display: none;
}
.about-item:last-of-type .about-item-img {
margin-left: auto;
}
.about-item:last-of-type .about-item-img img:first-of-type {
-webkit-clip-path: polygon(100% 0, 100% 100%, 60% 100%, 0 55%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 60% 100%, 0 55%, 0 0);
}
.about-item img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-item p {
color: #26352b;
font-size: 1rem;
line-height: 1.2;
font-family: 'Century Gothic', sans-serif;
}
@media (min-width: 768px) {
.about-item {
gap: 40px;
flex-flow: row;
align-items: center;
}
.about-item-img {
width: 100%;
height: 300px;
max-width: none;
}
.about-item-content {
text-align: right;
max-width: none;
}
.about-item:last-of-type .about-item-content {
order: -1;
display: block;
text-align: left;
}
}
@media (min-width: 1024px) {
.about {
margin: 60px auto 80px;
}
.about .decor {
width: 64px;
}
.about p {
font-size: 20px;
}
.about-item-content {
padding: 0 40px;
}
.about-item-img {
min-width: 450px;
height: 350px;
}
.about-item:last-of-type {
margin: 48px 0 0;
}
}
@media (min-width: 1440px) {
.about {
margin: 138px auto 201px;
}
.about .decor {
width: 146px;
}
.about p {
font-size: 32px;
}
.about-item {
gap: 110px;
}
.about-item-img {
height: 720px;
min-width: 700px;
max-width: 878px;
width: 100%;
}
}
.about-management .wrapper {
display: flex;
flex-flow: column;
gap: 52px;
margin: 0 0 56px;
}
.about-management-item {
display: flex;
flex-flow: column;
padding: 0 21px;
}
.about-management-item h2 {
font-size: 1.25rem;
line-height: 1.2;
color: #26352b;
margin: 0 0 9px;
}
.about-management-item p {
color: #26352b;
font-family: 'Century Gothic', sans-serif;
margin: 0 0 9px;
font-size: 1rem;
line-height: 1.2;
}
.about-management-item img {
width: 148px;
display: inline-block;
}
.about-management-item .btn2 {
display: none;
max-width: 405px;
width: 100%;
padding: 12px 30px;
font-size: 1.25rem;
line-height: 1.2;
text-transform: none;
}
.about-management-item:last-of-type {
text-align: right;
}
.about-management-item:last-of-type img {
width: 75px;
}
@media (min-width: 768px) {
.about-management .wrapper {
flex-flow: row;
gap: 24px;
align-items: stretch;
margin: 0 0 76px;
}
.about-management-item h2 {
text-align: center;
}
.about-management-item img {
margin: auto 0 0;
}
.about-management-item:last-of-type {
text-align: left;
}
}
@media (min-width: 1024px) {
.about-management .wrapper {
gap: 50px;
}
.about-management-item .btn2 {
display: block;
}
.about-management-item img {
margin: 0 0 29px;
width: 181px;
}
.about-management-item h2 {
font-size: 2rem;
margin: 0 0 35px;
}
.about-management-item p {
margin: 0 0 16px;
}
.about-management-item .btn2 {
margin: auto 0 0;
}
.about-management-item:last-of-type img {
width: 100px;
}
}
@media (min-width: 1440px) {
.about-management .wrapper {
gap: 114px;
justify-content: center;
}
.about-management-item {
max-width: 873px;
}
.about-management-item h2 {
font-size: 2.5rem;
margin: 0 0 55px;
}
.about-management-item p {
font-size: 2rem;
}
.about-management-item img {
margin: auto 0 58px;
width: 362px;
}
.about-management-item:last-of-type img {
width: 200px;
}
}
.registration {
position: relative;
}
.registration .decor {
position: absolute;
width: 98px;
top: 0;
right: 0;
z-index: 1;
}
@media (min-width: 1024px) {
.registration .decor {
width: 180px;
}
}
@media (min-width: 1440px) {
.registration .decor {
width: 279px;
}
}
.registration-bottom {
max-width: 1610px;
margin: 0 auto;
padding: 0 19px 42px;
}
.registration-bottom > div {
display: flex;
gap: 8px;
align-items: center;
}
.registration-bottom-first {
padding: 0 0 8px;
margin: 0 0 6px;
border-bottom: 1px solid rgba(250, 240, 231, 0.9059);
}
.registration-bottom-second {
padding: 0 0 0 4px;
}
.registration-bottom-second a:hover {
text-decoration: none;
opacity: 0.7;
border: none;
}
.registration-bottom span,
.registration-bottom a {
font-size: 0.75rem;
line-height: 1.2;
color: #26352b;
margin: 0;
padding: 0;
font-family: 'Century Gothic', sans-serif;
}
.registration-bottom a:hover {
color: #f74915;
text-decoration: underline;
border: 0;
}
.registration-bottom img {
width: 17px;
height: 17px;
}
@media (min-width: 768px) {
.registration-bottom {
margin: 80px auto 0;
display: flex;
justify-content: space-between;
gap: 32px;
}
.registration-bottom-first {
padding: 0;
margin: 0;
border: none;
}
.registration-bottom-second {
padding: 0;
}
.registration-bottom span,
.registration-bottom a {
font-size: 1rem;
}
.registration-bottom span {
margin: 0 16px 0 0;
}
.registration-bottom img {
width: 40px;
height: 40px;
}
}
@media (min-width: 1024px) {
.registration-bottom {
padding: 0 19px 25px;
}
.registration-bottom span,
.registration-bottom a {
font-size: 1.25rem;
}
}
#kontaktai {
padding: 30px 0 0;
}
@media (min-width: 1024px) {
#kontaktai {
padding: 60px 60px 0;
}
}
.registration__content {
max-width: 1610px;
margin: 0 auto;
}
@media (min-width: 1024px) {
.registration__content {
gap: 80px;
}
}
.registration__contact {
padding: 0 20px;
}
.registration__contact .site-block {
padding: 0;
}
.registration__contact .contact__wrapper {
display: flex;
position: relative;
top: unset;
gap: 19px;
justify-content: flex-start;
}
.registration__contact .contact__column-item-name {
color: #26352b;
font-size: 14px;
text-transform: capitalize;
font-weight: 700;
}
.registration__contact .contact__image-title {
color: rgba(38, 53, 43, 0.5);
font-size: 12px;
margin: 3px 0 8px;
}
.registration__contact .contact__image-contacts a {
color: #26352b;
font-size: 12px;
}
.registration__contact .contact__image {
width: 79px;
}
.registration__contact .contact__image img {
width: 100%;
height: auto;
}
.registration__contact .contact__column:last-child {
position: relative;
margin: 0;
left: unset;
top: unset;
}
@media (min-width: 480px) {
.registration__contact .contact__image {
width: 150px;
}
.registration__contact .contact__column-item-name {
font-size: 16px;
}
.registration__contact .contact__image-title {
margin: 6px 0 11px;
}
.registration__contact .contact__image-contacts a,
.registration__contact .contact__image-title {
font-size: 14px;
}
}
@media (min-width: 768px) {
.registration__contact .contact__image {
width: 200px;
}
}
@media (min-width: 1024px) {
.registration__contact {
padding: 0;
}
.registration__contact .contact__image {
min-width: 250px;
width: 100%;
max-width: 391px;
order: 1;
}
.registration__contact .contact__column-item-name {
font-size: 22px;
}
.registration__contact .contact__image-contacts a,
.registration__contact .contact__image-title {
font-size: 20px;
}
.registration__contact .contact__wrapper {
gap: 25px;
}
.registration__contact .contact__column:last-child {
width: 100%;
}
}
@media (min-width: 1440px) {
.registration__contact .contact__column-item-name {
font-size: 28px;
}
.registration__contact .contact__wrapper {
gap: 50px;
}
.registration__contact .contact__image-contacts a,
.registration__contact .contact__image-title {
font-size: 26px;
}
}
.open-door-register-popup .open-door-register-form .wpcf7 form .wpcf7-response-output{
color: #e4572e;
}
.section-apartment .slider-holder {
padding: 0 40px;
box-sizing: border-box;
margin-top: 45px;
}
@media (max-width: 1300px) {
.section-apartment .slider-holder {
padding: 0 10px;
}
}
@media (max-width: 1030px) {
.section-apartment .slider-holder {
margin-top: 0;
}
}
.section-apartment .slider-holder .slider-button {
width: 75px;
background-color: transparent;
border: none;
padding: 0;
}
@media (max-width: 500px) {
.section-apartment .slider-holder .slider-button {
width: 60px;
}
}
.section-apartment .slider-holder .slider-button.swiper-button-disabled {
visibility: hidden;
}
.section-apartment .slider-holder .slider-button svg {
width: 100%;
height: auto;
}
.section-apartment .slider-holder .slider-button.slider-button--prev {
margin-right: 34px;
}
@media (max-width: 1300px) {
.section-apartment .slider-holder .slider-button.slider-button--prev {
margin-right: 15px;
}
}
@media (max-width: 600px) {
.section-apartment .slider-holder .slider-button.slider-button--prev {
margin-right: 10px;
}
}
.section-apartment .slider-holder .slider-button.slider-button--next {
margin-left: 34px;
}
@media (max-width: 1300px) {
.section-apartment .slider-holder .slider-button.slider-button--next {
margin-left: 15px;
}
}
@media (max-width: 600px) {
.section-apartment .slider-holder .slider-button.slider-button--next {
margin-left: 10px;
}
}
.section-apartment .swiper {
width: 100%;
}
.section-apartment .media-holder {
background: #faf0e7;
padding-top: 73%;
display: block;
}
.section-apartment .media-holder img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}