.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; font-size: 18px; line-height: 25px; } .alert-heading{color:inherit} .alert-link{font-weight:700} .alert-dismissible{padding-right:4rem} .alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit} .alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff} .alert-primary hr{border-top-color:#9fcdff} .alert-primary .alert-link{color:#002752} .alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db} .alert-secondary hr{border-top-color:#c8cbcf} .alert-secondary .alert-link{color:#202326} .alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb} .alert-success hr{border-top-color:#b1dfbb} .alert-success .alert-link{color:#0b2e13} .alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb} .alert-info hr{border-top-color:#abdde5} .alert-info .alert-link{color:#062c33} .alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba} .alert-warning hr{border-top-color:#ffe8a1} .alert-warning .alert-link{color:#533f03} .alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb} .alert-danger hr{border-top-color:#f1b0b7} .alert-danger .alert-link{color:#491217} .alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe} .alert-light hr{border-top-color:#ececf6} .alert-light .alert-link{color:#686868} .alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca} .alert-dark hr{border-top-color:#b9bbbe} .alert-dark .alert-link{color:#040505} /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none } body { --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flow>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-flow>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-flow>.aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-constrained>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-constrained>.aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained>.alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } body .is-layout-flex { flex-wrap: wrap; align-items: center; } body .is-layout-flex>* { margin: 0; } body .is-layout-grid { display: grid; } body .is-layout-grid>* { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .wp-block-navigation a:where(:not(.wp-element-button)) { color: inherit; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } .wp-block-pullquote { font-size: 1.5em; line-height: 1.6; } .choices { font-size: 16px; margin-bottom: 24px; overflow: hidden; position: relative } .choices:focus { outline: 0 } .choices:last-child { margin-bottom: 0 } .choices.is-open { overflow: visible } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; user-select: none } .choices.is-disabled .choices__item { cursor: not-allowed } .choices [hidden] { display: none !important } .choices[data-type*=select-one] { cursor: pointer } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px } .choices[data-type*=select-one] .choices__input { background-color: #fff; border-bottom: 1px solid #ddd; display: block; margin: 0; padding: 10px; width: 100% } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMi41OTIuMDQ0IDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjQgMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=); background-size: 8px; border-radius: 10em; height: 20px; margin-right: 25px; margin-top: -10px; opacity: .25; padding: 0; position: absolute; right: 0; top: 50%; width: 20px } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1 } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4 } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none } .choices[data-type*=select-one]:after { border: 5px solid #0000; border-top-color: #333; content: ""; height: 0; margin-top: -2.5px; pointer-events: none; position: absolute; right: 11.5px; top: 50%; width: 0 } .choices[data-type*=select-one].is-open:after { border-color: #0000 #0000 #333; margin-top: -7.5px } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto } .choices[data-type*=select-one][dir=rtl] .choices__button { left: 0; margin-left: 25px; margin-right: 0; right: auto } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMi41OTIuMDQ0IDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjQgMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=); background-size: 8px; border-left: 1px solid #008fa1; border-radius: 0; display: inline-block; line-height: 1; margin: 0 -4px 0 8px; opacity: .75; padding-left: 16px; position: relative; width: 8px } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1 } .choices__inner { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 2.5px; display: inline-block; font-size: 14px; min-height: 44px; overflow: hidden; padding: 7.5px 7.5px 3.75px; vertical-align: top; width: 100% } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7 } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0 } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px } .choices__list { list-style: none; margin: 0; padding-left: 0 } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100% } [dir=rtl] .choices__list--single { padding-left: 16px; padding-right: 4px } .choices__list--single .choices__item { width: 100% } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { background-color: #00bcd4; border: 1px solid #00a5bb; border-radius: 20px; box-sizing: border-box; color: #fff; display: inline-block; font-size: 12px; font-weight: 500; margin-bottom: 3.75px; margin-right: 3.75px; padding: 4px 10px; vertical-align: middle; word-break: break-all } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } [dir=rtl] .choices__list--multiple .choices__item { margin-left: 3.75px; margin-right: 0 } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1 } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191 } .choices__list--dropdown, .choices__list[aria-expanded] { background-color: #fff; border: 1px solid #ddd; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; margin-top: -1px; overflow: hidden; position: absolute; top: 100%; visibility: hidden; width: 100%; will-change: visibility; word-break: break-all; z-index: 1 } .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { visibility: visible } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: #b7b7b7 } .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] { border-radius: .25rem .25rem 0 0; bottom: 100%; margin-bottom: -1px; margin-top: 0; top: auto } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { -webkit-overflow-scrolling: touch; max-height: 300px; overflow: auto; position: relative; will-change: scroll-position } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { font-size: 14px; padding: 10px; position: relative } [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item { text-align: right } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background-color: #f2f2f2 } .choices__list--dropdown .choices__item--selectable.is-highlighted:after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after { opacity: .5 } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; opacity: .5; -webkit-user-select: none; user-select: none } .choices__heading { border-bottom: 1px solid #f7f7f7; color: gray; font-size: 12px; font-weight: 600; padding: 10px } .choices__button { -webkit-appearance: none; appearance: none; background-color: initial; background-position: 50%; background-repeat: no-repeat; border: 0; cursor: pointer; text-indent: -9999px } .choices__button:focus, .choices__input:focus { outline: 0 } .choices__input { background-color: #f9f9f9; border: 0; border-radius: 0; display: inline-block; font-size: 14px; margin-bottom: 5px; max-width: 100%; padding: 4px 0 4px 2px; vertical-align: initial } .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration { display: none } .choices__input::-ms-clear, .choices__input::-ms-reveal { display: none; height: 0; width: 0 } [dir=rtl] .choices__input { padding-left: 0; padding-right: 2px } .choices__placeholder { opacity: .5 } @media (min-width:640px) { .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable { padding-right: 100px } .choices__list--dropdown .choices__item--selectable:after, .choices__list[aria-expanded] .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable { padding-left: 100px; padding-right: 10px; text-align: right } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable:after { left: 10px; right: auto } } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") } :root { --swiper-theme-color: #007aff } .swiper, swiper-container { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position: relative; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); width: 100%; z-index: 1 } .swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0) } .swiper-horizontal { touch-action: pan-y } .swiper-vertical { touch-action: pan-x } .swiper-slide, swiper-slide { display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100% } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-backface-hidden .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0) } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d { perspective: 1200px } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: #00000026 } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, #00000080, #0000) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, #00000080, #0000) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, #00000080, #0000) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg, #00000080, #0000) } .swiper-css-mode>.swiper-wrapper { -ms-overflow-style: none; overflow: auto; scrollbar-width: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper:before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100% } .swiper-lazy-preloader { border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid #0000; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50%; width: 42px; z-index: 10 } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; left: 0; pointer-events: none; position: absolute; top: 0 } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { height: var(--swiper-virtual-size); width: 1px } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: calc(0px - var(--swiper-navigation-size)/2); position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/44*27); z-index: 10 } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: normal; letter-spacing: 0; line-height: 1; text-transform: none !important } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px) } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transform: translateZ(0); transition: opacity .3s; z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0; top: var(--swiper-pagination-top, auto); width: 100% } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color, #000); border-radius: 50%; display: inline-block; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) } button.swiper-pagination-bullet { -webkit-appearance: none; appearance: none; border: none; box-shadow: none; margin: 0; padding: 0 } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1) } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; transform: translate3d(0, -50%, 0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0 } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s, top .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, left .2s } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform .2s, right .2s } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit) } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, #00000040); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0; position: absolute; top: 0; transform: scale(0); transform-origin: left top; width: 100% } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; width: 100% } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { height: 100%; left: 0; top: 0; width: var(--swiper-pagination-progressbar-size, 4px) } .swiper-pagination-lock { display: none } .swiper-scrollbar { background: var(--swiper-scrollbar-bg-color, #0000001a); border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { bottom: var(--swiper-scrollbar-bottom, 4px); height: var(--swiper-scrollbar-size, 4px); left: var(--swiper-scrollbar-sides-offset, 1%); position: absolute; top: var(--swiper-scrollbar-top, auto); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); z-index: 50 } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); left: var(--swiper-scrollbar-left, auto); position: absolute; right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); width: var(--swiper-scrollbar-size, 4px); z-index: 50 } .swiper-scrollbar-drag { background: var(--swiper-scrollbar-drag-bg-color, #00000080); border-radius: var(--swiper-scrollbar-border-radius, 10px); height: 100%; left: 0; position: relative; top: 0; width: 100% } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100% } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-height: 100%; max-width: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move; touch-action: none } .swiper .swiper-notification, swiper-container .swiper-notification { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; z-index: -1000 } .swiper-free-mode>.swiper-wrapper { margin: 0 auto; transition-timing-function: ease-out } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-direction: column; flex-wrap: wrap } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0 0; visibility: hidden; width: 100%; z-index: 1 } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper-cube .swiper-cube-shadow { bottom: 0; height: 100%; left: 0; opacity: .6; position: absolute; width: 100%; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { background: #000; bottom: 0; content: ""; filter: blur(50px); left: 0; position: absolute; right: 0; top: 0 } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0 } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transform-origin: center bottom } :where(:not(html, iframe, canvas, img, svg, video, pre):not(svg *, symbol *)) { all: unset; display: revert } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } *, :after, :before { box-sizing: border-box } a, button { cursor: pointer } menu, ol, ul { list-style: none } table { border-collapse: collapse } input, textarea { -webkit-user-select: auto } textarea { white-space: revert } meter { -webkit-appearance: revert; appearance: revert } ::placeholder { color: unset } :where([hidden]) { display: none } :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; -webkit-line-break: after-white-space; overflow-wrap: break-word; -webkit-user-select: auto } :where([draggable=true]) { -webkit-user-drag: element } @font-face { font-display: swap; font-family: MarkOT; font-style: normal; font-weight: 400; src: url(../fonts/MarkOT/MarkOT-Regular.woff2) format("woff2"), url(../fonts/MarkOT/MarkOT-Regular.woff) format("woff"), url(../fonts/MarkOT/MarkOT-Regular.ttf) format("truetype") } @font-face { font-display: swap; font-family: MarkOT; font-style: normal; font-weight: 500; src: url(../fonts/MarkOT/MarkOT-Medium.woff2) format("woff2"), url(../fonts/MarkOT/MarkOT-Medium.woff) format("woff"), url(../fonts/MarkOT/MarkOT-Medium.ttf) format("truetype") } @font-face { font-display: swap; font-family: MarkOT; font-style: normal; font-weight: 700; src: url(../fonts/MarkOT/MarkOT-Bold.woff2) format("woff2"), url(../fonts/MarkOT/MarkOT-Bold.woff) format("woff"), url(../fonts/MarkOT/MarkOT-Bold.ttf) format("truetype") } @font-face { font-display: swap; font-family: MarkOT; font-style: normal; font-weight: 900; src: url(../fonts/MarkOT/MarkOT-Heavy.woff2) format("woff2"), url(../fonts/MarkOT/MarkOT-Heavy.woff) format("woff"), url(../fonts/MarkOT/MarkOT-Heavy.ttf) format("truetype") } @font-face { font-display: swap; font-family: LubalinGraph; font-style: normal; font-weight: 400; src: url(../fonts/LubalinGraph/LubalinGraph-Regular.woff2) format("woff2"), url(../fonts/LubalinGraph/LubalinGraph-Regular.woff) format("woff"), url(../fonts/LubalinGraph/LubalinGraph-Regular.ttf) format("truetype") } @font-face { font-display: swap; font-family: LubalinGraph; font-style: normal; font-weight: 500; src: url(../fonts/LubalinGraph/LubalinGraph-Medium.woff2) format("woff2"), url(../fonts/LubalinGraph/LubalinGraph-Medium.woff) format("woff"), url(../fonts/LubalinGraph/LubalinGraph-Medium.ttf) format("truetype") } @font-face { font-display: swap; font-family: icomoon; font-style: normal; font-weight: 400; src: url(../fonts/icons/icomoon.eot); src: url(../fonts/icons/icomoon.woff) format("woff"), url(../fonts/icons/icomoon.woff2) format("woff2"), url(../fonts/icons/icomoon.eot#iefix) format("embedded-opentype"), url(../fonts/icons/icomoon.ttf) format("truetype"), url(../fonts/icons/icomoon.svg#icomoon) format("svg") } .icon-upload:before { content: "\e92f" !important } .icon-hammer:before, .icon-upload:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-hammer:before { content: "\e92e" !important } .icon-phone-tertiary:before { content: "\e92c" !important } .icon-inland-circle:before, .icon-phone-tertiary:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-inland-circle:before { content: "\e92d" !important } .icon-health:before { content: "\e928" !important } .icon-health:before, .icon-sushi:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-sushi:before { content: "\e929" !important } .icon-hybrid:before { content: "\e92a" !important } .icon-calendar:before, .icon-hybrid:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-calendar:before { content: "\e92b" !important } .icon-mail:before { content: "\e926" !important } .icon-mail:before, .icon-person:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-person:before { content: "\e927" !important } .icon-sun:before { content: "\e925" !important } .icon-square:before, .icon-sun:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-square:before { content: "\e91f" !important } .icon-umbrella:before { content: "\e924" !important } .icon-arrow-left:before, .icon-umbrella:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-arrow-left:before { content: "\e923" !important } .icon-friendly-communities:before { content: "\e91c" !important } .icon-friendly-communities:before, .icon-house:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-house:before { content: "\e91d" !important } .icon-green-building:before { content: "\e91e" !important } .icon-green-building:before, .icon-move-in:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-move-in:before { content: "\e920" !important } .icon-join-team:before { content: "\e921" !important } .icon-join-team:before, .icon-partner:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-partner:before { content: "\e922" !important } .icon-chevron-down:before { content: "\e91b" !important } .icon-chevron-down:before, .icon-restaurants:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-restaurants:before { content: "\e918" !important } .icon-school-secondary:before { content: "\e919" !important } .icon-school-secondary:before, .icon-shopping-secondary:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-shopping-secondary:before { content: "\e91a" !important } .icon-dog:before { content: "\e912" !important } .icon-dog:before, .icon-gym:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-gym:before { content: "\e913" !important } .icon-park:before { content: "\e914" !important } .icon-park:before, .icon-pool:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-pool:before { content: "\e915" !important } .icon-school:before { content: "\e916" !important } .icon-school:before, .icon-shopping:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-shopping:before { content: "\e917" !important } .icon-close:before { content: "\e900" !important } .icon-close:before, .icon-inland:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-inland:before { content: "\e90b" !important } .icon-garage:before { content: "\e909" !important } .icon-garage:before, .icon-house-check:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-house-check:before { content: "\e90a" !important } .icon-map-pin:before { content: "\e90c" !important } .icon-map-pin:before, .icon-phone-secondary:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-phone-secondary:before { content: "\e90d" !important } .icon-price:before { content: "\e90e" !important } .icon-price:before, .icon-rooms:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-rooms:before { content: "\e90f" !important } .icon-scale:before { content: "\e910" !important } .icon-scale:before, .icon-shower:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-shower:before { content: "\e911" !important } .icon-bars:before { content: "\e904" !important } .icon-arrow-down:before, .icon-bars:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-arrow-down:before { content: "\e901" !important } .icon-arrow-up:before { content: "\e903" !important } .icon-arrow-right:before, .icon-arrow-up:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-arrow-right:before { content: "\e902" !important } .icon-facebook:before { content: "\e905" !important } .icon-facebook:before, .icon-instagram:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-instagram:before { content: "\e906" !important } .icon-phone:before { content: "\e907" !important } .icon-phone:before, .icon-pinterest:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: icomoon !important; font-style: normal; font-variant: normal; font-weight: 400; text-transform: none } .icon-pinterest:before { content: "\e908" !important } html { font-size: 10px; line-height: 1 } body { font-family: MarkOT, sans-serif; font-weight: 400; overflow-x: hidden } img { max-width: 100% } [v-cloak] { display: none } /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ .button { display: inline-flex; font-size: 2rem; font-weight: 500; overflow: hidden; padding: 1.5rem 6.4rem; position: relative; transition: border-color .3s, color .3s } .button:before { content: ""; height: 100%; left: -100%; position: absolute; top: 0; transition: left .3s; width: 100% } .button:hover:before { left: 0 } .button__icon { margin-right: 1.4rem } .button span { position: relative; z-index: 2 } .button--white { background-color: #fff; color: #000000 } .button--white:before { background-color: #bca94d } .button--white:hover { color: #fff } .button--main { background-color: #bca94d; border: 2px solid #bca94d; color: #fff } .button--main:before { background-color: #fff } .button--main:hover { color: #bca94d } .button--border { border: 1px solid #000000 } .button--border:before { background-color: #bca94d } .button--border:hover { border-color: #bca94d; color: #fff } .button--whiteBorder { border: 1px solid #ffffff80 } .button--whiteBorder:before { background-color: #ffffff80 } .button--whiteBorder:hover { color: #000000 } .button--small { padding: 1.5rem 3.6rem } .button--medium { padding: 1.5rem 4.8rem } .button--smallerFont { font-size: 1.8rem } .textButton { border-bottom: 2px solid; font-size: 1.2rem; font-weight: 700; letter-spacing: .15em; padding-bottom: .3rem; transition: color .3s } .textButton--withoutBorder { border-bottom: none } .textButton:hover { color: #bca94d } .circleButton { align-items: center; border-radius: 50%; display: flex; height: 17.5rem; justify-content: center; position: relative; transition: background-color .3s; width: 17.5rem } .circleButton:hover .circleButton__circle rect { transform: rotate(0deg) } .circleButton:hover .circleButton__circle rect:last-of-type { stroke-dashoffset: 0 } .circleButton__circle { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .circleButton__circle rect { fill: #0000; stroke-width: 1.25; rx: 9rem; ry: 9rem; stroke-dasharray: 321%; stroke-dashoffset: 642%; height: calc(100% - 2px); transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 1s, transform 1s; width: calc(100% - 2px) } .circleButton__circle rect:first-of-type { stroke: #bca94d } .circleButton__circle rect:last-of-type { stroke-dashoffset: 321%; stroke: #fff } .circleButton__circle--gray rect:first-of-type { stroke: #ffffff80 } .circleButton__icon { font-size: 2rem; transition: color .3s } .circleButton--small { height: 6rem; width: 6rem } .circleButton--footer .circleButton__circle rect:first-of-type, .circleButton--small .circleButton__circle rect:last-of-type { stroke: #767b82 } .circleButton--footer .circleButton__circle rect:last-of-type { stroke: #bca94d } .circleButton--footer .circleButton__icon, .circleButton--white .circleButton__icon { color: #fff } .circleButton--grey .circleButton__circle rect:first-of-type { stroke: #d8d8d8 } .circleButton--grey .circleButton__circle rect:last-of-type { stroke: #bca94d } .circleButton--grey .circleButton__icon { color: #000000 } .circleButton--next .circleButton__icon { transform: rotate(-90deg) } .circleButton--fillHover:hover { background-color: #bca94d } .circleButton--smallerIcon .circleButton__icon { font-size: 1.6rem } .communityDescriptionNumber { margin-bottom: 1.6rem; position: relative } .communityDescriptionNumber__icon { max-width: 3rem; position: absolute; right: 2.5rem; top: 1.9rem } .communityDescriptionNumber__text { border: 1px solid #f2eeee; padding: 3.4rem 7.5rem 2.5rem 2.8rem } .communityDescriptionNumber__textNumber { color: #000000; font-size: 4.8rem; font-weight: 700; line-height: 1.3; margin-bottom: 1rem } .communityDescriptionNumber__textLabel { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.44 } .communityDescriptionNumber--last { margin-bottom: 0 } .communityItem { transition: background-color .3s } .communityItem:hover { background-color: #fff } .communityItem:hover .communityItem__image img { transform: scale(1.05) } .communityItem__image { overflow: hidden; position: relative } .communityItem__image:before { content: ""; display: block; padding-top: 69.7329376855%; width: 100% } .communityItem__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; transition: transform .3s; width: 100% } .communityItem__meta { padding: 2.7rem 1.6rem } .communityItem__metaTitle { color: #000000; font-size: 2.4rem; font-weight: 700; line-height: 1.38; margin-bottom: .8rem } .communityItem__metaAddress { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.44 } @keyframes cssLoaderAnimation { 0% { height: 0; opacity: 1; width: 0 } to { height: 100%; opacity: 0; width: 100% } } .cssLoader { display: block; height: 100px; position: relative; transform: translateZ(0); width: 100px } .cssLoader--small { height: 56px; width: 56px } .cssLoader:after, .cssLoader:before { animation: cssLoaderAnimation 1s cubic-bezier(0, .5, .8, 1) infinite; border: 4px solid #bca94d; border-radius: 50%; content: ""; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) } .cssLoader:after { animation-delay: .5s } .defaultForm__row { column-gap: 3rem; display: flex; flex-wrap: wrap } .defaultForm__row--captcha { height: 7.8rem; margin-top: 2rem } .defaultForm__group { flex: 1; position: relative } .defaultForm__group p { color: #000000; font-size: 1.4rem; line-height: 2.6rem } .defaultForm__group p a { color: #bca94d } .defaultForm__group a, .defaultForm__group p a:hover { text-decoration: underline } .defaultForm__group a { color: #000000; display: inline-block; position: relative; transition: color .3s } .defaultForm__group a:hover { color: #000000 } .defaultForm__group--noMargin { margin-bottom: 0 } .defaultForm__group--select:before { border-color: #000000 #0000 #0000; border-style: solid; border-width: .5rem .4rem 0; content: ""; height: 0; position: absolute; right: 3rem; top: 6.2rem; transform: translateY(-50%); width: 0 } .defaultForm__groupTitle { font-size: 1.6rem; line-height: 3rem; margin-bottom: 1.2rem } .defaultForm__label { color: #000000; display: block; font-size: 1.4rem; font-weight: 400; line-height: 3.6rem; position: relative } .defaultForm__label.active .defaultForm__span { font-size: 1.2rem; top: -.6rem; transform: translateY(0) } .defaultForm__label--multi.active .defaultForm__span { top: -1.5rem } .defaultForm__span { color: #767b82; font-size: 1.6rem; left: 1.4rem; line-height: 1.28; position: absolute; top: 2.2rem; transform: translateY(-50%); transition: top .3s, transform .3s, font-size .3s } .defaultForm__span--file { top: -2.5rem } .defaultForm__input, .defaultForm__select, .defaultForm__textarea { align-items: center; border: 0; border-bottom: 1px solid #d6d6d6; color: #000000; display: flex; font-size: 1.6rem; font-weight: 500; line-height: 1.28; margin-bottom: 1.6rem; min-height: 5rem; padding: 0 1.4rem; transition: box-shadow .3s, border-bottom-color; width: 100% } .defaultForm__input::placeholder, .defaultForm__select::placeholder, .defaultForm__textarea::placeholder { color: #767b8266 } .defaultForm__input:active, .defaultForm__input:focus, .defaultForm__select:active, .defaultForm__select:focus, .defaultForm__textarea:active, .defaultForm__textarea:focus { border-bottom-color: #000000 } .defaultForm__input:active~.defaultForm__span, .defaultForm__input:focus~.defaultForm__span, .defaultForm__select:active~.defaultForm__span, .defaultForm__select:focus~.defaultForm__span, .defaultForm__textarea:active~.defaultForm__span, .defaultForm__textarea:focus~.defaultForm__span { font-size: 1.2rem; top: -.6rem; transform: translateY(0) } .defaultForm__input--half, .defaultForm__select--half, .defaultForm__textarea--half { width: 50% } .defaultForm__textarea { margin-bottom: 0; min-height: 12rem; padding-top: 2rem; resize: vertical } .defaultForm__select { padding-right: 5.5rem } .defaultForm__select--multi .defaultForm__span { top: 50% } .defaultForm__selectIcon { color: #bca94d; font-size: .8rem; line-height: 1; position: absolute; right: 1.4rem; top: 50%; transform: translateY(-50%) } .defaultForm__error { color: #e60023; font-size: 1.4rem; line-height: 2rem; transform: translateY(-1.5rem) } .defaultForm__submitError { color: #e60023 } .defaultForm__submitError, .defaultForm__submitSuccess { font-size: 1.6rem; line-height: 2.2rem; padding: 1.5rem 0 0 } .defaultForm__submitSuccess { color: #28a745; text-align: center } .defaultForm__checkbox { opacity: 0; padding-top: 1.4rem; width: 100% } .defaultForm__checkbox:checked~label:before { background-color: #bca94d } .defaultForm__checkbox:checked~label:after { opacity: 1 } .defaultForm__checkbox~label { color: #000000; cursor: pointer; display: inline-block; font-size: 1.4rem; line-height: 2.6rem; padding-left: 3rem; position: relative } .defaultForm__checkbox~label:before { border: 1px solid #bca94d; border-radius: 4px; content: ""; height: 2rem; left: 0; position: absolute; top: .5rem; transition: background-color .3s; width: 2rem } .defaultForm__checkbox~label:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ""; height: 1rem; left: 1rem; opacity: 0; position: absolute; top: 1.4rem; transform: translate(-50%, -50%) rotate(45deg); transition: opacity .3s; width: .6rem } .defaultForm__checkbox~label p a { color: #000000 } .defaultForm__checkbox~.defaultForm__error, .defaultForm__textarea~.defaultForm__error { padding: 5px 0 0; transform: translateY(0) } .defaultForm__button { margin-top: 4rem } .defaultForm__button--right { text-align: right } .defaultForm__file { margin-top: 4rem } .defaultForm__fileInner { position: relative } .defaultForm__fileInner input { cursor: pointer; height: 100%; left: 0; margin-top: 0; opacity: 0; position: absolute; top: 0; width: 100% } .defaultForm__fileInner input[aria-invalid=true]~div { border: 1px solid #e60023 } .defaultForm__fileLabel { background-color: #fff; border: 1px solid #d6d6d6; color: #767b82; cursor: pointer; display: block; font-size: 1.4rem; height: 5rem; line-height: 5rem; padding: 0 2rem; position: relative } .defaultForm__fileLabel:after { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #bca94d; content: "\e92f" !important; font-family: icomoon !important; font-size: 2rem; font-style: normal; font-variant: normal; font-weight: 400; position: absolute; right: 2rem; text-transform: none; top: 50%; transform: translateY(-50%) } .defaultForm__fileItems { border: 1px solid #d6d6d6; margin-top: 15px } .defaultForm__fileItem { padding-bottom: 10px; position: relative; z-index: 10 } .defaultForm__fileItem:last-of-type { padding-bottom: 0 } .defaultForm__fileItemName { color: #767b82; font-size: 1.4rem; font-weight: 400; height: 3.5rem; line-height: 3.5rem; overflow: hidden; padding: 0 4rem 0 1.5rem; width: 100% } .defaultForm__fileItemClose { align-items: center; display: flex; height: 3.5rem; justify-content: center; padding: 1rem; position: absolute; right: 1rem; top: 0 } .defaultForm__fileItemClose:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #bca94d; content: "\e900" !important; font-family: icomoon !important; font-size: 1.6rem; font-style: normal; font-variant: normal; font-weight: 400; line-height: 3rem; text-transform: none; transition: opacity .3s } .defaultForm__fileItemClose:hover:before { opacity: .5 } .footerContent { background-color: #000; padding: 5rem 0 6rem; } .footerContent__top { padding-bottom: 4.2rem } .footerContent__content { color: #ffffff80; display: grid; grid-template-areas: "links . newsletter"". . .""copyright . author"; grid-template-columns: [first] 55% [gap] 15rem [second] 1fr; grid-template-rows: auto 5rem auto } .footerContent__contentLinks { display: grid; grid-area: links; grid-template-areas: "navigation . contact"; grid-template-columns: [navigation] 2fr [gap] 3rem [contact] 1fr; grid-template-rows: auto } .footerContent__contentLinksNav { display: flex; grid-area: navigation; margin: 0 -1rem } .footerContent__contentLinksNavList { flex: 0 0 50%; max-width: 50%; padding: 0 1rem } .footerContent__contentLinksContactItem, .footerContent__contentLinksNavListItemLink { display: inline-block; font-size: 1.6rem; padding: .8rem 0 } .footerContent__contentLinksContact { align-items: flex-start; display: flex; flex-direction: column; grid-area: contact } .footerContent__contentLinksContactSocials { margin-top: 1.5rem } .footerContent__contentCopy { grid-area: copyright } .footerContent__contentCopyLogo { margin-bottom: 2rem } .footerContent__contentCopyLogoImg { max-height: 8rem } .footerContent__contentCopyText { font-size: 1.4rem; line-height: 2rem } .footerContent__contentCopyPrivacy { display: inline-block; font-size: 1.4rem; margin-top: 1rem; padding: .5rem 0 } .footerContent__contentNewsletter { grid-area: newsletter } .footerContent__contentAuthor { font-size: 1.6rem; grid-area: author; text-align: right } .footerContent__contentAuthor a { color: #fff; transition: color .3s } .footerContent__contentAuthor a:hover { color: #bca94d } .footerLinks { background-color: #fff } .footerLinks__list { display: flex; flex-wrap: wrap } .footerLinks__listItem { border-right: 1px solid #767b824d; border-top: 1px solid #767b824d; flex: 1; transition: border-top-color .3s, border-top-width .3s } .footerLinks__listItem:last-of-type { border-right: none } .footerLinks__listItemLink { border-top: 2px solid #0000; box-shadow: 0 1rem 1.5rem #0000; display: block; margin-top: -1px; padding: 4rem 4.9rem; transition: border-top-color .3s, box-shadow .3s } .footerLinks__listItemLink:hover { border-top-color: #bca94d; box-shadow: 0 1rem 1.5rem #0000001a } .footerLinks__listItemLink:hover .footerLinks__listItemLinkTitleIcon { transform: translateX(4px) } .footerLinks__listItemLinkDesc { font-size: 1rem; letter-spacing: .05em; text-transform: uppercase } .footerLinks__listItemLinkDesc:before { border: 2px solid #bca94d; border-radius: 50%; content: ""; display: inline-block; height: .7rem; margin-right: 1.6rem; width: .7rem } .footerLinks__listItemLinkTitle { align-items: center; display: flex; justify-content: space-between; margin-top: 2.5rem } .footerLinks__listItemLinkTitleText { color: #000000; font-size: 2rem; font-weight: 500 } .footerLinks__listItemLinkTitleIcon { color: #bca94d; font-size: 1.4rem; transition: transform .3s } .newsletterForm__title { color: #fff; font-size: 2rem; font-weight: 500 } .newsletterForm__formRow { display: flex; height: 6rem; margin: 3.2rem 0 1.6rem } .newsletterForm__formInput { border: 1px solid #767b8280; flex: 1; font-size: 1.6rem; max-width: 40rem; padding: 0 2.4rem } .newsletterForm__formButton { align-items: center; border: 1px solid #767b8280; border-left-color: #0000; display: flex; justify-content: center; transition: background-color .3s; width: 6rem } .newsletterForm__formButton:hover { background-color: #767b8280 } .newsletterForm__formButton:hover .newsletterForm__formButtonIcon { transform: translateX(4px) } .newsletterForm__formButtonIcon { color: #fff; font-size: 1.4rem; transition: transform .3s } .newsletterForm__formCheckbox { -webkit-appearance: none; appearance: none; display: none; opacity: 0 } .newsletterForm__formCheckbox:checked+.newsletterForm__formCheckboxLabel:after { opacity: 1 } .newsletterForm__formCheckboxLabel { cursor: pointer; font-size: 1.6rem; padding-left: 3rem; position: relative } .newsletterForm__formCheckboxLabel:before { border: 1px solid #767b8280; border-radius: 50%; content: ""; height: 1.8rem; left: 0; position: absolute; top: 0; width: 1.8rem } .newsletterForm__formCheckboxLabel:after { background-color: #ffffff80; border-radius: 50%; content: ""; height: .8rem; left: .5rem; opacity: 0; position: absolute; top: .5rem; transition: opacity .3s; width: .8rem } .newsletterForm__formCheckboxLabel a { text-decoration: underline; transition: color .3s } .newsletterForm__formCheckboxLabel a:hover, .scrollTop { color: #bca94d } .scrollTop { bottom: 10rem; opacity: 0; position: fixed; right: 5rem; transition: opacity .3s; z-index: 100 } .scrollTop--active { opacity: 1 } .scrollTop--gray { color: #fff } .singleHome { align-items: center; border-bottom: 1px solid #ededed; display: flex; margin-bottom: 4.8rem; padding-bottom: 4.8rem; position: relative } .singleHome__link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .singleHome__detailsButton { position: relative; z-index: 2 } .singleHome__image { flex: 0 0 29%; max-width: 29%; position: relative } .singleHome__image:before { content: ""; display: block; padding-top: 69.825436409%; width: 100% } .singleHome__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .singleHome__imageBanner { background-color: #000000; color: #fff; font-size: 1.4rem; font-weight: 700; left: 0; letter-spacing: 3px; line-height: 3.3rem; padding: 0 1.9rem; position: absolute; top: 0 } .singleHome__details { column-gap: 2rem; display: grid; flex: 0 0 71%; grid-template-areas: "meta buttons""gap gap""numbers numbers"; grid-template-columns: [meta] auto [buttons] auto; max-width: 71%; padding-left: 7.1rem } .singleHome__detailsMeta { grid-area: meta } .singleHome__detailsMetaOptions { color: #767b82; font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; line-height: 1.25; margin-bottom: 1rem; text-transform: uppercase } .singleHome__detailsMetaTitle { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 3.2rem; font-weight: 500; line-height: 1.1; margin-bottom: 1.2rem } .singleHome__detailsMetaValues { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 2rem; line-height: 1.3 } .singleHome__detailsMetaValues--address { font-weight: 500 } .singleHome__detailsButtons { align-items: flex-start; display: flex; gap: 1.4rem; grid-area: buttons; justify-content: flex-end; white-space: nowrap } .singleHome__detailsPrice { grid-area: price; text-align: right; white-space: nowrap } .singleHome__detailsPriceTag { color: #767b82; font-size: 1.2rem; font-weight: 700; margin-bottom: 1.2rem } .singleHome__detailsPriceValue { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 3.2rem; font-weight: 500; line-height: 1 } .singleHome__detailsNumbers { display: flex; gap: 7.2rem; grid-area: numbers } .singleHome__detailsNumbersItemTitle { align-items: center; color: #767b82; display: flex; font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; line-height: 1.5rem; margin-bottom: .6rem; text-transform: uppercase } .singleHome__detailsNumbersItemTitleIcon { line-height: 1; padding-right: .8rem } .singleHome__detailsNumbersItemValue { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.35 } .singleHome__detailsGap { border-top: 1px solid #ededed; grid-area: gap; margin-left: 1.9rem; margin-top: 3.2rem; padding-top: 3.2rem } .singleHome--last { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .singleHome--home { border: 1px solid #ededed; margin-bottom: 2.4rem; padding: 3.2rem 3.6rem } .singleHome--home .singleHome__details { column-gap: 0; grid-template-areas: "meta meta price price""gap gap gap gap""numbers numbers numbers buttons"; grid-template-columns: repeat(4, 1fr) } .singleHome--home .singleHome__detailsMeta, .singleHome--home .singleHome__detailsNumbers { padding-right: 2rem } .singleHome--home .singleHome__detailsMetaValues--address { margin-bottom: 1.2rem } .singleHome--home .singleHome__detailsNumbers { gap: 4.8rem; padding-left: 1.9rem } .singleHome--home .singleHome__detailsNumbersItemTitleIcon { font-size: 1.4rem } .singleHome--home.singleHome--last { margin-bottom: 0 } .socials { /* border: 1px solid #767b8280;*/ display: inline-flex } .socials__item { align-items: center; border: 1px solid #767b8280; display: flex; height: 4rem; justify-content: center; width: 4rem; margin: 0 1px; border-radius: 15px; } /* .socials__item:last-of-type { border-right: unset; width: 6rem } */ .socials__item:hover .socials__itemIcon--facebook { color: #4267b2 } .socials__item:hover .socials__itemIcon--instagram { color: #e1306c } .socials__item:hover .socials__itemIcon--pinterest { color: #e60023 } .socials__itemIcon { color: #ffffffb3; font-size: 2rem; transition: color .3s } .title { display: block } .title--small { color: #767b82; font-size: 1.4rem; font-weight: 700; letter-spacing: 3px; line-height: 3rem; text-transform: uppercase } .title--medium { font-size: 4rem; line-height: 1.2 } .title--big, .title--medium { color: #000000; font-weight: 500 } .title--big { font-size: 5.6rem; line-height: 1.12 } .twoLinesTitle { line-height: 1.13 } .twoLinesTitle span { display: block } .twoLinesTitle__first { color: #000000; font-size: 5.4rem; font-weight: 500 } .twoLinesTitle__second { color: #bca94d; font-family: LubalinGraph, sans-serif; font-size: 5.6rem } .container { margin-left: auto; margin-right: auto; max-width: 100%; padding: 0 20rem; width: 100% } .container--fluid { max-width: 100%; padding-left: 0; padding-right: 0; width: 100% } .container--narrow { margin: 0 auto; max-width: 120.4rem; padding: 0 2rem; width: 100% } .errorPage { padding: 9.6rem 0; text-align: center } .errorPage__inner { padding-top: 6rem } .errorPage__image { margin-bottom: 3rem; max-width: 100% } .errorPage__title { font-size: 5.2rem; line-height: 6.4rem; margin-bottom: 2rem } .errorPage__desc { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 4rem } .archive__message { margin: 0 auto; text-align: center } .archive__messageText { color: #000000; font-size: 2rem; margin-bottom: 2rem } .archive__loader { display: none; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .communitiesArchive__intro { display: flex; padding-top: 14rem; position: relative } .communitiesArchive__introLeft { flex: 0 0 52%; max-width: 52% } .communitiesArchive__introLeftImage { position: relative } .communitiesArchive__introLeftImage:before { content: ""; display: block; padding-top: 71.7917675545%; width: 100% } .communitiesArchive__introLeftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introLeftText { color: #000000; font-size: 2rem; line-height: 2.8rem; margin: 8rem auto 0; max-width: 50.3rem; padding: 0 2rem } .communitiesArchive__introLeftText strong { font-weight: 500 } .communitiesArchive__introRight { flex: 0 0 48%; margin-top: -6rem; max-width: 48%; padding-left: 11.2rem; padding-right: 20rem } .communitiesArchive__introRightIcon { text-align: right } .communitiesArchive__introRightIconBtn { display: inline-flex; transition: transform .5s } .communitiesArchive__introRightIconBtn:hover { transform: rotate(1turn) } .communitiesArchive__introRightIconImg { display: block; margin-left: auto } .communitiesArchive__introRightImages { align-items: flex-start; display: flex; gap: 1.8rem; margin-top: 4rem } .communitiesArchive__introRightImage { position: relative } .communitiesArchive__introRightImage--first { flex: 0 0 calc(58% - 0.9rem); max-width: calc(58% - .9rem); position: relative } .communitiesArchive__introRightImage--first:before { content: ""; display: block; padding-top: 140.5487804878%; width: 100% } .communitiesArchive__introRightImage--first img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introRightImage--second { flex: 0 0 calc(42% - 0.9rem); max-width: calc(42% - .9rem); position: relative } .communitiesArchive__introRightImage--second:before { content: ""; display: block; padding-top: 125.7641921397%; width: 100% } .communitiesArchive__introRightImage--second img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introBg { bottom: 5rem; left: 0; position: absolute; z-index: -1 } .communitiesArchive__introBgImage { max-width: 60% } .communitiesArchive__popup { background-color: #fffc; height: 100vh; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity .3s; width: 100vw; z-index: 101 } .communitiesArchive__popup--visible { opacity: 1; pointer-events: all } .communitiesArchive__popupWrapper { height: 70%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 70% } .communitiesArchive__popupClose { align-items: center; background-color: initial; border-radius: 50%; display: flex; height: 4.4rem; justify-content: center; position: absolute; right: -5.4rem; top: -5.4rem; transition: background-color .3s; width: 4.4rem } .communitiesArchive__popupClose:hover { background-color: #bca94d } .communitiesArchive__popupClose:hover .communitiesArchive__popupCloseIcon { color: #fff } .communitiesArchive__popupCloseIcon { color: #000000; font-size: 2rem; transition: color .3s } .communitiesArchive__popupIframe { height: 100%; width: 100% } .communitiesArchive__items { padding-bottom: 9.8rem; padding-top: 10rem } .communitiesArchive__itemsWrapper--loading { opacity: .7 !important } .communitiesArchive__itemsWrapper--loading .communitiesArchive__itemsLoader { display: block } .communitiesArchive__itemsButton { display: flex; margin: 11.3rem auto 0 } .footer { contain: content; z-index: 2 } .footer, .footer__link { overflow: hidden; position: relative } .footer__link:after { background-color: #bca94d; bottom: 0; content: ""; height: 1px; left: -50%; position: absolute; transition: left .3s, color .3s; width: 50% } .footer__link--active, .footer__link:hover { color: #fff } .footer__link--active:after, .footer__link:hover:after { left: 0 } .header { color: #000000; left: 0; position: fixed; right: 0; top: 0; transition: background-color .3s, transform .3s, padding .3s; z-index: 100 } .header__inner { height: 9.6rem; justify-content: space-between; padding: 0 5.6rem; transition: height .3s; will-change: height } .header__inner, .header__logo { align-items: center; display: flex } .header__logo { border-right: 1px solid #767b824d; height: 100%; padding-right: 3.8rem } .header__logo path, .header__logo rect { fill: #000000; transition: fill .3s } .header__logo svg { max-width: 100% } .header__logo:hover path, .header__logo:hover rect { fill: #bca94d } .header__menuButton, .header__right { align-items: center; display: flex; height: 100% } .header__menuButton { border-left: 1px solid #767b824d; color: #000000; font-size: 1.2rem; font-weight: 700; letter-spacing: .15em; padding-left: 3.8rem; transition: color .3s } .header__menuButton:hover, .header__menuButton:hover .header__menuButtonIcon { color: #bca94d } .header__menuButtonIcon { color: #000000; font-size: 1.8rem; margin-right: 2.4rem; transition: color .3s } .header__phone { align-items: center; display: flex; margin-right: 3.2rem } .header__phone:hover .header__phoneIcon, .header__phone:hover .header__phoneNumber { color: #bca94d } .header__phone--thank { margin-right: 0 } .header__phoneIcon { color: #bca94d; font-size: 4rem; margin-right: 1.6rem; transition: color .3s } .header--fixed { background-color: #d8d9da; color: #000000 } .header--fixed .header__inner { height: 8rem } .header--hidden { transform: translate3d(0, -100%, 0) } .header--wysiwyg { background-color: #fff } .header--border, .header--wysiwyg { border-bottom: 1px solid #767b824d } .headerHome { height: 100vh; position: relative; width: 100%; z-index: 3 } .headerHome__wrapper { align-items: flex-end; bottom: 15rem; color: #fff; display: flex; left: 0; padding: 0 20rem; position: absolute; width: 100% } .headerHome__title { color: #fff; font-family: LubalinGraph, sans-serif; font-size: 6.9rem; line-height: 8.8rem; margin: 0 3.4rem 5rem 0; max-width: 79rem } .headerHome__button { margin-bottom: 1.5rem } .headerHome__bg { bottom: 0; left: 0; overflow: hidden; padding: 9.6rem 5.6rem 0; position: absolute; right: 0; top: 0; z-index: -1 } .headerHome__bgOverlay { background-color: #231c1840; height: calc(100% - 9.6rem); left: 5.6rem; position: absolute; top: 9.6rem; width: calc(100% - 11.2rem) } .headerHome__bgImage { background-position: 50%; background-size: cover; display: block; height: 100%; max-width: 100%; object-fit: cover; width: 100% } .headerHome__nextSection { bottom: 1rem; color: #fff; left: 42.9rem; position: absolute } .headerHomeDesigns { padding: 9.6rem 5.6rem 0 } .headerHomeDesigns__wrapper { align-items: center; background-color: #f6f6f6; display: flex; flex-wrap: wrap } .headerHomeDesigns__left { flex: 0 0 35%; max-width: 35%; padding: 6rem 0 6rem 6rem } .headerHomeDesigns__leftName, .headerHomeDesigns__leftSmall { padding-right: 2rem } .headerHomeDesigns__leftNav { margin-top: 3rem } .headerHomeDesigns__leftNavItem { border-bottom: 1px solid #e3e3e3; color: #767b82; display: block; font-family: LubalinGraph, sans-serif; font-size: 2rem; padding: 2.2rem 0; transition: color .3s, border-bottom-color .3s; width: 100% } .headerHomeDesigns__leftNavItem--active, .headerHomeDesigns__leftNavItem:hover { border-bottom-color: #bca94d; color: #696d73 } .headerHomeDesigns__leftNavItem--active { font-weight: 500 } .headerHomeDesigns__leftDisclaimer { color: #767b82; margin-top: 20px } .headerHomeDesigns__right { flex: 0 0 65%; max-width: 65% } .headerHomeDesigns__rightSlider { overflow: hidden; position: relative } .headerHomeDesigns__rightSliderSlideImage { position: relative } .headerHomeDesigns__rightSliderSlideImage:before { content: ""; display: block; padding-top: 71.6049382716%; width: 100% } .headerHomeDesigns__rightSliderSlideImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerHomeDesigns__rightSliderSlideMeta { display: none } .headerHomeDesigns__rightSliderSlideMetaTitle { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 1.6rem } .headerHomeDesigns__rightSliderPagination { bottom: 4rem !important; display: flex; justify-content: flex-end; left: unset !important; position: absolute; right: 5rem !important; width: auto !important; z-index: 1 } .headerHomeDesigns__rightSliderPaginationBullet { background-color: #d9d9d9; border-radius: 50%; display: block; height: .8rem; margin-right: 2rem; transition: background-color .3s; width: .8rem } .headerHomeDesigns__rightSliderPaginationBullet:last-of-type { margin-right: 0 } .headerHomeDesigns__rightSliderPaginationBullet:hover { background-color: #bca94d; cursor: pointer } .headerHomeDesigns__rightSliderPaginationBullet--active { background-color: #bca94d } .headerHouseForSale { padding: 9.6rem 5.6rem 0; position: relative; z-index: 1 } .headerHouseForSale__wrapper { align-items: center; background-color: #000000; display: flex; flex-wrap: wrap; position: relative } .headerHouseForSale__left, .headerHouseForSale__right { position: relative; z-index: 2 } .headerHouseForSale__left { flex: 0 0 35%; max-width: 35%; padding: 8rem } .headerHouseForSale__leftCommunity { color: #fff } .headerHouseForSale__leftName { color: #fff; margin-top: 1rem } .headerHouseForSale__leftAddress { color: #ffffffb3; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.3; margin-top: 1rem } .headerHouseForSale__leftButton { border-color: #fff; color: #fff; margin-top: 3rem } .headerHouseForSale__leftDisclaimer { color: #ffffffb3; margin-top: 2rem } .headerHouseForSale__right { flex: 0 0 65%; max-width: 65% } .headerHouseForSale__rightImage { position: relative } .headerHouseForSale__rightImage:before { content: ""; display: block; padding-top: 71.6049382716%; width: 100% } .headerHouseForSale__rightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerHouseForSale__bgImage { bottom: 0; left: 0; max-height: 55%; position: absolute; z-index: 1 } .headerHouseForSale__nextSection { bottom: 1rem; color: #fff; left: 23rem; position: absolute; z-index: 2 } .headerWrapper { position: relative; z-index: 1 } .headerWrapper__form { background: #000000; flex: 0 0 44rem; height: 100%; max-width: 44rem; padding: 4rem; right: 0; top: 0; z-index: 1 } .headerWrapper__form .defaultForm__input, .headerWrapper__form .defaultForm__label, .headerWrapper__form .defaultForm__select, .headerWrapper__form .defaultForm__textarea { color: #fff } .headerWrapper__form .defaultForm__input:active, .headerWrapper__form .defaultForm__input:focus, .headerWrapper__form .defaultForm__select:active, .headerWrapper__form .defaultForm__select:focus, .headerWrapper__form .defaultForm__textarea:active, .headerWrapper__form .defaultForm__textarea:focus { border-bottom-color: #fff } .headerWrapper__form .defaultForm__button { margin-top: 2.4rem } .headerWrapper__form .defaultForm__span { color: #d6d6d6 } .headerWrapper__formTitle { color: #fffef7; font-size: 3.2rem; font-weight: 700; line-height: 3.4rem; margin-bottom: 2.4rem; max-width: 32rem } .headerWrapper--landing { display: flex; flex-wrap: wrap; justify-content: space-between } .headerSubpage { padding: 9.6rem 5.6rem 0; position: relative; z-index: 1 } .headerSubpage__inner { left: 50%; padding: 0 2rem; position: absolute; text-align: center; top: calc(50% + 4.8rem); transform: translate(-50%, -50%); width: calc(100% - 11.2rem) } .headerSubpage__small { color: #ffffffb3; font-family: LubalinGraph, sans-serif; margin-bottom: 1rem } .headerSubpage__title { word-wrap: break-word; color: #fff; font-family: MarkOT, sans-serif; font-size: 5rem; font-weight: 500 } .headerSubpage__bg { position: relative; z-index: -1 } .headerSubpage__bg:before { content: ""; display: block; padding-top: 37.1639784946%; width: 100% } .headerSubpage__bg img { object-fit: cover } .headerSubpage__bg img, .headerSubpage__bg:after { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .headerSubpage__bg:after { background-color: #231c1840; content: "" } .headerSubpage__bgImage { background-position: 50%; background-repeat: no-repeat; background-size: cover } .headerSubpage__menu { background-color: #000000; padding: 0 4rem; text-align: center } .headerSubpage__menuList { display: flex; gap: 4rem; margin: 0 auto; max-width: 100%; overflow: auto; scrollbar-color: #bca94d #fff; scrollbar-width: thin; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .headerSubpage__menuList::-webkit-scrollbar { height: .5rem } .headerSubpage__menuList::-webkit-scrollbar-track { background-color: #fff; border-radius: .4rem } .headerSubpage__menuList::-webkit-scrollbar-thumb { background-color: #bca94d; border-radius: .4rem } .headerSubpage__menuListItem { white-space: nowrap } .headerSubpage__menuListItemButton { border-bottom: 4px solid #0000; color: #ffffff80; font-size: 1.4rem; letter-spacing: 2px; padding: 2rem 0; text-transform: uppercase; transition: color .3s, border-bottom-color .3s } .headerSubpage__menuListItemButton--active, .headerSubpage__menuListItemButton:hover { border-bottom-color: #bca94d; color: #fff } .headerSubpage__nextSection { bottom: -.8rem; color: #fff; left: 20.2rem; position: absolute } .headerSubpage--menu .headerSubpage__nextSection { bottom: 7rem } .headerSubpage--landing { flex: 1; min-height: 40rem; padding: 0 } .headerSubpage--landing .headerSubpage__inner { left: 0; padding-left: 4.4rem; padding-right: 10rem; text-align: left; transform: translateY(-50%) } .headerSubpage--landing .headerSubpage__bg { height: 100%; min-height: 100%; width: 100% } .headerSubpage--landing .headerSubpage__nextSection { bottom: 0; left: 4.4rem } .homesArchive__form { margin: 0 auto; max-width: 800px; text-align: left } .homesArchive__wrapper { padding-bottom: 10rem } .homesArchive__filters { background-color: #f6f6f6; margin-top: -23rem; padding-bottom: 12rem; padding-top: 34rem } .homesArchive__filtersTop { align-items: center; display: none; justify-content: space-between; margin-bottom: 2rem } .homesArchive__filtersTopTitle { font-size: 2rem; font-weight: 500; line-height: 1.3 } .homesArchive__filtersTopButton { align-items: center; display: flex; height: 4rem; justify-content: center; transition: transform .3s; width: 4rem } .homesArchive__filtersTopButton:hover .homesArchive__filtersTopButtonIcon { color: #bca94d } .homesArchive__filtersTopButton--active { transform: rotate(180deg) } .homesArchive__filtersTopButtonIcon { color: #000000; font-size: 1.2rem; transition: color .3s } .homesArchive__filtersWrapper { column-gap: 4.5rem; display: flex; flex-wrap: wrap; row-gap: 5.5rem; transition: height .3s; will-change: height } .homesArchive__filterItem { flex: 0 0 calc(33.33333% - 3rem); max-width: calc(33.33333% - 3rem) } .homesArchive__filterItem--button { align-self: flex-end } .homesArchive__filterItem .choices { margin-bottom: 0 } .homesArchive__filterItem .choices__inner { align-items: center; display: flex } .homesArchive__filterItem .choices__list--multiple { padding: 0 } .homesArchive__filterItem .choices__input { margin-bottom: 0; padding: 0 } .homesArchive__filterItem .choices__input[placeholder] { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 1.8rem; line-height: 1.3; padding-left: 0 } .homesArchive__filterItemButton { justify-content: center; width: 100% } .homesArchive__filterLabel { color: #000000; font-size: 1.8rem; font-weight: 500; line-height: 1.3rem; margin-bottom: 1.6rem } .homesArchive__filterSelect { position: relative } .homesArchive__filterSelectIcon { color: #bca94d; font-size: .8rem; pointer-events: none; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%) } .homesArchive__filterGroup { display: flex; gap: 3rem } .homesArchive__filterGroupElem { flex: 0 0 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem) } .homesArchive__filterInput { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.3; margin-bottom: 0; padding: 0 } .homesArchive__filterInput::placeholder { color: #767b82 } .homesArchive__items { padding-bottom: 0; padding-top: 10rem } .homesArchive__itemsInner { padding: 0 25rem } .homesArchive__itemsTop { align-self: center; display: flex; justify-content: space-between; padding: 0 4rem } .homesArchive__itemsTopMeta { align-items: flex-end; display: flex; gap: 1.8rem } .homesArchive__itemsTopMetaCount { color: #767b82; font-size: 2rem; line-height: 1.4; transform: translateY(-.4rem) } .homesArchive__itemsTopMetaCount span:first-of-type { color: #000000; font-weight: 500 } .homesArchive__itemsTopFilters { align-self: flex-end; column-gap: 2.4rem; display: flex; flex: 1; flex-wrap: wrap; justify-content: flex-end } .homesArchive__itemsTopFilter:first-of-type { flex: 0 0 14.5rem; max-width: 14.5rem } .homesArchive__itemsTopFilter:last-of-type { flex: 0 0 30rem; max-width: 30rem } .homesArchive__itemsTopFilter .choices__inner { align-items: center; display: flex; padding-bottom: 0 !important } .homesArchive__itemsTopFilter .choices__item { color: #000000; font-size: 1.6rem } .homesArchive__itemsTopFilter .choices__list--single { padding-left: 0; padding-right: 3rem } .homesArchive__itemsTopFilterPlaceholder { color: #767b82 } .homesArchive__itemsWrapper { padding-bottom: 7rem; padding-top: 5.6rem } .homesArchive__itemsWrapper--loading .homesArchive__itemsLoader { display: block } .homesArchive__itemsMessageText { margin-bottom: 0 } .homesArchive__itemsBottom { align-items: center; display: flex; justify-content: space-between } .homesArchive__itemsBottomFilter { align-items: center; color: #767b82; display: flex; font-size: 1.7rem; line-height: 1.35 } .homesArchive__itemsBottomFilter .choices { margin: 0 1.2rem; min-width: 8rem } .homesArchive__itemsBottomFilter .choices__inner { align-items: center; background-color: #f6f6f6; border-bottom: none; display: flex; min-height: 4rem !important; padding-bottom: 0 !important; padding-left: .9rem; padding-right: 4rem } .homesArchive__itemsBottomFilter .choices__item { color: #767b82; font-size: 1.6rem; font-weight: 400 } .homesArchive__itemsBottomFilter .choices__item--choice[role=option] { padding-right: 1rem !important } .homesArchive__itemsBottomFilter .choices__list--single { padding: 0 } .homesArchive__itemsBottomPaginationInner, .homesArchive__itemsBottomPaginationPages { display: flex } .homesArchive__itemsBottomPaginationButton, .homesArchive__itemsBottomPaginationPage { align-items: center; display: flex; height: 4rem; justify-content: center; width: 4rem } .homesArchive__itemsBottomPaginationButton { color: #767b82; font-size: 1.4rem; transition: color .3s } .homesArchive__itemsBottomPaginationButton:hover { color: #bca94d } .homesArchive__itemsBottomPaginationButton.disabled { opacity: .6; pointer-events: none } .homesArchive__itemsBottomPaginationButton.hidden { display: none } .homesArchive__itemsBottomPaginationPage { color: #767b82; font-size: 1.6rem; font-weight: 500; transition: color .3s } .homesArchive__itemsBottomPaginationPage:hover { color: #000000 } .homesArchive__itemsBottomPaginationPage--active { background-color: #f6f6f6; color: #000000; font-size: 1.6rem; font-weight: 700; pointer-events: none } .homesArchive__itemsBottomPaginationPage--hidden { display: none } .homesArchive__itemsChange { border: 1px solid #ededed; margin-top: 7rem; padding: 3rem; text-align: center } .homesArchive__itemsChangeText { font-size: 2rem; line-height: 2.6rem; margin-bottom: 2rem } .homesArchive__itemsInfo { margin: 0 auto; max-width: 76.8rem; text-align: center } .homesArchive__itemsInfoText { font-size: 2.4rem; line-height: 1.4; margin-bottom: 4rem } .mainMenu { background-color: #00000021; bottom: 0; color: #fff; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity .3s; z-index: 101 } .mainMenu__content { background-color: #000000; -webkit-clip-path: polygon(200% 0, 100% 0, 120% 100%, 240% 100%); clip-path: polygon(200% 0, 100% 0, 120% 100%, 240% 100%); display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: 3.6rem 9.8rem 8.6rem 8.8rem; position: absolute; right: 0; top: 0; transition: -webkit-clip-path 1s cubic-bezier(.74, 0, .24, .99); transition: clip-path 1s cubic-bezier(.74, 0, .24, .99); transition: clip-path 1s cubic-bezier(.74, 0, .24, .99), -webkit-clip-path 1s cubic-bezier(.74, 0, .24, .99); width: 64% } .mainMenu__content--visible { -webkit-clip-path: polygon(100% 0, -8.75rem 0, -8.75rem 100%, 100% 100%); clip-path: polygon(100% 0, -8.75rem 0, -8.75rem 100%, 100% 100%) } .mainMenu__contentTop { align-items: center; display: flex; justify-content: space-between } .mainMenu__contentTopButton:hover .mainMenu__contentTopButtonIcon { color: #bca94d } .mainMenu__contentTopButtonIcon { font-size: 2rem; transition: color .3s } .mainMenu__contentNav { text-align: right } .mainMenu__contentNavListItem { font-size: 4rem; padding: 1.2rem 0 } .mainMenu__contentNavListItem--active .mainMenu__contentNavListItemLink { color: #bca94d; padding-left: 5.5rem } .mainMenu__contentNavListItem--active .mainMenu__contentNavListItemLink:before { display: block } .mainMenu__contentNavListItemLink { position: relative; transition: color .3s } .mainMenu__contentNavListItemLink:before { background-color: #bca94d; content: ""; display: none; height: 2px; left: -3.2rem; position: absolute; top: 50%; transform: translateY(-50%); width: 6.4rem } .mainMenu__contentNavListItemLink:hover { color: #bca94d } .mainMenu__contentBottom { align-items: center; display: flex; justify-content: flex-end } .mainMenu__contentBottomContact { display: flex; flex-direction: column; margin-left: 6.4rem } .mainMenu__contentBottomContactLink { color: #ffffff80; font-size: 2rem; padding: .6rem 0; transition: color } .mainMenu__contentBottomContactLink:hover { color: #bca94d } .mainMenu__contentClose { left: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) } .mainMenu--visible { opacity: 1; pointer-events: all } .mainMenu--fixed .mainMenu__content { padding-bottom: 2.5rem; padding-top: 2.5rem } .singleCareer { overflow: hidden; padding: 18.8rem 2rem 14.8rem; position: relative } .singleCareer__inner { margin: 0 auto; max-width: 92.8rem } .singleCareer__backLink { align-items: center; column-gap: 1.6rem; display: inline-flex; margin-bottom: 4rem } .singleCareer__backLink:hover .singleCareer__backLinkIcon { transform: translateX(.5rem) } .singleCareer__backLinkIcon { color: #bca94d; font-size: 1.2rem; transition: transform .3s } .singleCareer__backLinkText { color: #000000; font-size: 1.4rem; font-weight: 700; letter-spacing: .2em } .singleCareer__title { font-size: 5.2rem; line-height: 6.4rem; margin-bottom: 4rem } .singleCareer__wysiwyg { color: #000000 } .singleCareer__wysiwyg p { font-size: 2rem; line-height: 1.4; margin-bottom: 3.2rem } .singleCareer__wysiwyg p strong { font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; line-height: 3.6rem } .singleCareer__wysiwyg p:last-of-type { margin-bottom: 0 } .singleCareer__wysiwyg h4 { color: #bca94d; font-family: LubalinGraph, sans-serif; font-size: 3.5rem; font-weight: 500; margin-top: 6.4rem } .singleCareer__wysiwyg ul { margin-top: 3.2rem } .singleCareer__wysiwyg ul li { font-size: 2rem; line-height: 1.4; margin-bottom: 2.4rem; padding-left: 4.8rem; position: relative } .singleCareer__wysiwyg ul li:last-of-type { margin-bottom: 0 } .singleCareer__wysiwyg ul li:before { background-color: #bca94d; content: ""; height: 2px; left: 0; position: absolute; top: 1.2rem; width: 2.4rem } .singleCareer__wysiwyg ul li strong { font-weight: 700 } .singleCareer__button { margin-top: 6.4rem } .singleCareer__marks { position: absolute; right: 0; top: 0; z-index: -1 } .stickyMenu { background-color: #000000; left: 0; opacity: 0; padding: 0 4rem; pointer-events: none; position: fixed; right: 0; text-align: center; top: 0; transition: opacity .3s; z-index: 99 } .stickyMenu__list { display: flex; gap: 4rem; margin: 0 auto; max-width: 100%; overflow: auto; scrollbar-color: #bca94d #fff; scrollbar-width: thin; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .stickyMenu__list::-webkit-scrollbar { height: .5rem } .stickyMenu__list::-webkit-scrollbar-track { background-color: #fff; border-radius: .4rem } .stickyMenu__list::-webkit-scrollbar-thumb { background-color: #bca94d; border-radius: .4rem } .stickyMenu__listItem { white-space: nowrap } .stickyMenu__listItemButton { border-bottom: 4px solid #0000; color: #ffffff80; font-size: 1.4rem; letter-spacing: 2px; padding: 2rem 0; text-transform: uppercase; transition: color .3s, border-bottom-color .3s } .stickyMenu__listItemButton--active, .stickyMenu__listItemButton:hover { border-bottom-color: #bca94d; color: #fff } .stickyMenu--visible { opacity: 1; pointer-events: all } .textPage { padding-top: 18.8rem } .textPage__title { color: #000000; font-size: 4rem; font-weight: 700; line-height: 1.3; padding: 0 2rem; text-align: center } .textWithBg { background: #000000; padding: 9rem 0; text-align: center } .textWithBg__title { color: #fff; font-size: 4rem; font-weight: 500; line-height: 4.8rem; margin-bottom: 4.8rem } main.sections { overflow: hidden } main section { position: relative } .about__row { display: flex; flex-wrap: wrap } .about__col { flex: 0 0 50%; max-width: 50%; position: relative } .about__col--right, .about__title { padding-left: 12rem } .about__title { font-size: 5.6rem; font-weight: 500; line-height: 6.4rem; margin-bottom: 6rem } .about__title span { display: block } .about__title span:last-child { color: #bca94d; font-family: LubalinGraph, sans-serif; font-weight: 400; padding-left: 18rem; position: relative } .about__title span:last-child:before { background-color: #bca94d; content: ""; height: 2px; left: 0; position: absolute; top: calc(50% + 1px); width: 14rem } .about__image { background-color: #ebeaeb; position: relative } .about__image:before { content: ""; display: block; padding-top: 122.8571428571%; width: 100% } .about__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .about__content { margin-bottom: 4.5rem; padding-right: 14rem } .about__content p { font-size: 2rem; line-height: 2.8rem; margin-bottom: 3rem } .about__content p b, .about__content p strong { font-weight: 700 } .about__content p:last-child { margin-bottom: 0 } .about__rightImage { background-color: #bca94d; margin-left: 10rem; margin-right: -4rem; margin-top: 6rem; position: relative } .about__rightImage:before { content: ""; display: block; padding-top: 80%; width: 100% } .about__rightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .about__box { border: 1px solid #767b824d; margin-top: -6rem; position: relative; width: 80% } .about__box:before { content: ""; display: block; padding-top: 85.1063829787%; width: 100% } .about__boxContent { bottom: 18%; left: 0; padding-left: 10rem; position: absolute; width: 100% } .about__boxNumber { color: #767b8280; font-size: 17rem; font-weight: 700; line-height: 16rem } .about__boxDesc { font-size: 2rem; line-height: 2.8rem; max-width: 30rem } .careerOpportunities { background-color: #f6f6f6; padding: 12rem 0 10rem } .careerOpportunities__titles { text-align: center } .careerOpportunities__offers { margin: 6rem auto 0; max-width: 116.4rem } .careerOpportunities__offersMessage { color: #000000; font-size: 2.4rem; line-height: 1.3; margin: 0 auto; max-width: 45rem; text-align: center } .careerOpportunities__offersMessage a { text-decoration: underline; transition: color .3s } .careerOpportunities__offersMessage a:hover { color: #bca94d } .careerOpportunities__offersLabels { display: flex } .careerOpportunities__offersLabels p { color: #767b82; font-size: 1.2rem; font-weight: 500; letter-spacing: 1px; line-height: 1.25 } .careerOpportunities__offersLabels p:first-of-type { flex: 0 0 57.5%; max-width: 57.5% } .careerOpportunities__offersLabels p:last-of-type { flex: 0 0 42.5%; max-width: 42.5% } .careerOpportunities__offersWrapper { margin-top: 1.3rem; visibility: hidden } .careerOpportunities__offersWrapper:hover>* { opacity: .6; transform: scale(.95) } .careerOpportunities__offersSingle { align-items: center; background-color: #fff; display: flex; flex-wrap: wrap; margin-bottom: .7rem; min-height: 8rem; transition: opacity .15s linear .1s, transform .15s ease-in-out .1s; visibility: visible } .careerOpportunities__offersSingle:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms } .careerOpportunities__offersSingle:last-of-type { margin-bottom: 0 } .careerOpportunities__offersSingleLeft { flex: 0 0 57.5%; max-width: 57.5%; padding: 0 2.6rem } .careerOpportunities__offersSingleRight { column-gap: 2rem; display: flex; flex: 0 0 42.5%; justify-content: space-between; max-width: 42.5%; padding-right: 4.4rem } .careerOpportunities__offersSingleName { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.4; transition: color .3s } .careerOpportunities__offersSingleLocation { color: #767b82; font-size: 1.8rem; line-height: 1.28; transition: color .3s } .careerOpportunities__offersSingleIcon { align-items: center; color: #bca94d; display: inline-flex; font-size: 1.5rem; line-height: 1; transition: color .3s, transform .3s } .careerOpportunities__offersSingleLabel { display: none } .communityAdvert { background-color: #f6f6f6; padding: 12rem 0; position: relative } .communityAdvert__wrapper { margin: 0 auto; max-width: 76.8rem; text-align: center } .communityAdvert__desc { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.6; margin: 2.5rem auto 0; max-width: 45.2rem } .communityAdvert__button { margin-top: 4rem } .communityAdvert__bgImage { left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 0; transform: translateX(-50%); z-index: -1 } .communityBenefits { background-color: #f7f7f7; overflow: hidden; padding-bottom: 5rem; padding-top: 5rem; position: relative } .communityBenefits__inner { align-items: flex-start; display: grid; grid-template-columns: repeat(4, 1fr) } .communityBenefits__title { grid-area: title; height: 100%; padding: 10rem 4rem 4rem 12rem } .communityBenefits__titleSmall { margin-bottom: .5rem } .communityBenefits__benefit { position: relative } .communityBenefits__benefit:before { content: ""; display: block; padding-top: 100%; width: 100% } .communityBenefits__benefit:hover .communityBenefits__benefitInner { border-color: #0000; box-shadow: 0 .4rem 8.1rem #0000001c } .communityBenefits__benefit:hover .communityBenefits__benefitIcon { color: #bca94d } .communityBenefits__benefit:hover .communityBenefits__benefitTitle { color: #000000 } .communityBenefits__benefitInner { background-color: #fff; border: 1px solid #ebebeb; box-shadow: 0 .4rem 8.1rem #0000; color: #767b82; display: flex; flex-direction: column; height: 100%; justify-content: space-between; left: 0; padding: 6rem 4rem; position: absolute; row-gap: 2rem; top: 0; transition: box-shadow .3s, border-color; width: 100% } .communityBenefits__benefitIcon { font-size: 3.6rem; transition: color .3s } .communityBenefits__benefitTitle { font-size: 2.2rem; font-weight: 500; line-height: 1.18; transition: color .3s } .communityBenefits__image { position: relative } .communityBenefits--two .communityBenefits__inner { grid-template-areas: "title title firstElem secondElem""leftImage leftImage leftImage rightImage" } .communityBenefits--two .communityBenefits__benefit { align-self: flex-end } .communityBenefits--two .communityBenefits__benefit--1 { grid-area: firstElem } .communityBenefits--two .communityBenefits__benefit--2 { grid-area: secondElem } .communityBenefits--two .communityBenefits__image--left { grid-area: leftImage; position: relative } .communityBenefits--two .communityBenefits__image--left:before { content: ""; display: block; padding-top: 52.7619047619%; width: 100% } .communityBenefits--two .communityBenefits__image--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--two .communityBenefits__image--right { grid-area: rightImage; position: relative; width: calc(100% + 20rem) } .communityBenefits--two .communityBenefits__image--right:before { content: ""; display: block; padding-top: 73.7288135593%; width: 100% } .communityBenefits--two .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--two .communityBenefits__image--right:after { background-color: #fff; content: ""; height: calc(100% + 2px); left: -100vw; position: absolute; top: 100%; width: 200vw; z-index: -1 } .communityBenefits--four .communityBenefits__inner { grid-template-areas: "title title firstElem secondElem""thirdElem fourthElem rightImage rightImage" } .communityBenefits--four .communityBenefits__benefit--1 { grid-area: firstElem } .communityBenefits--four .communityBenefits__benefit--2 { grid-area: secondElem } .communityBenefits--four .communityBenefits__benefit--3 { grid-area: thirdElem } .communityBenefits--four .communityBenefits__benefit--4 { grid-area: fourthElem } .communityBenefits--four .communityBenefits__benefit--4:after { background-color: #fff; content: ""; height: calc(100% + 2px); left: -100vw; position: absolute; top: 100%; width: 200vw; z-index: -1 } .communityBenefits--four .communityBenefits__image--right { grid-area: rightImage; position: relative; width: calc(100% + 20rem) } .communityBenefits--four .communityBenefits__image--right:before { content: ""; display: block; padding-top: 61.7021276596%; width: 100% } .communityBenefits--four .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--six .communityBenefits__inner { grid-template-areas: "title title firstElem .""thirdElem fourthElem fifthElem sixthElem""leftImage leftImage seventhElem rightImage" } .communityBenefits--six .communityBenefits__benefit--1 { align-self: flex-end; grid-area: firstElem } .communityBenefits--six .communityBenefits__benefit--2 { grid-area: thirdElem } .communityBenefits--six .communityBenefits__benefit--3 { grid-area: fourthElem } .communityBenefits--six .communityBenefits__benefit--4 { grid-area: fifthElem } .communityBenefits--six .communityBenefits__benefit--5 { grid-area: sixthElem } .communityBenefits--six .communityBenefits__benefit--6 { grid-area: seventhElem } .communityBenefits--six .communityBenefits__benefit--6:after { background-color: #fff; content: ""; height: calc(100% + 2px); left: -100vw; position: absolute; top: 100%; width: 200vw; z-index: -1 } .communityBenefits--six .communityBenefits__image--left { grid-area: leftImage; position: relative } .communityBenefits--six .communityBenefits__image--left:before { content: ""; display: block; padding-top: 70.3281027104%; width: 100% } .communityBenefits--six .communityBenefits__image--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--six .communityBenefits__image--right { grid-area: rightImage; position: relative; width: calc(100% + 20rem) } .communityBenefits--six .communityBenefits__image--right:before { content: ""; display: block; padding-top: 73.7288135593%; width: 100% } .communityBenefits--six .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefitsLanding { background-color: #f6f6f6; padding: 9.6rem 0 } .communityBenefitsLanding__titles { text-align: center } .communityBenefitsLanding__titleBig { color: #000000; font-size: 4rem; font-weight: 500; line-height: 1.2; margin-top: 1.6rem } .communityBenefitsLanding__items { display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 5.6rem } .communityBenefitsLanding__item { background: #fff; border: 1px solid #ebebeb; display: flex; flex-direction: column; justify-content: space-between; min-height: 33rem; padding: 4rem 4rem 2.8rem } .communityBenefitsLanding__itemIcon { color: #767b82; font-size: 5rem } .communityBenefitsLanding__itemTitle { color: #767b82; font-size: 2.2rem; font-weight: 500; line-height: 1.18; padding-top: 2rem } .communityBenefitsLanding--two .communityBenefitsLanding__item { flex: 0 0 calc(50% - 0.8rem); max-width: calc(50% - .8rem) } .communityBenefitsLanding--three .communityBenefitsLanding__item { flex: 0 0 calc(33.33333% - 1.06667rem); max-width: calc(33.33333% - 1.06667rem) } .communityBenefitsLanding--four .communityBenefitsLanding__item { flex: 0 0 calc(25% - 1.2rem); max-width: calc(25% - 1.2rem) } .communityDescription { overflow: hidden; padding-bottom: 8rem; padding-top: 8rem; position: relative } .communityDescription__top { align-items: flex-start; display: flex; justify-content: space-between; padding: 0 12rem } .communityDescription__topLeft { max-width: 50rem; padding-right: 4rem } .communityDescription__topLeftTitle { margin-top: .5rem } .communityDescription__bottom { display: flex; flex-wrap: wrap; padding-top: 2rem } .communityDescription__bottomLeft { flex: 0 0 60%; max-width: 60%; position: relative } .communityDescription__bottomLeftImage { position: relative } .communityDescription__bottomLeftImage:before { content: ""; display: block; padding-top: 69.4575471698%; width: 100% } .communityDescription__bottomLeftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityDescription__bottomLeftDesc { border: 1px solid #ededed; left: 6.3rem; margin-top: -10rem; max-width: 57rem; padding: 13rem 5.5rem 6rem; position: relative } .communityDescription__bottomLeftDescTitle { color: #000000; font-size: 3.9rem; font-weight: 500; line-height: 1.18; margin-bottom: 3.2rem } .communityDescription__bottomLeftDescText { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.4; max-width: 30rem } .communityDescription__bottomRight { flex: 0 0 40%; max-width: 40%; padding-left: 9.6rem } .communityDescription__bottomRightImage { max-width: 68%; position: relative } .communityDescription__bottomRightImage:before { content: ""; display: block; padding-top: 117.3633440514%; width: 100% } .communityDescription__bottomRightImage img { height: 100%; left: 0; object-fit: cover; object-position: top; position: absolute; top: 0; width: 100% } .communityDescription__bottomRightDesc { color: #767b82; font-size: 2rem; font-weight: 500; line-height: 1.4; margin-top: 5.5rem } .communityDescription__bottomRightButton, .communityDescription__bottomRightNumbers { margin-top: 4rem } .communityDescription__bgImage { max-width: 65%; position: absolute; right: -23rem; top: 3rem; z-index: -1 } .communityMainGallery { padding-bottom: 5rem; padding-left: 20rem; padding-top: 5rem; position: relative } .communityMainGallery:after { background-color: #f7f7f7; bottom: 0; content: ""; height: 50%; left: 0; position: absolute; width: 100%; z-index: -1 } .communityMainGallery__title { margin-bottom: .5rem } .communityMainGallery__gallerySlider { overflow: hidden } .communityMainGallery__galleryItem { width: auto } .communityMainGallery__galleryItemImageImg { height: 57.4rem; object-fit: cover; width: 100% } .communityMainGallery__galleryItemLabel { color: #767b82; font-size: 1.6rem; line-height: 1.44; margin-top: 1.6rem } .communityMainGallery__next { position: absolute; right: 29%; top: 6rem; z-index: 1 } .communityOverviewMap { padding-bottom: 5rem; padding-top: 5rem } .communityOverviewMap__top { display: flex; flex-wrap: wrap; margin-bottom: 4rem; padding-left: 35rem; padding-right: 25rem } .communityOverviewMap__topLeft { flex: 0 0 calc(100% - 53rem); max-width: calc(100% - 53rem); padding-right: 9rem } .communityOverviewMap__topLeftTitle { margin-top: 1rem } .communityOverviewMap__topDesc { align-self: flex-end; color: #000000; flex: 0 0 53rem; font-size: 2rem; line-height: 1.4; max-width: 53rem } .communityOverviewMap__map { display: flex; flex-wrap: wrap; padding-top: 2rem } .communityOverviewMap__mapLeft { display: flex; flex: 0 0 72%; flex-wrap: wrap; height: 70.5rem; max-width: 72%; position: relative } .communityOverviewMap__mapContent { flex: 1; height: 100% } .communityOverviewMap__mapBadge { display: flex; left: 35rem; position: absolute; top: 0; transform: translateY(-50%); z-index: 1 } .communityOverviewMap__mapBadgeLeft { align-items: center; background-color: #bca94d; display: flex; justify-content: center; width: 9.8rem } .communityOverviewMap__mapBadgeLeftIcon { color: #fff; font-size: 2.6rem } .communityOverviewMap__mapBadgeRight { background-color: #fff; box-shadow: 0 2.4rem 8.1rem #00000014; max-width: 50rem; padding: 2.2rem 4.8rem 2.2rem 3rem; white-space: nowrap } .communityOverviewMap__mapBadgeRightTitle { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.3 } .communityOverviewMap__mapBadgeRightValue { -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #000000; display: -webkit-box; font-size: 1.8rem; line-height: 1.28; margin-top: .5rem; overflow: hidden } .communityOverviewMap__mapCategories { background-color: #000; color: #fff; flex: 0 0 10.5rem; height: 100%; max-width: 10.5rem } .communityOverviewMap__mapCategoriesButton { align-items: center; display: flex; height: 5.5rem; justify-content: center; width: 100% } .communityOverviewMap__mapCategoriesButton[disabled] { opacity: .6 } .communityOverviewMap__mapCategoriesButtonIcon { font-size: 1.4rem } .communityOverviewMap__mapCategoriesSwiper { height: calc(100% - 11rem); overflow: hidden } .communityOverviewMap__mapCategoriesSwiperWrapper { align-items: center; margin: -1rem 0 } .communityOverviewMap__mapCategory { flex: 0 0 33.33333%; max-width: 33.33333%; padding: 1rem } .communityOverviewMap__mapCategoryInput { -webkit-appearance: none; appearance: none; opacity: 0; position: absolute } .communityOverviewMap__mapCategoryInput:checked+label .communityOverviewMap__mapCategoryLabelText { color: #fff } .communityOverviewMap__mapCategoryInput:checked+label .communityOverviewMap__mapCategoryLabelIcon { color: #bca94d } .communityOverviewMap__mapCategoryLabel { align-items: center; display: flex; flex-direction: column; height: 100% } .communityOverviewMap__mapCategoryLabel:hover { cursor: pointer } .communityOverviewMap__mapCategoryLabelIcon { align-items: center; border: 1px solid #3d3531; color: #bca94d99; display: flex; font-size: 1.8rem; height: 4.2rem; justify-content: center; width: 4.2rem } .communityOverviewMap__mapCategoryLabelText { color: #767b82; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; writing-mode: vertical-rl } .communityOverviewMap__mapRight { flex: 0 0 28%; max-width: 28% } .communityOverviewMap__mapRightImage { position: relative } .communityOverviewMap__mapRightImage:before { content: ""; display: block; padding-top: 86.7549668874%; width: 100% } .communityOverviewMap__mapRightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityOverviewMap__mapRightDesc { max-width: 43rem; padding: 6rem 8.6rem 0 } .communityOverviewMap__mapRightDescIcon { color: #bca94d; font-size: 4rem } .communityOverviewMap__mapRightDescText { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 2.3rem; font-weight: 500; line-height: 1.35; margin-top: 3.6rem } .communitySitePlan { padding-bottom: 5rem; padding-top: 5rem } .communitySitePlan__inner { background-color: #f7f7f7; padding-bottom: 5rem; padding-top: 7.5rem } .communitySitePlan__wrapper { display: flex; flex-wrap: wrap } .communitySitePlan__left { flex: 0 0 30%; max-width: 30%; padding-right: 9.6rem } .communitySitePlan__right { flex: 0 0 70%; max-width: 70% } .communitySitePlan__rightImageImg { height: auto; object-fit: contain; width: 100% } .communitySitePlan__legend { margin-top: 7rem } .communitySitePlan__legendItem { align-items: center; border-bottom: 1px solid #ededed; display: flex; padding: 2.7rem 0 } .communitySitePlan__legendItem:last-of-type { border-bottom: unset } .communitySitePlan__legendItemColor { height: 1.4rem; margin-right: 1.2rem; width: 1.4rem } .communitySitePlan__legendItemText { color: #000000; font-size: 1.8rem; font-weight: 500 } .companyDescription { overflow: hidden; padding-top: 10rem; position: relative; z-index: 2 } .companyDescription__top { align-items: flex-start; display: flex; justify-content: space-between } .companyDescription__topLeft { flex: 0 0 95rem; max-width: 95rem; padding-right: 5rem } .companyDescription__bottom { display: flex; flex-wrap: wrap; padding-top: 7.5rem } .companyDescription__bottomLeft, .companyDescription__bottomRight { flex: 0 0 50%; max-width: 50% } .companyDescription__bottomLeft { display: grid; grid-template-areas: "topDesc topDesc"". .""leftImage desc"". rightImage"; grid-template-columns: [left] 32% [right] 68%; grid-template-rows: auto 7.5rem auto auto } .companyDescription__bottomLeftDesc { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; grid-area: topDesc; line-height: 1.5; padding-left: 18rem; position: relative } .companyDescription__bottomLeftDesc:before { background-color: #bca94d; content: ""; height: .1rem; left: 11.2rem; position: absolute; top: 1.6rem; width: 4rem } .companyDescription__bottomLeftText { color: #767b82; font-size: 2rem; grid-area: desc; line-height: 1.4; padding-bottom: 9rem; padding-left: 9rem } .companyDescription__bottomLeftFirstImage { align-self: flex-end; grid-area: leftImage; left: -5.6rem; position: relative; width: calc(100% + 5.6rem) } .companyDescription__bottomLeftFirstImage:before { content: ""; display: block; padding-top: 103.9007092199%; width: 100% } .companyDescription__bottomLeftFirstImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription__bottomLeftSecondImage { align-self: flex-start; grid-area: rightImage; position: relative } .companyDescription__bottomLeftSecondImage:before { content: ""; display: block; padding-top: 72.3311546841%; width: 100% } .companyDescription__bottomLeftSecondImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription__bottomRight { padding-left: 10rem } .companyDescription__bottomRightImage { position: relative } .companyDescription__bottomRightImage:before { content: ""; display: block; padding-top: 116.1129568106%; width: 100% } .companyDescription__bottomRightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription__bgImage { max-width: 65%; position: absolute; right: -23rem; top: 3rem; z-index: -1 } .contactForm__inner { display: flex; flex-wrap: wrap } .contactForm__left { flex: 0 0 54rem; max-width: 54rem } .contactForm__titleBig span { color: #bca94d; font-family: MarkOT, sans-serif; font-weight: 500 } .contactForm__desc { margin-top: 4rem } .contactForm__descTitle { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; line-height: 1.5; margin-bottom: 1rem } .contactForm__descText { color: #70767e; font-family: LubalinGraph, sans-serif; font-size: 2rem; line-height: 1.4; max-width: 38.5rem } .contactForm__right { flex: 0 0 calc(100% - 54rem); max-width: calc(100% - 54rem); padding-left: 18rem } .contactLinks__inner { max-width: 1204px; padding: 0 2rem } .contactLinks__items { display: flex; flex-wrap: wrap; gap: 4rem } .contactLinks__item { color: #fff; flex: 0 0 calc(50% - 2rem); max-width: calc(50% - 2rem); padding: 5.3rem 5.3rem 4.3rem; position: relative } .contactLinks__itemContent { position: relative; z-index: 1 } .contactLinks__itemIcon { font-size: 4.5rem } .contactLinks__itemTitle { font-family: LubalinGraph, sans-serif; font-size: 3.5rem; font-weight: 500; line-height: 1.2; margin: 5rem 0 2.5rem } .contactLinks__icon { bottom: 0; height: auto; max-height: 100%; max-width: 60%; position: absolute; right: 0 } .contactMap__panel { background-color: #fff; border-bottom: 4px solid #bca94d; bottom: 5.7rem; display: flex; gap: 10rem; left: 50%; padding: 3.5rem 6.4rem 3.5rem 4.7rem; position: absolute; transform: translateX(-50%); white-space: nowrap } .contactMap__panelSide { display: flex } .contactMap__panelSideIcon { color: #bca94d; font-size: 2rem; line-height: 1; margin-right: 1.5rem } .contactMap__panelSideText { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 1.9rem; font-weight: 500; line-height: 1.68 } .contactMap__panelSideText a { transition: color .3s } .contactMap__panelSideText a:hover { color: #bca94d } .contactMap__map { min-height: 70rem } .cooperationBenefits { padding-top: 12rem; position: relative; z-index: 1 } .cooperationBenefits__inner { align-items: flex-start; display: grid; grid-template-columns: repeat(4, 1fr) } .cooperationBenefits__title { align-self: center; grid-area: title } .cooperationBenefits__benefit { overflow: hidden; position: relative } .cooperationBenefits__benefit:before { content: ""; display: block; padding-top: 100%; width: 100% } .cooperationBenefits__benefit--description:hover { cursor: pointer } .cooperationBenefits__benefit--description:hover .cooperationBenefits__benefitDesc { top: 0 } .cooperationBenefits__benefit--1 { grid-area: firstElem } .cooperationBenefits__benefit--2 { grid-area: secondElem } .cooperationBenefits__benefit--3 { grid-area: thirdElem } .cooperationBenefits__benefit--4 { grid-area: fourthElem } .cooperationBenefits__benefit--5 { grid-area: fifthElem } .cooperationBenefits__benefit--6 { grid-area: sixthElem } .cooperationBenefits__benefitInner { background-color: #fff; border: 1px solid #ebebeb; color: #767b82; display: flex; flex-direction: column; height: 100%; justify-content: space-between; left: 0; padding: 4.5rem 4rem; position: absolute; row-gap: 2rem; top: 0; width: 100% } .cooperationBenefits__benefitIcon { color: #bca94d; font-size: 3.6rem } .cooperationBenefits__benefitDescTitle, .cooperationBenefits__benefitTitle { font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; line-height: 1.2 } .cooperationBenefits__benefitText { display: none } .cooperationBenefits__benefitDesc { background-color: #bca94d; display: flex; flex-direction: column; gap: 2.7rem; height: 100%; justify-content: center; left: 0; padding: 3.5rem; position: absolute; top: 100%; transition: top .3s; width: 100%; z-index: 1 } .cooperationBenefits__benefitDescTitle { color: #fff } .cooperationBenefits__benefitDescText { color: #fffef7cc; font-family: LubalinGraph, sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.44 } .cooperationBenefits__benefitDescText a { text-decoration: underline } .cooperationBenefits__image { grid-area: image; position: relative } .cooperationBenefits__image:before { content: ""; display: block; padding-top: 50%; width: 100% } .cooperationBenefits__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .cooperationBenefits--four .cooperationBenefits__inner { grid-template-areas: "title title firstElem secondElem""thirdElem fourthElem image image" } .cooperationBenefits--four .cooperationBenefits__title { padding: 0 10.6rem } .cooperationBenefits--six .cooperationBenefits__inner { grid-template-areas: "title title title firstElem""secondElem thirdElem fourthElem fifthElem"". sixthElem image image" } .cooperationBenefits--six .cooperationBenefits__title { padding: 0 11.8rem } .cooperationBenefits--gray { background-color: #f7f7f7; margin-top: -10rem } .cooperationBenefits--white { background-color: #fff } .ctaInfo { background-color: #f6f6f6; overflow: hidden; padding: 15.5rem 2rem; position: relative } .ctaInfo__inner { margin: 0 auto; max-width: 80rem; text-align: center } .ctaInfo__titleBig { font-size: 5.4rem } .ctaInfo__desc { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.6; margin: 3rem auto 0; max-width: 45rem } .ctaInfo__button { margin-top: 3.5rem } .ctaInfo__bg { bottom: 0; left: 50%; max-height: 100%; position: absolute; transform: translateX(-50%); z-index: -1 } .exploreCommunities { background-color: #f6f6f6; padding-bottom: 10rem; padding-top: 10rem } .exploreCommunities__top { margin-bottom: 0; text-align: center; } .exploreCommunities__button { margin-top: 5.6rem; text-align: center } .exploreCommunities__wrapper { position: relative } .exploreCommunities__slider { overflow: hidden } .exploreCommunities__sliderItem { flex: 0 0 calc(25% - 1.2rem); margin-right: 1.6rem; max-width: calc(25% - 1.2rem) } .exploreCommunities__navButton { align-items: center; background-color: #fff; border-radius: 50%; display: flex; height: 6.4rem; justify-content: center; position: absolute; top: 50%; transition: background-color .3s; width: 6.4rem; z-index: 1 } .exploreCommunities__navButton:hover { background-color: #bca94d } .exploreCommunities__navButton:hover .exploreCommunities__navButtonIcon { color: #fff } .exploreCommunities__navButton--prev { left: 0; transform: translate(-50%, -50%) } .exploreCommunities__navButton--next { right: 0; transform: translate(50%, -50%) } .exploreCommunities__navButton.swiper-button-lock { display: none } .exploreCommunities__navButtonIcon { color: #bca94d; font-size: 1.4rem; transition: color .3s } .exploreTabs__content { height: 68rem; position: relative } .exploreTabs__bg { background-color: #000000; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: calc(100% - 10rem) } .exploreTabs__bgImage { height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%) } .exploreTabs__bgImage img { height: 100% } .exploreTabs__bgImage:after { background-color: #5d554f80; content: ""; height: 100%; left: 100%; position: absolute; top: 0; width: 100% } .exploreTabs__inner { display: flex; height: 100%; position: relative; z-index: 2 } .exploreTabs__nav { display: flex; margin-bottom: 5rem; margin-left: 12rem; padding-left: 1px; position: relative } .exploreTabs__navButton { align-items: center; border: 1px solid #767b82; color: #767b82; display: inline-flex; flex: 1; font-size: 1.4rem; font-weight: 700; height: 5.6rem; justify-content: center; line-height: 2rem; margin-left: -1px; max-width: 29rem; transition: color .3s, border-color .3s; width: 100% } .exploreTabs__navButton:not(.exploreTabs__navButton--active):hover { border-color: #bca94d; color: #bca94d } .exploreTabs__navButton--active { border-color: #000000; border-width: 2px; color: #000000 } .exploreTabs__title { height: 9.6rem; margin-bottom: 0; margin-left: 12rem; overflow: hidden; position: relative } .exploreTabs__titleContent { font-size: 4rem; font-weight: 500; left: 0; line-height: 4.8rem; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s } .exploreTabs__titleContent--active { opacity: 1; pointer-events: all } .exploreTabs__desc { flex: 0 0 50%; height: 100%; max-width: 50%; padding: 0 12rem } .exploreTabs__desc p { color: #fff; font-size: 2rem; line-height: 2.8rem; margin-bottom: 3rem } .exploreTabs__descInner { height: 100%; position: relative } .exploreTabs__descContent { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .3s } .exploreTabs__descContent--active { opacity: 1; pointer-events: all } .exploreTabs__descButton { margin-top: 3.5rem } .exploreTabs__gallery { display: flex; flex: 0 0 calc(50% + 10rem); height: calc(100% + 12rem); margin: -7.5rem -1.6rem 0; max-width: calc(50% + 10rem) } .exploreTabs__galleryLeft { display: flex; flex: 0 0 58%; flex-direction: column; max-width: 58%; padding: 0 1.6rem } .exploreTabs__galleryImageWrapper { position: relative } .exploreTabs__galleryImageWrapper .c-lazy { height: 100%; width: 100% } .exploreTabs__galleryImageWrapper .c-lazy img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .exploreTabs__galleryImageWrapper--leftFirst { height: 60%; padding-bottom: 3.2rem } .exploreTabs__galleryImageWrapper--leftSecond { height: 40%; margin-left: auto; width: calc(100% - 10rem) } .exploreTabs__galleryImageWrapper--rightFirst { height: 37%; padding-bottom: 3.2rem; width: calc(100% - 4rem) } .exploreTabs__galleryImageWrapper--rightSecond { height: 63% } .exploreTabs__galleryRight { flex: 0 0 42%; max-width: 42%; padding: 0 1.6rem; position: relative } .financingPartners__inner { margin: 0 auto; max-width: 130rem; padding: 0 2rem } .financingPartners__top { margin-bottom: 5rem; text-align: center } .financingPartners__topSmall { margin-bottom: .8rem } .financingPartners__partner { align-items: center; border: 1px solid #ededed; display: flex; flex-wrap: wrap; gap: 9rem; margin-bottom: 3.2rem; padding: 5rem 6.5rem 5rem 3.6rem } .financingPartners__partner:last-of-type { margin-bottom: 0 } .financingPartners__partnerLeft { flex: 0 0 26.3rem; max-width: 26.3rem } .financingPartners__partnerName { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.8rem; font-weight: 500; line-height: 1.2; margin-bottom: 2.4rem; text-align: center } .financingPartners__partnerLogo { align-items: center; background-color: #f6f6f6; display: flex; justify-content: center; min-height: 17.1rem; padding: 3.5rem 2.8rem } .financingPartners__partnerRight { flex: 1 } .financingPartners__partnerDesc { color: #767b82; font-size: 1.8rem; line-height: 1.3; margin-bottom: 3rem } .financingPartners__partnerContact { align-items: center; display: flex; gap: 2rem; justify-content: space-between } .financingPartners__partnerContactItemTop { align-items: center; color: #767b82; display: flex; gap: .8rem } .financingPartners__partnerContactItemTopIcon { font-size: 1.4rem; line-height: 1 } .financingPartners__partnerContactItemTopValue { font-size: 1.2rem; letter-spacing: 1px; line-height: 1.25 } .financingPartners__partnerContactItemValue { color: #000000; display: inline-flex; font-family: LubalinGraph, sans-serif; font-size: 1.9rem; font-weight: 500; line-height: 1; margin-top: 1rem } a.financingPartners__partnerContactItemValue { transition: color .3s } a.financingPartners__partnerContactItemValue:hover { color: #bca94d } .financingPartners__partnerButton { margin-top: 3.2rem } .gap--normal { padding-top: 13rem } .gap--small { padding-top: 10rem } .gap--tiny { padding-top: 8rem } .helpfulFiles__titles { text-align: center } .helpfulFiles__titleSmall { margin-bottom: .8rem } .helpfulFiles__files { margin-top: 4.5rem } .helpfulFiles__files:hover>* { opacity: .6; transform: scale(.95) } .helpfulFiles__file { align-items: center; background-color: #f6f6f6; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.2rem; min-height: 9.4rem; padding: 2.2rem 3.3rem 2.2rem 4rem; transition: opacity .15s linear .1s, transform .15s ease-in-out .1s; visibility: visible } .helpfulFiles__file:last-of-type { margin-bottom: 0 } .helpfulFiles__file:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms } .helpfulFiles__fileData { align-items: center; display: flex; gap: 2.4rem } .helpfulFiles__fileDataDetailsName { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.2rem; font-weight: 500; line-height: 1.27 } .helpfulFiles__fileDataDetailsWeight { color: #767b82; font-size: 1.4rem; line-height: 1.6 } .helpfulFiles__fileButton { white-space: nowrap } .homeBenefits__inner { display: flex; flex-wrap: wrap; padding: 0 30rem } .homeBenefits__title { flex: 0 0 60%; max-width: 60%; padding-right: 9.6rem } .homeBenefits__titleBig { margin-top: 1.5rem } .homeBenefits__benefits { flex: 0 0 40%; max-width: 40% } .homeBenefits__benefit { align-items: center; border-bottom: 1px solid #ededed; display: flex; padding: 2rem } .homeBenefits__benefitIcon { color: #bca94d; display: inline-block; font-size: 3rem; margin-right: 2rem } .homeBenefits__benefitText { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.3rem; font-weight: 500; line-height: 1 } .homeDetails__inner { display: flex; flex-wrap: wrap } .homeDetails__plan { flex: 0 0 60%; max-width: 60%; padding-right: 9.6rem } .homeDetails__planNav { margin: 0 0 5rem 11.4rem; max-width: 30rem; position: relative; z-index: 10 } .homeDetails__planSlider { overflow: hidden; position: relative } .homeDetails__planSliderSlide { padding: 0 11.4rem; text-align: center } .homeDetails__planSliderSlideImg { max-height: 70rem; max-width: 100%; object-fit: contain } .homeDetails__planSliderNav { opacity: 1; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .3s; z-index: 2 } .homeDetails__planSliderNav--prev { left: 0 } .homeDetails__planSliderNav--next { right: 0 } .homeDetails__planSliderNav.swiper-button-disabled { opacity: .4; pointer-events: none } .homeDetails__data { flex: 0 0 40%; max-width: 40%; padding-top: 9rem } .homeDetails__dataContent { border: 1px solid #f2f2f2; max-height: 70rem; max-width: 49.4rem; padding: 4rem 4.8rem; position: relative } .homeDetails__dataContentPriceLabel { color: #767b82; font-size: 2rem; line-height: 1.4; margin-bottom: .4rem } .homeDetails__dataContentPriceValue { color: #000000; font-size: 3.6rem; font-weight: 500; line-height: 1.3 } .homeDetails__dataContentDetails { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin: 4rem 0 } .homeDetails__dataContentDetail { border-bottom: 1px solid #ededed; color: #000000; display: flex; justify-content: space-between; padding: 2.2rem } .homeDetails__dataContentDetail:last-of-type { border-bottom: none } .homeDetails__dataContentDetailElem { line-height: 1.28 } .homeDetails__dataContentDetailElem--label { align-items: center; display: flex; font-size: 1.7rem; padding-right: 1rem } .homeDetails__dataContentDetailElem--value { font-size: 1.8rem; font-weight: 500; padding-left: 1rem } .homeDetails__dataContentDetailElemIcon { color: #767b82; font-size: 1.6rem; margin-right: 1.2rem } .homeDetails__dataContentButton { justify-content: center; margin-bottom: 1.4rem; width: 100% } .homeDetails__dataContentButton:last-of-type { margin-bottom: 0 } .homeDetails__dataContentIcon { position: absolute; right: 0; top: 0; transform: translate(55%, -55%) } .lightboxImage { height: 95vh !important; width: auto !important } .homeGallery__slider { overflow: hidden } .homeGallery__wrapper { position: relative } .homeGallery__image { max-height: 100vh; position: relative } .homeGallery__image:before { content: ""; display: block; padding-top: 49.0625%; width: 100% } .homeGallery__image img { object-fit: cover } .homeGallery__image img, .homeGallery__image:after { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .homeGallery__image:after { background: linear-gradient(180deg, #16141100 56.65%, #16141199); content: "" } .homeGallery__image--vertical img { object-fit: contain } .homeGallery__meta { border-bottom: 1px solid #ffffff80; bottom: 13.2rem; left: 50%; padding-bottom: 2.4rem; position: absolute; transform: translateX(-50%); width: calc(100% - 40rem) } .homeGallery__metaTitle { color: #fffef7 } .homeGallery__sliderPagination { bottom: 8.5rem !important; left: 50% !important; position: absolute; transform: translateX(-50%); width: calc(100% - 40rem) !important; z-index: 1 } .homeGallery__sliderPaginationNum { background: #0000; border-bottom: 1px solid #0000; border-radius: 0; color: #fffef799 !important; display: inline-block; font-size: 1.6rem; height: auto; line-height: 1.3; margin: 0 2.4rem 0 0 !important; opacity: 1; padding-bottom: 4px; transition: color .3s, border-bottom-color .3s; width: auto } .homeGallery__sliderPaginationNum.swiper-pagination-bullet-active { border-bottom-color: #bca94d; color: #fffef7 !important; font-weight: 500 !important } .homeGallery__sliderNext { position: absolute; right: 20rem; top: 50%; transform: translateY(-50%); z-index: 1 } .homesListing { padding-bottom: 5rem; padding-top: 5rem } .homesListing__title { text-align: center } .homesListing__items { margin-top: 3rem; padding: 0 10rem } .homesListing__itemsButton { margin-top: 2rem; text-align: center } .imageText__inner { align-items: center; display: flex; flex-wrap: wrap } .imageText__image, .imageText__text { flex: 0 0 50%; max-width: 50% } .imageText__image { position: relative } .imageText__image:before { content: ""; display: block; padding-top: 99.1329479769%; width: 100% } .imageText__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .imageText__image--smaller { position: relative } .imageText__image--smaller:before { content: ""; display: block; padding-top: 67.0906200318%; width: 100% } .imageText__image--smaller img { height: auto; left: 0; object-fit: cover; position: absolute; top: 0; max-width: 100%; } .imageText__text { padding-left: 13.4rem } .imageText__textWrapper { max-width: 57.6rem } .imageText__textTitle { margin-top: 1.5rem; max-width: 50rem } .imageText__textTitle--noSmall { margin-top: 0 } .imageText__textDesc { color: #767b82; font-size: 2rem; line-height: 1.4; margin-top: 1.5rem } .imageText__textDesc--bigger { color: #000000; font-size: 3.2rem; line-height: 1.2 } .imageText__textButton { margin-top: 3.6rem } .imageText__bgUnderImage { background-color: #f6f6f6; bottom: 0; height: 60%; left: 0; position: absolute; width: 40%; z-index: -1 } .imageText--reversed .imageText__inner { flex-direction: row-reverse } .imageText--reversed .imageText__text { padding-left: 0; padding-right: 13.4rem } .list { background-color: #ededed; margin-top: 6rem; padding: 2rem 0 } .list__items { color: #5d554f; margin: 0 auto; max-width: 80.8rem; padding: 0 2rem } .list__item { border-top: 1px solid #5d554f; margin-top: 4rem; padding-top: 3rem } .list__item:first-of-type { margin-top: 0 } .list__itemTitle { font-size: 3.2rem; line-height: 1.3 } .list__itemDesc { font-size: 1.6rem; line-height: 1.4; padding-top: 2rem } .mainGallery { overflow: hidden } .mainGallery__bg { margin-top: -28rem; position: relative } .mainGallery__bg:before { content: ""; display: block; padding-top: 43.75%; width: 100% } .mainGallery__bg img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .mainGallery__gallery { padding-bottom: 3rem; position: relative; z-index: 1 } .mainGallery__galleryWrapper { cursor: ew-resize } .mainGallery__next { bottom: 0; position: absolute; right: 35%; z-index: 3 } .mainGallery__gallerySlide { align-items: center; display: flex; height: auto; justify-content: center; max-width: 21% } .mainGallery__gallerySlide:nth-child(2n) .mainGallery__gallerySlideInner { position: relative } .mainGallery__gallerySlide:nth-child(2n) .mainGallery__gallerySlideInner:before { content: ""; display: block; padding-top: 129.7297297297%; width: 100% } .mainGallery__gallerySlide:nth-child(2n) .mainGallery__gallerySlideInner img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .mainGallery__gallerySlide:nth-child(odd) .mainGallery__gallerySlideInner { position: relative } .mainGallery__gallerySlide:nth-child(odd) .mainGallery__gallerySlideInner:before { content: ""; display: block; padding-top: 76.7441860465%; width: 100% } .mainGallery__gallerySlide:nth-child(odd) .mainGallery__gallerySlideInner img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .mainGallery__gallerySlideInner { position: relative; width: 100% } .mainText { margin: 4rem auto 0; max-width: 80.8rem; padding: 0 2rem } .mainText__title { color: #000000; font-size: 2.4rem; font-weight: 700 } .mainText__content { color: #767b82; font-size: 1.8rem; line-height: 1.4; padding-top: 2rem } .mainText__content a { text-decoration: underline; transition: color .3s } .mainText__content a:hover { color: #bca94d } .motto { padding: 2rem 0; position: relative } .motto__wrapper { margin-left: 12rem } .motto__heading { font-family: MarkOT, sans-serif; font-size: 4rem; line-height: 1.2; margin: 2.5rem 0 6rem; max-width: 99.4rem } .motto__points { display: flex; gap: 4rem; max-width: 116rem } .motto__point { flex: 0 0 calc(33.33333% - 2.66667rem); max-width: calc(33.33333% - 2.66667rem) } .motto__pointSign { background-color: #767b824d; height: 1px; margin-left: 16px; position: relative } .motto__pointSign:after, .motto__pointSign:before { background-color: #bca94d; content: ""; position: absolute; top: 0 } .motto__pointSign:before { height: 1px; left: -16px; width: 16px } .motto__pointSign:after { height: 16px; left: -8px; transform: translateY(-50%); width: 1px } .motto__pointTitle { color: #000000; font-size: 2.4rem; font-weight: 700; line-height: 1.2; margin: 2.4rem 0 1.6rem } .motto__pointDesc { color: #767b82; font-size: 1.8rem; line-height: 1.4 } .motto__background { position: absolute; right: 0; top: -10rem; z-index: -1 } .ourProcess__topInner { max-width: 116rem } .ourProcess__timeline { position: relative } .ourProcess__timelineItems { display: flex; gap: 2rem; overflow: auto; padding: 18rem 20rem 3rem 26.5rem; scrollbar-color: #bca94d #fff; scrollbar-width: thin } .ourProcess__timelineItems::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; height: .5rem } .ourProcess__timelineItems::-webkit-scrollbar-track { background-color: #fff; border-radius: .4rem } .ourProcess__timelineItems::-webkit-scrollbar-thumb { background-color: #bca94d; border-radius: .4rem } .ourProcess__timelineItem { cursor: pointer; flex: 0 0 calc(16.66667% - 1.66667rem); max-width: calc(16.66667% - 1.66667rem); padding-top: 8rem; position: relative } .ourProcess__timelineItem:before { background-color: #b6b6b6; content: ""; height: calc(1.33333vw + .5rem); left: 0; position: absolute; top: -.3rem; transition: height .3s; width: .3rem; z-index: 1 } .ourProcess__timelineItem:after { color: #fafafa; content: attr(data-num); font-size: 23rem; font-weight: 700; line-height: 29rem; opacity: 0; position: absolute; right: calc(100% - 2.4rem); top: -16rem; transition: opacity .3s } .ourProcess__timelineItem--active:before, .ourProcess__timelineItem:hover:before { background-color: #bca94d; height: 4.9rem } .ourProcess__timelineItem--active:after, .ourProcess__timelineItem:hover:after { opacity: 1 } .ourProcess__timelineItem--active .ourProcess__timelineItemTitle, .ourProcess__timelineItem:hover .ourProcess__timelineItemTitle { font-weight: 700 } .ourProcess__timelineItem--active .ourProcess__timelineItemIcon, .ourProcess__timelineItem:hover .ourProcess__timelineItemIcon { opacity: 1 } .ourProcess__timelineItem--active .ourProcess__timelineItemIcon img, .ourProcess__timelineItem:hover .ourProcess__timelineItemIcon img { transform: scale(1) } .ourProcess__timelineItemPhase { color: #bca94d; font-family: LubalinGraph, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 3.6rem; margin-bottom: .6rem; text-transform: uppercase } .ourProcess__timelineItemTitle { color: #000000; font-size: 2.2rem; line-height: 1.25 } .ourProcess__timelineItemIcon { align-items: center; background-color: #fff; border: 1px solid #e9e9e9; border-top: none; bottom: calc(100% + 4rem); box-shadow: 0 .4rem 8.1rem #0000001c; display: flex; height: 10rem; justify-content: center; left: 0; opacity: 0; position: absolute; transform: translateX(-50%); transition: opacity .3s; width: 10rem; z-index: 2 } .ourProcess__timelineItemIcon:before { background-color: #bca94d; content: ""; height: 2px; left: -.1rem; position: absolute; top: 0; width: calc(100% + .2rem) } .ourProcess__timelineItemIcon:after { background-color: #fff; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; content: ""; height: 2rem; left: 50%; position: absolute; top: 100%; transform: translate(-50%, -45%) rotate(45deg); width: 2rem } .ourProcess__timelineItemIcon img { max-height: 80%; max-width: 80%; transform: scale(0); transition: transform .3s .1s } .ourProcess__timelineLine { left: 20rem; position: absolute; top: 18rem; width: calc(100% - 40rem) } .ourProcess__timelineLine--mobile { display: none } .ourTeam { background-color: #000000; overflow: hidden; padding-bottom: 12rem; padding-top: 12rem; position: relative } .ourTeam__inner { padding-left: 20rem } .ourTeam__titleSmall { color: #fffef7 } .ourTeam__titleBig { color: #fff } .ourTeam__slider { margin-top: 6rem; position: relative } .ourTeam__sliderContainer { cursor: ew-resize; overflow: hidden } .ourTeam__sliderSlide { flex: 0 0 calc(25% - 2.4rem); margin-right: 3.2rem; max-width: calc(25% - 2.4rem); position: relative } .ourTeam__sliderSlide.swiper-slide-active .ourTeam__sliderSlideImage:after { opacity: 0 } .ourTeam__sliderSlide.swiper-slide-active .ourTeam__sliderSlideMetaName { color: #fff } .ourTeam__sliderSlide.swiper-slide-active .ourTeam__sliderSlideMetaName:after { opacity: 1 } .ourTeam__sliderSlide.swiper-slide-active .ourTeam__sliderSlideBox { background-color: #bca94d } .ourTeam__sliderSlideImage { position: relative } .ourTeam__sliderSlideImage:before { content: ""; display: block; padding-top: 115.6756756757%; width: 100% } .ourTeam__sliderSlideImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .ourTeam__sliderSlideImage:after { background-image: linear-gradient(0deg, #00000075, #00000075); content: ""; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: opacity .3s; width: 100%; z-index: 1 } .ourTeam__sliderSlideMeta { margin-top: 2.6rem } .ourTeam__sliderSlideMetaName { color: #ffffffb3; display: inline-block; font-family: LubalinGraph, sans-serif; font-size: 2.8rem; font-weight: 500; position: relative; transition: color .3s } .ourTeam__sliderSlideMetaName:after { background-color: #fff; bottom: -.2rem; content: ""; height: 1px; left: 0; opacity: 0; position: absolute; transition: opacity .3s; width: 100% } .ourTeam__sliderSlideMetaPosition { color: #fff9; font-size: 1.7rem; line-height: 1.35; margin-top: .6rem } .ourTeam__sliderSlideBox { align-items: center; background-color: #ffffff1a; display: flex; height: 4.8rem; justify-content: center; position: absolute; right: 0; top: 0; transition: background-color .3s; width: 4.8rem; z-index: 2 } .ourTeam__sliderSlideBoxIcon { color: #fff; font-size: 2rem } .ourTeam__next { position: absolute; right: 20rem; top: -7rem; transform: translateX(50%); z-index: 1 } .ourTeam__button { margin-top: 6rem; text-align: center } .ourTeam__bgImage { bottom: 0; left: 0; position: absolute; z-index: -1 } .ourWarranty__topTextsSmall { margin-bottom: .4rem } .ourWarranty__chart--three .ourWarranty__chartItem:first-of-type:after { width: 22.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2) { margin-left: 28rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2):after { width: 30.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(3) { margin-left: 64rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(3):after { display: none } .ourWarranty__chartItemCircle { align-items: center; background: #bca94d; border-radius: 50%; color: #fff; display: flex; flex: 0 0 48px; flex-direction: column; height: 48px; justify-content: center; width: 48px } .ourWarranty__chartItemCircleText { font-size: 1.6rem; font-weight: 700; line-height: 2rem } .ourWarranty__chartItemCircleSmall { font-size: .8rem; font-weight: 700; line-height: 1rem } .ourWarranty__desc { font-size: 3rem; line-height: 4.2rem; margin-top: 5rem } .ourWarranty__chart { margin-top: 5rem; position: relative } .ourWarranty__chartItem { display: flex; gap: 3.2rem; margin-bottom: 10rem; max-width: 60rem; position: relative } .ourWarranty__chartItem:last-of-type { margin-bottom: 0 } .ourWarranty__chartItem:first-of-type:after { border-bottom: 1px solid #dbdbdb; border-bottom-left-radius: 3rem; border-left: 1px solid #dbdbdb; content: ""; height: calc(100% + 5.6rem); left: 2rem; position: absolute; top: 6.8rem; width: 18.9rem } .ourWarranty__chartItem:nth-of-type(2) { margin-left: 24rem; z-index: 1 } .ourWarranty__chartItem:nth-of-type(2):after { border-bottom: 1px solid #dbdbdb; border-bottom-left-radius: 3rem; border-left: 1px solid #dbdbdb; content: ""; height: calc(100% + 5.6rem); left: 1rem; position: absolute; top: 6.8rem; width: 19.9rem } .ourWarranty__chartItem:nth-of-type(3) { margin-left: 48rem; z-index: 2 } .ourWarranty__chartItem:nth-of-type(3):after { border-bottom: 1px solid #dbdbdb; border-bottom-left-radius: 3rem; border-left: 1px solid #dbdbdb; content: ""; height: calc(100% + 5.6rem); left: 2rem; position: absolute; top: 6.8rem; width: 19.9rem } .ourWarranty__chartItem:nth-of-type(4) { margin-left: 72rem; z-index: 2 } .ourWarranty__chartItemIcon { color: #bca94d; font-size: 4rem } .ourWarranty__chartItemTextsTitle { color: #000000; font-size: 2.4rem; font-weight: 700; line-height: 1.4; margin-bottom: .8rem } .ourWarranty__chartItemTextsDesc { color: #767b82; font-size: 2rem; line-height: 1.4 } .ourWarranty__chartIcon { max-width: 20rem; position: absolute; right: 15rem; top: calc(8% + 5rem) } .ourWarranty__bgImage { position: absolute; right: 0; top: -10rem; z-index: -1 } .ourWarranty__bgIcon { position: absolute; right: 10rem; top: 0; z-index: -1 } .partnersApplications { align-items: center; display: flex; gap: 13.4rem } .partnersApplications__left { flex: 0 0 46rem; max-width: 46rem } .partnersApplications__leftImage { left: calc(-50vw - -58.2rem); margin-top: 8rem; position: relative; width: calc(100% + 50vw - 58.2rem) } .partnersApplications__leftImage:before { content: ""; display: block; padding-top: 97.0326409496%; width: 100% } .partnersApplications__leftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .partnersApplications__right { flex: 0 0 calc(100% - 59.4rem); max-width: calc(100% - 59.4rem) } .partnersApplications__rightTitles { margin-bottom: 4rem } .partnersApplications__rightTitlesSmall { margin-bottom: .4rem } .partnersApplications__rightWrapper { max-width: 57.4rem } .partnersApplications__rightDesc p { color: #767b82; font-size: 2rem; line-height: 1.4 } .partnersApplications__rightDesc p strong { display: block; font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; line-height: 1.5; margin-bottom: 3.3rem } .partnersApplications__rightSteps { margin-top: 4rem } .partnersApplications__rightStep { border: 1px solid #ebebeb; display: flex; gap: 2.5rem; margin-bottom: 2rem; padding: 2.6rem 5rem 2.6rem 3.3rem } .partnersApplications__rightStep:last-of-type { margin-bottom: 0 } .partnersApplications__rightStepNum { align-items: center; background-color: #767b82; border-radius: 50%; color: #fff; display: flex; flex: 0 0 4.8rem; font-size: 1.6rem; font-weight: 700; height: 4.8rem; justify-content: center; max-width: 4.8rem } .partnersApplications__rightStepDesc { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 2.1rem; font-weight: 500; line-height: 1.4 } .partnersApplications__rightButton { margin-top: 5rem } .partnersList { background-color: #f6f6f6; overflow: hidden; padding: 13rem 0; position: relative } .partnersList__titles { text-align: center } .partnersList__titlesSmall { margin-bottom: .8rem } .partnersList__list { margin-top: 5rem } .partnersList__list .partnersList__listWrapper { justify-content: center } .partnersList__list--initialized { overflow: hidden; width: calc(100% + 20rem) } .partnersList__list--initialized .partnersList__listWrapper { justify-content: flex-start } .partnersList__list--initialized .partnersList__listItem { flex: 0 0 31%; max-width: 31% } .partnersList__listItem { background-color: #fff; border: 1px solid #ebebeb; flex: 0 0 33.33333%; height: auto; max-width: 33.33333%; padding: 10rem 5.5rem 5.5rem } .partnersList__listItemLogo { margin-bottom: 10rem; text-align: center } .partnersList__listItemMetaName { color: #000000; font-size: 2.8rem; font-weight: 700; line-height: 1.2 } .partnersList__listItemMetaDesc { color: #767b82; font-size: 1.6rem; line-height: 1.4; margin-top: 1.6rem } .partnersList__bg { bottom: 0; max-height: calc(100% - 5rem); position: absolute; right: 0; z-index: -1 } .realtorsDesc { position: relative } .realtorsDesc__wrapper { padding-left: 10rem } .realtorsDesc__top { margin-bottom: 6.8rem } .realtorsDesc__topTitle { max-width: 92rem } .realtorsDesc__bottom { display: flex } .realtorsDesc__bottomDesc { flex: 0 0 59rem; max-width: 59rem; padding-right: 11.8rem } .realtorsDesc__bottomDescText { color: #767b82; font-size: 2rem; line-height: 1.4; margin-bottom: 4.8rem } .realtorsDesc__bottomImages { align-items: flex-start; display: flex; flex: 0 0 calc(100% - 59rem); gap: 1.6rem; max-width: calc(100% - 59rem) } .realtorsDesc__bottomImage { flex: 0 0 calc(50% - 0.8rem); max-width: calc(50% - .8rem) } .realtorsDesc__bottomImage--left { position: relative } .realtorsDesc__bottomImage--left:before { content: ""; display: block; padding-top: 140.5325443787%; width: 100% } .realtorsDesc__bottomImage--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .realtorsDesc__bottomImage--right { position: relative } .realtorsDesc__bottomImage--right:before { content: ""; display: block; padding-top: 84.0236686391%; width: 100% } .realtorsDesc__bottomImage--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .realtorsDesc__bgImage { position: absolute; right: 0; top: -5rem; z-index: -1 } .realtorsDesc__popup { background-color: #0003; height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity .3s; width: 100%; z-index: 1000 } .realtorsDesc__popup--visible { opacity: 1; pointer-events: all } .realtorsDesc__popupInner { background-color: #fff; left: 50%; max-width: 60rem; padding: 5rem 3rem 3rem; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .realtorsDesc__popupTitle { color: #bca94d; font-size: 3.2rem; font-weight: 700; line-height: 1.3; margin-bottom: 2rem } .realtorsDesc__popupClose { height: 3rem; position: absolute; right: 2rem; top: 2rem; width: 3rem } .realtorsDesc__popupClose:hover .realtorsDesc__popupCloseIcon { color: #bca94d } .realtorsDesc__popupCloseIcon { color: #000000; font-size: 2rem; transition: color .3s } .realtorsHowItWorks { background-color: #f6f6f6; padding: 14.5rem 0 } .realtorsHowItWorks__box { margin: 0 auto; max-width: 92.8rem } .realtorsHowItWorks__boxTitle { background-color: #000000; color: #fff; font-size: 3.2rem; font-weight: 700; line-height: 3.4rem; padding: 2.8rem 6.4rem; text-align: center } .realtorsHowItWorks__boxBonuses, .realtorsHowItWorks__boxDesc { background-color: #fff; box-shadow: 0 4rem 8rem #0000000d } .realtorsHowItWorks__boxBonuses { display: flex; gap: 12.8rem; padding: 6.4rem; position: relative; z-index: 1 } .realtorsHowItWorks__boxBonuses:after { background-color: #ededed; content: ""; height: calc(100% - 12.8rem); left: 50%; position: absolute; top: 50%; transform: translateY(-50%); width: 1px } .realtorsHowItWorks__boxBonusesCol { flex: 0 0 calc(50% - 6.4rem); max-width: calc(50% - 6.4rem) } .realtorsHowItWorks__boxBonusesColTitle { color: #000000; font-size: 2.4rem; font-weight: 700; line-height: 1.38; margin-bottom: 1.2rem } .realtorsHowItWorks__boxBonusesColDesc { color: #767b82; font-size: 1.8rem; line-height: 1.28 } .realtorsHowItWorks__boxBonusesSlider { padding-bottom: 7rem } .realtorsHowItWorks__boxBonusesSliderNum { align-items: center; background-color: #fff; border: 1px solid #e9e9e9; border-top: 2px solid #bca94d; box-shadow: 0 .4rem 8.1rem #0000001c; color: #000000; display: flex; font-size: 2.4rem; font-weight: 700; height: 4.8rem; justify-content: center; left: 0; line-height: 1.38; margin-top: 3.2rem; position: relative; transform: translate(calc(-50% + 1.9rem)); width: 6.4rem } .realtorsHowItWorks__boxBonusesSliderNum:after { background-color: #fff; border: 1px solid #e9e9e9; border-bottom: unset; border-left: unset; box-shadow: 0 .4rem 8.1rem #0000001c; content: ""; height: 1.5rem; left: 50%; position: absolute; top: 100%; transform: rotate(135deg) translate(-50%, -50%); transform-origin: 0 0; width: 1.5rem } .realtorsHowItWorks__boxBonusesSliderWrapper { margin-top: 3rem; position: relative } .realtorsHowItWorks__boxBonusesSliderInput { -webkit-appearance: none; appearance: none; color: red; position: relative; width: 100% } .realtorsHowItWorks__boxBonusesSliderInput:focus { outline: none } .realtorsHowItWorks__boxBonusesSliderInput::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none } .realtorsHowItWorks__boxBonusesSliderInput::-moz-range-track { appearance: none } .realtorsHowItWorks__boxBonusesSliderInput::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-image: url(https://inlandhomes.com/wp-content/themes/inland/public/img/slider_thumb.png); background-position: 50%; background-repeat: no-repeat; background-size: 100%; border: unset; border-radius: 50%; cursor: pointer; height: 3.8rem; width: 3.8rem } .realtorsHowItWorks__boxBonusesSliderInput::-moz-range-thumb { appearance: none; background-image: url(https://inlandhomes.com/wp-content/themes/inland/public/img/slider_thumb.png); background-position: 50%; background-repeat: no-repeat; background-size: 100%; border: unset; border-radius: 50%; cursor: pointer; height: 3.8rem; width: 3.8rem } .realtorsHowItWorks__boxBonusesSliderInput::-moz-focus-outer { border: 0 } .realtorsHowItWorks__boxBonusesSliderProgress, .realtorsHowItWorks__boxBonusesSliderTrack { border-radius: 4px; bottom: 50%; height: 6px; left: 0; position: absolute; transform: translateY(50%); z-index: -1 } .realtorsHowItWorks__boxBonusesSliderTrack { background-color: #e9e9e9; width: 100% } .realtorsHowItWorks__boxBonusesSliderProgress { background-color: #bca94d; border-bottom-right-radius: 0; border-top-right-radius: 0; width: 0 } .realtorsHowItWorks__boxBonusesSliderMinMax { bottom: -2.5rem; color: #767b82; display: flex; font-size: 1.6rem; justify-content: space-between; left: 0; line-height: 1.4; padding: 0 .6rem 0 1.5rem; position: absolute; width: 100% } .realtorsHowItWorks__boxBonusesSliderMarkers { align-items: flex-end; display: flex; justify-content: space-between; left: 0; padding: 0 1.9rem; position: absolute; top: -.4rem; width: 100%; z-index: -1 } .realtorsHowItWorks__boxBonusesSliderMarker { background-color: #ededed; height: 1.2rem; width: 1px } .realtorsHowItWorks__boxBonusesSliderMarker:first-of-type, .realtorsHowItWorks__boxBonusesSliderMarker:last-of-type { height: 1.6rem } .realtorsHowItWorks__boxBonusesContent { margin-top: 4.8rem } .realtorsHowItWorks__boxBonusesContentItem { align-items: center; border-bottom: 1px solid #ededed; color: #000000; display: flex; gap: 2rem; justify-content: space-between; padding: 2.2rem 0 } .realtorsHowItWorks__boxBonusesContentItem:first-of-type { border-top: 1px solid #ededed } .realtorsHowItWorks__boxBonusesContentItemLabel, .realtorsHowItWorks__boxBonusesContentItemValue { font-size: 1.8rem; line-height: 1.3 } .realtorsHowItWorks__boxBonusesContentItemValue { font-weight: 500 } .realtorsHowItWorks__boxDesc { color: #767b82; font-size: 2rem; line-height: 1.4; margin-top: -5.2rem; padding: 11.6rem 6.4rem 6.4rem; text-align: center } .regularContactForm { padding: 5rem 0 } .regularContactForm__inner { align-items: center; display: flex; flex-wrap: wrap; padding: 0 30rem } .regularContactForm__left { background-color: #000000; flex: 0 0 55.1rem; max-width: 55.1rem; padding: 5rem 6rem } .regularContactForm__leftTitle, .regularContactForm__rightTitle { font-size: 3.6rem; font-weight: 500; line-height: 1.3 } .regularContactForm__leftTitle { color: #fff } .regularContactForm__leftImage { margin-top: 2.6rem; position: relative } .regularContactForm__leftImage:before { content: ""; display: block; padding-top: 61.3053613054%; width: 100% } .regularContactForm__leftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .regularContactForm__leftDetail { align-items: flex-start; display: flex; margin-top: 4rem } .regularContactForm__leftDetailIcon { color: #bca94d; font-size: 2rem } .regularContactForm__leftDetailsTexts { padding-left: 1.8rem } .regularContactForm__leftDetailsTitle { color: #fffef7; font-family: LubalinGraph, sans-serif; font-size: 1.9rem; font-weight: 500; line-height: 1.6; margin-bottom: 1.5rem } .regularContactForm__leftDetailsValues { color: #ffffffb3; font-size: 1.8rem; line-height: 1.28 } .regularContactForm__leftDetailsValues a { transition: color .3s } .regularContactForm__leftDetailsValues a:hover { color: #bca94d } .regularContactForm__right { flex: 0 0 calc(100% - 55.1rem); max-width: calc(100% - 55.1rem); padding-left: 10rem } .regularContactForm__rightTitle { color: #000000; margin-bottom: 4rem } .reliablePartners { align-items: center; display: flex } .reliablePartners__image { flex: 0 0 55%; max-width: 55%; position: relative } .reliablePartners__image:before { content: ""; display: block; padding-top: 89.9866488652%; width: 100% } .reliablePartners__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .reliablePartners__image:after { background-color: #f6f6f6; bottom: 0; content: ""; height: 50.9%; left: -20rem; position: absolute; width: 100%; z-index: -1 } .reliablePartners__imageOverlay { background-color: #fff; height: 50%; position: absolute; right: 0; top: -1px; width: 15rem } .reliablePartners__texts { flex: 0 0 57.5rem; max-width: 57.5rem } .reliablePartners__textsSmall { margin-bottom: .5rem } .reliablePartners__textsTitle { margin-bottom: 8.5rem } .reliablePartners__textsDesc { color: #767b82; font-size: 2rem; line-height: 1.4; margin-bottom: 7rem; padding-left: 10.6rem; padding-right: 1.3rem } .reliablePartners--imageRight { flex-direction: row-reverse } .reliablePartners--imageRight .reliablePartners__image { position: relative } .reliablePartners--imageRight .reliablePartners__image:before { content: ""; display: block; padding-top: 103.0346820809%; width: 100% } .reliablePartners--imageRight .reliablePartners__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .reliablePartners--imageRight .reliablePartners__image:after { display: none } .reliablePartners--gap { align-items: flex-start; gap: 13.2rem } .reliablePartners--gap .reliablePartners__image { flex: 0 0 calc(55% - 13.2rem); max-width: calc(55% - 13.2rem) } .reliablePartners--gap .reliablePartners__textsDesc { margin-bottom: 0; padding-left: 11.9rem; padding-right: 0 } .requirementsBoxes { background-color: #f6f6f6; padding: 10rem 0 7rem } .requirementsBoxes__smallTitle { margin-bottom: .4rem } .requirementsBoxes__title { max-width: 93rem } .requirementsBoxes__title--center { margin: 0 auto; text-align: center } .requirementsBoxes__items { display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 10.6rem } .requirementsBoxes__item { background-color: #fff; border: 1px solid #ebebeb; flex: 0 0 calc(25% - 1.2rem); max-width: calc(25% - 1.2rem); padding: 6.7rem 4.4rem 3.5rem; position: relative } .requirementsBoxes__itemNum { align-items: center; background-color: #bca94d; border-radius: 50%; color: #fff; display: flex; font-size: 1.8rem; font-weight: 700; height: 4.8rem; justify-content: center; left: 4.4rem; position: absolute; top: 0; transform: translateY(-50%); width: 4.8rem } .requirementsBoxes__itemTitle { color: #000000; font-family: LubalinGraph, sans-serif; font-size: 2.4rem; font-weight: 500; line-height: 1.2; margin-bottom: 1.3rem } .requirementsBoxes__itemDesc { color: #767b82; font-size: 1.6rem; line-height: 1.4 } .testimonials { max-width: 120rem; padding-left: 0; padding-right: 0; padding-top: 17.6rem; position: relative; z-index: 0 } .testimonials__title { margin-bottom: 3.2rem; text-align: center } .testimonials__slider { margin: 0 auto; max-width: 70rem; position: relative } .testimonials__slide { display: flex; flex-direction: column; height: auto } .testimonials__slideText { font-family: LubalinGraph, sans-serif; font-size: 3rem; line-height: 1.2; text-align: center } .testimonials__slideAuthor { align-items: center; background-color: #fff; border-top: 1px solid #767b824d; display: flex; flex: 1; justify-content: center; margin: 2.8rem auto 0; max-width: 56.8rem; padding-top: 1.8rem; width: 100% } .testimonials__slideAuthorAvatar { border-radius: 50%; height: 4.6rem; overflow: hidden; width: 4.6rem } .testimonials__slideAuthorAvatar img { height: 100%; object-fit: cover; width: 100% } .testimonials__slideAuthorMeta { border-left: 1px solid #767b824d; font-size: 1.6rem; line-height: 2.2rem; margin-left: 1.8rem; padding-left: 2rem } .testimonials__slideAuthorMetaName { color: #000000 } .testimonials__slideAuthorMetaPosition { color: #767b82 } .testimonials__sliderPagination { background-color: #fff; display: flex; justify-content: center; margin: 0 auto; max-width: 56.8rem; padding-top: 3.5rem; position: relative } .testimonials__sliderPagination:before { background-color: #fff; content: ""; height: 4rem; left: 0; position: absolute; top: 100%; width: 100% } .testimonials__sliderPaginationBullet { background-clip: content-box; background-color: #767b824d; border: 1px solid #0000; border-radius: 50%; display: block; height: 1.8rem; margin-right: .5rem; padding: .4rem; transition: border-color .3s, background-color .3s; width: 1.8rem } .testimonials__sliderPaginationBullet:last-of-type { margin-right: 0 } .testimonials__sliderPaginationBullet:hover { background-color: #bca94d; cursor: pointer } .testimonials__sliderPaginationBullet--active { background-color: #bca94d; border-color: #bca94d } .testimonials__bg { height: calc(100% + 17.6rem); left: 50%; position: absolute; top: -17.6rem; transform: translateX(-50%); width: 100%; z-index: -1 } .testimonials__bg img { display: block; max-height: 100%; object-fit: contain; width: 100% } .textSlider__titles { text-align: center } .textSlider__titleSmall { margin-bottom: 1.6rem } .textSlider__titleBig { color: #000000; font-size: 5.4rem; font-weight: 500; line-height: 1.15 } .textSlider__titleBig span { color: #bca94d; font-family: LubalinGraph, sans-serif; font-size: 5.6rem; line-height: 1.15 } .textSlider__content { align-items: center; display: flex; gap: 8rem; margin-top: 5rem; position: relative } .textSlider__contentDesc { color: #000000; flex: 0 0 45.4rem; max-width: 45.4rem } .textSlider__contentDesc h4 { font-size: 4rem; font-weight: 500; line-height: 1.2; margin-bottom: 3.2rem } .textSlider__contentDesc p { font-size: 2rem; line-height: 1.4; margin-bottom: 1em } .textSlider__contentDesc p:last-of-type { margin-bottom: 0 } .textSlider__contentGallery { flex: 0 0 calc(100% - 33.4rem); max-width: calc(100% - 33.4rem) } .textSlider__contentSlider { overflow: hidden } .textSlider__contentSliderWrapper { display: flex } .textSlider__contentSlide { flex: 0 0 50%; max-width: 50%; position: relative } .textSlider__contentSlide:before { content: ""; display: block; padding-top: 125.8771929825%; width: 100% } .textSlider__contentSlide img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .textSlider__next { position: absolute; right: 0; top: 0; z-index: 1 } .textSlider__next--hidden { display: none } .thankYou { padding: 9.6rem 5.6rem 5.6rem } .thankYou__inner { background-color: #f6f6f6; padding-bottom: 14.2rem; padding-top: 14.2rem } .thankYou__content { align-items: center; display: flex; flex-direction: column; margin: 0 auto; text-align: center } .thankYou__image { margin-bottom: 2rem; max-height: 100%; max-width: 100% } .thankYou__image img { height: 100%; object-fit: cover; width: 100% } .thankYou__title { color: #000000; font-family: MarkOT, sans-serif; font-size: 7.4rem; font-weight: 500; margin-bottom: 2.4rem } .thankYou__description { color: #767b82; font-family: LubalinGraph, sans-serif; font-size: 3.2rem; font-weight: 500; line-height: 1.06; margin-bottom: 6.4rem } .twoColumnDescIcons__inner { border-top: 1px solid #e1e2e4; display: flex; flex-wrap: wrap; padding-top: 10rem } .twoColumnDescIcons__left { flex: 0 0 56.5%; max-width: 56.5%; padding: 0 12rem } .twoColumnDescIcons__right { flex: 0 0 43.5%; max-width: 43.5%; padding-right: 12rem } .twoColumnDescIcons__title span { display: block } .twoColumnDescIcons__titleBig { color: #000000; font-size: 4rem; font-weight: 500; line-height: 6.4rem } .twoColumnDescIcons__descBig { margin-top: 1.3rem } .twoColumnDescIcons__descBig p { color: #767b82; font-size: 2rem; font-weight: 500; line-height: 2.8rem } .twoColumnDescIcons__descBig p b, .twoColumnDescIcons__descBig p strong { font-weight: 700 } .twoColumnDescIcons__descSmall { margin-top: 3.7rem } .twoColumnDescIcons__descSmall p { color: #767b82; font-size: 1.8rem; line-height: 2.8rem } .twoColumnDescIcons__descSmall p b, .twoColumnDescIcons__descSmall p strong { font-weight: 500 } .twoColumnDescIcons__button { margin-top: 4rem } .twoColumnDescIcons__box { background-color: #ebeaeb; font-family: LubalinGraph, sans-serif; font-weight: 500; margin-bottom: 2.4rem; padding: 3rem 4rem } .twoColumnDescIcons__box:last-child { margin-bottom: 0 } .twoColumnDescIcons__boxImage { margin-bottom: 5rem } .twoColumnDescIcons__boxTitle { color: #000000; font-size: 2.4rem; line-height: 3.2rem } .twoColumnDescIcons__boxDesc { color: #767b82; font-size: 1.6rem; line-height: 2.8rem } .choices__inner { background-color: initial; border: none; border-bottom: 1px solid #d6d6d6; border-radius: 0; padding: 0 } .choices__input { background-color: initial; width: 0 } .choices__input--hidden { display: none } .choices__item { color: #000000; font-size: 1.8rem; font-weight: 500 } .choices__list--multiple, .choices__list--single { padding: 0 1.4rem } .choices__list--multiple .choices__item { align-items: center; background-color: #bca94d; border-color: #e05b1e; display: inline-flex; max-height: 4rem; padding: 1rem } .choices__list--dropdown { z-index: 2 !important } .choices__placeholder { color: #767b82; font-size: 1.8rem; font-weight: 400; line-height: 1.28; opacity: 1; padding-right: 5.5rem } .choices__placeholder:not(.choices__item--choice) { position: absolute; top: 50%; transform: translateY(-50%) } .choices[data-type*=select-one] .choices__inner { min-height: 5rem } .choices[data-type*=select-one]:after { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; color: #bca94d; content: "\e91b" !important; font-family: icomoon !important; font-size: .8rem; font-style: normal; font-variant: normal; font-weight: 400; height: auto; line-height: 1; margin-top: 0; pointer-events: none; position: absolute; right: 1.4rem; text-transform: none; top: 50%; transform: translateY(-50%); transition: transform .3s; width: auto } .choices[data-type*=select-one].is-open:after { border: none; margin-top: 0; transform: translateY(-50%) rotate(180deg) } /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ html.has-scroll-smooth { overflow: hidden } html.has-scroll-dragging { -webkit-user-select: none; user-select: none } [data-scroll] { opacity: 0; transition: opacity .3s } [data-scroll].is-inview { opacity: 1 } [data-scroll-section] { will-change: transform } [data-scroll-container] [data-scroll-section] { perspective: 999999px !important } .has-scroll-smooth body { overflow: hidden } .has-scroll-smooth [data-scroll-container] { min-height: 100vh } [data-scroll-direction=horizontal] [data-scroll-container] { display: inline-block; height: 100vh; white-space: nowrap } [data-scroll-direction=horizontal] [data-scroll-section] { display: inline-block; height: 100%; vertical-align: top; white-space: nowrap } .c-scrollbar { height: 100%; opacity: 0; position: absolute; right: 0; top: 0; transform-origin: center right; transition: transform .3s, opacity .3s; width: 11px; z-index: 10 } .c-scrollbar:hover { opacity: 1; transform: scaleX(1.45) } .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar { opacity: 1 } [data-scroll-direction=horizontal] .c-scrollbar { bottom: 0; height: 10px; top: auto; transform: scaleY(1); width: 100% } [data-scroll-direction=horizontal] .c-scrollbar:hover { transform: scaleY(1.3) } .c-scrollbar_thumb { background-color: #bca94d; border-radius: 10px; cursor: grab; margin: 2px; opacity: 1; position: absolute; right: 0; top: 0; width: 7px } .has-scroll-dragging .c-scrollbar_thumb { cursor: grabbing } [data-scroll-direction=horizontal] .c-scrollbar_thumb { bottom: 0; right: auto } .c-lazy-overlay { display: none; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .c-lazy-overlay:after, .c-lazy-overlay:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .c-lazy-overlay:after { background-color: #ebeaeb; transition: width .3s } .c-lazy-overlay:before { background-color: #d8d9da; transition: width .5s } .c-lazy { position: relative } .c-lazy.c-lazy-loaded .c-lazy-overlay:after, .c-lazy.c-lazy-loaded .c-lazy-overlay:before { width: 0 } @media (max-width:1600px) { .container { padding: 0 15rem } .container--narrow { padding: 0 2rem } .communitiesArchive__introRight { padding-right: 15rem } .header__inner { padding: 0 5.6rem } .headerHome__wrapper { left: 0; padding: 0 15rem; right: 0 } .headerHome__title { font-size: 5.6rem; line-height: 7rem; max-width: 64rem } .headerHome__nextSection { left: 25.9rem } .headerHomeDesigns__left { flex: 0 0 40%; max-width: 40% } .headerHomeDesigns__right { flex: 0 0 60%; max-width: 60% } .headerHouseForSale__left { flex: 0 0 40%; max-width: 40%; padding: 6rem } .headerHouseForSale__right { flex: 0 0 60%; max-width: 60% } .headerHouseForSale__nextSection { bottom: -4rem; left: 21rem } .mainMenu__content { padding: 4.1rem 15rem } .about__col--right { padding-left: 8rem } .about__title { padding-left: 0 } .about__content { padding-right: 4rem } .about__rightImage { margin-left: 6rem; margin-right: -2rem } .about__box { margin-top: -13rem } .about__boxContent { padding-left: 6rem } .about__boxNumber { font-size: 13rem; line-height: 12rem } .communityBenefits--four .communityBenefits__image--right, .communityBenefits--six .communityBenefits__image--right, .communityBenefits--two .communityBenefits__image--right { width: calc(100% + 15rem) } .communityMainGallery { padding-left: 15rem } .communityOverviewMap__top { padding: 0 15rem } .communityOverviewMap__topLeft { padding-right: 6rem } .communityOverviewMap__mapBadge { left: 15rem } .companyDescription__bottomLeft { grid-template-rows: auto 5rem auto auto } .companyDescription__bottomLeftText { padding-bottom: 6rem; padding-left: 6rem } .contactForm__right { padding-left: 10rem } .cooperationBenefits--four .cooperationBenefits__title { padding: 0 6rem } .exploreTabs__nav, .exploreTabs__title { margin-left: 8rem } .exploreTabs__desc { padding: 0 8rem } .homeGallery__meta { width: calc(100% - 30rem) } .homeGallery__sliderPagination { width: calc(100% - 30rem) !important } .homeGallery__sliderNext { right: 15rem } .homesListing__items { padding: 0 } .imageText__text { padding-left: 8rem } .imageText--reversed .imageText__text { padding-left: 0; padding-right: 8rem } .mainGallery__bg { margin-top: -23rem } .motto__wrapper { margin-left: 8rem } .ourProcess__timelineItems { padding: 18rem 15rem 3rem 21.5rem } .ourProcess__timelineLine { left: 15rem; width: calc(100% - 30rem) } .ourTeam__inner { padding-left: 15rem } .ourTeam__next { right: 15rem } .ourWarranty__chartItem { max-width: 50rem } .partnersList__list--initialized { width: calc(100% + 15rem) } .testimonials { padding-top: 10rem } .testimonials__bg { height: calc(100% + 14rem); top: -14rem } .textSlider__contentGallery { flex: 0 0 calc(100% - 38.4rem); max-width: calc(100% - 38.4rem) } .twoColumnDescIcons__left { padding: 0 8rem } .twoColumnDescIcons__right { padding-right: 8rem } } @media (max-width:1366px) { .scrollTop { bottom: 6rem; right: 2rem } .singleHome__detailsGap { margin-left: 0 } .singleHome--home .singleHome__detailsNumbers { padding-left: 0 } .container { padding: 0 10rem } .container--narrow { padding: 0 2rem } .communitiesArchive__introRight { padding-right: 10rem } .header__inner { padding: 0 5.6rem } .header--fixed .header__inner { height: 6.5rem } .headerHome__wrapper { padding: 0 10rem } .headerHome__nextSection { left: 20.9rem } .headerHomeDesigns__left, .headerHouseForSale__left { padding: 4rem } .headerHouseForSale__nextSection { bottom: -5rem; left: 15rem } .headerSubpage__title { font-size: 4.6rem } .homesArchive__filters { padding-bottom: 8rem; padding-top: 30rem } .homesArchive__filtersWrapper { column-gap: 3rem; row-gap: 3rem } .homesArchive__filterItem { flex: 0 0 calc(33.33333% - 2rem); max-width: calc(33.33333% - 2rem) } .mainMenu__content { padding: 4.1rem 10rem } .about__title { font-size: 4.6rem; line-height: 5.4rem } .about__content { padding-right: 0 } .about__content p { font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 2.4rem } .about__rightImage { margin-right: 0 } .about__box { margin-top: -8rem } .communityBenefits__title { padding: 4rem } .communityBenefits--four .communityBenefits__image--right, .communityBenefits--two .communityBenefits__image--right { width: calc(100% + 10rem) } .communityBenefits--six .communityBenefits__inner { grid-template-areas: "title title firstElem thirdElem""fourthElem fifthElem sixthElem seventhElem""leftImage leftImage rightImage rightImage" } .communityBenefits--six .communityBenefits__benefit--6:after { display: none } .communityBenefits--six .communityBenefits__image--left { position: relative } .communityBenefits--six .communityBenefits__image--left:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityBenefits--six .communityBenefits__image--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--six .communityBenefits__image--right { position: relative; width: 100% } .communityBenefits--six .communityBenefits__image--right:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityBenefits--six .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityMainGallery { padding-left: 10rem } .communityOverviewMap__mapRightDesc { max-width: 33.8rem; padding: 4rem } .companyDescription__bottomLeftFirstImage { left: -10rem; width: calc(100% + 10rem) } .companyDescription__bottomRight { padding-left: 6rem } .cooperationBenefits__title { padding: 0 4rem } .cooperationBenefits__benefitDescTitle, .cooperationBenefits__benefitTitle { font-size: 2rem } .cooperationBenefits__benefitDescText { font-size: 1.6rem; line-height: 1.3 } .homeBenefits__title, .homeDetails__plan { padding-right: 6rem } .homeDetails__planNav { margin: 0 0 5rem 8rem } .homeDetails__planSliderSlide { padding: 0 8rem } .homeDetails__dataContentIcon { height: auto; transform: translate(50%, -50%); width: 10rem } .homeGallery__meta { width: calc(100% - 20rem) } .homeGallery__sliderPagination { width: calc(100% - 20rem) !important } .homeGallery__sliderNext { right: 10rem } .motto { padding: 0 0 6rem } .motto__background { top: -5rem } .motto__backgroundImage { max-height: 50rem } .ourProcess__timelineItems { padding: 18rem 10rem 3rem 16.5rem } .ourProcess__timelineLine { left: 10rem; width: calc(100% - 20rem) } .ourTeam__inner { padding-left: 10rem } .ourTeam__next { right: 10rem; transform: translateX(0) } .ourWarranty__bgImage { max-width: 80%; right: -10rem } .ourWarranty__bgIcon { max-width: 10rem; right: 2rem } .partnersList__list--initialized { width: calc(100% + 10rem) } .realtorsDesc__bgImage { max-width: 80%; right: -15rem } .realtorsHowItWorks { padding: 10rem 0 } .realtorsHowItWorks__boxTitle { padding: 2rem 4.8rem } .realtorsHowItWorks__boxBonuses { gap: 9.6rem; padding: 4.8rem } .realtorsHowItWorks__boxBonuses:after { height: calc(100% - 9.6rem) } .realtorsHowItWorks__boxBonusesCol { flex: 0 0 calc(50% - 4.8rem); max-width: calc(50% - 4.8rem) } .realtorsHowItWorks__boxDesc { font-size: 1.8rem; padding: 10rem 4.8rem 4.8rem } .regularContactForm__left { padding: 4rem } .regularContactForm__leftTitle, .regularContactForm__rightTitle { font-size: 3.2rem } .regularContactForm__right { padding-left: 6rem } .reliablePartners__texts { flex: 0 0 45%; max-width: 45% } .requirementsBoxes__items { margin-top: 6rem } .testimonials { padding-top: 12rem } .testimonials__bg { height: calc(100% + 12rem); top: -12rem } .textSlider__content { gap: 6rem } .textSlider__contentGallery { flex: 0 0 calc(100% - 41.4rem); max-width: calc(100% - 41.4rem) } } @media (max-width:1280px) { .button--smallerFont { font-size: 1.6rem } .defaultForm__group { max-width: unset } .footerContent { padding: 6rem 0 5rem } .footerContent__content { grid-template-columns: [first] 60% [gap] 8rem [second] 1fr } .footerLinks__listItemLink { padding: 3rem 3.5rem } .footerLinks__listItemLinkTitleText { font-size: 1.8rem } .singleHome__image { flex: 0 0 32%; max-width: 32% } .singleHome__details { flex: 0 0 68%; max-width: 68%; padding-left: 5rem } .singleHome__detailsMetaTitle { font-size: 2.6rem } .singleHome__detailsMetaValues { font-size: 1.8rem } .singleHome__detailsNumbersItemValue { font-size: 1.5rem } .singleHome--home { padding: 2.5rem 3rem } .title--small { line-height: 2.4rem } .title--medium { font-size: 3.2rem; line-height: 4rem } .title--big, .twoLinesTitle .twoLinesTitle__first, .twoLinesTitle .twoLinesTitle__second { font-size: 4.8rem } .container { padding: 0 6rem } .container--narrow { padding: 0 2rem } .communitiesArchive__intro { padding-top: 10rem } .communitiesArchive__introLeftText { margin-top: 5rem } .communitiesArchive__introRight { padding-left: 6rem; padding-right: 6rem } .communitiesArchive__popupWrapper { height: 80%; width: 80% } .communitiesArchive__itemsButton { margin-top: 8rem } .header__inner { height: 8rem; padding: 0 4rem } .headerHome__wrapper { align-items: flex-start; flex-direction: column-reverse; justify-content: flex-start } .headerHome__title { font-size: 4.6rem; font-size: 3.6rem; line-height: 6rem; line-height: 4.8rem; max-width: 54rem; max-width: 50rem } .headerHome__button { margin-bottom: 4rem } .headerHome__bg { padding: 8rem 4rem 0 } .headerHome__bgOverlay { height: calc(100% - 8rem); left: 4rem; top: 8rem; width: calc(100% - 8rem) } .headerHome__nextSection { left: 16.9rem } .headerHomeDesigns { padding: 8rem 4rem 0 } .headerHomeDesigns__leftNavItem { font-size: 1.6rem; padding: 1.5rem 0 } .headerHouseForSale, .headerSubpage { padding: 8rem 4rem 0 } .headerSubpage__inner { top: calc(50% + 4rem); width: calc(100% - 8rem) } .headerSubpage__menuListItemButton { letter-spacing: .01em } .headerSubpage__nextSection { bottom: -2rem; left: 16rem } .headerSubpage--landing { padding: 0 } .headerSubpage--landing .headerSubpage__inner { padding-right: 6rem } .mainMenu__content { padding: 4.1rem 6rem } .singleCareer__title { font-size: 4rem; line-height: 4.8rem } .singleCareer__wysiwyg p { font-size: 1.8rem } .singleCareer__wysiwyg p strong { font-size: 2rem; line-height: 3rem } .singleCareer__wysiwyg ul li { font-size: 1.8rem } .stickyMenu__listItemButton { letter-spacing: .01em } .about__boxNumber { font-size: 10rem; line-height: 9rem } .careerOpportunities__offersSingleName { font-size: 1.8rem } .careerOpportunities__offersSingleLocation { font-size: 1.6rem } .communityBenefits__benefitInner { padding: 4rem 2rem } .communityBenefits__benefitTitle { font-size: 1.8rem } .communityBenefits--two .communityBenefits__inner { grid-template-areas: "title title firstElem secondElem""leftImage leftImage rightImage rightImage" } .communityBenefits--two .communityBenefits__image--left { position: relative } .communityBenefits--two .communityBenefits__image--left:before { content: ""; display: block; padding-top: 100%; width: 100% } .communityBenefits--two .communityBenefits__image--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--two .communityBenefits__image--right { position: relative; width: calc(100% + 6rem) } .communityBenefits--two .communityBenefits__image--right:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityBenefits--two .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--four .communityBenefits__image--right { width: calc(100% + 6rem) } .communityBenefitsLanding { padding: 6rem 0 } .communityBenefitsLanding__item { padding: 2.5rem } .communityBenefitsLanding__itemTitle { font-size: 2rem } .communityDescription__topIcon { height: 12rem; width: 12rem } .communityDescription__bottomLeftDesc { left: 50%; margin-top: -5rem; max-width: 80%; padding: 8rem 4rem 4rem; transform: translateX(-50%); width: 100% } .communityDescription__bottomLeftDescTitle { font-size: 3.2rem; margin-bottom: 2.5rem } .communityDescription__bottomLeftDescText { font-size: 1.6rem; max-width: unset } .communityDescription__bottomRight, .communityMainGallery { padding-left: 6rem } .communityMainGallery__galleryItemImageImg { height: 48rem } .communityOverviewMap__top { padding: 0 6rem } .communityOverviewMap__mapLeft { height: 60rem } .communityOverviewMap__mapBadge { left: calc(50% - 5.25rem); transform: translate(-50%, -50%) } .communityOverviewMap__mapRightDescText { font-size: 1.8rem } .communitySitePlan__inner { padding-bottom: 3.5rem; padding-top: 5rem } .communitySitePlan__left { flex: 0 0 35%; max-width: 35% } .communitySitePlan__right { flex: 0 0 65%; max-width: 65% } .companyDescription__topLeft { flex: 1 } .companyDescription__topIcon { height: 12rem; width: 12rem } .companyDescription__bottom { padding-top: 4rem } .companyDescription__bottomLeftDesc { font-size: 2rem; padding-left: 10rem } .companyDescription__bottomLeftDesc:before { left: 3.2rem } .companyDescription__bottomLeftText { font-size: 1.6rem; padding-bottom: 4rem; padding-left: 4rem } .contactForm__descTitle { font-size: 2rem } .contactForm__descText { font-size: 1.6rem } .contactForm__right { padding-left: 4rem } .contactMap__panel { gap: 4rem; padding: 3rem 4.5rem } .contactMap__panelSideText { font-size: 1.6rem } .cooperationBenefits__benefitDesc { gap: 2rem; padding: 2rem } .ctaInfo { padding: 10rem 2rem } .exploreTabs__content { height: 56rem } .exploreTabs__nav { margin-bottom: 3rem; margin-left: 0 } .exploreTabs__title { height: 8rem; margin-bottom: 5rem; margin-left: 0 } .exploreTabs__titleContent { font-size: 3.2rem; line-height: 4rem } .exploreTabs__desc { padding: 0 4rem } .exploreTabs__desc p { font-size: 1.6rem; line-height: 2.4rem } .exploreTabs__gallery { flex: 0 0 calc(50% + 10rem); height: calc(100% + 8rem); margin: -5.5rem -1rem 0; max-width: calc(50% + 10rem) } .exploreTabs__galleryLeft { padding: 0 1rem } .exploreTabs__galleryImageWrapper--leftFirst { padding-bottom: 2rem } .exploreTabs__galleryImageWrapper--leftSecond { width: calc(100% - 4rem) } .exploreTabs__galleryImageWrapper--rightFirst { padding-bottom: 2rem } .exploreTabs__galleryRight { padding: 0 1rem } .financingPartners__partner { gap: 6rem; padding: 4rem 3rem } .financingPartners__partnerContactItemValue, .financingPartners__partnerDesc { font-size: 1.6rem } .homeDetails__dataContent { max-width: unset; padding: 2rem 2.5rem } .homeDetails__dataContentPriceLabel { font-size: 1.6rem } .homeDetails__dataContentPriceValue { font-size: 2.8rem } .homeDetails__dataContentDetails { margin: 2rem 0 } .homeDetails__dataContentDetail { padding: 1.5rem } .homeDetails__dataContentDetailElem--label, .homeDetails__dataContentDetailElem--value { font-size: 1.6rem } .homeGallery__meta { width: calc(100% - 12rem) } .homeGallery__sliderPagination { width: calc(100% - 12rem) !important } .homeGallery__sliderNext { height: 14rem; right: 6rem; width: 14rem } .imageText__textDesc { font-size: 1.6rem } .imageText__textDesc--bigger { font-size: 2.4rem } .mainGallery__next { height: 12rem; right: 20%; width: 12rem } .mainGallery__gallerySlide { max-width: 26% } .motto__wrapper { margin-left: 0 } .ourProcess__timelineItems { padding: 18rem 6rem 3rem 12.5rem } .ourProcess__timelineItem:after { font-size: 18rem; line-height: 23rem; top: -12rem } .ourProcess__timelineItemTitle { font-size: 1.8rem } .ourProcess__timelineLine { left: 6rem; width: calc(100% - 12rem) } .ourTeam__inner { padding-left: 6rem } .ourTeam__sliderSlide { flex: 0 0 calc(33.33333% - 1.6rem); margin-right: 2.4rem; max-width: calc(33.33333% - 1.6rem) } .ourTeam__next { right: 6rem } .ourWarranty__chart--three .ourWarranty__chartItem:first-of-type:after { width: 14.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2) { margin-left: 20rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2):after { width: 18.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(3) { margin-left: 44rem } .ourWarranty__chartItem:first-of-type:after { width: 10.9rem } .ourWarranty__chartItem:nth-of-type(2) { margin-left: 16rem } .ourWarranty__chartItem:nth-of-type(2):after { width: 10.9rem } .ourWarranty__chartItem:nth-of-type(3) { margin-left: 32rem } .ourWarranty__chartItem:nth-of-type(3):after { width: 8.9rem } .ourWarranty__chartItem:nth-of-type(4) { margin-left: 46rem } .ourWarranty__chartItemTextsTitle { font-size: 2rem } .ourWarranty__chartItemTextsDesc { font-size: 1.6rem } .partnersApplications { gap: 8rem } .partnersApplications__leftImage { margin-top: 5rem } .partnersApplications__right { flex: 0 0 calc(100% - 54rem); max-width: calc(100% - 54rem) } .partnersApplications__rightWrapper { max-width: unset } .partnersApplications__rightDesc p { font-size: 1.6rem } .partnersApplications__rightDesc p strong { font-size: 2rem } .partnersApplications__rightSteps { margin-top: 3rem } .partnersApplications__rightStepDesc { font-size: 1.8rem } .partnersApplications__rightButton { margin-top: 3rem } .partnersList__list--initialized { width: calc(100% + 6rem) } .partnersList__listItem { padding: 6rem 4rem 4rem } .partnersList__listItemLogo { margin-bottom: 6rem } .realtorsDesc__wrapper { padding-left: 0 } .realtorsDesc__top { margin-bottom: 4rem } .realtorsDesc__bottomDesc { flex: 0 0 53.2rem; max-width: 53.2rem; padding-right: 6rem } .realtorsDesc__bottomDescText { font-size: 1.8rem; margin-bottom: 2.4rem } .realtorsDesc__bottomImages { flex: 0 0 calc(100% - 53.2rem); max-width: calc(100% - 53.2rem) } .reliablePartners__textsTitle { margin-bottom: 6rem } .reliablePartners__textsDesc { font-size: 1.6rem; margin-bottom: 9rem; padding-left: 6rem; padding-right: 0 } .reliablePartners--gap { gap: 6rem } .reliablePartners--gap .reliablePartners__image { flex: 0 0 calc(55% - 6rem); max-width: calc(55% - 6rem) } .reliablePartners--gap .reliablePartners__textsDesc { padding-left: 6rem } .textSlider__titleBig, .textSlider__titleBig span { font-size: 4.8rem } .textSlider__contentDesc h4 { font-size: 3.2rem; line-height: 4rem; margin-bottom: 1.6rem } .textSlider__contentDesc p { font-size: 1.6rem } .textSlider__contentGallery { flex: 0 0 calc(100% - 45.4rem); max-width: calc(100% - 45.4rem) } .thankYou { padding: 8rem 4rem 4rem } .twoColumnDescIcons__inner { padding: 6rem 2rem 0 } .twoColumnDescIcons__left { padding: 0 4rem 0 0 } .twoColumnDescIcons__right { padding-right: 0 } .twoColumnDescIcons__titleBig { font-size: 3.2rem; line-height: 4.8rem } .twoColumnDescIcons__boxImage { margin-bottom: 3rem } .choices__placeholder { font-size: 1.6rem } } @media (max-width:1024px) { .button--small { padding: 1.5rem 2.4rem } .button--medium { padding: 1.5rem 3.6rem } .textButton { letter-spacing: .1em } .circleButton { height: 14rem; width: 14rem } .circleButton--small { height: 4.5rem; width: 4.5rem } .communityDescriptionNumber__text { padding: 2.5rem 2rem } .communityDescriptionNumber__textNumber { font-size: 4.2rem } .communityItem__meta { padding: 2rem 1rem 0 } .footerContent__content { grid-template-areas: "links"".""newsletter"".""copyright"".""author"; grid-template-columns: auto; grid-template-rows: auto 4rem auto 4rem auto 4rem auto } .footerContent__contentLinksContactItem, .footerContent__contentLinksNavListItemLink { font-size: 1.4rem } .footerContent__contentAuthor { font-size: 1.4rem; text-align: left } .footerLinks__listItem { flex: 0 0 50%; max-width: 50% } .footerLinks__listItem:nth-of-type(2n) { border-right: none } .footerLinks__listItemLink { padding: 2.5rem } .newsletterForm__title { font-size: 1.8rem } .newsletterForm__formRow { margin: 1.6rem 0 } .newsletterForm__formCheckboxLabel, .newsletterForm__formInput { font-size: 1.4rem } .scrollTop { bottom: 8rem; bottom: 6rem } .singleHome__details { grid-template-areas: "meta""numbers""buttons"; grid-template-columns: auto; grid-template-rows: [meta] auto [numbers] auto [buttons] auto; padding-left: 4rem } .singleHome__detailsMetaTitle { font-size: 2rem; margin-bottom: 1rem } .singleHome__detailsMetaValues { font-size: 1.6rem } .singleHome__detailsButtons { justify-content: flex-start } .singleHome__detailsPrice { border-top: 1px solid #ededed; margin-top: 1.5rem; padding-top: 1.5rem; text-align: left } .singleHome__detailsPriceValue { font-size: 1.6rem } .singleHome__detailsNumbers { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; gap: 4rem; margin: 1.5rem 0; padding: 1.5rem 0 } .singleHome__detailsGap { display: none } .singleHome--home .singleHome__image { flex: 0 0 50%; max-width: 50% } .singleHome--home .singleHome__details { flex: 0 0 50%; grid-template-areas: "meta""price""numbers""buttons"; grid-template-columns: auto; grid-template-rows: [meta] auto [price] auto [numbers] auto [buttons] auto; max-width: 50%; padding-left: 3rem } .singleHome--home .singleHome__detailsMeta, .singleHome--home .singleHome__detailsNumbers { padding-right: 0 } .singleHome--home .singleHome__detailsNumbers { flex-wrap: wrap; gap: 3.2rem } .title--small { font-size: 1.2rem; line-height: 2rem } .container { padding: 0 2rem } .communitiesArchive__introLeftText { font-size: 1.6rem } .communitiesArchive__introRight { padding-left: 4rem; padding-right: 2rem } .communitiesArchive__introRightIconImg { max-width: 12rem } .headerHome__wrapper { padding: 0 6rem } .headerHome__bg { padding: 8rem 2rem 0 } .headerHome__bgOverlay { left: 2rem; width: calc(100% - 4rem) } .headerHome__nextSection { bottom: -3rem; left: 13.4rem } .headerHomeDesigns { padding: 8rem 2rem 0 } .headerHomeDesigns__left { padding: 2rem } .headerHouseForSale { padding: 8rem 2rem 0 } .headerHouseForSale__left { flex: 0 0 50%; max-width: 50%; padding: 4rem 2rem } .headerHouseForSale__leftAddress { font-size: 1.8rem } .headerHouseForSale__right { flex: 0 0 50%; max-width: 50% } .headerHouseForSale__bgImage { display: none } .headerHouseForSale__nextSection { bottom: -3rem; height: 10rem; left: 50%; transform: translateX(-50%); width: 10rem } .headerWrapper__form { flex: 0 0 35rem; max-width: 35rem; padding: 4rem 2rem } .headerSubpage { padding: 8rem 2rem 0 } .headerSubpage__inner { width: calc(100% - 4rem) } .headerSubpage__title { font-size: 4.2rem } .headerSubpage__menu { padding: 0 2rem .5rem } .headerSubpage__menuListItemButton { border-bottom: none } .headerSubpage__nextSection { bottom: -4rem; left: 12rem } .headerSubpage--landing { padding: 0 } .headerSubpage--landing .headerSubpage__inner { padding-right: 4.4rem } .headerSubpage--landing .headerSubpage__nextSection { bottom: -4rem } .homesArchive__wrapper { padding-bottom: 5rem } .homesArchive__filters { padding-bottom: 6rem } .homesArchive__filterItem { display: flex; flex: 0 0 calc(50% - 1.5rem); flex-direction: column; justify-content: space-between; max-width: calc(50% - 1.5rem) } .homesArchive__items { padding-top: 5rem } .homesArchive__itemsTop { flex-direction: column; padding: 0 } .homesArchive__itemsTopMetaCount { transform: translateY(0) } .homesArchive__itemsTopFilters { align-self: flex-start; justify-content: flex-start; margin-top: 1rem; width: 100% } .homesArchive__itemsWrapper { padding-bottom: 3rem; padding-top: 3rem } .mainMenu__content { padding: 4.1rem 2rem } .mainMenu__contentNavListItem { font-size: 4rem } .mainMenu__contentNavListItem--active .mainMenu__contentNavListItemLink { padding-left: 4.6rem } .mainMenu__contentNavListItemLink:before { left: -1rem; width: 3.6rem } .mainMenu__contentBottomContactLink { font-size: 1.6rem } .singleCareer { padding-bottom: 8rem; padding-top: 14rem } .singleCareer__title { margin-bottom: 3rem } .singleCareer__wysiwyg h4 { font-size: 3rem; margin-top: 4.8rem } .singleCareer__wysiwyg ul { margin-top: 2.4rem } .singleCareer__button { margin-top: 4.8rem } .stickyMenu { padding: 0 2rem .5rem } .stickyMenu__listItemButton { border-bottom: none } .textPage { padding-top: 14rem } .about__col--right { padding-left: 5rem } .about__rightImage { margin-left: 4rem } .about__box { width: 90% } .about__boxContent { padding-left: 3rem } .careerOpportunities { padding: 6rem 0 } .communityAdvert { padding: 5rem 0 } .communityBenefits__title { margin-bottom: 1.6rem; padding-top: 0 } .communityBenefits--two .communityBenefits__inner { grid-template-areas: "title title title title title title""firstElem firstElem secondElem secondElem . .""leftImage leftImage leftImage rightImage rightImage rightImage"; grid-template-columns: repeat(6, 1fr) } .communityBenefits--four .communityBenefits__inner { grid-template-areas: "title title title""firstElem secondElem thirdElem""fourthElem rightImage rightImage"; grid-template-columns: repeat(3, 1fr) } .communityBenefits--six .communityBenefits__inner { column-gap: 2rem; grid-template-areas: "title title title title title title""firstElem firstElem thirdElem thirdElem fourthElem fourthElem""fifthElem fifthElem sixthElem sixthElem seventhElem seventhElem""leftImage leftImage leftImage rightImage rightImage rightImage"; grid-template-columns: repeat(6, 1fr); row-gap: 2rem } .communityBenefits--six .communityBenefits__title { margin-bottom: 0; padding-bottom: 0 } .communityBenefitsLanding--four .communityBenefitsLanding__item { flex: 0 0 calc(50% - 0.8rem); max-width: calc(50% - .8rem); min-height: 25rem } .communityDescription__top { padding: 0 } .communityDescription__bottom { padding-top: 3rem } .communityDescription__bottomLeft { flex: 0 0 100%; max-width: 100% } .communityDescription__bottomLeftImage { position: relative } .communityDescription__bottomLeftImage:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .communityDescription__bottomLeftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityDescription__bottomRight { align-items: flex-start; display: grid; flex: 0 0 100%; grid-template-areas: "image gap desc""image gap numbers""image gap button"; grid-template-columns: [left] 1fr [gap] 2rem [right] 1fr; grid-template-rows: [first] auto [second] auto [third] auto; margin-top: 3rem; max-width: 100%; padding-left: 0 } .communityDescription__bottomRightImage { grid-area: image; max-width: 100% } .communityDescription__bottomRightDesc { font-size: 1.6rem; grid-area: desc; margin-top: 0 } .communityDescription__bottomRightNumbers { grid-area: numbers; margin-top: 3rem } .communityDescription__bottomRightButton { grid-area: button; margin-top: 3rem; width: -webkit-max-content; width: max-content } .communityDescription__bgImage { display: none } .communityMainGallery { padding-left: 2rem } .communityMainGallery__title { margin-bottom: 1.7rem } .communityOverviewMap__top { margin-bottom: 8rem; padding: 0 2rem } .communityOverviewMap__topLeft { flex: 0 0 100%; max-width: 100%; padding-right: 0 } .communityOverviewMap__topDesc { flex: 1; margin-top: 2rem } .communityOverviewMap__mapLeft { flex: 0 0 100%; max-width: 100% } .communityOverviewMap__mapBadgeRightTitle { font-size: 1.8rem } .communityOverviewMap__mapBadgeRightValue { -webkit-line-clamp: none; -webkit-box-orient: initial; display: block; font-size: 1.6rem } .communityOverviewMap__mapRight { display: flex; flex: 0 0 100%; margin-top: 2rem; max-width: 100% } .communityOverviewMap__mapRightImage { flex: 1; position: relative } .communityOverviewMap__mapRightImage:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityOverviewMap__mapRightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription { padding-bottom: 5rem; padding-top: 5rem } .companyDescription__bottomLeft { grid-template-areas: "topDesc topDesc"". .""desc desc""rightImage rightImage"; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 3rem auto auto } .companyDescription__bottomLeftDesc { padding-left: 6rem } .companyDescription__bottomLeftDesc:before { left: 0 } .companyDescription__bottomLeftText { padding-bottom: 3rem; padding-left: 0 } .companyDescription__bottomLeftFirstImage { display: none } .companyDescription__bottomRight { padding-left: 4rem } .companyDescription__bgImage { display: none } .contactForm__left, .contactForm__right { flex: 0 0 100%; max-width: 100% } .contactForm__right { margin-top: 3rem; padding-left: 0 } .contactLinks__items { gap: 2rem } .contactLinks__item { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem) } .contactLinks__itemIcon { font-size: 3rem } .contactLinks__itemTitle { font-size: 2.8rem; margin: 3.5rem 0 2rem } .cooperationBenefits { margin-top: 0; padding: 5rem 0 } .cooperationBenefits__title { padding: 0 } .cooperationBenefits__benefit:before { display: none } .cooperationBenefits__benefitInner { justify-content: center; left: unset; padding: 2rem; position: static; text-align: center; top: unset } .cooperationBenefits__benefitText { display: block; font-family: LubalinGraph, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.3 } .cooperationBenefits__benefitText a { color: #bca94d } .cooperationBenefits__benefitDesc { display: none } .cooperationBenefits--four .cooperationBenefits__inner { align-items: normal; gap: 2rem; grid-template-areas: "title title""firstElem secondElem""thirdElem fourthElem""image image"; grid-template-columns: repeat(2, 1fr) } .cooperationBenefits--four .cooperationBenefits__title { padding: 0 } .cooperationBenefits--four .cooperationBenefits__image { position: relative } .cooperationBenefits--four .cooperationBenefits__image:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .cooperationBenefits--four .cooperationBenefits__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .cooperationBenefits--six .cooperationBenefits__inner { align-items: normal; gap: 2rem; grid-template-areas: "title title title""firstElem secondElem thirdElem""fourthElem fifthElem sixthElem"". image image"; grid-template-columns: repeat(3, 1fr) } .cooperationBenefits--six .cooperationBenefits__title { padding: 0 } .exploreCommunities { padding-bottom: 5rem; padding-top: 5rem } .exploreCommunities__button { margin-top: 3rem } .exploreCommunities__wrapper { margin: 0 2rem } .exploreCommunities__navButton { height: 4.8rem; width: 4.8rem } .exploreTabs__gallery { flex: 0 0 calc(50% + 4rem); max-width: calc(50% + 4rem) } .exploreTabs__galleryImageWrapper--leftSecond, .exploreTabs__galleryImageWrapper--rightFirst { width: calc(100% - 2rem) } .financingPartners__partner { gap: 3rem } .financingPartners__partnerLeft { flex: 0 0 100%; max-width: 100% } .financingPartners__partnerName { font-size: 2.4rem; margin-bottom: 1.5rem } .financingPartners__partnerLogo { min-height: unset } .financingPartners__partnerRight { flex: 0 0 100%; max-width: 100% } .helpfulFiles__file { padding: 2.2rem } .helpfulFiles__fileDataDetailsName { font-size: 1.8rem } .homeBenefits__title { padding-right: 4rem } .homeBenefits__benefitText { font-size: 2rem } .homeDetails__plan { padding-right: 4rem } .homeDetails__planNav { margin: 0 0 3rem 5.5rem } .homeDetails__planSliderSlide { padding: 0 5.5rem } .homeDetails__dataContentButton { font-size: 1.6rem } .homeDetails__dataContentIcon { transform: translateY(-50%) } .homeGallery__meta { bottom: 8rem; padding-bottom: 1.5rem; width: calc(100% - 4rem) } .homeGallery__sliderPagination { bottom: 3.5rem !important; width: calc(100% - 4rem) !important } .homeGallery__sliderNext { height: 10rem; right: 2rem; width: 10rem } .imageText__image, .imageText__text { flex: 0 0 100%; max-width: 100% } .imageText__image { margin-top: 3rem; order: 2; position: relative } .imageText__image:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .imageText__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .imageText--reversed .imageText__text, .imageText__text { order: 1; padding-left: 0 } .list { padding: 6rem 0 } .mainGallery__bg { margin-top: -18rem } .motto__heading { font-size: 3.2rem } .motto__pointTitle { font-size: 2rem } .motto__pointDesc { font-size: 1.6rem } .motto__backgroundImage { max-height: 40rem; max-height: 30rem } .ourProcess__topInner { max-width: 76rem; padding-left: 0 } .ourProcess__timeline { width: calc(100% + 2rem) } .ourProcess__timelineItems { gap: 4rem; margin-right: 2rem; padding: 15rem 2rem 3rem 8.5rem } .ourProcess__timelineItem { flex: 0 0 calc(25% - 3rem); max-width: calc(25% - 3rem); padding-top: 4rem } .ourProcess__timelineItemIcon { bottom: calc(100% + 3rem); height: 8rem; opacity: 1; width: 8rem } .ourProcess__timelineItemIcon img { max-height: 70%; max-width: 70%; transform: scale(1) } .ourProcess__timelineLine { left: 2rem; top: 15rem; width: calc(100% - 4rem) } .ourTeam { padding-bottom: 5rem; padding-top: 5rem } .ourTeam__inner { padding-left: 2rem } .ourTeam__next { right: 2rem } .ourTeam__bgImage { display: none } .ourWarranty { padding: 6rem 0 } .ourWarranty__chart--three .ourWarranty__chartItem:first-of-type:after { width: 4.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2) { margin-left: 10rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2):after { width: 8.9rem } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(3) { margin-left: 24rem } .ourWarranty__desc { font-size: 2.6rem; line-height: 3.8rem; margin-top: 3rem } .ourWarranty__chartItem { max-width: 42rem } .ourWarranty__chartItem:first-of-type:after { width: 4.9rem } .ourWarranty__chartItem:nth-of-type(2) { margin-left: 10rem } .ourWarranty__chartItem:nth-of-type(2):after { width: 8.9rem } .ourWarranty__chartItem:nth-of-type(3) { margin-left: 24rem } .ourWarranty__chartItem:nth-of-type(4) { margin-left: 38rem } .ourWarranty__chartIcon { display: none } .ourWarranty__bgImage { max-width: 60% } .partnersApplications { flex-wrap: wrap; gap: 3rem } .partnersApplications__left { display: none } .partnersApplications__right { flex: 0 0 100%; max-width: 100% } .partnersApplications__rightDesc p strong { margin-bottom: 2rem } .partnersList { padding: 6rem 0 } .partnersList__list--initialized { width: calc(100% + 2rem) } .partnersList__list--initialized .partnersList__listItem { flex: 0 0 46%; max-width: 46% } .partnersList__listItem { flex: 0 0 50%; max-width: 50% } .realtorsDesc__bottom { flex-wrap: wrap } .realtorsDesc__bottomDesc { padding-bottom: 3rem; padding-right: 0 } .realtorsDesc__bottomDesc, .realtorsDesc__bottomImages { flex: 0 0 80%; margin: 0 auto; max-width: 80% } .realtorsHowItWorks { padding: 6rem 2rem } .realtorsHowItWorks__boxBonusesColTitle { font-size: 2rem } .realtorsHowItWorks__boxBonusesColDesc { font-size: 1.6rem } .regularContactForm__inner { justify-content: center } .regularContactForm__left { align-items: center; display: flex; flex: 0 0 100%; flex-wrap: wrap; gap: 2.6rem; max-width: 100% } .regularContactForm__leftTitle, .regularContactForm__rightTitle { font-size: 2.4rem } .regularContactForm__leftTitle { flex: 0 0 100%; max-width: 100% } .regularContactForm__leftImage { flex: 0 0 100%; margin-top: 0; max-width: 100% } .regularContactForm__leftDetail { padding-left: 2rem } .regularContactForm__leftDetail:first-of-type { margin-top: 0 } .regularContactForm__right { flex: 0 0 50rem; margin-top: 2rem; max-width: 50rem; padding-left: 0 } .regularContactForm__rightTitle { margin-bottom: 2rem } .requirementsBoxes { padding: 6rem 0 } .requirementsBoxes__items { column-gap: 1.6rem; row-gap: 4rem } .requirementsBoxes__item { flex: 0 0 calc(50% - 0.8rem); max-width: calc(50% - .8rem); padding: 4.5rem 2.5rem 3rem } .requirementsBoxes__itemNum { font-size: 1.6rem; height: 4rem; left: 2.5rem; width: 4rem } .testimonials__slideText { font-size: 2.6rem } .testimonials__slideAuthor, .testimonials__sliderPagination { max-width: 48rem } .textSlider__content { flex-wrap: wrap; gap: 6rem; margin-top: 2rem; position: static } .textSlider__contentDesc, .textSlider__contentGallery { flex: 0 0 100%; max-width: 100% } .textSlider__contentGallery { position: relative } .textSlider__next { right: 3rem; top: -3rem } .thankYou { padding: 8rem 2rem 2rem } .thankYou__title { font-size: 6rem } .thankYou__description { font-size: 2.8rem; margin-bottom: 4.4rem } .twoColumnDescIcons__inner { padding: 5rem 0 0 } .twoColumnDescIcons__descBig p { font-size: 1.8rem; line-height: 2.6rem } .twoColumnDescIcons__boxTitle { font-size: 2rem; line-height: 3rem } } @media (max-width:768px) { .button--smallerFont { font-size: 1.4rem } .communityItem__metaTitle { font-size: 2rem } .communityItem__metaAddress { font-size: 1.6rem } .defaultForm__span { font-size: 1.4rem; top: 2.4rem } .defaultForm__span--file { top: -2.5rem } .defaultForm__input, .defaultForm__select, .defaultForm__textarea { min-height: 4.8rem } .defaultForm__input:active~.defaultForm__span, .defaultForm__input:focus~.defaultForm__span, .defaultForm__select:active~.defaultForm__span, .defaultForm__select:focus~.defaultForm__span, .defaultForm__textarea:active~.defaultForm__span, .defaultForm__textarea:focus~.defaultForm__span { min-height: 1rem } .defaultForm__textarea { min-height: 10rem } .footerContent { padding: 4rem 0 3rem } .singleHome { margin-bottom: 3rem; padding-bottom: 3rem } .singleHome__image { flex: 0 0 50%; max-width: 50% } .singleHome__imageBanner { font-size: 1.2rem; line-height: 2.8rem; padding: 0 1.5rem } .singleHome__details { flex: 0 0 50%; max-width: 50%; padding-left: 3rem } .singleHome__detailsButtons { flex-wrap: wrap; white-space: unset } .singleHome__detailsNumbers { flex-wrap: wrap; gap: 2rem } .singleHome__detailsNumbersItem { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem) } .singleHome--last { margin-bottom: 0; padding-bottom: 0 } .singleHome--home { padding: 2rem } .singleHome--home .singleHome__details { padding-left: 2rem } .singleHome--home .singleHome__detailsNumbers { gap: 2rem } .singleHome--home .singleHome__detailsNumbersItem { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem) } .title--medium { font-size: 2.6rem; line-height: 3.6rem } .title--big { font-size: 4rem } .twoLinesTitle { padding-right: 12rem } .twoLinesTitle .twoLinesTitle__first, .twoLinesTitle .twoLinesTitle__second { font-size: 4rem } .errorPage { padding: 8rem 0 } .errorPage__image { margin-bottom: 2rem } .errorPage__title { font-size: 3.6rem; line-height: 4.6rem; margin-bottom: 1.5rem } .errorPage__desc { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 2.5rem } .communitiesArchive__intro { flex-direction: column-reverse; padding-top: 8rem } .communitiesArchive__intro--map .communitiesArchive__introRightIconBtn { max-width: 10rem; position: absolute; right: 2rem; top: -2rem; z-index: 1 } .communitiesArchive__intro--map .communitiesArchive__introRightIconImg { max-width: 100% } .communitiesArchive__intro:not(.communitiesArchive__intro--map) .communitiesArchive__introRightIconImg { max-width: 10rem; position: absolute; right: 2rem; top: -2rem; z-index: 1 } .communitiesArchive__introLeft { flex: 0 0 100%; max-width: 100%; padding: 1.8rem 2rem 0 } .communitiesArchive__introLeftImage { position: relative } .communitiesArchive__introLeftImage:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .communitiesArchive__introLeftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introLeftText { margin-top: 4rem } .communitiesArchive__introRight { flex: 0 0 100%; margin-top: 0; max-width: 100%; padding-left: 2rem; position: relative } .communitiesArchive__introRightImages { margin-top: 2rem } .communitiesArchive__introRightImage--first { flex: 0 0 calc(50% - 0.9rem); max-width: calc(50% - .9rem); position: relative } .communitiesArchive__introRightImage--first:before { content: ""; display: block; padding-top: 100%; width: 100% } .communitiesArchive__introRightImage--first img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introRightImage--second { flex: 0 0 calc(50% - 0.9rem); max-width: calc(50% - .9rem); position: relative } .communitiesArchive__introRightImage--second:before { content: ""; display: block; padding-top: 100%; width: 100% } .communitiesArchive__introRightImage--second img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communitiesArchive__introBg { display: none } .communitiesArchive__popupWrapper { height: calc(100% - 12rem); width: calc(100% - 4rem) } .communitiesArchive__popupClose { right: 0; top: -5.2rem } .communitiesArchive__items { padding-bottom: 6rem; padding-top: 6rem } .communitiesArchive__itemsButton { margin-top: 6rem } .headerHomeDesigns__left { flex: 0 0 100%; max-width: 100% } .headerHomeDesigns__leftName, .headerHomeDesigns__leftSmall { padding-right: 0 } .headerHomeDesigns__leftNav { display: none } .headerHomeDesigns__right { flex: 0 0 100%; max-width: 100% } .headerHomeDesigns__rightSliderSlideMeta { display: block; padding: 1.5rem 1.5rem 1.5rem 10rem; text-align: right } .headerHomeDesigns__rightSliderPagination { bottom: 1.5rem !important; justify-content: flex-start; left: 1.5rem !important; right: 0 !important; transform: translateY(-50%) } .headerHouseForSale__left, .headerHouseForSale__right { flex: 0 0 100%; max-width: 100% } .headerHouseForSale__rightImage { position: relative } .headerHouseForSale__rightImage:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .headerHouseForSale__rightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerHouseForSale__nextSection { left: 2rem; transform: translateX(0) } .headerWrapper__form { flex: 0 0 100%; max-width: 100% } .headerWrapper__formTitle { font-size: 2.4rem; line-height: 2.8rem; max-width: unset } .headerSubpage__bg { position: relative } .headerSubpage__bg:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .headerSubpage__bg img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerSubpage__nextSection { left: 4rem } .headerSubpage--landing { flex: 0 0 100%; max-width: 100%; z-index: 2 } .headerSubpage--landing .headerSubpage__inner { padding-left: 2rem; padding-right: 2rem; text-align: center; width: 100% } .headerSubpage--landing .headerSubpage__bg { max-height: unset; min-height: unset } .headerSubpage--landing .headerSubpage__nextSection { bottom: -2rem } .homesArchive__filterItem .choices__input[placeholder] { font-size: 1.4rem } .homesArchive__filterLabel { font-size: 1.6rem; margin-bottom: 1rem } .homesArchive__filterInput, .homesArchive__itemsBottomFilter, .homesArchive__itemsBottomFilter .choices__item, .homesArchive__itemsTopFilter .choices__item { font-size: 1.4rem } .mainMenu__content { width: 100% } .mainMenu__contentBottom { justify-content: space-between; padding-bottom: 0 } .mainMenu__contentClose { display: none } .textWithBg { padding: 5rem 0 } .about__col { flex: 0 0 100%; max-width: 100% } .about__col--right { padding-left: 0 } .about__image { display: none } .about__rightImage { margin-left: 12rem } .about__box { margin-top: -5rem; width: 70% } .about__box:before { padding-top: 0 } .about__boxContent { bottom: unset; padding: 5rem 2rem; position: relative } .about__boxNumber { font-size: 14rem; line-height: 13rem } .careerOpportunities__offersSingleName { font-size: 1.6rem } .careerOpportunities__offersSingleLocation { font-size: 1.4rem } .communityAdvert__desc { font-size: 1.6rem } .communityBenefits__titleBig { padding-right: 0 } .communityBenefits__benefitInner { padding: 2rem } .communityBenefits__benefitTitle { font-size: 1.6rem } .communityBenefits--six .communityBenefits__inner { grid-template-areas: "title title""firstElem thirdElem""fourthElem fifthElem""sixthElem seventhElem""leftImage rightImage"; grid-template-columns: repeat(2, 1fr) } .communityBenefitsLanding { padding: 4rem 0 } .communityBenefitsLanding__items { margin-top: 3rem } .communityBenefitsLanding__itemTitle { font-size: 1.6rem } .communityDescription__topIcon { height: 10rem; width: 10rem } .communityMainGallery__galleryItemImageImg { height: 40rem } .communityOverviewMap__topDesc { font-size: 1.6rem } .communitySitePlan__left { flex: 0 0 100%; max-width: 100%; padding-right: 0 } .communitySitePlan__right { flex: 0 0 100%; margin-top: 2rem; max-width: 100% } .communitySitePlan__legend { margin-top: 2rem } .communitySitePlan__legendItem { padding: 1.5rem 0 } .communitySitePlan__legendItemText { font-size: 1.6rem } .companyDescription__topIcon { height: 10rem; width: 10rem } .companyDescription__bottomLeft, .companyDescription__bottomRight { flex: 0 0 100%; max-width: 100% } .companyDescription__bottomLeft { grid-template-areas: "topDesc topDesc"". .""desc desc""leftImage rightImage"; order: 2 } .companyDescription__bottomLeftFirstImage { display: block; left: 0; position: relative; width: calc(100% - 1rem) } .companyDescription__bottomLeftFirstImage:before { content: ""; display: block; padding-top: 100%; width: 100% } .companyDescription__bottomLeftFirstImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription__bottomLeftSecondImage { margin-left: auto; position: relative; width: calc(100% - 1rem) } .companyDescription__bottomLeftSecondImage:before { content: ""; display: block; padding-top: 100%; width: 100% } .companyDescription__bottomLeftSecondImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .companyDescription__bottomRight { order: 1; padding-left: 0 } .companyDescription__bottomRightImage { margin: 0 auto 4rem; max-width: 75% } .contactLinks__item { padding: 4rem 2rem } .contactMap__panel { bottom: 2rem; min-width: -webkit-max-content; min-width: max-content; padding: 2.5rem 2rem } .contactMap__panelSideIcon { font-size: 1.6rem; margin-top: .6rem } .contactMap__panelSideText { font-size: 1.4rem } .contactMap__map { min-height: 50rem } .cooperationBenefits__titleBig { margin-top: 1rem; padding-right: 0 } .cooperationBenefits--four .cooperationBenefits__inner { grid-template-areas: "title title""firstElem secondElem""thirdElem fourthElem""image image" } .cooperationBenefits--six .cooperationBenefits__inner { grid-template-areas: "title title""firstElem secondElem""thirdElem fourthElem""fifthElem sixthElem""image image"; grid-template-columns: repeat(2, 1fr) } .ctaInfo { padding: 6rem 2rem } .ctaInfo__desc { font-size: 1.8rem } .exploreCommunities__sliderItem { flex: 0 0 calc(50% - 0.8rem); max-width: calc(50% - .8rem) } .exploreTabs__content { height: auto } .exploreTabs__bg { left: -2rem; width: calc(100% + 4rem) } .exploreTabs__title { margin-bottom: 3rem } .exploreTabs__desc { flex: 0 0 100%; max-width: 100%; padding: 0 } .exploreTabs__descContent { display: none; opacity: 1; padding: 4rem 0; position: relative; top: unset; transform: none } .exploreTabs__descContent--active { display: block } .exploreTabs__galleryImageWrapper { display: none } .financingPartners__partner { padding: 3rem 2rem } .financingPartners__partnerContact { align-items: flex-start; flex-direction: column } .gap--normal, .gap--small { padding-top: 6rem } .gap--tiny { padding-top: 4rem } .helpfulFiles__files { margin-top: 3rem } .helpfulFiles__fileData { gap: 1.2rem } .helpfulFiles__fileDataDetailsName { font-size: 1.6rem } .homeBenefits__title { flex: 0 0 100%; max-width: 100%; padding-right: 0 } .homeBenefits__benefits { flex: 0 0 100%; margin-top: 2rem; max-width: 100% } .homeBenefits__benefit { padding: 1.5rem 2rem } .homeBenefits__benefitIcon { font-size: 2.4rem } .homeDetails__plan { flex: 0 0 100%; max-width: 100%; padding-right: 0 } .homeDetails__planSliderSlideImg { max-height: 100vh } .homeDetails__data { flex: 0 0 100%; max-width: 100%; padding-top: 3rem } .homeDetails__dataContentButtons { display: flex; gap: 2rem } .homeDetails__dataContentButton { margin-bottom: 0 } .homeDetails__dataContentIcon { display: none } .homeGallery__image { position: relative } .homeGallery__image:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .homeGallery__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .homeGallery__image--vertical img { object-fit: contain } .homeGallery__sliderPaginationNum { font-size: 1.2rem; margin: 0 .6rem 0 0 !important } .homeGallery__sliderPaginationNum.swiper-pagination-bullet-active { font-size: 1.4rem } .list__itemTitle { font-size: 2.6rem } .mainGallery__next { height: 6rem; right: 2rem; width: 6rem } .mainGallery__gallerySlide { max-width: 32% } .mainText__title { font-size: 2rem } .mainText__content { font-size: 1.6rem } .motto__points { gap: 2rem } .motto__point { flex: 0 0 calc(33.33333% - 1.33333rem); max-width: calc(33.33333% - 1.33333rem) } .ourProcess__timelineItems { padding: 12rem 2rem 3rem 6rem } .ourProcess__timelineItem { flex: 0 0 calc(33.33333% - 2.66667rem); max-width: calc(33.33333% - 2.66667rem) } .ourProcess__timelineItem:before { height: calc(3.33333vw + .5rem) } .ourProcess__timelineItem:after { display: none } .ourProcess__timelineItemIcon { height: 6rem; width: 6rem } .ourProcess__timelineLine { display: none } .ourProcess__timelineLine--mobile { display: block; top: 12rem } .ourTeam__slider { margin-top: 3rem } .ourTeam__sliderSlide { flex: 0 0 calc(50% - 0.8rem); margin-right: 1.6rem; max-width: calc(50% - .8rem) } .ourTeam__sliderSlideMetaName { font-size: 2rem } .ourTeam__sliderSlideMetaPosition { font-size: 1.4rem } .ourWarranty__chart--three .ourWarranty__chartItem:first-of-type:after { border-bottom: none; border-bottom-left-radius: 0; height: calc(100% - 4.8rem); left: 1.5rem; width: 1px } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2) { margin-left: 0 } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(2):after { height: calc(100% - 4.8rem); left: 1.5rem; width: 1px } .ourWarranty__chart--three .ourWarranty__chartItem:nth-of-type(3) { margin-left: 0 } .ourWarranty__chartItem { margin-bottom: 4rem; max-width: unset } .ourWarranty__chartItem:first-of-type:after { border-bottom: none; border-bottom-left-radius: 0; height: calc(100% - 4.8rem); left: 1.5rem; width: 1px } .ourWarranty__chartItem:nth-of-type(2) { margin-left: 0 } .ourWarranty__chartItem:nth-of-type(2):after { height: calc(100% - 4.8rem); left: 1.5rem; width: 1px } .ourWarranty__chartItem:nth-of-type(3) { margin-left: 0 } .ourWarranty__chartItem:nth-of-type(3):after { height: calc(100% - 4.8rem); left: 1.5rem; width: 1px } .ourWarranty__chartItem:nth-of-type(4) { margin-left: 0 } .ourWarranty__bgImage { display: none } .partnersApplications__rightTitlesBig { padding-right: 0 } .partnersApplications__rightDesc p strong { font-size: 1.8rem } .partnersApplications__rightStep { align-items: center } .partnersApplications__rightStepDesc { font-size: 1.6rem } .partnersList__listItem { padding: 4rem 2rem 2rem } .partnersList__listItemMetaName { font-size: 2.2rem } .realtorsDesc__bottomDescText { font-size: 1.6rem } .realtorsDesc__bgImage { display: none } .realtorsDesc__popupInner { height: 100%; max-width: unset } .realtorsHowItWorks__boxTitle { font-size: 2.6rem; line-height: 1.2; padding: 2rem 3.6rem } .realtorsHowItWorks__boxBonuses { flex-wrap: wrap; gap: 3rem; padding: 3rem 3.6rem } .realtorsHowItWorks__boxBonuses:after { display: none } .realtorsHowItWorks__boxBonusesCol { flex: 0 0 100%; max-width: 100% } .realtorsHowItWorks__boxBonusesSlider { padding-bottom: 3rem } .realtorsHowItWorks__boxBonusesContent { margin-top: 2.4rem } .realtorsHowItWorks__boxBonusesContentItem { padding: 1.5rem 0 } .realtorsHowItWorks__boxBonusesContentItemLabel, .realtorsHowItWorks__boxBonusesContentItemValue { font-size: 1.6rem } .realtorsHowItWorks__boxDesc { font-size: 1.6rem; margin-top: -2.8rem; padding: 4.8rem 3.6rem 2rem } .regularContactForm__leftDetail { padding-left: 0 } .regularContactForm__leftDetail:first-of-type { margin-top: 3rem } .reliablePartners { flex-wrap: wrap } .reliablePartners__image { flex: 0 0 100%; max-width: 100%; order: 2 } .reliablePartners__texts { flex: 0 0 100%; max-width: 100%; order: 1 } .reliablePartners__textsTitle { margin-bottom: 2rem } .reliablePartners__textsDesc { margin-bottom: 3rem; padding-left: 0 } .reliablePartners--gap { gap: 3rem } .reliablePartners--gap .reliablePartners__image { flex: 0 0 100%; max-width: 100% } .reliablePartners--gap .reliablePartners__textsDesc { padding-left: 0 } .testimonials { padding-top: 10rem } .testimonials__slideAuthor, .testimonials__sliderPagination { max-width: 36rem } .testimonials__bg { display: none } .textSlider__titleBig, .textSlider__titleBig span { font-size: 4rem } .textSlider__contentDesc h4 { font-size: 2.6rem; line-height: 3.6rem } .twoColumnDescIcons__inner { border-top: none; padding: 0 } .twoColumnDescIcons__left { flex: 0 0 100%; max-width: 100%; padding: 0 } .twoColumnDescIcons__right { column-gap: 2rem; display: grid; flex: 0 0 100%; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; margin-top: 4rem; max-width: 100% } .twoColumnDescIcons__box { margin-bottom: 0 } .choices__placeholder { font-size: 1.4rem } } @media (max-width:600px) { .button { font-size: 1.6rem; padding: 1.5rem 4rem } .circleButton { height: 12rem; width: 12rem } .circleButton--small { height: 4.5rem; width: 4.5rem } .circleButton--smallMobile { height: 8rem; width: 8rem } .defaultForm__group { flex: 0 0 100%; max-width: 100% } .defaultForm__checkbox~label { padding-left: 3.4rem } .footerLinks__listItem { border-right: none; flex: 0 0 100%; max-width: 100% } .newsletterForm__formRow { height: 4.8rem } .newsletterForm__formButton { width: 4.8rem } .singleHome { flex-wrap: wrap } .singleHome__image { flex: 0 0 100%; margin-bottom: 2rem; max-width: 100%; position: relative } .singleHome__image:before { content: ""; display: block; padding-top: 56.25%; width: 100% } .singleHome__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .singleHome__details { flex: 0 0 100%; max-width: 100%; padding-left: 0 } .singleHome__detailsNumbersItem { flex: 1; max-width: unset } .singleHome--home .singleHome__image { flex: 0 0 100%; max-width: 100% } .singleHome--home .singleHome__details { flex: 0 0 100%; max-width: 100%; padding-left: 0 } .singleHome--home .singleHome__detailsNumbers { column-gap: 3.2rem; row-gap: 2rem } .singleHome--home .singleHome__detailsNumbersItem { flex: initial; max-width: unset } .socials__item { height: 4.8rem; width: 4.9rem } .socials__item:last-of-type { width: 4.8rem } .header__logo { border-right: none } .header__menuButton { border-left: none } .header__menuButtonIcon { margin-right: 1.5rem } .header__phone { display: none } .header--border { border-bottom: none } .headerHome__wrapper { bottom: 5rem; padding: 0 4rem } .headerHome__nextSection { left: 7.4rem } .headerSubpage__inner { top: 50% } .headerSubpage__title { font-size: 3rem } .headerSubpage__menuList { gap: 2.4rem } .homesArchive__filtersWrapper { column-gap: 1.5rem; row-gap: 3rem } .homesArchive__filterItem { flex: 0 0 calc(50% - 0.75rem); max-width: calc(50% - .75rem) } .homesArchive__filterGroup { gap: 1.5rem } .homesArchive__filterGroupElem { flex: 0 0 calc(50% - 0.75rem); max-width: calc(50% - .75rem) } .homesArchive__itemsTopFilters { column-gap: 1.5rem } .homesArchive__itemsTopFilter:first-of-type { flex: 0 0 calc(40% - 0.75rem); max-width: calc(40% - .75rem) } .homesArchive__itemsTopFilter:last-of-type { flex: 0 0 calc(60% - 0.75rem); max-width: calc(60% - .75rem) } .stickyMenu__list { gap: 2.4rem } .about__rightImage { margin-left: 4rem } .about__box { width: calc(100% - 2rem) } .about__boxNumber { font-size: 10rem; line-height: 9rem } .about__boxDesc { font-size: 1.8rem; line-height: 2.6rem } .careerOpportunities__offers { margin-top: 3rem } .careerOpportunities__offersLabels { display: none } .careerOpportunities__offersSingle { min-height: unset; padding: 2rem; row-gap: 2rem } .careerOpportunities__offersSingleLeft { flex: 0 0 100%; max-width: 100%; padding: 0 } .careerOpportunities__offersSingleRight { flex: 0 0 100%; max-width: 100%; padding-right: 0 } .careerOpportunities__offersSingleLabel { display: block; font-size: 1.2rem } .communityBenefits { padding-bottom: 3rem; padding-top: 3rem } .communityBenefits__title { margin: 0; padding: 0 } .communityBenefits--two .communityBenefits__inner { grid-template-areas: "title title""leftImage leftImage""firstElem secondElem""rightImage rightImage"; grid-template-columns: repeat(2, 1fr); row-gap: 2rem } .communityBenefits--two .communityBenefits__image--left { position: relative } .communityBenefits--two .communityBenefits__image--left:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityBenefits--two .communityBenefits__image--left img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--two .communityBenefits__image--right { position: relative; width: 100% } .communityBenefits--two .communityBenefits__image--right:before { content: ""; display: block; padding-top: 75%; width: 100% } .communityBenefits--two .communityBenefits__image--right img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityBenefits--four .communityBenefits__inner { column-gap: 2rem; grid-template-areas: "title title""firstElem secondElem""thirdElem fourthElem""rightImage rightImage"; grid-template-columns: repeat(2, 1fr); row-gap: 2rem } .communityBenefits--four .communityBenefits__benefit--4:after { display: none } .communityBenefits--four .communityBenefits__image--right { width: 100% } .communityBenefitsLanding--three .communityBenefitsLanding__item { flex: 0 0 100%; max-width: 100%; min-height: 20rem } .communityDescription { padding-bottom: 3rem; padding-top: 3rem } .communityDescription__bottomLeftDesc { margin-top: -2.5rem; max-width: calc(100% - 4rem); padding: 4rem 2rem 2rem } .communityDescription__bottomRight { grid-template-areas: "image""desc""numbers""button"; grid-template-columns: 1fr; grid-template-rows: auto } .communityDescription__bottomRightImage { position: relative } .communityDescription__bottomRightImage:before { content: ""; display: block; padding-top: 100%; width: 100% } .communityDescription__bottomRightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityDescription__bottomRightButton, .communityDescription__bottomRightDesc, .communityDescription__bottomRightNumbers { margin-top: 2rem } .communityMainGallery { padding-bottom: 3rem; padding-top: 3rem } .communityMainGallery__galleryItem { flex: 0 0 80%; max-width: 80% } .communityMainGallery__galleryItemImage { position: relative } .communityMainGallery__galleryItemImage:before { content: ""; display: block; padding-top: 100%; width: 100% } .communityMainGallery__galleryItemImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityMainGallery__next { right: 20%; top: 3rem } .communityOverviewMap__top { margin-bottom: 2rem } .communityOverviewMap__mapContent { flex: 0 0 100%; height: calc(100% - 11rem); max-width: 100%; order: 2 } .communityOverviewMap__mapBadge { left: 50%; max-width: calc(100% - 4rem); top: 13rem; transform: translate(-50%); width: 100% } .communityOverviewMap__mapBadgeRight { max-width: unset; padding: 1.5rem 2rem; width: 100% } .communityOverviewMap__mapBadgeRightTitle { font-size: 1.6rem } .communityOverviewMap__mapBadgeRightValue { font-size: 1.4rem } .communityOverviewMap__mapCategories { align-items: center; display: flex; flex: 0 0 100%; height: auto; max-width: 100%; order: 1; padding: 1rem 0 } .communityOverviewMap__mapCategoriesButton { height: 4.4rem; width: 4.4rem } .communityOverviewMap__mapCategoriesButton--next, .communityOverviewMap__mapCategoriesButton--prev { transform: rotate(-90deg) } .communityOverviewMap__mapCategoriesSwiper { flex: 1; height: 100%; padding: 0 1rem } .communityOverviewMap__mapCategoriesSwiperWrapper { margin: 0 -1rem } .communityOverviewMap__mapCategoryLabelText { writing-mode: initial } .communityOverviewMap__mapRightDesc { flex: 0 0 50%; max-width: 50%; padding: 2rem } .communityOverviewMap__mapRightDescText { font-size: 1.6rem } .companyDescription__bottomLeftDesc { font-size: 1.8rem; padding-left: 5rem } .companyDescription__bottomLeftDesc:before { width: 3rem } .contactLinks__item { flex: 0 0 100%; max-width: 100% } .contactMap__map { min-height: 60rem } .cooperationBenefits--four .cooperationBenefits__inner { grid-template-areas: "title""firstElem""secondElem""thirdElem""fourthElem""image"; grid-template-columns: 1fr } .cooperationBenefits--four .cooperationBenefits__image { position: relative } .cooperationBenefits--four .cooperationBenefits__image:before { content: ""; display: block; padding-top: 66.4764621969%; width: 100% } .cooperationBenefits--four .cooperationBenefits__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .cooperationBenefits--six .cooperationBenefits__inner { grid-template-areas: "title""firstElem""secondElem""thirdElem""fourthElem""fifthElem""sixthElem""image"; grid-template-columns: 1fr } .ctaInfo__bg { display: none } .exploreTabs__title { height: 7.2rem } .exploreTabs__titleContent { font-size: 2.6rem; line-height: 3.6rem; text-align: center; width: 100% } .financingPartners__partnerLogo { padding: 2.5rem 2rem } .helpfulFiles__file { flex-wrap: wrap } .helpfulFiles__fileData { flex: 0 0 100%; max-width: 100% } .helpfulFiles__fileButton { justify-content: center; width: 100% } .homeDetails__dataContentButtons { display: block; gap: initial } .homeDetails__dataContentButton { margin-bottom: 1.4rem } .homeGallery__sliderNext { height: 6rem; width: 6rem } .homesListing { padding-bottom: 3rem; padding-top: 3rem } .imageText__textTitle { margin-top: 1rem } .imageText__textTitle--noSmall { margin-top: 0 } .mainGallery__bg { position: relative } .mainGallery__bg:before { content: ""; display: block; padding-top: 75%; width: 100% } .mainGallery__bg img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .mainGallery__gallerySlide { max-width: 40% } .motto { padding: 0 } .motto__heading { font-size: 2.6rem } .motto__points { flex-wrap: wrap; gap: 3rem } .motto__point { flex: 0 0 100%; max-width: 100% } .motto__background { display: none } .ourTeam__next { right: 0; top: calc(50% - 3.5rem); transform: translateY(-50%) } .ourTeam__button { margin-top: 3rem } .partnersApplications__left { display: block; flex: 0 0 100%; max-width: 100%; order: 1 } .partnersApplications__leftImage { left: 0; margin: 0; position: relative; width: 100% } .partnersApplications__leftImage:before { content: ""; display: block; padding-top: 75%; width: 100% } .partnersApplications__leftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .partnersList__list--initialized .partnersList__listItem { flex: 0 0 91%; max-width: 91% } .partnersList__listItem { flex: 0 0 100%; max-width: 100% } .realtorsDesc__top { margin-bottom: 3rem } .realtorsDesc__bottomDesc, .realtorsDesc__bottomImages, .regularContactForm__right, .requirementsBoxes__item { flex: 0 0 100%; max-width: 100% } .testimonials { padding-top: 8rem } .testimonials__slideText { font-size: 2rem } .testimonials__slideAuthor { margin-top: 1.5rem; padding-top: 1.5rem } .testimonials__slideAuthorMeta { margin-left: 1.5rem; padding-left: 1.5rem } .thankYou__image { max-width: 100px } .thankYou__image img { height: auto; width: 100% } .thankYou__title { font-size: 4.4rem; margin-bottom: 2rem } .thankYou__description { font-size: 2.2rem; margin-bottom: 2.4rem } .twoColumnDescIcons__right { grid-auto-flow: row; row-gap: 2rem } } @media (max-width:480px) { .circleButton { height: 10rem; width: 10rem } .circleButton--small { height: 4.5rem; width: 4.5rem } .circleButton--smallMobile { height: 6rem; width: 6rem } .communityItem__metaTitle { font-size: 1.8rem } .communityItem__metaAddress { font-size: 1.4rem } .defaultForm__checkbox~label { font-size: 1.4rem; line-height: 2.2rem } .defaultForm__button { margin-top: 3rem } .footerContent__contentLinks { grid-template-areas: "navigation"".""contact"; grid-template-columns: auto; grid-template-rows: auto 2rem auto } .singleHome__image { position: relative } .singleHome__image:before { content: ""; display: block; padding-top: 69.825436409%; width: 100% } .singleHome__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .singleHome__detailsNumbers { flex-direction: column } .title--medium { font-size: 2rem; line-height: 3rem } .title--big, .twoLinesTitle .twoLinesTitle__first, .twoLinesTitle .twoLinesTitle__second { font-size: 3.2rem } .communitiesArchive__intro--map .communitiesArchive__introRightIconBtn, .communitiesArchive__intro:not(.communitiesArchive__intro--map) .communitiesArchive__introRightIconImg { max-width: 8rem } .communitiesArchive__introLeft { padding-top: 1rem } .communitiesArchive__introLeftText { margin-top: 3rem } .communitiesArchive__introRightImages { gap: 1rem } .communitiesArchive__introRightImage--first, .communitiesArchive__introRightImage--second { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - .5rem) } .communitiesArchive__popupWrapper { width: 100% } .header__inner { height: 6rem } .header__logo { max-width: 125px } .header--fixed .header__inner { height: 5rem } body.sticky-menu .header--fixed .header__inner { height: 6.5rem } .headerHome__title { max-width: unset } .headerHome__bg { padding-top: 6rem } .headerHome__bgOverlay { height: calc(100% - 6rem); top: 6rem } .headerHome__nextSection { left: 4rem } .headerHouseForSale__leftAddress { font-size: 1.6rem } .headerHouseForSale__rightImage { position: relative } .headerHouseForSale__rightImage:before { content: ""; display: block; padding-top: 75%; width: 100% } .headerHouseForSale__rightImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerSubpage { padding-top: 6rem } .headerSubpage__bg { position: relative } .headerSubpage__bg:before { content: ""; display: block; padding-top: 100%; width: 100% } .headerSubpage__bg img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .headerSubpage--landing { padding-top: 0 } .homesArchive__filters { background-color: initial; margin-top: 0; padding-bottom: 0; padding-top: 6rem } .homesArchive__filtersTop { display: flex } .homesArchive__filtersWrapper { column-gap: 0; height: 0; overflow: hidden } .homesArchive__filterItem, .homesArchive__itemsTopFilter:first-of-type, .homesArchive__itemsTopFilter:last-of-type { flex: 0 0 100%; max-width: 100% } .homesArchive__itemsChangeText { font-size: 1.6rem; line-height: 2.2rem } .mainMenu__content { padding: 2.5rem 2rem } .mainMenu__contentNavListItem { font-size: 3.2rem } .mainMenu__contentBottom { align-items: flex-start; flex-direction: column } .mainMenu__contentBottomContact { margin-left: 0; margin-top: 2rem } .singleCareer { padding-bottom: 6rem; padding-top: 12rem } .singleCareer__title { font-size: 2.8rem; line-height: 3.6rem } .singleCareer__wysiwyg p { font-size: 1.6rem } .singleCareer__wysiwyg p strong { font-size: 1.8rem; line-height: 2.6rem } .singleCareer__wysiwyg h4 { font-size: 2.4rem; margin-top: 3.6rem } .singleCareer__wysiwyg ul li { font-size: 1.6rem } .singleCareer__wysiwyg ul li:before { top: 1rem } .singleCareer__button { margin-top: 3.6rem } .textPage { padding-top: 10rem } .textPage__title { font-size: 3.2rem } .textWithBg__title { font-size: 2.8rem; line-height: 3.6rem; margin-bottom: 3rem } .communityBenefits__benefit { position: relative } .communityBenefits__benefit:before { content: ""; display: block; padding-top: 50%; width: 100% } .communityBenefits--two .communityBenefits__inner { grid-template-areas: "title""leftImage""firstElem""secondElem""rightImage"; grid-template-columns: 1fr } .communityBenefits--four .communityBenefits__inner { column-gap: 0; grid-template-areas: "title""firstElem""secondElem""thirdElem""fourthElem""rightImage"; grid-template-columns: 1fr } .communityBenefits--six .communityBenefits__inner { column-gap: 0; grid-template-areas: "title""leftImage""firstElem""thirdElem""fourthElem""fifthElem""sixthElem""seventhElem""rightImage"; grid-template-columns: 1fr } .communityBenefitsLanding--four .communityBenefitsLanding__item, .communityBenefitsLanding--two .communityBenefitsLanding__item { flex: 0 0 100%; max-width: 100%; min-height: 20rem } .communityDescription__topIcon { height: 8rem; width: 8rem } .communityDescription__bottomLeftImage { position: relative } .communityDescription__bottomLeftImage:before { content: ""; display: block; padding-top: 100%; width: 100% } .communityDescription__bottomLeftImage img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .communityDescription__bottomLeftDescTitle { font-size: 2.4rem } .communityMainGallery__galleryItemLabel { font-size: 1.4rem } .communityOverviewMap__mapCategory { flex: 0 0 50%; max-width: 50% } .communityOverviewMap__mapRightDescIcon { font-size: 3.2rem } .communityOverviewMap__mapRightDescText { font-size: 1.4rem; margin-top: 2rem } .communitySitePlan__legendItemText { font-size: 1.4rem } .companyDescription__topLeft { padding-right: 0 } .companyDescription__topIcon { display: none } .companyDescription__bottom { padding-top: 2rem } .companyDescription__bottomLeftText { padding-bottom: 2rem } .companyDescription__bottomLeftFirstImage, .companyDescription__bottomLeftSecondImage { width: calc(100% - .5rem) } .companyDescription__bottomRightImage { max-width: 100% } .contactMap__panel { bottom: auto; box-shadow: 0 .5rem 1rem #0003; flex-wrap: wrap; gap: 2rem; left: auto; margin: 0 auto; max-width: calc(100% - 4rem); min-width: unset; position: relative; top: -4rem; transform: translate(0); white-space: normal } .contactMap__panelSide { flex: 0 0 100%; max-width: 100% } .cooperationBenefits__benefitDescTitle, .cooperationBenefits__benefitTitle { font-size: 1.8rem } .exploreCommunities__top { margin-bottom: 2rem } .exploreCommunities__sliderItem { flex: 0 0 100%; margin-right: 0; max-width: 100% } .exploreTabs__title { height: 5.6rem } .exploreTabs__titleContent { font-size: 2rem; line-height: 2.8rem } .exploreTabs__titleContent br { display: none } .financingPartners__topSmall { margin-bottom: .4rem } .financingPartners__partnerContactItemValue, .financingPartners__partnerDesc { font-size: 1.4rem } .homeBenefits__titleBig { margin-top: 1rem } .homeBenefits__benefitText { font-size: 1.6rem } .homeDetails__planNav { margin-left: 0 } .homeDetails__planSliderSlide { padding: 0 } .homeDetails__planSliderNav { display: none } .homeDetails__dataContent { padding: 2rem } .homeGallery__image { position: relative } .homeGallery__image:before { content: ""; display: block; padding-top: 75%; width: 100% } .homeGallery__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .homeGallery__image--vertical img { object-fit: contain } .homeGallery__meta { bottom: 2.5rem; padding-bottom: 1rem } .homeGallery__sliderPagination { bottom: 2.5rem !important; display: none } .homeGallery__sliderNext { height: 6rem; width: 6rem } .imageText__image { position: relative } .imageText__image:before { content: ""; display: block; padding-top: 100%; width: 100% } .imageText__image img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100% } .imageText__textDesc--bigger { font-size: 1.6rem; line-height: 1.4 } .list__itemTitle { font-size: 2.2rem } .list__itemDesc { font-size: 1.5rem } .mainGallery__gallerySlide { max-width: 60% } .ourProcess__timelineItems { gap: 3rem; padding: 12rem 2rem 3rem 4rem } .ourProcess__timelineItem { flex: 0 0 calc(50% - 1.5rem); max-width: calc(50% - 1.5rem) } .ourProcess__timelineItemPhase { font-size: 1.4rem } .ourProcess__timelineItemTitle { font-size: 1.6rem } .ourTeam__inner { padding-right: 2rem } .ourTeam__sliderSlide { flex: 0 0 100%; margin-right: 0; max-width: 100% } .ourTeam__next { right: -2rem } .ourWarranty__chartItem { gap: 2.4rem } .ourWarranty__bgIcon { max-width: 8rem } .partnersApplications__rightDesc p strong { font-size: 1.6rem } .partnersApplications__rightStep { gap: 2rem; padding: 2rem 2.5rem } .partnersList__listItemLogo { margin-bottom: 4rem } .realtorsDesc__bottomImages { gap: 1rem } .realtorsDesc__bottomImage { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - .5rem) } .realtorsHowItWorks__boxTitle { font-size: 2rem; padding: 2rem 2.4rem } .realtorsHowItWorks__boxBonuses { padding: 3rem 2.4rem } .realtorsHowItWorks__boxBonusesColDesc { font-size: 1.4rem } .realtorsHowItWorks__boxBonusesSliderNum { font-size: 2rem } .realtorsHowItWorks__boxDesc { font-size: 1.4rem; padding: 4.8rem 2.4rem 2rem } .regularContactForm__left { padding: 2rem } .regularContactForm__leftDetailsTitle { font-size: 1.6rem; margin-bottom: 1rem } .regularContactForm__leftDetailsValues { font-size: 1.4rem } .textSlider__titleBig, .textSlider__titleBig span { font-size: 3.2rem } .textSlider__contentDesc h4 { font-size: 2rem; line-height: 3rem } .textSlider__contentSlide { flex: 0 0 100%; max-width: 100% } .thankYou { padding: 6rem 2rem 2rem } .choices__item { font-size: 1.4rem } } @media (max-width:360px) { .title--big, .twoLinesTitle .twoLinesTitle__first, .twoLinesTitle .twoLinesTitle__second { font-size: 2.4rem } .headerHome__title { font-size: 3rem; line-height: 4.2rem } .headerSubpage__title { font-size: 2.8rem } .mainMenu__contentNavListItem, .singleCareer__title { font-size: 2.4rem } .singleCareer__wysiwyg p { font-size: 1.4rem } .singleCareer__wysiwyg p strong { font-size: 1.6rem; line-height: 2.4rem } .singleCareer__wysiwyg h4 { font-size: 2rem; margin-top: 2.4rem } .singleCareer__wysiwyg ul li { font-size: 1.4rem } .communityOverviewMap__mapCategory { flex: 0 0 100%; max-width: 100% } .contactMap__panel { top: -2rem } .textSlider__titleBig, .textSlider__titleBig span { font-size: 2.4rem } } @media (min-width:1921px) { .communityMainGallery__galleryItemImageImg { height: 65rem } } @media (min-width:2400px) { .communityMainGallery__galleryItemImageImg { height: 75rem } } .header__logo img { max-width: 75px; } span.sub_title { font-size: 30px; line-height: 35px; display: block; } .sec_padding{ padding: 60px 0; } #amenities span.cooperationBenefits__benefitIcon img { width: 50px; } .footerContent__topLogo{ max-width: 150px; } .dis_list p { display: list-item; margin-left: 20px; } a.cb img { position: relative; } a.cb img { max-width: 75px; } .head_txt{ font-size: 40px; margin-bottom: 40px; color: #fff;} .form input{ align-items: center; border: 0; border-bottom: 1px solid #d6d6d6; color: #41362e; display: flex; font-size: 1.6rem; font-weight: 500; line-height: 1.28; margin-bottom: 1.6rem; min-height: 5rem; padding: 0 1.4rem; transition: box-shadow .3s, border-bottom-color; width: 100%;} .cus_button{ background: #bca94d; color: #fff; margin-top: 30px; border-radius: 20px; padding: 10px 30px;} .b_txt{ color: #000; } .page-loader { background: url(../../../images/khyati-loader.gif) center center no-repeat #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 99999; } .footerContent__content { display: flex; } .footerContent__contentLinks { display: flex; width: 100%; } .wd_33 { width: 33.33%; margin: 0 30px; } .wd_20 { width: 33.33%; } .map_btn { margin-top: 20px; padding: 15px 30px; border-radius: 20px; transform: none !important; margin-bottom: 30px; } .wd_20{ text-align: center; } .wd_20 .footerContent__top { padding-bottom: 20px; } h5.sub_heading { font-size: 20px; color: #bca94d; font-weight: 600; border-bottom: 1px solid #bca94d; display: inline-block; margin-bottom: 15px; } .footer_link a{ color: #ddd; } .footer__link p { color: #ddd; line-height: 22px; } .cus_btn1 { padding: 15px 30px; border-radius: 20px; } .copyright span { color: #fff; } p.copyright.text-center { margin-top: 20px; } p.copyright.text-center { margin-top: 0px; display: ruby-text; display: inherit; text-align: center; background: #bca94d; position: relative; bottom: 0; width: 100%; left: 0; right: 0; padding: 10px; } .mainMenu__content{ width: 50%; } @-webkit-keyframes spinnerRotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinnerRotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes spinnerRotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}#form_process{-webkit-animation-name:spinnerRotate;-webkit-animation-duration:1.1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spinnerRotate;-moz-animation-duration:1.1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spinnerRotate;-ms-animation-duration:1.1s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;display:inline-block;margin-left:10px;position:relative;visibility:hidden} #error_data{ color: red; font-size: 14px; margin: 0px 0px 10px; line-height: normal; } .p_txt{ font-size: 15px; line-height: 22px; } .exploreCommunities__button { margin-top: 0; text-align: center; margin-bottom: 35px !important; padding-bottom: 60px; } .communityItem__meta { background: #f3f3f3; height: 110px; } section#Amenities { background: #f3f3f3; } .cooperationBenefits__benefitIcon img { max-width: 70px; } .communityItem__metaTitle { font-weight: 500; text-align: center; font-size: 22px; } .why_invest a.communityItem { margin-bottom: 40px; } .exploreCommunities__button.is-inview { align-items: end; display: flex; transform: none !important; margin-left: 20px; } @media (max-width: 767px) { .mainMenu__contentBottomContact { margin-left: -7px;} .mainMenu__contentNavListItem { font-size: 25px; line-height: 33px; } .wd_20 .footerContent__top{ text-align: left; } .wd_20{ width: auto; } .wd_33{ width: auto; margin: unset; } .footerContent__contentLinks{ display: block; } .communityItem__meta { height: auto; } .why_invest .exploreCommunities__sliderWrapper.swiper-wrapper { display: block; } .title--medium { font-size: 30px; line-height: 35px; padding-bottom: 5px; } .container.sec_padding { padding: 0 2rem; } .head_txt { font-size: 30px; margin-bottom: 25px; } .imageText--reversed .imageText__text{ padding-right: 0; } .header__logo img{ padding: 12px; } section.motto.mob_pad { padding: 60px 0; }} @media (min-width: 768px) and (max-width: 980px) { .motto__inner.container, .exploreTabs__content { padding: 30px 20px 0 20px; } .why_invest a.communityItem { margin-bottom: 40px; width: 50%; float: left; margin: 0; padding: 15px; } .why_invest .exploreCommunities__button.is-inview { display: block; position: relative; float: left; margin: 40px; } .why_invest .exploreCommunities__sliderItem { max-width: 50%; flex: unset !important; width: 50%; } .why_invest .exploreCommunities__sliderWrapper.swiper-wrapper { display: inline-block; } .regularContactForm__right { padding-left: 25px; } .regularContactForm__right, .regularContactForm__left{ max-width: 50%; } .head_txt { font-size: 30px; margin-bottom: 30px; } .imageText--reversed .imageText__text{ padding-right: 0; } .imageText__textWrapper{ max-width: unset; } .footerContent__contentLinks a.button { font-size: 16px; }} .none_link:after{ display: none; } .spinner { animation: rotate 2s linear infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @media (max-width: 767px) { .headerHome.container { height: 75vh; } a.mainMenu__contentBottomContactLink { display: block; word-break: break-word; }}